/*
Theme Name:     The Eye Doctor
Description:    A custom theme for The Eye Doctor based on the parent theme Enfold. Do not delete the parent theme from your site.
Version:		1.0
Author:         ACS Creative
Author URI:		http://www.acscreative.com/
Template:		enfold
*/

/* ---- @import url('includes/elements.css'); ---- */

@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* ------------------------------------------------------------
    ROOT VARIABLES
------------------------------------------------------------ */
:root {
	/* COLORS */
	--blue-light: #1F67DD;
	--blue-dark: #18448D;
	--grey-light: #818181;
	--grey-dark: #444444;
	--offwhite: #DDDDDD;
	--white: #ffffff;

	/* TYPEFACES */
	--ptserif: "PT Serif", serif;
	--roboto: "Roboto", sans-serif;

	/* UTILITIES */
	--transition: all .5s ease-in-out;
	--transition-long: all .7s ease-in-out;

	/* FONT SIZES */
	--text-xs: clamp(0.8125rem, 0.8125rem + 0vw, 0.8125rem);
	--text-sm: clamp(0.9375rem, 0.9375rem + 0vw, 0.9375rem);
	--text-base: 18px;
	--text-md: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
	--text-lg: clamp(1.5rem, 1.4722rem + 0.1481vw, 1.75rem);
	--text-xl: clamp(1.875rem, 1.8333rem + 0.2222vw, 2.25rem);
	--text-2xl: clamp(2.375rem, 2.2569rem + 0.6296vw, 3.4375rem);
	--text-3xl: clamp(2.625rem, 2.45rem + 0.95vw, 4.25rem);
	--text-4xl: clamp(3.25rem, 2.75rem + 2.6667vw, 7.75rem);


	/* BORDER RADIUS */
	--radius-xs: 0.25rem;
	--radius-sm: 0.5rem;
	--radius-base: 1.125rem;
	--radius-md: 24px;
	--radius-lg: 2.25rem;
	--radius-full: 99px;


	--shadow-base: 0 0 29px rgba(0, 1, 1, 0.17);
	--shadow-lg: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	--shadow-xl: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;


}



/* ------------------------------------------------------------
    UTILITIES & HELPERS
------------------------------------------------------------ */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}


.border-radius-md {
	border-radius: var(--radius-md);
}


.max-w-md {
	max-width: 850px !important;
}

.max-w-full .container {
	max-width: 100% !important;
}


.mb-0 {
	margin-bottom: 0px !important;
}

.mx-auto {
	margin: auto !important;
}

.text-3xl {
	font-size: var(--text-3xl) !important;
}

.text-4xl {
	font-size: var(--text-4xl) !important;
}



/* ------------------------------------------------------------
	Global
------------------------------------------------------------ */

.image-overlay,
.image-overlay .image-overlay-inside {
	display: none !important;
}



.togglecontainer.av-elegant-toggle .toggler {
	padding: 24px 55px 24px 14px;
	background-color: var(--blue-light);
	color: var(--white);
	transition: var(--transition);
}

.togglecontainer.av-elegant-toggle .toggler.activeTitle {
	padding: 24px 55px 24px 24px;
	background-color: var(--offwhite);
	color: var(--grey-dark);
	font-weight: 700;
}

.togglecontainer.av-elegant-toggle .toggle_content {
	padding: 8px 24px 14px 24px;
	background-color: var(--white);
	color: var(--grey-dark);
}

.togglecontainer.av-elegant-toggle .toggler:hover {
	padding: 24px 55px 24px 20px;
	background-color: var(--blue-dark);
	transition: var(--transition);
	color: var(--white);
}

.togglecontainer.av-elegant-toggle .toggler.activeTitle:hover .toggle_icon,
.togglecontainer.av-elegant-toggle .toggler.activeTitle:hover .toggle_icon .vert_icon,
.togglecontainer.av-elegant-toggle .toggler.activeTitle:hover .toggle_icon .hor_icon,
.togglecontainer.av-elegant-toggle .toggle_icon,
.togglecontainer.av-elegant-toggle .toggle_icon .vert_icon,
.togglecontainer.av-elegant-toggle .toggle_icon .hor_icon {
	border-color: var(--white);
	opacity: 1;
}

.togglecontainer.av-elegant-toggle .toggler.activeTitle .toggle_icon,
.togglecontainer.av-elegant-toggle .toggler.activeTitle .toggle_icon .vert_icon,
.togglecontainer.av-elegant-toggle .toggler.activeTitle .toggle_icon .hor_icon {
	border-color: var(--grey-dark);
	opacity: 1;
}



/* ------------------------------------------------------------
    TYPOGRAPHY
------------------------------------------------------------ */

.uppercase {
	text-transform: uppercase !important;
}

/* Reset & Base */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0.5em;
}

h1,
h2 {
	overflow: hidden !important;
	text-transform: none !important;
	font-weight: 400 !important;
	font-family: var(--ptserif);
	color: var(--blue-dark);
}

/* Sizes & Specifics */
h1 {
	font-size: var(--text-3xl);
	line-height: 1.175 !important;
	letter-spacing: 0px !important;
	margin-bottom: 1.1rem !important;
}

h2 {
	font-size: var(--text-2xl);
	line-height: 1.25;
	letter-spacing: 0px !important;
}

h3 {
	font-size: var(--text-xl);
	line-height: 1.3;
	letter-spacing: 0px !important;
	font-family: var(--ptserif);
	color: var(--blue-dark) !important;
	font-weight: 400 !important;
}

h4 {
	font-size: var(--text-lg);
	line-height: 1.35;
	font-family: var(--roboto);
}

h5 {
	font-size: var(--text-md);
	line-height: 1.4;
	font-family: var(--roboto);
}

h6 {
	font-size: var(--text-base);
	line-height: 1.5;
	font-weight: 700 !important;
	font-family: var(--roboto);
}


h2:not(:first-child),
h3:not(:first-child),
h4:not(:first-child) {
	margin-top: 0.5em;
}

p {
	line-height: 1.6;
	margin-bottom: 1rem;
	padding-bottom: 0.35rem;
	font-family: var(--roboto);
	font-size: var(--text-base);
}

