/***
  *Reset Css
	Font CSS
  *Main  Css
   x-variables 
	 x-fonts
   x-text
   x-background colors
   x-cta
  *navigation
	 x-back to top
   x-header
   x-mobile nav
   x-breadcrumb 
	 x-footer
  *body copy
   x-blockquote
	 x-persistent banner
	 x-html container
  *hero image
	 -video
	 -podcast
	 -pageheader
  *swiss
	 x-variant news
	 x-magazine/portait sticky
	 -room finder/swiss sorter
	*accordion
  *table
	 -datatables
	 -event callout
	*modal
	 -alert banner
	 -cookie conset
	*slate
	 -marketo form
  *carousel
	 -timeline-module
  *coveo
	 -storyhub page
	 -share this page
   -coveo
***/
/* Varaiables
General Styles
Component layout
	Test Here 
Font Styles  */

/* GLOBAL VARIABLES  */
:root {
	/* font sizes */
	/* clamp(lowest, value, highest) */
	--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;
	--light-font: var(--TradeGothicLight);
	--TradeGothicBold: "Trade Gothic W01 Bold 2", Arial;
	--bold-font: var(--TradeGothicBold);
	--TradeGothicCn: "TradeGothic Cn 18", Arial;
	--cn-font: var(--TradeGothicCn);
	--TradeGothicBoldCn: "TradeGothic BoldCn 20", Arial;
	--bold-cn-font: var(--TradeGothicBoldCn);
	/* 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-maroon: url("/Assets/ChicagoBooth/img/ChicagoBooth.svg");
	--main-site-logo-white: url("/Assets/ChicagoBooth/img/ChicagoBoothWhite.svg");
	--main-site-logo: var(--main-site-logo-maroon);
	--site-logo-max-width: 200px;
	--play-icon: url("/Assets/ChicagoBooth/img/play-icon.svg");
	/*Back to Top*/
	--back-to-top-icon: url("/Assets/ChicagoBooth/img/backToTop.svg");
	/* Bullets */
	--bullet-1-icon: url("/Assets/ChicagoBooth/img/bullet.svg");
	--bullet-2-icon: url("/Assets/ChicagoBooth/img/bullet2.svg");
	--bullet-3-icon: url("/Assets/ChicagoBooth/img/bullet3.svg");
	--buttet-icon-white: url("/Assets/ChicagoBooth/img/bulletWhite.svg");
	/* Search Icons */
	--search-icon-gray: url("/Assets/ChicagoBooth/img/searchgray.svg");
	--search-icon-white: url("/Assets/ChicagoBooth/img/searchwhite.svg");
	--search-icon-maroon: url("/Assets/ChicagoBooth/img/search-icon-maroon.svg");
	--search-icon: var(--search-icon-gray);
	/* Information Icon */
	--information-icon: url("/Assets/ChicagoBooth/img/information.svg");
	/* Linked Icons */
	--preview-icon: url("/Assets/ChicagoBooth/img/arrowLongMaroon.svg");
	--preview-icon-hover: url("/Assets/ChicagoBooth/img/arrowLongMaroon.svg");
	--arrow-icon-maroon: url("/Assets/ChicagoBooth/img/arrowLongMaroon.svg");
	--arrow-icon-white: url("/Assets/ChicagoBooth/img/arrowLongWhite.svg");
	--arrow-icon: var(--arrow-icon-maroon);
	--external-icon-dark: url("/Assets/ChicagoBooth/img/newWindow.svg");
	--external-icon-white: url("/Assets/ChicagoBooth/img/newWindowWhite.svg");
	--external-icon-maroon: url("/Assets/ChicagoBooth/img/newWindowMaroon.svg");
	--external-icon: var(--external-icon-dark);
	--download-icon-dark: url("/Assets/ChicagoBooth/img/download.svg");
	--download-icon-white: url("/Assets/ChicagoBooth/img/downloadWhite.svg");
	--download-icon-maroon: url("/Assets/ChicagoBooth/img/downloadMaroon.svg");
	--download-icon: var(--download-icon-dark);
	--locked-icon-dark: url("/Assets/ChicagoBooth/img/locked.svg");
	--locked-icon-white: url("/Assets/ChicagoBooth/img/locked-white.svg");
	--locked-icon-maroon: url("/Assets/ChicagoBooth/img/locked-maroon.svg");
	--locked-icon: var(--locked-icon-dark);
	--locked-outline-icon-dark: url("/Assets/ChicagoBooth/img/locked-outline.svg");
	--locked-outline-icon-white: url("/Assets/ChicagoBooth/img/locked-outline-white.svg");
	--locked-outline-icon-maroon: url("/Assets/ChicagoBooth/img/locked-outline-maroon.svg");
	--locked-outline-icon: var(--locked-outline-icon-dark);
	/* Close Button Icon */
	--close-icon-white: url("/Assets/ChicagoBooth/img/closeWhite.svg");
	--close-icon-gray: url("/Assets/ChicagoBooth/img/close.svg");
	--close-icon-maroon: url("/Assets/ChicagoBooth/img/closeMaroon.svg");
	--close-icon: var(--close-icon-gray);

	/* Social Icons */
	--facebook-icon: url("/Assets/ChicagoBooth/img/facebook.svg");
	--facebook-icon-white: url("/Assets/ChicagoBooth/img/facebookWhite.svg");
	--facebook-icon-dark: url("/Assets/ChicagoBooth/img/facebookDark.svg");
	--x-icon: url("/Assets/ChicagoBooth/img/twitter.svg");
	--x-icon-white: url("/Assets/ChicagoBooth/img/twitterWhite.svg");
	--x-icon-dark: url("/Assets/ChicagoBooth/img/twitterDark.svg");
	--instagram-icon: url("/Assets/ChicagoBooth/img/instagram.svg");
	--instagram-icon-white: url("/Assets/ChicagoBooth/img/instagramWhite.svg");
	--instagram-icon-dark: url("/Assets/ChicagoBooth/img/instagramDark.svg");
	--linkedin-icon: url("/Assets/ChicagoBooth/img/linkedin.svg");
	--linkedin-icon-white: url("/Assets/ChicagoBooth/img/linkedInWhite.svg");
	--linkedin-icon-dark: url("/Assets/ChicagoBooth/img/linkedInDark.svg");
	--youtube-icon: url("/Assets/ChicagoBooth/img/youtube.svg");
	--youtube-icon-white: url("/Assets/ChicagoBooth/img/youtubeWhite.svg");
	--youtube-icon-dark: url("/Assets/ChicagoBooth/img/youtubeDark.svg");
	--tiktok-icon: url("/Assets/ChicagoBooth/img/tiktok.svg");
	--tiktok-icon-white: url("/Assets/ChicagoBooth/img/tiktok-white.svg");
	--tiktok-icon-dark: url("/Assets/ChicagoBooth/img/tiktok-dark.svg");
	/* StoryHub Icons */
	--video-icon: url("/Assets/ChicagoBooth/img/video.svg");
	--video-icon-maroon: url("/Assets/ChicagoBooth/img/video maroon.svg");
	--video-icon-white: url("/Assets/ChicagoBooth/img/video white.svg");
	--audio-icon: url("/Assets/ChicagoBooth/img/audio.svg");
	--audio-icon-maroon: url("/Assets/ChicagoBooth/img/audio maroon.svg");
	--audio-icon-white: url("/Assets/ChicagoBooth/img/audio white.svg");
	--photo-icon: url("/Assets/ChicagoBooth/img/photo gallery.svg");
	--photo-icon-maroon: url("/Assets/ChicagoBooth/img/photo gallery maroon.svg");
	--photo-icon-white: url("/Assets/ChicagoBooth/img/photo gallery white.svg");
	--data-icon: url("/Assets/ChicagoBooth/img/data visualization.svg");
	--data-icon-maroon: url("/Assets/ChicagoBooth/img/data visualization maroon.svg");
	--data-icon-white: url("/Assets/ChicagoBooth/img/data visualization white.svg");
	--paper-icon: url("/Assets/ChicagoBooth/img/papers.svg");
	--paper-icon-maroon: url("/Assets/ChicagoBooth/img/papers maroon.svg");
	--paper-icon-white: url("/Assets/ChicagoBooth/img/papers white.svg");
	--event-icon: url("/Assets/ChicagoBooth/img/events.svg");
	--event-icon-maroon: url("/Assets/ChicagoBooth/img/events maroon.svg");
	--event-icon-white: url("/Assets/ChicagoBooth/img/events white.svg");

	--link-icon-maroon: url("/Assets/ChicagoBooth/img/link.svg");
	--link-icon-dark: url("/Assets/ChicagoBooth/img/link-gray.svg");
	--link-icon-white: url("/Assets/ChicagoBooth/img/link-wh.svg");
	--link-icon: var(--link-icon-maroon);
	--arrow-right-icon-white: url("/Assets/ChicagoBooth/img/arrow-right-wh.svg");
	--arrow-right-icon-dark: url("/Assets/ChicagoBooth/img/arrow-right.svg");
	--arrow-right-icon-maroon: url("/Assets/ChicagoBooth/img/arrow-right-maroon.svg");
	--arrow-right-icon: var(--arrow-right-icon-dark);
	--arrow-left-icon-white: url("/Assets/ChicagoBooth/img/arrow-left-wh.svg");
	--arrow-left-icon-dark: url("/Assets/ChicagoBooth/img/arrow-left.svg");
	--arrow-left-icon-maroon: url("/Assets/ChicagoBooth/img/arrow-left-maroon.svg");
	--arrow-left-icon: var(--arrow-left-icon-dark);
	--summary-icon-maroon: url("/Assets/ChicagoBooth/img/summary.svg");
	--summary-icon-dark: url("/Assets/ChicagoBooth/img/summary-gray.svg");
	--summary-icon-white: url("/Assets/ChicagoBooth/img/summary-wh.svg");
	--summary-icon: var(--summary-icon-maroon);
	--apply-icon-maroon: url("/Assets/ChicagoBooth/img/apply-with-pencil.svg");
	--apply-icon-dark: url("/Assets/ChicagoBooth/img/apply-with-pencil-gray.svg");
	--apply-icon-white: url("/Assets/ChicagoBooth/img/apply-with-pencil-wh.svg");
	--apply-icon: var(--apply-icon-maroon);
}

