/* main.css */


/* vendors */

@import './vendor/bootstrap.css';

/* fonts */

@import '../fonts/google.css';

/* base */

@import './base/globals.css';

/* layout */

@import './layout/nav-bar.css';
@import './layout/sub-nav-bar.css';
@import './layout/footer.css';
@import './layout/privacy-rights-modal.css';

/* components */

/*@import './components/imagefader.css';
@import './components/links-and-buttons.css';
@import './components/sections.css';*/



/**** our team page ***/
:root {
    /* header and footer */
    --large-title-1-font-family: "Instrument Sans", Helvetica;
    --large-title-1-font-weight: 500;
    --large-title-1-font-size: 56px;
    --large-title-1-letter-spacing: 0px;
    --large-title-1-line-height: normal;
    --large-title-1-font-style: normal;
    --large-title-2-font-family: "Instrument Sans", Helvetica;
    --large-title-2-font-weight: 500;
    --large-title-2-font-size: 32px;
    --large-title-2-letter-spacing: 0px;
    --large-title-2-line-height: normal;
    --large-title-2-font-style: normal;
    --large-title-3-font-family: "Instrument Sans", Helvetica;
    --large-title-3-font-weight: 500;
    --large-title-3-font-size: 26px;
    --large-title-3-letter-spacing: 0px;
    --large-title-3-line-height: normal;
    --large-title-3-font-style: normal;
    --large-lead-text-font-family: "Instrument Sans", Helvetica;
    --large-lead-text-font-weight: 400;
    --large-lead-text-font-size: 24px;
    --large-lead-text-letter-spacing: 0px;
    --large-lead-text-line-height: 36px;
    --large-lead-text-font-style: normal;
    --large-lead-text-medium-font-family: "Instrument Sans", Helvetica;
    --large-lead-text-medium-font-weight: 500;
    --large-lead-text-medium-font-size: 24px;
    --large-lead-text-medium-letter-spacing: 0px;
    --large-lead-text-medium-line-height: 36px;
    --large-lead-text-medium-font-style: normal;
    --large-body-medium-font-family: "Instrument Sans", Helvetica;
    --large-body-medium-font-weight: 500;
    --large-body-medium-font-size: 18px;
    --large-body-medium-letter-spacing: 0px;
    --large-body-medium-line-height: 26px;
    --large-body-medium-font-style: normal;
    --large-body-font-family: "Instrument Sans", Helvetica;
    --large-body-font-weight: 400;
    --large-body-font-size: 18px;
    --large-body-letter-spacing: 0px;
    --large-body-line-height: 26px;
    --large-body-font-style: normal;
    --large-caption-font-family: "Instrument Sans", Helvetica;
    --large-caption-font-weight: 400;
    --large-caption-font-size: 14px;
    --large-caption-letter-spacing: 0px;
    --large-caption-line-height: 22px;
    --large-caption-font-style: normal;
    --large-cta-font-family: "Instrument Sans", Helvetica;
    --large-cta-font-weight: 400;
    --large-cta-font-size: 18px;
    --large-cta-letter-spacing: 0px;
    --large-cta-line-height: normal;
    --large-cta-font-style: normal;
    --medium-cta-font-family: "Instrument Sans", Helvetica;
    --medium-cta-font-weight: 400;
    --medium-cta-font-size: 16px;
    --medium-cta-letter-spacing: 0px;
    --medium-cta-line-height: normal;
    --medium-cta-font-style: normal;
    --colors-neutral-n-0: rgba(255, 255, 255, 1);
    --colors-neutral-n-100: rgba(238, 244, 248, 1);
    --colors-neutral-n-200: rgba(201, 213, 221, 1);
    --colors-neutral-n-300: rgba(146, 171, 187, 1);
    --colors-neutral-n-500: rgba(88, 103, 112, 1);
    --colors-neutral-n-600: rgba(58, 68, 75, 1);
    --colors-neutral-n-700: rgba(29, 34, 37, 1);
    --colors-light-blue-lb-100: rgba(234, 250, 255, 1);
    --colors-light-blue-lb-200: rgba(198, 232, 243, 1);
    --colors-light-blue-lb-300: rgba(153, 208, 230, 1);
    --colors-light-blue-lb-400: rgba(51, 111, 150, 1);
    --colors-light-blue-lb-500: rgba(30, 73, 101, 1);
    --colors-light-blue-lb-600: rgba(20, 55, 78, 1);
    --colors-light-blue-lb-700: rgba(11, 36, 54, 1);
    --colors-primary-title: var(--colors-neutral-n-700);
    --colors-primary-paragraph: var(--colors-neutral-n-500);
    --colors-secondary-title: var(--colors-neutral-n-600);
    --colors-extended-contrast-blue: rgba(0, 89, 185, 1);
    --numbers-spacing-spacing-none: 0px;
    --numbers-spacing-spacing-xs: 8px;
    --numbers-spacing-spacing-sm: 16px;
    --numbers-spacing-spacing-md: 24px;
    --numbers-spacing-spacing-lg: 32px;
    --numbers-spacing-spacing-xl: 56px;
    --numbers-spacing-spacing-xxl: 64px;
    --numbers-spacing-spacing-huge: 80px;
    /*** our team page ***/
    --large-title-3-font-family: "Instrument Sans", Helvetica;
    --large-title-3-font-weight: 500;
    --large-title-3-font-size: 26px;
    --large-title-3-letter-spacing: 0px;
    --large-title-3-line-height: normal;
    --large-title-3-font-style: normal;
    --large-title-1-font-family: "Instrument Sans", Helvetica;
    --large-title-1-font-weight: 500;
    --large-title-1-font-size: 56px;
    --large-title-1-letter-spacing: 0px;
    --large-title-1-line-height: normal;
    --large-title-1-font-style: normal;
    --large-lead-text-font-family: "Instrument Sans", Helvetica;
    --large-lead-text-font-weight: 400;
    --large-lead-text-font-size: 24px;
    --large-lead-text-letter-spacing: 0px;
    --large-lead-text-line-height: 36px;
    --large-lead-text-font-style: normal;
    --large-title-2-font-family: "Instrument Sans", Helvetica;
    --large-title-2-font-weight: 500;
    --large-title-2-font-size: 32px;
    --large-title-2-letter-spacing: 0px;
    --large-title-2-line-height: normal;
    --large-title-2-font-style: normal;
    --large-body-font-family: "Instrument Sans", Helvetica;
    --large-body-font-weight: 400;
    --large-body-font-size: 18px;
    --large-body-letter-spacing: 0px;
    --large-body-line-height: 26px;
    --large-body-font-style: normal;
    --large-body-medium-font-family: "Instrument Sans", Helvetica;
    --large-body-medium-font-weight: 500;
    --large-body-medium-font-size: 18px;
    --large-body-medium-letter-spacing: 0px;
    --large-body-medium-line-height: 26px;
    --large-body-medium-font-style: normal;
    --large-caption-font-family: "Instrument Sans", Helvetica;
    --large-caption-font-weight: 400;
    --large-caption-font-size: 14px;
    --large-caption-letter-spacing: 0px;
    --large-caption-line-height: 22px;
    --large-caption-font-style: normal;
    --colors-light-blue-lb-200: rgba(198, 232, 243, 1);
    --colors-light-blue-lb-100: rgba(234, 250, 255, 1);
    --colors-neutral-n-600: rgba(58, 68, 75, 1);
    --colors-primary-paragraph: var(--colors-neutral-n-500);
    --colors-secondary-title: var(--colors-neutral-n-600);
    --colors-extended-contrast-blue: rgba(0, 89, 185, 1);
    --colors-neutral-n-0: rgba(255, 255, 255, 1);
    --colors-light-blue-lb-600: rgba(20, 55, 78, 1);
    --colors-neutral-n-500: rgba(88, 103, 112, 1);
    --colors-light-blue-lb-700: rgba(11, 36, 54, 1);
    --colors-light-blue-lb-400: rgba(51, 111, 150, 1);
    --colors-light-blue-lb-300: rgba(120, 170, 202, 1);
    --colors-light-blue-lb-500: rgba(30, 73, 101, 1);
    --colors-neutral-n-200: rgba(201, 213, 221, 1);
    --numbers-spacing-spacing-md: 24px;
    --numbers-spacing-spacing-sm: 16px;
    --numbers-spacing-spacing-none: 0px;
    --numbers-spacing-spacing-lg: 32px;
    --numbers-spacing-spacing-xxl: 64px;
    --numbers-spacing-spacing-xl: 56px;
    --numbers-spacing-spacing-huge: 80px;
    /* member */
    --large-body-font-family: "Instrument Sans", Helvetica;
    --large-body-font-weight: 400;
    --large-body-font-size: 18px;
    --large-body-letter-spacing: 0px;
    --large-body-line-height: 26px;
    --large-body-font-style: normal;
    --large-title-3-font-family: "Instrument Sans", Helvetica;
    --large-title-3-font-weight: 500;
    --large-title-3-font-size: 26px;
    --large-title-3-letter-spacing: 0px;
    --large-title-3-line-height: normal;
    --large-title-3-font-style: normal;
    --large-title-1-font-family: "Instrument Sans", Helvetica;
    --large-title-1-font-weight: 500;
    --large-title-1-font-size: 56px;
    --large-title-1-letter-spacing: 0px;
    --large-title-1-line-height: normal;
    --large-title-1-font-style: normal;
    --large-lead-text-medium-font-family: "Instrument Sans", Helvetica;
    --large-lead-text-medium-font-weight: 500;
    --large-lead-text-medium-font-size: 24px;
    --large-lead-text-medium-letter-spacing: 0px;
    --large-lead-text-medium-line-height: 36px;
    --large-lead-text-medium-font-style: normal;
    --large-cta-font-family: "Instrument Sans", Helvetica;
    --large-cta-font-weight: 400;
    --large-cta-font-size: 18px;
    --large-cta-letter-spacing: 0px;
    --large-cta-line-height: normal;
    --large-cta-font-style: normal;
    --large-caption-font-family: "Instrument Sans", Helvetica;
    --large-caption-font-weight: 400;
    --large-caption-font-size: 14px;
    --large-caption-letter-spacing: 0px;
    --large-caption-line-height: 22px;
    --large-caption-font-style: normal;
    --medium-cta-font-family: "Instrument Sans", Helvetica;
    --medium-cta-font-weight: 400;
    --medium-cta-font-size: 16px;
    --medium-cta-letter-spacing: 0px;
    --medium-cta-line-height: normal;
    --medium-cta-font-style: normal;
    --colors-neutral-n-0: rgba(255, 255, 255, 1);
    --colors-primary-paragraph: var(--colors-neutral-n-500);
    --colors-primary-title: var(--colors-neutral-n-700);
    --colors-secondary-title: var(--colors-neutral-n-600);
    --colors-light-blue-lb-100: rgba(234, 250, 255, 1);
    --colors-light-blue-lb-200: rgba(198, 232, 243, 1);
    --colors-neutral-n-500: rgba(88, 103, 112, 1);
    --colors-neutral-n-700: rgba(29, 34, 37, 1);
    --colors-neutral-n-600: rgba(58, 68, 75, 1);
    --colors-neutral-n-100: rgba(238, 244, 248, 1);
    --colors-light-blue-lb-600: rgba(20, 55, 78, 1);
    --numbers-spacing-spacing-xl: 56px;
    --numbers-spacing-spacing-xs: 8px;
    --numbers-spacing-spacing-md: 24px;
    --numbers-spacing-spacing-sm: 16px;
    --numbers-spacing-spacing-lg: 32px;
}