/* Text Utilities */
.special_amp {
	font-family: inherit !important;
	color: inherit !important;
	font-weight: inherit !important;
	font-style: inherit !important;
	font-size: inherit !important;
}

b,
strong {
	color: inherit !important;
}

td {
	font-size: var(--text-base);
}


.av-special-heading .av-subheading {
	color: var(--blue-light);
}




/* ------------------------------------------------------------
    BUTTONS
------------------------------------------------------------ */
/* Padding Presets */
#top .main_color .avia-button {
	text-decoration: none !important;
}

#top .main_color .avia-button.avia-size-small {
	padding: 10px 24px !important;
	font-size: var(--text-base);
	border-radius: var(--radius-sm);
	transition: var(--transition);
	scale: 1;
}

#top .main_color .avia-button.avia-size-medium {
	padding: 12px 36px !important;
	font-size: var(--text-md);
	border-radius: var(--radius-sm);
	transition: var(--transition);
	scale: 1;
}

#top .main_color .avia-button.avia-size-large {
	padding: 16px 42px !important;
	font-size: var(--text-lg);
	border-radius: var(--radius-sm);
	transition: var(--transition);
	scale: 1;
}

#top .main_color .avia-color-theme-color-subtle {
	background-color: var(--white) !important;
	transition: var(--transition);
	color: var(--blue-light);
	fill: var(--blue-light);
	scale: 1;
}

#top .main_color .avia-color-theme-color-subtle svg {
	transition: var(--transition);
	fill: var(--blue-light) !important;
}



#top .main_color .avia-color-theme-color:hover {
	background-color: var(--grey-dark) !important;
	transition: var(--transition);
	scale: 1.05;
	box-shadow: var(--shadow-lg);
}

#top .main_color .avia-color-theme-color-highlight:hover {
	background-color: var(--blue-light) !important;
	transition: var(--transition);
	scale: 1.05;
	box-shadow: var(--shadow-lg);
}

#top .main_color .avia-color-theme-color-subtle:hover {
	background-color: var(--blue-light) !important;
	transition: var(--transition);
	color: var(--white);
	scale: 1.05;
	box-shadow: var(--shadow-lg);
}

#top .main_color .avia-color-theme-color-subtle:hover svg {
	transition: var(--transition);
	fill: var(--white) !important;
}




/* ------------------------------------------------------------
	HEADER
------------------------------------------------------------ */
#top #header .logo {
	padding: 10px 0px 28px 0px;
	transition: var(--transition);
}


#top #header .logo img {
	max-height: 40px !important;
	transition: var(--transition);
}


#top #header .container {
	height: 90px !important;
	line-height: 90px !important;
	transition: var(--transition);
}

#top #header.av_header_transparency .av-main-nav>li>a {
	color: var(--white);
}

#top #header .av-main-nav>li>a {
	color: var(--grey-dark);
	font-weight: 500;
	padding: 0 15px;
	font-size: 16px !important;
	transition: var(--transition);
	text-transform: uppercase;
}


#top #header .av-menu-button-colored {
	margin-left: 24px;
	transition: var(--transition);
}

#top #header .av-menu-button-colored .avia-menu-text {
	background-color: transparent !important;
	border-color: transparent !important;
}

#top #header .av-menu-button-colored>a {
	transition: var(--transition);
	background-color: var(--blue-light) !important;
	border-radius: var(--radius-sm) !important;
	height: 45px !important;
	line-height: 45px !important;
	margin-top: 18px;
	padding: 0 24px !important;
	color: var(--white) !important;
}

#top #header .av-menu-button-colored>a .avia-menu-text::after {
	content: '▶';
	font-size: 10px;
	margin-left: 10px;
	vertical-align: middle;
	display: inline-block;
	background-color: transparent !important;
}

#top #header .av-menu-button-colored>a:hover {
	background-color: var(--blue-dark) !important;
	transition: var(--transition);
}

#top #header .av-menu-button-colored .avia-menu-fx {
	display: none !important;
}


#top #header .av-main-nav>li.current_page_item:not(.av-menu-button-colored)>a {
	color: var(--grey-light) !important;
	text-decoration: underline;
}

#top #header.av_header_transparency .av-main-nav>li:not(.av-menu-button-colored)>a:hover {
	color: var(--white);
}


#top #header .av-main-nav>li:not(.av-menu-button-colored)>a:hover {
	color: var(--blue-light);
	text-decoration: underline;
}

/* --------- HEADER SCROLLED --------- */

#top #header.header-scrolled .logo {
	padding: 6px 0px 8px 0px;
	transition: var(--transition);
}

#top #header.header-scrolled .logo img {
	max-height: 40px !important;
	transition: var(--transition);
}

#top #header.header-scrolled .av-main-nav>li:not(.av-menu-button-colored)>a,
#top #header.header-scrolled .container {
	height: 56px !important;
	line-height: 56px !important;
	transition: var(--transition);
}

#top #header.header-scrolled .av-menu-button-colored>a {
	transition: var(--transition);
	height: 45px !important;
	line-height: 45px !important;
	margin-top: 4px;
	padding: 0 30px !important;
	color: #ffffff !important;
}




/* SUBMAIN MENU
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */


/* 3. Initial state for individual list items */
.menu-item-has-children .sub-menu li {
	opacity: 0;
	transform: translate(16px, 40px) !important;
	transition: opacity 0.4s ease, transform 0.4s ease;
}

/* 4. Final state for items on hover */
.menu-item-has-children:hover .sub-menu li {
	opacity: 1;
	transform: translate(0, 0) !important;
}

/* 5. Staggered Delays (The "Stacking" Magic) */
.menu-item-has-children:hover .sub-menu li:nth-child(1) {
	transition-delay: 0.1s;
}

.menu-item-has-children:hover .sub-menu li:nth-child(2) {
	transition-delay: 0.2s;
}

.menu-item-has-children:hover .sub-menu li:nth-child(3) {
	transition-delay: 0.3s;
}

.menu-item-has-children:hover .sub-menu li:nth-child(4) {
	transition-delay: 0.4s;
}

.menu-item-has-children:hover .sub-menu li:nth-child(5) {
	transition-delay: 0.5s;
}

.menu-item-has-children:hover .sub-menu li:nth-child(6) {
	transition-delay: 0.6s;
}