/* Header Media Change */
@media (max-width: 1340px) {
}

/* Single Column Swiss Change */
@media (max-width: 1100px) {
}

/* Tablet Media Changes */
@media (max-width: 1023px) {
	:root {
		--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) {
	:root {
		--default-column-width: 100%;
		--component-column-width: 100%;
		--container-row-spacing: 30px;
	}
}

/* Smallest Media  */
@media (max-width: 420px) {
}

/* GLOBAL FONT SETTINGS 
=========================================*/
html {
	font-size: 16px;
}

body {
	font-family: var(--TradeGothicLight);
	color: var(--font-color);
}

#header a, nav.mobile a, .storyhub-sort a, footer a {
	font-family: var(--TradeGothicCn);
	line-height: var(--line-height-cn);
}

a {
	font-family: inherit;
	color: inherit;
	text-decoration: none;
}

p, main li {
	font-family: var(--TradeGothicLight);
	font-size: var(--p);
	line-height: var(--line-height-p);
	color: var(--font-color);
}

footer li, address {
	font-family: var(--TradeGothicLight);
	font-size: var(--p);
	line-height: var(--line-height-h);
	color: var(--font-color);
}


address {
	font-style: normal;
	line-height: 1;
}

main li {
	margin-bottom: 30px;
}

.bold2 {
	font-family: var(--TradeGothicBoldCn);
}

