/* CSURO: production inline <style id="wp-custom-css"> (phase3/page_css.py, generated) */
/* ----------------------------------------------
GLOBAL
------------------------------------------------*/

html {
	font-size: 16px; 
}

main{
	position: relative; 
	z-index: 1;
}

input:not(.fusion-search-submit){
	font-family: 'Greycliff CF' !important
}

.fusion-tb-header{
	z-index: 2;
	position: relative;
}

.fusion-footer{
	z-index: 1;
	position: relative;
}

.back-button{
	padding-left: 22px;
	text-decoration: none !important;
	color: var(--awb-color5) !important;
	cursor: pointer;
}

.back-button:before{
	content:'';
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	left: 0;
	width: 12px;
	height: 6px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	background-image: url('/wp-content/uploads/2025/11/caret-blue.svg'); /* default arrow */
}


.disable-scroll{
	overflow:hidden !important;
	height: 100% !important;
}

ul{
	margin-top: 0px;
}

p{
	margin: 0px 0px 20px;
}

p a, #content li a{
	font-weight: 600 !important;
	text-decoration: underline;
}

.wave-border-top, .wave-border-bottom{
	position: absolute !important;
}

.top-white-bar:before{
	content: '';
	background-color: white;
	position: absolute;
	height: 65px;
	width: 100%;
	top: 0;
}

.bottom-white-bar:after{
	content: '';
	background-color: white;
	position: absolute;
	height: 65px;
	width: 100%;
	bottom: 0;
}



/* ----------------------------------------------
AVADA ELEMENTS
------------------------------------------------*/


/* ----------------------------------------------
BUTTONS 
------------------------------------------------*/

/* Base: ALL fusion buttons get caret inside text */
a.fusion-button span.fusion-button-text {
	position: relative;
	padding-right: 30px; /* space for inner caret */
	font-family: 'Greycliff CF' !important
}

@media only screen and (max-width:767px){
	#hp-care-areas a.fusion-button span.fusion-button-text{
		padding-right: 0px;
	}
}

a.fusion-button span.fusion-button-text:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	width: 16px;
	height: 12px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	background-image: url('/wp-content/uploads/2026/01/arrow-orange.svg'); /* default arrow */
}

a.fusion-button:hover span.fusion-button-text:after{
	background-image: url('/wp-content/uploads/2026/01/arrow-white.svg'); /* default arrow */
}


/* ----- COLOR VARIANTS (normal buttons) ----- */

/* White button + BLUE arrow inside text */
a.fusion-button.btn-white {
	background: var(--awb-color1);
}
a.fusion-button.btn-white:hover {
	background: var(--awb-color3);
}
a.fusion-button.btn-white span.fusion-button-text {
	color: var(--awb-color8);
}
a.fusion-button.btn-white span.fusion-button-text:after {
	background-image: url('/wp-content/uploads/2025/11/caret-blue.svg');
}

/* Green button + WHITE arrow inside text */
a.fusion-button.btn-green {
	background: var(--awb-color6);
}
a.fusion-button.btn-green:hover {
	background: var(--awb-color7);
}
a.fusion-button.btn-green span.fusion-button-text {
	color: var(--awb-color1);
}
/* (caret already white from base rule) */


/* ----------------------------------------------
FULL-WIDTH CTA STYLE (.fusion-button-span-yes)
Text left, arrow on far right
------------------------------------------------*/

a.fusion-button.fusion-button-span-yes {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding-right: 50px !important; /* room for arrow on right */
	position: relative;
}

/* Remove inner caret & padding for span-yes buttons */
a.fusion-button.fusion-button-span-yes span.fusion-button-text {
	padding-right: 0;
}
a.fusion-button.fusion-button-span-yes span.fusion-button-text:after {
	content: none;
}

/* Outer caret for span-yes buttons */
a.fusion-button.fusion-button-span-yes:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 14px;
	height: 7px;
	transform: translateY(-50%) rotate(90deg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url('/wp-content/uploads/2025/11/caret-white.svg'); /* default span-yes arrow */
}

/* White span-yes button: BLUE arrow */
a.fusion-button.btn-white.fusion-button-span-yes:after {
	background-image: url('/wp-content/uploads/2025/11/caret-blue.svg');
}

/* Green span-yes button: WHITE arrow (explicit) */
a.fusion-button.btn-green.fusion-button-span-yes:after {
	background-image: url('/wp-content/uploads/2025/11/caret-white.svg');
}

/* ----------------------------------------------
HERO SECTION
------------------------------------------------*/
.hero-section {
	position: relative;
	width: 100%;
	height: 510px;
	overflow: visible;
	background-image: url('/wp-content/uploads/2025/12/Geometric-Blue-06-scaled.png');
	background-size: cover;
	background-position: left center;
	z-index: 10000;
	pointer-events: none; /* ADD THIS */
}

.hero-inner {
	position: relative;
	z-index: 2;
	max-width: var(--site_width, 1280px);
	margin: 0 auto;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0;
	pointer-events: auto; 
}

@media only screen and (max-width: 1360px) {
	.hero-inner {
		padding-left: 32.5px;
		padding-right: 32.5px;
	}
}

.hero-content {
	width: 50%;
	max-width: 600px;
}


.hero-text {
	margin-bottom: 30px !important;
}

.hero-search {
	position: relative;
	max-width: 450px;
	z-index: 100;

}

.hero-search input {
	width: 100%;
	padding: 16px 50px 16px 20px;
	font-size: 1.125rem;
	outline: none;
	background: #fff;
}



