/*
Theme Name: IOG
Description: Client-specific child theme for IOG.
Author: Konstruct
Template: konstruct
Version: 1.1.18
Text Domain: iog
*/

/* Fit the Inspire logo without changing the shared design. */
.wp-child-theme-iog .header .logo img {
	width: 100px;
	height: 90px;
	object-fit: contain;
	margin: auto;
}

.wp-child-theme-iog .ftr_logo img {
	width: 130px;
	height: 120px;
	object-fit: contain;
}

/* IOG network bar: Inspire navy instead of the shared default. */
.wp-child-theme-iog .obgaawhgheader_col {
	background: #173D85; /* 173D85 663F67 */
}

/* IOG top-bar buttons: muted purple and blue, with white text. */
.wp-child-theme-iog .obgatopheaderleft {
	background: #79678b;
}

.wp-child-theme-iog .obgatopheaderright {
	background: #5e659c;
}

.wp-child-theme-iog .obgatopheader,
.wp-child-theme-iog .obgatopheader a,
.wp-child-theme-iog .obgatopheader a:hover,
.wp-child-theme-iog .obgatopheader a:visited {
	color: #ffffff;
}

/* Button icons: the original OBGA header icons, which are white, drawn in the text colour. */
@supports (mask-image: url("")) or (-webkit-mask-image: url("")) {
	.wp-child-theme-iog .obgatopheader i a {
		display: block;
		background: currentColor;
	}

	.wp-child-theme-iog .obgatopheaderleft i a {
		width: 15px;
		height: 16px;
		-webkit-mask: url("/multimedia/assets/obga-appointment-icon.webp") center / contain no-repeat;
		mask: url("/multimedia/assets/obga-appointment-icon.webp") center / contain no-repeat;
	}

	.wp-child-theme-iog .obgatopheaderright i a {
		width: 20px;
		height: 17px;
		-webkit-mask: url("/multimedia/assets/obga-portal-icon.webp") center / contain no-repeat;
		mask: url("/multimedia/assets/obga-portal-icon.webp") center / contain no-repeat;
	}

	/* The shared theme's own icon images stay in the markup but are not shown. */
	.wp-child-theme-iog .obgatopheader i img {
		display: none;
	}
}

/* Highlight only the current link, consistently across all header dropdowns. */
.wp-child-theme-iog .header .menu #navigation li > a {
	font-weight: 400;
}

.wp-child-theme-iog .header .menu #navigation li.current-menu-item > a,
.wp-child-theme-iog .header .menu #navigation li > a[aria-current="page"] {
	color: var(--konstruct-color-navigation-active-text, #373299);
	font-weight: 700;
}

.wp-child-theme-iog .header .menu #navigation li.current-menu-ancestor > a {
	color: var(--konstruct-color-navigation-active-text, #373299);
}

.wp-child-theme-iog .header .menu #navigation ul li.current-menu-item > a,
.wp-child-theme-iog .header .menu #navigation ul li > a[aria-current="page"] {
	background: var(--konstruct-color-dropdown-active-background, #fff);
}

.wp-child-theme-iog .header .menu #navigation li > a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: -2px;
}

/* Remove the source photo's white canvas inside the shared square crop. */
.wp-child-theme-iog .provider-category-card__image img[src$="/agarwal.jpg"] {
	transform: scale(1.56);
	transform-origin: center;
}

/* Keep differently sized content aligned within each responsive card row. */
.wp-child-theme-iog.home .service > .container > .row > [class*="col-"],
.wp-child-theme-iog.home .projects_panel > .project_item {
	display: flex;
	min-width: 0;
}

.wp-child-theme-iog.home .service_box,
.wp-child-theme-iog.home .project_box {
	display: flex;
	flex-direction: column;
	width: 100%;
	min-width: 0;
}

/* Reference feature photos are 504 × 298, displayed fluidly in each column. */
.wp-child-theme-iog.home .service_box > figure {
	position: relative;
	flex: 0 0 auto;
	width: 100%;
	aspect-ratio: 504 / 298;
	overflow: hidden;
}

/* Absolute contents cannot enlarge the frame to an image's intrinsic height. */
.wp-child-theme-iog.home .service_box > figure > a {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.wp-child-theme-iog.home .service_box > figure > a > img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
}

.wp-child-theme-iog.home .ser_txt {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.wp-child-theme-iog.home .ser_txt > a:last-child {
	align-self: flex-start;
	margin-top: auto;
}

.wp-child-theme-iog.home .project_box > a {
	align-self: center;
	margin-top: auto;
}

/* Reference image frames: obgynofatlanta.com, measured at 1280px and 360px. */
.wp-child-theme-iog.home .header .logo img {
	width: 160px;
	height: 90px;
	/*aspect-ratio: 236 / 103;*/
	object-fit: contain;
}

.wp-child-theme-iog.home .ftr_logo img {
	width: 136px;
	height: auto;
	aspect-ratio: 236 / 103;
	object-fit: contain;
}

.wp-child-theme-iog.home .ban_pic img {
	width: 456px;
	max-width: 100%;
	height: auto;
	aspect-ratio: 456 / 473;
	object-fit: contain;
}

.wp-child-theme-iog.home .ser_txt button > img {
	width: calc(30px * 31 / 38);
	height: 30px;
	object-fit: contain;
}

/* Keep the existing inline image styles, but constrain their link frames. */
.wp-child-theme-iog.home .video .col-4 > a {
	display: block;
	width: 135px;
	max-width: 100%;
	margin: auto;
}

.wp-child-theme-iog.home .video .col-4 > a > img {
	aspect-ratio: 1;
	object-fit: contain;
}

.wp-child-theme-iog.home .video > .container > .row > [class*="col-"] > a {
	display: block;
	width: 560px;
	max-width: 100%;
	margin: auto;
}

.wp-child-theme-iog.home .video > .container > .row > [class*="col-"] > a > img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: contain;
}

