body {
    color: #002239;
    background-color: #fff;
    font-family: "ITV Text Sans", sans-serif;
    font-size: 1.2rem;
    line-height: 1.2;
    text-wrap: pretty;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.itv-logo {
    margin-bottom: 2.5rem;
}

a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.1em;
    overflow-wrap: break-word;
}

.intro-heading {
    font-size: 3.5rem;
    font-weight: lighter;
    line-height: 0.8 !important;
}

.font-serif {
    font-family: "ITV Display Serif", sans-serif;
    font-style: italic;
    line-height: 0.9;
}


/* collapse */

.main-collapse-container {
    .collapse-container {
        border-top: 1px solid #A3B0C5;

        &:last-of-type {
            border-bottom: 1px solid #A3B0C5;
        }

        .collapse-btn {
            font-size: 1.2rem;
            font-weight: bold;
            text-decoration: none;
            line-height: 1.2;
            text-align: left;
            width: 100%;
            padding: 1.25rem 0;
            border-radius: 0;
            display: flex;
            align-items: center;
            justify-content: space-between;

            &:hover {
                background-color: #f5f5f5;
            }

            &:focus {
                box-shadow: none;
            }

            &:focus-visible {
                background-color: #f5f5f5;
            }

            &[aria-expanded="true"] {
                .collapse-arrow {
                    transform: rotate(90deg);
                }
            }
        }

        .collapse-btn-heading {}

        .collapse-arrow {
            padding-left: 1.25rem;
            display: inline-block;
            transition: all .3s ease;
        }
    }

}


/* section title */

.section-title-strip {
    background-color: #002239;
    padding: 8px 15px;
    margin-bottom: 25px;
}

.section-title-strip-text {
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}


/* fonts */

@font-face {
    font-family: 'ITV Text Sans';
    font-weight: 100;
    src: url('../fonts/itv-text-sans/ITVTextSans-Light.woff2') format('woff2'),
        url('../fonts/itv-text-sans/ITVTextSans-Light.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'ITV Text Sans';
    font-weight: 400;
    src: url('../fonts/itv-text-sans/ITVTextSans-Regular.woff2') format('woff2'),
        url('../fonts/itv-text-sans/ITVTextSans-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'ITV Text Sans';
    font-weight: 700;
    src: url('../fonts/itv-text-sans/ITVTextSans-Bold.woff2') format('woff2'),
        url('../fonts/itv-text-sans/ITVTextSans-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'ITV Display Serif';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/itv-display-serif/ITVDisplaySerif-Bold.woff2') format('woff2'),
        url('../fonts/itv-display-serif/ITVDisplaySerif-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'ITV Display Serif';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/itv-display-serif/ITVDisplaySerif-BoldItalic.woff2') format('woff2'),
        url('../fonts/itv-display-serif/ITVDisplaySerif-BoldItalic.woff') format('woff');
    font-display: swap;
}


/* media queries */

@media (min-width: 768px) {
    .intro-heading {
        font-size: 5.5rem;
    }
}