.hero-search button {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 50px;
	background: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero-search button svg {
	width: 20px;
	height: 20px;
	color: var(--awb-color5, #1a2456);
}



/* Hero image and triangles container */
.hero-visuals {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50%;
	overflow: hidden;
	pointer-events: none; /* ADD THIS */
}

/* The photo that goes behind the triangles */
.hero-image {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: calc(100% - 180px);
	background-size: cover;
	background-position: center right;
	z-index: 1;
}

/* Triangles container - positioned from right edge of boxed width */
.hero-triangles {
	position: absolute;
	top: 0;
	left: calc(50% + 85px);
	height: 100%;
	z-index: 2;
	pointer-events: none; /* ADD THIS */
}

/* Top triangle - pointing right (tip on right) */
.hero-triangle-top {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 95px solid transparent;
	border-bottom: 95px solid transparent;
	border-left: 190px solid var(--awb-color6);
	transform: rotate(90deg);
	z-index: 2;
}

/* Bottom triangle - pointing left (tip on left) */
.hero-triangle-bottom {
	position: absolute;
	top: 190px;
	left: -65px;
	width: 0;
	height: 0;
	border-top: 160px solid transparent;
	border-bottom: 160px solid transparent;
	border-right: 320px solid var(--awb-color4);
	transform: rotate(90deg);
	z-index: 2;
}

@media only screen and (max-width: 1079px) and (min-width: 768px){
	.hero-image {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: calc(100% - 60px);
		background-size: cover;
		background-position: center right;
		z-index: 1;
	}
	.hero-triangles {
		position: absolute;
		top: 0;
		left: calc(50% - 35px);
		height: 100%;
		z-index: 2;
	}

}

@media only screen and (max-width: 768px){
	.hero-section {

		height: unset;
		background-image: url('/wp-content/uploads/2025/12/Geometric-Blue-06-scaled.png');
		background-size: cover;
		background-position: left center;
	}
	.hero-inner {
		max-width: 100% !important;
		width: 100%;
	}

	.hero-content {
		width: 100%;
		padding: 85px 0px;
	}

	.hero-image {
		display: none;
	}

	.hero-search {
		max-width: unset;
	}


	.hero-triangles {
		top: 0;
		left: 0;
		height: 100%;
		z-index: 2;
		width: 100%;
	}

	/* Top-left corner triangle */
	.hero-triangle-top {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		border-top: 85px solid var(--awb-color6);
		border-right: 50px solid transparent;
		border-bottom: 0;
		border-left: 0;
		transform: none;
	}

	/* Bottom-right corner triangle */
	.hero-triangle-bottom {
		position: absolute;
		bottom: 0;
		right: 0;
		top: auto;
		left: auto;
		width: 0;
		height: 0;
		border-bottom: 85px solid var(--awb-color4);
		border-left: 50px solid transparent;
		border-top: 0;
		border-right: 0;
		transform: none;
	}
}





/* Hero Search Results Dropdown */
.hero-search {
	position: relative;
}

.hero-search-results {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 4px 4px;
	max-height: 400px;
	overflow-y: auto;
	z-index: 9999;
	pointer-events: auto;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.hero-search-category {
	border-bottom: 1px solid #eee;
}

.hero-search-category:last-child {
	border-bottom: none;
}

.hero-search-category-heading {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--awb-color5, #1a2456);
	padding: 12px 16px 6px;
	background: #f8f9fa;
	letter-spacing: 0.5px;
}

.hero-search-item {
	display: block;
	padding: 10px 16px;
	font-size: 15px;
	color: #333;
	text-decoration: none;
	transition: background 0.2s ease;
	white-space: normal; /* Allow text wrapping */
	line-height: 1.4;
}

.hero-search-item:hover,
.hero-search-item.active {
	background: #f0f4ff;
	color: var(--awb-color5, #1a2456);
}

.hero-search-item .highlight {
	font-weight: 600;
	color: var(--awb-color5, #1a2456);
}

.hero-search-more {
	display: block;
	padding: 8px 16px;
	font-size: 13px;
	color: var(--awb-color5, #1a2456);
	font-style: italic;
	text-decoration: none;
	transition: background 0.2s ease;
	cursor: pointer;
}

.hero-search-more:hover {
	background: #f0f4ff;
	color: var(--awb-color6, #c4a052);
}

.hero-search-no-results {
	padding: 16px;
	text-align: center;
	color: #666;
	font-size: 14px;
}

/* ----------------------------------------------
MENU
------------------------------------------------*/
/*Search*/
#header-search{
	width: 385px;
	align-self: flex-end;
}

.menu-item-has-children .menu-text:after{
	padding-left: 10px;
	content: "\f107";
	font-family: awb-icons;
	line-height: 1;
}


.awb-menu_dropdown .awb-menu__sub-ul, .awb-menu__mega-wrap{
	transition: none !important;
}

/*Mega Menu*/

.pr-mega-menu{
	margin-bottom: 0px !important;
}

.custom-mega-menu{
	margin-bottom: 10px;
}

.custom-mega-menu p {
	position: relative; 
	break-inside: avoid; 
	padding-left: 20px; 
	margin-bottom: 20px; 
	display: flex;
	align-items: center;

}


.custom-mega-menu p::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 6px;
	background: url('/wp-content/uploads/2025/11/caret-blue.svg') no-repeat center;
	background-size: contain;
	transform: translateY(-50%) rotate(90deg);
}

.custom-mega-menu a {
	text-decoration: none !important;
	font-weight: 400;
	color: inherit;
	display: inline-block;
	max-width: 100%;
	font-size: 1.125rem;
	line-height: 1.625rem;
}

.custom-mega-menu a:hover {
	color: var(--awb-color6) !important;
}

.underline-menu-item a{
	font-weight: 600;
	text-decoration: underline;
}

.underline-menu-item:before{
	display: none !important;
}


.view-all{
	margin-top: auto !important;
}



/*Menu*/


.fusion-menu li.menu-item a span{
	cursor: pointer;
}

@media only screen and (max-width: 1200px) and (min-width: 1080px){
	#main-menu .awb-menu__main-ul{
		font-size: 1rem !important;
	}

	#main-menu .awb-menu__main-ul li:not(:last-of-type) {
		margin-right: 10px
	}
}


#main-menu ul.awb-menu__sub-ul{
	min-width: 400px;
	box-shadow: 2px 5px 10px rgb(0,0,0,0.2);
	border-top: 3px solid var(--awb-color8);
	padding: 30px;
	background-color: var(--awb-color1);
}

#main-menu ul.awb-menu__sub-ul li{
	display: flex;
	align-items: center; 
	gap: 8px; 
	margin-bottom: 20px;
}

#main-menu ul.awb-menu__sub-ul li:last-of-type{
	margin-bottom: 0px !important;
}

