/* Accessibility fixes — alluredentalspecialist.com, 2026-10-09.
   Loaded after every page's own Divi CSS (BaseLayout). Each rule is scoped to the element it
   fixes; brand colours are the site's own blue (#0c71c3 family). */

/* Screen-reader-only text */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Visible keyboard focus: white ring + brand-blue halo, readable on the black header,
   the dark footer and white pages alike */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
[tabindex]:focus-visible,[role=button]:focus-visible{outline:3px solid #fff!important;outline-offset:0!important;box-shadow:0 0 0 6px #0a5aa0!important}

/* Skip link: off-screen until focused, then shown top-left */
a.screen-reader-shortcut{position:absolute;left:-9999px;top:auto;transition:none!important}
a.screen-reader-shortcut:focus{position:fixed!important;left:12px!important;top:12px!important;z-index:2147483000;
  background:#fff!important;color:#0a5aa0!important;padding:10px 16px!important;font-size:16px!important;
  clip:auto!important;width:auto!important;height:auto!important;text-decoration:underline}

/* Sticky mobile header: white text on #3995E0 was 3.2:1 -> closest darker shade #1f7ac5 (4.52:1) */
.et-db #et-boc .et-l .mbo_header .et_pb_column.mobofirstc{background:#1f7ac5!important}

/* Body-copy and pagination links: Divi default #2ea3f2 on white was 2.75:1 -> closest darker shade
   that also holds on the #f2f2f2 jump-link boxes: #0b73b9 (4.5:1 on #f2f2f2, 5.0:1 on white) */
main .entry-content a:not(.et_pb_button),main .pagination a{color:#0b73b9}

/* Links inside running text are told apart by more than colour */
main p a:not(.et_pb_button):not([class*=button]),main li a:not(.et_pb_button),main td a{text-decoration:underline!important}

/* Homepage title promoted h2 -> h1; look pinned to the measured original */
h1.a11y-home-h1{font-family:'Open Sans',Arial,sans-serif;font-size:50px;line-height:60px;font-weight:500;color:#fff;
  margin:0;padding:0 0 10px;letter-spacing:normal;text-transform:none;text-align:left}
@media (max-width:980px){h1.a11y-home-h1{font-size:42px;line-height:50.4px}}
@media (max-width:767px){h1.a11y-home-h1{font-size:26px;line-height:31.2px}}

/* Footer: stronger overlay so the white text keeps contrast over the light floor of the photo */
footer.et-l--footer div.et_pb_section.et_pb_section_0_tb_footer{background-image:linear-gradient(180deg,#222222 0%,rgba(34,34,34,.86) 100%),
  url(https://alluredentalspecialist.com/wp-content/uploads/2017/11/huntingtonbeachdentaloffice.jpg)!important}

@media only screen and (max-width:767px){footer.et-l--footer div.et_pb_section.et_pb_section_0_tb_footer{background-image:linear-gradient(180deg,#222222 0%,rgba(34,34,34,.86) 100%),
  url(https://alluredentalspecialist.com/wp-content/uploads/2023/09/gaithersburg-mobo-footer.jpg)!important}}

/* Footer bottom row (was switched off in Divi) now carries the credit + legal links */
.et-l--footer .et_pb_row.et_pb_row_1_tb_footer{display:block!important}
.et-l--footer .a11y-credit{font-family:'Open Sans',Arial,sans-serif;font-size:14px;line-height:1.6;font-weight:400;color:#fff;padding:0 0 6px}
.et-l--footer .a11y-credit a{color:#fff;text-decoration:underline}
.et-l--footer .ft-credit{flex-wrap:wrap}
.et-l--footer .ft-credit svg{flex:none}
.et-l--footer nav.ft-legal{font-family:'Open Sans',Arial,sans-serif;font-size:14px;line-height:1.9;color:#fff}
.et-l--footer nav.ft-legal a{color:#fff;text-decoration:underline;display:inline-block;padding:2px 0}

/* Footer contact blurbs became real links: keep their original white text look */
.et-l--footer .et_pb_blurb_description a{color:inherit;overflow-wrap:anywhere}

/* Header "Book Now" became a real link: keep its original look */
.et-l--header .et_pb_blurb_3_tb_header .et_pb_blurb_description a{color:inherit;text-decoration:none}


/* a11y-home-section: homepage intro band behind the white h1 was #4dc3d6 (2.08:1) -> closest darker
   shade reaching 3:1 for large text, #2aa1b5 (black body text there stays 6.9:1) */
body.home .et_pb_section.et_pb_section_1.et_pb_with_background{background-color:#2aa1b5!important}

/* Footer credit link: at least 24px tall target */
.et-l--footer .a11y-credit a{display:inline-block;padding:3px 0}

/* Legal-page contents links: at least 24px tall targets */
.lg-page .lg-toc a{display:inline-block;min-height:24px;padding:2px 0}

/* Review slider dots: same 8px dot, 24x24 hit area (and 32px between centres) */
.swiper-pagination-bullet[role=button]{width:8px!important;height:8px!important;padding:8px;box-sizing:content-box;background-clip:content-box}

/* Mobile form-first hides the page title on phones; keep the h1 for screen readers (visually hidden
   instead of display:none — the look is unchanged) */
@media (max-width:767px){h1.entry-title.mf-hero{display:block!important;position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}}

/* a11y-home-cards: homepage specialty cards — white 12px caption over the photo; overlay strengthened
   from .32-.64 to .55-.82 so the text stays readable on light parts of the photo */
body.home .et_pb_section_2 .et_pb_column_3{background-image:linear-gradient(rgba(34,34,34,.55) 0%,rgba(34,34,34,.82) 100%),url(/wp-content/uploads/2023/11/endodontist.jpg)!important}
body.home .et_pb_section_2 .et_pb_column_4{background-image:linear-gradient(rgba(34,34,34,.55) 0%,rgba(34,34,34,.82) 100%),url(/wp-content/uploads/2023/11/oral-surgery.jpg)!important}
body.home .et_pb_section_2 .et_pb_column_5{background-image:linear-gradient(rgba(34,34,34,.55) 0%,rgba(34,34,34,.82) 100%),url(/wp-content/uploads/2023/11/periodontist.jpg)!important}

/* Review slider pause/play control */
.a11y-slider-toggle{display:block;margin:16px auto 0;padding:6px 14px;min-height:32px;font:600 14px/1.4 'Open Sans',Arial,sans-serif;
  color:#fff;background:#0a5aa0;border:2px solid #fff;border-radius:4px;cursor:pointer;position:relative;z-index:5}
.a11y-slider-toggle:hover{background:#084a84}

/* Divi button icons are drawn from data-icon with ::after; keep them out of the accessible name */
.et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon) / ""}

/* Content tables (patient forms) reflow at 320px, including with enlarged text spacing */
main .entry-content table{width:100%!important;max-width:100%;table-layout:fixed}
main .entry-content td{overflow-wrap:anywhere}
main .entry-content td img{max-width:100%;height:auto}