/*!
This CSS resource incorporates links to font software which is
the valuable copyrighted property of Monotype Imaging and/or
its suppliers. You may not attempt to copy, install, redistribute, convert,
modify or reverse engineer this font software. Please contact Monotype Imaging
with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/
.booth-styles,
#coveo7465fcc9 {
    --h1: clamp(48px, calc(44px + 1vw), 77px);
    --h2: clamp(32px, calc(30px + .5vw), 50px);
    --h3: clamp(28px, calc(24px + .5vw), 44px);
    --h4: clamp(24px, calc(20px + .5vw), 38px);
    --h5: clamp(20px, calc(16px + .5vw), 32px);
    --h6: clamp(16px, calc(12px + .5vw), 28px);
    --p: clamp(16px, calc(12px + .5vw), 32px);
    --tiny: clamp(14px, calc(12px + .3vw), 28px);
    --maximum: var(--h1);
    --extra-large: var(--h2);
    --large: var(--h3);
    --medium: var(--h4);
    --small: var(--h5);
    --hover-underline-width: 0 clamp(4px, .2em, 7px) 0 0;
    --font-color: #39393a;
    /* Font Family */
    --TradeGothicLight: "Trade Gothic LT W01 Light", Arial;
    --TradeGothicBold: "Trade Gothic W01 Bold 2";
    --TradeGothicCn: "TradeGothic Cn 18";
    --TradeGothicBoldCn: "TradeGothic BoldCn 20";
    /* Line Height */
    --line-height-p: 1.75;
    --line-height-c: 1.5;
    --line-height-cn: 1.15;
    --line-height-h: 1.2;
    --header-font-weight: 400;
    /* Background Colors */
    --dark-gray: #39393a;
    --light-gray: #ececec;
    --gray: #cdcdcd;
    --teal: #115e67;
    --white: #ffffff;
    --maroon: #800000;
    --main-highlight-color: #800000;
    --component-background-color: #ffffff;
    --accordion-highlight-color: #808080;
    /* Button Color */
    --button-color: var(--main-highlight-color);
    --button-inverse: var(--component-background-color);
    --button-font-color: var(--component-background-color);
    --button-font-inverse: var(--main-highlight-color);
    /* Grid Lines */
    --container-column-spacing: 10.5%;
    --container-row-spacing: 60px;
    --hero-line-length: 13.9%;
    --default-column-gap: 5.5%;
    --default-column-width: 60%;
    --swiss-row-spacing: 50px;
    --ribbon-height: 12px;
    /* Percent is based on 79 instead of 100%  100 - 10.5 - 10.5 */
    /* 60% of 79 = 47.4 and 19.4% of 79 = 15.326% */
    --component-column-width: 47.4%;
    --container-column-gap: 15.326%;
    /* Device Width */
    --max-screen-size: 1920px;
    --tablet-size: 1023px;
    --mobile-size: 767px;
    /* Navigation */
    --header-background: var(--white);
    --header-font-color: var(--dark-gray);
    --header-border: var(--gray);
    /* Icons */
    --main-site-logo: url("../img/ChicagoBooth.svg");
    --main-site-logo-maroon: url("../img/ChicagoBooth.svg");
    --main-site-logo-white: url("../img/ChicagoBoothWhite.svg");
    --site-logo-max-width: 200px;
    --play-icon: url("../img/play-icon.svg");
    /*Back to Top*/
    --back-to-top-icon: url("../img/backToTop.svg");
    /* Bullets */
    --bullet-1-icon: url("../img/bullet.svg");
    --bullet-2-icon: url("../img/bullet2.svg");
    --bullet-3-icon: url("../img/bullet3.svg");
    --buttet-icon-white: url("../img/bulletWhite.svg");
    /* Search Icons */
    --search-icon: url("../img/searchgray.svg");
    --search-icon-gray: url("../img/searchgray.svg");
    --search-icon-white: url("../img/searchwhite.svg");
    /* Linked Icons */
    --preview-icon: url("../img/arrowLongMaroon.svg");
    --preview-icon-hover: url("../img/arrowLongMaroon.svg");
    --arrow-icon: url("../img/arrowLongMaroon.svg");
    --arrow-icon-white: url("../img/arrowLongWhite.svg");
    --external-icon: url("../img/newWindow.svg");
    --external-icon-dark: url("../img/newWindow.svg");
    --external-icon-white: url("../img/newWindowWhite.svg");
    --external-icon-maroon: url("../img/newWindowMaroon.svg");
    --download-icon: url("../img/download.svg");
    --download-icon-dark: url("../img/download.svg");
    --download-icon-white: url("../img/downloadWhite.svg");
    --download-icon-maroon: url("../img/downloadMaroon.svg");
    --locked-icon: url("../img/locked.svg");
    --locked-icon-dark: url("../img/locked.svg");
    --locked-icon-white: url("../img/locked-white.svg");
    --locked-icon-maroon: url("../img/locked-maroon.svg");
    --locked-outline-icon: url("../img/locked-outline.svg");
    --locked-outline-icon-dark: url("../img/locked-outline.svg");
    --locked-outline-icon-white: url("../img/locked-outline-white.svg");
    --locked-outline-icon-maroon: url("../img/locked-outline-maroon.svg");
    /* Close Button Icon */
    --close-icon: url("../img/close.svg");
    --close-icon-white: url("../img/closeWhite.svg");
    --close-icon-gray: url("../img/close.svg");
    /* Social Icons */
    --facebook-icon: url("../img/facebook.svg");
    --facebook-icon-white: url("../img/facebookWhite.svg");
    --facebook-icon-dark: url("../img/facebookDark.svg");
    --x-icon: url("../img/twitter.svg");
    --x-icon-white: url("../img/twitterWhite.svg");
    --x-icon-dark: url("../img/twitterDark.svg");
    --instagram-icon: url("../img/instagram.svg");
    --instagram-icon-white: url("../img/instagramWhite.svg");
    --instagram-icon-dark: url("../img/instagramDark.svg");
    --linkedin-icon: url("../img/linkedin.svg");
    --linkedin-icon-white: url("../img/linkedInWhite.svg");
    --linkedin-icon-dark: url("../img/linkedInDark.svg");
    --youtube-icon: url("../img/youtube.svg");
    --youtube-icon-white: url("../img/youtubeWhite.svg");
    --youtube-icon-dark: url("../img/youtubeDark.svg");
    --tiktok-icon: url("../img/tiktok.svg");
    --tiktok-icon-white: url("../img/tiktok-white.svg");
    --tiktok-icon-dark: url("../img/tiktok-dark.svg");
    /* StoryHub Icons */
    --video-icon: url("../img/video.svg");
    --video-icon-maroon: url("../img/video maroon.svg");
    --video-icon-white: url("../img/video white.svg");
    --audio-icon: url("../img/audio.svg");
    --audio-icon-maroon: url("../img/audio maroon.svg");
    --audio-icon-white: url("../img/audio white.svg");
    --photo-icon: url("../img/photo gallery.svg");
    --photo-icon-maroon: url("../img/photo gallery maroon.svg");
    --photo-icon-white: url("../img/photo gallery white.svg");
    --data-icon: url("../img/data visualization.svg");
    --data-icon-maroon: url("../img/data visualization maroon.svg");
    --data-icon-white: url("../img/data visualization white.svg");
    --paper-icon: url("../img/papers.svg");
    --paper-icon-maroon: url("../img/papers maroon.svg");
    --paper-icon-white: url("../img/papers white.svg");
    --event-icon: url("../img/events.svg");
    --event-icon-maroon: url("../img/events maroon.svg");
    --event-icon-white: url("../img/events white.svg");
}