#main-menu ul.awb-menu__sub-ul li::before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 6px;
	background: url('/wp-content/uploads/2025/11/caret-blue.svg') no-repeat center;
	background-size: contain;
	transform: rotate(90deg);
	margin-top: 2px;
}




#mobile-flyout-oc-menu{
	z-index: 9999999999999;
}



/* ===============================================
PRIORITY NAVIGATION STYLES
=============================================== */

.priority-nav {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	z-index: 10;
}

.hp-priority-nav-list{
	justify-content: space-between !important;
}

.priority-nav-list {
	display: flex;
	flex: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	justify-content: flex-start;
	gap: 50px;
}

.priority-nav-item {
	flex-shrink: 0;
	white-space: nowrap;
	position: relative;
}


/* Overflow button - no margin needed with space-between */
.priority-nav-overflow {
	display: none;
	position: relative;
	flex-shrink: 0;
	margin-left: 20px;
}

.priority-nav-item > a {
	display: block;
	text-decoration: none !important;
	color: var(--awb-color8);
	font-size: 1.125rem !important;
}

/* Items with children - add dropdown arrow */
.priority-nav-item.has-children > a::after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 6px;
	background-image: url('/wp-content/uploads/2026/01/down-arrow.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}

/* Submenu (dropdowns for items with children) */
.priority-nav-submenu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 220px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	list-style: none;
	margin: 0;
	padding: 8px 0;
	z-index: 1000;
}

.priority-nav-item:hover > .priority-nav-submenu {
	display: block;
}

.priority-nav-submenu li a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	transition: background 0.2s ease, color 0.2s ease;
}

.priority-nav-submenu li a:hover {
	background: #f8f9fa;
	color: var(--awb-color6, #c4a052);
}

/* Hidden items (moved to overflow) */
.priority-nav-item.is-hidden {
	visibility: hidden;
	position: absolute;
	pointer-events: none;
}

/* OVERFLOW MENU (MORE BUTTON) */

.priority-nav-overflow.is-visible {
	display: block;
}

.priority-nav-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
}

.priority-nav-toggle img {
	transition: transform 0.2s ease;
}

.priority-nav-toggle[aria-expanded="true"] img {
	transform: rotate(180deg);
}

/* Overflow Dropdown */
.priority-nav-dropdown {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	min-width: 220px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	list-style: none;
	margin: 8px 0 0 0;
	padding: 8px 0;
	z-index: 1000;
}

.priority-nav-dropdown.is-open {
	display: block;
}

/* Top-level items in overflow dropdown */
.priority-nav-dropdown > .priority-nav-item {
	position: relative;
}

.priority-nav-dropdown > .priority-nav-item > a {
	display: block;
	padding: 10px 20px;
	color: var(--awb-color8, #1a2456);


}

.priority-nav-dropdown > .priority-nav-item > a:hover {
	background: #f8f9fa;
}

/* Nested submenu in overflow */
.priority-nav-dropdown .priority-nav-submenu {
	position: static;
	display: block;
	box-shadow: none;
	border: none;
	border-radius: 0;
	padding: 0 0 8px 0;
	background: #f8f9fa;
}

.priority-nav-dropdown .priority-nav-submenu li a {
	padding-left: 36px;
	font-size: 13px;
}

/* Hide dropdown arrow in overflow menu */
.priority-nav-dropdown .priority-nav-item.has-children > a::after {
	display: none;
}

/* ----------------------------------------------
FOOTER
------------------------------------------------*/
#footer-bottom-bar a{
	text-decoration: none !important;
	font-weight: 400 !important;
	color: white;
}

.copyright-text{
	font-size: 1rem;
	color: white;
	margin: 0px;
}

@media only screen and (max-width:1079px){
	.copyright-text{
		text-align: center;
	}
}

.footer-menu li {
	position: relative;
	list-style: none; /* make sure default bullets are gone */
	padding-left: 18px; /* space for the icon */
}

.footer-menu li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px; /* tweak depending on line-height */
	width: 8px;  /* adjust to your SVG's dimensions */
	height: 16px;
	background-image: url('/wp-content/uploads/2025/11/right-arrow.svg');
	background-repeat: no-repeat;
	background-size: contain; 
	background-position: center;
	display: block;
}



/* ----------------------------------------------
RESPONSIVE FONT SIZING
------------------------------------------------*/

@media only screen and (max-width: 1079px) and (min-width: 768px){

	h1, .hp-section-title .fusion-title-heading{
		font-size: 2.5rem !important;
		line-height: 3.25rem !important;
	}

	h2{
		font-size: 2rem !important;
		line-height: 2.5rem !important;
	}

	h3{
		font-size: 1.75rem !important;
		line-height: 2.25rem !important;
	}

	h4{
		font-size: 1.5rem !important;
		line-height: 2rem !important;
	}

	h5{
		font-size: 1.25rem !important;
		line-height: 1.75rem !important;
	}

	h6{
		font-size: 1.125rem !important;
		line-height: 1.625rem !important;
	}

	p,
	body ul li,
	body ol li,
	body,
	.awb-menu__sub-li a{
		font-size: 1.125rem !important;
		line-height: 1.625rem !important;
	}
}

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

	h1, .hp-section-title .fusion-title-heading{
		font-size: 2rem !important;
		line-height: 2.625rem !important;
	}

	h2{
		font-size: 1.75rem !important;
		line-height: 2.25rem !important;
	}

	h3{
		font-size: 1.5rem !important;
		line-height: 2rem !important;
	}

	h4{
		font-size: 1.375rem !important;
		line-height: 1.875rem !important;
	}

	h5{
		font-size: 1.125rem !important;
		line-height: 1.625rem !important;
	}

	h6{
		font-size: 1rem !important;
		line-height: 1.5rem !important;
	}

	p,
	body ul li,
	body ol li,
	body,
	.awb-menu__sub-li a{
		font-size: 1rem !important;
		line-height: 1.5rem !important;
	}
}


