/**
 * CSS style for the ul-com-theme
 * Overrides the enterprise theme styles.
 */

.hero--default .hero--default-slide.swiper-slide picture {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
}

/* UL-2895
HOTFIX: Fix issue with spotlight cards
*/
.card .image-container {
  height: auto;
  @supports(object-fit: cover) {
    max-height: 175px;
  }
}
.card .image-container img {
  height: 175px;
  width: 120%;
  max-width: none;
  @supports(object-fit: cover) {
    max-height: 175px;
    object-fit: cover;
    width: 100%;
    max-width: 100%;
  }
}
.section--paragraph .span-3-ld .card .image-container {
  height: auto;
}
.section--paragraph .span-3-ld .card .image-container img {
  height: 130px;
  @supports(object-fit: cover) {
    height: 100%;
    max-height: 130px;
    object-fit: cover;
  }
}
.section--grid .span-6-t .card .image-container img {
  width: 100%;
}
/*
UL-2950
HOTFIX: Hyperlinks inside of sections with BG colors.
*/
.section--bgcolor-black .editor-content a,
.section--bgcolor-red .editor-content a {
  color: #ffffff;
  text-decoration: underline;
}
.section--bgcolor-black .editor-content a:hover,
.section--bgcolor-red .editor-content a:hover {
  color: #e2e2e2;
}
/*
UL-2950
HOTFIX: Hyperlinks spotlight ctas inside of sections with BG colors.
*/
.section--paragraph.section--spotlight.section--bgcolor-red .button.button--black-outline,
.section--paragraph.section--spotlight.section--bgcolor-black .button.button--black-outline,
.section--paragraph.section--bgcolor-red .button.button--red-outline,
.section--paragraph.section--bgcolor-black .button.button--red-outline {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent;
}
/*
UL-3257
HOTFIX: Styles for the COVID-19 banner
*/
.covid-banner {
  background-color: #ca0123;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.covid-banner a {
  color: #ffffff;
  text-decoration: underline;
}
/*
UL-3279
HOTFIX: RFQ page is blank
*/
.rfq {
  padding:20px;
  border:solid 2px #ccc;
  margin-bottom: 40px;
}

/**
 * Regional Pages: Hide alerts.
 */
.page-node-type-regional-pages .region-header-before {
  display: none;
}
/**
 * Regional Pages: Hide default logo.
 */
.page-node-type-regional-pages .global-header__logo .brand-logo {
  opacity: 0;
  position: relative;
  left: -99999px;
}
/**
 * Regional Pages: Display white logo.
 */
.page-node-type-regional-pages .global-header__logo a {
  display: block;
  background: transparent url(/sites/g/files/qbfpbp251/themes/site/ul_com_theme/img/ul_solutions_logo_white.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
}
@media screen and (min-width: 768px) {
  .page-node-type-regional-pages .global-header__logo a {
    width: 100px;
  }
}
/**
 * Regional Pages: Keep title from pushing the language selector down.
 */
.page-node-type-regional-pages .regional_page_title {
  width: 45%;
}
@media screen and (min-width: 640px) {
  .page-node-type-regional-pages .regional_page_title {
    width: 55%;
  }
}
/**
 * Regional Pages: Drop-down Language.
 */
.page-node-type-regional-pages .block-dropdown-language {
  width: 22%;
}