﻿h1, h2, h3, h4, h5 {
    font-family: 'Adelle', sans-serif;
    margin-block-start: 2rem;
    margin-block-end: 2rem;
}



p {
    margin-block-end: 1em;
}

blockquote, .blockquote {
    font-family: 'Adelle';
    font-style: italic;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    border:none;
    margin-left: 0px;
    text-indent:0px;
}

blockquote:before, .blockquote:before {
    font-family: Georgia;
    font-size: 100px;
    font-weight: 400;
    line-height: 1px;
    letter-spacing: 0px;
    vertical-align: 0px;
    text-align: right;
    content: "“";
    margin-right:-35px;
}

.text-big {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
}

.text-small {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.03em;
}

.label {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
}


main ul, main ol {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 2em;
    list-style:disc;
}

    main ul li::marker, main ol li::marker {
        color: var(--primary-color);
    }

main ol {
    list-style-type: decimal;
}


main a:not(.btn):not(.unstyled), .footer-content-upper-links a:not(.btn):not(.unstyled) {
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: var(--primary-color);
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    transition: text-decoration-color 100ms linear;
}

.background-pink a:not(.btn) {
    text-decoration-color: #fff;
}

main a:not(.btn):not(.unstyled):hover, .footer-content-upper-links a:not(.btn):not(.unstyled):hover {
    text-decoration: underline;
    text-decoration-color: var(--primary-color-alpha);
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
}

a.link {
    font-size: 16px;
    line-height: 24px;
}

a.link--cta {
    font-size: 18px;
    line-height: 30px;
}

a.link--cta:after {
    background: url(../images/arrow.svg) no-repeat;
    background-size: contain;
    content: '';
    width: 17.5px;
    height: 10px;
    margin-left: 8px;
    display:inline-block;
    transform: translateX(0px);
    transition: transform 0.3s;
}

a.link--cta:hover:after {
    transform: translateX(4px);
}


/* Everything larger than 900 */
@media only screen and (min-width: 900px) {


    p {
        margin-block-end: 1em;
    }

    blockquote, .blockquote {
        font-size: 24px;
        line-height: 34px;
    }

    .text-big {
        font-size: 24px;
        line-height: 34px;
    }

    .text-small {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: normal;
    }

    .label {
        font-size: 15px;
        line-height: 19px;
    }
}

/* Mobile styles */
@media only screen and (max-width: 480px) {
    h1 {
        font-size: 40px;
    }
}




h1, .heading-1 {
    font-family: 'Adelle', Georgia, serif;
    font-weight: 400;
    font-size: clamp(52px, calc(46.8px + 1.333vw), 66px);
    line-height: clamp(62px, calc(55.31px + 1.714vw), 80px);
    letter-spacing: -0.03em;
    font-feature-settings: 'lnum', 'pnum';
}

h2, .heading-2 {
    font-family: 'Adelle', Georgia, serif;
    font-weight: 400;
    font-size: clamp(36px, calc(31.54px + 1.143vw), 48px);
    line-height: normal;
    letter-spacing: 0;
    font-feature-settings: 'lnum', 'pnum';
}

h3, .heading-3 {
    font-family: $font-primary;
    font-weight: 400;
    font-size: clamp(34px, calc(30.29px + 0.952vw), 44px);
    line-height: 1.318;
    letter-spacing: -0.03em;
    font-feature-settings: 'lnum', 'pnum';
}

h4, .heading-4 {
    font-family: 'Adelle', Georgia, serif;
    font-weight: 600;
    font-size: clamp(22px, calc(20.51px + 0.381vw), 26px);
    line-height: clamp(32px, calc(30.51px + 0.381vw), 36px);
    letter-spacing: 0;
}

h5, .heading-5 {
    font-family: 'Adelle', Georgia, serif;
    font-weight: 400;
    font-size: clamp(20px, calc(19.26px + 0.190vw), 22px);
    line-height: clamp(30px, calc(29.26px + 0.190vw), 32px);
    letter-spacing: 0;
    font-feature-settings: 'lnum', 'pnum';
}

h6, .heading-6 {
    font-family: 'Adelle', Georgia, serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.03em;
    font-feature-settings: 'lnum', 'pnum';
}