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


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

:root {
	--clr-teal-100: #20BDBF;
	--clr-teal-500: #158EA8;
	--clr-blue-500: #2B93C6;
	--clr-blue-500-50: rgba(43, 147, 198, 0.5);
	--clr-blue-800: #2A347D;
	--clr-red-600: #D7444F;
	--clr-red-600-50: rgba(215, 68, 79, 0.5);
	--clr-orange-300: #FAB614;
	--clr-orange-300-50: rgba(250, 182, 20, 0.5);
	--clr-orange-500: #EF7E00;
	--clr-orange-500-50: rgba(239, 126, 0, 0.5);
	--clr-cyan-300: #2ECEC9;
	--clr-cyan-300-50: rgba(46, 206, 201, 0.5);
	--clr-green-800: #0BA000;
	--clr-green-800-50: rgba(11, 160, 0, 0.5);
	--clr-purple-700: #5D66A9;
	--clr-purple-700-50: rgba(93, 102, 169, 0.5);
	--clr-text-grey: #747273;
	--clr-bg-light-grey: #F7F7F7;
	--clr-blog-title: #4B4B4B;
	--clr-blog-sub-title: #20BDBF;
	--clr-white: #ffffff;
	--clr-black: #000000;

	--fw-regular: 400;
	--fw-medium: 500;
	--fw-semibold: 600;

	--ff-body: 'Poppins', sans-serif;
	--ff-heading: 'Poppins', sans-serif;
}



.ast-primary-header-bar {
	background-color: var(--clr-white) !important;
}
.ast-builder-menu-1 .menu-item > .menu-link {
	color: var(--clr-blue-800) !important;
}


[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
	color: var(--clr-blue-800) !important;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
	fill: var(--clr-blue-800) !important;
}


.mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover {
	background-color: var(--clr-teal-100) !important;
}

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

ul.elia-navi_eyebrow {
	list-style: none;
	display: flex;
}
ul.elia-navi_eyebrow li a {
	color: var(--clr-blue-800) !important;
	margin-right: 1em;
}

.elia-img__rounded img {
	border-radius: 0.5em !important;
}


.elia-navi_eyebrow {
	margin-top: 0;
	margin-bottom: 0 !important;
}
.elia-navi_eyebrow li a {
	background-color: var(--clr-bg-light-grey) !important;
	padding: 0.625em 2em !important;
	color: var(--clr-blue-800) !important;
	border: 1px solid var(--clr-bg-light-grey) !important;
	border-radius: 0.5em !important;
	font-weight: var(--fw-semibold) !important;
}
.elia-navi_eyebrow li a:hover {
	background-color: var(--clr-blue-800) !important;
	border: solid 1px var(--clr-blue-800) !important;
	color: var(--clr-white) !important;
}

.fl-icon-text a {
	text-decoration: none !important;
	color: var(--clr-blue-800) !important;
	font-weight: var(--fw-semibold) !important;
}
.fl-icon-text a:hover,
.fl-icon-text a:active {
	color: var(--clr-blue-800) !important;
}


.mec-slider-t2-wrap {
	background-color: var(--clr-bg-light-grey) !important;
}

.uabb-infobox-module-link:hover + .uabb-infobox-content .uabb-infobox-title-wrap .uabb-infobox-title-prefix,
.fl-module-info-box a:hover {
	color: var(--clr-blue-800) !important;
}

.fl-row-content-wrap {
	margin: 1em 0;
}

.elia-row__cta .fl-row-content-wrap {
	margin: 0;
}





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

.elia-row__home-hero {
	background: url('/wp-content/uploads/2025/04/elia-bg__home-hero-001.avif') no-repeat 75% bottom;
	background-size: cover;
}

.elia-row__home-hero-clean {
	background: url('/wp-content/uploads/2025/05/elia-bg__home-hero-002.avif') no-repeat 75% bottom;
	background-size: cover;
}

.elia-home__hero-type-text .uabb-typed-main {
	color: var(--clr-white) !important;
}

.elia-btn__btn a.fl-button {
	background-color: var(--clr-blue-800) !important;
	border: 1px solid var(--clr-blue-800) !important;
	border-radius: 0.5em !important;
	padding: 0.625em 2em !important;
}
.elia-btn__btn .fl-button-text {
	color: var(--clr-white) !important;
	font-weight: var(--fw-semibold) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
}

.gform_button,
.wp-element-button {
	background-color: var(--clr-blue-800) !important;
	border: 1px solid var(--clr-blue-800) !important;
	border-radius: 0.5em !important;
	padding: 0.625em 1.5em !important;
	color: var(--clr-white) !important;
	font-weight: var(--fw-semibold) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
}