.wp-child-theme-iog.home .project_box > figure > img {
	width: auto;
	height: 60px;
	object-fit: contain;
}

.wp-child-theme-iog.home .testi_model_box > figure {
	position: relative;
	width: 100%;
	aspect-ratio: 570 / 489;
	overflow: hidden;
}

.wp-child-theme-iog.home .testi_model_box > figure > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wp-child-theme-iog.home .banner {
	background-size: cover;
}

/* IOG newsletter band: own artwork instead of the shared OBGA background. */
.wp-child-theme-iog .subscribe {
	background-image: url("assets/images/subscribe_back_iog.webp");
	background-position: center;
	background-size: cover;
}

/* Inner-page photos fill the existing service media area without distortion. */
.wp-child-theme-iog.page-template-default .obstetrical_top .optional-image {
	position: relative;
	float: none;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.wp-child-theme-iog.page-template-default .obstetrical_top .optional-image > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Original About photo: 480 × 320, fluid below its reference size. */
.wp-child-theme-iog.page-template-custom-temp .obstetrical_top .optional-image {
	position: relative;
	width: 100%;
	max-width: 480px;
	aspect-ratio: 480 / 320;
	overflow: hidden;
}

.wp-child-theme-iog.page-template-custom-temp .obstetrical_top .optional-image > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Testimonials retain the approved 600 × 400 reference image, not About's size. */
.wp-child-theme-iog.page-template-custom-temp .obstetrical_top:has(.iog-testimonials-intro) .optional-image {
	position: relative;
	width: 100%;
	max-width: 600px;
	aspect-ratio: 600 / 400;
	overflow: hidden;
}

.wp-child-theme-iog.page-template-custom-temp .obstetrical_top:has(.iog-testimonials-intro) .optional-image > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* Keep infographic text visible within the shared Education frames. */
.wp-child-theme-iog .konstruct-education-hero .blog_inner_pic img,
.wp-child-theme-iog .konstruct-article-card .konstruct-card-image img {
	object-fit: contain;
}

.wp-child-theme-iog .optional-image-blog {
	width: 100%;
	max-width: 1140px;
}

.wp-child-theme-iog .optional-image-blog img {
	width: 100%;
	max-width: 1140px;
	height: auto;
}

.wp-child-theme-iog.single .related_page_left img {
	width: 100%;
	height: auto;
	aspect-ratio: 350 / 232;
	object-fit: contain;
}

/* Preserve the reference provider layout with fluid square portrait frames. */
.wp-child-theme-iog .physician_box > a:first-child {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	margin-bottom: 15px;
	overflow: hidden;
	border-radius: 5px;
}

.wp-child-theme-iog .physician_box > a:first-child > img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	object-position: center top;
}

/* This source photo includes a white canvas; crop it inside the square frame. */
.wp-child-theme-iog .physician_box > a:first-child > img[src$="/agarwal.jpg"] {
	transform: scale(1.56);
	transform-origin: center;
}

.wp-child-theme-iog .single_provider .optional-image {
	width: 100%;
	max-width: 478px;
}

.wp-child-theme-iog .single_provider .optional-image img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	object-position: center top;
}

/* Role links land below the sticky header without changing the provider cards. */
.wp-child-theme-iog .physician[id] {
	scroll-margin-top: 200px;
}

/* Preserve wide-print focus behavior; screen dropdowns use the shared rule. */
@media print and (min-width: 992px) {
	.wp-child-theme-iog ul.slimmenu li:focus-within > ul {
		display: block !important;
	}
}

@media (max-width: 767px) {
	.wp-child-theme-iog.home .ser_txt > a:last-child {
		align-self: center;
	}

	/* The legacy grid omits col-4 sizing; keep all three awards inside the row. */
	.wp-child-theme-iog.home .video > .container > .row > [class*="col-"] > .row {
		min-width: 0;
		max-width: 100%;
	}

	.wp-child-theme-iog.home .video > .container > .row > [class*="col-"] > .row > .col-4 {
		flex: 0 0 calc(100% / 3);
		min-width: 0;
		max-width: calc(100% / 3);
	}

	.wp-child-theme-iog.home .header .logo img {
		width: 135px;
	}

	.wp-child-theme-iog.home .ftr_logo img {
		width: 210px;
	}

	.wp-child-theme-iog.home .project_box > figure > img {
		height: 75px;
	}

	.wp-child-theme-iog .subscribe {
		background-image: url("assets/images/subscribe_back_iog_mobile.webp");
	}

	.wp-child-theme-iog .physician_box {
		height: auto;
	}
}