/*
Theme Name:     Visionare
Theme URI:
Description:    Astra child theme.
Author:         Me
Author URI:
Template:       astra
Version:        0.1.0
*/

/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Theme Overrides / Global
 * =====================================================================================================================
 */

:root {
	/* Neutral */
	--clr-neutral-300: #E5E5E5;

	/* Creams */
	--clr-cream-50: #F5F7F4;
	--clr-cream-100: #EBEAE7;
	--clr-cream-200: #E7EBE3;
	--clr-cream-300: #E1EFD3;

	/* Stone / Beige */
	--clr-stone-400: #DDD7CD;

	/* Sage */
	--clr-sage-500: #C8D1BE;

	/* Greens */
	--clr-green-400: #8BC53F;
	--clr-green-500: #94A596;
	--clr-green-600: #009A5F;
	--clr-green-700: #758878;
	--clr-green-900: #09503D;

	/* Browns */
	--clr-brown-600: #8B8170;

	/* Charcoal */
	--clr-charcoal-700: #55524D;

	--clr-egg-white: #F4F4F4;
	--clr-off-white: #F4F4F4;
	--clr-dark-text: #3D3F40;

	--clr-bg-dark-grey: #505759;

	--clr-white: #ffffff;


	--ff-heading: "Outfit", sans-serif;
	--ff-body: "Poppins", sans-serif;

	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;
	--fw-bold: 700;
}


.fl-row-fixed-width {
	max-width: 1280px !important;
}

.ast-above-header.ast-above-header-bar,
.ast-primary-header-bar {
	background-color: var(--clr-off-white) !important;
}
.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button,
.ast-header-button-2[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
	padding: 1em;
}

.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button,
.ast-header-button-2[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-medium) !important;
	font-size: 0.875rem !important;
	line-height: calc(1.25 / 0.875) !important;
}

.ast-header-button-1 .ast-custom-button,
.ast-header-button-2 .ast-custom-button {
	color: #ffffff;
	background: #758878;
	border-color: #758878;
	border-radius: 1em;
	margin: 0.25em 0;
}

[CLASS*="-sticky-header-active"] .ast-builder-menu-1 .main-header-menu > .menu-item > .menu-link:hover,
[CLASS*="-sticky-header-active"] .ast-builder-menu-1 .main-header-menu .menu-item .sub-menu .menu-item .menu-link:hover {
	color: var(--clr-green-700) !important;
}

ul.main-header-menu li.current-menu-ancestor.current-menu-parent.current_page_parent.current_page_ancestor a {
	color: var(--clr-green-900) !important;
}