sup {
	font-size: 12px !important;
}

/* .small, .medium, .large, .extra-large, .maximum {
	line-height: var(--line-height-h);
} */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--TradeGothicBoldCn);
	font-weight: var(--header-font-weight);
	line-height: var(--line-height-h);
	letter-spacing: 0rem;
}

.optional-h1 {
	font-size: calc(var(--h1) / 2);
}

h1, .h1 {
	font-size: var(--h1);
}

.maximum {
	font-size: var(--maximum);
}

h2, .h2 {
	font-size: var(--h2);
}

.extra-large {
	font-size: var(--extra-large);
}

h3, .h3 {
	font-size: var(--h3);
}

.large {
	font-size: var(--large);
}

h4, .h4 {
	font-size: var(--h4);
}

.medium {
	font-size: var(--medium);
}

h5, .h5 {
	font-size: var(--h5);
}

.small {
	font-size: var(--small);
}

h6, .h6 {
	font-size: var(--h6);
}

sup {
	vertical-align: top !important;
	font-size: smaller;
}

@media (max-width:767px) {
	:root {
		--maximum: var(--h3);
		--extra-large: var(--h4);
		--large: var(--h5);
		--medium: var(--h6);
		--small: var(--p);
	}
}

p strong, td strong, li strong {
	font-family: var(--TradeGothicBold);
	font-weight: normal !important;
}

.TGlight {
	font-family: var(--TradeGothicLight);
	line-height: var(--line-height-p);
}

.TGbold {
	font-family: var(--TradeGothicBold);
	line-height: var(--line-height-cn);
}

.TGcondensed, .optional-h1 {
	font-family: var(--TradeGothicCn);
	line-height: var(--line-height-cn);
}

.TGcondensedbold {
	font-family: var(--TradeGothicBoldCn);
	line-height: var(--line-height-cn);
}


/*
========================================================

11.Background colors

========================================================
*/
main {
	background-color: var(--white);
}

.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);
	--link-icon: var(--link-icon-white);
	--summary-icon: var(--summary-icon-white);
	--apply-icon: var(--apply-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("/Assets/ChicagoBooth/img/newWindowWhite.svg");
		--download-icon-maroon: url("/Assets/ChicagoBooth/img/downloadWhite.svg");
		--external-icon-white: url("/Assets/ChicagoBooth/img/newWindowTeal.svg");
		--download-icon-white: url("/Assets/ChicagoBooth/img/downloadTeal.svg");
	}

