/**
* Theme Name: Ambons Child
* Description: This is a child theme of Ambons, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/tona-theme">Tona Theme</a>
* Template: ambons
* Version: 1.7
*/
/* ---------------------------------------------------------
   Breadcrumb hero title: promoted h2 -> h1 for SEO (2026-08-19).
   Mirrors .breadcrumb-area .title h2 from the parent theme so
   the change is semantic only and nothing moves visually.
   --------------------------------------------------------- */
.breadcrumb-area .title h1 {
    color: #ffffff;
    font-size: 50px;
    line-height: 1.3em;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .breadcrumb-area .title h1 {
        font-size: 34px;
    }
}


/* ---------------------------------------------------------
   Breadcrumb hero banner: reduced height sitewide (2026-08-20).
   Parent theme sets padding 202px 0 150px in breadcrumb-section.css,
   which is enqueued AFTER this file, so these rules carry an extra
   `body` to win on specificity rather than order.
   Top padding still clears the absolutely-positioned .main-header.
   --------------------------------------------------------- */
body .breadcrumb-area .inner-content {
    padding: 150px 0 55px;
}

body .breadcrumb-area .title h1 {
    font-size: 34px;
    line-height: 1.25em;
    margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body .breadcrumb-area .inner-content {
        padding: 130px 0 45px;
    }
    body .breadcrumb-area .title h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    body .breadcrumb-area .inner-content {
        padding: 110px 0 40px;
    }
    body .breadcrumb-area .title h1 {
        font-size: 26px;
    }
}

/* ---------------------------------------------------------
   Elementor page-hero height reduction (2026-08-20).
   The blue title banner on most pages is an Elementor heading
   widget padded 200px/140px (340px total). Five element IDs
   cover all 63 pages because the pages were duplicated.
   Elementor's per-page CSS is enqueued after this file and
   carries a page-ID prefix we cannot match, so !important is
   the only reliable override.
   --------------------------------------------------------- */
.elementor-element-ccd0dde > .elementor-widget-container,
.elementor-element-a62d909 > .elementor-widget-container,
.elementor-element-ea15b89 > .elementor-widget-container,
.elementor-element-51373d5 > .elementor-widget-container,
.elementor-element-993861a > .elementor-widget-container {
    padding: 70px 0 50px 0 !important;
}

@media only screen and (max-width: 991px) {
    .elementor-element-ccd0dde > .elementor-widget-container,
    .elementor-element-a62d909 > .elementor-widget-container,
    .elementor-element-ea15b89 > .elementor-widget-container,
    .elementor-element-51373d5 > .elementor-widget-container,
    .elementor-element-993861a > .elementor-widget-container {
        padding: 55px 0 40px 0 !important;
    }
}

/* ---------------------------------------------------------
   County page "essentials" facts block (2026-08-20).
   Injected as an Elementor HTML widget directly under the hero
   on the nine lifeguard-class-in-* pages.
   --------------------------------------------------------- */
.ua-facts{font-size:17px;line-height:1.6}
.ua-facts__box{border:1px solid #d9e2e6;border-radius:6px;padding:24px 26px;background:#f7fafb}
.ua-facts h2{font-size:26px;line-height:1.25;margin:0 0 14px}
.ua-facts h3{font-size:19px;margin:22px 0 10px}
.ua-facts ul{margin:0 0 4px;padding-left:20px;list-style:disc}
.ua-facts li{margin-bottom:7px}
.ua-facts__tablewrap{overflow-x:auto;margin:6px 0 4px}
.ua-facts table{border-collapse:collapse;width:100%;background:#fff;font-size:16px}
.ua-facts th,.ua-facts td{border:1px solid #d9e2e6;padding:9px 12px;text-align:left}
.ua-facts th{background:#eef4f6;font-weight:700}
.ua-facts td.ua-num{white-space:nowrap;font-variant-numeric:tabular-nums}
.ua-facts__note{margin:16px 0 0;padding:12px 14px;background:#fff;border-left:3px solid #0b6e80}
.ua-facts__note p{margin:0}
.ua-facts__cta{margin:16px 0 0}
@media(max-width:767px){.ua-facts h2{font-size:22px}.ua-facts{font-size:16px}.ua-facts__box{padding:18px 16px}}