@media (max-width: 1023px) {
    .booth-styles {
        --container-column-spacing: 20px;
        /* new container width instead of 100%  100% - 40px */
        --container-width: calc(100% - var(--container-column-spacing) - var(--container-column-spacing));
        /* 60% of container-width = 47.4 and 19.4% of 79 = 15.326% */
        --component-column-width: calc(var(--container-width) * .6);
        --container-column-gap: calc(var(--container-width) * .194);
        /* Site Logo */
        --site-logo-max-width: 40vw;
    }
}

/* Page Top Header Change */
@media (max-width: 960px) {
}

/* Mobile Media Change */
@media (max-width: 767px) {
    .booth-styles {
        --default-column-width: 100%;
        --component-column-width: 100%;
        --container-row-spacing: 30px;
    }
}

.light-gray {
    --component-background-color: var(--light-gray);
    --button-inverse: var(--component-background-color);
}

.light-gray-banner .persistent-banner {
    --component-background-color: var(--light-gray);
    --font-color: var(--dark-gray);
    --close-icon: var(--close-icon-gray);
}

.dark-bg {
    /* Main Issues */
    --main-highlight-color: var(--white);
    --font-color: var(--white);
    --accordion-highlight-color: var(--white);
    /* ICONS */
    --gray: var(--white);
    --button-color: var(--font-color);
    --arrow-icon: var(--arrow-icon-white);
    --preview-icon: var(--arrow-icon-white);
    --preview-icon-hover: var(--arrow-icon-white);
    --external-icon-maroon: var(--external-icon-white);
    --external-icon: var(--external-icon-white);
    --download-icon-maroon: var(--download-icon-white);
    --download-icon: var(--download-icon-white);
    --locked-icon-maroon: var(--locked-icon-white);
    --locked-icon: var(--locked-icon-white);
    --bullet-1-icon: var(--buttet-icon-white);
    --bullet-2-icon: var(--buttet-icon-white);
    --bullet-3-icon: var(--buttet-icon-white);
    --close-icon: var(--close-icon-white);
    /* Social Icons */
    --facebook-icon: var(--facebook-icon-white);
    --facebook-icon-dark: var(--facebook-icon-white);
    --x-icon: var(--x-icon-white);
    --x-icon-dark: var(--x-icon-white);
    --instagram-icon: var(--instagram-icon-white);
    --instagram-icon-dark: var(--instagram-icon-white);
    --linkedin-icon: var(--linkedin-icon-white);
    --linkedin-icon-dark: var(--linkedin-icon-white);
    --youtube-icon: var(--youtube-icon-white);
    --youtube-icon-dark: var(--youtube-icon-white);
    --tiktok-icon: var(--tiktok-icon-white);
    --tiktok-icon-dark: var(--tiktok-icon-white);
    /* StoryHub Icons */
    --video-icon: var(--video-icon-white);
    --video-icon-maroon: var(--video-icon-white);
    --audio-icon: var(--audio-icon-white);
    --audio-icon-maroon: var(--audio-icon-white);
    --photo-icon: var(--photo-icon-white);
    --photo-icon-maroon: var(--photo-icon-white);
    --data-icon: var(--data-icon-white);
    --data-icon-maroon: var(--data-icon-white);
    --paper-icon: var(--paper-icon-white);
    --paper-icon-maroon: var(--paper-icon-white);
    --event-icon: var(--event-icon-white);
    --event-icon-maroon: var(--event-icon-white);
}