.teal-banner .persistent-banner {
	--component-background-color: var(--teal);
	--font-color: var(--white);
	--close-icon: var(--close-icon-white);
	--main-highlight-color: var(--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("/Assets/ChicagoBooth/img/newWindowWhite.svg");
		--download-icon-maroon: url("/Assets/ChicagoBooth/img/downloadWhite.svg");
		--external-icon-white: url("/Assets/ChicagoBooth/img/newWindow.svg");
		--download-icon-white: url("/Assets/ChicagoBooth/img/download.svg");
		--locked-icon-maroon: url("/Assets/ChicagoBooth/img/locked.svg");
	}

.gray-banner .persistent-banner {
	--component-background-color: var(--dark-gray);
	--font-color: var(--white);
	--close-icon: var(--close-icon-white);	
	--main-highlight-color: var(--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("/Assets/ChicagoBooth/img/newWindowWhite.svg");
		--download-icon-maroon: url("/Assets/ChicagoBooth/img/downloadWhite.svg");
		--external-icon-white: url("/Assets/ChicagoBooth/img/newWindowMaroon.svg");
		--download-icon-white: url("/Assets/ChicagoBooth/img/downloadMaroon.svg");
		--locked-icon-maroon: url("/Assets/ChicagoBooth/img/locked-maroon.svg");
	}

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

.dark-bg figcaption {
	background: rgba(0, 0, 0, 0.1);
}


/*
========================================================

1.General Page Styles

========================================================
*/

#ribbonPreLoadingIndicator {
	height: 0;
	padding: 0;
}

.sr-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.ttsreader {
	visibility: hidden !important;
	float: left;
	height: 0;
}

.closebtn {
	background-image: var(--close-icon);
	cursor: pointer;
	min-width: 50px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 16px;
	transition: transform 0.2s;
}

	.closebtn:hover {
		transform: scale(1.25);
	}

.hide, .hidden, .hidden-preview:not(.scEnabledChrome), .visual-hide {
	display: none !important;
}

.show {
	display: block !important;
}

.invisible {
	visibility: hidden;
}

@keyframes fade {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}

.toggle-arrow::before {
	font-family: "icomoon";
	content: "\e932";
	padding: 2px 5px 2px 10px;
	font-size: 15px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-self: center;
	transition: transform 0.2s ease;
}

/* span.toggle-arrow:hover {
	background: var(--main-highlight-color);
	color: var(--white);
} */

.toggle-arrow.open::before {
	transform-origin: center;
	top: 0;
	transform: rotate(90deg);
}

html {
	margin: 0;
	padding: 0;
	height: 100%;
}

	html.html-is-locked {
		overflow: hidden;
	}

*:focus {
	outline: 1px solid #6b6b6b;
	outline-offset: 5px;
}

.dark-bg *:focus {
	outline: 1px solid #e6e6e6;
}

body {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	width: 100%;
	height: 100%;
}

	body.noscroll {
		overflow: hidden !important;
	}

	body.locked {
		position: fixed;
		width: 100%;
		height: 100vh;
	}

.ribbon,
.top-ribbon {
	height: var(--ribbon-height);
	background: var(--maroon);
	width: 100%;
	z-index: 2;
}

.top-ribbon {
	position: fixed;
	top: 0px;
}

main {
	transition: padding 0.2s ease;
}

.container {
	width: 100%;
	max-width: var(--max-screen-size);
	margin: 0 auto;
}

.d-grid {
	display: grid;
	column-gap: var(--default-column-gap);
	row-gap: 20px;
}
.columns-one {
	grid-template-columns: repeat(3, 1fr);
}
.columns-two {
	grid-template-columns: repeat(3, 1fr);
}
.columns-three {
	grid-template-columns: repeat(3, 1fr);
}
.columns-four {
	grid-template-columns: repeat(3, 1fr);
}
.columns-five {
	grid-template-columns: repeat(3, 1fr);
}

/*
========================================================

10.Component

========================================================
*/
.component {
	padding: var(--container-row-spacing) 0;
	background-color: var(--component-background-color);
}

	.component.no-padding-top {
		padding-top: 0px;
	}

	.component.no-padding-bottom {
		padding-bottom: 0px;
	}

	.component.no-padding {
		padding: 0px;
	}

.section-container {
	padding: 20px 0;
	margin: 0 var(--container-column-spacing);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	container-type: inline-size;
}

footer section.component {
	margin: 0;
	padding: 0;
}

.no-sides .section-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* .component.bg-color {
	background-color: #ececec;
} */

.sticky-section {
	position: sticky;
	top: 12px;
	z-index: 1;
}

.sticky-section ~ section.swiss .sticky-image article .swiss-img {
	top: 20%;
}

@media screen and (max-width: 767px) {
	.sticky-section {
		position: static;
	}
}

/*
========================================================

7.Body Copy

========================================================
*/
/* Text Setup 
===================================*/
main p + h1,
main p + h2,
main p + h3,
main p + h4,
main p + h5,
main p + .h1,
main p + .h2,
main p + .h3,
main p + .h4,
main p + .h5 {
	margin-top: 40px;
}

main,
main p,
main li,
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
	color: var(--font-color);
}

