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


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

:root {
	--clr-cyan-400: #00c6d7;
	--clr-blue-600: #2a6ebb;
	--clr-indigo-900: #1e1656;
	--clr-slate-950: #08032f;
	--clr-gray-200: #ebebeb;
	--clr-slate-50: #fdfdfd;

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

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

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
	font-optical-sizing: auto;
}

header.entry-header {
	display: none !important;
}
.aec-img__rounded img {
	border-radius: 0.75em !important;
}

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

.entry-content p {
	margin-bottom: 0.8em !important;
}



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

.aec-row__home-hero {
	background-image: url('/wp-content/uploads/2026/05/aec-hero__home-ph-001.avif');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.aec-row__content-hero {
	background-image: url('/wp-content/uploads/2026/05/aec-bg__header-content-001.avif');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.aec-row__grey {
	background-color: var(--clr-gray-200) !important;
	padding: 2em 0 !important;
}

.aec-row__slate {
	background-color: var(--clr-slate-50) !important;
	padding: 2em 0 !important;
}

.aec-row__indigo {
	background-color: var(--clr-indigo-900) !important;
	padding: 2em 0 !important;
}

.aec-row__cta-bg .fl-row-content {
	background-image: url('/wp-content/uploads/2026/05/aec-bg__dr-stephenie-tiew-002.avif') !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	min-height: 632px !important;
	border-radius: 0.75em !important;
}

.aec-row__cta {
	background-image: url('/wp-content/uploads/2026/05/aec-bg__footer-cta-001.avif');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
	min-height: 452px !important;
	padding: 2em 0 !important;
}




/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Info Boxes
 * =====================================================================================================================
 */

.aec-infobox__home-hero .uabb-infobox-title-prefix {
	font-family: var(--ff-heading);
	font-weight: var(--fw-medium);
	color: var(--clr-slate-950) !important;
	font-size: 3rem !important;
	line-height: 1.1 !important;
	margin-bottom: 0.25em !important;
}
.aec-infobox__home-hero .uabb-infobox-title {
	font-family: var(--ff-heading);
	font-weight: var(--fw-medium);
	color: var(--clr-slate-950) !important;
	font-size: 2.25rem !important;
	line-height: calc(2.5 / 2.25) !important;
	margin-bottom: 1em !important;
}
.aec-infobox__home-hero uabb-infobox-text p,
.aec-infobox__home-hero .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	color: var(--clr-slate-950) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
}

.aec-infobox__home-grid {
	background-color: var(--clr-slate-50) !important;
	border: 1px solid var(--clr-slate-950) !important;
	border-radius: 0.75em !important;
	width: 90% !important;
	margin: 0 auto !important;
}
.aec-infobox__home-grid img {
	border-radius: 0.75em !important;
	margin-bottom: 1em !important;
}
.aec-infobox__home-grid .fl-module-content {
	margin: 0.5em !important;
}
.aec-infobox__home-grid .uabb-infobox-title-prefix {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-medium) !important;
	font-size: 1.875rem !important;
	line-height: calc(2.25 / 1.875) !important;
	color: var(--clr-slate-950) !important;
	margin-bottom: 0.25em !important;
}
.aec-infobox__home-grid .uabb-infobox-text-wrap {
	margin: 1em 1em 0 1em !important;
}
.aec-infobox__home-grid .uabb-infobox-text p,
.aec-infobox__home-grid .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	color: var(--clr-slate-950) !important;
	font-size: 1rem !important;
	line-height: calc(1.5 / 1) !important;
}
.aec-infobox__home-grid a.uabb-infobox-cta-link {
	color: var(--clr-slate-950) !important;
	font-weight: var(--fw-semibold) !important;
}
.aec-infobox__home-grid .uabb-imgicon-wrap {
	margin: 1.5em 0 0.75em 0 !important;
}
.aec-infobox__home-grid .uabb-infobox-title-wrap {
	margin: 0 1.5em !important;
}
.aec-infobox__home-grid .uabb-infobox-text-wrap {
	margin: 0 1.5em 1.5em 1.5em !important;
}


.aec-infobox__content-hero .uabb-infobox-title-prefix {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-medium) !important;
	color: var(--clr-slate-50) !important;
	font-size: 2.25rem !important;
	line-height: calc(2.5 / 2.25) !important;
}


.aec-infobox__content .uabb-infobox-title-prefix {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-medium) !important;
	color: var(--clr-slate-950) !important;
	font-size: 1.875rem !important;
	line-height: calc(2.25 / 1.875) !important;
	margin-bottom: 0.25em !important;
}
.aec-infobox__content .uabb-infobox-title {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-medium) !important;
	color: var(--clr-slate-950) !important;
	font-size: 1.5rem !important;
	line-height: calc(2 / 1.5) !important;
}
.aec-infobox__content .uabb-infobox-text p,
.aec-infobox__content .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	color: var(--clr-slate-950) !important;
	font-size: 1.125rem !important;
	line-height: calc(1.75 / 1.125) !important;
}
/*.aec-infobox__content .uabb-infobox-text ul {

}*/
.aec-infobox__content a.uabb-infobox-cta-link {
	font-weight: var(--fw-semibold) !important;
}


