@import url('css2-STIXTwoTextitalwght05001500_swap.css');
@import url("https://use.typekit.net/aaa8dhr.css");
@import url("https://use.typekit.net/qyx8loz.css"); /* Kings InterHigh 2024 Refresh ***/

/*** Font weights for "Brown"
Thin: 300
Light: 400 (Normal)
Regular: 500
Medium: 700 (Bold)
Bold: 800 (Rarely used)
***/

/*** Font weights for "Adobe Garamond Pro"
Regular: 400
Semibold: 600
Bold: 700
***/

/*** Font Declarations ***/

@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-Thin.eot');
    src: url('../font/BrownLLWeb-Thin.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-Thin.woff2") format("woff2"),
    url("../font/BrownLLWeb-Thin.woff") format("woff"),
    url('../font/BrownLLWeb-Thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-ThinItalic.eot');
    src: url('../font/BrownLLWeb-ThinItalic.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-ThinItalic.woff2") format("woff2"),
    url("../font/BrownLLWeb-ThinItalic.woff") format("woff"),
    url('../font/BrownLLWeb-ThinItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-Light.eot');
    src: url('../font/BrownLLWeb-Light.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-Light.woff2") format("woff2"),
    url("../font/BrownLLWeb-Light.woff") format("woff"),
    url('../font/BrownLLWeb-Light.ttf') format('truetype');
    font-weight: 400;
    font-style:  normal;
}
@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-LightItalic.eot');
    src: url('../font/BrownLLWeb-LightItalic.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-LightItalic.woff2") format("woff2"),
    url("../font/BrownLLWeb-LightItalic.woff") format("woff"),
    url('../font/BrownLLWeb-LightItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;

}
@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-Regular.eot');
    src: url('../font/BrownLLWeb-Regular.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-Regular.woff2") format("woff2"),
    url("../font/BrownLLWeb-Regular.woff") format("woff"),
    url('../font/BrownLLWeb-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-Italic.eot');
    src: url('../font/BrownLLWeb-Italic.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-Italic.woff2") format("woff2"),
    url("../font/BrownLLWeb-Italic.woff") format("woff"),
    url('../font/BrownLLWeb-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-Medium.eot');
    src: url('../font/BrownLLWeb-Medium.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-Medium.woff2") format("woff2"),
    url("../font/BrownLLWeb-Medium.woff") format("woff"),
    url('../font/BrownLLWeb-Medium.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-MediumItalic.eot');
    src: url('../font/BrownLLWeb-MediumItalic.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-MediumItalic.woff2") format("woff2"),
    url("../font/BrownLLWeb-MediumItalic.woff") format("woff"),
    url('../font/BrownLLWeb-MediumItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-Bold.eot');
    src: url('../font/BrownLLWeb-Bold.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-Bold.woff2") format("woff2"),
    url("../font/BrownLLWeb-Bold.woff") format("woff"),
    url('../font/BrownLLWeb-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Brown";
    src: url('../font/BrownLLWeb-BoldItalic.eot');
    src: url('../font/BrownLLWeb-BoldItalic.eot') format('embedded-opentype'),
    url("../font/BrownLLWeb-BoldItalic.woff2") format("woff2"),
    url("../font/BrownLLWeb-BoldItalic.woff") format("woff"),
    url('../font/BrownLLWeb-BoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}


/*** Globals ***/

:root {
    --text-black: #2a2a2a;
}


html {
    font-size: 16px;
}

body {
    font-family: 'Brown', sans-serif;
    font-weight: 400;
    font-size: 1rem;
}

p,
.pstyle,
ul,
ul li,
ol,
ol li {
    font-family: 'Brown', sans-serif;
    font-weight: 400;
    /*font-size: 1.063rem;*/
    /*line-height: 1.5rem;*/

    /* --- new 2024 --- */
    font-size: 17px;
    line-height: 24px;

    color: #1D1D1B;
}

p,
.pstyle,
ul,
ol {
    margin-bottom: 1.6rem;
}

b, strong {
    font-weight: 700;
}

i, em {
    font-style: italic;
}

p.regular,
.pstyle.regular{
    font-weight: 500;
    line-height: 1.625rem;
    color: var(--grey-darkest);
}

p.regular strong,
.pstyle.regular strong{
    font-weight: 900;
}

p.accent,
.pstyle.accent{
    font-size: 0.875rem;
    line-height: 1.125rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    margin-bottom: 0.625rem;
    font-weight: 700;
    color: var(--grey-mid);
}

p.banner-accent,
.pstyle.banner-accent{
    font-size: 1.125rem;
    line-height: 1.125rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
    margin-bottom: 0.938rem;
}

p.caption, .pstyle.caption, small {
    font-family: 'Brown', sans-serif;;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

ul,
ol {
    padding-left: 0;
    margin-left: 1.875rem;
}

blockquote {
    font-family: adobe-garamond-pro, serif;
    font-style: italic;
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-weight: 600;
}


/*** Headings ***/

h1, h2, h3, h4, h5, .h1style, .h2style, .h3style, .h4style, .h5style, div.h5style > p  {
    font-family: adobe-garamond-pro, serif;
    text-transform: none;
    color: #143256;
    font-style: normal;
}
h2:not(.alt),
h3:not(.alt),
h4:not(.alt),
h5:not(.alt),
.h1style:not(.alt),
.h2style:not(.alt),
.h3style:not(.alt),
.h4style:not(.alt),
.h5style:not(.alt){
    font-weight: 400;
}
h1, .h1style {
    font-weight: 400;
}
h3.alt, .h3style.alt {
    font-family: 'Brown', sans-serif;
    font-weight: 700;
}
h4, .h4style {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1.438rem;
}
h4.alt, .h4style.alt {
    font-family: 'Brown', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-bottom: 1.438rem;
}
h5, .h5style, div.h5style > p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 1.438rem;
}
h5.alt, .h5style.alt {
    font-family: 'Brown', sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

div.content-area a:not(.button) {
    text-decoration: underline !important;
    color: var(--text-black);
}
div.content-area a:not(.button):hover,
div.content-area a:not(.button):active {
    text-decoration: underline !important;
    color: var(--text-black);
}

p:not(.accent) + h2,
p:not(.accent) + .h2style,
ul + h2,
ul + .h2style{
    margin-top: 3rem;
}
p:not(.accent) + h3,
p:not(.accent) + .h3style,
ul + h3,
ul + .h3style{
    margin-top: 2.75rem
}
p:not(.accent) + h4,
p:not(.accent) + .h4style,
ul + h4,
ul + .h4style{
    margin-top: 2.5rem;
}
p:not(.accent) + h5,
p:not(.accent) + .h5style,
ul + h5,
ul + .h5style{
    margin-top: 2.5rem;
}
p:not(.accent) + h6,
p:not(.accent) + .h6style,
ul + h6,
ul + .h6style{
    margin-top: 2.5rem;
}

@media(min-width: 992px) {
    /*h1.display,*/
    /*.h1style.display{*/
    /*    font-size: 5.313rem;*/
    /*    line-height: 5.938rem;*/
    /*    margin-bottom: 1.5rem;*/
    /*}*/
    /*h1.display.eyebrow,*/
    /*.h1style.display.eyebrow {*/
    /*    margin-bottom: 2.5rem;*/
    /*}*/
    /*h1, .h1style {*/
    /*    font-size: 3.313rem;*/
    /*    line-height: 3.625rem;*/
    /*}*/
    /*h2, .h2style {*/
    /*    font-size: 2.5rem;*/
    /*    line-height: 2.75rem;*/
    /*    margin-bottom: 1.563rem;*/
    /*}*/
    /*h3, .h3style {*/
    /*    font-size: 2rem;*/
    /*    line-height: 2.063rem;*/
    /*    margin-bottom: 1.438rem;*/
    /*}*/
    /*h3.alt, .h3style.alt {*/
    /*    font-size: 2rem;*/
    /*    line-height: 2.125rem;*/
    /*    margin-bottom: 1.438rem;*/
    /*}*/
}

@media(min-width: 992px) and (max-width: 1300.98px) {
    h1.display, .h1style.display {
        /*font-size: 4.313rem;*/
        /*line-height: 4.938rem;*/
        /*margin-bottom: 1.5rem;*/
    }
}
@media(min-width: 1301px) {
    h1.display, .h1style.display {
        /*font-size: 4.5rem;*/
        /*line-height: 4.75rem;*/
        /*margin-bottom: 1.5rem;*/
    }
}

/*** SAMSUNG SMART FRIDGE / SMEG KETTLE / HOTPOINT TABLET BREAKPOINT ***/
@media(min-width:992px) and (max-width:1366px) {
    h1.display, .h1style.display {
        font-size: 3.875rem;
        line-height: 4.188rem;
        margin-bottom: 1.438rem;
    }
    h1, .h1style {
        font-size: 3rem;
        line-height: 3.313rem;
        line-height: rem;
    }
    h2, .h2style {
        font-size: 2.125rem;
        line-height: 2.375rem;
        margin-bottom: 1.25rem;
    }
    h3, .h3style {
        font-size: 1.875rem;
        line-height: 2.063rem;
        margin-bottom: 1.438rem;
    }
    h3.alt, .h3style.alt {
        font-size: 1.875rem;
        line-height: 2rem;
        margin-bottom: 1.438rem;
    }
}


@media(max-width: 991px) {
    h1.display, .h1style.display {
        font-size: 3.25rem;
        line-height: 3.625rem;
        margin-bottom: 1.438rem;
    }
    h1.display.eyebrow, .h1style.eyebrow {
        margin-bottom: 2rem;
    }
    h1, .h1style {
        font-size: 2.688rem;
        line-height: 3rem;
    }
    h2, .h2style {
        font-size: 1.938rem;
        line-height: 2.25rem;
        margin-bottom: 1.25rem;
    }
    h3, .h3style {
        font-size: 1.75rem;
        line-height: 2rem;
        margin-bottom: 1.438rem;
    }
    h3.alt, .h3style.alt {
        font-size: 1.75rem;
        line-height: 1.938rem;
        margin-bottom: 1.438rem;
    }

    p.banner-accent, .pstyle.banner-accent {
        font-size: 1rem;
    }
}

.f14-light {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

blockquote {
    font-style: normal !important;
}

.v2021_TERM_TABLE .header-term-table h2, .v2021_TERM_TABLE .header-term-table h4 {

    color: #fff;
}










/********* 2024 Fonts Update **********/

/*** These styles are active on all viewports... ***/


h1, h2, h3, h4, h5,
.h1style, .h2style, .h3style, .h4style, .h5style,
div.h5style > p {
    color: var(--text-black);
}

h1, .h1style,
h2, .h2style {
    font-family: 'Brown', sans-serif;
}
h1,
h1:not(.alt),
.h1style:not(.alt){
    font-weight: bold;
}
h1.alt {
    font-weight: bold;
}
h2,
h2:not(.alt),
.h2style:not(.alt) {
    font-weight: 800;
}
h3, .h3style,
h4, .h4style,
h5, .h5style,
div.h5style > p,
h6, .h6style {
    font-family: adobe-garamond-pro, serif;
}

div.h5style.alt > p {
    font-family: "Brown", sans-serif;
}

h1.serif,
.h1style.serif,
h2.serif,
.h2style.serif,
h3.serif,
.h3style.serif,
h4.serif,
.h4style.serif,
h5.serif,
.h5style.serif,
h6.serif,
.h6style.serif,
a.serif,
p.serif {
    font-family: adobe-garamond-pro, serif;
    font-weight: 500 /* SemiBold */;
}

h1.sans-serif,
.h1style.sans-serif,
h2.sans-serif,
.h2style.sans-serif,
h3.sans-serif,
.h3style.sans-serif,
h4.sans-serif,
.h4style.sans-serif,
h5.sans-serif,
.h5style.sans-serif,
h6.sans-serif,
.h6style.sans-serif,
a.sans-serif,
p.sans-serif {
    font-family: 'Brown', sans-serif;
}

h1.doodle,
.h1style.doodle,
h2.doodle,
.h2style.doodle,
h3.doodle,
.h3style.doodle,
h4.doodle,
.h4style.doodle,
h5.doodle,
.h5style.doodle,
h6.doodle,
.h6style.doodle,
a.doodle,
p.doodle {
    font-family: "pf-reminder", sans-serif;
    font-weight: 400;
}


h1.alt {
    font-weight: 900;
}

/*** New 2024 font sizes for just desktop - mobile inherits from old styles ***/
@media(min-width: 1599.98px) {
    h1,
    h1:not(.alt),
    .h1style,
    .h1style:not(.alt){
        font-size: 62px;
        line-height: 74px;
        margin-bottom: 30px;
    }
    h1.alt,
    .h1style.alt {
        font-size: 80px;
        line-height: 84px;
        margin-bottom: 30px;
    }
    h2,
    h2:not(.alt),
    .h2style,
    .h2style:not(.alt) {
        font-size: 48px;
        line-height: 56px;
        margin-bottom: 30px;
    }
    h3,
    h3:not(.alt),
    .h3style,
    .h3style:not(.alt) {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 30px;
    }
    h4,
    h4.alt,
    h4:not(.alt),
    .h4style,
    .h4style.alt,
    .h4style:not(.alt) {
        font-size: 32px;
        line-height: 41px;
        margin-bottom: 20px;
    }
    h5,
    h5:not(.alt),
    .h5style,
    .h5style:not(.alt),
    div.h5style > p {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    h6,
    h6:not(.alt),
    .h6style,
    .h6style:not(.alt),
    div.h6style > p {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}

@media(max-width: 991.98px) {
    h1, .h1style {
        font-size: 2.388rem;
        line-height: 2.8rem;
    }
}

p.large {
    font-size: 18px;
    line-height: 28px;
}