/*!
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
*/


/* 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

*/

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

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

========================================================
*/
footer .logo::before {
	display: none;
	/* background-image: url(/assets/chicagobooth/img/predoc/PREDOC-lockup.svg); */
}


.alert-box.warning .p-alert {
	color: #39393a;
}

.alert-box .p-alert::before,
#PrivacyDIV .p-alert::before {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/informationPredoc.svg); */
}

.alert-box.maroon {
	background-color: #39393a;
}

.ribbon,
.top-ribbon {
	border-top: 12px solid #39393a;
}

/**** Back to Top ****/
.back-to-top span:before {
	display: none;
	/* content: url("/assets/chicagobooth/img/predoc/backToTopPredoc.svg"); */
}

/*** Header ****/

nav.mobile ul li a {
	box-shadow: 0 0px 0 #39393a;
}

nav.mobile ul li a:hover {
	color: #39393a;
	box-shadow: 0 4px 0 #39393a;
}

nav#nav-mobile .search-box .search-overlay-container input[type="text"] {
	font-family: "TradeGothic cn 18";
}

nav.mobile {
	border-top: 12px solid #39393a;
}

nav.mobile a.active {
	color: #39393a;
}

ul.menu-item li span.toggle-arrow:hover {
	background: #39393a;
}

/* .target,
.targetHover {
	background-color: #39393a !important;
}

.no-color-header.search-open header .target,
.no-color-header.search-open header .targetHover,
.header-bgcolor.search-open header .target,
.header-bgcolor.search-open header .targetHover {
	background-color: #39393a !important;
} */

#hamburger.open:hover {
	background: #39393a;
}

.overlay-content ul li:first-child a {
	font-family: "TradeGothic BoldCn 20";
}

.overlay-content ul li a {
	color: #39393a;
}

.overlay-content #myNavBottom ul li a {
	font-family: "TradeGothic BoldCn 20" !important;
}

/* Search */
.search-overlay-container .CoveoSearchInterface:before {
	background: #39393a;
}

.search-overlay-container .CoveoSearchbox:before {
	font-family: "TradeGothic Cn 18";
}

.search-overlay::before {
	background: #39393a;
}

.search-overlay-container .magic-box .magic-box-input input {
	font-family: "TradeGothic Cn 18";
}

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

3.Breadcrumb

========================================================
*/
#active span {
	color: #39393a;
	border-bottom: 2px solid #39393a;
}

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

4.Hero Image

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

.hero-content .body-copy p {
	font-family: "TradeGothic Cn 18";
}

/* <%-- Arrow Animation --%> */
@media screen and (max-width: 1023px) {
	.visual-element .visual-arrow {
		background: #39393a;
	}

	.hero-module.transparent-header .details li a {
		border-color: #39393a;
	}

	.hero-content .body-copy h2 a:hover,
	.hero-content .body-copy h1 a:hover,
	.hero-content .body-copy h2 a:focus,
	.hero-content .body-copy h1 a:focus,
	.hero-content.hover .body-copy h2 a,
	.hero-content.hover .body-copy h1 a {
		color: #39393a;
	}

	.hero-content .body-copy a.icon.external[href] span::before {
		display: none;
		/* content: url(/assets/chicagobooth/img/predoc/newWindowPredoc.svg) !important; */
	}

	.hero-content .body-copy a.icon:not(.external):not(.pdf) span::before {
		display: none;
		/* content: url(/assets/chicagobooth/img/predoc/arrowLongPredoc.svg) !important; */
	}

	.hero-content .body-copy a.icon.pdf[href*="/-/media/"][href*="chicagobooth"] span::before {
		display: none;
		/* content: url(/assets/chicagobooth/img/predoc/downloadPredoc.svg) !important; */
	}
}

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

5.Accordions

========================================================
*/
.panel:hover {
	border-bottom: 10px solid #39393a;
}

.panel:hover .panel-heading {
	color: #39393a;
}

/* Sub Accordions styles */
.accordion .accordion .panel:hover {
	border-bottom: 5px solid #39393a;
}


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

6.Footer

========================================================
*/
.header-bgcolor footer .logo::before,
.no-color-header footer .logo::before {
	display: none;
	/* background-image: url(/assets/chicagobooth/img/predoc/PREDOC.svg);
	max-width: 50vw;
	width: 460px; */
}

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

7.Body Copy

========================================================
*/
main p a,
#privacy-policy a,
.topics-page .topics li a,
article div.copy p a,
main li a {
	border-bottom: 2px solid #39393a;
}

main p a:hover,
#privacy-policy a:hover,
.topics-page .topics li a:hover,
.topics-page .topics .tag a:hover,
ul.details li a:hover,
footer ul li a:not(.icon):hover,
footer p a:hover,
footer h2 a:hover,
main li a:hover {
	color: #39393a;
}