/* ===============================================
LEADERSHIP
=============================================== */
.leader-headshot img{
	width: 100%; 
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 50%;
	object-position: center top; 
}



/* ----------------------------------------------
HOME PAGE
------------------------------------------------*/
.hp-uro-care-image img{
	height: 264px;
	object-fit: cover;
	object-position: top center;
}

@media screen and (max-width:1079px) and (min-width:768px){
	.hp-uro-care-image img{
		height: 225px;
	}
}


@media screen and (max-width:767px){
	.hp-uro-care-image img{
		height: 230px;
	}
}



.fusion-builder-row-inner:has(> .euc-tile) {
	flex-grow: 1 !important;
}

.euc-tile > .fusion-column-wrapper {
	flex-grow: 1 !important;
}

.euc-learn-more {
	margin-top: auto !important;
}


/* ----------------------------------------------
HOME PAGE CARE AREA TILES
------------------------------------------------*/
/* GRID LAYOUT */
#hp-care-areas {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* Desktop: 3 per row */
	gap: 25px; /* row + column gap */
}

/* BASE ITEM LAYOUT (DESKTOP / TABLET) */
.hp-care-item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 20px;
	align-items: center;
	padding: 15px 25px;
	background-color: white !important;
	border: 1px solid var(--awb-color8);
	position: relative;
	justify-content: flex-start !important;
}

a.hp-care-item:active, a.hp-care-item:focuz {
	background-color: white;
}

a.hp-care-item:active span.fusion-button-text, a.hp-care-item:focus span.fusion-button-text{
	color: var(--awb-color8);
}

a.hp-care-item span.fusion-button-text{
	position: unset !important;
}

a.hp-care-item:hover{
	background-color: white;
	transform: scale(1.02);
}

a.hp-care-item:hover span.fusion-button-text{
	color: var(--awb-color8) !important;
}



a.hp-care-item span.fusion-button-text:after{
	right: 20px;
	background-image: url('/wp-content/uploads/2026/01/arrow-orange.svg') !important; /* default arrow */
}

.hp-item-icon img{
	height: 70px;
	width: auto;
}

/* TABLET: 768px–1079px */
@media only screen and (max-width: 1079px) and (min-width: 768px) {
	#hp-care-areas {
		grid-template-columns: repeat(2, 1fr); /* 2 per row */
		gap: 20px 15px
	}
}

/* MOBILE: 768px */
@media only screen and (max-width: 767px) {

	#hp-care-areas {
		grid-template-columns: repeat(1, 1fr); /* 2 per row on mobile */
		gap: 15px;
	}

	.hp-care-item {
		flex-direction: column;      /* icon above text */
		justify-content: center;
		align-items: center;
		text-align: center;
		height: auto;                /* allow vertical growth */
		gap: 10px;
		padding: 15px 5px;
	}

	.hp-item-icon img {
		height: 60px;                /* smaller icon on mobile */
		width: auto;
	}

	.hp-care-item .fusion-button-text {
		font-size: 1rem;
		line-height: 1.3;
		margin-top: 0;
	}


}


/* ----------------------------------------------
HOME PAGE BLOG TILES
------------------------------------------------*/
#post-card-wrapper{
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* Desktop: 3 per row */
	gap: 25px; /* row + column gap */
}

@media only screen and (max-width: 1079px){
	#post-card-wrapper {
		grid-template-columns: repeat(1, 1fr); 
		gap: 20px;
	}
}

.post-card{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 20px ;
	border: 1px solid var(--awb-color4);
}

.post-card-top h5.title a{
	color: var(--awb-color5);
	text-decoration: none !important;
}

.post-card-date{
	font-size: 1rem;
	line-height: 1rem;
	margin-bottom: 20px;
}

.post-card-bottom a.read-more{
	font-weight: 600;
	text-decoration: underline;
}

/* ----------------------------------------------
UROLOGY A to Z & CARE AREAS
------------------------------------------------*/
.filter-row{
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 20px;
	justify-content: flex-start;
	margin-bottom: 20px;
}

.filter-row .select-wrapper{
	display: flex;
	flex-direction: column;
	gap: 8px;	
}

.filter-row .select-wrapper label{
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 600;
}

.filter-row .select-wrapper select{
	padding: 15px 40px 15px 15px;
	background-color: #FFFFFF; 
	background-image: url('/wp-content/uploads/2025/11/select-arrow.svg'); 
	background-repeat: no-repeat;
	background-position: right 20px center; 
	background-size: 12px;
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	border: 1px solid var(--awb-color5); 
	border-radius: 0px; 
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 500;
	color: #242424;
}

.filter-btn-row {
	display: flex;
	gap: 15px;
	align-items: center;
}

#conditions-filter-btn, #providers-filter-btn, #locations-filter-btn {
	padding: 15px 45px;
	background-color: var(--awb-color5); 
	color: white;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1.2;
}

#clear-filters {
	cursor: pointer;
}

@media only screen and (min-width:1080px){
	.filter-row .select-wrapper select{
		min-width: 420px;
	}
}

@media only screen and (max-width:1079px) and (min-width:768px){


	.filter-row .select-wrapper select{
		width:calc((100vw / 2) - 45px);
	}
}

@media only screen and (max-width:767px){
	.filter-row{
		flex-direction: column;	
	}

	.filter-row .select-wrapper select{
		width: 100%;
	}
}

.conditions-info-bar, .providers-info-bar, .locations-info-bar
{
	display: flex;
	flex-direction: row; 
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.conditions-sort, .providers-sort, .locations-sort {
	display: flex;
	align-items: baseline; /* Change from center to baseline */
	gap: 8px;
}

.conditions-sort label, .providers-sort label, .locations-sort label {
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	line-height: 1.125rem;
}



select#conditions-sort-select, select#providers-sort-select, select#locations-sort-select {
	border: none !important;
	padding: 0px 25px 0px 0px !important; /* Right padding for arrow space */
	margin: 0;
	font-size: 1.125rem;
	line-height: 1.125rem;
	height: unset;
	vertical-align: baseline;
	background-color: transparent;
	background-image: url('/wp-content/uploads/2025/11/select-arrow.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: var(--awb-color8);
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	.conditions-sort label,
	select#conditions-sort-select, .providers-sort label, select#providers-sort-select, .locations-sort label, select#locations-sort-select {
		font-size: 1rem;
		line-height: 1rem;
	}
}

