/* ==================================================================== */
/* FIND A DOCTOR ------------------------------------------------------ */
/* ==================================================================== */
.fad-archive,
.fad-single{
	--fad-accent-color: var(--fad-accent, #4f6278);
}

/* Intro */
.fad-intro{
	padding:1.5em 0 2.5em 0;
}
main .fad-intro h1{
	font-size:2.6em;
	line-height:115%;
	margin:0 0 0.35em 0;
	color:#222;
}
main .fad-intro p{
	font-size:1.1em;
	line-height:150%;
	margin:0;
}
a.fad-backlink{
	display:inline-block;
	margin:0 0 2.2em 0;
	font-family:'Titillium Web', sans-serif;
	font-size:13px;
	font-weight:700;
	letter-spacing:0.12em;
	text-transform:uppercase;
	color:var(--fad-accent-color);
}
a.fad-backlink .fad-backlink-arrow{
	display:inline-block;
	vertical-align:-0.1em;
	margin-right:0.6em;
	transition:margin .25s;
}
a.fad-backlink:hover .fad-backlink-arrow{
	margin-right:0.9em;
	margin-left:-0.3em;
}

/* Grid + cards */
.fad-grid{
	display:grid;
	grid-template-columns:1fr;
	gap:28px;
}
.fad-card{
	display:flex;
	flex-direction:column;
	background:#FFF;
	border-radius:20px;
	box-shadow:0 12px 32px rgba(0, 0, 0, 0.08);
	padding:28px 24px;
}
a.btn.fad-btn{
	display:block;
	margin-top:auto;
	text-align:center;
	font-weight:700;
	font-style:normal;
	white-space:normal;
	background-color:var(--fad-accent-color);
}
a.btn.fad-btn .fad-icon-external{
	display:inline-block;
	width:14px;
	height:14px;
	margin-left:0.6em;
	vertical-align:-0.15em;
	transition:transform .25s;
}
a.btn.fad-btn:hover .fad-icon-external{
	transform:translate(2px, -2px);
}

/* Archive (state cards) */
.fad-archive{
	padding-bottom:5em;
}
.fad-state{
	align-items:center;
	text-align:center;
	padding:32px 32px;
}
.fad-state-img{
	display:flex;
	align-items:center;
	justify-content:center;
	height:150px;
	margin-bottom:1.6em;
}
.fad-state-img img{
	display:block;
	max-height:150px;
	width:auto;
}
main .fad-state h2{
	font-family:'Open Sans', sans-serif;
	font-size:1.25em;
	margin:0 0 1.4em 0;
}
.fad-state h2 a{ color:#111; }
.fad-state a.btn.fad-btn{
	width:100%;
}

/* Single (locations) */
main.fad-single{
	padding-bottom:0;
}
.fad-single .fad-intro{
	padding-bottom:3.5em;
}
.fad-locations{
	background:#f4f4f4;
	padding:3.5em 0 5em 0;
}
.fad-location-header{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:20px 40px;
	margin-bottom:2em;
}
.fad-location-logo{
	flex:0 0 200px;
	max-width:200px;
}
.fad-location-logo img{
	display:block;
	width:200px;
	max-width:100%;
	height:auto;
}
main .fad-location-header h2{
	flex:1 1 200px;
	font-family:'Open Sans', sans-serif;
	font-size:1.6em;
	line-height:125%;
	margin:0;
	color:#111;
}
.fad-eyebrow{
	display:block;
	margin:0 0 1.3em 0;
	font-family:'Titillium Web', sans-serif;
	font-size:13px;
	font-weight:700;
	letter-spacing:0.15em;
	text-transform:uppercase;
	color:var(--fad-accent-color);
}

/* Location WYSIWYG content */
.fad-location-content{
	margin-bottom:2em;
	color:#111;
}
main .fad-location-content h2,
main .fad-location-content h3,
main .fad-location-content h4,
main .fad-location-content h5{
	font-family:'Open Sans', sans-serif;
	font-size:1.2em;
	font-weight:700;
	line-height:130%;
	letter-spacing:normal;
	text-transform:none;
	border:none;
	padding:0;
	margin:1.2em 0 0.15em 0;
	color:#111;
}
main .fad-location-content p{
	line-height:135%;
	margin:0 0 1.2em 0;
}
.fad-location-content ul,
.fad-location-content ol{
	margin:0 0 1.2em 0;
	padding:0 0 0 1.5em;
}
.fad-location-content ul{ list-style:disc; }
.fad-location-content li{
	line-height:135%;
	margin:0 0 0.6em 0;
	padding-left:0.25em;
}
.fad-location-content > :first-child{ margin-top:0; }
.fad-location-content > :last-child{ margin-bottom:0; }

/* File link */
.fad-location-file{
	border-top:1px solid #e5e5e5;
	margin-top:1.3em;
	padding-top:1.3em;
}
.fad-location-content + .fad-location-file{
	margin-top:auto;
}
.fad-location-file a{
	font-family:'Titillium Web', sans-serif;
	font-size:13px;
	font-weight:700;
	letter-spacing:0.15em;
	text-transform:uppercase;
	color:var(--fad-accent-color);
}
.fad-location-file a{
	display:inline-flex;
	align-items:center;
}
.fad-location-file .fad-icon-file{
	flex:0 0 auto;
	margin-right:0.75em;
}
.fad-location-file a:hover{ opacity:0.75; }

@media only screen and (max-width: 767px){
	.fad-single .wrap{
		padding-left:20px;
		padding-right:20px;
	}
	main .fad-intro h1{ font-size:2.1em; }
}
@media only screen and (min-width: 768px){
	.fad-grid{
		grid-template-columns:repeat(2, 1fr);
		gap:40px;
	}
	.fad-location{ padding:32px; }
}
@media only screen and (min-width: 1024px){
	.fad-grid-states{
		grid-template-columns:repeat(3, 1fr);
	}
}