.elia-infobox__home-icons .uabb-infobox-title-prefix {
	margin-top: 1em;
	font-weight: var(--fw-medium) !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	color: var(--clr-blue-800) !important;
}



.elia-row__light-grey {
	background-color: var(--clr-bg-light-grey) !important;
}


.elia-infobox__content .uabb-infobox-title-prefix {
	font-size: 1.875rem;
	line-height: calc(2.25 / 1.875) !important;
	font-weight: var(--fw-semibold) !important;
	color: var(--clr-blue-800) !important;
	margin-bottom: 1em;
}
.elia-infobox__content .uabb-infobox-title {
	font-weight: var(--fw-semibold) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
	color: var(--clr-text-grey) !important;
}
.elia-infobox__content .uabb-infobox-text p,
.elia-infobox__content .uabb-infobox-text li {
	font-size: 1rem !important;
	line-height: calc(1.5 / 1) !important;
	color: var(--clr-text-grey) !important;
}
.elia-infobox__content a.uabb-button {
	background-color: var(--clr-blue-800) !important;
	border: 1px solid var(--clr-blue-800) !important;
	border-radius: 0.5em !important;
	padding: 0.625em 1.5em !important;
}
.elia-infobox__content .uabb-button-text {
	color: var(--clr-white) !important;
	font-weight: var(--fw-semibold) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
}
.elia-infobox__content a.uabb-infobox-cta-link {
	text-transform: uppercase !important;
	font-weight: var(--fw-semibold) !important;
	font-size: 0.8755rem !important;
	line-height: calc(1.25 / 0.875) !important;
	color: var(--clr-text-grey) !important;
}


.elia-infobox__auto-img .uabb-image-content img {
	width: auto !important;
}


.elia-infobox__home-img-grid .uabb-infobox-title-prefix {
	margin-top: 1em;
	font-weight: var(--fw-medium) !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	color: var(--clr-blue-800) !important;
}
.elia-infobox__home-img-grid .uabb-image .uabb-photo-img {
	width: 100%;
}


.elia-infobox__home-img-grid .uabb-infobox-title-prefix,
.elia-infobox__home-icon-grid .uabb-infobox-title-prefix {
	margin-top: 1em;
	font-size: 1rem !important;
	line-height: 1 !important;
	color: var(--clr-text-grey) !important;
	font-weight: var(--fw-semibold) !important;
}



.elia-row__cta {
	/*background-image: url('/wp-content/uploads/2025/04/elia-bg__cta-bg-001.avif');*/
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}


.elia-infobox__cta {
	margin: 3em 0;
}
.elia-infobox__cta .uabb-infobox-title-prefix {
	color: var(--clr-white) !important;
	font-size: 3rem !important;
	line-height: 1;
	font-weight: var(--fw-semibold) !important;
	margin-bottom: 0.75em !important;
}
.elia-infobox__cta .uabb-infobox-text p,
.elia-infobox__cta .uabb-infobox-text li {
	color: var(--clr-white) !important;
	font-size: 1.25rem !important;
	line-height: calc(1.75 / 1.125) !important;
	font-weight: var(--fw-semibold) !important;
}
.elia-infobox__cta a.uabb-button {
	background-color: var(--clr-blue-800) !important;
	border: 1px solid var(--clr-blue-800) !important;
	border-radius: 0.5em !important;
	padding: 0.625em 1.5em !important;
}
.elia-infobox__cta .uabb-button-text {
	color: var(--clr-white) !important;
	font-weight: var(--fw-semibold) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
}




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

.elia-row__red {
	background-color: var(--clr-red-600-50) !important;
}
.elia-row__yellow {
	background-color: var(--clr-orange-300-50) !important;
}
.elia-row__orange {
    background-color: var(--clr-orange-500-50) !important;
}
.elia-row__cyan {
    background-color: var(--clr-cyan-300-50) !important;
}
.elia-row__purple {
    background-color: var(--clr-purple-700-50) !important;
}
.elia-row__blue {
    background-color: var(--clr-blue-500-50) !important;
}
.elia-row__green {
    background-color: var(--clr-green-800-50) !important;
}


.elia-infobox__content-header {
	margin-bottom: 1em;
}
.elia-infobox__content-header .uabb-infobox-title-prefix {
	font-size: 2.25rem;
	line-height: calc(2.5 / 2.25) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-blue-800) !important;
	margin-bottom: 1em;
}
.elia-infobox__content-header .uabb-infobox-text p,
.elia-infobox__content-header .uabb-infobox-text li {
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
	color: var(--clr-blue-800) !important;
}
.elia-infobox__content-header a.uabb-button {
	background-color: var(--clr-blue-800) !important;
	border: 1px solid var(--clr-blue-800) !important;
	border-radius: 0.5em !important;
	padding: 0.625em 1.5em !important;
}
.elia-infobox__content-header a.uabb-button .uabb-button-text {
	color: var(--clr-white) !important;
	font-weight: var(--fw-semibold) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
}