.body-copy p:not(:last-of-type),
.copy p:not(:last-of-type),
.accordion-copy p:not(:last-of-type) {
	margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
	.body-copy h1:first-of-type,
	.body-copy h2:first-of-type {
		position: relative;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

		.body-copy h1:first-of-type::after,
		.body-copy h2:first-of-type::after {
			content: "";
			position: absolute;
			width: 22%;
			bottom: 0;
			left: 0;
			height: 3px;
			border-bottom: 3px solid var(--main-highlight-color);
		}

		.no-visual-element .body-copy h1:first-of-type::after,
		.no-visual-element .body-copy h2:first-of-type::after,
		.body-copy h1:first-of-type ~ h2:first-of-type::after {
			display: none;
		}
}

/* ICONS  */
.arrow-left-icon {
	background: var(--arrow-left-icon);
}

.arrow-right-icon {
	background: var(--arrow-right-icon);
}

.apply-icon:after {
	content: var(--apply-icon);
}

.summary-icon:after {
	content: var(--summary-icon);
}

/* COPIED LINK */
.linked {
	position: relative;
}

.linked.show:before {
	display: block;
	transform: translate(-50%, -100%);
}

.linked:before {
	content: 'Link Copied';
	position: fixed;
	top: 22px; 
	left: 50%;
	transform: translate(-50%, 0);
	padding: 10px 20px;
	background: #f7dc66;
	color: var(--font-color);
	font-family: var(--cn-font);
	font-size: 20px;
	opacity: 0;
	display: none;
	white-space: nowrap;
	transition: all .2s, opacity .1s;
	z-index: 1000;
	text-transform: none;
}

.linked.copied:before {
	opacity: 1;
transform: translate(-50%, 0);}

.icon-linked::after {
	content: var(--link-icon);
}

/* Links Setup */
.alert-container a,
main a,
.button-link{
	box-shadow: 0px 2px 0px 0px var(--main-highlight-color);
	transition: all 0.2s ease;
}

footer a {
	box-shadow: 0px 0px 0px 0px;
	transition: all 0.2s ease;
	line-height: 1.2;
}

	.alert-container a:hover,
	main a:hover,
	footer a:hover,
	.button-link:hover,
	.alert-container a:focus,
	main a:focus,
	footer a:focus,
	.button-link:focus{
		color: var(--main-highlight-color);
		box-shadow: var(--hover-underline-width);
		cursor: pointer;
	}

a.external::after,
a.pdf::after,
a.locked::after,
.icon-link::after {
	min-width: 15px;
	display: inline-block;
	margin-left: 10px;
}

a.external::after {
	content: var(--external-icon-maroon);
}

a.pdf::after {
	content: var(--download-icon-maroon);
}

a.locked::after {
	content: var(--locked-outline-icon-maroon);
	width: 10px;
	transform: scale(1.2);
}

a.icon::after {
	content: "";
	width: 0;
	display: initial;
	padding-left: 0px;
}

a.icon {
	box-shadow: 0 0 0 0 !important;
}

a[href]:empty {
	display: none;
}

/* INLINE BLOCK QUOTE STYLES */
p.block-quote,
span.block-quote {
	padding-left: 20px;
	border-left: 8px solid var(--main-highlight-color);
	color: var(--main-highlight-color);
}

/* BUTTON STYLES  */
/* Button Reset */
button {
	border-radius: 0;
	text-align: inherit;
	background: none;
	box-shadow: none;
	padding: 0;
	cursor: pointer;
	border: none;
	color: inherit;
	font: inherit;
}

	a.btn,
	button.btn {
		font-family: var(--TradeGothicBoldCn);
		display: inline-flex;
		border-radius: 0;
		padding: 10px 40px;
		white-space: initial;
		justify-content: center;
		align-items: center;
		text-align: center;
		cursor: pointer;
		text-transform: uppercase;
		box-shadow: 0px 0px 0px 0px !important;
		border: 3px solid var(--main-highlight-color);
		box-sizing: border-box;
	}

.body-copy .btn, 
.body-copy p > br + .btn,
.body-copy .btn + .btn,
.copy-container p:first-child .btn{
	margin-top: 1em;
}

.body-copy p > .btn,
.body-copy li > .btn {
	margin-top: 0;
}

a.btn,
button.btn,
a.btn.btn-white:hover,
button.btn.btn-white:hover,
a.btn.btn-white:focus,
button.btn.btn-white:focus {
	color: var(--button-font-color);
	background-color: var(--button-color);
}

	a.btn:hover,
	button.btn:hover,
	a.btn:focus,
	button.btn:focus,
	a.btn.btn-white,
	button.btn.btn-white {
		color: var(--button-font-inverse);
		background-color: var(--button-inverse);
	}

		a.btn.external::after,
		a.btn.btn-white.external:hover::after {
			content: var(--external-icon-white);
		}

		a.btn.external:hover::after,
		a.btn.btn-white.external::after {
			content: var(--external-icon-maroon);
		}

a.locked.btn::after,
a.locked.btn.btn-white:hover::after {
	content: var(--locked-icon-white);
}

a.locked.btn:hover::after,
a.locked.btn-white::after {
	content: var(--locked-icon-maroon);
}

a.pdf.btn::after,
a.pdf.btn.btn-white:hover::after {
	content: var(--download-icon-white);
}

a.pdf.btn-maroon:hover::after,
a.pdf.btn-white::after {
	content: var(--download-icon-maroon);
}

.btn.btn-cn {
	padding: 8px 40px;
	font-size: var(--h6);
	line-height: 1;
} 

a.disabled {
	cursor: default;
	pointer-events: none;
}

a.btn.disabled {
	--button-font-color: var(--dark-gray);
	--button-color: var(--gray);
	--button-font-inverse: var(--dark-gray);
	--button-inverse: var(--gray);
}

/* Dark Button Style */
a.btn-dark,
button.btn-dark {
	--main-highlight-color: var(--font-color);
	--button-color: var(--font-color);
	--button-font-inverse: var(--font-color);
	--external-icon-maroon: var(--external-icon);
	--download-icon-maroon: var(--download-icon);
	--locked-icon-maroon: var(--locked-icon);
}

/*
========================================================

15.CTA Module

========================================================
*/
.cta-module .cta-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-grow: 1;
}

