@font-face {
	font-family: "Publico Banner";
	src: url(../cbr-fonts//publico-banner/PublicoBanner-MediumItalic-Web.eot);
	src: url(../cbr-fonts//publico-banner/PublicoBanner-MediumItalic-Web.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//publico-banner/PublicoBanner-MediumItalic-Web.woff) format("woff");
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
}

@font-face {
	font-family: "Publico Banner";
	src: url(../cbr-fonts//publico-banner/PublicoBanner-Medium-Web.eot);
	src: url(../cbr-fonts//publico-banner/PublicoBanner-Medium-Web.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//publico-banner/PublicoBanner-Medium-Web.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: "Publico Banner";
	src: url(../cbr-fonts//publico-banner/PublicoBanner-BoldItalic-Web.eot);
	src: url(../cbr-fonts//publico-banner/PublicoBanner-BoldItalic-Web.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//publico-banner/PublicoBanner-BoldItalic-Web.woff) format("woff");
	font-weight: 700;
	font-style: italic;
	font-stretch: normal;
}

@font-face {
	font-family: "Publico Banner";
	src: url(../cbr-fonts//publico-banner/PublicoBanner-Bold-Web.eot);
	src: url(../cbr-fonts//publico-banner/PublicoBanner-Bold-Web.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//publico-banner/PublicoBanner-Bold-Web.woff) format("woff");
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: "Publico Text";
	src: url(../cbr-fonts//publico-text/PublicoText-Roman-Web.eot);
	src: url(../cbr-fonts//publico-text/PublicoText-Roman-Web.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//publico-text/PublicoText-Roman-Web.woff) format("woff");
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: "Champion";
	src: url(../cbr-fonts//champion/champion-htf-lightweight-webfont.eot);
	src: url(../cbr-fonts//champion/champion-htf-lightweight-webfont.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//champion/champion-htf-lightweight-webfont.woff2) format("woff2"), url(../cbr-fonts//champion/champion-htf-lightweight-webfont.woff) format("woff"), url(../cbr-fonts//champion/champion-htf-lightweight-webfont.ttf) format("truetype"), url(../cbr-fonts//champion/champion-htf-lightweight-webfont.svg#championhtf-lightweight) format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Champion";
	src: url(../cbr-fonts//champion/champion-htf-welterweight-webfont.eot);
	src: url(../cbr-fonts//champion/champion-htf-welterweight-webfont.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//champion/champion-htf-welterweight-webfont.woff2) format("woff2"), url(../cbr-fonts//champion/champion-htf-welterweight-webfont.woff) format("woff"), url(../cbr-fonts//champion/champion-htf-welterweight-webfont.ttf) format("truetype"), url(../cbr-fonts//champion/champion-htf-welterweight-webfont.svg#championhtf-welterweight) format("svg");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Fort;
	src: url(../cbr-fonts//fort/Fort-Book.eot);
	src: url(../cbr-fonts//fort/Fort-Book.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//fort/Fort-Book.woff) format("woff"), url(../cbr-fonts//fort/Fort-Book.svg#Fort-Book) format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Fort;
	src: url(../cbr-fonts//fort/Fort-BookItalic.eot);
	src: url(../cbr-fonts//fort/Fort-BookItalic.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//fort/Fort-BookItalic.woff) format("woff"), url(../cbr-fonts//fort/Fort-BookItalic.svg#Fort-BookItalic) format("svg");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: Fort;
	src: url(../cbr-fonts//fort/Fort-Medium.eot);
	src: url(../cbr-fonts//fort/Fort-Medium.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//fort/Fort-Medium.woff) format("woff"), url(../cbr-fonts//fort/Fort-Medium.svg#Fort-Medium) format("svg");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Fort;
	src: url(../cbr-fonts//fort/Fort-MediumItalic.eot);
	src: url(../cbr-fonts//fort/Fort-MediumItalic.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//fort/Fort-MediumItalic.woff) format("woff"), url(../cbr-fonts//fort/Fort-MediumItalic.svg#Fort-MediumItalic) format("svg");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: Fort;
	src: url(../cbr-fonts//fort/Fort-Bold.eot);
	src: url(../cbr-fonts//fort/Fort-Bold.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//fort/Fort-Bold.woff) format("woff"), url(../cbr-fonts//fort/Fort-Bold.svg#Fort-Bold) format("svg");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: Fort;
	src: url(../cbr-fonts//fort/Fort-BoldItalic.eot);
	src: url(../cbr-fonts//fort/Fort-BoldItalic.eot?#iefix) format("embedded-opentype"), url(../cbr-fonts//fort/Fort-BoldItalic.woff) format("woff"), url(../cbr-fonts//fort/Fort-BoldItalic.svg#Fort-BoldItalic) format("svg");
	font-weight: 700;
	font-style: italic;
}

:root {
	/* Font Family */
	--TradeGothicLight: Fort, sans-serif;
	--TradeGothicBold: Fort, sans-serif;
	--TradeGothicCn: Fort, sans-serif;
	/* "Champion", sans-serif */
	--TradeGothicBoldCn: "Publico Banner", sans-serif;
	--h1: clamp(38px, calc(36px + 1vw), 77px);
	/* Line Height */
	--line-height-p: 1.75;
	--line-height-c: 1.5;
	--line-height-cn: 1.15;
	--line-height-h: 1.25;
	--header-font-weight: 700;
	--ribbon-height: 0px;
	/* Background Colors */
	--maroon: #01373f;
	--dark-teal: #01373f;
	--magenta: #e50084;
	--light-blue: #73eeff;
	--cbr-teal: #2f818e;
	--main-highlight-color: #e50084;
	--accordion-highlight-color: #808080;
	/* Icons */
	--main-site-logo: url("/assets/chicagobooth/img/cbr/chicago booth review 2.svg");
	--main-site-logo-maroon: url("/assets/chicagobooth/img/cbr/chicago booth review 2.svg");
	--main-site-logo-white: url("/assets/chicagobooth/img/cbr/chicago booth review white 2.svg");
	--play-icon: url("/assets/chicagobooth/img/cbr/play-icon.svg");
	--site-logo-max-width: 272px;
	/*Back to Top*/
	--back-to-top-icon: url("/assets/chicagobooth/img/cbr/backToTop.svg");
	/* Bullets */
	--bullet-1-icon: url("/assets/chicagobooth/img/cbr/bullet.svg");

	--preview-icon: url("/assets/chicagobooth/img/cbr/arrowLong.svg");
	--preview-icon-hover: url("/assets/chicagobooth/img/cbr/arrowLong.svg");
	--arrow-icon: url("/assets/chicagobooth/img/cbr/arrowLong.svg");

	--external-icon-maroon: url("/assets/chicagobooth/img/cbr/newWindow.svg");

	--download-icon-maroon: url("/assets/chicagobooth/img/cbr/download.svg");

	--video-icon-maroon: url("/assets/chicagobooth/img/cbr/video.svg");

	--audio-icon-maroon: url("/assets/chicagobooth/img/cbr/audio.svg");

	--photo-icon-maroon: url("/assets/chicagobooth/img/cbr/photo-gallery.svg");

	--data-icon-maroon: url("/assets/chicagobooth/img/cbr/data-visualization.svg");

	--paper-icon-maroon: url("/assets/chicagobooth/img/cbr/papers.svg");

	--event-icon-maroon: url("/assets/chicagobooth/img/cbr/events.svg");
}

@media screen and (max-width: 1023px) {
	:root {
		--site-logo-max-width: 100%;
	}
}
/*Background Color*/
/* DARK TEAL */
.dark-teal {
	--component-background-color: var(--dark-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);
}

	.dark-teal 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/cbr/newWindowBlue.svg");
		--download-icon-white: url("/assets/chicagobooth/img/cbr/downloadBlue.svg");
		--locked-icon-maroon: url("/assets/chicagobooth/img/locked.svg");
	}

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

/* MAGENTA */
.magenta {
	--component-background-color: var(--magenta);
	--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);
}

	.magenta 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/cbr/newWindow.svg");
		--download-icon-white: url("/assets/chicagobooth/img/cbr/download.svg");
		--locked-icon-maroon: url("/assets/chicagobooth/img/locked.svg");
	}

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

/* LIGHT BLUE */
.light-blue {
	--component-background-color: var(--light-blue);
	--main-highlight-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);
	--video-icon-maroon: url("/assets/chicagobooth/img/video.svg");
	--audio-icon-maroon: url("/assets/chicagobooth/img/audio.svg");
	--photo-icon-maroon: url("/assets/chicagobooth/img/photo-gallery.svg");
	--data-icon-maroon: url("/assets/chicagobooth/img/data-visualization.svg");
	--paper-icon-maroon: url("/assets/chicagobooth/img/papers.svg");
	--event-icon-maroon: url("/assets/chicagobooth/img/events.svg");
}

	.light-blue 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/dowload.svg");
		--locked-icon-maroon: url("/assets/chicagobooth/img/locked.svg");
	}

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

/* CBR TEAL */
.cbr-teal {
	--component-background-color: var(--cbr-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);
}

	.cbr-teal 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/cbr/newWindowTeal.svg");
		--download-icon-white: url("/assets/chicagobooth/img/cbr/downloadTeal.svg");
		--locked-icon-maroon: url("/assets/chicagobooth/img/locked.svg");
	}

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

.coveo-selected {
	--maroon: var(--magenta);
}

.text-overlay-off {
	--maroon: var(--magenta);
}

#header ul[class*="nav-"] a {
	font-family: "Champion" !important;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased; /* Chrome, Safari */
	-moz-osx-font-smoothing: grayscale; /* Firefox */
	text-rendering: optimizeLegibility;
}

main ul.details li.share {
	font-family: var(--TradeGothicLight);
}

/* FONT Setup END  */

.target, .targetHover {
	background-color: var(--main-highlight-color) !important;
}
/* BUNDLE START  */
/**** Main CSS*****/
/*
========================================================

BREAKPOINTS MOBILE / DESKTOP

========================================================
Desktop: 1920, 1440, 1366, 1280, 1024
Mobile: <1024, 768, 375, 320
........................................................

1.General Page Styles
2.Header/ Back to Top Arrow/ Main Navigation/ Search/ Mobile Hamburger
3.Breadcrumb
4.Hero Module
5.Accordions
6.Footer
7.Body Copy
8.Page Title Module
9.Persistent Module
10.Component
11.Background Colors
12.Single Column
13.Extra Classes
14.Breakpoints
15.CTA Modude
16.PodCast
17.Story Hub

*/
.optional-h1, .hero-module .TGcondensed {
	font-family: var(--TradeGothicLight);
	font-weight: 400;
}

.TGcondensed {
	font-family: "Champion", sans-serif;
	font-weight: 400;
}

p strong, td strong {
	font-weight: 700 !important;
}

.subBtn a,
main a.no-icon {
	box-shadow: 0 0 0 0 !important;
}

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

2.Header/ Back to Top Arrow/ Main Navigation/ Search/ Mobile Hamburger

========================================================
*/
.alert-box .p-alert::before {
	content: url(/assets/chicagobooth/img/cbr/information.svg);
}

.ribbon,
.top-ribbon {
	display: none;
}
/* END CUSTOM CSS */


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

3.Breadcrumb

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

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

4.Hero Image

========================================================
*/
/* .pageTitle .hero-content .copy-container h2, .pageTitle .body-copy h2 {
	font-family: var(--TradeGothicLight);
	font-weight: 400;
} */

.hero-content .body-copy p {
	line-height: var(--line-height-cn) !important;
}
/*
========================================================

5.Accordions

========================================================
*/
.accordion.small-header .panel-heading p {
	font-family: var(--TradeGothicBoldCn) !important;
}

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

6.Footer

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

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

7.Body Copy

========================================================
*/
.coveo-recommendation-header,
.visual-element,
.cta-visual-element,
.body-copy h2:first-of-type::after {
	--main-highlight-color: var(--dark-teal);
}


.dark-bg .visual-element,
.dark-bg .body-copy h2:first-of-type::after {
	--main-highlight-color: var(--white);
}


/* CTA BUTTON STYLES */
a.btn,
button.btn {
	font-family: "TradeGothic BoldCn 20";
}

a.btn-maroon,
button.btn-maroon {
	/* Button colors override */
	background-color: #e50084;
	border: 3px solid #e50084;
}

	a.btn-maroon:hover,
	button.btn-maroon:hover {
		/* Button colors override */
		color: #e50084;
		border: 3px solid #e50084;
	}

a.btn-white,
button.btn-white {
	/* Button colors override */
	color: #e50084;
	border: 3px solid #e50084;
}

	a.btn-white:hover,
	button.btn-white:hover {
		/* Button colors override */
		background-color: #e50084;
		border: 3px solid #e50084;
	}

/* BODY COPY HEADER STYLES */


.bodyCopy-container.first-letter .copy-container > span[id] > p:first-of-type::first-letter,
.bodyCopy-container.first-letter .copy-container > p:first-of-type::first-letter {
	font-family: "Publico Banner", sans-serif;
	color: #01373f;
}

.bodyCopy-container.first-letter .copy-container > span[id] > p:first-of-type:after,
.bodyCopy-container.first-letter .copy-container > p:first-of-type::after {
	background-color: #73eeff;
}

/* LONG TEXT STYLES */
.bodyCopy-container p.block-quote {
	border-left: 8px solid #39393a;
	color: #39393a;
}

section.hide-section-live:not([sc-part-of*="placeholder"]),
.home-page .pageTitle.hero-module h1 {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.search-overlay-container .CoveoSearchInterface::before {
	background: var(--dark-teal);
}

div[class*="slate-container"] {
	font-family: "Trade Gothic LT W01 Light";
}

div.form_h1 .form_label {
	font-family: "TradeGothic BoldCn 20";
}

.slate-container button {
	font-family: "TradeGothic BoldCn 20";
	color: #e50084 !important;
	border: 3px solid #e50084;
}

	.slate-container button:hover {
		background-color: #e50084 !important;
		border: 3px solid #e50084 !important;
	}

#form .action button,
.action-button,
.action-button:hover,
#hidden-button,
#form .default,
#ck-button,
#ck-button:visited {
	font-family: "TradeGothic BoldCn 20";
	color: #e50084;
	border: 3px solid #e50084;
}

#ck-button-back,
#ck-button-back:visited {
	font-family: "TradeGothic BoldCn 20";
	color: #e50084;
}

#form .action-button:hover,
#form .action-button:focus,
#tymessage .action-button:hover,
#tymessage .action-button:focus,
#hidden-button:hover,
#hidden-button:focus {
	background-color: #e50084;
	border: 3px solid #e50084;
}

/***** End Slate CSS ****/
/***** Timeline CSS ****/
/***** TIMELINE STYLES ******/

.timeline-control .glyphicon-chevron-left::after,
.timeline-control .icon-prev::after {
	content: url("/assets/chicagobooth/img/cbr/toggleLeft.svg");
}

.timeline-control .glyphicon-chevron-right::after,
.timeline-control .icon-next::after {
	content: url("/assets/chicagobooth/img/cbr/toggleRight.svg");
}

.timeline-indicators p {
	font-family: "TradeGothic Cn 18";
}

.carousel-indicators .active,
.teal .carousel-indicators li.active,
.gray .carousel-indicators li.active {
	background-color: #e50084;
}

div.swiss-row-news.multi-column .secondary article div.copy h2 {
	font-weight: 400;
}

/***** End StoryHub Pages CSS ****/

/* Extra CSS Styles */

footer .footer-links ul {
	border: none !important;
}

footer .footer-links {
	grid-template-columns: 1fr;
}

	footer .footer-links ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
		column-gap: 5.5%
	}

.graphic {
	padding: 20px;
	background-color: #f7f6f7;
}