.elia-row__home-hero-clean .uabb-infobox-title-prefix,
.elia-row__home-hero-clean .uabb-infobox-title,
.elia-row__home-hero-clean .uabb-infobox-text p,
.elia-row__home-hero-clean .uabb-infobox-text li {
	color: var(--clr-white) !important;
}


.elia-infobox__icon-list {
	padding: 1em 0;
}

.elia-infobox__icon-list .uabb-infobox-title-prefix {
	font-weight: var(--fw-semibold) !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	color: var(--clr-text-grey) !important;
}
.elia-infobox__icon-list .uabb-infobox-title {
	font-weight: var(--fw-semibold) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
	color: var(--clr-text-grey) !important;
}
.elia-infobox__icon-list .uabb-infobox-text p,
.elia-infobox__icon-list .uabb-infobox-text li {
	font-size: 1rem !important;
	color: var(--clr-text-grey) !important;
}




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

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

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

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

.elia-blog__title {
	font-size: 3.375rem;
	line-height: 3.875rem;
	margin-bottom: 1em !important;
	color: var(--clr-blog-title) !important;
}

.elia-blog__content {
	margin: 0 auto;
	max-width: 1280px !important;
}

.elia-blog__content h1 {
	margin-top: 0 !important;
}

.elia-blog__content h2,
.elia-blog__content h3,
.elia-blog__content h4,
.elia-blog__content h5,
.elia-blog__content h6 {
	font-family: var(--ff-heading);
	font-weight: var(--fw-medium);
	color: var(--clr-blog-title);
	font-size: 2.25rem !important;
	line-height: 2.5rem !important;
	font-optical-sizing: auto;
	margin-bottom: 0.25em !important;
}
.elia-blog__content h2 {
    color: var(--clr-blog-sub-title) !important;
}


.elia-blog__content p,
.elia-blog__content li {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-medium) !important;
	font-size: 1rem !important;
	line-height: 1.25rem !important;
	color: var(--clr-blog-title) !important;
	font-optical-sizing: auto;
	margin-bottom: 1em !important;
}



.uabb-blog-posts .uabb-post-thumbnail img {
	border-top-left-radius: 0.5em !important;
	border-top-right-radius: 0.5em !important;
}
.uabb-blog-posts .uabb-read-more-text a {
	font-weight: var(--fw-semibold) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
	color: var(--clr-text-grey) !important;
}
.uabb-blog-posts .uabb-next-right-arrow {
	display: none !important;
}





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

.gform_body legend,
.gform_body label {
	font-family: var(--ff-body) !important;
	font-weight: 700 !important;
	font-size: 1rem !important;
	line-height: calc(1.5 / 1) !important;
	color: var(--clr-text-grey) !important;
}

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





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

.elia-footer__social-icons .fab,
.elia-footer__social-icons .ua-icon {
	color: var(--clr-teal-500);
	border: 3px solid var(--clr-teal-500);
	border-radius: 50%;
	padding: 0.25em;
}

.elia-footer__social-icons .fl-icon {
	padding-right: 1em;
}

.elia-infobox__footer .uabb-infobox-title-prefix {
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
	font-weight: var(--fw-semibold) !important;
	color: var(--clr-blue-800) !important;
}
.elia-infobox__footer .uabb-infobox-title {
	font-weight: var(--fw-semibold) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
	color: var(--clr-text-grey) !important;
}
.elia-infobox__footer .uabb-infobox-text p,
.elia-infobox__footer .uabb-infobox-text li {
	font-size: 0.875rem !important;
	line-height: calc(1.25 / 0.875) !important;
	color: var(--clr-text-grey) !important;
}

.elia-infobox__footer .uabb-infobox-text p a,
.elia-infobox__footer .uabb-infobox-text li a {
	color: #2A347D !important;
}
.elia-infobox__footer .uabb-infobox-text li {
	margin-bottom: 0.25em !important;
}
.elia-infobox__footer .uabb-infobox-text ul {
	list-style: none;
	margin: 0;
}



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

/* Small phone (~320px) */
@media only screen and (min-width: 20em)
{
	.elia-blog__content {
		background-color: var(--clr-white) !important;
		margin: -5em auto 0 auto !important;
		position: relative !important;
		padding: 2em !important;
	}
}

/* Low DPI Laptop (~1280px) */
@media only screen and (min-width: 80em)
{
	.elia-row__home-hero {
		min-height: 39.875em;
	}

	.elia-row__icon-lift {
		position: relative;
		margin-top: -11em;
	}

	.elia-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;
	}
}