.az-results-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-top: 40px
}



/* Tablet/Mobile (1 per row) */
@media (max-width: 1079px) {
	.az-results-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

.az-results-grid .condition-card {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	background: #fff;
	border: 1px solid var(--awb-color5);
	padding: 55px 20px 25px; /* right padding increased from 20px → 50px */
	position: relative;
	text-decoration: none;
}

.condition-card h4{
	margin: 0 0 15px;
}

.condition-card .card-type {
	width: 180px;
	padding: 10px 0px;
	background-color: var(--awb-color5);
	position: absolute;
	top: -1px;
	right: 0;
	color: white;
	text-align: center;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
}


.ca-results-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	margin-top: 20px
}

.ca-results-grid .condition-card {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	background: #fff;
	border: 1px solid var(--awb-color5);
	padding: 25px 20px;
	position: relative;
	text-decoration: none;
}



.condition-card .card-lower a{
	font-weight: 600;
}

/* ----------------------------------------------
PROVIDER DETAIL PAGE
------------------------------------------------*/

/*.provider-detail-headshot {
	display: block;
	width: 375px;
	height: 325px;
}
.provider-detail-headshot img {
	width: 375px;
	height: 325px;
	object-fit: cover;
}*/


.provider-detail-headshot img {
	width: 325px !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 50%;
	object-fit: cover;
}

.provider_section{
	margin-bottom: 30px;
}

.provider-locations-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
.provider-locations-grid .provider-location {
	display: flex;
	gap: 10px;
	font-size: 1rem;
	line-height: 1.5rem;
}
.provider-locations-grid .location-icon {
	flex-shrink: 0;
	padding-top: 3px;
}
.provider-locations-grid .location-icon img {
	width: 12px;
	height: 18px;
}
.provider-locations-grid .location-title {
	color: var(--awb-color6);
	font-weight: 600;
	margin-bottom: 4px;
}
.provider-locations-grid .location-address,
.provider-locations-grid .location-city-state {
	color: #374151;
}
.provider-locations-grid .location-phone {
	text-decoration: none;
	font-weight: 500;
	margin-top: 4px;
	display: inline-block;
}
.provider-locations-grid .location-phone:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 767px) {
	.provider-locations-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

.provider-locations-grid .location-title a {
	color: inherit;
	text-decoration: none !important;
}

.provider-locations-grid .provider-location{
	justify-content: flex-start;
}

/* ----------------------------------------------
PROVIDER LISTING PAGE
------------------------------------------------*/

.providers-results-grid{
	margin-top: 40px;
}

.provider-card {
	display: flex;
	padding: 25px 20px;
	border: 1px solid var(--awb-color5);
	background: #fff;
	margin-bottom: 20px;
}

.provider-card .provider-card-title a{
	text-decoration: none !important;
}
.provider-card-image {
	flex-shrink: 0;
	width: 165px;
	height: 165px;
	margin-right: 35px;
}
.provider-card-image img {
	width: 165px;
	height: 165px;
	object-fit: cover;
	border-radius: 50%;
}
.provider-card-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.provider-card-title {
	margin: 0 0 25px 0;
}
.provider-card-title a {
	color: inherit;
	text-decoration: none;
}
.provider-card-title a:hover {
	text-decoration: underline;
}
a.provider-card-image {
	display: block;
}
.provider-card-row {
	display: flex;
	align-items: flex-end;
	flex: 1;
}
.provider-card-locations {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	flex: 1;
}
.provider-location {
	display: flex;
	gap: 10px;
	min-width: 200px;
	font-size: 1rem;
	line-height: 1.5rem;
}
.location-icon {
	flex-shrink: 0;
	padding-top: 3px;
}
.location-icon img {
	width: 12px;
	height: 18px;
}
.location-title {
	font-weight: 600;
	margin-bottom: 4px;
}
.location-address,
.location-city-state {
}
.location-phone {
	text-decoration: none !important;
	font-weight: 500;
	margin-top: 4px;
	display: inline-block;
}
.location-phone:hover {
	text-decoration: underline;
}
.more-locations {
	margin-top: 10px;
	display: none;
}

.provider-card-action {
	flex-shrink: 0;
	margin-left: auto;
}

/* Mobile styles */
@media only screen and (max-width: 767px) {
	.provider-card {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.provider-card-image {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.provider-card-content {
		width: 100%;
		align-items: center;
	}
	.provider-card-row {
		flex-direction: column;
		align-items: center;
	}
	.provider-card-locations {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
	.provider-location {
		justify-content: center;
	}
	.provider-location[data-index]:not([data-index="0"]) {
		display: none !important;
	}
	.more-locations {
		display: block !important;
	}
	.more-locations.hidden {
		display: none !important;
	}
	.provider-card-action {
		margin-left: 0;
		margin-top: 20px;
	}
}

/* ----------------------------------------------
LOCATION LISTING PAGE
------------------------------------------------*/

.locations-results-grid {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 40px;
}

/* Location Card */
.location-card {
	display: flex;
	background: #fff;
	border: 1px solid var(--awb-color5);
	padding: 25px;
	gap: 25px;
}

.location-card-image {
	flex-shrink: 0;
	width: 300px;
	height: 250px;
}

.location-card-image img {
	width: 300px;
	height: 250px;
	object-fit: cover;
}

.location-card-body {
	flex: 1;
	display: flex;
	flex-direction: column;
}

/* Title */
.location-card-title {
	margin: 0 0 10px 0;
	font-weight: 700;
}

.location-card-title a {
	color: var(--awb-color8);
	text-decoration: none !important;
}

.location-card-title a:hover {
	color: var(--awb-color6);
}

/* Address Row */
.location-card-address-row {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 15px;
	margin-bottom: 20px;
	font-size: 1rem;
	line-height: 1.4;
}

.location-card-address {
	color: var(--awb-color8);
}

.location-card-directions {
	color: var(--awb-color6);
	text-decoration: none !important;
	font-weight: 600;
}

.location-card-directions:hover {
	text-decoration: underline !important;
}

/* 3 Column Details */
.location-card-details {
	display: flex;
	gap: 30px;
}

.location-card-col {
	flex: 1;
}

.location-card-col .col-label {
	margin: 0 0 8px 0;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--awb-color8);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Hours Column */
.location-card-hours .hours-row {
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--awb-color8);
}

/* Phone Column */
.location-card-phone a {
	color: var(--awb-color6);
	text-decoration: none !important;
	font-size: 1rem;
	font-weight: 600;
}

.location-card-phone a:hover {
	text-decoration: underline !important;
}

/* Fax Column */
.location-card-fax span {
	font-size: 1rem;
	color: var(--awb-color8);
}

/* No Results */
.no-results {
	text-align: center;
	padding: 40px 20px;
	color: #666;
	font-size: 1.1rem;
}

/* ======================
TABLET (max 1024px)
- Hide image
- Keep 3 columns
====================== */
@media (max-width: 1024px) {
	.location-card-image {
		display: none;
	}
}

/* ======================
MOBILE (max 768px)
- Phone/Fax side by side
- Hours full width below
====================== */
@media (max-width: 768px) {
	.location-card {
		padding: 20px;
	}

	.location-card-details {
		flex-wrap: wrap;
		gap: 20px;
	}

	.location-card-phone,
	.location-card-fax {
		flex: 0 0 calc(50% - 10px);
	}

	.location-card-hours {
		flex: 0 0 100%;
		order: 3;
	}
}

/* ----------------------------------------------
LOCATION DETAIL PAGE
------------------------------------------------*/
.hero-directions{
	margin-top: 5px;
}

.hero-phone{
	margin-top: 20px;
}


.hero-hours-status {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 15px;
}

.hero-hours-status .status-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	flex-shrink: 0;
}

.hero-hours-status.is-open .status-dot {
	background-color: #5cbdb9;
}

.hero-hours-status.is-closed .status-dot {
	background-color: #dc3545;
}

.hero-hours-status .status-text {
	font-size: 1rem;
}

.hero-hours-list {
	display: flex;
	flex-direction: column;
	gap: 0px;
	font-size: 1rem !important;
}

.hero-hours-row {
	display: flex;
	gap: 10px;
}

.hero-hours-day {
	font-weight: 700;
	min-width: 120px;
}

.location-about {
	display: flex;
	gap: 50px;
}

.location-about > .hero-hours,
.location-about > .location-notes {
	flex: 1;
	min-width: 0;
}

/* If only one child, it takes full width automatically with flex: 1 */

/* Hours */
.location-about .hero-hours h4 {
	margin: 0 0 15px 0;
}

.location-about .hero-hours-status {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 15px;
}

.location-about .hero-hours-status .status-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #dc3545;
}

.location-about .hero-hours-status.is-open .status-dot {
	background: #28a745;
}

.location-about .hero-hours-status .status-text {
	font-weight: 600;
}

.location-about .hero-hours-row {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	border-bottom: 1px solid var(--awb-color5);
}

.location-about .hero-hours-day {
	font-weight: 600;
}

/* Notes */
.location-about .location-notes h4 {
	margin: 0 0 15px 0;
}


@media (max-width: 1024px) {
	.location-about {
		flex-direction: column;
		gap: 30px;
	}

	.location-about > .hero-hours,
	.location-about > .location-notes {
		flex: none;
		width: 100%;
	}
}

.location-providers, .location-parking{
	margin-top: 40px; 
}

.location-providers h3 {
    margin: 0 0 25px 0;
}

.providers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.loc-provider-card {
    display: block;
    text-decoration: none !important;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--awb-color5);
    text-align: center;
    transition: box-shadow 0.2s ease;
}

