/**
* KDF shortcode styles — SurgeryBD (surgerybd.com)
* For [top_doctors layout="location-specialists"], [top_doctors layout="table"],
* [dab-location-specialists], and [dab-top-doctors-table-location].
* Brand palette: surgeon green #009E87; supports light and dark mode.
*/
:root {
--kdf-primary: #009E87;
--kdf-primary-dark: #007a68;
--kdf-primary-light: #e6f5f2;
--kdf-primary-mid: #33b5a3;
--kdf-primary-border: #b8e6de;
--kdf-primary-soft: rgba(0, 158, 135, 0.1);
--kdf-primary-soft-hover: rgba(0, 158, 135, 0.18);
--kdf-cream: #f4faf9;
--kdf-accent-orange: #d46123;
--kdf-accent-rose: #d89494;
--kdf-text: #2c302f;
--kdf-text-muted: #4a4f4e;
--kdf-text-subtle: #6b7070;
--kdf-border: #e5e7eb;
--kdf-success: #007a68;
}
.dark {
--kdf-primary-soft: rgba(0, 158, 135, 0.14);
--kdf-primary-soft-hover: rgba(0, 158, 135, 0.24);
--kdf-primary-border: rgba(0, 158, 135, 0.35);
--kdf-text-subtle: #9ca3af;
}
/* Location specialists container */
.kdf-specialists-container {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
margin-bottom: 25px;
border-top: 1px solid rgba(226, 232, 240, 0.32);
padding-top: 20px;
}
@media (min-width: 640px) {
.kdf-specialists-container {
grid-template-columns: 1fr 1fr;
gap: 14px;
}
}
.dark .kdf-specialists-container {
border-top-color: rgba(55, 65, 81, 0.5);
}
.kdf-specialist-pair {
display: flex;
flex-direction: column;
gap: 8px;
min-width: 0;
}
.kdf-specialist-link {
display: flex;
align-items: center;
gap: 8px;
background: var(--kdf-cream);
color: var(--kdf-primary);
padding: 10px 14px;
border-radius: 10px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
border: 1px solid var(--kdf-primary-border) !important;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
width: 100%;
justify-content: center;
text-align: center;
box-shadow: none;
}
.kdf-specialist-link:hover {
background: var(--kdf-primary-light);
color: var(--kdf-primary-dark);
border-color: var(--kdf-primary) !important;
}
.dark .kdf-specialist-link {
background: var(--kdf-primary-soft);
color: var(--kdf-primary-mid);
border-color: var(--kdf-primary-border);
}
.dark .kdf-specialist-link:hover {
background: var(--kdf-primary-soft-hover);
color: var(--kdf-cream);
}
.kdf-specialist-count {
background: var(--kdf-primary);
color: #fff;
padding: 2px 8px;
border-radius: 9999px;
font-size: 12px;
}
.dark .kdf-specialist-count {
background: var(--kdf-primary-dark);
color: var(--kdf-cream);
}
.kdf-female-specialist-link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
background: #fff4ed;
color: var(--kdf-accent-orange);
padding: 8px 12px;
border-radius: 10px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
border: 1px solid rgba(212, 97, 35, 0.35);
transition: background-color 0.2s ease, opacity 0.2s ease;
width: 100%;
text-align: center;
box-shadow: none;
}
.kdf-female-specialist-link:hover {
opacity: 0.9;
background: rgba(212, 97, 35, 0.12);
}
.dark .kdf-female-specialist-link {
background: rgba(212, 97, 35, 0.18);
color: #f9c9a8;
border-color: rgba(212, 97, 35, 0.45);
}
.kdf-female-specialist-count {
font-size: 12px;
opacity: 0.9;
}
/* [top_doctors layout="table"] — single-column surgeon list */
.kdf-top-doctors-table-wrap {
margin: 1.25rem 0 1.5rem;
}
.kdf-top-doctors-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: var(--kdf-cream);
border: 1px solid var(--kdf-primary-border);
border-radius: 0.75rem;
overflow: hidden;
}
.dark .kdf-top-doctors-table {
background: #1f2937;
border-color: #4b5563;
color: #f9fafb;
}
.kdf-table-header th {
padding: 0.875rem 1rem;
text-align: left;
font-weight: 600;
font-size: 18px;
letter-spacing: 0.02em;
color: var(--kdf-text);
background: var(--kdf-primary-soft);
border-bottom: 1px solid var(--kdf-primary-border);
}
.dark .kdf-table-header th {
color: #d1d5db;
background: var(--kdf-primary-soft);
border-bottom-color: #4b5563;
}
.kdf-table-body {
background: var(--kdf-cream);
}
.dark .kdf-table-body {
background: #1f2937;
}
.kdf-table-row {
border-bottom: 1px solid var(--kdf-primary-border);
transition: background-color 0.2s ease;
}
.dark .kdf-table-row {
border-bottom-color: #4b5563;
}
.kdf-table-row:last-child {
border-bottom: none;
}
.kdf-table-row:hover {
background-color: var(--kdf-primary-soft-hover);
}
.dark .kdf-table-row:hover {
background-color: rgba(55, 65, 81, 0.6);
}
.kdf-col-doctor {
padding: 0;
vertical-align: middle;
}
.kdf-doctor-info {
display: flex;
align-items: flex-start;
gap: 0.875rem;
padding: 0.875rem 1rem;
text-decoration: none;
color: inherit;
}
.kdf-doctor-info--link:hover .kdf-avatar-img {
border-color: var(--kdf-primary);
}
.kdf-doctor-avatar {
flex-shrink: 0;
display: block;
line-height: 0;
}
.kdf-avatar-img {
width: 56px;
height: 72px;
border-radius: 8px;
object-fit: cover;
border: 3px solid var(--kdf-primary-border);
transition: border-color 0.2s ease;
display: block;
}
.dark .kdf-avatar-img {
border-color: var(--kdf-primary-border);
}
.kdf-avatar-placeholder {
width: 56px;
height: 72px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
background: var(--kdf-primary-soft);
border: 3px solid var(--kdf-primary-border);
}
.dark .kdf-avatar-placeholder {
background: var(--kdf-primary-soft);
border-color: var(--kdf-primary-border);
}
.kdf-avatar-icon {
width: 1.5rem;
height: 1.5rem;
color: var(--kdf-primary);
}
.dark .kdf-avatar-icon {
color: var(--kdf-primary-mid);
}
.kdf-doctor-details {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 0.2rem;
padding-top: 0.125rem;
}
.kdf-doctor-name {
margin: 0;
font-size: 1.0625rem;
font-weight: 600;
line-height: 1.35;
}
.kdf-doctor-link {
color: var(--kdf-primary);
transition: color 0.2s ease;
}
.kdf-top-doctors-table .kdf-doctor-link {
color: var(--kdf-text);
}
.kdf-doctor-info--link:hover .kdf-doctor-link {
color: var(--kdf-primary-dark);
}
.kdf-top-doctors-table .kdf-doctor-info--link:hover .kdf-doctor-link {
color: var(--kdf-text-muted);
}
.dark .kdf-doctor-link {
color: var(--kdf-primary-mid);
}
.dark .kdf-top-doctors-table .kdf-doctor-link {
color: #f9fafb;
}
.dark .kdf-doctor-info--link:hover .kdf-doctor-link {
color: var(--kdf-primary);
}
.dark .kdf-top-doctors-table .kdf-doctor-info--link:hover .kdf-doctor-link {
color: #e5e7eb;
}
.kdf-doctor-verified {
display: block;
width: 1rem;
height: 1rem;
flex-shrink: 0;
color: var(--kdf-primary);
}
.kdf-top-doctors-table .kdf-doctor-verified,
.kdf-top-doctors-table .dentify-verified-badge svg {
color: var(--kdf-primary);
}
.dark .kdf-doctor-verified {
color: var(--kdf-primary-mid);
}
.dark .kdf-top-doctors-table .kdf-doctor-verified,
.dark .kdf-top-doctors-table .dentify-verified-badge svg {
color: var(--kdf-primary-mid);
}
.kdf-doctor-job {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 600;
color: var(--kdf-text-subtle);
line-height: 1.4;
}
.dark .kdf-doctor-job {
color: #d1d5db;
}
.kdf-doctor-designation {
display: block;
margin: 0;
font-size: 0.9375rem;
font-weight: 600;
color: var(--kdf-text-subtle);
line-height: 1.4;
}
.dark .kdf-doctor-designation {
color: #d1d5db;
}
.kdf-doctor-hospital {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 500;
color: #6b7280;
line-height: 1.4;
}
.dark .kdf-doctor-hospital {
color: #9ca3af;
}
.kdf-doctor-degree {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 500;
color: #6b7280;
line-height: 1.4;
}
.dark .kdf-doctor-degree {
color: #9ca3af;
}
.kdf-doctor-speciality {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 600;
color: var(--kdf-primary);
line-height: 1.4;
}
.dark .kdf-doctor-speciality {
color: var(--kdf-primary-mid);
}
.kdf-doctor-experience {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.4;
color: var(--kdf-primary-dark);
}
.dark .kdf-doctor-experience {
color: #7fcfc2;
}
.kdf-doctor-about {
margin: 0.5rem 0 0;
/* padding-top: 0.5rem;
border-top: 1px solid #f3f4f6; */
font-size: 0.875rem;
font-weight: 500;
line-height: 1.5;
color: #6b7280;
}
.kdf-doctor-about p,
.kdf-doctor-about li,
.kdf-doctor-about span,
.kdf-doctor-about div {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
color: inherit;
}
.kdf-doctor-about p {
margin: 0 0 0.375rem;
}
.kdf-doctor-about p:last-child {
margin-bottom: 0;
}
.kdf-doctor-about strong,
.kdf-doctor-about b {
font-weight: 600;
}
.kdf-doctor-about h1,
.kdf-doctor-about h2,
.kdf-doctor-about h3,
.kdf-doctor-about h4,
.kdf-doctor-about h5,
.kdf-doctor-about h6 {
margin: 0 0 0.375rem;
font-size: inherit;
font-weight: 600;
line-height: inherit;
color: inherit;
}
.kdf-doctor-about ul,
.kdf-doctor-about ol {
margin: 0 0 0.375rem;
padding-left: 1.125rem;
}
.kdf-doctor-about li {
margin: 0 0 0.25rem;
}
.dark .kdf-doctor-about {
border-top-color: #374151;
color: #9ca3af;
}
.kdf-doctor-chamber {
margin: 0.5rem 0 0;
padding-top: 0.5rem;
border-top: 1px solid #f3f4f6;
display: flex;
flex-direction: column;
gap: 0.2rem;
}
.dark .kdf-doctor-chamber {
border-top-color: #374151;
}
.kdf-chamber-name,
.kdf-chamber-address,
.kdf-chamber-hours,
.kdf-chamber-phone {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.5;
color: #6b7280;
}
.kdf-chamber-name {
font-weight: 600;
color: var(--kdf-text-muted);
}
.kdf-chamber-link {
color: var(--kdf-primary);
text-decoration: none;
transition: color 0.2s ease;
}
.kdf-chamber-link:hover {
color: var(--kdf-primary-dark);
}
.kdf-chamber-phone-link {
color: var(--kdf-primary);
text-decoration: none;
transition: color 0.2s ease;
}
.kdf-chamber-phone-link:hover {
color: var(--kdf-primary-dark);
}
.dark .kdf-chamber-name {
color: #e5e7eb;
}
.dark .kdf-chamber-address,
.dark .kdf-chamber-hours,
.dark .kdf-chamber-phone {
color: #9ca3af;
}
.dark .kdf-chamber-link,
.dark .kdf-chamber-phone-link {
color: var(--kdf-primary-mid);
}
.dark .kdf-chamber-link:hover,
.dark .kdf-chamber-phone-link:hover {
color: var(--kdf-primary);
}
.kdf-see-all-chambers {
display: inline-block;
margin-top: 0.5rem;
padding: 0.375rem 0.75rem;
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.4;
color: var(--kdf-primary);
background-color: var(--kdf-cream);
border: 1px solid var(--kdf-primary-border);
border-radius: 0.375rem;
text-decoration: none;
transition:
color 0.2s ease,
border-color 0.2s ease,
background-color 0.2s ease;
}
.kdf-see-all-chambers:hover {
color: var(--kdf-primary-dark);
border-color: var(--kdf-primary);
background-color: var(--kdf-primary-light);
}
.dark .kdf-see-all-chambers {
color: var(--kdf-primary-mid);
background-color: var(--kdf-primary-soft);
border-color: var(--kdf-primary-border);
}
.dark .kdf-see-all-chambers:hover {
color: var(--kdf-cream);
border-color: var(--kdf-primary);
background-color: var(--kdf-primary-soft-hover);
}
.kdf-no-results-cell {
padding: 2.5rem 1.25rem;
text-align: center;
}
.kdf-no-results-message {
margin: 0 0 0.75rem;
color: #6b7280;
font-style: italic;
font-size: 1rem;
line-height: 1.5;
}
.kdf-no-results-cta {
margin: 0;
max-width: 36rem;
margin-left: auto;
margin-right: auto;
color: var(--kdf-text-subtle);
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.6;
}
.kdf-no-results-cta-link {
color: var(--kdf-primary);
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
.kdf-no-results-cta-link:hover {
color: var(--kdf-primary-dark);
}
.dark .kdf-no-results-message {
color: #9ca3af;
}
.dark .kdf-no-results-cta {
color: #d1d5db;
}
.dark .kdf-no-results-cta-link {
color: var(--kdf-primary-mid);
}
.dark .kdf-no-results-cta-link:hover {
color: var(--kdf-primary);
}
@media (max-width: 768px) {
.kdf-top-doctors-table {
font-size: 0.875rem;
}
.kdf-doctor-info {
gap: 0.75rem;
padding: 10px 0px;
}
.kdf-avatar-img,
.kdf-avatar-placeholder {
width: 48px;
height: 62px;
}
.kdf-doctor-name {
font-size: 1rem;
}
.kdf-doctor-job,
.kdf-doctor-designation,
.kdf-doctor-speciality,
.kdf-doctor-experience,
.kdf-doctor-about,
.kdf-chamber-name,
.kdf-chamber-address,
.kdf-chamber-hours,
.kdf-chamber-phone {
font-size: 0.8125rem;
}
.kdf-see-all-chambers {
font-size: 0.75rem;
}
.kdf-doctor-degree {
font-size: 0.8125rem;
}
.kdf-doctor-hospital {
font-size: 0.8125rem;
}
.single-content-area p {
font-size: 16px !important;
line-height: 24px;
}
.single-content-area li {
font-size: 16px;
line-height: 24px;
}
.single-content-area h2 {
font-size: 22px;
line-height: 1.3;
}
}
@media (max-width: 640px) {
.kdf-doctor-info {
gap: 0.625rem;
}
.kdf-avatar-img,
.kdf-avatar-placeholder {
width: 44px;
height: 56px;
border-width: 2px;
}
}
/**
* SurgeryBD mobile typography (< 640px)
* Headings stay clearly above body copy (16px).
*
* Scale:
* - display  26–30px  h1 / text-3xl+
* - title    22px      h2 / text-2xl
* - section  19px      h3 / text-xl
* - subtitle 17px      h4 / text-lg
* - body     16px      paragraphs
* - caption  13px      meta
* - micro    11px      badges
*/
@media (max-width: 639px) {
:root {
--app-display: 26px;
--app-title: 22px;
--app-section: 19px;
--app-subtitle: 17px;
--app-body: 16px;
--app-caption: 13px;
--app-micro: 11px;
--p-size: 16px;
--p-line-height: 24px;
--mini-size: 13px;
--title-size: 19px;
--mini-title-size: 17px;
--heading-one: 26px;
--heading-two: 22px;
--heading-three: 19px;
--heading-four: 17px;
--heading-five: 16px;
--heading-six: 15px;
--surgerybd-h1: var(--heading-one);
--surgerybd-h2: var(--heading-two);
--surgerybd-h3: var(--heading-three);
--surgerybd-h4: var(--heading-four);
--surgerybd-h5: var(--heading-five);
--surgerybd-h6: var(--heading-six);
}
body {
font-size: var(--app-body);
line-height: 1.5;
}
.text-xs {
font-size: var(--app-caption) !important;
line-height: 1.45 !important;
}
.text-sm {
font-size: 14px !important;
line-height: 1.5 !important;
}
.text-base {
font-size: var(--app-body) !important;
line-height: 1.5 !important;
}
.text-lg,
.\!text-lg {
font-size: var(--app-subtitle) !important;
line-height: 1.4 !important;
}
.text-xl,
.\!text-xl {
font-size: var(--app-section) !important;
line-height: 1.35 !important;
}
.text-2xl {
font-size: var(--app-title) !important;
line-height: 1.3 !important;
}
.text-3xl {
font-size: var(--app-display) !important;
line-height: 1.25 !important;
}
.text-4xl {
font-size: 28px !important;
line-height: 1.25 !important;
}
.text-5xl {
font-size: 30px !important;
line-height: 1.2 !important;
}
.text-app-micro,
.text-\[10px\] {
font-size: var(--app-micro) !important;
line-height: 1.4 !important;
}
.text-app-caption {
font-size: var(--app-caption) !important;
line-height: 1.45 !important;
}
.text-app-body {
font-size: var(--app-body) !important;
line-height: 1.5 !important;
}
.text-app-subtitle,
.text-\[15px\] {
font-size: var(--app-subtitle) !important;
line-height: 1.4 !important;
}
.text-app-section {
font-size: var(--app-section) !important;
line-height: 1.35 !important;
}
.text-app-title,
.text-\[17px\] {
font-size: var(--app-title) !important;
line-height: 1.3 !important;
}
.text-app-display {
font-size: var(--app-display) !important;
line-height: 1.25 !important;
}
main h1:not(.hero-title) {
font-size: var(--heading-one);
line-height: 1.25;
}
main h2 {
font-size: var(--heading-two);
line-height: 1.3;
}
main h3 {
font-size: var(--heading-three);
line-height: 1.35;
}
main h4 {
font-size: var(--heading-four);
line-height: 1.4;
}
main h5 {
font-size: var(--heading-five);
line-height: 1.45;
}
main h6 {
font-size: var(--heading-six);
line-height: 1.5;
}
.single-content-area {
font-size: var(--app-body);
line-height: 1.5;
}
.single-content-area h1 {
font-size: var(--heading-one) !important;
}
.single-content-area h2 {
font-size: var(--heading-two) !important;
}
.single-content-area h3 {
font-size: var(--heading-three) !important;
}
.single-content-area h4 {
font-size: var(--heading-four) !important;
}
.single-content-area h5 {
font-size: var(--heading-five) !important;
}
.single-content-area h6 {
font-size: var(--heading-six) !important;
}
/* Keep form fields readable on iOS (prevent zoom) */
input:not([type='checkbox']):not([type='radio']):not([type='submit']):not(
[type='button']
):not([type='hidden']),
select,
textarea,
.form-control {
font-size: 16px !important;
}
/* Compact line heights — smaller fonts need tighter leading */
.leading-relaxed {
line-height: 1.45 !important;
}
.leading-normal {
line-height: 1.4 !important;
}
/* Doctor single page — tighter section spacing */
body.single-doctors section {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
body.single-doctors .doctor-mobile-ratings {
line-height: 1.3;
}
.single-content-area p {
font-size: var(--p-size);
margin-bottom: 15px;
line-height: 25px;
}
.single-content-area h2 {
margin-bottom: 5px;
}
body.single-doctors .doctor-mobile-ratings * {
line-height: inherit;
}
}
/* [top_doctors layout="dental-clinics"] — surgerybd-hospital-term-card grid */
.kdf-hospitals-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
margin: 1rem 0 1.5rem;
}
@media (min-width: 640px) {
.kdf-hospitals-grid {
grid-template-columns: repeat(1, 1fr);
}
}
@media (min-width: 1024px) {
.kdf-hospitals-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.kdf-hospitals-grid .surgerybd-hospital-card {
height: 100%;
}
.kdf-hospitals-grid .surgerybd-hospital-card--sponsored {
box-shadow: none;
}
/* Name + verified badge inline (table, clinic cards, taxonomy — matches surgeon profile h1) */
.dentify-verified-inline-title {
display: block;
margin: 0;
line-height: 1.35;
max-width: 100%;
}
.dentify-verified-inline-title__text {
display: inline;
vertical-align: middle;
}
.dentify-verified-inline-title .dentify-verified-badge {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: middle;
margin-left: 0.35rem;
line-height: 0;
flex-shrink: 0;
white-space: nowrap;
}
.dentify-verified-inline-title .dentify-verified-badge svg,
.dentify-verified-inline-title .kdf-doctor-verified {
display: block;
width: 1rem;
height: 1rem;
color: var(--kdf-primary);
}
.dark .dentify-verified-inline-title .dentify-verified-badge svg,
.dark .dentify-verified-inline-title .kdf-doctor-verified {
color: var(--kdf-primary-mid);
}
.dentify-verified-inline-title--page .dentify-verified-badge svg {
width: 1.25rem;
height: 1.25rem;
}
@media (min-width: 640px) {
.dentify-verified-inline-title--page .dentify-verified-badge svg {
width: 1.5rem;
height: 1.5rem;
}
}
/* Legacy wrapper (if still present in cached markup) */
.dentify-clinic-title-row {
display: block;
line-height: 1.35;
}
.dentify-clinic-title-row h1,
.dentify-clinic-title-row h3 {
display: inline;
margin: 0;
vertical-align: middle;
}
.dentify-clinic-title-row .dentify-verified-badge {
display: inline-flex;
vertical-align: middle;
margin-left: 0.35rem;
line-height: 0;
}
.kdf-hospitals-empty-wrap {
padding: 2.5rem 1.25rem;
text-align: center;
background-color: var(--kdf-cream);
border-radius: 0.75rem;
border: 1px solid var(--kdf-primary-border);
margin-bottom: 10px;
}
.dark .kdf-hospitals-empty-wrap {
background-color: #1f2937;
border-color: var(--kdf-primary-border);
}
.kdf-hospitals-empty {
margin: 1rem 0;
}
/* Shortcode doctor card — standardized name, degree, speciality, meta rows */
.doctor-card-component .kdf-card-head {
display: flex;
flex-direction: column;
gap: 0.25rem;
margin: 0;
padding: 0;
}
.doctor-card-component .kdf-card-name {
margin: 0;
padding: 0;
font-size: 1rem;
font-weight: 600;
line-height: 1.35;
color: #111827;
}
.dark .doctor-card-component .kdf-card-name,
.dark .doctor-card-component .kdf-card-name a {
color: #f9fafb;
}
.doctor-card-component .kdf-card-name a {
color: inherit;
text-decoration: none;
}
.doctor-card-component .kdf-card-name a:hover {
color: var(--kdf-primary);
}
.doctor-card-component .kdf-card-degree,
.doctor-card-component .kdf-card-speciality,
.doctor-card-component .kdf-card-detail-row {
margin: 0;
padding: 0;
}
.doctor-card-component .kdf-card-degree {
font-size: 0.8125rem;
line-height: 1.4;
font-weight: 400;
color: #6b7280;
}
.dark .doctor-card-component .kdf-card-degree {
color: #9ca3af;
}
.doctor-card-component .kdf-card-speciality {
font-size: 0.875rem;
line-height: 1.4;
font-weight: 600;
color: var(--kdf-primary);
}
.dark .doctor-card-component .kdf-card-speciality {
color: var(--kdf-primary-mid);
}
.doctor-card-component .kdf-card-speciality a {
color: inherit;
font-weight: inherit;
text-decoration: none;
}
.doctor-card-component .kdf-card-speciality a:hover {
text-decoration: underline;
}
.doctor-card-component .kdf-card-details {
display: flex;
flex-direction: column;
gap: 0.375rem;
margin-top: 0.5rem;
}
.doctor-card-component .kdf-card-detail-row {
display: flex;
align-items: flex-start;
gap: 0.375rem;
font-size: 0.8125rem;
line-height: 1.4;
color: #4b5563;
}
.dark .doctor-card-component .kdf-card-detail-row {
color: #d1d5db;
}
.doctor-card-component .kdf-card-detail-row svg {
flex-shrink: 0;
width: 0.875rem;
height: 0.875rem;
margin-top: 0.125rem;
color: #9ca3af;
}
.dark .doctor-card-component .kdf-card-detail-row svg {
color: #6b7280;
}
.doctor-card-component .kdf-card-detail-row a {
color: var(--kdf-primary);
text-decoration: none;
}
.doctor-card-component .kdf-card-detail-row a:hover {
text-decoration: underline;
}
.doctor-card-component .kdf-card-about {
display: none;
font-size: 0.8125rem;
line-height: 1.5;
color: #4b5563;
}
.dark .doctor-card-component .kdf-card-about {
color: #d1d5db;
}
.doctor-card-component .kdf-card-about p {
margin: 0 0 0.5rem;
font-size: inherit;
line-height: inherit;
}
.doctor-card-component .kdf-card-about p:last-child {
margin-bottom: 0;
}
@media (min-width: 640px) {
.doctor-card-component .kdf-card-name {
font-size: 1.1875rem;
}
.doctor-card-component .kdf-card-degree {
font-size: 0.9375rem;
}
.doctor-card-component .kdf-card-speciality {
font-size: 1rem;
}
.doctor-card-component .kdf-card-detail-row {
font-size: 0.9375rem;
}
.doctor-card-component .kdf-card-detail-row svg {
width: 1rem;
height: 1rem;
}
.doctor-card-component .kdf-card-about {
display: block;
font-size: 0.9375rem;
}
}
.has-background {
padding: 20px !important;
}
/* Google featured-snippet surgeon name list */
.abdbd-featured-snippet {
margin: 0 0 1.5rem;
padding: 1.25rem 1.5rem;
border: 1px solid var(--kdf-primary-border);
border-radius: 0.75rem;
background: var(--kdf-cream);
box-shadow: none;
}
.dark .abdbd-featured-snippet {
border-color: var(--kdf-primary-border);
background: rgba(0, 158, 135, 0.12);
}
.abdbd-featured-snippet__title {
margin: 0 0 0.75rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.35;
color: #333333;
}
.dark .abdbd-featured-snippet__title {
color: #f9fafb;
}
.abdbd-featured-snippet__intro {
margin: 0 0 1rem;
font-size: 0.9375rem;
line-height: 1.65;
color: #4b5563;
}
.dark .abdbd-featured-snippet__intro {
color: #d1d5db;
}
.abdbd-featured-snippet__list-title {
margin: 0 0 0.625rem;
font-size: 1rem;
font-weight: 600;
color: #009e87;
}
.dark .abdbd-featured-snippet__list-title {
color: #7fcfc2;
}
.abdbd-featured-snippet__list {
margin: 0;
padding: 0 0 0 0.25rem;
list-style: none;
}
.abdbd-featured-snippet__item {
position: relative;
margin: 0;
padding: 0.5rem 0 0.5rem 1.35rem;
border-bottom: 1px solid rgba(0, 158, 135, 0.12);
}
.abdbd-featured-snippet__item::before {
content: "";
position: absolute;
left: 0.2rem;
top: 0.95rem;
width: 0.45rem;
height: 0.45rem;
border-radius: 9999px;
background: #009e87;
}
.dark .abdbd-featured-snippet__item::before {
background: #7fcfc2;
}
.abdbd-featured-snippet__item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.abdbd-featured-snippet__item:last-child::before {
top: 0.85rem;
}
.abdbd-featured-snippet__link {
display: block;
font-size: 0.9375rem;
font-weight: 500;
line-height: 1.45;
color: #009e87;
text-decoration: none;
}
.abdbd-featured-snippet__link:hover {
color: #007a68;
text-decoration: underline;
}
.dark .abdbd-featured-snippet__link {
color: #7fcfc2;
}
.dark .abdbd-featured-snippet__link:hover {
color: #eef7fc;
}
.abdbd-doctors-listing-seo {
margin: 0 0 1.25rem;
}
.abdbd-doctors-listing-seo__title {
margin: 0 0 0.875rem;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.35;
color: #111827;
}
.dark .abdbd-doctors-listing-seo__title {
color: #f9fafb;
}
.abdbd-doctors-listing-seo__paragraph {
margin: 0 0 1rem;
font-size: 0.9375rem;
line-height: 1.7;
color: #4b5563;
}
.dark .abdbd-doctors-listing-seo__paragraph {
color: #d1d5db;
}
.ez-toc-link {
border-bottom: unset !important;
}
.ez-toc-list li:before {
content: unset !important;
position: unset !important; 
}
[id^="ez-toc-container"] a {
border-bottom: unset !important;
}