#header #header_main nav.main_menu ul.sub-menu {
	width: 280px !important;
	margin-top: -18px !important;
	border-radius: 0px 0px 16px 16px;
	overflow: hidden;
}

#header #header_main nav.main_menu .av-menu-button-colored ul.sub-menu {
	width: 240px !important;
	margin-top: 0px !important;
	border-radius: 0px 0px 16px 16px;
	overflow: hidden;
}

#top #header.header-scrolled #header_main nav.main_menu ul.sub-menu {
	margin-top: 0px !important;
}

#header #header_main nav.main_menu ul.sub-menu ul.sub-menu {
	width: 280px !important;
	top: 53px !important;
	left: 120px !important;
}

#header #header_main nav.main_menu ul.sub-menu {
	background-color: transparent !important;
}

#header #header_main nav.main_menu ul.sub-menu li.menu-item a {
	padding: 14px !important;
	background-color: #f8f8f8 !important;
	border: none !important;
	border-bottom: 1px solid var(--white) !important;
}

#header #header_main nav.main_menu ul.sub-menu li.menu-item:last-child a {
	border-bottom: none !important;
}

#header #header_main nav.main_menu ul.sub-menu li.menu-item a:hover {
	background-color: var(--blue-light) !important;
}


#header #header_main nav.main_menu ul.sub-menu li.menu-item a .avia-menu-text {
	font-family: var(--roboto);
	font-optical-sizing: auto;
	font-weight: 400 !important;
	font-size: 15px !important;
	color: var(--blue-light) !important;
}

#header #header_main nav.main_menu ul.sub-menu li.menu-item a:hover .avia-menu-text {
	color: #ffffff !important;
}

#header #header_main nav.main_menu ul.sub-menu li.menu-item a .avia-menu-text::before {
	position: absolute !important;
	right: 18px !important;
	top: 16px !important;
	content: url("/wp-content/uploads/triangle-right-blue.svg");
	transition: var(--transition);
	z-index: 999 !important;
	opacity: 1 !important;
}

#header #header_main nav.main_menu ul.sub-menu li.menu-item a .avia-menu-text::after {
	position: absolute !important;
	right: 30px !important;
	top: 16px !important;
	content: url("/wp-content/uploads/triangle-right-white.svg");
	transition: var(--transition);
	z-index: 999 !important;
	opacity: 0 !important;
}

#header #header_main nav.main_menu ul.sub-menu li.menu-item a:hover .avia-menu-text::before {
	/* Standard */
	transition: var(--transition);
	right: 0px !important;
	opacity: 0.3 !important;
}

#header #header_main nav.main_menu ul.sub-menu li.menu-item a:hover .avia-menu-text::after {
	/* Standard */
	transition: var(--transition);
	right: 18px !important;
	opacity: 1 !important;
}

#header #header_main nav.main_menu ul.sub-menu li.current-menu-item a {
	color: var(--grey-dark) !important;
	background: var(--offwhite) !important;
	position: relative !important;
}


@media only screen and (min-width: 989px) {
	#header.header-scrolled .header_bg {
		background-color: transparent !important;
	}

	#header.header-scrolled .container {
		background-color: rgba(255, 255, 255, 0.7);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		border: 0px 1px 1px 1px solid rgba(255, 255, 255, 0.8);
		border-radius: 0px 0px var(--radius-sm) var(--radius-sm);
		padding: 0px 14px !important;
	}

}




/* ------------------------------------------------------------
	FOOTER
------------------------------------------------------------ */
#footer .footer-flex {
	display: flex;
	flex-direction: row;
	gap: 60px;
}

#footer .footer-flex h2 {
	font-family: var(--roboto) !important;
	font-size: var(--text-lg) !important;
	color: var(--white) !important;
}

#footer .footer-flex ul {
	list-style: none !important;
	list-style-type: none !important;
	margin-left: 0px !important;
}

#footer .footer-flex ul li {
	margin-left: 0px !important;
}

#footer .footer-flex p,
#footer .footer-flex a {
	color: var(--white);
	transition: var(--transition);
}

#footer .footer-flex a:hover {
	color: var(--grey-light);
	text-decoration: underline;
	transition: var(--transition);
}

#footer .footer-flex a.avia-button:hover {
	color: var(--white);
	transition: var(--transition);
}

#footer .footer-flex address {
	color: var(--white);
	white-space: nowrap;
}




/* Footer - SUBSCRIBE */
#footer .subscribe-form {
	position: relative;
}

#footer .subscribe-form .gform_fields #field_1_1 {
	grid-column: span 12 !important;
	border-radius: var(--radius-sm) !important;
}

#footer .subscribe-form .gform_fields #field_1_1 input {
	border-radius: var(--radius-sm) !important;
	padding: 8px 16px !important;
	background-color: var(--white) !important;
	height: 54px !important;
	color: var(--blue-dark) !important;
	font-size: var(--text-sm) !important;
	border: 2px solid var(--white);
}

#footer .subscribe-form .gform_fields #field_submit {
	position: absolute;
	right: 0 !important;
	height: 54px !important;
	width: 54px !important;
	background-color: transparent !important;
	transition: var(--transition);
	content: '' !important;
	border-radius: 0px var(--radius-sm) var(--radius-sm) 0px;
}

#footer .subscribe-form .gform_fields #field_submit #gform_submit_button_1 {
	border-radius: 0px var(--radius-sm) var(--radius-sm) 0px;
	width: 54px;
	height: 54px;
	padding: 16px;
	border: 0;
	transition: var(--transition);
	content: '' !important;
	color: var(-white);
	border: 2px solid var(--white);
}

#footer .subscribe-form .gform_fields #field_submit #gform_submit_button_1::after {
	content: '▶';
	position: absolute;
	right: 0px;
	display: block;
}

#footer .subscribe-form .gform_fields #field_submit:hover {
	background-color: var(--dark);
	transition: var(--transition);
	border: 2px solid var(--orange);
}


#footer .subscribe-form .gform_validation_errors {
	margin-bottom: 8px;
	border: 1px solid var(--grey-light);
}

#footer .subscribe-form h2.gform_submission_error {
	color: var(--offwhite) !important;
}

