/* Root Styles */

:root {
	overflow-x: hidden;
}

/* Anchor Offset */
:root * {
	scroll-margin-top: var(--wp--preset--spacing--100);
}

/* Lists - Default */

ul.is-style-default {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

ul.is-style-default>li {
	margin-left: 0;
	padding-left: 1em;
	position: relative;
}

/* Utility Nav */

.wp-block-navigation-item.external::after,
.wp-block-button.external .wp-block-button__link::after {
	content: url(../images/external.svg);
	width: var(--wp--preset--spacing--10);
	margin-left: var(--wp--preset--spacing--5);
}

.wp-block-buttons[style*="font-weight"] .wp-block-button,
.wp-block-buttons[style*="font-weight"] .wp-block-button__link {
	font-weight: inherit;
}

.wp-block-button[style*="font-weight"] .wp-block-button__link {
	font-weight: inherit;
}

/* Link Buttons */

.wp-block-latest-posts__list a,
.wp-block-query:not(.featured-post) .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link,
.wp-block-button[class*="link"] .wp-block-button__link {
	color: var(--wp--preset--color--black);
	padding: 0;
	background: none !important;
	height: auto;
	text-align: left;
	padding-left: var(--buttons-offset);
	padding-right: var(--buttons-offset);
}

/* Arrow Buttons */

.wp-block-button.arrow-button .wp-block-button__link {
	display: inline;
	white-space: normal;
	text-align: left;
}

.wp-block-button.arrow-button .wp-block-button__link::after {
	content: '';
	display: inline-block;
	vertical-align: baseline;
	margin-left: .44em;
	width: 0.6755em;
	height: 0.5909em;
	mask-image: url(/wp-content/themes/wpfox/assets/images/arrow-right.svg);
	mask-size: contain;
	mask-position: center;
	mask-repeat: no-repeat;
	background-color: currentColor;
	-webkit-mask-composite: destination-over;
	mask-composite: exclude;
	transition: transform 0.2s ease;
}

.wp-block-button.arrow-button .wp-block-button__link:hover::after {
	transform: translateX(0.12em);
}

.wp-block-button.arrow-button .wp-block-button__link.has-primary-blue-color.has-transparent-background-color::after {
	background-color: var(--wp--preset--color--secondary-orange);
}

/* External Link Buttons */

.wp-block-button.external .wp-block-button__link {
	display: inline-flex;
	align-items: center;
}

.wp-block-button.external .wp-block-button__link::after {
	content: '';
	display: inline-block;
	margin-left: .3em;
	margin-top: 0.1em;
	width: 0.65em;
	height: 0.65em;
	mask-image: url(/wp-content/themes/wpfox/assets/images/external.svg);
	mask-size: cover;
	background-color: currentColor;
	-webkit-mask-composite: destination-over;
	mask-composite: exclude;
}


/* Sticky Header */

.site-header {
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 10;
}

@media (max-width: 768px) {
	body.admin-bar .site-header {
		top: 46px;
	}
}

/* Scrolled Down Site Header Effects */

@media (min-width: 1126px) {
	.wp-block-site-logo a {
		opacity: 1;
		transition: opacity 0.8s;
	}

	body.scrolled-down .wp-block-site-logo a {
		opacity: 0;
	}
}

@media (max-width: 1125px) {
	.site-brand {
		background-color: transparent !important;
	}
}

/* Main Navigation */


.main-nav .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-weight: 400;
}

.main-nav .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg,
.main-nav .wp-block-navigation-submenu__toggle[aria-expanded=true]>svg {
	transform: scale(1.45, 1.45) translate(.1em, -.05em);
}

.main-nav .wp-block-navigation-submenu__toggle[aria-expanded=true]>svg {
	stroke: var(--wp--preset--color--secondary-orange);
}

@media (min-width: 1126px) {
	.main-nav .wp-block-navigation__container>.wp-block-navigation-item.current-menu-ancestor>.wp-block-navigation-item__content {
		position: relative;
	}

	.main-nav .wp-block-navigation__container>.wp-block-navigation-item.current-menu-ancestor>.wp-block-navigation-item__content::after {
		content: '';
		position: absolute;
		right: 0;
		bottom: -4px;
		left: 0;
		height: 4px;
		background-color: var(--wp--preset--color--primary-light-green);
	}
}

/* Main */

.wp-site-blocks>main {
	margin-top: 0;
}


/* Footer */

.site-footer-container {
	margin-top: 0 !important;
}

.site-footer-container>div {
	padding-top: var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
}

.site-footer-container h4+p {
	margin-top: 0.2em;
}

.site-footer-container .footer-right p {
	--font-size: 12;
}

.site-footer-container .wp-block-social-links.is-style-logos-only .wp-social-link svg {
	height: max(30px, var(--wp--preset--spacing--30));
	width: auto;
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
	.site-footer-container :is(.footer-row, .copyright)>* {
		flex: 1 0 100%;
		text-align: center;
	}

	.site-footer-container .wp-block-social-links {
		justify-content: center;
	}
}

@media (max-width: 575px) {
	.footer-bottom>div {
		width: 100%;
		text-align: center;
	}

	.footer-top {
		justify-content: center !important;
	}

	.footer-bottom .wp-block-social-links {
		justify-content: center;
	}

	.footer-right>.wp-block-group {
		justify-content: center;
	}

	.site-footer-container .footer-right p {
		text-align: center;
	}
}

/* WP Video Lightbox Plugin - Mobile Cleanup CSS */

div.pp_default .pp_close {
	margin: 0;
}

@media (max-width: 767px) {

	a.pp_expand,
	a.pp_contract,
	.pp_hoverContainer,
	.pp_gallery,
	.pp_top,
	.pp_bottom {
		display: block !important;
	}

	div.pp_default .pp_content_container .pp_left {
		padding-left: 13px !important;
	}

	div.pp_default .pp_content_container .pp_right {
		padding-right: 13px !important;
	}

	.pp_content {
		width: 100% !important;
	}

	.pp_fade {
		width: calc(100% - 8px) !important;
	}

	.pp_details {
		margin: -33px 3px !important;
		width: auto !important;
		background: none;
	}

	a.pp_close {
		right: 0 !important;
		top: 0 !important;
	}

	#pp_full_res {
		height: 66vw;
	}

	#pp_full_res iframe {
		width: 100%;
		height: 66vw;
	}
}