.single-col .cta-container {
	flex-grow: 0;
}

.cta-module p {
	display: block;
	width: auto;
}

.cta-visual-element {
	display: block;
	flex-grow: 1;
	margin-left: var(--default-column-gap);
	height: 3px;
	background-color: var(--main-highlight-color);
}

.cta-module .btn {
	margin-top: 0;
}

/* Single Column CTA ------------------------------ */

@media screen and (max-width: 767px) {
}


/* List Setup */
main ul,
main ol {
	margin-top: 20px;
}

main ol {
	list-style: none;
	counter-reset: li;
}

	main ol li,
	main ul li {
		padding-left: 40px;
		position: relative;
	}

main li::before {
	content: "";
	color: var(--main-highlight-color) !important;
	fill: var(--main-highlight-color);
	display: inline-block;
	width: 6px;
	margin-left: -40px;
	position: absolute;
	height: 1.5em;
}

main ul li::before {
	background: var(--bullet-1-icon);
	background-repeat: no-repeat;
	background-position: center;
}

main ul ul li::before {
	background: var(--bullet-2-icon);
	background-repeat: no-repeat;
	background-position: center;
}

main ul ul ul li::before {
	background: var(--bullet-3-icon);
	background-repeat: no-repeat;
	background-position: center;
}

main ol > li::before {
	content: counter(li) ".";
	background: none;
}

main ol > li {
	counter-increment: li;
}

/* ===================================
Basic Layout for Body Copy 
==========================================*/
.visual-element {
	display: inline-block;
	width: var(--hero-line-length);
	height: 3px;
	background-color: var(--main-highlight-color);
	margin-top: 8px;
	margin-right: var(--default-column-gap);
}

.no-visual-element .visual-element {
	height: 0;
}

.single-col > .section-container > div[class*="-container"],
.single-column-width {
	width: var(--default-column-width);
	min-width: initial;
	margin-left: calc(var(--hero-line-length) + var(--default-column-gap));
}

	.single-col .single-column-width,
	.single-column-width .single-column-width,
	.single-column-width .single-col > .section-container > div[class*="-container"],
	.single-col .single-col > .section-container > div[class*="-container"] {
		width: 100%;
		margin: 0;
	}

.body-copy {
	width: var(--default-column-width);
}

	.body-copy iframe {
		width: 100%;
	}

	.body-copy img {
		max-width: 100%;
	}

@media (max-width: 767px) {
	.visual-element {
		display: none;
	}

	.single-col > .section-container > div[class*="-container"],
	.single-column-width {
		width: 100%;
		margin: 0;
	}
}


/* Full Width Body Copy
=============================== */
.full-width-copy .visual-element {
	display: none;
}

.full-width-copy .body-copy {
	width: 100%;
}

.full-width-copy .copy-container > *,
.full-width-copy .table-container > * {
	width: var(--default-column-width);
	margin-left: calc(var(--hero-line-length) + var(--default-column-gap));
}

.hide-transcript .video-transcript {
	display: none;
}

.optional-h1 {
	display: block;
}

@media (max-width: 767px) {
	.full-width-copy .copy-container > *,
	.full-width-copy .table-container > * {
		margin-left: 0px;
	}
}

/*
========================================================

13.Extra Classes

========================================================
*/
.text-center {
	text-align: center;
}

main a[id*="anchor_"],
main a[id*="anchor_"]:hover,
main a[id*="anchor_"]:focus {
	color: initial !important;
	/* border-bottom: none !important; */
	box-shadow: 0px 0px 0px 0px !important;
	box-shadow: none !important;
}

.unsupported #hamburger,
.unsupported .breadcrumb,
.unsupported #privacy-policy,
.unsupported #back-to-top {
	display: none !important;
}

.w-100 {
	width: 100%;
}

img[width="1"][height="1"] {
	display: none;
}

/* PREVIEW ICONS SETUP 
=================================================*/

/* NEW WINDOW ICON */
.show-preview-icon a.icon[target="_blank"],
.show-preview-icon a.icon.external{
	--preview-icon: var(--external-icon);
	--preview-icon-hover: var(--external-icon-maroon);
}

