/* Transparent logo presentation overrides.
 * This file is loaded after the page styles so the transparent PNG is not placed inside a white logo container.
 */

:root {
	--gjs-header-height: 112px;
}

.gjs-site-header__brand {
	gap: 0 !important;
}

.gjs-site-header__logo,
.gjs-site-header__logo-frame,
.gjs-hero__logo-frame,
.gjs-svc-brand__logo-frame,
.gjs-site-footer__logo-frame,
.gjs-site-header .site-logo,
.gjs-site-header .custom-logo-link,
.gjs-site-header .logo,
.gjs-site-header .site-branding,
.gjs-site-header .header-logo {
	align-items: center !important;
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	display: inline-flex !important;
	justify-content: center !important;
	overflow: visible !important;
	padding: 0 !important;
}

.gjs-site-header__logo::before,
.gjs-site-header__logo::after,
.gjs-site-header__logo-frame::before,
.gjs-site-header__logo-frame::after,
.gjs-hero__logo-frame::before,
.gjs-hero__logo-frame::after,
.gjs-svc-brand__logo-frame::before,
.gjs-svc-brand__logo-frame::after,
.gjs-site-footer__logo-frame::before,
.gjs-site-footer__logo-frame::after,
.gjs-site-header .site-logo::before,
.gjs-site-header .site-logo::after,
.gjs-site-header .custom-logo-link::before,
.gjs-site-header .custom-logo-link::after,
.gjs-site-header .logo::before,
.gjs-site-header .logo::after,
.gjs-site-header .site-branding::before,
.gjs-site-header .site-branding::after,
.gjs-site-header .header-logo::before,
.gjs-site-header .header-logo::after {
	background: none !important;
	border: 0 !important;
	box-shadow: none !important;
	content: none !important;
	display: none !important;
}

.gjs-site-header__brand:hover .gjs-site-header__logo,
.gjs-site-header__brand:hover .gjs-site-header__logo-frame,
.gjs-hero__brand:hover .gjs-hero__logo-frame,
.gjs-svc-brand:hover .gjs-svc-brand__logo-frame,
.gjs-site-footer__brand:hover .gjs-site-footer__logo-frame,
.gjs-site-footer__brand:focus-visible .gjs-site-footer__logo-frame {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.gjs-site-header__logo img,
.gjs-site-header__logo-frame img,
.gjs-site-header .site-logo img,
.gjs-site-header .custom-logo,
.gjs-site-header .logo img,
.gjs-site-header .site-branding img,
.gjs-site-header .header-logo img {
	display: block !important;
	height: auto !important;
	max-width: min(280px, 26vw) !important;
	object-fit: contain !important;
	width: clamp(250px, 21vw, 280px) !important;
}

.gjs-hero__logo-frame img,
.gjs-hero__logo {
	display: block !important;
	height: auto !important;
	object-fit: contain !important;
}

.gjs-site-footer__logo-frame img {
	display: block !important;
	height: auto !important;
	max-height: 116px !important;
	object-fit: contain !important;
	width: min(302px, 100%) !important;
}

.gjs-svc-brand__logo-frame img {
	display: block !important;
	height: auto !important;
	max-width: 164px !important;
	object-fit: contain !important;
	width: 164px !important;
}

@media (max-width: 1040px) {
	:root {
		--gjs-header-height: 88px;
	}

	.gjs-site-header__logo img,
	.gjs-site-header__logo-frame img,
	.gjs-site-header .site-logo img,
	.gjs-site-header .custom-logo,
	.gjs-site-header .logo img,
	.gjs-site-header .site-branding img,
	.gjs-site-header .header-logo img {
		max-width: min(220px, 40vw) !important;
		width: clamp(188px, 29vw, 220px) !important;
	}
}

@media (max-width: 820px) {
	.gjs-site-footer__logo-frame img {
		max-height: 100px !important;
		width: min(262px, 100%) !important;
	}
}

@media (max-width: 560px) {
	.gjs-site-footer__logo-frame img {
		max-height: 88px !important;
		width: min(232px, 100%) !important;
	}
}

@media (max-width: 520px) {
	:root {
		--gjs-header-height: 78px;
	}

	.gjs-site-header__logo img,
	.gjs-site-header__logo-frame img,
	.gjs-site-header .site-logo img,
	.gjs-site-header .custom-logo,
	.gjs-site-header .logo img,
	.gjs-site-header .site-branding img,
	.gjs-site-header .header-logo img {
		max-width: min(172px, 52vw) !important;
		width: clamp(138px, 45vw, 172px) !important;
	}
}