/**
 * Site footer styles.
 *
 * @package DrSanhithaPurushotham
 */

/* ==================================================
   FOOTER FOUNDATION
================================================== */

.doctor-footer {
	position: relative;
	overflow: hidden;
	border-top: 5px solid #b88b3e;
	background-color: #f7f0e7;
	color: #102741;
	font-family:
		"Montserrat",
		Arial,
		Helvetica,
		sans-serif;
}

.doctor-footer *,
.doctor-footer *::before,
.doctor-footer *::after {
	box-sizing: border-box;
}

.doctor-footer h2,
.doctor-footer h3,
.doctor-footer p,
.doctor-footer address,
.doctor-footer ul {
	margin-top: 0;
}

.doctor-footer a {
	color: inherit;
	text-decoration: none;
}

.doctor-footer img {
	display: block;
	max-width: 100%;
	height: auto;
}


/* ==================================================
   UPPER CREAM SECTION
================================================== */

.doctor-footer__top {
	position: relative;
	padding: 92px 0 104px;
	background-color: #f7f0e7;
	background-image:
		radial-gradient(
			circle at 20% 30%,
			rgba(255, 255, 255, 0.78),
			transparent 38%
		),
		linear-gradient(
			110deg,
			#faf5ed 0%,
			#f5ede2 55%,
			#f8f1e8 100%
		);
}

.doctor-footer__top-container {
	display: grid;
	width: min(calc(100% - 100px), 1480px);
	margin-inline: auto;
	align-items: start;
	grid-template-columns:
		minmax(0, 1.2fr)
		minmax(0, 0.92fr)
		minmax(0, 0.7fr)
		minmax(0, 0.9fr);
	column-gap: clamp(45px, 4.5vw, 82px);
	row-gap: 60px;
}

.doctor-footer__column,
.doctor-footer__brand,
.doctor-footer__locations,
.doctor-footer__quick-links,
.doctor-footer__newsletter {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}


/* ==================================================
   SECTION HEADINGS
================================================== */

.doctor-footer__heading {
	margin-bottom: 30px;
}