.aec-infobox__cta-float {
	background-color: var(--clr-indigo-900) !important;
	padding: 2em 1em !important;
	border-bottom-left-radius: 0.75em !important;
	border-top-left-radius: 0.75em !important;
}
.aec-row__cta-bg {
	min-height: 632px;
}



.aec-col__cta-infobox {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 632px;
}

.aec-col__cta-infobox .fl-col-content {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}


.aec-infobox__cta-float .uabb-infobox-title-prefix {
	font-family: var(--ff-heading);
	font-weight: var(--fw-medium);
	color: var(--clr-slate-50) !important;
	font-size: 1.875rem !important;
	line-height: calc(2.25 / 1.875) !important;
	margin-bottom: 0.25em !important;
}
.aec-infobox__cta-float .uabb-infobox-text p,
.aec-infobox__cta-float .uabb-infobox-text li {
	font-family: var(--ff-body);
	color: var(--clr-slate-50) !important;
	font-size: 1rem !important;
	line-height: calc(1.5 / 1) !important;
}


.aec-infobox__cta-light .uabb-infobox-title-prefix {
	font-family: var(--ff-heading);
	font-weight: var(--fw-medium);
	color: var(--clr-slate-50) !important;
	font-size: 2.25rem !important;
	line-height: calc(2.25 / 1.875) !important;
	margin-bottom: 0.25em !important;
}
.aec-infobox__cta-light .uabb-infobox-text p,
.aec-infobox__cta-light .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	color: var(--clr-slate-50) !important;
	font-size: 1.25rem !important;
	line-height: calc(1.75 / 1.25) !important;
}



.aec-infobox__footer .uabb-infobox-title {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-medium) !important;
	color: var(--clr-slate-50) !important;
	font-size: 1rem !important;
	line-height: calc(1.5 / 1) !important;
}
.aec-infobox__footer .uabb-infobox-text p,
.aec-infobox__footer .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-slate-50) !important;
	font-size: 0.875rem !important;
	line-height: calc(1.25 / 0.875) !important;
}



.aec-infobox__cta .uabb-infobox-title-prefix {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-medium) !important;
	color: var(--clr-slate-50) !important;
	font-size: 2.25rem !important;
	line-height: calc(2.5 / 2.25) !important;
	margin-bottom: 0.25em !important;
}
.aec-infobox__cta .uabb-infobox-title {
	font-family: var(--ff-heading) !important;
	font-weight: var(--fw-medium) !important;
	color: var(--clr-slate-50) !important;
	font-size: 1.5rem !important;
	line-height: calc(2 / 1.5) !important;
}
.aec-infobox__cta .uabb-infobox-text p,
.aec-infobox__cta .uabb-infobox-text li {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-regular) !important;
	color: var(--clr-slate-50) !important;
	font-size: 1.25rem !important;
	line-height: calc(1.75 / 1.25) !important;
	margin-top: 0.75em !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Buttons
 * =====================================================================================================================
 */

.fl-button-group-button a.fl-button,
a.uabb-button {
	background-color: transparent !important;
	border: 1px solid var(--clr-slate-950) !important;
	border-radius: 0.75em !important;
}
.fl-button-group-button a.fl-button .fl-button-text,
a.uabb-button .uabb-button-text{
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-semibold) !important;
	font-size: 1.25rem !important;
	line-height: calc(1.75 / 1.25) !important;
	color: var(--clr-slate-950) !important;
}
.fl-button-group-button a.fl-button:hover,
a.uabb-button:hover {
	background-color: var(--clr-cyan-400) !important;
	border: 1px solid var(--clr-cyan-400) !important;
}
.fl-button-group-button a.fl-button:hover .fl-button-text,
a.uabb-button:hover .uabb-button-text {
	color: var(--clr-slate-50) !important;
}

.aec-infobox__cta a.uabb-button,
.aec-infobox__cta-float a.uabb-button {
	background-color: transparent !important;
	border: 1px solid var(--clr-slate-50) !important;
	border-radius: 0.75em !important;
}
.aec-infobox__cta a.uabb-button .uabb-button-text,
.aec-infobox__cta-float a.uabb-button .uabb-button-text {
	font-family: var(--ff-body) !important;
	font-weight: var(--fw-semibold) !important;
	font-size: 1.25rem !important;
	line-height: calc(1.75 / 1.25) !important;
	color: var(--clr-slate-50) !important;
}