/* Device-specific header pieces (desktop/tablet vs mobile render of the original). */
@media (max-width: 767px) { .ech-d-only { display: none !important; } }
@media (min-width: 768px) { .ech-m-only { display: none !important; } }

/* Background slideshows */
.bgGallerySlideHolder { position: absolute; inset: 0; }
.bgGallerySlideHolder .bgGallerySlide { position: absolute; inset: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0; transition: opacity 1s ease-in-out; }
.bgGallerySlideHolder .bgGallerySlide.ech-on { opacity: 1; }

/* Entrance animation used on the original */
[data-ech-anim] { opacity: 0; transform: translateY(30px); transition: opacity 1.5s ease, transform 1.5s ease; }
[data-ech-anim].ech-in { opacity: 1; transform: none; }

/* Form states */
form[data-ech-form].ech-sending input[type=submit] { opacity: .6; pointer-events: none; }

/* reCAPTCHA row of the original only takes space on phones */
@media (min-width: 768px) { .ech-captcha-space { display: none !important; } }

/* New logo (with phone + tagline) needs a little more height on phones to stay readable.
   The logo box keeps its original width, so the bigger image is centred over it. */
@media (max-width: 767px) {
	#mobile-hamburger-header .imageWidget img,
	#mobile-hamburger-drawer .imageWidget img {
		height: 58px !important; width: auto !important; max-width: none !important;
		position: relative !important; left: 50% !important; transform: translateX(-50%) !important;
	}
}

/* menu scale steps (its natural width is ~1540px) */
@media (min-width: 1400px) and (max-width: 1599px) { #dm #hcontainer .u_1050906067 nav { zoom: .88; } }
@media (min-width: 1280px) and (max-width: 1399px) { #dm #hcontainer .u_1050906067 nav { zoom: .8; } }
@media (min-width: 1150px) and (max-width: 1279px) { #dm #hcontainer .u_1050906067 nav { zoom: .72; } }
@media (min-width: 1025px) and (max-width: 1149px) { #dm #hcontainer .u_1050906067 nav { zoom: .6; } }
/* while scrolled the logo takes ~170px on the left, so the 10-item menu scales a little more;
   below 1280px there isn't room for both, so the menu keeps the space and the logo stays hidden */
@media (min-width: 1600px) and (max-width: 1899px) { #dm #hcontainer.scroll-responder_set .u_1050906067 nav { zoom: .86; } }
@media (min-width: 1400px) and (max-width: 1599px) { #dm #hcontainer.scroll-responder_set .u_1050906067 nav { zoom: .74; } }
@media (min-width: 1280px) and (max-width: 1399px) { #dm #hcontainer.scroll-responder_set .u_1050906067 nav { zoom: .66; } }
@media (min-width: 1025px) and (max-width: 1279px) {
	#dm #hcontainer.scroll-responder_set .ech-sticky-logo { display: none !important; }
	#dm #hcontainer.scroll-responder_set .u_1050906067 .dmRespColsWrapper .dmRespCol { padding-left: 0 !important; }
}