.doctor-footer__heading h2 {
	margin-bottom: 14px;
	color: #102741;
	font-family:
		"Cormorant Garamond",
		Georgia,
		"Times New Roman",
		serif;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.doctor-footer__heading > span {
	display: block;
	width: 48px;
	height: 2px;
	background-color: #c79540;
}


/* ==================================================
   BRAND COLUMN
================================================== */

.doctor-footer__brand {
	text-align: center;
}

.doctor-footer__brand-mark {
	display: inline-flex;
	width: 116px;
	height: 116px;
	margin: 0 auto 12px;
	align-items: center;
	justify-content: center;
}

.doctor-footer__brand-mark img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.doctor-footer__brand-name {
	width: 100%;
	max-width: 430px;
	margin: 0 auto 7px;
	color: #102741;
	font-family:
		"Cormorant Garamond",
		Georgia,
		"Times New Roman",
		serif;
	font-size: clamp(18px, 1.55vw, 18px);
	font-weight: 600;
	line-height: 1.12;
	letter-spacing: 0.65px;
	text-align: center;
	text-transform: uppercase;
	text-wrap: balance;
	overflow-wrap: break-word;
}

.doctor-footer__designation {
	display: flex;
	width: 100%;
	margin: 0 0 24px;
	align-items: center;
	justify-content: center;
	gap: 13px;
}

.doctor-footer__designation p {
	margin: 0;
	color: #b68438;
	font-size: 11px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 3px;
	text-transform: uppercase;
	white-space: nowrap;
}

.doctor-footer__designation span {
	display: block;
	width: 29px;
	height: 1px;
	flex: 0 0 29px;
	background-color: #c89542;
}

.doctor-footer__brand-description {
	width: 100%;
	max-width: 390px;
	margin: 0 auto 18px;
	color: #2d4257;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.75;
	text-align: center;
	overflow-wrap: break-word;
}

.doctor-footer__ornament {
	display: flex;
	margin: 18px 0 21px;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.doctor-footer__ornament span {
	display: block;
	width: 42px;
	height: 1px;
	background-color: #c39750;
}

.doctor-footer__ornament i {
	display: block;
	width: 7px;
	height: 7px;
	background-color: #c39750;
	transform: rotate(45deg);
}

.doctor-footer__contact {
	display: grid;
	width: fit-content;
	max-width: 100%;
	margin-inline: auto;
	gap: 11px;
	color: #2e4256;
	font-style: normal;
	text-align: left;
}

.doctor-footer__contact a,
.doctor-footer__contact p {
	display: flex;
	min-width: 0;
	margin: 0;
	align-items: center;
	gap: 13px;
	color: #2e4256;
	font-family:
		"Cormorant Garamond",
		Georgia,
		serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.doctor-footer__contact a:hover,
.doctor-footer__contact a:focus-visible {
	color: #b68132;
}

.doctor-footer__contact .dashicons {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	color: #c69540;
	font-size: 22px;
}


/* ==================================================
   PRACTICE LOCATIONS
================================================== */

.doctor-footer__location-list {
	display: grid;
	width: 100%;
	gap: 25px;
}

.doctor-footer__location-card {
	display: grid;
	width: 100%;
	min-width: 0;
	min-height: 92px;
	padding: 17px 18px;
	align-items: center;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 17px;
	border: 1px solid rgba(168, 139, 99, 0.28);
	border-radius: 9px;
	background-color: rgba(255, 255, 255, 0.14);
	box-shadow: 0 5px 20px rgba(37, 28, 17, 0.02);
}

.doctor-footer__location-icon {
	display: flex;
	width: 54px;
	height: 54px;
	flex: 0 0 54px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #eee1ce;
	color: #102741;
}

.doctor-footer__location-icon .dashicons {
	width: 30px;
	height: 30px;
	font-size: 30px;
}

.doctor-footer__location-content {
	min-width: 0;
}

.doctor-footer__location-content h3 {
	margin: 0 0 4px;
	color: #102741;
	font-family:
		"Cormorant Garamond",
		Georgia,
		serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
	overflow-wrap: break-word;
}

.doctor-footer__location-content p {
	margin: 0;
	color: #34495d;
	font-size: 13px;
	line-height: 1.45;
	overflow-wrap: break-word;
}

.doctor-footer__location-content a {
	display: inline-flex;
	max-width: 100%;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	color: #b27f32;
	font-family:
		"Cormorant Garamond",
		Georgia,
		serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
	overflow-wrap: break-word;
}

.doctor-footer__location-content a:hover,
.doctor-footer__location-content a:focus-visible {
	color: #102741;
}

.doctor-footer__location-content a .dashicons {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	font-size: 18px;
}


/* ==================================================
   QUICK LINKS
================================================== */

.doctor-footer__link-list {
	display: grid;
	width: 100%;
	margin: 0;
	padding: 0;
	gap: 20px;
	list-style: none;
}

.doctor-footer__link-list li {
	position: relative;
	min-width: 0;
	margin: 0;
	padding-left: 24px;
}

.doctor-footer__link-list li::before {
	position: absolute;
	top: 0.48em;
	left: 1px;
	width: 7px;
	height: 7px;
	border-top: 2px solid #c18d38;
	border-right: 2px solid #c18d38;
	content: "";
	transform: rotate(45deg);
}

.doctor-footer__link-list a {
	display: inline-block;
	max-width: 100%;
	color: #253b51;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.45;
	overflow-wrap: break-word;
	transition:
		color 180ms ease,
		padding-left 180ms ease;
}

.doctor-footer__link-list a:hover,
.doctor-footer__link-list a:focus-visible,
.doctor-footer__link-list .current-menu-item > a {
	padding-left: 5px;
	color: #b47e2f;
}

.doctor-footer__link-list
	.doctor-footer__highlight-link > a {
	color: #b47e2f;
	font-family:
		"Cormorant Garamond",
		Georgia,
		serif;
	font-size: 17px;
	font-weight: 700;
}


/* ==================================================
   NEWSLETTER
================================================== */

.doctor-footer__newsletter-description {
	max-width: 300px;
	margin: 0 0 22px;
	color: #34495d;
	font-size: 13px;
	line-height: 1.75;
}

.doctor-footer .doctor-footer__newsletter-form {
	display: flex;
	width: 100%;
	max-width: 300px;
	height: 52px;
	min-height: 52px;
	margin: 0 0 34px;
	padding: 4px;
	align-items: center;
	border: 1px solid rgba(180, 137, 67, 0.48);
	border-radius: 7px;
	background-color: rgba(255, 255, 255, 0.2);
	box-shadow: none;
	overflow: hidden;
}

.doctor-footer
	.doctor-footer__newsletter-form
	input[type="email"] {
	display: block;
	width: calc(100% - 46px);
	min-width: 0;
	height: 42px;
	min-height: 0;
	margin: 0;
	padding: 0 11px;
	border: 0;
	border-radius: 0;
	outline: 0;
	background: transparent;
	color: #263b50;
	font-family:
		"Montserrat",
		Arial,
		Helvetica,
		sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 42px;
	box-shadow: none;
	appearance: none;
}

.doctor-footer
	.doctor-footer__newsletter-form
	input[type="email"]:focus {
	border: 0;
	outline: 0;
	box-shadow: none;
}

.doctor-footer
	.doctor-footer__newsletter-form
	input[type="email"]::placeholder {
	color: #8a929a;
	opacity: 1;
}

.doctor-footer
	.doctor-footer__newsletter-form
	button[type="submit"] {
	display: inline-flex;
	width: 46px;
	min-width: 46px;
	max-width: 46px;
	height: 42px;
	min-height: 42px;
	margin: 0;
	padding: 0;
	flex: 0 0 46px;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 5px;
	outline: 0;
	background-color: #c4933f;
	color: #ffffff;
	font-family: inherit;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	box-shadow: none;
	appearance: none;
	transform: none;
	transition:
		background-color 180ms ease,
		color 180ms ease;
}

.doctor-footer
	.doctor-footer__newsletter-form
	button[type="submit"]:hover,
.doctor-footer
	.doctor-footer__newsletter-form
	button[type="submit"]:focus-visible {
	border: 0;
	background-color: #102741;
	color: #ffffff;
	box-shadow: none;
	transform: none;
}

.doctor-footer__newsletter-divider {
	width: 61px;
	height: 1px;
	margin: 0 0 34px;
	background-color: #c39140;
}


/* ==================================================
   PATIENT-FIRST CARE
================================================== */

.doctor-footer__patient-care {
	display: grid;
	width: 100%;
	align-items: start;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 15px;
}

.doctor-footer__patient-icon {
	display: flex;
	width: 56px;
	height: 56px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #eee1ce;
	color: #c08e39;
}

.doctor-footer__patient-icon .dashicons {
	width: 29px;
	height: 29px;
	font-size: 29px;
}

.doctor-footer__patient-care > div:last-child {
	min-width: 0;
}

.doctor-footer__patient-care h3 {
	margin: 1px 0 6px;
	color: #102741;
	font-family:
		"Cormorant Garamond",
		Georgia,
		serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
}

.doctor-footer__patient-care p {
	margin: 0;
	color: #34495d;
	font-size: 12px;
	line-height: 1.7;
	overflow-wrap: break-word;
}


/* ==================================================
   LOWER NAVY TRUST PANEL
================================================== */

.doctor-footer__trust-panel {
	position: relative;
	z-index: 2;
	margin-top: -1px;
	overflow: visible;
	border-top: 2px solid #c59643;
	border-radius: 115px 115px 0 0;
	background:
		linear-gradient(
			110deg,
			#061a32 0%,
			#092747 48%,
			#061a32 100%
		);
	color: #ffffff;
}


/* ==================================================
   CENTER CREST
================================================== */

.doctor-footer__crest {
	position: absolute;
	top: -39px;
	left: 50%;
	z-index: 5;
	width: 104px;
	height: 72px;
	border: 2px solid #c59643;
	border-bottom: 0;
	border-radius: 58px 58px 0 0;
	background-color: #08213e;
	transform: translateX(-50%);
}

.doctor-footer__crest::before,
.doctor-footer__crest::after {
	position: absolute;
	bottom: -2px;
	width: 32px;
	height: 4px;
	content: "";
	background-color: #08213e;
}

.doctor-footer__crest::before {
	left: -27px;
}

.doctor-footer__crest::after {
	right: -27px;
}

.doctor-footer__crest > div {
	display: flex;
	position: absolute;
	top: 11px;
	left: 50%;
	width: 59px;
	height: 59px;
	align-items: center;
	justify-content: center;
	border: 2px solid #c59643;
	border-radius: 50%;
	background-color: #08213e;
	transform: translateX(-50%);
}

.doctor-footer__crest img {
	width: 44px;
	height: 44px;
	object-fit: contain;
}


/* ==================================================
   TRUST FEATURES
================================================== */

.doctor-footer__trust-container {
	width: min(calc(100% - 100px), 1465px);
	margin-inline: auto;
}

.doctor-footer__feature-grid {
	display: grid;
	min-height: 190px;
	padding: 64px 0 44px;
	align-items: center;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(0, 1.08fr)
		minmax(0, 1.25fr)
		minmax(0, 1.08fr)
		minmax(0, 0.86fr);
}

.doctor-footer__feature {
	display: grid;
	min-width: 0;
	min-height: 78px;
	padding: 0 38px;
	align-items: start;
	border-right: 1px solid rgba(213, 175, 109, 0.42);
	grid-template-columns: 45px minmax(0, 1fr);
	gap: 17px;
}

.doctor-footer__feature:first-child {
	padding-left: 12px;
}

.doctor-footer__feature-icon {
	width: 42px;
	height: 42px;
	color: #d4a84f;
	font-size: 42px;
}

.doctor-footer__feature h3,
.doctor-footer__social h3 {
	margin-bottom: 7px;
	color: #f8eee0;
	font-family:
		"Cormorant Garamond",
		Georgia,
		serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.25;
}

.doctor-footer__feature p {
	margin: 0;
	color: rgba(255, 255, 255, 0.83);
	font-size: 12px;
	line-height: 1.65;
	overflow-wrap: break-word;
}


/* ==================================================
   SOCIAL LINKS
================================================== */

.doctor-footer__social {
	min-width: 0;
	padding-left: 43px;
}

.doctor-footer__social h3 {
	margin-bottom: 17px;
	text-transform: uppercase;
}

.doctor-footer__social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.doctor-footer__social-links a {
	display: inline-flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(208, 164, 82, 0.72);
	border-radius: 50%;
	color: #d5a64e;
	font-size: 16px;
	font-weight: 700;
	transition:
		background-color 180ms ease,
		color 180ms ease,
		transform 180ms ease;
}

.doctor-footer__social-links a:hover,
.doctor-footer__social-links a:focus-visible {
	background-color: #c59743;
	color: #08213e;
	transform: translateY(-2px);
}

.doctor-footer__social-links .dashicons {
	width: 18px;
	height: 18px;
	font-size: 18px;
}


/* ==================================================
   COPYRIGHT BAR
================================================== */

.doctor-footer__bottom {
	border-top: 1px solid rgba(201, 157, 74, 0.55);
}

.doctor-footer__bottom-container {
	display: grid;
	width: min(calc(100% - 100px), 1465px);
	min-height: 78px;
	margin-inline: auto;
	align-items: center;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 35px;
}

.doctor-footer__bottom p {
	margin: 0;
	color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	line-height: 1.5;
}

.doctor-footer__ethics {
	text-align: center;
}

.doctor-footer__legal {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}

.doctor-footer__legal a {
	color: #d5a64e;
	font-size: 12px;
}

.doctor-footer__legal a:hover,
.doctor-footer__legal a:focus-visible {
	color: #ffffff;
}

.doctor-footer__legal > span {
	display: block;
	width: 1px;
	height: 18px;
	background-color: rgba(213, 166, 78, 0.7);
}


/* ==================================================
   LARGE LAPTOP
================================================== */

@media screen and (max-width: 1400px) {
	.doctor-footer__top-container,
	.doctor-footer__trust-container,
	.doctor-footer__bottom-container {
		width: calc(100% - 70px);
	}

	.doctor-footer__top-container {
		grid-template-columns:
			minmax(0, 1.12fr)
			minmax(0, 0.92fr)
			minmax(0, 0.68fr)
			minmax(0, 0.86fr);
		column-gap: 40px;
	}

	.doctor-footer__brand-name {
		font-size: 23px;
		letter-spacing: 0.4px;
	}

	.doctor-footer__designation p {
		font-size: 10px;
		letter-spacing: 2.5px;
	}

	.doctor-footer__feature {
		padding-inline: 24px;
	}

	.doctor-footer__social {
		padding-left: 26px;
	}
}


/* ==================================================
   SMALL LAPTOP
================================================== */

@media screen and (max-width: 1180px) {
	.doctor-footer__top-container {
		grid-template-columns:
			minmax(0, 1fr)
			minmax(0, 1fr);
		column-gap: 60px;
		row-gap: 65px;
	}

	.doctor-footer__brand-name {
		font-size: 27px;
	}

	.doctor-footer__designation p {
		font-size: 11px;
	}

	.doctor-footer__newsletter-form {
		max-width: 320px;
	}

	.doctor-footer__feature-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
		padding-top: 74px;
	}

	.doctor-footer__feature {
		margin-bottom: 35px;
		border-right: 0;
	}

	.doctor-footer__feature:nth-child(odd) {
		border-right: 1px solid rgba(213, 175, 109, 0.42);
	}

	.doctor-footer__social {
		padding: 0 24px 25px;
	}
}


/* ==================================================
   TABLET
================================================== */

@media screen and (max-width: 800px) {
	.doctor-footer__top {
		padding-top: 78px;
	}

	.doctor-footer__top-container,
	.doctor-footer__trust-container,
	.doctor-footer__bottom-container {
		width: calc(100% - 48px);
	}

	.doctor-footer__top-container {
		grid-template-columns: 1fr;
		row-gap: 58px;
	}

	.doctor-footer__brand-name {
		white-space: normal;
	}

	.doctor-footer
		.doctor-footer__newsletter-form {
		max-width: 100%;
	}

	.doctor-footer__feature-grid {
		grid-template-columns: 1fr;
	}

	.doctor-footer__feature,
	.doctor-footer__feature:first-child,
	.doctor-footer__feature:nth-child(odd) {
		margin: 0;
		padding: 26px 12px;
		border-right: 0;
		border-bottom: 1px solid rgba(213, 175, 109, 0.28);
	}

	.doctor-footer__social {
		padding: 30px 12px 40px;
		text-align: center;
	}

	.doctor-footer__social-links {
		justify-content: center;
	}

	.doctor-footer__bottom-container {
		padding-block: 24px;
		grid-template-columns: 1fr;
		gap: 18px;
		text-align: center;
	}

	.doctor-footer__copyright,
	.doctor-footer__ethics {
		text-align: center;
	}

	.doctor-footer__legal {
		justify-content: center;
	}
}


/* ==================================================
   MOBILE
================================================== */

@media screen and (max-width: 600px) {
	.doctor-footer {
		border-top-width: 3px;
	}

	.doctor-footer__top {
		padding: 65px 0 80px;
	}

	.doctor-footer__top-container,
	.doctor-footer__trust-container,
	.doctor-footer__bottom-container {
		width: calc(100% - 36px);
	}

	.doctor-footer__brand-mark {
		width: 100px;
		height: 100px;
	}

	.doctor-footer__brand-name {
		max-width: 100%;
		font-size: 23px;
		line-height: 1.15;
		letter-spacing: 0.3px;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.doctor-footer__designation {
		gap: 9px;
	}

	.doctor-footer__designation p {
		font-size: 9px;
		letter-spacing: 2px;
		white-space: normal;
	}

	.doctor-footer__designation span {
		width: 22px;
		flex-basis: 22px;
	}

	.doctor-footer__brand-description {
		font-size: 13px;
	}

	.doctor-footer__contact a,
	.doctor-footer__contact p {
		font-size: 16px;
	}

	.doctor-footer__heading h2 {
		font-size: 20px;
	}

	.doctor-footer__location-card {
		min-height: 0;
		padding: 18px 16px;
		grid-template-columns: 50px minmax(0, 1fr);
		gap: 14px;
	}

	.doctor-footer__location-icon {
		width: 50px;
		height: 50px;
	}

	.doctor-footer__location-content h3 {
		font-size: 17px;
	}

	.doctor-footer
		.doctor-footer__newsletter-form {
		width: 100%;
		max-width: none;
	}

	.doctor-footer__patient-care {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.doctor-footer__patient-icon {
		width: 52px;
		height: 52px;
	}

	.doctor-footer__trust-panel {
		border-radius: 55px 55px 0 0;
	}

	.doctor-footer__crest {
		top: -34px;
		width: 90px;
		height: 62px;
	}

	.doctor-footer__crest > div {
		width: 52px;
		height: 52px;
	}

	.doctor-footer__crest img {
		width: 38px;
		height: 38px;
	}

	.doctor-footer__feature-grid {
		padding-top: 70px;
	}

	.doctor-footer__legal {
		flex-wrap: wrap;
		gap: 12px;
	}
}


/* ==================================================
   ACCESSIBILITY
================================================== */

.doctor-footer a:focus-visible,
.doctor-footer button:focus-visible,
.doctor-footer input:focus-visible {
	outline: 3px solid #d4aa5a;
	outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
	.doctor-footer *,
	.doctor-footer *::before,
	.doctor-footer *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}