/* For Dark BG buttons white and hightlight are reversed */

.teal,
.green {
    --component-background-color: var(--teal);
    --button-color: var(--main-highlight-color);
    --button-inverse: var(--component-background-color);
    --button-font-color: var(--component-background-color);
    --button-font-inverse: var(--main-highlight-color);
}

    .teal a.btn,
    .green a.btn {
        --external-icon-maroon: url("../img/newWindowWhite.svg");
        --download-icon-maroon: url("../img/downloadWhite.svg");
        --external-icon-white: url("../img/newWindowTeal.svg");
        --download-icon-white: url("../img/downloadTeal.svg");
    }

.teal-banner .persistent-banner {
    --component-background-color: var(--teal);
    --font-color: var(--white);
    --close-icon: var(--close-icon-white);
}

.gray {
    --component-background-color: var(--dark-gray);
    --button-color: var(--main-highlight-color);
    --button-inverse: var(--component-background-color);
    --button-font-color: var(--component-background-color);
    --button-font-inverse: var(--main-highlight-color);
}

    .gray a.btn {
        --external-icon-maroon: url("../img/newWindowWhite.svg");
        --download-icon-maroon: url("../img/downloadWhite.svg");
        --external-icon-white: url("../img/newWindow.svg");
        --download-icon-white: url("../img/download.svg");
        --locked-icon-maroon: url("../img/locked.svg");
    }

.gray-banner .persistent-banner {
    --component-background-color: var(--dark-gray);
    --font-color: var(--white);
    --close-icon: var(--close-icon-white);
}

.maroon {
    --component-background-color: var(--maroon);
    --button-color: var(--main-highlight-color);
    --button-inverse: var(--component-background-color);
    --button-font-color: var(--component-background-color);
    --button-font-inverse: var(--main-highlight-color);
}

    .maroon a.btn {
        --external-icon-maroon: url("../img/newWindowWhite.svg");
        --download-icon-maroon: url("../img/downloadWhite.svg");
        --external-icon-white: url("../img/newWindowMaroon.svg");
        --download-icon-white: url("../img/downloadMaroon.svg");
        --locked-icon-maroon: url("../img/locked-maroon.svg");
    }

.maroon-banner .persistent-banner {
    --component-background-color: var(--maroon);
    --font-color: var(--white);
    --close-icon: var(--close-icon-white);
}