:root {
    --color-vitas-blue: #032D5A;
    --color-vitas-blue-50: #032c5980;
    --color-vitas-blue-25: #032c5940;
    --color-vitas-orange: #d2460f;
    --color-young-talent-red: #CE2A26;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
q,
cite {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-wrap: break-word;
}

h1,
h2 {
    color: var(--color-vitas-blue);
    font-weight: 700;
}

.text-white {

    span,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a,
    q,
    cite {
        color: var(--color-white);
    }
}

ul {
    margin-bottom: 1.75rem;
    padding-left: 1rem;
    list-style: disc;
}

div ul:last-child,
div p:last-child {
    margin-bottom: 0;
}

ul.pl-0 {
    padding-left: 0;
}

li,
e li p {
    padding-bottom: 0;
    line-height: 1.75rem;
}

p {
    line-height: 1.75rem;
}

p.pb-0 {
    padding-bottom: 0;
}

h3,
h4,
h5,
h6,
q,
cite {
    color: var(--color-vitas-blue);
    font-weight: 600;
}

q,
cite {
    font-weight: normal;
}

q {
    font-style: italic;
}

h4 {
    font-weight: 400;
}

.young-talent-context {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--color-young-talent-red);
    }
}

.bg-color,
.bg-vitas-blue,
.bg-vitas-orange,
.bg-young-talent-red {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a,
    q,
    cite {
        color: var(--color-white);
    }
}

.w-half {
    width: calc(50% - var(--spacing) * 8);
}

.mask {
    mask-image: none;
    -webkit-mask-image: none;
    mask-position: top left;
    -webkit-mask-position: top left;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
}

@media (min-width: 768px) {
    .mask {
        mask-image: url("../assets/mask_extended_black.svg");
        -webkit-mask-image: url("../assets/mask_extended_black.svg");
    }
}

.btn-mask {
    mask-image: url("../assets/mask_button.svg");
    -webkit-mask-image: url("../assets/mask_button.svg");
    mask-position: top left;
    -webkit-mask-position: top left;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-size: cover;
}

.btn.btn-primary {
    background: var(--color-vitas-orange);
    border-color: var(--color-white);
    color: var(--color-white);
}

.btn.btn-secondary {
    background: var(--color-white);
    border-color: var(--color-vitas-orange);
    color: var(--color-vitas-orange);
}

.card-component {
    p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-block-start: 1rem;
    }
}

body .bg-young-talent-red,
.young-talent-context {
    .btn.btn-primary {
        background: var(--color-vitas-blue);
        border-color: var(---color-vitas-blue);
        color: var(--color-white);
    }

    .btn.btn-secondary {
        background: var(--color-white);
        border-color: var(--color-vitas-blue);
        color: var(--color-vitas-blue);
    }

    .btn-svg-fill {
        color: var(--color-vitas-blue);
    }

    .tag {
        color: var(--color-young-talent-red);
        border-color: var(--color-young-talent-red);
    }
}

:root {
    --btn-svg-fill: var(--color-vitas-orange);
}

.btn-svg-fill {
    color: var(--btn-svg-fill);
}

/* poppins-regular - 400 */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../assets/fonts/Poppins-Regular.woff2') format('woff2');
}

/* poppins-400italic */
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('../assets/fonts/Poppins-Italic.woff2') format('woff2');
}

/* poppins-600 - semi-bold */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../assets/fonts/Poppins-SemiBold.woff2') format('woff2');
}

/* poppins-700 - bold */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../assets/fonts/Poppins-Bold.woff2') format('woff2');
}