a.c-call-to-action.f-lightweight:focus, button.c-call-to-action.f-lightweight:focus{ border-color: #000 !important; outline-color: rgba(255,255,255,.6) !important; } @media screen and (max-width: 539px) { .stackoverride > div > div > [data-grid="col-6"] { width: 50% !important; display: inline-block; float: left; } } .mt0.m-feature .c-call-to-action.c-glyph { padding: 5px 3px 5px 0; margin-top: 0; display: block; } @media screen and (min-width: 768px) { .mt0.m-feature .c-call-to-action.c-glyph { text-align: left; } } [data-grid~="container"] [class^="m-"] { padding-left: 0; padding-right: 0; } @media screen and (max-width: 1083px) { .m-product-placement-item.f-size-medium { margin: 0 auto; } } .small-img .m-content-placement-item { margin-top: 0 !important; } .small-img .m-content-placement-item > picture { display: block; position: relative; overflow: hidden; padding-bottom: 40%; } .pa0 { padding: 0 !important; } .pl0 { padding-left: 0 !important; } .pr0 { padding-right: 0 !important; } .mt0 { margin-top: 0 !important; } .pt10px { padding-top: 10px !important } #sort .c-select-menu.f-border [aria-expanded] { min-width: 170px !important; background-color: #fff; } .mh50 { min-height: 50px; } .star-color { color: #FFB900; } .fl { float: left; } .fr { float: right; } @media (min-width: 768px) { .pull { right: 8.33333333%; position: relative; } .push { left: 75%; position: relative; } .even-type, .competency { display: -ms-flexbox; display: flex; height: 50%; align-items: center; width: 100%; } .even-type img, .competency img { width: 100%; } .ms-ctas { float: right; } #sort { float: right; } .res-border { border-right: 1px solid #ddd; } } .reset { cursor: pointer; } .mh314 { width: 100%; } .mh314 picture.c-image img { margin: 0 auto; } @media (max-width: 767px) { .even-type, .competency { display: inline-block; width: 50%; } .even-type .c-image, .competency .c-image { margin: 0 auto; max-height: 100px; margin-top: 20px; } .disp-flex { flex-direction: column; -ms-flex-direction: column; } .feature-image .c-image img { max-height: 210px; min-height: 180px; } .res-border { border-top: 1px solid #ddd; } .minh100 { min-height: 90px; } } .disp-flex { display: -ms-flexbox; display: flex; } .disp-flex > [data-grid="col-9"], .disp-flex > [data-grid="col-2"] { display: flex; align-items: center; justify-content: center; display: -ms-flexbox } .ms-badge-top > .c-badge.custom-bg { color: #fff; } .f-gray { background-color: #e6e6e6; padding: 2px 12px 4px 12px !important; } .f-bw { padding: 0 0 0 12px !important; height: 19px !important; background-color: #000 !important; color: #fff !important; } .f-bw .c-glyph.glyph-clear:before { font-size: 9px !important; } .filter-button { display: inline-block; text-align: left; cursor: pointer; border: none; max-width: 200px; width: 100%; float: right; } .filter-button:focus { outline: none !important; } .sort-option { display: inline-block !important; } #filters { min-height: 0 !important; } /*Banner*/ .hero-image { margin: 0 auto; position: relative; max-height: 600px; min-height: 440px; background-color: #000; display: flex; display: -ms-Flexbox; z-index: 999; } .align-v-center { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); padding: 0 5%; } @media (min-width: 1400px) { .align-v-center { padding: 0 10%; } } .hero-image picture, .hero-image picture img { width: 100%; overflow: hidden; } .hero-text { text-align: left; color: white; max-width: 640px; } @media (min-width: 768px) and (max-width: 1380px) { /*.hero-image { max-height: 472px; }*/ .hero-text { max-width: 500px; } } @media (max-width: 767px) { .hero-image { max-height: 600px; padding-left: 0 !important; padding-right: 0 !important; } .align-v-center { bottom: 5%; } } @media (min-width: 768px) { .c-select.select-solution, .select-submit { max-width: 400px; } .select-event .c-select-menu { width: 96%; } .ms-badge-bottom { width: 50%; } } @media (max-width: 767px) { .select-submit { flex-direction: column; -ms-flex-direction: column; } .submit-button { max-width: 296px; } .select-event .c-select-menu { width: 100%; } } .select-submit { display: flex; display: -ms-Flexbox; } .c-select.select-event, .submit-button { flex: 50%; margin-top: 10px !important; min-height: 38px; } .select-solution .c-select-menu, .submit-button button.c-button { width: 100%; margin-top: 0; } .select-solution .c-select-menu.f-border > button, .select-event .c-select-menu.f-border > button { background: #fff !important; color: #000 !important; width: 100%; } .select-solution .c-menu, .select-event .c-menu { width: 100% !important; max-width: 100% !important; } .select-solution .c-menu-item, .select-event .c-menu-item { color: #000; width: 100%; } [data-grid~="container"] { max-width: calc(1600px + 16%); padding-left: 5%; padding-right: 5%; } @media screen and (min-width: 1399px) { [data-grid~="container"] { padding-left: 10%; padding-right: 10%; } } .f-background-neutral-10 { background: #e6e6e6 !important; } /*.m-feature.f-align-left > div { padding-left: 0; }*/ @media only screen and (min-width: 1400px) { .m-typographic-intro > div > div { padding-left: 10%; } } @media only screen and (max-width: 1399px) { .m-typographic-intro > div > div { padding-left: 5%; } } .search-button { margin-top: -9px !important; margin-right: 180px; margin-right: 10%; } @media only screen and (min-width: 1400px) { .search-button { margin-right: 12%; } } @media only screen and (max-width: 539px) { .m-typographic-intro.f-image .c-heading { font-size: 2em; line-height: 1.1; padding: 60px 0 5px; } .m-typographic-intro .f-theme-light { max-width: 270px !important; } } .filter-button { background-color: #ffb900; } @media only screen and (max-width: 767px) { .filter-button { width: 100%; float: left; max-width: 325px; } #sort.c-select { max-width: 325px; } #sort .c-select-menu, #sort .c-select-menu.f-border [aria-expanded] { width: 100%; } .sort-option { display: block !important; } #sort .c-select-menu .c-menu { width: 100%; } } .select-solutionv2.c-select, .select-eventv2.c-select { max-width: 337px; } .select-solutionv2 .c-select-menu.f-border [aria-expanded], .select-solutionv2 .c-select-menu.f-border .c-menu, .select-eventv2 .c-select-menu.f-border [aria-expanded], .select-eventv2 .c-select-menu.f-border .c-menu { background-color: #fff; width: 100%; } .select-solutionv2 .c-select-menu.f-border .c-menu .c-menu-item, .select-eventv2 .c-select-menu.f-border .c-menu .c-menu-item { color: #000; } @media only screen and (min-width: 768px) { .select-solutionv2.c-select, .select-eventv2.c-select { display: inline-block; } .select-solutionv2 .c-select-menu, .select-eventv2 .c-select-menu { min-width: 150px; } .select-solutionv2.c-select .c-label, .select-eventv2.c-select .c-label { display: inline-block; } .c-button.submitv2 { min-width: 100px; } } @media only screen and (max-width: 767px) { .c-button.submitv2, .select-solutionv2 .c-select-menu, .select-eventv2 .c-select-menu { width: 100%; max-width: 337px; } } @media only screen and (max-width: 539px) { .m-content-placement-item .c-call-to-action.register-btn { display: block; text-align: center; } } .m-content-placement-item .c-call-to-action.register-btn { padding: 10px 20px 6px 22px; color: #fff; background: #0067b8; } a.c-call-to-action.register-btn:not(.glyph-play):hover span { left: -4px !important; } a.c-call-to-action.register-btn:not(.glyph-play):hover:after { right: -4px !important; } a.c-call-to-action.register-btn:active { background: #005293; } a.c-call-to-action.register-btn:focus:not(.x-hidden-focus) { background: #005da6; border-color: #000; outline-color: rgba(255,255,255,.6); color: #fff; } .small-img.bd .m-content-placement-item { border: 1px solid #dedede; } .m-roles .m-product-placement-item > a, .m-roles .m-product-placement-item > a > picture, .m-roles .m-product-placement-item > a:hover > picture, .m-roles .m-product-placement-item > a:focus, .m-roles .m-product-placement-item > a:focus:before { border: none; } .m-rich-content-block.disp-flex [data-grid~="col-4"] { position: relative; } .m-rich-content-block.disp-flex [data-grid~="col-4"] p { padding-bottom: 63px; } .m-rich-content-block.disp-flex [data-grid~="col-4"] .c-call-to-action { position: absolute; bottom: 4px; } .more{ padding-top:0.6em; } .mh314{ width:85%; } @media only screen and (max-width: 859px){ .c-uhfh.c-sgl-stck nav.c-uhfh-gnav, .c-uhfh.c-sgl-stck nav#uhf-c-nav { z-index:1000; } #filters [data-grid="col-1-5"] label.c-heading-6 { clear: both; width: 100%; } }