:root{

    /* greyscale */
    --ttl_black: #000000;

    --ttl_footer-1: #181818;
    --ttl_footer-2: #202020;

    --ttl_darkgrey: #3A3A3A;
    --ttl_mediumgrey: #777777;
    --ttl_lightgrey: #BABABA;
    --ttl_white: #FFFFFF;

    /* main */
    --ttl_cream: #F0EADA;
    --ttl_blue:	#B1CBEC;
    --ttl_pink:	#D9C5D1;
    --ttl_green: #CECD5F;
    --ttl_lightyellow: #E9C551;


    --ttl_green_tint: color-mix(in srgb, var(--ttl_green) 85%, white 15%);
    --ttl_lightyellow_tint: color-mix(in srgb, var(--ttl_lightyellow) 50%, white 50%);

    --ttl_coral: #FD8F70;

    /* secondary */
    --ttl_orange: #FF6337;
    --ttl_turquoise: #38A69B;
    --ttl_burgundy: #953734;
    --ttl_darkgreen: #5B5B32;

        /* background */

    --ttl_darkcream: #E4DECF;
    --ttl_darker: #D8D3C4;

    --ttl_error: #860000;


    --wrapper-max: 1472px;
    --wrapper-margin: 32px;

    --masthead-height: 96px;

    --padding-header: 72px;

    --unit: 16px;
    --overflow: calc(100% + 2px);

    --gutter:32px;
    --gutter_big:48px;
    --grid-third:calc((((100% - (var(--gutter) * 11)) / 12) * 4 ) + (var(--gutter) * 3));
    --grid-twothirds:calc((((100% - (var(--gutter) * 11)) / 12) * 8 ) + (var(--gutter) * 7));
    --grid-threequarters:calc((((100% - (var(--gutter) * 11)) / 12) * 9 ) + (var(--gutter) * 8));
    --grid-quarter: calc((((100% - (var(--gutter) * 11)) / 12) * 3 ) + (var(--gutter) * 2));
    --grid-half: calc(50% - (var(--gutter) / 2));
    --grid-sixth: calc((((100% - (var(--gutter) * 11)) / 12) * 2 ) + var(--gutter));


    --radius: 24px;
    --radius_small: 8px;


    --headshot_speaker:145px;

/*

    --icon-arrow: "\E800";
    --icon-audio: "\E801";
    --icon-bigcheck: "\E802";
    --icon-checkbox_checked: "\E803";
    --icon-checkbox_unchecked: "\E804";
    --icon-chevron: "\E805";
    --icon-close: "\E806";
    --icon-date: "\E807";
    --icon-error: "\E808";
    --icon-external: "\E809";
    --icon-filter: "\E80a";
    --icon-quote:"\E80c";
--icon-search:"\E80d";
--icon-social_insta:"\E80e";
--icon-social_linkedin:"\E80f";
    --icon-social_youtube:"\E810";
--icon-text:"\E811";
--icon-time:"\E812";
--icon-venue:"\E813";
--icon-video:"\E814";
*/


}


@media all and (max-width: 1199.98px) {
    :root {

        --gutter_big:32px;
        --headshot_speaker:120px;

    }
}

@media all and (max-width: 1023.98px) {
    :root {


        --masthead-height: 88px;


    }

}
@media all and (max-width: 899.98px) {
    :root {
        --gutter_big:24px;
        --gutter:24px;

    }

}


@media all and (max-width: 599.98px) {
    :root {
        --wrapper-margin:16px;

        --gutter_big:24px;
        --gutter:16px;

        --radius: 20px;
        --radius_small: 8px;

        --padding-header: 32px;
        --headshot_speaker:80px;
    }
}