/*
Theme Name: Staxx
Description: Simple. Affordable. Beatiful.
Author:  integritive inc.
Version: 1.0
Template: enfold
*/

:root {
	--main-theme: #005776;
	--dark: #005776;
	--alt-theme: #f8f8f8;
}

/* Standardized classes for hiding things on desktop/mobile */
@media (min-width: 990px) {
	.staxx-desktop-hidden {
		display: none!important;
	}
}
@media (max-width: 990px) {
	.staxx-mobile-hidden {
		display: none!important;
	}
}

/* Fix for transparent logos with WebP Express in CDN Friendly mode */
#top .av_header_transparency.av_alternate_logo_active .logo a > picture > img {
	opacity: 0;
	filter: alpha(opacity=0);
}
@media only screen and (max-width: 767px) {
	.responsive #top .av_header_transparency.av_alternate_logo_active .logo a > picture > img {
		opacity: 1;
	}
}

/* Fix for Gravity Forms styling */
#top .gform_wrapper legend {
	font-weight: bold;
	font-size: 0.92em;
}
.gform_required_legend {
	display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.hide-tablet {
		display: none!important;
	}
}

/* Fix for displaying the scroll-top link on mobile */
@media only screen and (max-width: 767px) {
	.responsive #top  #scroll-top-link {
		display: block;
	}
}

/* Portfolio grid — scale down images and keep centered with overlay */
.grid-sort-container .inner-entry .grid-image {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	padding: 15%;
	box-sizing: border-box;
}

.grid-sort-container .inner-entry .grid-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

.grid-sort-container .inner-entry .grid-image .image-overlay {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

/* Active (current) third-level industry segment in the sub-navigation.
   WordPress tags the current page's <li> with current-menu-item / current_page_item. */
#top .av-subnav-menu li.current-menu-item > a,
#top .av-subnav-menu li.current_page_item > a,
#top .av-subnav-menu li.active > a {
	color: #e47a00;
}

@media (min-width: 990px) {
	#top div .logo.staxx-hover-logo img {
		z-index: 9999;
	}

	#top div .logo.staxx-hover-logo img {
		opacity: 0;
		animation: none;
		transition: none;
	}

	#top div .staxx-hover-logo:hover img {
		animation: logo-flicker-on 0.45s linear forwards;
	}
}

@media (max-width: 989px) {
	#top div .logo.staxx-hover-logo {
		display: none;
	}
}

@keyframes logo-flicker-on {
	0% {
		opacity: 0;
		filter: brightness(0.7);
	}

	12% {
		opacity: 1;
		filter: brightness(1.4);
	}

	20% {
		opacity: 0.15;
		filter: brightness(0.8);
	}

	32% {
		opacity: 1;
		filter: brightness(1.25);
	}

	42% {
		opacity: 0.35;
		filter: brightness(0.9);
	}

	55% {
		opacity: 0.9;
		filter: brightness(1.1);
	}

	70%,
	100% {
		opacity: 1;
		filter: brightness(1);
	}
}

#top #header.header_color .av-main-nav > li > a:hover .av-hamburger-inner,
#top #header.header_color .av-main-nav > li > a:focus .av-hamburger-inner,
#top #header.header_color .av-main-nav > li > a:hover .av-hamburger-inner::before,
#top #header.header_color .av-main-nav > li > a:focus .av-hamburger-inner::before,
#top #header.header_color .av-main-nav > li > a:hover .av-hamburger-inner::after,
#top #header.header_color .av-main-nav > li > a:focus .av-hamburger-inner::after {
	background-color: var(--enfold-header_replacement_menu_hover_color);
	opacity: 1;
	transition: background-color 0.4s ease-in-out;
}

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .avia-content-slider .slide-entry {
		width: 100% !important;
		margin-left: 0 !important;
		clear: both !important;
	}

	.av-mn538u4t-35b70151c25140fc89c4ed4d383eef1b h1.p1 {
		font-size: 25px;
	}
}