body, html {
    height: 100%;
    margin: 0;
}

a, a:hover {
    text-decoration: none !important;
}

/** fix for header overlapping nav-bar*/
header {
    padding-bottom: 102px;
}



/** custom dropdown*/
.ios-select {
    color: #0059B9;
    border: none;
    font-size: 18px;
    font-family: "Instrument Sans";
    font-weight: 400;
    border-color: #0059B9;
    border-bottom-style: solid;
    border-width: 1px;
    display: none;
    width: 100%;
    outline: none;
}


@media (max-width: 576px) {
    .ios-select {
        display: block;
    }
}

.load-more-container, .load-more-market-container {
    padding-bottom: 50px;
}

/** empy page paragraph */
.page-title {
    align-self: stretch;
    color: var(--Light-blue-lb-500, #1E4965);
    /* Large/title-3 */
    font-family: "Instrument Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.page-content-p, .page-content {
    color: var(--primary-paragraph, #586770);
    /* Large/body medium */
    font-family: "Instrument Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 144.444% */
    /* Large/body */
}

.page-content {
    padding: 50px 10% 50px 10%;
}

@media(max-width: 768px) {
    .page-content {
        padding: 50px 20px 50px 20px;
    }
}

@media(max-width: 576px) {
    .page-content {
        padding: 50px 10px 50px 10px;
    }
}

/***/
/** ccpa form */
.ccpa-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 32px;
    position: relative;
    margin: 0 auto;
    padding: 32px 32px 32px 32px;
    background: #eef4f7;
    font-family: var(--large-body-font-family);
}

    .ccpa-container .row {
        margin-top: 25px;
    }

    .ccpa-container h2 {
        margin: 0 auto;
        color: #1e4965;
        font-family: Instrument Sans, var(--default-font-family);
        font-size: 26px;
        font-weight: 500;
        line-height: 31.72px;
    }

    .ccpa-container p {
        position: relative;
        width: 100%;
        margin: 0 auto;
        color: #586770;
        font-family: Instrument Sans, var(--default-font-family);
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 20px;
    }

    .ccpa-container .text-field-container span {
        position: relative;
        width: 100%;
        height: 78px;
        margin: 0 auto;
        color: #586770;
        font-family: Instrument Sans, var(--default-font-family);
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
    }

    .ccpa-container .checks-title {
        position: relative;
        height: 26px;
        margin: 0 auto;
        color: #1e4965;
        font-size: 18px;
        font-weight: 500;
        line-height: 26px;
    }

    .ccpa-container .checks-container input[type=checkbox] {
        width: 24px;
        height: 24px;
    }

    .ccpa-container .ktc-checkbox {
        display: flex;
        gap: 10px;
        padding-bottom: 20px;
    }

    .ccpa-container form {
        width: 100%;
    }

    .ccpa-container .checks-container .form-field {
        margin-top: 20px;
    }

    .ccpa-container .btn {
        width: 182px;
        height: 54px;
        background-color: #1E4965;
        color: #EAFAFF;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        font-family: "Instrument Sans";
        margin-top: 20px;
    }

    .ccpa-container .ktc-checkbox input[type=checkbox] {
        cursor: pointer;
    }
    .ccpa-container .ktc-checkbox input[type=checkbox]:checked::before {
        content: "\2713";
        position: relative;
        top: -10px;
        left: -5px;
        
    }

.empty-text-container {
    word-wrap: break-word;
}

.article {

    h2 {
           margin-top: 2rem;
           margin-bottom: 1rem;
           color: var(--colors-neutral-n-600);
           font-size: 24px;
           font-weight: 500;
       }

    p {
        margin-bottom: 1rem;
        color: var(--colors-neutral-n-500);
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
    }
}

.article-pdf-icon {
    width: 35px;
    height: 35px;
    padding: 5px;
}

.article-date {
    height: 22px;
    color: var(--colors-neutral-n-500);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 7px;
}

.image-anchor {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 15px !important;
}