.breadcrumb li:hover a.external::after {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/newWindowPredoc.svg) !important; */
}

#nav-mobile a.external::after,
main a.external::after,
footer a.external::after {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/newWindowPredoc.svg); */
}

main a.pdf::after,
footer a.pdf::after {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/downloadPredoc.svg); */
}

main .teal a.external::after,
main .gray a.external::after {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/newWindowPredoc.svg); */
}

main a.btn.pdf::after,
main .light-gray a.btn.pdf::after {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/downloadPredoc.svg); */
}

.video-transcript .visual-element,
.visual-element {
	background-color: #39393a;
}

main ul li:before {
	background: url("/assets/chicagobooth/img/bulletDark");
	background-repeat: no-repeat;
	background-position: 0px 16px;
}

main li::before {
	color: #39393a !important;
	fill: #39393a;
}

a.external.btn::after {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/newWindowPredoc.svg); */
}

a.pdf.btn::after {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/downloadPredoc.svg); */
}

a.btn-maroon {
	background-color: #39393a;
	border: 3px solid #39393a;
}

a.btn-maroon:hover {
	color: #39393a !important;
	border: 3px solid #39393a;
}

a.external.btn-maroon:hover::after {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/newWindowPredoc.svg); */
}

a.pdf.btn-maroon:hover::after {
	display: none;
	/* content: url(/assets/chicagobooth/img/predoc/downloadPredoc.svg); */
}

a.btn-white {
	color: #39393a;
	border: 3px solid #39393a;
}

a.btn-white:hover {
	background-color: #39393a;
	border: 3px solid #39393a;
}

.body-copy-noimage h2 a:hover,
.body-copy-noimage h3 a:hover,
.body-copy-noimage h4 a:hover,
.body-copy-noimage h5 a:hover,
.body-copy-image h6 a:hover,
.body-copy-image h2 a:hover,
.body-copy-image h3 a:hover,
.body-copy-image h4 a:hover,
.body-copy-image h5 a:hover,
.body-copy-image h6 a:hover {
	color: #39393a;
}

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

9.Persistent Module

========================================================
*/
.maroon {
	background-color: #39393a !important;
}

.maroon .persistent-copy {
	background-color: #39393a !important;
}

.maroon .btn.btn-white:hover {
	color: #39393a;
}

.light-gray .persistent-copy .visual-element {
	background-color: #39393a;
}

.light-gray .persistent-copy a,
.persistent-copy a:hover {
	border-bottom: 0 solid #39393a !important;
}

.light-gray .persistent-copy a span {
	border-bottom: 0 solid #39393a;
}

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

11.Background colors

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

.teal a.btn,
.gray a.btn,
.teal a.btn-maroon,
.gray a.btn-maroon {
	border-bottom: 3px solid #39393a;
}

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

13.Extra Classes

========================================================
*/
.pagination-container ul.pagination li.active a {
	border-bottom: 7px solid #39393a;
	color: #39393a;
}

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

14.BreakPoints

========================================================
*/
@media screen and (min-width: 1024px) {
	.header-bgcolor nav.check-active-state a.active,
	.no-color-header nav.check-active-state a.active {
		color: #39393a;
	}
		
	.header-bgcolor.search-open nav.check-active-state a.active,
	.no-color-header.search-open nav.check-active-state a.active,
	nav.check-active-state a.active {
		color: #39393a;
	}

	.header-bgcolor.search-open nav.check-active-state a.active span,
	.no-color-header.search-open nav.check-active-state a.active span,
	nav.check-active-state a.active span {
		background-color: #39393a;
	}

	.breadcrumb.desktop .sub-nav .dropdown:hover:last-of-type a.toggle-arrow-div {
		border: 1px solid #39393a;
	}

	.breadcrumb.desktop .sub-nav .dropdown.no-dropdown.hover:last-of-type a {
		border: 0px solid #39393a;
	}

	.header-bgcolor .sub-nav .dropdown:hover a.toggle-arrow-div,
	.no-color-header .sub-nav .dropdown:hover a.toggle-arrow-div,
	.sub-nav .dropdown:hover a.toggle-arrow-div {
		border: 1px solid #39393a;
	}

	.dropdown:hover a,
	.dropdown:hover .dropdown-menu {
		background-color: #39393a;
	}

	.dropdown .dropdown-menu {
		background: #39393a;
	}

	.sub-nav .dropdown:hover li:hover a {
		color: #39393a;
	}
}

@media screen and (max-width: 1023px) {
	nav {
		border-top: 12px solid #39393a;
	}

	nav.mobile a.active {
		color: #39393a !important;
	}

	.breadcrumb li a.external::after {
		display: none;
		/* content: url(/assets/chicagobooth/img/predoc/newWindowPredoc.svg) !important; */
	}

	.hero-module .visual-element {
		background-color: #39393a;
	}
}

