/* Override Folder Name: predoc
Override Home Logo: home-logo.svg
Override Home Logo White: home-logo-white.svg
Override Main Color: #035C67 */

/* Override Icons Needed in predoc */
/* 
newWindow.svg
arrowLong.svgs
download.svg
video.svg
audio.svg
photo-gallery.svg
data-visualization.svg
events.svg
papers.svg
bullet.svg
home-logo.svg
home-logo-white.svg
infomation.svg
play-icon.svg
toggleLeft.svg
toggleRight.svg 
*/


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

*/

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

7.Body Copy

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

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

11.Background colors

========================================================
*/
/* Dark Background color set up  */

/* .kilts-orange {
	background-color: #EA7600;
}

.kilts-orange-banner .persistent-copy {
	background-color: #EA7600 !important;
	color: white;
}

.kilts-orange-banner .persistent-copy .visual-element{
	background-color: white;
}

.kilts-orange a.btn-white:hover,
.kilts-orange a.btn-maroon:hover {
	color: #EA7600;
	background-color: white;
	border: 3px solid white !important;
}

.kilts-orange a.external.btn-white:hover::after,
.kilts-orange a.external.btn-maroon:hover::after {
	content: url("/assets/chicagobooth/img/kilts/newWindow.svg");
}

.kilts-orange a.pdf.btn-white:hover::after,
.kilts-orange a.pdf.btn-maroon:hover::after {
	content: url("/assets/chicagobooth/img/kilts/download.svg");
}  */

/* Block Quote Modules Colors */
/* BG - Light Grey */
/* .quote.kilts-orange {
	background-color: #EA7600 !important;
} */

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

13.Extra Classes

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

/* VISUAL ELEMENTS */
.video-transcript .visual-element,
.visual-element {
	/* Visual element color override */
	background-color: #EA7600;
}

.pageHeader.hero-module .hero-content.text-overlay-off .visual-element,
.hero-module .hero-content.hide-hero-image .visual-element {
	background-color: #EA7600;
}

.cta-visual-element {
	background-color: #EA7600;
}


@media screen and (max-width: 1023px) {
	.hero-module .visual-element {
		background-color: #EA7600;
	}
}

@media screen and (max-width: 767px) {
	.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 #EA7600;
	}
}

.hero-module .section-container {
	padding-bottom: 30px;
}

/* == BLACK/WHITE TO COLOR SWISS IMAGE HOVER ===== */
article a img,
div[class*="half-img-"] article > a img {
	filter:grayscale(1) contrast(1) brightness(1);
	-webkit-filter:grayscale(1) contrast(1) brightness(1);
	transition: filter .2s ease-in-out, transform .2s ease !important; 
}

article a:hover img,
div[class*="half-img-"] article.hover > a img,
.hero-module.hover img {
  filter:grayscale(0) contrast(1) brightness(1); 
  -webkit-filter:grayscale(0) contrast(1) brightness(1);
}