[CLASS*="-sticky-header-active"] .ast-header-sticked [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg,
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{
	filL: var(--clr-green-900) !important;
}

header.entry-header,
nav.navigation.post-navigation{
	display: none !important;
}

.single.ast-page-builder-template .entry-header + .entry-content,
.single.ast-page-builder-template .ast-single-entry-banner + .site-content article .entry-content,
.entry-content > * {
	margin-bottom: 0;
}

.uabb-infobox-content .uabb-infobox-text p {
	margin-bottom: 0;
}
.uabb-infobox-content .uabb-infobox-text li {
	margin-bottom: 0.25em;
}

.vis-img__rounded img {
	border-radius: 1em !important;
}


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Rows
 * =====================================================================================================================
 */

.vis-row__home-hero-desktop .fl-row-content-wrap {
	background-image: url('/wp-content/uploads/2025/08/vis-hero__home-desktop@2x-001.avif');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
}

.vis-row__home-hero-mobile .fl-row-content-wrap {
	background-image: url('/wp-content/uploads/2025/09/vis-hero__home-mobile-001.avif');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
}

.vis-row__neutral-300 {
	background-color: var(--clr-neutral-300);
	padding: 2em 0;
}

.vis-row__green-500 {
	background-color: var(--clr-green-500);
	padding: 2em 0;
}

.vis-row__green-700 {
	background-color: var(--clr-green-700);
	padding: 2em 0;
}

.vis-row__egg-white {
	background-color: var(--clr-egg-white);
	padding: 2em 0;
}

.vis-row__cta-old-man {
	background-image: url('/wp-content/uploads/2025/09/vis-cta__bg-smiling-man-001.avif');
	background-repeat: no-repeat;
	/*background-position: top left;*/
	background-position: center;
	background-size: cover;
	padding: 2em 0;
}

.vis-row__cta-woman-smiling {
	background-image: url('/wp-content/uploads/2025/09/vis-cta__bg-smiling-woman-001.avif');
	background-repeat: no-repeat;
	/*background-position: top left;*/
	background-position: center;
	background-size: cover;
	padding: 2em 0;
}

.vis-row__watermark-right {
	background-image: url('/wp-content/uploads/2025/08/vis-watermark@2x-001.avif');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	padding: 2em 0;
}

.vis-row__bg-dark-grey {
	background-color: var(--clr-bg-dark-grey);
	padding: 2em 0;
}


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Home
 * =====================================================================================================================
 */

.vis-infobox__home-hero .uabb-infobox-title-prefix {
	font-family: var(--ff-heading);
	font-weight: var(--fw-regular);
	color: var(--clr-dark-text);
}
.vis-infobox__home-hero a.uabb-button {
	background: transparent;
	border: 2px solid var(--clr-charcoal-700) !important;
	border-radius: 1em !important;
	margin-top: 2em;
}
.vis-infobox__home-hero a.uabb-button .uabb-button-text {
	color: var(--clr-dark-text) !important;
}
.vis-infobox__home-hero a.uabb-button:hover {
	background: var(--clr-green-500);
	border: 2px solid var(--clr-green-500) !important;
}
.vis-infobox__home-hero a.uabb-button:hover .uabb-button-text {
	color: var(--clr-off-white) !important;
}


.vis-infobox__home-eye-icons .uabb-infobox-title-prefix {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-dark-text) !important;
}
.vis-infobox__home-eye-icons .uabb-infobox-text p,
.vis-infobox__home-eye-icons .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-dark-text) !important;
}


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Eye icon rollovers
 * =====================================================================================================================
 */

.uabb-image-content {
	position: relative;
	display: inline-block;
}

.uabb-image-content::after {
	content: "";
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	pointer-events: none;
}

.vis-infobox__cataractRO:hover .uabb-image-content::after,
.vis-infobox__specialistsRO:hover .uabb-image-content::after,
.vis-infobox__conditionsRO:hover .uabb-image-content::after {
	opacity: 1;
}


.vis-infobox__cataractRO .uabb-image-content::after {
	background-image: url("/wp-content/uploads/2025/09/vis-icon__cataractSurgeryOn@2x-001.avif");
}
.vis-infobox__specialistsRO .uabb-image-content::after {
	background-image: url("/wp-content/uploads/2025/09/vis-icon__eyeSpecialistsOn@2x-001.avif");
}
.vis-infobox__conditionsRO .uabb-image-content::after {
	background-image: url("/wp-content/uploads/2025/09/vis-icon__conditionsOn@2x-001.avif");
}


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Content
 * =====================================================================================================================
 */

.vis-infobox__content-hero .uabb-infobox-title-prefix {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-off-white) !important;
}

.vis-infobox__content .uabb-infobox-title-prefix {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-dark-text) !important;
	margin-bottom: 0.5em !important;
}
.vis-infobox__content .uabb-infobox-title {
	color: var(--clr-dark-text) !important;
}
.vis-infobox__content .uabb-infobox-text p,
.vis-infobox__content .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-dark-text) !important;
}
.vis-infobox__content .uabb-infobox-text p a,
.vis-infobox__content .uabb-infobox-text li a {
	color: var(--clr-green-900) !important;
}
.vis-infobox__content a.uabb-button {
	background: transparent;
	border: 2px solid var(--clr-charcoal-700) !important;
	border-radius: 1em !important;
}
.vis-infobox__content a.uabb-button .uabb-button-text {
	color: var(--clr-charcoal-700) !important;
}
.vis-infobox__content a.uabb-button:hover {
	background: var(--clr-green-500);
	border: 2px solid var(--clr-green-500) !important;
	box-shadow: 3px 3px 15px var(--clr-charcoal-700);
}
.vis-infobox__content a.uabb-button:hover .uabb-button-text {
	color: var(--clr-off-white) !important;
}