@media screen and (min-width:960px) {

/* 
	.logo::before,
	.header-bgcolor header.search-open .logo::before,
	.no-color-header header.search-open .logo::before {
		background-image: url(/assets/chicagobooth/img/predoc/PREDOC.svg);
		max-width: 50vw;
		width: 460px;
	} */
}


@media screen and (max-width: 767px) {
	.body-copy h1:first-of-type::after,
	.body-copy h2:first-of-type::after,
	section header:first-of-type::after,
	.author-content h2::after {
		border-bottom: 3px solid #39393a;
	}

	.no-visual-element .body-copy h1:first-of-type::after,
	.no-visual-element .body-copy h2:first-of-type::after,
	.body-copy h2.tag::after,
	.hero-module .body-copy .copy-container h2:first-of-type::after {
		border-bottom: 0px solid #39393a;
	}

}

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

15.CTA Module

========================================================
*/
.cta-visual-element {
	background-color: #39393a;
}

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

17.Story Hub

========================================================
*/
.author-content:hover h2 a {
	color: #39393a;
	border-bottom: 7px solid #39393a;
}

.topics ul li span {
	font-family: "Trade Gothic LT W01 Light";
}

@media screen and (max-width: 1023px) {
	.author-content:hover h2 a {
		border-bottom: 0px solid #39393a;
	}
}
table a {
	border-bottom: 2px solid #39393a;
	transition: all 0.1s ease;
}

table a:hover {
	color: #39393a;
	/* border-bottom: 7px solid #39393a; */
}

/* LARGE FONT */
table.largefont td {
	font-family: "TradeGothic Cn 18";
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	background-image: linear-gradient(#39393a, #39393a);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-image: linear-gradient(#39393a, #39393a);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background-image: linear-gradient(#39393a, #39393a);
}

/* Single Column Paragraph */
/* Details */


/* END Fonts and Text ====================================================================*/
/* Start 4. Swiss Icons and Animations ====================================================*/
/* Swiss Hover Animation */
div[class*="half-img-"] article a:hover + div.copy h2 a,
div[class*="half-img-"] article a:focus + div.copy h2 a,
div[class*="half-img-"] article.hover a + div.copy h2 a,
div[class*="half-img-"] div.copy h2 a:hover,
div[class*="half-img-"] div.copy h2 a:focus,
div.coveo-result-cell article a:hover + div.copy h2 a,
div.coveo-result-cell article a:focus + div.copy h2 a,
div.coveo-result-cell article.hover a + div.copy h2 a,
div.coveo-result-cell div.copy h2 a:hover,
div.coveo-result-cell div.copy h2 a:focus {
	color: #39393a;
}

/* CTA Button Styles and anchor styles*/
div[class*="half-img-"] article div.copy p a:hover {
	border-bottom: 5px solid #39393a;
}

div[class*="half-img-"]:not([class*="half-img-overlay"]) article div.copy p a.btn,
div.swiss-row-one[class*="half-img-overlay"] article div.copy p a.btn {
	border: 3px solid #39393a;
	color: #39393a;
}

div[class*="half-img-"]:not([class*="half-img-overlay"]) article div.copy p a.btn:hover,
div.swiss-row-one[class*="half-img-overlay"] article div.copy p a.btn:hover,
div[class*="half-img-"]:not([class*="half-img-overlay"]) article div.copy p a.btn:focus,
div.swiss-row-one[class*="half-img-overlay"] article div.copy p a.btn:focus {
	background-color: #39393a;
}

.light-gray div[class*="half-img-"]:not([class*="half-img-overlay"]) article div.copy p a.btn:hover,
.light-gray div.swiss-row-one[class*="half-img-overlay"] article div.copy p a.btn:hover,
.light-gray div[class*="half-img-"]:not([class*="half-img-overlay"]) article div.copy p a.btn:focus,
.light-gray div.swiss-row-one[class*="half-img-overlay"] article div.copy p a.btn:focus {
	background-color: #39393a;
}

/* ICON URLS */
div[class*="swiss-row-"] .copy a.link-icon.external[href] span::before {
	display: none;
	/* content: url("/assets/chicagobooth/img/predoc/newWindowPredoc.svg") !important; */
}

div.coveo-result-cell article a.link-icon:not(.external):not(.pdf) span::before,
div[class*="swiss-row-"] .copy a.link-icon:not(.external):not(.pdf) span::before {
	display: none;
	/* content: url("/assets/chicagobooth/img/predoc/arrowLongPredoc.svg") !important; */
}

div[class*="swiss-row-"] .copy a.link-icon.pdf[href*="/-/media/"][href*="chicagobooth"] span::before {
	display: none;
	/* content: url("/assets/chicagobooth/img/predoc/downloadPredoc.svg") !important; */
}

/* Tablet >>>>>>>> Sizes */
@media only screen and (min-device-width: 767px) and (max-device-width: 1024px),
	only screen and (min-width: 767px) and (max-width: 1024px),
	only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article a:hover + div.copy h2 a,
	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article a:focus + div.copy h2 a,
	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article.hover a + div.copy h2 a,
	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) div.copy h2 a:hover,
	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) div.copy h2 a:focus {
		color: #39393a;
	}

	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article div.copy p a {
		border-bottom: 2px solid #39393a;
	}

	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article div.copy p a:hover,
	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article div.copy p a:focus {
		color: #39393a;
		border-bottom: 5px solid #39393a;
	}

	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article div.copy p a.btn:hover,
	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article div.copy p a.btn:focus {
		box-shadow: 0px 5px #39393a;
	}

	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article div.copy p a.btn {
		box-shadow: 0px 2px #39393a;
	}

	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) article div.copy p a.external::after {
		display: none;
		/* content: url("/assets/chicagobooth/img/predoc/newWindowPredoc.svg"); */
	}

	/* OVERLAY ICON URLS */
	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) .copy a.link-icon.external[href] span::before {
		display: none;
		/* content: url("/assets/chicagobooth/img/predoc/newWindowPredoc.svg") !important; */
	}

	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) .copy a.link-icon:not(.external):not(.pdf) span::before {
		display: none;
		/* content: url("/assets/chicagobooth/img/predoc/arrowLongPredoc.svg") !important; */
	}

	section:not(.teal):not(.gray) div[class*="half-img-overlay"]:not(.swiss-row-one) .copy a.link-icon.pdf[href*="/-/media/"][href*="chicagobooth"] span::before {
		display: none;
		/* content: url("/assets/chicagobooth/img/predoc/downloadPredoc.svg") !important; */
	}
}
/* END Icons and Animation ================================================================================*/