#footer-toolbar {
	border-top: 3px solid var(--blue-light) !important;
}

#footer-toolbar p,
#footer-toolbar a {
	font-size: var(--text-sm) !important;
	color: var(--white);
	transition: var(--transition);
}

#footer-toolbar a:hover {
	color: var(--grey-light);
	text-decoration: underline;
}



/* ------------------------------------------------------------
	Scroll to top
------------------------------------------------------------ */
#scroll-top-link {
	border-radius: var(--radius-sm);
	border: 1px solid var(--blue-light);
	transition: var(--transition);
}

#scroll-top-link svg {
	fill: var(--blue-light) !important;
	transition: var(--transition);
}


#scroll-top-link:hover {
	border: 1px solid var(--white);
	background-color: var(--blue-light);
	transition: var(--transition);
	opacity: 1 !important;
}

#scroll-top-link:hover svg {
	fill: var(--white) !important;
	transition: var(--transition);
}



/* ------------------------------------------------------------
	HERO SOLID PANEL
------------------------------------------------------------ */
.hero-solid-panel .av_textblock_section {
	max-width: 55% !important;
}









/* ------------------------------------------------------------
	HOMEPAGE
------------------------------------------------------------ */
#homepage-hero {
	border-radius: 0px 0px 24px 24px !important;
	overflow: hidden !important;
}

#homepage-hero h1 {
	font-size: var(--text-4xl);
}

/* SERVICES PANELS */
#services-cta {
	border-radius: var(--radius-base) !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
}


#services-cta::before {
	display: block;
	visibility: visible;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(10, 29, 64, 0.4);
	z-index: 0;
	transition: var(--transition);
}

#services-cta #services-cta-links {
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	z-index: 2;
	transition: var(--transition);
	opacity: 0 !important;
}

#services-cta #services-cta-links ul {
	list-style: none !important;
	list-style-type: none !important;
	margin-left: 0px !important;
}

#services-cta #services-cta-links ul li {
	margin-left: 0px !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

#services-cta #services-cta-links ul li.button {
	background-color: transparent;
	margin-top: 14px;
}

#services-cta #services-cta-links ul li.button a {
	background-color: transparent;
	padding: 12px 24px;
	border: 1px solid var(--white);
	border-radius: var(--radius-sm);
	transition: var(--transition);
}

#services-cta #services-cta-links h3 {
	display: none;
	margin-bottom: 4px;
	padding-bottom: 0px;
}


#services-cta #services-cta-links ul li a {
	color: var(--white);
	font-size: var(--text-md);
	transition: var(--transition);
}

#services-cta #services-cta-title {
	position: relative;
	z-index: 1;
	transition: var(--transition);
	min-height: 40px;
	order: 3 !important;
}

#services-cta #services-cta-title .avia_textblock {
	color: var(--white) !important;
	opacity: 1;
	margin-bottom: 0px;
	transition: var(--transition);
	position: absolute;
	width: 100%;
	bottom: 0px;
}

#services-cta #services-cta-title p {
	margin-bottom: 0px;
	padding-bottom: 0px !important;
	margin-top: 6px !important;
}

#services-cta #services-cta-title h3 {
	color: var(--white) !important;
	margin-bottom: 0px;
	font-size: var(--text-xl);
}


/* SERVICES PANELS --Hover */

#services-cta #services-cta-links ul li a:hover {
	color: var(--offwhite);
	text-decoration: underline;
	transition: var(--transition);
}

#services-cta:hover {
	box-shadow: var(--shadow-lg);
	transition: var(--transition);
}

#services-cta:hover::before {
	background-color: rgba(10, 29, 64, 0.85);
	z-index: 0;
	transition: var(--transition);
}

#services-cta:hover #services-cta-links {
	position: absolute;
	top: 50px;
	transition: var(--transition);
	opacity: 1 !important;
}

#services-cta:hover #services-cta-title .avia_textblock {
	opacity: 0;
	transition: var(--transition);
	bottom: -30px;
}


#services-cta #services-cta-links ul li.button a:hover {
	background-color: var(--blue-light);
	color: var(--white) !important;
	text-decoration: none !important;
	border-radius: var(--radius-sm);
	border: 1px solid var(--blue-light);
	transition: var(--transition);
}


#home-retail-section {
	overflow: hidden;
	/* Prevents the scaling video from spilling out */
	perspective: 1000px;
	/* Makes the zoom look smoother */
}

#home-retail-section .av-section-video-bg {
	will-change: transform;
}




@media only screen and (max-width: 989px) {

	#services-cta {
		display: flex !important;
		flex-direction: column !important;
	}

	#services-cta #services-cta-links,
	#services-cta:hover #services-cta-links {
		position: relative !important;
		top: 0 !important;
		/* Forces it to stay put */
		opacity: 1 !important;
		order: 2 !important;
		z-index: 2 !important;
		transition: none !important;
	}

	#services-cta #services-cta-links {
		margin-top: 16px !important;
	}

	#services-cta #services-cta-links h3 {
		display: block;
		margin-bottom: 4px;
		padding-bottom: 0px;
	}

	#services-cta #services-cta-title,
	#services-cta #services-cta-title .avia_textblock,
	#services-cta:hover #services-cta-title .avia_textblock {
		position: relative !important;
		bottom: 0 !important;
		opacity: 1 !important;
		order: 1 !important;
		transition: none !important;
	}

	#services-cta #services-cta-title {
		min-height: auto !important;
	}

	#services-cta .hr {
		display: none !important;
	}

	#services-cta::before {
		background-color: rgba(10, 29, 64, 0.8) !important;
		transition: var(--transition);
	}
}






.home-hero section {
	max-width: 55% !important;
}

.home-hero section h1 {
	font-size: var(--text-3xl);
	margin-bottom: 16px;
}


/* BLUE PANELS */
#services-section h2 {
	font-size: var(--text-xl);
	padding: 0px 24px !important;
	width: 80% !important;
}

#services-section .blue-panel-title {
	display: flex;
	justify-content: center;
	align-items: center;
}


#services-section .blue-panel {
	position: relative;
}

