@charset "UTF-8";

.site-utility-zindex {
	position: relative;
	z-index: 100;
}

/* NAV */
.site-nav .wp-block-navigation__submenu-container {
	font-family: var(--wp--preset--font-family--sans);
	font-size: calc(var(--wp--preset--font-size--small) * 1.1);
	line-height: var(--wp--custom--line-height--slim);
	text-transform: none;
}
.site-contact .wp-block-button a {
	background-color: var(--wp--preset--color--silver);
	color: var(--wp--preset--color--graphite);
	font-weight: var(--wp--preset--font-weight--semi-bold);
}
.site-contact .wp-block-button a:hover {
	background-color: var(--wp--preset--color--graphite);
	color: var(--wp--preset--color--lime);
}

/* NAV DESKTOP */
.site-nav #modal-1:not(.is-menu-open) .has-child:not(.open-on-click) > .wp-block-navigation__submenu-container {
	border: 3px solid transparent !important;
	box-shadow: var(--wp--preset--shadow--near);
	border-radius: var(--wp--custom--border-radius--small);
	min-width: 170px !important;
}
.site-nav #modal-1:not(.is-menu-open) .wp-block-navigation__submenu-container a:hover {
	background-color: var(--wp--preset--color--silver);
}
.site-nav #modal-1:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	color: var(--wp--preset--color--graphite);
}


/* NAV MOBILE ITEMS */
.site-nav #modal-1.is-menu-open .site-contact {
	justify-content: flex-start !important;
}
.site-nav #modal-1.is-menu-open .site-contact a {
	font-size: var(--wp--preset--font-size--big);
	padding-block: var(--wp--preset--spacing--20) !important;
	padding-inline: var(--wp--preset--spacing--30) !important;
}
.site-nav #modal-1.is-menu-open ul,
.site-nav #modal-1.is-menu-open li,
.site-nav #modal-1.is-menu-open .is-layout-flex {
	align-items: flex-start !important;
	width: 100%;
}
.site-nav #modal-1.is-menu-open .wp-block-navigation__container {
	font-size: var(--wp--preset--font-size--big);
	gap: var(--wp--preset--spacing--30);
}
.site-nav #modal-1.is-menu-open .wp-block-navigation__submenu-container {
	font-size: var(--wp--preset--font-size--large);
	padding-block-end: var(--wp--preset--spacing--20);
	gap: var(--wp--preset--spacing--20);
}


/* NAV TOGGLES */
.site-nav .wp-block-navigation-item:hover .wp-block-navigation-submenu__toggle {
	color: #81D51B;
}
.site-nav .wp-block-navigation__responsive-container-open {
	padding: 8px;
	border-radius: 4px;
	background-color: var(--wp--preset--color--silver);
	border: none;
}
.site-nav .wp-block-navigation__responsive-container-open:hover {
	background-color: var(--wp--preset--color--lime);
}
.site-nav .wp-block-navigation__responsive-container-open svg {
	width: 24px;
	height: 24px;
}
.site-nav .wp-block-navigation__responsive-container-close {
	top: 18px;
	right: -8px;
	padding: 8px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--cloud);
}
.site-nav .wp-block-navigation__responsive-container-close:hover {
	background-color: var(--wp--preset--color--lime);
}
.site-nav .wp-block-navigation__responsive-container-close svg {
	width: 20px;
	height: 20px;
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open {
	padding-block: var(--wp--preset--spacing--06);
	padding-inline: var(--wp--preset--spacing--30);
}

/* NAV ANIMATION */
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.wp-block-navigation__responsive-container.is-menu-open {
	animation: fadeIn 0.3s ease forwards;
}
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close:hover,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
.site-header  .wp-block-navigation-item .wp-block-navigation-submenu__toggle {
	transition: color 50ms var(--wp--custom--motion--easing);
}

/* PAGINATION */
.wp-block-query-pagination .page-numbers,
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	border: 1.5px solid #ddd;
	color: var(--wp--preset--color--blue);
	background: #fff;
	transition: background 0.15s, border-color 0.15s;
}
.wp-block-query-pagination a.page-numbers:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover {
	background: var(--wp--preset--color--cloud);
	border-color: var(--wp--preset--color--blue);
}
.wp-block-query-pagination .wp-block-query-pagination-next-arrow {
	   margin-left: unset;
}
.wp-block-query-pagination .page-numbers.current {
	background: var(--wp--preset--color--slate);
	border-color: var(--wp--preset--color--slate);
	color: var(--wp--preset--color--lime);
	font-weight: bold;
}
.wp-block-query-pagination .page-numbers.dots {
	border: none;
	background: none;
	width: 24px;
	cursor: default;
	color: var(--wp--preset--color--slate);
}
.wp-block-query-pagination-numbers {
	display: flex;
	align-items: center;
	gap: 6px;
}
.wp-block-query-pagination-next-arrow,
.wp-block-query-pagination-previous-arrow {
	display: none !important;
}
.wp-block-query-pagination-next::after,
.wp-block-query-pagination-previous::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.wp-block-query-pagination-next::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E");
}
.wp-block-query-pagination-previous::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
}