.uabb-blog-posts-shadow {
	background-color: var(--clr-neutral-300) !important;
	border-radius: 1em !important;
}



.vis-infobox__cta .uabb-infobox-title-prefix {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-dark-text) !important;
	margin-bottom: 0.5em !important;
}
.vis-infobox__cta .uabb-infobox-text p,
.vis-infobox__cta .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-dark-text) !important;
}
.vis-infobox__cta a.uabb-button {
	background: var(--clr-neutral-300);
	border: 2px solid var(--clr-neutral-300) !important;
	border-radius: 1em !important;
}
.vis-infobox__cta a.uabb-button .uabb-button-text {
	color: var(--clr-charcoal-700) !important;
}
.vis-infobox__cta a.uabb-button:hover {
	background: var(--clr-neutral-300);
	box-shadow: 3px 3px 15px var(--clr-charcoal-700);
}
.vis-infobox__cta a.uabb-button:hover .uabb-button-text {
	color: var(--clr-dark-text) !important;
}



.vis-infobox__white-text .uabb-infobox-title-prefix,
.vis-infobox__white-text .uabb-infobox-title,
.vis-infobox__white-text .uabb-infobox-text p,
.vis-infobox__white-text .uabb-infobox-text li {
	color: var(--clr-off-white) !important;
}
.vis-infobox__white-text a.uabb-button {
	background: var(--clr-neutral-300) !important;
	border: 2px solid var(--clr-neutral-300) !important;
	border-radius: 1em !important;
}
.vis-infobox__white-text a.uabb-button:hover {
	background: var(--clr-neutral-300) !important;
}
.vis-infobox__white-text a.uabb-button:hover .uabb-button-text {
	color: var(--clr-dark-text) !important;
}


.vis-infobox__content .uabb-infobox-title-prefix span {
	font-size: 0.875rem !important;
	line-height: calc(1.25 / 0.875) !important;
}





/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Accordion
 * =====================================================================================================================
 */

.uabb-adv-accordion-button {
	background: var(--clr-green-500) !important;
	border-radius: 1em !important;
}
.uabb-adv-accordion-button-label {
	color: var(--clr-off-white) !important;
}
.uabb-adv-accordion-button-icon {
	color: var(--clr-off-white) !important;
}
.uabb-adv-accordion-item-active .uabb-adv-accordion-button {
	background: none !important;
	/*border: 1px solid var(--clr-charcoal-700) !important;
	border-radius: 1em !important;*/
}
.uabb-adv-accordion-item-active {
	border: 1px solid var(--clr-charcoal-700) !important;
	border-radius: 1em !important;
}
.uabb-adv-accordion-item-active .uabb-adv-accordion-button-label {
	color: var(--clr-dark-text) !important;
}

.uabb-adv-accordion-content p,
.uabb-adv-accordion-content li {
	font-family: var(--ff-body) !important;
	color: var(--clr-dark-text) !important;
	font-size: 1rem !important;
	line-height: calc(1.5 / 1) !important;
}


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Gravity Forms
 * =====================================================================================================================
 */

.gform_button,
.gform_button_select_files {
	background: transparent !important;
	border: 2px solid var(--clr-charcoal-700) !important;
	border-radius: 1em !important;
	color: var(--clr-dark-text) !important;
	font-size: 1rem !important;
	line-height: calc(1.5 / 1) !important;
	padding: 0.75em 1.5em !important;
}
.gform_button:hover,
.gform_button_select_files:hover{
	background: var(--clr-green-500) !important;
	border: 2px solid var(--clr-green-500) !important;
	box-shadow: 3px 3px 15px var(--clr-charcoal-700);
	color: var(--clr-off-white) !important;
}