#services-section .blue-panel::before {
	position: absolute !important;
	content: '' !important;
	height: 100% !important;
	width: 80% !important;
	border-radius: var(--radius-base) !important;
	background-color: var(--blue-dark) !important;
	top: 0 !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	visibility: visible !important;
	display: block !important;
	z-index: -1 !important;
}

#services-section h3 {
	margin-top: 8px !important;
}



.clickable-panel .flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	transition: var(--transition);
}

.clickable-panel {
	transition: var(--transition);
}

.clickable-panel:hover {
	transition: var(--transition);
	background-color: var(--white) !important;
}

.clickable-panel:hover .flex {
	transition: var(--transition);
	color: var(--blue-light) !important;
}



/* 6 CTA PANELS */
.services-cta-panel {
	max-height: 320px !important;
	height: 320px !important;
	padding: 24px !important;
	position: relative;
	transition: var(--transition);
	border: 1px solid var(--white);
}

.services-cta-panel::before {
	position: absolute !important;
	content: '' !important;
	height: 100% !important;
	width: 100% !important;
	border-radius: var(--radius-base) !important;
	top: 0 !important;
	left: 0 !important;
	visibility: visible !important;
	display: block !important;
	background: linear-gradient(180deg, rgba(68, 68, 68, 0.00) 25%, #444 100%);
	z-index: -1 !important;
	transition: var(--transition);
}

.services-cta-panel .av_textblock_section {
	display: flex;
	height: 100%;
	justify-content: start;
	align-items: end;
}

.services-cta-panel .av_textblock_section h3 {
	color: var(--white) !important;
	margin-bottom: 0px !important;
}


.services-cta-panel:hover {
	font-variant: var(--transition);
	box-shadow: var(--shadow-lg);
	border: 1px solid var(--blue-light);
	scale: 1.02;
}


.services-cta-panel:hover::before {
	background: linear-gradient(180deg, rgba(31, 103, 221, 0.00) 10%, #1F67DD 100%);
	transition: var(--transition);
}




.home-img-panel section {
	max-width: 45% !important;
}

.home-img-panel section h2 {
	font-size: var(--text-3xl);
	margin-bottom: 16px;
}


/* LOGO SLIDERS */
.insurance-swipper .swiper-wrapper .av-partner-fake-img {
	filter: grayscale(100%) !important;
	transition: filter 0.5s ease !important;
}

.insurance-swipper .swiper-wrapper .av-partner-fake-img:hover {
	filter: grayscale(0%) !important;
}


.swiper-button-prev,
.swiper-button-next {
	background: var(--white) !important;
	width: auto !important;
	height: 100%;
	color: var(--grey-dark);
	/* arrow color */
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	top: 0 !important;
	padding: 0px 8px !important;
	transition: var(--transition);
}

.swiper-button-next {
	right: 0px;
	margin-top: 0px !important;
}

.swiper-button-prev {
	left: 0px;
	margin-top: 0px !important;
}

.swiper-button-prev::after,
.swiper-button-next::after {
	content: '▶' !important;
	font-size: 24px !important;
	transition: var(--transition);
}

.swiper-button-prev::after {
	transform: rotate(180deg);
}


.swiper-button-prev:hover::after,
.swiper-button-next:hover::after {
	transition: var(--transition);
	color: var(--blue-light);
	font-size: 28px !important;
}


/* DOCTORS */

#our-doctors .swiper-slide {
	width: auto !important;
}

#our-doctors .sptp-member-avatar-img.sptp-square {
	height: 520px;
	min-width: none;
	overflow: hidden;
}

#our-doctors .sptp-member-avatar-img.sptp-square img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

#our-doctors .sptp-overflow-h {
	height: 100%;
}


#our-doctors .bx-wrapper {
	max-width: 100% !important;
	margin-bottom: 0px !important;
}

#our-doctors .bx-wrapper .image-overlay {
	z-index: 2 !important;
}


#our-doctors .sptp-member .sptp-member-name {
	opacity: 1 !important;
	transform: translateY(-16px) !important;
	transition: opacity 0.4s ease, transform 0.4s ease;
	z-index: 9990 !important;
	position: absolute !important;
	bottom: 0 !important;
	border: 1px solid var(--white);
	background-color: var(--white) !important;
}



.team-carousel h2.sptp-name {
	font-size: var(--text-base) !important;
}

.team-carousel .sptp-member .sptp-member-name h2 a {
	color: var(--blue-light) !important;
}



/* HOME Blog Posts FEATURED */
.blog-featured,
.blog-featured .avia-content-slider-inner {
	overflow: visible !important;
}

.blog-featured article {
	background-color: var(--white);
	transition: var(--transition);
	border-radius: var(--radius-base);
}

.blog-featured article .slide-content {
	padding: 16px 24px 24px 24px;
}

.blog-featured article .slide-image {
	border-radius: var(--radius-base);
	box-shadow: var(--shadow-lg);
	transition: var(--transition);
}

.blog-featured article .slide-image img {
	transition: var(--transition);
}

.blog-featured article h3 {
	font-size: var(--text-lg) !important;
	font-weight: 700 !important;
	padding-bottom: 10px !important;
	transition: var(--transition);
}

.blog-featured article .slide-meta {
	padding-bottom: 0px !important;
	color: var(--grey-dark);
	font-weight: 700 !important;
}

.blog-featured .read-more-link {
	padding-top: 16px;
}

.blog-featured .more-link-arrow svg {
	display: none !important;
}

.blog-featured .more-link-arrow::before {
	content: '▶' !important;
	font-size: 14px;
	display: inline-block;
	line-height: 1;
	padding-left: 8px !important;
}


.blog-featured article:hover {
	background-color: var(--white);
	box-shadow: var(--shadow-lg);
	cursor: pointer;
}

.blog-featured article:hover h3 {
	color: var(--grey-dark) !important;
	transition: var(--transition);
	text-decoration: underline;
}

.blog-featured article:hover .more-link-arrow::before,
.blog-featured article:hover .more-link {
	color: var(--grey-dark) !important;
	transition: var(--transition);
}



.blog-featured article:hover .slide-image {
	box-shadow: var(--shadow-xl);
	transition: var(--transition);
}

.blog-featured article:hover .slide-image img {
	scale: 1.1;
	transition: var(--transition);
}



/* HOME Blog Posts STANDARD */

