﻿h1, h2, h3, h4, h5 {
    font-family: 'Adelle', sans-serif;
    margin-block-start: 2rem;
    margin-block-end: 2rem;
}

h1 {
    font-style: normal;
    font-weight: normal;
    font-size: 52px;
    line-height: 62px;
}

h2 {
    font-family: 'Adelle';
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 45px;
}

h3 {
    font-family: 'Adelle';
    font-style: normal;
    font-weight: normal;      
    font-size: 34px;
    line-height: 42px;
}

h4 {
    font-family: 'Adelle';
    font-style: normal;
    font-weight: normal;  
    font-size: 20px;
    line-height: 30px;
}

h5 {
    font-style: normal;    
    font-family: 'Adelle';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
}

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) {
    h1 {
        letter-spacing: -0.03em;
        font-size: 66px;
        line-height: 80px;
        letter-spacing: -0.03em;
    }

    h2 {
        font-size: 48px;
        line-height: 60px;
    }

    h3 {
        font-size: 44px;
        line-height: 58px;
        letter-spacing: -0.03em;
    }

    h4 {
        font-size: 22px;
        line-height: 32px;
    }

    h5 {
        font-family: 'AdelleSans';
        font-weight: 600;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.03em;
    }

    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;
    }
}