.gform-theme--framework.ui-datepicker table .ui-datepicker-current-day a, .gform-theme--framework.ui-datepicker table .ui-datepicker-current-day span {
	--gf-local-bg-color: var(--clr-green-600) !important;
}

.gform-theme--foundation .gform_fields {
	row-gap: 2em !important;
}

.gform_wrapper .top_label .gfield_label {
	line-height: 1.5;
	color: var(--clr-dark-text) !important;
	font-size: 0.875rem !important;
	line-height: calc(1.25 / 0.875) !important;
	font-weight: var(--fw-semibold) !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Advanced posts
 * =====================================================================================================================
 */

.uabb-blog-posts-description,
.uabb-read-more-text a,
.uabb-next-right-arrow {
	color: var(--clr-dark-text) !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Blog post layout
 * =====================================================================================================================
 */

.single-post header.entry-header {
	display: block;
}

.single-post article {
	padding: 0 !important;
}

.vis-blog__header {
	width: 100%;
	/*background-image: url('/wp-content/uploads/2024/12/dlm-bg__header-content-001.avif');*/
	background-color: var(--clr-green-900) !important;
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: cover;
	height: 12em;
	margin-top: 0 !important;
}

.vis-blog__title,
h1.vis-blog__title {
	font-size: 1.875rem !important;
	line-height: calc(2.25 / 1.875) !important;
	margin-bottom: 1em !important;
	color: var(--clr-dark-text) !important;
}


.vis-blog__content h2,
.vis-blog__content h3,
.vis-blog__content h4,
.vis-blog__content h5,
.vis-blog__content h6 {
	font-family: var(--ff-heading);
	font-weight: var(--fw-regular);
	color: var(--clr-green-900);
	font-size: 1.875rem !important;
	line-height: calc(2.25 / 1.875) !important;
	font-optical-sizing: auto;
	margin-bottom: 0.25em !important;
}


.vis-blog__content p,
.vis-blog__content li {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-regular) !important;
	font-size: 1rem !important;
	line-height: calc(1.5 / 1) !important;
	color: var(--clr-dark-text) !important;
	font-optical-sizing: auto;
	margin-bottom: 1em !important;
}






/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Footer
 * =====================================================================================================================
 */

.vis-infobox__footer .uabb-infobox-title-prefix {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-off-white) !important;
	font-size: 1rem !important;
	line-height: calc(1.5 / 1)	!important;
}
.vis-infobox__footer .uabb-infobox-text p,
.vis-infobox__footer .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-off-white) !important;
	font-size: 0.875rem !important;
	line-height: calc(1.25 / 0.875)	!important;
}
.vis-infobox__footer .uabb-infobox-text p a,
.vis-infobox__footer .uabb-infobox-text li a {
	color: var(--clr-green-500) !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * ---------------------------------------------------------------------------------------------------------------------
 * Media Queries
 * =====================================================================================================================
 * =====================================================================================================================
 */

/* Small Phone (~320px) */
@media only screen and (min-width: 20em)
{
	.vis-infobox__home-hero .uabb-infobox-title-prefix {
		font-size: 2.25rem !important;
		line-height: calc(2.5 / 2.25) !important;
	}

	.vis-row__home-hero-mobile .vis-infobox__content {
		margin-top: 24em;
	}


	.vis-infobox__home-eye-icons .uabb-infobox-title-prefix {
		margin: 1.5em 0 0.5em 0;
		/*font-size: 1.5rem;
		line-height: calc(2 / 1.5);*/
		font-size: 1.875rem;
		line-height: calc(2.25 / 1.875);
	}
	.vis-infobox__home-eye-icons .uabb-infobox-text p,
	.vis-infobox__home-eye-icons .uabb-infobox-text li {
		font-size: 1rem !important;
		line-height: calc(1.5 / 1) !important;
	}

	.vis-row__home-hero-desktop {
		display: none;
	}
	.vis-row__home-hero-mobile {
		display: block;
	}

	.vis-infobox__content .uabb-infobox-title-prefix {
		font-size: 1.875rem;
		line-height: calc(2.25 / 1.875);
	}
	.vis-infobox__content .uabb-infobox-text p,
	.vis-infobox__content .uabb-infobox-text li {
		font-size: 1rem !important;
		line-height: calc(1.5 / 1) !important;
	}

	.vis-infobox__content-hero .uabb-infobox-title-prefix {
		font-size: 2.25rem !important;
		line-height: calc(2.5 / 2.25) !important;
	}

	.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link,
	.ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,
	.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link,
	.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle {
		color: var(--clr-green-900) !important;
	}

	.vis-infobox__home-eye-icons-mobile-first {
		position: relative;
		margin-top: -12em;
	}

}



/* Larger Pro Max models (~430px) */
@media only screen and (min-width: 26.875em)
{
	.vis-row__home-hero-mobile .vis-infobox__content {
		margin-top: 28em;
	}
}


/* Low DPI Laptop (~1280px) */
@media only screen and (min-width: 80em)
{
	.vis-row__home-hero-desktop .fl-row-content-wrap {
		display: block !important;
		background-image: url('/wp-content/uploads/2025/08/vis-hero__home-desktop@2x-001.avif') !important;
	}
	.vis-row__home-hero-mobile .fl-row-content-wrap {
		display: none;
	}

	.vis-row__home-hero-desktop .fl-row-content-wrap {
		min-height: 150vh !important;
	}

	.vis-infobox__home-hero .uabb-infobox-title-prefix {
		font-size: 3rem !important;
		line-height: 1.1 !important;
		margin-top: 15vh;
	}

	.vis-row__home-hero-mobile .vis-infobox__content {
		margin-top: 0;
	}

	.vis-infobox__content-hero .uabb-infobox-title-prefix {
		font-size: 3rem;
		line-height: 1;
	}

	.vis-home__hero-spacer {
		position: relative;
		top: 14em;
	}

	.vis-infobox__content .uabb-infobox-title-prefix {
		font-size: 1.875rem;
		line-height: calc(2.25 / 1.875);
	}
	.vis-infobox__content .uabb-infobox-text p,
	.vis-infobox__content .uabb-infobox-text li {
		font-size: 1rem !important;
		line-height: calc(1.5 / 1) !important;
	}

	.vis-infobox__home-eye-icons {
		position: relative;
		margin-top: -10em;
	}

	.vis-row__cta-old-man,
	.vis-row__cta-woman-smiling {
		min-height: 32.6875em !important;
	}

	.vis-infobox__cta .uabb-infobox-title-prefix {
		font-size: 2.25rem !important;
		line-height: calc(2.5 / 2.25) !important;
	}
	.vis-infobox__cta .uabb-infobox-text p,
	.vis-infobox__cta .uabb-infobox-text li {
		font-size: 1.25rem !important;
		line-height: calc(1.75 / 1.25) !important;
	}

	.vis-infobox__content-2col .uabb-infobox-text {
		columns: 2;
	}

	.vis-infobox__home-eye-icons-mobile-first {
		position: relative;
		margin-top: -10em;
	}

	.vis-blog__content {
		background-color: var(--clr-white) !important;
		max-width: 1236px !important;
		margin: -5em auto 0 auto !important;
		padding: 2em 3em !important;
		position: relative !important;
	}
}


/* HD Monitor (~1920px) */
@media only screen and (min-width: 120em)
{
	.vis-row__home-hero-desktop .fl-row-content-wrap {
		min-height: 130vh !important;
	}

	.vis-infobox__home-hero .uabb-infobox-title-prefix {
		margin-top: 20vh;
	}

	.vis-home__hero-spacer {
		top: 16em;
	}
}