/* DOWNLOAD ICON */
.show-preview-icon a.icon.pdf,
.show-preview-icon a.icon[href*="/-/media/"] {
	--preview-icon: var(--download-icon);
	--preview-icon-hover: var(--download-icon-maroon);
}

/* LOCKED */
.show-preview-icon .locked a.icon,
.show-preview-icon.locked a.icon {
	--preview-icon: var(--locked-icon);
	--preview-icon-hover: var(--locked-icon-maroon);
}

/* STORY HUB ICONS */
/* ARTICLE */
.show-preview-icon .article a.icon,
.show-preview-icon.article a.icon {
	display: none !important;
}

/* VIDEO */
.show-preview-icon .video a.icon,
.show-preview-icon.video a.icon {
	--preview-icon: var(--video-icon);
	--preview-icon-hover: var(--video-icon-maroon);
}

/* PHOTO */
.show-preview-icon .photo a.icon,
.show-preview-icon.photo a.icon {
	--preview-icon: var(--photo-icon);
	--preview-icon-hover: var(--photo-icon-maroon);
}

/* AUDIO */
.show-preview-icon .podcast a.icon,
.show-preview-icon.podcast a.icon {
	--preview-icon: var(--audio-icon);
	--preview-icon-hover: var(--audio-icon-maroon);
}

/* DATA VISUALIZATION */
.show-preview-icon .data a.icon,
.show-preview-icon.data a.icon {
	--preview-icon: var(--data-icon);
	--preview-icon-hover: var(--data-icon-maroon);
}

/* PAPERS */
.show-preview-icon .paper a.icon,
.show-preview-icon.paper a.icon {
	--preview-icon: var(--paper-icon);
	--preview-icon-hover: var(--paper-icon-maroon);
}

/* EVENTS */
.show-preview-icon .event a.icon,
.show-preview-icon.event a.icon {
	--preview-icon: var(--event-icon);
	--preview-icon-hover: var(--event-icon-maroon);
}


/* SOCIAL ICONS */
/* FACEBOOK */
.show-preview-icon a.icon.external[href*="facebook.com"] {
	--preview-icon: var(--facebook-icon-dark);
	--preview-icon-hover: var(--facebook-icon);
}

/* X | TWIITER  */
.show-preview-icon a.icon.external[href*="twitter.com"],
.show-preview-icon a.icon.external[href*="x.com"] {
	--preview-icon: var(--x-icon-dark);
	--preview-icon-hover: var(--x-icon);
}

/* LINKEDIN */
.show-preview-icon a.icon.external[href*="linkedin.com"] {
	--preview-icon: var(--linkedin-icon-dark);
	--preview-icon-hover: var(--linkedin-icon);
}

/* YOUTUBE */
.show-preview-icon a.icon.external[href*="youtube.com"] {
	--preview-icon: var(--youtube-icon-dark);
	--preview-icon-hover: var(--youtube-icon);
}

/* INSTAGRAM */
.show-preview-icon a.icon.external[href*="instagram.com"] {
	--preview-icon: var(--instagram-icon-dark);
	--preview-icon-hover: var(--instagram-icon);
}

/* TIK TOK */
.show-preview-icon a.icon.external[href*="tiktok.com"] {
	--preview-icon: var(--tiktok-icon-dark);
	--preview-icon-hover: var(--tiktok-icon);
}

/* DEFAULT ARROW */
.show-preview-icon .icon::before {
	display: inline-block;
	width: 30px;
	height: 15px;
	transform: translate3d(-50%, 0, 0);
	padding-left: 0px;
	transition: all 0.2s ease;
	content: var(--preview-icon);
}

/* OVERRIDE for OTHER ICONS */
.show-preview-icon a.icon.external::before,
.show-preview-icon a.icon[target="_blank"]::before,
.show-preview-icon a.icon.pdf::before,
.show-preview-icon a.icon[href*="/-/media/"],
.show-preview-icon a.icon.locked::before,
.show-preview-icon.media a.icon::before,
.show-preview-icon .media a.icon::before {
	width: 18px;
	transform: translate3d(0, 0, 0);
}

/* PREVIEW ICON SETTINGS */
.show-preview-icon .icon {
	display: inline-block;
	width: 40px !important;
	position: relative;
	text-align: left !important;
	vertical-align: text-bottom;
	/* border-bottom: none !important; */
	overflow: hidden;
}

	/* PREVIEW ICON ANIMATION */
	.show-preview-icon a.icon:hover::before,
.show-preview-icon a:hover .icon::before,
	.show-preview-icon a.icon:focus::before,
	.show-preview-icon.hover a.icon::before,
	.show-preview-icon .hover a.icon::before {
		transform: translate3d(0, 0, 0);
		content: var(--preview-icon-hover);
	}

.show-preview-icon a.header-icon > h2 {
	display: inline;
	transition: all .2s;
	margin-right: 5px;
}

.show-preview-icon h2 a {
	box-shadow: 0 0 0 0;
}

.show-preview-icon a.header-icon {
	box-shadow: 0 0 0 0;
}