.loc-provider-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.loc-provider-image {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.loc-provider-image img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
}

.loc-provider-name {
    margin: 0 0 5px 0;
    color: var(--awb-color8);
}

.loc-provider-type {
    font-size: 0.9rem;
    color: var(--awb-color6);
}

/* Tablet - 2 columns */
@media (max-width: 1024px) {
    .providers-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

/* Mobile - 1 column */
@media (max-width: 768px) {
    .providers-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .loc-provider-image img {
        width: 120px;
        height: 120px;
    }
}

/* ----------------------------------------------
CONDITION SERVICE TREATMENT DETAIL PAGE
------------------------------------------------*/
.content_section{
	margin-bottom: 50px;
}

.page-content-wrapper .fusion-fullwidth, .blog-content-section .fusion-fullwidth{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/* ----------------------------------------------
EVENT DETAIL PAGE
------------------------------------------------*/

.event-details-wrapper{
	margin-top: 15px;
}

.event-label{
	font-weight: 600;
}

.event-date-time, .event-registration-deadline, .event-url{
	margin-bottom: 10px; 
}

.youtube-video-container {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
}

.youtube-video-container iframe,
.youtube-video-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ----------------------------------------------
EVENT LISTING
------------------------------------------------*/



.past-event-title-bar select.year-selector{
	padding: 15px 40px 15px 15px;
	background-color: #FFFFFF; 
	background-image: url('/wp-content/uploads/2025/11/select-arrow.svg'); 
	background-repeat: no-repeat;
	background-position: right 20px center; 
	background-size: 12px;
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	border: 1px solid var(--awb-color5); 
	border-radius: 0px; 
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 500;
	color: #242424;
}

.event-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	margin-top: 25px;
}

.event-card {
	background: #fff;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
	display: flex;
	flex-direction: column;
}

/* Image */
.event-card-image {
	display: block;
	width: 100%;
	max-height: 265px;
	overflow: hidden;
}

.event-card-image img {
	width: 100%;
	height: 265px;
	object-fit: cover;
	display: block;
	transition: transform 0.3s ease;
}

.event-card-image:hover img {
	transform: scale(1.05);
}

/* Body */
.event-card-body {
	padding: 25px 20px;
	display: flex;
	flex-direction: column;
	flex: 1;
}

/* Title */
.event-card-title {
	margin: 0 0 15px 0;
	font-weight: 700;
	line-height: 1.3;
}

.event-card-title a {
	color: var(--awb-color8);
	text-decoration: none !important;
}

.event-card-title a:hover {
	color: var(--awb-color6);
}

/* Description */
.event-card-desc {
	margin: 0 0 15px 0;
	font-size: 1rem;
	line-height: 1.5;
	color: var(--awb-color8);
	flex: 1;
}

/* Link */
.event-card-link {
	font-weight: 600;
	font-size: 1rem;
	margin-top: auto;
}

.event-card-link:hover {
	text-decoration: none !important;
}

/* Past Events Title Bar */
.past-events {
	margin-top: 60px;
}

.past-event-title-bar {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}

.past-event-title-bar h2 {
	margin: 0;
}




@media (max-width: 1079px) {
	.event-card-grid {
		grid-template-columns: 1fr;
	}

	.event-card-image,
	.event-card-image img {
		max-height: 225px;
		height: 225px;
	}
}

@media (max-width: 767px) {
	.event-card-image,
	.event-card-image img {
		max-height: 225px;
		height: 225px;
	}

	.past-events {
		margin-top: 40px;
	}
}



/* ----------------------------------------------
CAREER LISTING PAGE
------------------------------------------------*/

#career-listing-wrapper{
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.career-item{
	border-top: 1px solid grey;
	padding: 25px 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.career-details{

}

.career-meta {
	display: flex;
	align-items: center;
	gap: 15px; /* space between items INCLUDING dot block */
}

.meta-item {
	position: relative;
}

.meta-item:not(:last-child)::after {
	content: "•";
	margin-left: 15px;   /* space to the left of the dot */
	margin-right: 0;     /* no extra space on right side */
	color: #ccc;         /* dot color */
}

@media only screen and (min-width: 1080px){
	.view-job{
		padding: 20px; 
		border-radius: 10px; 
		background-color: var(--awb-color5);
	}

	.view-job span{
		color: white;
		position: relative;
		padding-right: 30px;
	}

	.view-job span:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 12px;
		height: 6px;
		transform: translateY(-50%) rotate(90deg);
		background-image: url('/wp-content/uploads/2025/11/caret-white.svg');
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		display: block;
	}

	.view-job:hover{
		background-color: var(--awb-color4);
	}
}


/* Stack layout on tablet + mobile */
@media (max-width: 1079px) {
	.career-item {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.career-apply {
		width: 100%;
	}

	.view-job {
		display: inline-block;
		width: auto;
	}

	.view-job span{
		font-weight: 500;
	}
}

/* Optional tighter stacking on phones */
@media (max-width: 767px) {
	.career-meta {
		flex-wrap: wrap;
		gap: 10px;
	}

	.meta-item:not(:last-child)::after {
		margin-left: 10px;
	}
}








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


.gform_button {
	padding: 15px 45px !important;
	font-size: 1rem !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	background-color: var(--awb-color5) !important;
	border-radius: 5px !important;
	color: white !important;
	border: none !important;
	cursor: pointer !important;
	height: auto !important;
	text-decoration: none !important;
}


.gform_button:hover{
	background-color: var(--awb-color6) !important;
	color: white !important;
	text-decoration: none !important;
}

.gform_fields label{
	font-size: 1rem !important;
	line-height: 1rem !important;
	font-weight: 600 !important;
	padding-bottom: 5px  !important;
	gap: 2px !important;
}

.gform_fields span.gfield_required{
	font-size: 1rem !important;
	line-height: 1rem !important;
	font-weight: 600 !important;
}


.gform_fields input[type=text], .gform_fields input[type=email], .gform_fields input[type=tel], .gform_fields textarea{
	padding: 15px 40px 15px 15px !important;
	background-color: #EAEEF2 !important;
	border: none !important; 
	border-radius: 0px !important; 
	width: 100% !important;
	font-size: 1rem !important;
	line-height: 1.2 !important;
	color: #242424 !important;
}

.gform_fields input[type=text]::placeholder{
	color: #242424 !important;
}



.gform_fields select{
	padding: 15px 40px 15px 15px !important;
	background-color: #EAEEF2 !important; 
	background-image: url('/wp-content/uploads/2025/11/select-arrow.svg') !important; 
	background-repeat: no-repeat !important;
	background-position: right 20px center !important; 
	background-size: 12px !important;
	-webkit-appearance: none !important; 
	-moz-appearance: none !important;
	appearance: none !important;
	border: none !important; 
	border-radius: 0px !important; 
	font-size: 1rem !important;
	line-height: 1.2 !important;
	font-weight: 500 !important;
	color: #242424 !important;
}

.gform_fields select::-ms-expand {
	display: none;
}

.select-arrow{
	display: none;
}

.gform_required_legend{
	display: none;
}






/* ----------------------------------------------
CLINICAL TRIALS DETAIL
------------------------------------------------*/

div.nct-criteria ul{
	margin: 0px 0px 20px;
}

p.nct-last-updated{
	margin-top: 100px;
}

p.nct-disclaimer{
	font-style: italic;
}

.nct-resource-wrapper {
	margin-bottom: 20px;
}


/* ----------------------------------------------
CLINICAL TRIALS LISTING
------------------------------------------------*/

/* --- Header Aspect Ratios --- */
@media only screen and (min-width:1170px){
	#clinical-trials-header {
		aspect-ratio: 5/2;
		min-height: 700px;
	}
}

@media only screen and (max-width:1169px) and (min-width:768px){
	#clinical-trials-header {
		aspect-ratio: 10/7;
	}
}