.blog-standard article {
	background-color: var(--white);
	border-radius: var(--radius-base);
	transition: var(--transition);
	padding: 16px 36px 24px 36px;
	margin-bottom: 24px !important;
	box-shadow: var(--shadow-base);
}

.blog-standard article h3 {
	font-family: var(--roboto) !important;
	font-weight: 700;
	transition: var(--transition);
}

.blog-standard article .date-container {
	padding-bottom: 0px !important;
	color: var(--grey-dark);
	font-weight: 700 !important;
}

.blog-standard article .post-meta-infos .text-sep,
.blog-standard article .post-meta-infos .blog-author {
	display: none;
}

.blog-standard article p {
	margin-top: 0px !important;
	margin-bottom: 8px;
	text-align: left !important;
}

.blog-standard article .read-more-link {
	text-align: left;
	margin-top: 8px !important;
}

.blog-standard article .read-more-link::after {
	display: none !important;
}

.blog-standard article .more-link {
	border: 0px !important;
	background-color: transparent;
	padding: 0px !important;
	color: var(--blue-light);
	text-transform: none !important;
	font-weight: 400 !important;
	font-size: 16px;
}

.blog-standard article .more-link-arrow {
	display: inline-block;
}

.blog-standard article .more-link-arrow svg {
	display: none !important;
}

.blog-standard article .more-link-arrow::before {
	content: '▶' !important;
	font-size: 14px;
	display: inline-block;
	line-height: 1;
	padding-left: 8px !important;
}

.blog-standard article .post_delimiter {
	display: none !important;
}

.blog-standard article:hover {
	box-shadow: var(--shadow-lg);
	transition: var(--transition);
	cursor: pointer;
}

.blog-standard article:hover .more-link,
.blog-standard article:hover .more-link-arrow::before,
.blog-standard article:hover h3 {
	color: var(--grey-dark) !important;
	transition: var(--transition);
}

.blog-standard article:hover h3 {
	text-decoration: underline;
}




/* ------------------------------------------------------------
	SERVICES PAGES GRID
------------------------------------------------------------ */


#hero-grid .grid-content-right .flex_column_table {
	max-width: 756px !important;
	width: 100% !important;
	padding: 30px 80px 30px 30px !important;
	margin: 0 !important;
}

/* Mobile: Let it go back to full width on small screens */
@media only screen and (max-width: 989px) {

	#hero-grid .grid-content-right {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	#hero-grid .grid-content-right .flex_column_table {
		max-width: 100% !important;
		padding: 0px !important;
	}


}

/* ------------------------------------------------------------
	BLOG LISTING
------------------------------------------------------------ */

#blog-listing,
#blog-listing .avia-content-slider-inner,
#blog-listing .avia-content-slider {
	overflow: visible;
}

#blog-listing .slide-entry-wrap {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 36px;
}

#blog-listing article {
	width: 100% !important;
	margin-left: 0px !important;
	background-color: var(--white) !important;
	overflow: hidden !important;
	border-radius: var(--radius-base) !important;
	transition: var(--transition);
	border: 1px solid var(--white);
}

#blog-listing article .slide-image {
	border-radius: var(--radius-base) !important;
	overflow: hidden;
	max-height: 300px;
	transition: var(--transition);
}

#blog-listing article img {
	max-height: 300px;
	height: auto;
	object-fit: cover;
	transition: var(--transition);
}

#blog-listing article .slide-content {
	padding: 0px 16px 16px 16px !important;
}

#blog-listing article h3 {
	font-size: var(--text-lg) !important;
	color: var(--blue-light);
	margin-top: 12px;
	margin-bottom: 8px;
}

#blog-listing article:hover {
	box-shadow: var(--shadow-base);
	transition: var(--transition);
	cursor: pointer;
	border: 1px solid var(--blue-light);
}

#blog-listing article:hover .slide-image {
	box-shadow: var(--shadow-base);
	transition: var(--transition);
}

#blog-listing article:hover img {
	scale: 1.05;
	transition: var(--transition);
}


#blog-listing .pagination a {
	border: 1px solid var(--blue-light);
	color: var(--blue-light);
	transition: var(--transition);
}


#blog-listing .pagination a:hover {
	background-color: var(--blue-light) !important;
	color: var(--white);
	transition: var(--transition);
}

#blog-listing .slide-meta-del,
#blog-listing .slide-meta-comments {
	display: none !important;
}



/* ------------------------------------------------------------
	SINGLE ARTICLES
------------------------------------------------------------ */
#top.single-post .container.template-single-blog {
	max-width: 960px !important;
}

.single-big.big-preview {
	width: 100%;
	height: 420px;
	max-height: 420px;
	overflow: hidden;
	border-radius: var(--radius-base);
	padding-bottom: 0px !important;
}

.single-big.big-preview a {
	display: block;
	width: 100%;
	height: 100%;
}

.single-big.big-preview img {
	width: 100%;
	height: 420px !important;
	max-height: 420px !important;
	object-fit: cover;
	object-position: center;
	display: block;
}

.single-big.big-preview .image-overlay {
	display: none !important;
}



#top.single-post .fullsize .template-blog .post-title {
	font-size: var(--text-2xl) !important;
	margin: 16px 0px;
}

#top.single-post .fullsize .template-blog .post-meta-infos {
	padding: 8px 0px;
	border-top: 1px solid var(--blue-light);
	border-bottom: 1px solid var(--blue-light);
}

#top.single-post .comment-entry {
	display: none !important;
}



/* Blog Posts FOOTER */
#top.post-template-default .insights-footer {
	background-color: var(--blue-dark);
	padding: 2rem 1.5rem;
	border-radius: 1rem;
	margin-top: 2.5rem;
	color: var(--white);
	font-family: sans-serif;
}

#top.post-template-default .insights-footer h2 {
	font-size: var(--text-xl);
}

#top.post-template-default .insights-footer h2,
#top.post-template-default .insights-footer p,
#top.post-template-default .insights-footer strong {
	color: var(--white) !important;
	text-align: left !important;
}

#top.post-template-default .insights-footer .avia_iconbox_title:hover {
	color: var(--white) !important;
	text-decoration: none;
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
 ARCHIVE AUTHOR
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#top.archive.author .author_description_text {
	max-width: 850px !important;
	margin: auto !important;
}