.show-preview-icon .header-icon .icon {
	margin-top: 5px;
}

/* .show-preview-icon .header-icon .icon:before {
	height: 20px;
	width: 40px;
} */

	.show-preview-icon.hover h2 a,
	.show-preview-icon h2 a:hover,
.show-preview-icon a:hover > h2,
	.show-preview-icon .hover h2 a {
		box-shadow: var(--hover-underline-width);
		color: var(--main-highlight-color);
	}

/* Overrides for dark background */
/* .dark-bg.show-preview-icon h2 a {
	box-shadow: 0 2px 0 0 var(--main-highlight-color);
} */

.dark-bg.show-preview-icon.hover h2 a,
.dark-bg.show-preview-icon h2 a:hover,
.dark-bg.show-preview-icon .hover h2 a {
	box-shadow: var(--hover-underline-width);
	color: var(--main-highlight-color);
}

/* PAGINATION 
================================*/
.pagination-container {
	display: block;
	width: 100%;
}

	.pagination-container ul.pagination {
		display: flex;
		justify-content: center;
	}

		.pagination-container ul.pagination li::before {
			background: none;
		}

		.pagination-container ul.pagination li.active a {
			cursor: text;
			border-bottom: 7px solid maroon;
			/*maybe*/
			color: maroon;
		}

section.upcomingSection .bodyCopy-container .copy-container p {
	margin-bottom: 0px;
}


div[id^="swiss-hub-container"] .coveo-search-section {
	margin: 0;
}

div[id^="swiss-hub-container"] .coveo-results-header {
	display: none;
}

div[id^="swiss-hub-container"].show-results-header .coveo-results-header {
	display: flex;
}

.section-container img[data-loaded="true"],
.hero-module-container img[data-loaded="true"] {
	animation-name: fade;
	animation-duration: 1.75s;
	animation-iteration-count: 1;
}


ul.details,
ul.row-list {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
}

	ul.details li,
	ul.row-list li {
		padding: 0 30px 0 0;
	}

main ul.details li {
	font-size: var(--tiny);
	color: var(--font-color);
}

	main ul.details li.share {
		font-family: var(--TradeGothicBoldCn);
		line-height: var(--line-height-p) !important;
	}

		main ul.details li.share a {
			padding: 0;
			display: inline;
			float: none;
		}

			main ul.details li.share a span {
				display: none;
			}

	main ul.details li::before,
	ul.row-list li::before,
	.topics ul li::before {
		content: "";
		background: none;
	}

	main ul.details li.share a span.at-icon-wrapper,
	a.at-branding-logo {
		display: none !important;
	}

	main ul.details li.story-detail-page:last-child {
		font-family: var(--TradeGothicBoldCn);
	}

.topics-page .topics ul li {
	font-family: var(--TradeGothicBold);
}

.author-details article div.copy {
	width: 55%;
	padding-left: 2.75%;
	line-height: 0;
}

.topics ul.details li {
	padding: 0 5.5% 0 0;
	border-left: none;
}

.topics ul {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

	.topics ul li span {
		display: inline-block;
		padding-left: 10px;
		font-family: var(--TradeGothicLight);
		font-size: var(--tiny);
	}

p.topics-copy {
	line-height: 2.5;
	font-size: 16px;
}

	.topics-copy p a,
	p.topics-copy a {
		margin-right: 40px;
		white-space: nowrap;
	}


ul.social {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

	ul.social li {
		list-style: none;
		padding: 0 !important;
		padding-right: 20px !important;
		line-height: 1;
		margin-bottom: 20px;
	}

		ul.social li:last-child {
			padding-right: 0px;
		}

		ul.social li:not(.text) a.icon {
			/* border-bottom: none !important; */
			box-shadow: 0px 0px 0px 0px !important;
			box-shadow: none !important;
		}

		ul.social li.text a.icon {
			line-height: 1.5;
		}

	ul.social a.icon img {
		transition: all 0.3s;
	}

	ul.social li.text a.icon img {
		float: left;
		margin-right: 20px;
	}

	ul.social li:hover a.icon img {
		transform: scale(0.9);
	}

	a.no-icon:after,
	ul.social li::before,
	ul.social li:not(.text) a.icon::after {
		content: "" !important;
		display: none !important;
		padding: 0 !important;
		margin: 0 !important;
		background: none !important;
	}

/* No Bullets List */
ul.no-bullets li {
	padding: 0;
}

	ul.no-bullets li::before {
		content: "";
		background: none;
	}

/* Columnn Count Setup */
.column-c-two {
	column-count: 2;
}

.column-c-three {
	column-count: 3;
}

.column-c-four {
	column-count: 4;
}

.column-c-five {
	column-count: 4;
}

@media screen and (max-width: 1023px) {
	.column-c-four,
	.column-c-five {
		column-count: 3;
	}
}

@media screen and (max-width: 767px) {
	.column-c-three,
	.column-c-four,
	.column-c-five {
		column-count: 2;
	}
}

/**** End Main CSS*****/