@media only screen and (max-width:767px){
	#clinical-trials-header {
		aspect-ratio: 4/5;
	}
}

#clinical-trials-header {
	width: 100vw;
}

/* --- FAQ Styling (unchanged) --- */
#ct-faqs .fusion-toggle-boxed-mode{
	border-radius: 0px;
}

#ct-faqs .fusion-toggle-icon-wrapper i{
	margin-bottom: 4px;
}

/* CLINICAL TRIAL SELECT BOX */

.clinical-trial-filter-wrapper{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	max-width: 400px;
}

.clinical-trial-filter-wrapper label{
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 600;
}

.clinical-trial-filter-wrapper select.trial-select{
	padding: 15px 40px 15px 15px;
	background-color: var(--awb-color1);
	background-image: url('/wp-content/uploads/2025/11/select-arrow.svg');
	background-repeat: no-repeat;
	background-position: right 20px center;
	background-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid var(--awb-color5);
	border-radius: 0px;
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 500;
	color: var(--awb-color8);
	cursor: pointer;
}

.clinical-trial-filter-wrapper select.trial-select::-ms-expand{
	display: none;
}

/* TRIAL LISTING LAYOUT */
.trial-container{
	margin-top: 40px;
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	row-gap: 20px;
	column-gap: 20px;
}