#top.author-michael .author-box .avatar {
	width: 81px;
	height: 81px;
	display: inline-block;
	box-sizing: border-box;
	padding-left: 81px;
	background: url("/wp-content/uploads/dr-michael-avatar.webp") no-repeat center;
	background-size: cover;
}





/* ------------------------------------------------------------
	LEADERSHIP / TEAM MEMBERS
------------------------------------------------------------ */
.sptp-member .sptp-member-avatar-img-area {
	padding-bottom: 0px !important;
}

.sptp-member .sptp-member-avatar,
.sptp-member .sptp-member-avatar img {
	border-radius: var(--radius-base) !important;
	width: 100%;
	transition: var(--transition);
}

.sptp-member .sptp-member-name {
	width: 90%;
	background-color: var(--blue-light);
	padding: 16px 16px !important;
	margin-top: -24px !important;
	z-index: 2 !important;
	border-radius: var(--radius-sm);
	transition: var(--transition);
}

.sptp-grid .sptp-icon-on-image.sptp_zoom_in:hover {
	z-index: 1 !important;
}

.sptp-member .sptp-member-name h2 {
	margin-top: 0px !important;
}

.sptp-member .sptp-member-name h2 a {
	color: var(--white) !important;
	transition: var(--transition);
}


:not(.sptp-popup-section) .sptp-member:hover .sptp-member-name {
	background-color: var(--blue-dark);
	transition: var(--transition);
	box-shadow: var(--shadow-base);
}

.sptp-member:hover .sptp-member-avatar,
.sptp-member .sptp-member-avatar img {
	transition: var(--transition);
	box-shadow: var(--shadow-base);
}


/* MODAL OPEN */
.sptp-popup-section .sptp-section {
	width: 100% !important;
	max-width: 970px !important;
}


.sptp-popup-section .sptp-member-popup-img {
	border-radius: var(--radius-base) !important;
	overflow: hidden !important;
}

.sptp-popup-section .sptp-member .sptp-member-name {
	width: auto !important;
	background-color: transparent !important;
	margin-top: 16px !important;
	padding: 0px !important;
	border-radius: 0px;
}

.sptp-popup-section .sptp-member .sptp-member-name h2 {
	color: var(--white) !important;
	text-align: left !important;
	font-size: var(--text-lg) !important;
}

.sptp-popup-section .sptp-member h3 {
	color: var(--grey-light) !important;
	font-size: var(--text-md) !important;
	margin-bottom: 0 !important;
	margin-top: 6px !important;
	text-transform: uppercase;
}

.sptp-popup-section .sptp-member p {
	margin-bottom: 4 !important;
	margin-top: 8px !important;
}


.sptp-popup-section .sptp-member .sptp-member-desc {
	color: var(--white) !important;
	text-align: left !important;
	font-size: var(--text-base) !important;
}

.sptp-popup-section .sptp-member:hover .sptp-member-name {
	background-color: transparent !important;
	box-shadow: none !important;
}




/* ------------------------------------------------------------
	Insurance Page
------------------------------------------------------------ */


.insurance-logo-gallery img {
	filter: grayscale(100%) !important;
	transition: filter 0.5s ease !important;
}

.insurance-logo-gallery img:hover {
	filter: grayscale(0%) !important;
}



.insurance-logo-gallery .avia-content-slider-inner {
	overflow: visible !important;
}

.insurance-logo-gallery .slide-entry {
	transition: var(--transition);
	border-radius: var(--radius-base) !important;
	overflow: hidden !important;
}

.insurance-logo-gallery .slide-entry:hover {
	transition: var(--transition);
	box-shadow: var(--shadow-base) !important;
	z-index: 2 !important;
	overflow: hidden !important;
}





/* ------------------------------------------------------------
	404 Page
------------------------------------------------------------ */
.error-page .av_textblock_section {
	max-width: 920px;
	margin: auto;
}



/* ------------------------------------------------------------
	-
	-
	-
	GRAVITY FORMS
	-
	-
	-
------------------------------------------------------------ */

.gform-theme--foundation .gform_fields {
	grid-row-gap: 36px !important;
}

#top #contact label {
	font-size: var(--text-base) !important;
	color: var(--blue-dark) !important;
	font-family: var(--roboto) !important;
	font-weight: 400 !important;
}

#top #contact label span {
	color: var(--grey-dark) !important;
}


body .gform_wrapper .gfield.gfield--type-name {
	margin-bottom: 0px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .name_first input,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea {
	padding: 16px 24px !important;
	color: var(--blue-dark) !important;
	font-family: var(--roboto) !important;
	font-weight: 400 !important;
	height: auto;
	font-size: var(--text-sm) !important;
	transition: var(--transition);
}



body .gform_wrapper .gform_footer input[type=submit] {
	background-color: var(--blue-light) !important;
	border-radius: var(--radius-sm) !important;
	color: var(--white) !important;
	padding: 16px 24px !important;
	transition: var(--transition);
	border: 1px solid var(--blue-light) !important;
	font-size: var(--text-base) !important;
	font-family: var(--roboto) !important;
	text-transform: uppercase !important;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
	background-color: var(--grey-dark) !important;
	color: var(--white) !important;
	transition: var(--transition);
	border: 1px solid var(--grey-dark) !important;
}



/* HOVER */
body .gform_wrapper .gform_body .gform_fields .gfield .name_first input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .name_last input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_phone input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_email input:hover,
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea:hover {
	border: 1px solid var(--blue-light) !important;
	transition: var(--transition);
}



/* Top gallery: visible below 1099px, hidden at 1099px and up */
.hide-on-md,
.hide-on-md.col-auto,
.hide-on-md.col-md {
	display: block !important;
	opacity: 0 !important;
}

@media (min-width: 1099px) {

	.hide-on-md,
	.hide-on-md.col-auto,
	.hide-on-md.col-md {
		display: none !important;
		opacity: 0 !important;
	}
}

/* Bottom gallery: hidden below 1099px, visible at 1099px and up */
.show-on-md,
.show-on-md.col-auto,
.show-on-md.col-md {
	display: none !important;
	opacity: 0 !important;
}

@media (min-width: 1099px) {

	.show-on-md,
	.show-on-md.col-auto,
	.show-on-md.col-md {
		display: block !important;
	}
}


@media only screen and (min-width: 1100px) and (max-width: 1230px) {}

@media only screen and (max-width: 1200px) {
	#top #header .av-menu-button-colored {
		margin-left: 8px;
		transition: var(--transition);
	}


	#top #header .av-menu-button-colored>a {
		transition: var(--transition);
		background-color: var(--blue-light) !important;
		border-radius: 50px !important;
		height: 45px !important;
		line-height: 45px !important;
		margin-top: 18px;
		padding: 0 16px !important;
		color: var(--white) !important;
	}

}


