/* ------------------------------------------------------------------
   TYPOGRAPHY - match the current national carpetcourt.com.au site.
   Values taken from the national site's stylesheet (styles-m / styles-l):

     body  Brother 1816, 14px (1.4rem on a 62.5% root), weight 400,
           line-height 1.57, letter-spacing -0.1px, colour #382E2C
     h1    36px (30px below 768px), weight 500, line-height 120%,
           letter-spacing 0.05em, uppercase, margin-bottom 21px, #382E2C

   TO REVERT: remove the single <link> to this file in _Layout.cshtml.
   Everything falls back to the original sizes and boxed headings in site.css.
   ------------------------------------------------------------------ */

body {
    color: #382E2C;
    font-family: 'brother_1816regular', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.57;
    letter-spacing: -0.1px;
}

/* Page headings (home sections, product/FAQ/contact sections) */
h1.special, h2.special, .sub-page-top h1.sub-page-title {
    font-family: 'brother_1816regular', Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

h1.special, h2.special {
    color: #382E2C;
    text-align: center;
    padding: 0;
    margin: 40px auto 21px;
    max-width: none;
    min-width: 0;
}

    h1.special::before, h2.special::before,
    h1.special::after, h2.special::after {
        display: none;
    }

/* Sub headings (h2.section-heading is used inside page copy so headings nest correctly for SEO) */
h3.special, h2.section-heading {
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #382E2C;
    margin-bottom: 21px;
}

/* Sidebar panel keeps its compact heading */
.measure-and-quote h2 {
    font-weight: normal;
    font-size: 14px;
    letter-spacing: normal;
    line-height: inherit;
    margin: 0 0 10px 0;
}

/* Product page intro sits one step above body copy */
.sub-page-main .page-intro {
    font-size: 16px;
}

@media (min-width: 768px) {
    h1.special, h2.special, .sub-page-top h1.sub-page-title {
        font-size: 36px;
    }
}