/* GDPR Banner CSS*/

.eu-cookie-compliance-banner button {
	background-color: #ffffff !important;
	background-image: none;
	text-shadow: none;
	border: 1px solid #000000 !important;
	box-shadow: none;
	border-radius: 0px;
	font-size: 0.62em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.eu-cookie-compliance-banner button:hover {
	background-color: #FBDD40 !important;
	background-image: none;
}
.eu-cookie-compliance-message {
	max-width: 80%;
}
.eu-cookie-compliance-message a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
.eu-cookie-compliance-message h1, .eu-cookie-compliance-message h2, .eu-cookie-compliance-message h3, .eu-cookie-compliance-message p {
	font-weight: normal;
}
#sliding-popup {
	opacity: 0.9;
}
.eu-cookie-compliance-banner #popup-text {
	line-height: 1.1;
}
.eu-cookie-compliance-banner #popup-text p {
	font-size: 14px;
}
.eu-cookie-compliance-banner #popup-text p a {
	text-decoration: none;
}
.eu-cookie-compliance-banner #popup-text p a:hover {
	text-decoration: underline;
}
 @media screen and (max-width: 767px) {
.eu-cookie-compliance-banner #popup-text {
	line-height: 1.20;
}
}
/* End GDPR Banner CSS */


/* DRUP-3912: move to components/utility-nav/ during that component's SDC conversion — not yet moved. */
@media (max-width: 425px) {
  .utility-nav.container-fluid{padding: 15px 80px 12px 10px !important;}
  .utility-nav.container-fluid.active { padding-top: 2px !important; }
  .utility-nav--start svg{
    width: 100%;
    max-width: 253px;
  }
}

@media (min-width: 426px) and (max-width: 768px) {
  .utility-nav.container-fluid {
    padding: 10px 80px 10px 10px !important;
  }
  .utility-nav.container-fluid.active {
    padding-top: 2px !important;
  }
  .utility-nav--start svg{
    width: 100%;
    max-width: 305px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .utility-nav.container-fluid{padding: 9px 80px 10px 10px !important;}
  .utility-nav.container-fluid.active { padding-top: 2px !important;}
  .utility-nav--start svg{
    width: 100%;
    max-width: 217px;
  }
}

/* Changes for tagged content listing layout (needed vertical spacing between elements) */
/* DRUP-3912: move to components/tagged-teaser-content/ during that component's SDC conversion — not yet moved. */
.view-id-tagged_teaser_content .views-row {
  margin: 2em 0;
}

/* DRUP-3912 Phase 18: sitewide responsive-image reset, relocated here from the
   image SDC's own CSS — components/image/image.css only auto-attaches when
   that specific SDC renders, but raw <img> tags exist sitewide outside it
   (the header logo, hero.twig's own background image for the 'home' type,
   etc.), so this reset must be guaranteed on every page regardless of which
   components a given page happens to render. */
img {
  max-width: 100%;
  height: auto;
}