/* MEDIATEXT DEFAULT */
.wp-block-media-text,
.wp-block-media-text__media {
	overflow: hidden;
}
.wp-block-media-text:not(.has-background) {
	gap: var(--wp--preset--spacing--48);
}
.wp-block-media-text:not(.has-background):not([class*="is-style-"]) .wp-block-media-text__content {
	padding: unset;
}
.wp-block-media-text__content *:first-child {
	margin-block-start: unset;
}
.wp-block-media-text figure:empty {
	display: none;
}
.wp-block-media-text :last-of-type {
	margin-block-end: unset;
}
.wp-block-media-text-link:not(.wp-block-media-text *) {
	position: relative;
	display: block;
	cursor: pointer;
	color: inherit;
}
.wp-block-media-text-link:not(.wp-block-media-text *)::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}

.wp-block-post {
	position: relative;
}
.wp-block-post .wp-block-media-text-link {
	text-decoration: none;
}
.wp-block-post > .wp-block-media-text-link {
	position: absolute;
	display: block;
	cursor: pointer;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}
.wp-block-post > .wp-block-media-text-link:hover {
	cursor: pointer !important;
	box-shadow: var(--wp--preset--shadow--near) !important;
}
.wp-block-post .is-style-snapshot .wp-block-media-text__content {
	padding-inline: var(--wp--preset--spacing--18);
}


/* CATALOG */
@media (max-width: 1120px) {
	.site-product-summary {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width: 800px) {
	.site-product-summary {
		gap: var(--wp--preset--spacing--18);
	}
	.site-product-summary > .wp-block-group {
		grid-area: 1 / 2 / 1 / 4;
	}
}
@media (max-width: 500px) {
	.site-product-summary {
		grid-template-columns: 1fr;
	}
	.site-product-summary figure,
	.site-product-summary > .wp-block-group {
		grid-area: unset;
	}
	.site-product-summary figure img {
		aspect-ratio: 5 / 3;
		object-fit: contain !important;
	}
}

/* OVERLAY */
@media (max-width: 1200px) {
	.site-overview-cover {
		background-position: 70% 0% !important;
	}
	
}
@media (max-width: 900px) {
	.site-overview-cover {
		background-position: 70% 0% !important;
		background-size: contain !important;
		background-repeat: no-repeat;
		padding: unset !important;
	}
	.site-overview-cover .wp-block-columns {
		padding-block-start: clamp(80px, 1rem + 20vw, 150px) !important;
	}
	.site-overview-cover .wp-block-column {
		flex-basis: 100% !important;
		background-color: var(--wp--preset--color--graphite);
		padding: var(--wp--preset--spacing--48);
	}
}


/* FOOTER */
@media (max-width: 1000px) {
	.site-footer-wayfinding {
		grid-template-columns: repeat(3, 1fr);
	}
	.site-footer-info {
		grid-area: 1 / 1 / 2 / -1;
		padding-block-end: 2em;
	}
	.site-footer-nav1 {
		grid-area: 2 / 1;
	}
	.site-footer-nav2 {
		grid-area: 2 / 2;
	}
	.site-legal {
		justify-content: center;
	}
}
@media (max-width: 550px) {
	.site-footer-wayfinding {
		grid-template-columns: repeat(2, 1fr);
	}
	.site-footer-nav3 {
		grid-area: 3 / 1 / 4 / -1;
	}
}

/* BLOCKS */
.wp-block-post-title a:hover {
	color: var(--wp--preset--color--blue);
}