/* 5. Extra Classes ===========================================================================================*/

/ End Swiss CSS ****/

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

1.Slate CSS Page Styles

========================================================
*/
.slate-container button {
	color: #39393a !important;
	border: 3px solid #39393a;
}

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

#form .action button,
.action-button,
.action-button:hover,
#hidden-button,
#form .default,
#ck-button,
#ck-button:visited {
	color: #39393a;
	border: 3px solid #39393a;
}

#ck-button-back,
#ck-button-back:visited {
	color: #39393a;
}

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

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

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

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


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

.CoveoSearchInterface .coveo-recommendation-header:before {
	background-color: #39393a;
}

@media screen and (max-width: 768px) {
	.CoveoSearchInterface .coveo-recommendation-header:before {
		border-bottom: 3px solid #39393a;
	}
}

div.coveo-sort-container span,
div.chicagobooth-sort-container span {
	font-family: "TradeGothic Cn 18";
	border: 0px solid #39393a;
}

div.coveo-sort-container span:hover,
div.coveo-sort-container span.coveo-selected,
div.coveo-sort-container span.coveo-selected:hover,
div.chicagobooth-sort-container span:hover,
div.chicagobooth-sort-container span.coveo-selected,
div.chicagobooth-sort-container span.coveo-selected:hover {
	color: #39393a;
}

div[class*="swiss-row-three"].coveo-result-frame article a:hover + div.copy h2 a p,
div[class*="swiss-row-three"].coveo-result-frame div.copy h2 a:hover p {
	color: #39393a;
}

ul.coveo-pager-list li a {
	box-shadow: 0px 0px #39393a;
}

ul.coveo-pager-list li a:hover,
ul.coveo-pager-list li.coveo-active a {
	box-shadow: 0px 7px 0 0px #39393a;
}

ul.coveo-pager-list li.coveo-pager-next a:hover svg,
ul.coveo-pager-list li.coveo-pager-previous a:hover svg {
	fill: #39393a;
	color: #39393a;
}

div.coveo-result-list-container .coveo-card-layout.CoveoResult h2 a:hover {
	color: #39393a !important;
}

div.coveo-result-list-container .coveo-card-layout.CoveoResult a.CoveoResultLink {
	border-bottom: 2px solid #39393a;
}

div.coveo-result-list-container .coveo-card-layout.CoveoResult a.CoveoResultLink:hover {
	color: #39393a !important;
	/* border-bottom: 5px solid #39393a; */
}

@media screen and (max-width: 1024px) {
	div.coveo-sort-container span:hover,
	div.coveo-sort-container span.coveo-selected,
	div.coveo-sort-container span.coveo-selected:hover,
	div.chicagobooth-sort-container span:hover {
		color: #39393a;
		/* border-bottom: 5px solid #39393a !important; */
	}
}

/ End StoryHub Pages CSS ****/