html {
    height: auto;
}

body--text p:not(:last-child) {
    margin-bottom: 10px;
}

body--text h1:not(:last-child),
body--text h2:not(:last-child),
body--text h3:not(:last-child),
body--text h4:not(:last-child),
body--text h5:not(:last-child),
body--text h6:not(:last-child) {
    margin-bottom: 10px;
}

/* ---------------------------------------------------------------------------
   theme--teffont responsive overrides
   The .theme--teffont body class (specificity 0,1,0) overrides the responsive
   heading-size and section-padding values that beckford-hotels.css defines on
   `body` (specificity 0,0,1), so the breakpoint values never applied under the
   theme. These re-declare them at matching specificity, later in the cascade.
   --------------------------------------------------------------------------- */

@media screen and (max-width: 991px) {
    .theme--teffont {
        --font-sizes--heading-1: 6rem;
        --font-sizes--heading-2: clamp(4rem, 5vw, 6rem);
        --font-sizes--heading-3: 2rem;
        --font-sizes--heading-4: 1.5rem;
        --font-sizes--heading-5: 1.2rem;
        --font-sizes--heading-6: .8rem;
    }
}

@media screen and (max-width: 767px) {
    .theme--teffont {
        --font-sizes--heading-1: 6rem;
        --font-sizes--heading-2: clamp(3rem, 5vw, 5rem);
        --font-sizes--heading-3: 2.8rem;
        --font-sizes--heading-4: 1.5rem;
        --font-sizes--heading-5: 1.2rem;
        --font-sizes--heading-6: .8rem;
    }
}

@media screen and (max-width: 479px) {
    .theme--teffont {
        --font-sizes--heading-1: 6rem;
        --font-sizes--heading-2: clamp(2rem, 4vw, 4rem);
        --font-sizes--heading-3: 2rem;
        --font-sizes--heading-4: 1.5rem;
        --font-sizes--heading-5: 1.2rem;
        --font-sizes--heading-6: .8rem;
        --section-padding--section-padding-lr: 32px;
        --section-padding--section-padding-tb: 32px;
        --section-padding--section-spacer-sm: 32px;
        --section-padding--section-spacer-md: 64px;
    }
}