@media only screen and (max-width: 1099px) {


	/* Tablet / Burger Menu Trigger */
	nav.main_menu {
		display: block !important;
	}

	#avia-menu .menu-item {
		display: none !important;
	}

	.av-burger-menu-main.menu-item-avia-special {
		display: block !important;
	}

	#top #av-burger-menu-ul {
		vertical-align: top !important;
		padding-top: 140px !important;
	}

	#top .av-burger-menu-main {
		margin-top: 20px;
	}

	#top .av-burger-menu-main a {
		background-color: var(--blue-light) !important;
		height: 54px !important;
		width: 55px !important;
		border-radius: 99px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0px !important;
	}

	#top .av-burger-menu-main a .av-hamburger {
		height: 90px !important;
	}

	#top .av-burger-menu-main a .av-hamburger-box {
		width: 24px !important;
	}

	.av-hamburger-inner::before {
		top: -8px;
	}

	.av-hamburger-inner::after {
		bottom: -8px;
	}

	/* --------- HEADER SCROLLED --------- */
	#top #header.header-scrolled .av-burger-menu-main {
		margin-top: 4px;
		transition: var(--transition);
	}

	#top #header.header-scrolled .av-hamburger {
		height: 56px !important;
		transition: var(--transition);
	}


	/* --------- BURGER MENU --------- */
	.av-burger-overlay-bg {
		background-color: var(--blue-dark) !important;
		opacity: 0.96 !important;
	}

	html.av-burger-overlay-active body {
		overflow: hidden !important;
	}

	html.av-burger-overlay-active #main {
		filter: blur(4px) !important;
	}

	#top #av-burger-menu-ul {
		vertical-align: top !important;
		padding-top: 140px !important;
	}

	.html_av-overlay-full #top #wrap_all #av-burger-menu-ul>li {
		line-height: 1.5 !important;
		display: flex;
		flex-direction: column;
		gap: 24px !important;
	}

	#av-burger-menu-ul li a {
		text-align: right;
		padding-right: 60px;
		color: var(--white) !important;
		transition: var(--transition);
	}

	#av-burger-menu-ul li a:hover {
		color: var(--grey-light) !important;
		transition: var(--transition);
		text-decoration: underline !important;
	}

	#av-burger-menu-ul li.current_page_item>a {
		text-align: right;
		padding-right: 60px;
		color: var(--grey-light) !important;
		transition: var(--transition);
		text-decoration: underline !important;
	}

	#av-burger-menu-ul li.av-menu-button-colored {
		display: flex;
		justify-content: end;
		padding-right: 60px;
	}

	#top #av-burger-menu-ul .av-menu-button-colored>a {
		height: 60px !important;
		line-height: 60px !important;
		border-radius: var(--radius-sm) !important;
	}


	#header #header_main nav.main_menu ul.sub-menu {
		width: 100% !important;
		display: flex;
		flex-direction: column;
		gap: 16px !important;
		padding: 0;
		margin-top: 0px !important;
	}

	#header #header_main nav.main_menu ul.sub-menu li {
		padding: 0 !important;
		margin: 0 !important;
	}

	#header #header_main nav.main_menu ul.sub-menu li.current_page_item a {
		background-color: transparent !important;
		color: var(--grey-light) !important;
	}



	/* ------------------------------------------------------------
		HERO SOLID PANEL
	------------------------------------------------------------ */
	.hero-solid-panel .av_textblock_section {
		max-width: 75% !important;
	}


	/* ------------------------------------------------------------
		HOMEPAGE
	------------------------------------------------------------ */
	.home-img-panel,
	.home-hero {
		height: 100% !important;
		padding-bottom: 40px !important;
	}

	.home-img-panel section,
	.home-hero section {
		max-width: 100% !important;
	}

	.home-hero section h1 {
		font-size: var(--text-3xl);
		margin-bottom: 16px;
	}

	#services-section .content {
		padding-top: 0px !important;
	}

	#services-section h2 {
		font-size: var(--text-xl);
		padding: 0px 24px !important;
		width: 90% !important;
	}

	#services-section .blue-panel-title {
		display: flex;
		justify-content: center;
		align-items: center;
	}


	#services-section .blue-panel {
		position: relative;
	}

	#services-section .blue-panel::before {
		width: 90% !important;
	}

	/* ------------------------------------------------------------
		FOOTER
	------------------------------------------------------------ */
	#footer .footer-flex {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap !important;
		gap: 60px;
	}


}

@media only screen and (max-width: 900px) {
	#blog-listing .slide-entry-wrap {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

}

@media only screen and (max-width: 767px) {

	#top #header .logo,
	#top #header .logo svg {
		max-height: 56px !important;
	}

	/* ------------------------------------------------------------
		HERO SOLID PANEL
	------------------------------------------------------------ */
	.hero-solid-panel .av_textblock_section {
		max-width: 100% !important;
	}

	/* ------------------------------------------------------------
		BLOG LISTING
	------------------------------------------------------------ */
	#blog-listing .slide-entry-wrap {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 24px;
	}


	/* ------------------------------------------------------------
		HOMEPAGE
	------------------------------------------------------------ */

	#services-section .blue-panel::before {
		width: 100% !important;
	}

	#services-section h2 {
		width: 96% !important;
	}


	.blog-standard article {
		padding: 24px 24px 24px 24px;
		margin-bottom: 16px !important;
	}


	.blog-featured .slide-entry-wrap {
		margin-bottom: 0px !important;
	}





}

@media only screen and (max-width: 480px) {}