.single-trial-container{
	width: 100%;
	display: block;
	padding: 24px 32px;
	border-radius: 0px;
	border: 1px solid var(--awb-color5);
}

/* TRIAL CONTENT */
.trial-info{
	display: inline-block;
	position: relative;
}

.trial-title{
	margin: 0px 0px 10px!important;
}

.trial-sponsor{
	margin: 0px 0px 10px !important;
	font-weight: 400 !important
}

.trial-description{
	margin: 15px 0px 20px;
	font-size: 1rem;
	line-height: 1.625rem;
}





/* ----------------------------------------------
VIDEOS LISTING
------------------------------------------------*/

select.video-filter{
	padding: 15px 40px 15px 15px !important;
	background-color: #EAEEF2 !important; 
	background-image: url('/wp-content/uploads/2025/11/select-arrow.svg') !important; 
	background-repeat: no-repeat !important;
	background-position: right 20px center !important; 
	background-size: 12px !important;
	-webkit-appearance: none !important; 
	-moz-appearance: none !important;
	appearance: none !important;
	border: none !important; 
	border-radius: 5px !important; 
	font-size: 1rem !important;
	line-height: 1.2 !important;
	font-weight: 500 !important;
	color: #242424 !important;
	max-width: 340px;
}

select.video-filter::-ms-expand {
	display: none;
}

.video-list{
	margin-top: 40px;
}

.video-group {
	margin-bottom: 40px;
}

.video-group h2 {
	font-size: 1.8rem;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--awb-color7);
	padding-bottom: 5px;
}

.video-container {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.video-item {
	flex: 1 1 calc(33.333% - 30px); /* 3 columns on desktop */
	max-width: calc(33.333% - 30px);
	text-align: center;
}

.video-item a {
	display: block;
	text-decoration: none;
	color: inherit;
}

.video-thumbnail-wrapper {
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden; /* Ensures scaling remains within bounds */
	border-radius: 8px;
}

.video-thumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.3s ease-in-out;
}

.video-thumbnail-wrapper:hover .video-thumbnail {
	transform: scale(1.05);
}

.video-title {
	margin-top: 10px;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: bold;
}

/* Responsive Adjustments */
@media (max-width: 1079px) {
	.video-item {
		flex: 1 1 calc(50% - 30px); /* 2 columns on tablet */
		max-width: calc(50% - 30px);
	}
}

@media (max-width: 767px) {
	.video-item {
		flex: 1 1 100%; /* 1 column on mobile */
		max-width: 100%;
	}
}









/* ----------------------------------------------
SEARCH RESULTS
------------------------------------------------*/
.fusion-archives-tb .fusion-post-slideshow{
	display: none !important;
}

/* ----------------------------------------------
404 ERROR
------------------------------------------------*/
.error-title  h1{
	font-size: 7rem !important;
	line-height: 7rem !important;
	margin-bottom: 50px 
}

.error-text p{
	font-size: 1.5rem;
	line-height: 2;
}

@media only screen and (max-width:1079px) and (min-width:768px){
	.error-title h1{
		font-size: 5rem !important;
		line-height: 5rem !important;
		margin-bottom: 40px;
	}

	.error-text p{
		font-size: 1.35rem;
		line-height: 1.8;
	}
}

@media only screen and (max-width:767px){
	.error-title h1{
		font-size: 3rem !important;
		line-height: 3.2rem !important;
		margin-bottom: 30px;
	}

	.error-text p{
		font-size: 1.15rem;
		line-height: 1.7;
	}
}

.error-background {
	position: relative;
	z-index: 0; /* make sure overlay sits on top of background but below content */
}

.error-background:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--awb-color5); /* overlay color */
	opacity: 0.9; /* adjust as needed */
	z-index: 1; /* overlay layer */
}

/* ensure content stays above overlay */
.error-background > * {
	position: relative;
	z-index: 2;
}



/* ----------------------------------------------
PAE TABLE
------------------------------------------------*/


.pae-compare-wrap { margin: 1.5em 0; }
.pae-compare {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  line-height: 1.5;
}
.pae-compare th,
.pae-compare td {
  padding: 14px 16px;
  text-align: left;
  border: 1px solid #d9d9d9;
}
.pae-compare thead th {
  background: #1f4e87;
  color: #fff;
  font-size: 17px;
}
.pae-compare th[scope="row"] {
  background: #eef2f7;
  font-weight: 600;
  width: 22%;
}
.pae-compare tbody tr:nth-child(even) td {
  background: #f6f8fb;
}
@media (max-width: 640px) {
  .pae-compare thead { display: none; }
  .pae-compare,
  .pae-compare tbody,
  .pae-compare tr,
  .pae-compare td,
  .pae-compare th { display: block; width: 100%; }
  .pae-compare tr {
    margin-bottom: 18px;
    border: 1px solid #d9d9d9;
    border-radius: 6px;
    overflow: hidden;
  }
  .pae-compare th[scope="row"] {
    width: 100%;
    background: #1f4e87;
    color: #fff;
    font-size: 16px;
  }
  .pae-compare td {
    border: none;
    border-bottom: 1px solid #e4e4e4;
  }
  .pae-compare td:last-child { border-bottom: none; }
  .pae-compare td::before {
    content: attr(data-label);
    display: block;
    font-weight: 700;
    color: #1f4e87;
    margin-bottom: 4px;
  }
}