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

*/


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

1.General Page Styles

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

nav ol,
nav ul,
nav li,
footer ol,
footer ul,
footer li{
   margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font:inherit;
}
ol,
ul {
    list-style: none;
}
#privacy-policy .p-alert a {
   text-decoration:none;
}
nav a,
footer a{
    color:#383838 !important;
    text-decoration: none !important;
}
html {
    margin: 0;
    padding: 0;
    height: 100%;
}

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

.visual-hide {
    display: none;
}

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

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

    body.noscroll {
        overflow: hidden !important;
    }

.container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

main {
    padding-top: 0px;
    transition: padding .2s ease;
}

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

#body-container {
    position: relative;
}

#privacy-policy.headroom--pinned,
#privacy-policy.headroom--top {
    transform: translateY(0);
}

body.header-bgcolor header .header-content {
    transition: background-color .25s ease-in-out;
}

#privacy-policy.headroom {
    transition: transform .1s;
    will-change: transform;
}

#privacy-policy.headroom--unpinned, #privacy-policy.headroom--not-top {
    transform: translateY(-100%) translateY(12px);
}

#nav-mobile.headroom--unpinned {
    top: 0px !important;
}


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

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

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

#privacy-policy {
    position: fixed;
    background-color: #dddddd;
    top: 0px;
    width: 100%;
    z-index: 10;
    transition: top 200ms ease;
    transform: translateY(calc(-100% + 12px));
}
#PrivacyDIV {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%;
    max-width: 1920px;
    box-sizing: border-box;
    line-height: 1.5;
}

.alert-box {
	text-align: center;
    padding: 20px 0;
    background-color: #dddddd;
}

.alert-box .p-alert {
	line-height: 1.5;
	margin-left: 0;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
    position: relative;
    box-sizing: border-box;
    padding-right: 70px;
}

.alert-closebtn {
	position: absolute;
	width: 50px;
	height: 50px;
	right: 5.5%;
	bottom: 50%;
	transform: translateY(50%);
	background-image: url(../img/close.svg);
	cursor: pointer;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 16px;
	transition: transform .2s;
}

.alert-closebtn:hover {
	transform: translateY(50%) scale(1.25);
}

.alert-box.cover-image {
    background-color: #dddddd;
}
.alert-box .p-alert {
    text-align: left;
    padding-left: 5.5%;
    box-sizing: border-box;
}

.alert-box.warning {
	background-color: #FCE300;
}

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

.alert-box .p-alert::before, #PrivacyDIV .p-alert::before {
    content: url(../img/information.svg);
    width: 12px;
    height: 12px;
    display: inline-block;
    transform: scale(2) translate( 10px , -3px);
    padding-right: 20px;
}

.alert-box.teal {
	background-color: #115e67;
}

.alert-box.red {
	background-color: #800000;
}

.alert-box.teal .p-alert a,
.alert-box.red .p-alert a,
.alert-box.teal .p-alert a:hover,
.alert-box.red .p-alert a:hover {
	color: #FFFFFF !important;
	border-bottom-color: #FFFFFF !important;
}

.teal .alert-closebtn,
.red .alert-closebtn {
	background-image: url(../img/closeWhite.svg);
}

.p-alert {
    margin-left: 5.5%;
    width: calc(100% - 50px);
    color: #50575a;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity(0));
    transition: opacity 0.6s;
    margin-bottom: 0px;
    text-align: left;
}

    .p-alert p {
        margin-bottom: 0px;
    }

.closebtn {
    background-image: url(../img/close.svg);
    cursor: pointer;
    min-width: 50px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 16px;
    transition: transform .2s;
}

#privacy-policy .closebtn {
    margin-right: 5.5%;
}

.ribbon,
.top-ribbon {
    border-top: 12px solid #800000;
    width: 100%;
    z-index: 2;
}

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

/**** Back to Top ****/
#back-to-top {
    position: fixed;
    display: flex;
    justify-content: flex-end;
    transition: transform .2s ease;
    z-index: 9;
    top: -50px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    right: 50%;
    transform: translateX(50%);
}

.back-to-top {
    width: 50px;
    height: 50px;
    margin-right: 5.5%;
    transition: transform .2s ease;
    will-change: transform;
}

#back-to-top.headroom--pinned .back-to-top {
    transform: translateY(calc(100% + 30px));
}

#back-to-top.headroom--top .back-to-top,
#back-to-top.headroom--unpinned .back-to-top {
    transform: translateY(0) !important;
    transition: transform .2s ease, opacity 0s linear .4s;
    opacity: 0;
}

.back-to-top:after {
    display: none;
}

.back-to-top span:before {
    content: url("../img/backToTop.svg");
    width: 100%;
    height: 100%;
    cursor: pointer;
}

@media screen and (max-width: 1025px) {
    .back-to-top {
        margin-right: 20px;
    }
}

/******** Header **************/
header {
    width: 100%;
    top: 12px;
    position: absolute;
    height: auto;
    z-index: 2;
    transition: top 200ms ease;
    transform: none !important;
}

    header .header-content {
        background-color: white;
    }

.header-bgcolor #header.search-open .header-content {
    background-color: white;
    color: inherit;
}

#privacy-policy #PrivacyDIV.gdpr-style,
#privacy-policy .alert-box.gdpr-style {
    display: none !important;
    height: 0 !important;
    overflow: hidden;
}

header div.wrap-container {
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
}

header div.container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.logo {
    text-indent: -9999px;
    font-size: 0px;
}

    .logo::before,
    .header-bgcolor header.search-open .logo::before {
        content: "";
        height: 5vw;
        width: 20vw;
        max-height: 3.125rem;
        max-width: 12.5rem;
        min-height: 2.5rem;
        min-width: 10rem;
        background-image: url(../img/ChicagoBooth.svg);
        background-repeat: no-repeat;
        transition: transform .2s;
    }

header .sec-logo-img {
    padding: 0 20px;
    border-left: 1px #cdcdcd solid;
}

.sec-logo-img img {
    height: 5vw;
    max-height: 3.125rem;
    min-height: 2.5rem;
    transition: transform .2s ease;
}

.logo-container,
nav.check-active-state a#logo {
    display: inline-flex;
    vertical-align: middle;
    padding: 15px 0px 15px 5.5%;
}

body.no-header-bgcolor header .sec-logo-img .white,
body.header-bgcolor header .sec-logo-img .white {
    display: none;
}

.logo,
.sec-logo-img {
    display: inline-flex;
    align-items: center;
}

header .logo {
    padding-right: 20px;
}

nav.check-active-state a#logo {
    display: none;
}

    .logo img,
    nav.check-active-state a#logo img {
        width: auto;
        height: 50px;
    }

ul.menu-item li ul {
    display: none;
}

nav#nav-mobile ul li p {
    margin-bottom: 0px;
    position: relative;
    display: flex;
    align-items: center;
}

nav#nav-mobile ul li {
    padding: 0;
}

nav#nav-mobile ul.menu-item li {
    border-bottom: 4px solid #cdcdcd;
}

nav.mobile ul li a {
    display: block;
    width: 100%;
    height: inherit;
    padding: 20px 0;
    white-space: pre-wrap;
    box-shadow: 0 0px 0 #800000;
}

    nav.mobile ul li a.active {
        color: #6D6D6F !important;
        cursor: initial;
    }

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

nav#nav-mobile .search-overlay-container {
    display: block;
    width: 100%;
    margin: 0;
    margin: 20px 0;
    text-align: left;
    position: relative;
}

nav.mobile .nav-container > *,
nav.mobile .search-overlay .search-overlay-container,
#nav-mobile a#logo {
    width: 74%;
    margin: 0 auto;
}

nav#nav-mobile .search-box .search-overlay-container input[type="text"] {
    display: inline-block;
    width: 100%;
    height: 31px;
    border: medium none;
    border-bottom: #39393A 1px solid;
    padding-right: 50px;
    background-color: transparent;
    font-size: 35px;
    font-family: 'TradeGothic cn 18';
    color: #4d4d4d;
    outline: none;
    border-radius: 0;
    box-sizing: border-box;
}

nav#nav-mobile .search-overlay-container button {
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 50%;
    transform: translateY(50%);
    border: 0px;
    transition: transform .2s ease;
    background-color: #f1f1f1;
}

    nav#nav-mobile .search-overlay-container button img {
        width: 30px;
        height: 30px;
    }

    nav#nav-mobile .search-overlay-container button:hover {
        background-color: transparent;
        outline: none;
        transform: translateY(50%) scale(1.25);
    }

nav {
    display: flex;
    padding: 15px 5.5% 15px 20px;
    vertical-align: middle;
    width: calc(100% - 220px);
    justify-content: space-between;
}

    nav.desktop {
        display: flex;
        -webkit-display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-direction: row;
    }

    nav.mobile {
        position: fixed;
        top: 0px;
        bottom: 0;
        right: -150%;
        width: 100%;
        height: 100%;
        padding: 0px;
        background: #f1f1f1;
        border-top: 12px solid #800000;
        flex-direction: column;
        justify-content: normal;
        transition: .3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
        z-index: 1000;
    }

        nav.mobile.open {
            color: #39393a;
            top: 0px;
            right: 0;
            z-index: 999;
            transition: top .15s ease-in-out, .75s cubic-bezier(.19, 1, .22, 1);
            display: block;
        }

.nav-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 12px);
    overflow-y: auto;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
}

nav.mobile.open {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

nav.mobile a.active {
    color: #800000;
    text-decoration: underline;
}

nav.mobile ul.nav-left, nav.mobile ul.nav-right {
    padding-bottom: 50px;
}

nav.mobile .nav-container > *,
nav.mobile .search-overlay .search-overlay-container,
#nav-mobile a#logo {
    width: 74%;
    margin: 0 auto;
}

#nav-mobile .logo-container {
    display: flex;
    padding: 15px 0;
}

#nav-mobile a.logo {
    display: inline-flex;
}

ul.menu-item li span.toggle-parent {
    width: 60px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-left: 1px solid #bebebe;
    justify-content: end;
}

ul.menu-item li span.toggle-arrow {
    right: 30px;
    top: 0;
    width: auto;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-self: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 15px;
}

 .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 .2s ease;
} 

ul.menu-item li span.toggle-arrow:hover {
    background: #800000;
    color: white;
}

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

nav .logo {
    display: none;
}

nav.desktop ul {
    display: inline-flex;
    align-items: center;
}

nav ul li {
    padding: 0 15px;
}

    nav ul li:first-child {
        padding-left: 0px;
    }

nav ul.nav-left {
    font-size: 1.25rem;
}

nav ul.nav-right {
    font-size: 1rem;
}

li.search,
.header-bgcolor header li.search {
    cursor: pointer;
    width: 50px;
    height: 100%;
    padding: 0px;
    background-image: url(../img/searchgray.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 20px;
    transition: background .5s cubic-bezier(1, 0, 0, 1), transform .2s;
}

.header-bgcolor header li.search {
    background-image: url(../img/searchwhite.svg);
}

#header.search-open li.search {
    background-image: url(../img/close.svg);
}

nav.mobile ul li.search {
    display: none;
}

.target,
.targetHover {
    position: absolute;
    height: 7px;
    z-index: 1;
    transform: translateX(-60px);
    display: block;
    background-color: maroon;
}

.header-bgcolor header .target,
.header-bgcolor header .targetHover {
    background-color: white;
}

.header-bgcolor.search-open header .target,
.header-bgcolor.search-open header .targetHover {
    background-color: #800000 !important;
}

nav a {
    transition: all .35s ease-in-out;
}

.target,
.targetHover {
    transition: all .15s ease-in-out;
}

#hamburger {
    position: fixed;
    right: 5.5%;
    border-radius: 50%;
    background: #cdcdcd;
    min-width: 50px;
    width: 12.5vw;
    max-width: 90px;
    min-height: 50px;
    height: 12.5vw;
    max-height: 90px;
    z-index: 1000;
    cursor: pointer;
    will-change: transform, bottom;
    transition: all .2s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: flex;
    align-content: center;
    align-items: center;
}

    #hamburger.stop {
        bottom: 50px !important;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        margin-bottom: 0;
    }

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

.hamburger {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 100%;
    padding: 0;
    cursor: pointer;
    transition: all .2s;
}

#header-hamburger-innercontainer {
    transition: all .2s;
}

#hamburger #hamburger-innercontainer,
.hamburger #hamburger-innercontainer {
    margin: 0 auto;
    align-items: center;
}

#hamburger span,
.hamburger span {
    display: block;
    height: 2px;
    width: 25px;
    background: #39393a;
    opacity: 1;
    margin: 5px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: left center;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.hamburger span {
    height: 1px;
}

.header-bgcolor .hamburger span {
    background: white;
}

.header-bgcolor.search-open .hamburger span {
    background: #39393a;
}

#hamburger.open:hover {
    background: #800000;
}

#hamburger.open span {
    background: #cdcdcd;
    margin: 7px auto;
}

    #hamburger.open span:nth-child(1), #booth-nav.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: translateX(3px) rotate(45deg);
    }

    #hamburger.open span:nth-child(3) {
        -webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: translateX(3px) rotate(-45deg);
    }

#booth-nav.open span:nth-child(3) {
    -webkit-transform: translate3d(0, -5px, 0) rotate(-45deg);
    transform: translate(0, -5px) rotate(-45deg);
}

#hamburger.open span:nth-child(2),
#hamburger.open span:nth-child(4),
#booth-nav.open span:nth-child(2),
#booth-nav.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.search-overlay, #hamburger-nav {
    display: block;
    position: fixed;
    width: 0VW;
    opacity: 0;
    visibility: hidden;
    height: 0;
    background: #f1f1f1;
    top: 0;
    left: 0;
    transition: opacity .25s cubic-bezier(1, 0, 0, 1);
}

nav.mobile.open .search-overlay {
    position: initial;
    height: auto;
    margin-top: 0 !important;
}

.overlay-content {
    position: relative;
    width: 100%;
    padding: 30px;
    max-width: 1300px;
    margin: auto;
}

    .overlay-content #myNavColumns {
        height: 270px;
    }

        .overlay-content #myNavColumns ul {
            display: block;
            float: left;
            padding: 0;
            margin: 0;
            width: 20%;
        }

    .overlay-content ul li {
        list-style: none;
        padding: 5px 0;
        margin-bottom: 0;
    }

        .overlay-content ul li:first-child a {
            font-family: 'TradeGothic BoldCn 20';
            font-size: 16px;
        }

        .overlay-content ul li a {
            text-transform: uppercase;
            color: #800000;
            padding: 20px 0 14px 0;
        }

    .overlay-content #myNavBottom {
        clear: left;
        display: block;
        border-top: #bdbdbd thin solid;
        border-bottom: #bdbdbd thin solid;
        height: 45px;
        padding: 0;
    }

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

        .overlay-content #myNavBottom ul {
            display: block;
            clear: left;
            padding: 0;
        }

            .overlay-content #myNavBottom ul li {
                float: left;
                width: 20%;
                padding: 10px 0;
            }

/* Search */
.search-overlay-container {
    display: block;
    width: 100%;
    margin: 100px 0;
    box-sizing: border-box;
    max-width: 1920px;
    padding: 0px 10.5%;
}

.nav-container .search-overlay-container {
    padding: 0;
    margin: 0;
}

.search-overlay-container .CoveoSearchInterface {
    display: flex !important;
}

    .search-overlay-container .CoveoSearchInterface:before {
        content: "";
        height: 3px;
        width: 13.9%;
        margin-right: 5.5%;
        margin-top: 4px;
        background: #800000;
    }

.nav-container .search-overlay-container .CoveoSearchInterface:before,
.nav-container .search-overlay-container .CoveoSearchbox:before {
    display: none;
}

.search-overlay-container .CoveoSearchbox {
    width: 60%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-bottom: 2px solid
}

.nav-container .search-overlay-container .CoveoSearchbox {
    width: 100%;
    margin: 0;
}

.search-overlay-container .CoveoSearchbox:before {
    content: "Start typing:";
    font-size: 16px;
    line-height: 1.75;
    font-family: "TradeGothic Cn 18";
    display: flex;
    width: 100%;
    color: #39393a;
}

.search-overlay-container .CoveoSearchbox .magic-box {
    border: none;
    width: calc(100% - 60px);
}

.search-overlay.search-open, #hamburger-nav.open {
    opacity: 1;
    width: 100vw;
    height: 100vh;
    visibility: visible;
    z-index: 20;
}

.search-selection {
    display: none;
}

.section-container, .hero-module.single-col {
    padding: 20px 0;
    margin: 0 10.5%;
}

.CoveoSearchButton .coveo-search-button {
    display: none !important;
}

.coveo-search-button-loading {
    background: url('/assets/chicagobooth/img/searchgray.svg');
    display: inline-block;
    width: 30px;
    height: 30px;
}

.magic-box .magic-box-underlay {
    display: none !important;
}

.search-overlay-container .magic-box .magic-box-clear {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    background-image: url('../img/close.svg') !important;
    background-size: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.CoveoSearchbox .magic-box .magic-box-clear-svg {
    display: none;
}

.search-overlay::before {
    content: "";
    height: 3px;
    width: 13.9%;
    scroll-margin-right: 5.5%;
    margin-top: 4px;
    background: #800000;
    position: relative;
}

.search-overlay-container .CoveoSearchbox .magic-box .magic-box-input,
.search-overlay-container .CoveoSearchbox .magic-box .magic-box-input input,
.search-overlay-container .CoveoSearchbox a.CoveoSearchButton {
    height: inherit;
    position: relative;
    border-radius: 0px;
    border: none;
    box-sizing: border-box;
    background: none;
}

.search-overlay-container .CoveoSearchbox a.CoveoSearchButton {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .search-overlay-container .CoveoSearchbox a.CoveoSearchButton span {
        transition: transform .2s ease;
    }

    .search-overlay-container .CoveoSearchbox a.CoveoSearchButton:hover span {
        transform: scale(1.15);
    }

.search-overlay-container .magic-box .magic-box-input input {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 3px;
    color: #39393a !important;
    font-size: calc(61.04px + .3vw) !important;
    font-family: "TradeGothic Cn 18";
    padding: 4px 50px 4px 3px;
    background: url(img/misc/input-bg-normal.gif) 0 bottom repeat-x #fff;
    text-indent: 0;
}

.nav-container .search-overlay-container .magic-box .magic-box-input input {
    font-size: calc(25px + .3vw) !important;
}

.search-overlay-container .magic-box .magic-box-input input::placeholder {
    color: #39393a;
    opacity: 1;
}

.nav-container .search-overlay-container .magic-box .magic-box-input input {
    color: #39393a;
    opacity: 1;
    padding-top: 10px
}

    .nav-container .search-overlay-container .magic-box .magic-box-input input::placeholder {
        opacity: .5;
    }

.CoveoSearchButton {
    color: white;
    border: none;
    border-left: none;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    height: 50px;
    width: 60px;
    cursor: pointer;
    line-height: 0;
}

    .CoveoSearchButton .coveo-search-button-loading-svg {
        display: none;
    }

@media screen and (max-width: 768px) {
    .nav-container .search-overlay-container .magic-box .magic-box-input input {
        font-size: calc(16px + 5.03vw) !important;
    }
}

/**** For IE 11 ***/
@media all and (-ms-high-contrast:none) {
    .logo img,
    .sec-logo-img img {
        width: 200px;
    }
    /**** For IE 11 ***/
    .breadcrumb.desktop {
        overflow: visible;
    }

        .breadcrumb.desktop .dropdown .dropdown-menu {
            position: absolute !important;
            margin-top: -1px;
        }

    main {
        display: block;
    }
}


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

3.Breadcrumb

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

.breadcrumb.mobile {
    display: none;
    color: #39393a
}

.breadcrumb.desktop {
    height: 59px;
    display: block;
    overflow: initial;
}

.breadcrumb {
    overflow: hidden;
    white-space: nowrap;
    color: inherit;
    height: 69px;
}

    .breadcrumb.desktop li a.active {
        color: #cdcdcd;
        text-decoration: underline;
    }

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

.sub-nav {
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    max-width: 1920px;
    margin: 0 auto;
}

#home-page .breadcrumb {
    display: none;
}

.sub-nav .horizontal-scroll {
    -webkit-display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    max-width: 1920px;
    margin-left: 5.5%;
    width: calc(100% - 40px);
    overflow-x: scroll;
    scrollbar-width: none;
    margin-top: 1em;
    padding-bottom: 30px;
}

.horizontal-scroll::-webkit-scrollbar {
    display: none !important;
    background-color: transparent;
    width: 0 !important;
}

.hoverRight {
    display: block;
    position: absolute;
    width: 30px;
    height: 46px;
    z-index: 2;
    top: 0;
    right: 0;
}

.hoverLeft {
    display: block;
    position: absolute;
    width: 30px;
    height: 46px;
    z-index: 2;
    top: 0;
    left: -20px;
}

    .hoverLeft:hover,
    .hoverRight:hover {
        cursor: e-resize;
    }

.sub-nav a::before {
    content: "/";
    padding: 0 16px;
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

#home-page .sub-nav a:first-child::before {
    padding: 0px;
}

.sub-nav a:first-child::before {
    content: " ";
    padding: 0px;
}

.sub-nav .dropdown {
    padding: 0 20px 0 20px;
    margin-left: 15px;
}

    .sub-nav .dropdown a:first-child {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
    }

.sub-nav .toggle-arrow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .sub-nav .toggle-arrow::before {
        font-family: 'icomoon';
        content: "\e932";
        font-size: 8px;
        display: inline-block;
        width: 15px;
        padding-left: 10px;
    }

.sub-nav .dropdown.hover .toggle-arrow::before {
    transform-origin: center;
    transform: translate(0, 20%) rotate(90deg);
}

.sub-nav .dropdown:last-child .toggle-arrow::before {
    font-size: 10px;
}

.sub-nav .dropdown.hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    z-index: 100;
    width: auto !important;
}

.dropdown-menu {
    visibility: hidden;
    opacity: 0;
    max-height: 75vh;
    position: absolute;
    overflow-y: auto;
    scrollbar-width: thin;
    z-index: 1000;
}

.breadcrumb.desktop .dropdown-menu li a {
    transition: none;
}

.dropdown-menu li {
    display: block;
}

#active span {
    color: #800000;
    border-bottom: 2px solid #800000;
    transition: all .2s;
}

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

4.Hero Image

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

.hero-module {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

    .hero-module .hero-module-container {
        position: relative;
        margin-bottom: 30px;
    }

    .hero-module p {
        color: inherit;
    }

    .hero-module img {
        width: 100%
    }

    .hero-module + main {
        padding: 0 !important;
    }

.hero-content {
    position: absolute;
    width: 100%;
    z-index: 1;
}

    .hero-content h2 {
        margin-bottom: 10px
    }

    .hero-content.image-content {
        z-index: 0;
        bottom: 0px;
    }

.hero-module video {
    width: 100%;
}

.hero-content.video-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-content a {
    width: 80px;
    height: 80px;
    background-image: url(../img/play-icon.svg);
    background-size: cover;
    cursor: pointer;
    display: block;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 10px;
    text-indent: -9999px;
    background-position: center;
}

.hero-content .content > * {
    padding-left: 20px;
}

.hero-module .hero-image {
    width: 100%;
    position: relative;
    line-height: 0;
}

    .hero-module .hero-image div.gradient {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 30%), linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 70%);
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
    }

.hero-module .component {
    margin: 0;
    padding: 0;
}

.hero-module .section-container {
    padding: 0;
}

.vid-disp {
    background: black;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2;
}

.video-js.vjs-16-9, .video-js {
    width: auto !important;
    height: 100% !important;
    padding-top: 0 !important;
}

    .video-js.vjs-user-active .vjs-title-bar-area,
    .video-js.vjs-paused .vjs-title-bar-area {
        display: none !important;
    }

.video_exit {
    color: #4d4d4d;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
}

.video-transcript {
    color: #4d4d4d;
}

.teal .video_exit, .gray .video_exit, .teal .video-transcript, .gray .video-transcript {
    color: white;
}

.bg-video picture {
    display: none;
}

.bg-video video {
    display: block;
}

@media only screen and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 1023px) {
    .bg-video video {
        display: none;
    }

    .bg-video picture {
        display: block;
    }
}

.visual-element {
    position: relative;
    transition: transform .2s ease;
}

.hero-content.hover .visual-element {
    transform: none;
    /* transform: translateX(20px); */
}

.visual-element .visual-arrow {
    display: none !important;
    position: absolute;
    right: 2px;
    height: 3px;
    width: 25%;
    background: #ffffff;
    transform-origin: right;
    transition: transform .2s ease;
}

.hero-content.hover .visual-element .visual-arrow {
    transform: translate(4px, -1px) rotate(-45deg);
}

    .hero-content.hover .visual-element .visual-arrow:first-child {
        transform: translate(4px, 1px) rotate(45deg);
    }

.hero-content .body-copy h2 a,
.hero-content .body-copy h1 a {
    transition: all .1s ease;
    border-bottom: 0px solid;
}

    .hero-content .body-copy h2 a:after,
    .hero-content .body-copy h1 a:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: "" !important;
        cursor: pointer;
        padding: 0;
        width: auto !important;
    }

.hero-content .body-copy {
    position: relative;
}

    .hero-content .body-copy > h2,
    .hero-content .body-copy > h1 {
        margin-bottom: 7px;
        font-size: calc(48.83px + .3vw) !important
    }

    .hero-content .body-copy h1 + div.copy-container p {
        font-size: calc(25.00px + .3vw) !important
    }

.hero-content .copy-container h2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

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

.hero-content .body-copy a.icon:not([href]) {
    display: none;
}

.hero-content .body-copy a.icon span {
    display: inline-block;
    width: 40px !important;
    position: relative;
    overflow: hidden;
    text-align: left !important;
}

    .hero-content .body-copy a.icon span::before {
        display: none;
        height: 20px;
        width: 100%;
        max-width: 20px;
        padding-left: 0px;
        padding-top: 10px;
        transform-origin: bottom left;
        transition: all .2s ease;
        transform: translate3d(0, 0, 0);
    }

.hero-content .body-copy a.icon:not([target="_blank"]) span {
    width: 60px !important;
}

.hero-content .body-copy a.icon.external[href] span::before {
    display: inline-block;
    content: url("../img/newWindowWhite.svg") !important;
}

.hero-content .body-copy a.icon:not([target="_blank"]) span::before {
    display: inline-block;
    max-width: 60px;
    content: url("../img/arrowLongWhite.svg") !important;
    transform: translate3d(-50%, 0, 0);
}

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

.hero-content .body-copy a.icon {
    position: relative;
    padding-top: 0;
    height: auto !important;
}

    .hero-content .body-copy a.icon::after,
    .hero-content .body-copy a.icon.external::after,
    .hero-content .body-copy a.icon.pdf::after {
        display: none;
        position: absolute;
        top: -10px;
        left: -15px;
        right: -15px;
        bottom: -10px;
        padding: 0;
        width: auto;
        content: "";
    }

    .hero-content .body-copy a.icon:hover span::before,
    .hero-content .body-copy a.icon:focus span::before,
    .hero-content.hover .body-copy a.icon span::before {
        transform: scale(1.175);
    }

    /* <%-- Arrow Animation --%> */
    .hero-content .body-copy a.icon:hover:not(.external):not(.pdf) span::before,
    .hero-content .body-copy a.icon:focus:not(.external):not(.pdf) span::before,
    .hero-content.hover .body-copy a.icon:not(.external):not(.pdf) span::before {
        transform: translate3d(0, 0, 0);
    }

.hero-content.hover .body-copy h2 a,
.hero-content.hover .body-copy h1 a {
    border-bottom: 7px solid white;
}



.hero-module.infographic .hero-image div.gradient,
.hero-module.infographic .hero-content {
    display: none;
}

@media screen and (max-width: 1023px) {
    .visual-element .visual-arrow {
        background: maroon;
    }

    .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 {
        border-bottom: 0px solid;
        color: #800000;
    }

    .hero-content .body-copy a.icon.external[href] span::before {
        content: url(../img/newWindowMaroon.svg) !important;
    }

    .hero-content .body-copy a.icon:not(.external):not(.pdf) span::before {
        content: url(../img/arrowLongMaroon.svg) !important;
    }

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

@media screen and (max-width: 768px) {
    .hero-content.hover .visual-element {
        transform: none;
    }

    .visual-element .visual-arrow {
        display: none;
    }

    .hero-content .body-copy h2,
    .hero-content .body-copy h1 {
        margin-bottom: 20px;
    }

        .hero-content .body-copy h2 a::after,
        .hero-content .body-copy h1 a::after {
            position: relative;
        }

    .hero-content .body-copy a.icon::after,
    .hero-content .body-copy a.icon.external::after {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .component.pageHeader {
        padding-top: 20px !important;
    }

        .component.pageHeader .swiss-row-one .bodyCopy-container {
            padding-top: 0px;
            padding-bottom: 0px;
        }

    .pageHeader h1 {
        margin-bottom: 0px;
    }

    .pageHeader.pageTitle h2, .pageHeader.pageTitle p {
        margin: 20px 0 0 0 !important;
    }

    .component.pageHeader div[class*="swiss-row-one half-img-"] article {
        margin: 20px 0 0 0 !important;
    }

    .component.pageHeader div[class*="half-img"] article div.copy {
        margin-top: 20px;
    }
}
/*
========================================================

5.Accordions

========================================================
*/
.accordion.small-header .panel-heading p {
    font-family: "TradeGothic Cn 18";
    font-size: calc(20px + .3vw) !important;
    line-height: 1.15;
    letter-spacing: 0;
}

.accordion.large-header .panel-heading p {
    font-family: "TradeGothic Cn 18";
    font-size: calc(31.25px + .3vw) !important;
    line-height: 1.15;
    letter-spacing: 0;
}

.panel {
    border-bottom: 10px solid gray;
    margin-bottom: 50px;
}

    .panel:hover {
        border-bottom: 10px solid #800000;
    }

        .panel:hover .panel-heading {
            color: #800000;
        }

.panel-heading a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 20px 0;
    color: inherit;
    position: relative;
}

    .panel-heading a p {
        font-family: "Trade Gothic W01 Bold 2";
        color: inherit;
    }

    .panel-heading a.collapsed .toggle-accordion::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: all .2s ease;
    }

    .panel-heading a:not(.collapsed) .toggle-accordion::before {
        padding: 2px 5px 2px 10px;
        transform-origin: center;
        top: 0;
        transform: translate(0, 0%) rotate(0deg);
        -webkit-transform: translate(0, 0%) rotate(0deg);
        font-family: 'icomoon';
        content: "\e934";
        transition: all .35s ease;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
}

.panel .section-container {
    margin: 0;
}

.panel-body .component {
    padding: 1em 0;
}

.panel div[class*="swiss-row-one half-img-"] {
    max-width: 100% !important;
}

.single-col .panel .section-container {
    padding: 0;
}

.single-col .panel .body-copy {
    width: 81.6%;
}

.single-col .panel .no-visual-element .visual-element {
    height: 0;
    width: 0;
    margin-right: 0;
}

.single-col .panel .no-visual-element .body-copy,
.single-col .panel .body-copy-image .body-copy {
    width: 100%;
}

.single-col .panel .body-copy-image p {
    width: 100%;
    margin-left: 0
}

.single-col .panel table {
    width: 100%;
    margin: 0;
}

.panel table td:first-of-type, .panel table th:first-of-type {
    left: 0;
}

.single-col .panel section[class*="swiss-row-one half-img-"] {
    width: 100%;
    max-width: 100% !important;
    padding: 0;
}

.single-col .panel article {
    width: 100%;
}

@media screen and (max-width:1100px) {
    .single-col div[class*="half-img-"] article {
        width: calc(100% ) !important;
        flex-direction: column !important;
        margin: 20px 0;
    }

        .single-col div[class*="half-img-"] article div.copy, .single-col div[class*="half-img-"] article a:not(.btn) {
            width: calc(100%) !important;
        }
}
/*** Media Queries ***/

@media (min-width:1800px) {
    .logo::before,
    .header-bgcolor header .logo::before,
    .header-bgcolor header.search-open .logo::before,
    .sec-logo::before {
        width: 14.5rem;
        height: 3.625rem;
    }

    nav ul.nav-left,
    .storyhub-sort ul {
        font-size: 1.45rem;
    }

    nav ul.nav-right {
        font-size: 1.16rem;
    }

    header.search-open .search-overlay {
        margin-top: 96.5px;
    }
}


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

6.Footer

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

footer {
    background: #ececec;
    margin-top: 20px;
}

    footer div.swiss-row-four {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        padding: 0 10.5%;
        margin: 0;
        margin-bottom: 0px;
    }

    footer .row {
        border-bottom: 1px solid #cdcdcd;
        margin: 0 0 0 5.5vw;
        padding: 2.75vw 0;
    }

    footer div.row:last-child {
        border-bottom: 0px solid #cdcdcd;
    }

    footer .container {
        padding: 20px 0;
    }

    footer div.footer-subcontainer {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    footer .sub-footer {
        margin: 0 5.5%;
    }

.header-bgcolor footer .logo::before {
    background-image: url(../img/ChicagoBooth.svg);
}

footer ul li {
    padding: 5px 0;
}

footer .social li {
    width: 60px;
    height: 40px;
    display: flex;
    align-items: center;
}

    footer .social li a {
        width: 40px;
        height: 40px;
        display: inline-flex;
        box-sizing: content-box;
    }

footer .main-footer a {
    font-family: "Trade Gothic W01 Bold 2";
}

footer ul.social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 20px;
    align-items: center;
}

footer div.cta-with-header {
    padding-top: 20px;
}

footer ul.social a img {
    width: 40px;
    height: 40px;
    transition: transform .2s;
}

    footer ul.social a img:hover {
        transform: scale(1.1);
    }

footer div.swiss-row-four {
    flex-direction: nowrap;
}

footer div.logo-container {
    padding: 2.75vw 0 0 0;
}

footer a.logo {
    height: 50px;
}

.footerlinks-container {
    width: calc(100% - 220px);
}

footer .footer-links ul, footer .offerings-section {
    padding-top: 20px;
}

footer .footer-links, footer .cta-section {
    box-sizing: content-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    margin: 0;
}

    footer .footer-links ul, footer .cta-section a.btn {
        width: calc((33.33%) - ((5.5% * 2) / 3));
    }

    footer .cta-section a.btn {
        padding: 10px 0;
    }

    footer .footer-links ul {
        padding-top: 20px;
    }

footer address .TGcondensedbold {
    display: inline-block;
    padding-bottom: 10px;
}

footer address {
    padding-bottom: 10px;
}

@media only screen and (min-width : 768px) and (max-width : 1024px), only screen and (max-width : 767px) {
    footer div.swiss-row-four {
        flex-direction: column;
        width: 100%;
    }

    footer .row {
        padding: 2.75vw 0;
        margin: initial;
    }

    .footerlinks-container {
        width: calc(100% - 40px);
    }

    footer .footer-links ul, footer .cta-section a.btn {
        width: calc((33.33%) - ((20px * 2) / 3));
    }
}

@media only screen and (max-width:1025px) {
    footer div.swiss-row-four {
        padding: 0 20px;
    }
}

@media only screen and (max-width : 767px) {
    footer div.logo-container {
        padding: 20px 0 0 0;
    }

    footer h2 {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    footer .footer-links, footer .cta-section {
        flex-direction: column;
    }

        footer .footer-links ul {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            border-bottom: 1px solid #cdcdcd;
            padding: 20px 0;
        }

    .footer-links ul:last-child {
        border-bottom: 0px solid #cdcdcd;
    }

    .footer-links ul li {
        padding-right: 5.5%;
    }

    footer .cta-section a.btn {
        width: 50%;
        margin-bottom: 20px;
    }

    footer ul.social {
        padding-top: 0px;
    }
}

@media only screen and (max-width:420px) {
    footer .cta-section a.btn {
        width: inherit !important;
    }
}
/*
========================================================

7.Body Copy

========================================================
*/
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 p a,
#privacy-policy a,
.topics-page .topics li a,
article div.copy p a,
main li a {
    border-bottom: 2px solid #800000;
    transition: all .1s ease;
}

.body-copy a,
.author-details .copy a,
.topics-page .topics .tag a,
ul li a,
footer a:not(.icon) {
    transition: all .1s ease;
}

    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,
    main li a:hover {
        color: #800000;
        border-bottom: 7px solid #800000;
        cursor: pointer;
    }

main .teal p a:hover,
#privacy-policy .teal a:hover,
.topics-page .teal .topics li a:hover,
.topics-page .teal .topics .tag a:hover,
.teal ul.details li a:hover,
main .gray p a:hover,
#privacy-policy .gray a:hover,
.topics-page .gray .topics li a:hover,
.topics-page .gray .topics .tag a:hover,
.gray ul.details li a:hover {
    color: white;
    border-bottom: 7px solid white;
    cursor: pointer;
}

main a.external::after,
footer a.external::after {
    content: url(../img/newWindowMaroon.svg);
    width: 15px;
    display: inline-block;
    padding-left: 10px;
    box-sizing: content-box;
}

footer .social a.external::after {
    content: "";
    width: 0;
    display: none;
    padding-left: 0px;
    box-sizing: content-box;
}

main .teal a.external::after,
main .gray a.external::after {
    content: url(../img/newWindowWhite.svg);
    width: 15px;
    display: inline-block;
    padding-left: 10px;
}

main a.btn.pdf::after, main .light-gray a.btn.pdf::after {
    content: url(../img/downloadMaroon.svg);
    width: 15px;
    display: inline-block;
    padding-left: 10px;
}

main .teal a.pdf::after, main .gray a.pdf::after, main a.btn.pdf:hover::after, main .light-gray a.btn.pdf:hover::after {
    content: url(../img/downloadWhite.svg);
    width: 15px;
    display: inline-block;
    padding-left: 10px;
}

.heading {
    display: flex;
}

.bodyCopy-container,
.author-details {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
}

section:not(.persistent-module) .bodyCopy-container p:not(:last-of-type),
article .copy p:not(:last-of-type),
.video-transcript .panel-body p:not(:last-of-type) {
    margin-bottom: 40px;
}

.address p:not(:last-of-type) {
    margin-bottom: 10px;
}

section[class*="body-copy-"] .bodyCopy-container h1,
section[class*="body-copy-"] .bodyCopy-container h2,
section[class*="body-copy-"] .bodyCopy-container h3,
section[class*="body-copy-"] .bodyCopy-container h4,
section[class*="body-copy-"] .bodyCopy-container h5,
section[class*="body-copy-"] .bodyCopy-container h6 {
    margin-bottom: 10px;
}

.hero-module .visual-element {
    background-color: white;
    margin-top: 20px;
}

.bodyCopy-container .visual-element {
    margin-top: 4px;
}

.video-transcript .visual-element,
.visual-element {
    display: inline-block;
    width: 13.9%;
    height: 3px;
    background-color: #800000;
    margin-top: 8px;
    margin-right: 5.5%;
}

.youtube-component .video-transcript .visual-element {
    display: none;
}

.teal .visual-element, .gray .visual-element {
    background-color: #fff;
}

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

.optional-h1 {
    display: block;
}

.optional-h1-div .visual-element {
    margin-top: 2px;
}

.body-copy,
.author-details article {
    width: 60%;
}

    .author-details article div.author-content {
        display: inline-flex;
        align-items: center;
    }

article.author-summary .copy p.sub-title {
    margin-bottom: 5px;
}

main ul {
    margin-top: 1.25em;
}

    main ul li:before {
        content: "";
        background: url('../img/bullet.svg');
        background-repeat: no-repeat;
        background-position: 0px 16px;
    }

main .teal ul li:before, main .gray ul li:before {
    content: "";
    background: url('../img/bulletWhite.svg');
    background-repeat: no-repeat;
    background-position: 0px 16px;
}

main ol {
    margin-top: 1.25em;
}

    main ol li,
    main ul li {
        padding-left: 2.5rem;
        position: relative;
    }

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

main li::before {
    content: "";
    color: #800000 !important;
    fill: #800000;
    display: inline-block;
    width: 6px;
    margin-left: -2em;
    position: absolute;
    height: 100%;
}

.teal li::before, .gray li::before {
    color: #fff !important;
    fill: #fff;
}

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

main ol li {
    counter-increment: li
}

.body-copy-image {
    overflow: auto;
}

    .body-copy-image .visual-element {
        display: none;
    }

    .body-copy-image .body-copy {
        width: 100%;
        max-width: initial;
        margin-left: 0;
    }

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

    .body-copy-image img, .body-copy-image figure {
        display: inline-block;
        width: 35%;
        float: left;
        padding-right: 2.25vw;
        margin-top: 10px;
    }

        .body-copy-image figure img {
            width: 100%;
            padding-right: 0;
            margin-top: 0;
        }

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

    .body-copy-image p,
    .body-copy-image ul,
    .body-copy-image ol {
        width: 60%;
        margin-left: 19.4%;
    }

    .body-copy-image h2,
    .body-copy-image h3,
    .body-copy-image h4,
    .body-copy-image h5,
    .body-copy-image h6 {
        width: calc(100% - 30.4%);
        margin-left: 19.4%;
    }

    .body-copy-image figcaption {
        background: #ececec;
        padding: 10px 0 10px 10px;
        float: left;
        margin-top: 0;
        width: calc(100% - 10px);
    }

.teal figcaption, .gray figcaption {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}

a.btn {
    font-family: 'TradeGothic BoldCn 20';
    display: inline-block;
    border-radius: 0;
    padding: 10px 40px;
    white-space: initial;
    text-decoration: none;
    text-align: center;
}

a.external.btn::after {
    content: url(../img/newWindowMaroon.svg);
    width: 15px;
    display: inline-block;
    padding-left: 10px;
}

a.pdf.btn::after {
    content: url(../img/downloadMaroon.svg);
    width: 15px;
    display: inline-block;
    padding-left: 10px;
}

.body-copy a.btn {
    margin-top: 1em;
}

a.btn-maroon {
    color: white;
    text-transform: uppercase;
    background-color: maroon;
    border: 3px solid maroon;
}

a.external.btn-maroon::after {
    content: url(../img/newWindowWhite.svg);
}

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

a.external.btn-white:hover::after, a.external.btn:hover::after, .teal a.btn-white.external::after, .green a.btn-white.external::after, .gray a.btn-white.external::after {
    content: url(../img/newWindowWhite.svg);
}

a.pdf.btn-white:hover::after, a.pdf.btn:hover::after, .teal a.btn-white.pdf::after, .green a.btn-white.pdf::after, .gray a.btn-white.pdf::after {
    content: url(../img/downloadWhite.svg);
}

a.external.btn-maroon:hover::after {
    content: url(../img/newWindowMaroon.svg);
}

a.pdf.btn-maroon:hover::after {
    content: url(../img/downloadMaroon.svg);
}

a.btn-white {
    color: #800000;
    text-transform: uppercase;
    border: 3px solid maroon;
}

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

.teal a.external.btn-white:hover::after, .teal a.external.btn:hover::after, .green a.external.btn-white:hover::after, .green a.external.btn:hover::after {
    content: url(../img/newWindowTeal.svg);
}

.teal a.pdf.btn-white:hover::after, .teal a.pdf.btn:hover::after, .green a.pdf.btn-white:hover::after, .green a.pdf.btn:hover::after {
    content: url(../img/downloadTeal.svg);
}

main a.external:empty,
main a.pdf:empty {
    display: none;
}

.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: #800000;
}

.gray .body-copy h2 a:hover,
.gray .body-copy h3 a:hover,
.gray .body-copy h4 a:hover,
.gray .body-copy h5 a:hover,
.gray .body-copy h6 a:hover,
.teal .body-copy h2 a:hover,
.teal .body-copy h3 a:hover,
.teal .body-copy h4 a:hover,
.teal .body-copy h5 a:hover,
.teal .body-copy h6 a:hover,
.green .body-copy h2 a:hover,
.green .body-copy h3 a:hover,
.green .body-copy h4 a:hover,
.green .body-copy h5 a:hover,
.green .body-copy h6 a:hover {
    color: inherit;
    border-bottom: 5px solid white;
}
/*
========================================================

8.Page Title Module

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

.pageHeader h1 {
    margin-bottom: 5px;
}

.pageHeader h2 {
    margin: 5px 0;
}

.pageHeader.pageTitle h2, .pageHeader.pageTitle p {
    margin: 20px 0 0 0;
}

.pageHeader p span {
    margin-top: 5px;
}

.component.pageHeader {
    padding-top: 30px;
}

    .component.pageHeader.pageTitle {
        padding-bottom: 30px;
    }

    .component.pageHeader div[class*="swiss-row-one half-img-"] {
        margin-bottom: 0px;
    }

        .component.pageHeader div[class*="swiss-row-one half-img-"] article div.copy h2 {
            padding-bottom: 0px;
            margin-bottom: 20px
        }

        .component.pageHeader div[class*="swiss-row-one half-img-"] article {
            margin-top: 0px;
        }
/*
========================================================

9.Persistent Module

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

.persistent-module h2 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.persistent-copy {
    will-change: transform;
    transition: transform .2s ease;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #115e67;
    z-index: 5;
    opacity: 1;
}

    .persistent-copy.show {
        transform: translate3d(0, 0, 0);
    }

    .persistent-copy.hide {
        transform: translate3d(0, 100%, 0) !important;
    }

    .persistent-copy .container {
        position: relative;
    }

        .persistent-copy .container .section-container {
            padding-top: 12.5px;
            padding-bottom: 12.5px;
        }

    .persistent-copy .section-container.bodyCopy-container {
        display: flex;
        justify-content: flex-start;
    }

    .persistent-copy .visual-element {
        height: 3px;
        background-color: #ffffff;
    }

    .persistent-copy .copy-container {
        white-space: nowrap;
    }

    .persistent-copy .bodyCopy-container h5 {
        margin-bottom: 0px !important;
    }

    .persistent-copy a, .persistent-copy a:hover {
        color: inherit !important;
        border-bottom: 0 solid white !important;
    }

        .persistent-copy a span {
            border-bottom: 0 solid white;
            transition: all .1s ease;
        }

        .persistent-copy a img {
            margin-left: 15px;
            padding-bottom: 1px;
            box-sizing: border-box;
            cursor: pointer;
            transition: transform .2s;
            max-width: 16px;
            max-height: 16px;
            transform: scale(2);
            display: inline-block;
            vertical-align: middle;
        }

        .persistent-copy a:not(.icon):hover, .persistent-copy.hover a:not(.icon) {
            border-bottom: 7px solid white !important;
            cursor: pointer;
        }

        .persistent-copy a:hover + a.icon img,
        .persistent-copy a.icon:hover img {
            transform: scale(2.5);
        }

    .persistent-copy span.closebtn {
        display: none;
        background-image: url(../img/closeWhite.svg);
    }

#persistent-copy .persistent-copy span.closebtn {
    display: block;
    position: absolute;
    right: 5.5%;
    top: 0;
    bottom: 0;
}

.persistent-copy a.external::after {
    display: none !important;
}

@media screen and (max-width: 1025px) {
    #persistent-copy .persistent-copy span.closebtn {
        right: 20px;
    }
}

@media screen and (max-width: 767px) {
    #hamburger {
        margin-bottom: 2.5%;
    }

    .persistent-copy .component {
        display: flex;
        justify-content: space-between;
    }

    #persistent-copy .persistent-copy span.closebtn {
        position: relative;
        right: 0;
        margin: 0 20px;
    }
}

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

10.Component

========================================================
*/
.component {
    padding: 60px 0;
}

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

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

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

    .component .section-container {
        padding-top: 20px;
        padding-bottom: 20px;
    }

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

.component.no-padding {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

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

.component.light-gray {
    background-color: #ececec;
}
/*
========================================================

11.Background colors

========================================================
*/
.teal, .green, .gray {
    color: white;
}

.teal, .green {
    background-color: #115e67;
}

.gray {
    background-color: #39393A;
}

    .teal a, .teal p,
    .gray a, .gray p,
    .green a, .green p,
    .green li, .green li,
    .gray li, .gray li,
    .teal ol, .teal ol,
    .green ol, .green ol {
        color: inherit;
    }

        .gray li::before {
            color: white !important;
            fill: white !important
        }

    .teal a, .green a, .gray a {
        border-bottom: 2px solid white;
    }

        .gray a:hover, .teal a:hover, .green a:hover {
            border-bottom: 7px solid white;
        }

    .teal h2 a, .gray h2 a, .teal h2 a:hover, .gray h2 a:hover {
        border-bottom: 0px solid white;
    }

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

    .teal a.btn-white, .gray a.btn-white, .green a.btn-white {
        border: 3px solid white;
        border-bottom: 3px solid white;
        color: #fff;
    }

        .teal a.btn-white:hover, .green a.btn-white:hover {
            color: #115e67;
            background-color: white;
            border: 3px solid white;
        }

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

    .teal .cta-visual-element, .gray .cta-visual-element, .green .cta-visual-element {
        background-color: white;
    }

main .green p, main .teal p, main .gray p, main .teal li p, main .gray li p, main .teal li, main .gray li {
    color: #fff;
}
/*
========================================================

12.Single Column

========================================================
*/
.single-col {
    width: 60%;
    min-width: initial;
    margin-left: 19.4%;
}

section:not(.youtube-component) .video-transcript .accordion.single-col {
    margin-left: 0;
}

.you-tube .youtube-container {
    width: 60%;
    margin-left: 19.4%;
    position: relative;
    padding-bottom: 33.75% !important;
    height: 0 !important;
    overflow: hidden;
}

    .you-tube .youtube-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.youtube-component .video-transcript {
    margin: 0 10.5%;
    /*width: 60%;
	margin-left: 19.4%;*/
}
/* .video-transcript .single-col {
    margin-left: 0;
}
.youtube-component .video-transcript .single-col{
    width:100%;
}*/
.hero-module.single-col {
    width: initial;
}

    .hero-module.single-col .hero-module-container,
    .hero-module.single-col .video-transcript {
        width: 60%;
        margin-left: 19.4%;
    }

.single-col .video-transcript .visual-element {
    width: 0;
    margin-right: 0;
}

.single-col .single-col {
    width: 100%;
    margin: 0;
}

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

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: none !important;
}

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

14.BreakPoints

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

@media screen and (min-width:1440px) {
    .body-copy-image img, .body-copy-image figure {
        width: 25%;
    }

        .body-copy-image figure img {
            width: 100%
        }
}

@media screen and (min-width:1023px) and (max-width:1340px) {
    nav {
        width: calc(100% - 170px);
    }

        nav ul.nav-left,
        .storyhub-sort ul {
            font-size: 1.55vw;
        }

        nav ul.nav-right {
            font-size: 1.36vw
        }

        nav ul li {
            padding: 0 12px;
        }

    li.search,
    .header-bgcolor #header li.search,
    .closebtn {
        cursor: pointer;
        background-size: auto 16px;
    }
}

@media screen and (max-width:1340px) {
    #privacy-policy .closebtn {
        margin-right: 20px;
    }
	.alert-closebtn {
		right: 20px;
	}
    .p-alert {
        margin-left: 20px;
    }
    .alert-box.cover-image .p-alert {
        padding-left: 20px;
    }

    .logo-container,
    nav.check-active-state a#logo {
        padding: 15px 0px 15px 20px;
    }

    nav {
        padding: 15px 20px 15px 20px;
    }

        nav ul li {
            padding: 0 10px;
        }

    .sub-nav .horizontal-scroll {
        margin-left: 20px;
    }

    #hamburger {
        right: 20px !important;
        top: 27px !important;
    }
}

@media screen and (max-width:1025px) {
    .section-container, .hero-module.single-col {
        margin: 0 20px;
    }

    footer .sub-footer {
        margin: 0 20px;
    }
}

@media screen and (min-width:1024px) {
    #hamburger.disappear, nav.mobile.disappear {
        display: none !important;
    }

    body {
        overflow-y: auto !important;
    }

    nav ul li {
        position: relative;
    }

    .header-bgcolor nav.check-active-state a.active {
        color: white;
    }

        .header-bgcolor nav.check-active-state a.active span {
            background: white;
        }

    nav.mobile a.active {
        text-decoration: underline;
    }

    .header-bgcolor.search-open nav.check-active-state a.active,
    nav.check-active-state a.active {
        color: #800000;
    }

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

    .header-bgcolor .sub-nav .dropdown:last-child a {
        border: 1px solid white;
    }

    .header-bgcolor .sub-nav .dropdown.no-dropdown:last-child a {
        border: 0px solid white;
    }

    .logo:hover::before,
    .header-bgcolor header.search-open .logo:hover::before,
    .sec-logo:hover::before,
    .sec-logo-img:hover img {
        transform: scale(1.1);
    }

    li.search:hover,
    li #header-hamburger-innercontainer:hover,
    .closebtn:hover {
        transform: scale(1.25);
    }

    .breadcrumb.desktop .horizontal-scroll {
        margin-top: 10px;
        margin-bottom: 20px;
        align-items: flex-start;
        overflow: hidden;
    }

    .breadcrumb.desktop .sub-nav a:first-child::after {
        content: "/";
        padding: 0 0 0 16px;
        display: inline-block;
        color: inherit;
        text-decoration: none;
    }

    .breadcrumb.desktop .sub-nav .dropdown a:first-child::after {
        content: "";
        padding: 0;
    }

    .sub-nav .dropdown:first-of-type {
        margin-left: 15px;
    }

    .sub-nav .dropdown {
        height: 48px;
        padding: 0px;
    }

        .sub-nav .dropdown a {
            padding: 12.5px 20px;
            border: 1px solid transparent;
        }

    .sub-nav a {
        padding: 12.5px 0px;
    }

    .sub-nav .dropdown a:first-child {
        display: inline-flex;
    }

    .sub-nav .dropdown .dropdown-menu a {
        display: flex;
    }

    .sub-nav div.dropdown.no-dropdown:last-child a,
    .sub-nav div.dropdown .dropdown-menu a,
    .header-bgcolor .sub-nav .dropdown:last-child .dropdown-menu a {
        border: 0px solid #cdcdcd;
    }

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

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

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

    .dropdown.hover,
    .dropdown.hover .dropdown-menu {
        height: auto;
        color: white
    }

    .dropdown.no-dropdown.hover {
        color: inherit;
    }

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

    .dropdown.no-dropdown.hover a,
    .dropdown.no-dropdown.hover .dropdown-menu {
        color: inherit;
        background-color: transparent;
    }

    .dropdown .dropdown-menu {
        background: #800000;
        width: auto;
    }

    .sub-nav .dropdown li {
        padding: 5px;
    }

        .sub-nav .dropdown li a {
            display: block;
            padding: 10px 100px 10px 10px;
        }

    .sub-nav .dropdown.hover li:hover a {
        background-color: white;
        color: maroon;
    }

    nav.mobile ul ul {
        margin-left: 20px;
    }

        nav.mobile ul ul li:last-child {
            border-bottom: none !important;
        }

        nav.mobile ul ul p {
            font-size: calc(16px + .05vw) !important;
        }

    nav.mobile .nav-container > *,
    nav.mobile .search-overlay .search-overlay-container,
    #nav-mobile a#logo {
        width: 50%;
        margin: 0 auto;
    }

    .hero-module .image-content p a {
        color: white;
        border-bottom: 2px solid white;
    }

        .hero-module .image-content p a:hover {
            color: inherit;
            border-bottom: 7px solid white;
        }

    nav.mobile {
        right: 0;
    }

        nav.mobile:not(.open),
        #hamburger:not(.open) {
            animation: fadeOut .1s ease 0s 1 normal forwards;
        }

        #hamburger.disappear,
        nav.mobile.disappear {
            display: none !important;
        }

    #hamburger {
        top: 30px;
        width: 50px;
        height: 50px;
    }

        nav.mobile.open,
        #hamburger.open {
            display: flex;
            animation: fadeIn .2s ease 0s 1 normal forwards;
        }
}

@media screen and (max-width:1023px) {
    body {
        -webkit-text-size-adjust: none;
    }

    nav {
        -webkit-overflow-scrolling: touch;
    }

    #home-page .breadcrumb {
        display: block;
    }

    #hamburger {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-content: center;
        align-items: center;
        bottom: 50px;
        top: initial !important;
    }

    li.search,
    .target,
    .targetHover {
        display: none;
    }

    nav.check-active-state a#logo {
        display: inline-block;
        color: initial;
        text-decoration: none;
        padding-left: 0px;
    }

    .sub-nav .horizontal-scroll {
        display: inherit;
    }

    #home-page .sub-nav {
        display: block;
    }

        #home-page .sub-nav a::before {
            content: " ";
        }

    .search-overlay.desktop-search.search-open {
        display: none;
    }

    .search-overlay.desktop-search {
        display: none;
    }

    .search-overlay {
        display: block;
        position: initial;
        visibility: visible;
        opacity: 0;
        width: 100%;
        height: auto;
        top: 0px;
        padding: 20px 0px;
        margin-top: 0px !important;
        transition: .3s ease-out;
    }

    nav.mobile.open .search-overlay {
        opacity: 1;
    }

    .searchMobile-open {
        opacity: 1;
        z-index: 1001;
    }

    header.search-open .search-overlay {
        opacity: 1;
        height: initial;
        visibility: visible;
        margin-top: initial;
    }

    .search-selection {
        display: block;
    }

    .search-overlay-container,
    .search-box {
        display: block;
        width: 100%;
        margin: 0;
        padding: 10px 0;
        text-align: left;
        position: relative;
    }

        .search-box input:first-child {
            margin-left: 20px;
        }

        .search-overlay-container button {
            display: inline-block;
            position: absolute;
            right: -15px;
            bottom: 18px;
            border: 0px;
            padding: 0 15px;
            background: #f1f1f1;
        }

            .search-overlay-container button img {
                width: 20px;
                height: 20px;
            }

        .search-box .search-overlay-container input[type="text"],
        header .search-overlay .search-overlay-container input[type="text"] {
            display: inline-block;
            width: 100%;
            height: 31px;
            border: medium none;
            border-radius: 0;
            box-sizing: border-box;
            border-bottom: #39393A 1px solid;
            background-color: transparent;
            font-size: 1.25em;
            font-family: 'TradeGothic cn 18';
            color: #4d4d4d;
        }

    ::-webkit-input-placeholder {
        color: #4d4d4d;
    }

    ::-moz-placeholder {
        color: #4d4d4d;
    }

    :-ms-input-placeholder {
        color: #4d4d4d;
    }

    ::placeholder {
        color: #4d4d4d;
    }

    nav {
        position: fixed;
        top: 0px;
        bottom: 0;
        right: -150%;
        width: 100%;
        height: 100%;
        padding: 0px;
        background: #f1f1f1;
        border-top: 12px solid #800000;
        flex-direction: column;
        justify-content: normal;
        transition: .3s cubic-bezier(0.95, 0.05, 0.795, 0.035);
    }

        nav.mobile a.active {
            color: #800000 !important;
            text-decoration: underline;
        }

        nav.mobile .nav-container > *,
        .search-overlay .search-overlay-container,
        #nav-mobile a#logo {
            width: 74%;
            margin: 0 auto;
        }

    #nav-mobile .logo-container {
        display: flex;
        padding: 15px 0;
    }

    #nav-mobile a#logo {
        display: block;
    }

    nav.desktop {
        display: none;
    }

    #hamburger.open {
        top: initial;
        bottom: 50px;
        right: 30px;
    }

    nav .logo {
        display: flex;
    }

    nav {
        background: #f1f1f1;
        z-index: 99;
    }

        nav ul li p {
            margin-bottom: 0px;
            position: relative;
        }

    ul.menu-item li ul {
        display: none;
    }

    nav.mobile ul.nav-left, nav.mobile ul.nav-right {
        padding-bottom: 50px;
    }

    ul.menu-item li {
        border-bottom: 4px solid #cdcdcd;
    }

    ul.menu-item ul li {
        border-bottom: 0px solid #cdcdcd;
    }

    /* .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 .2s ease;
    } */

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

    nav.open {
        color: #39393a;
        top: 0px;
        right: 0;
        z-index: 999;
        transition: top .15s ease-in-out, .75s cubic-bezier(.19, 1, .22, 1);
    }

    nav ul.nav-left ul {
        font-size: 1rem
    }

    nav.open ul {
        padding: 0px;
    }

    nav.mobile {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

        nav.mobile ul li {
            padding: 0px;
        }

    nav ul {
        display: block;
    }

    .sub-nav .dropdown {
        display: inline-flex;
    }

    .breadcrumb,
    .sub-nav,
    .horizontal-scroll,
    .dropdown,
    .dropdown-menu {
        position: relative;
    }

        .breadcrumb.mobile, .persistent-copy .mobile {
            display: block;
        }

            .breadcrumb.mobile .sub-nav .horizontal-scroll {
                margin-top: 18px;
                padding-bottom: 25px;
            }

        .breadcrumb.desktop, .persistent-copy .desktop {
            display: none;
        }

        .sub-nav .dropdown-menu a:first-child::before {
            padding: 0 8px;
        }

        .sub-nav .dropdown,
        .header-bgcolor .sub-nav .dropdown {
            border: 0px solid black;
            padding: 0;
            border-left: 1px #cdcdcd solid;
        }

            .sub-nav .dropdown span {
                display: none;
            }

            .sub-nav .dropdown a:first-child {
                display: inherit;
            }

            .sub-nav .dropdown a {
                padding: 5px 0;
            }

    .dropdown-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        visibility: visible;
        opacity: 1;
        min-width: 0px;
        position: relative;
        transition: all 0.5s ease;
        margin-top: 0;
        margin-left: 3px;
        z-index: 11;
    }

    .sub-nav .dropdown::after,
    .sub-nav .dropdown.hover::after {
        content: "";
    }

    .sub-nav .dropdown.hover .dropdown-menu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .dropdown-menu li:last-child a::after {
        color: white;
    }

    footer div.footer-subcontainer {
        flex-direction: column;
    }

    footer .three-col {
        width: 90%;
    }
    /*** Hero Module ***/
    .hero-module {
        color: inherit;
    }

        .hero-module .hero-content.image-content {
            position: relative;
            bottom: 0;
        }

        .hero-module .visual-element {
            background-color: maroon;
        }

        .hero-module .section-container {
            padding-top: 20px;
        }

    .accordion .single-col {
        width: 100%;
        margin-left: 0% !important;
    }

    .youtube-component .video-transcript.section-container {
        margin: 0 20px;
    }
}

@media screen and (max-width:767px) {
    .component {
        padding: 30px 0;
    }

    .single-col {
        min-width: initial;
        width: 100%;
        margin: 0;
    }

    .hero-module.single-col .hero-module-container,
    .hero-module.single-col .video-transcript {
        width: 100%;
        margin-left: 0;
    }

    .you-tube > .youtube-container {
        padding-bottom: 56.25% !important;
        width: 100%;
        margin-left: 0;
    }

    .you-tube > .video-transcript {
        width: 100%;
        margin-left: 0px;
    }

    .bodyCopy-container {
        flex-direction: column;
    }

    .panel {
        width: 100%;
    }

    .accordion.small-header .panel-heading p {
        font-size: calc(16px + 4.02vw) !important;
    }

    .accordion.large-header .panel-heading p {
        font-size: calc(16px + 6.288vw) !important;
    }

    .body-copy,
    .author-details article {
        width: 100%;
    }

    .heading {
        flex-direction: column-reverse;
    }

    .video-transcript .visual-element {
        display: none;
    }

    h1,
    h2 {
        position: relative;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    footer h2, article .copy h1 {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .body-copy h1:first-of-type::after,
    .body-copy h2:first-of-type::after,
    section header:first-of-type::after,
    .author-content h2::after {
        content: "";
        position: absolute;
        width: 22%;
        bottom: 0;
        left: 0;
        height: 3px;
        border-bottom: 3px solid #800000;
    }

    .teal .body-copy h1:first-of-type::after,
    .teal .body-copy h2:first-of-type::after,
    section.teal header:first-of-type::after,
    .teal .author-content h2::after,
    .gray .body-copy h1:first-of-type::after,
    .gray .body-copy h2:first-of-type::after,
    section.gray header:first-of-type::after,
    .gray .author-content h2::after {
        content: "";
        position: absolute;
        width: 22%;
        bottom: 0;
        left: 0;
        height: 3px;
        border-bottom: 3px solid #fff;
    }

    .gray .body-copy h2 a:hover,
    .gray .body-copy h3 a:hover,
    .gray .body-copy h4 a:hover,
    .gray .body-copy h5 a:hover,
    .gray .body-copy h6 a:hover,
    .teal .body-copy h2 a:hover,
    .teal .body-copy h3 a:hover,
    .teal .body-copy h4 a:hover,
    .teal .body-copy h5 a:hover,
    .teal .body-copy h6 a:hover,
    .green .body-copy h2 a:hover,
    .green .body-copy h3 a:hover,
    .green .body-copy h4 a:hover,
    .green .body-copy h5 a:hover,
    .green .body-copy h6 a:hover {
        border-bottom: 0px solid white;
    }

    .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 {
        height: 0px;
        border-bottom: 0px solid #800000;
    }

    .author-details header {
        margin-bottom: 15px;
    }

    .visual-element {
        display: none;
        width: 22%;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .body-copy-image p,
    .body-copy-image ul,
    .body-copy-image ol,
    .body-copy-image h2,
    .body-copy-image h3,
    .body-copy-image h4,
    .body-copy-image h5,
    .body-copy-image h6 {
        width: 100%;
        margin-left: 0;
    }

    footer .cta-section a.btn:last-child {
        margin-bottom: 0;
    }
}

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

    .body-copy-image {
        overflow: hidden;
    }

        .body-copy-image figure, .body-copy-image img {
            width: 50%;
            padding-right: 20px
        }

    nav.mobile .nav-container > *,
    nav.mobile .search-overlay .search-overlay-container,
    #nav-mobile a#logo {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    header a.logo {
        padding-right: 10px;
    }
}

@media screen and (max-width: 374px) {
    .body-copy-image img, .body-copy-image figure {
        display: block;
        float: none;
        min-width: 100%;
    }
}


@media screen and (min-width:960px) {
    .header-bgcolor .breadcrumb.mobile {
        color: white;
    }

    body.header-bgcolor header .sec-logo-img .not-white,
    body.header-bgcolor.search-open header .sec-logo-img .white {
        display: none;
    }

    body.header-bgcolor header .sec-logo-img .white,
    body.header-bgcolor.search-open header .sec-logo-img .not-white {
        display: block;
    }

    body.header-bgcolor header .header-content {
        background-color: rgba(255, 0, 0, 0.001);
        color: white;
    }

    .header-bgcolor header .logo::before {
        background-image: url(../img/ChicagoBoothWhite.svg);
    }

    .header-bgcolor .breadcrumb.mobile .sub-nav .dropdown {
        border: 0px white solid;
        border-left: 1px white solid;
    }

    .header-bgcolor .breadcrumb.mobile .check-active-state a.active,
    .header-bgcolor .breadcrumb.mobile .check-active-state .dropdown ul li a.active {
        color: white;
    }
}

body.header-bgcolor.headroom--not-top header .header-content {
    background-color: rgba(255, 0, 0, 0.001);
    color: white;
    transition: background-color .25s ease-in-out;
}

#header.headroom {
    transition: top 200ms ease, transform .3s ease;
}

#header.headroom--unpinned {
    transform: translateY(-300%);
}

#privacy-policy.headroom {
    transition: transform .1s;
    will-change: transform;
}

#privacy-policy.headroom--unpinned {
    transform: translateY(-100%) translateY(12px);
}

#nav-mobile.headroom--unpinned {
    top: 0px !important;
}

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

15.CTA Module

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

.cta-module {
    display: flex;
    justify-content: space-between;
    align-items: center
}

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

.cta-visual-element {
    display: block;
    flex-grow: 1;
    margin-left: 5.5%;
    height: 3px;
    background-color: #800000;
}


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

16.Podcast

========================================================
*/
#podcast-player iframe {
    width: 100%;
}

.podcast-copy {
    width: 60%;
    margin-left: 19.4%;
}

.podcast-img {
    margin-top: 10px;
}

    .podcast-img img {
        width: 100%;
    }

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

17.Story Hub

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

.storyhub-sort {
    position: relative;
}

    .storyhub-sort .copy {
        width: 83.3%;
        margin-left: 19.4%;
    }

.storyhub-sort-menu.copy {
    width: 60%;
}

.storyhub-sort-menu {
    display: none;
}

.storyhub-sort ul {
    display: inline-flex;
    margin-top: .75em;
    flex-direction: row;
    flex-wrap: wrap;
}

    .storyhub-sort ul li::before {
        background-image: none;
    }

    .storyhub-sort ul li {
        padding: 0 10px;
    }

.swiss-row-one .bodyCopy-container {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 60px;
}

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

    ul.details li {
        padding: 0 5.5% 0 0;
    }

main ul.details li {
    font-size: 16px;
    color: inherit;
}

    main ul.details li.share {
        font-family: 'TradeGothic BoldCn 20';
    }

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

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

    main ul.details 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: 'TradeGothic BoldCn 20';
    }

.topics-page .topics ul li {
    font-family: 'Trade Gothic W01 Bold 2';
}

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

    .author-details article div.copy p {
        margin-top: .5em;
    }

.topics ul.details li {
    padding: 0 5.5% 0 0;
    border-left: 0px #cdcdcd solid;
}

.author-details article a {
    width: 40%;
    overflow: hidden;
}

    .author-details article a img {
        width: 100%;
    }

.author-content a,
.author-content img {
    transition: transform .25s ease;
}

.author-content:hover {
    cursor: pointer;
}

    .author-content:hover a {
        transform: scale(.95);
    }

    .author-content:hover img {
        transform: scale(1.15);
    }

    .author-content:hover h2 a {
        color: #800000;
        border-bottom: 7px solid #800000;
    }

main header {
    width: 100%;
    top: initial;
    position: relative;
    height: auto;
    z-index: initial;
    transition: top 200ms ease;
}

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

    .topics ul li span {
        display: inline-block;
        padding-left: 10px;
        font-family: "Trade Gothic LT W01 Light";
        font-size: 14px;
    }

@media screen and (min-width:1023px) {
    .storyhub-sort ul li:first-child {
        padding-left: 0px;
    }

    .storyhub-sort .storyhub-wrapper {
        display: block !important;
    }

    .hero-module ul.details li a:hover {
        color: white;
        border-bottom: 7px solid white;
    }
}

@media screen and (max-width:1023px) {
    .storyhub-sort-menu {
        display: block;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid gray;
        padding-bottom: 10px;
        cursor: pointer;
        max-width: 650px;
    }

        .storyhub-sort-menu .toggle-arrow {
            padding: 0 20px
        }

    .storyhub-wrapper.copy {
        display: none;
        position: fixed;
        top: 12px;
        left: 0;
        background: white;
        margin-left: 0;
        width: 100%;
        height: 100vh;
        z-index: 2000;
    }

    .storyhub-wrapper ul {
        display: block;
        margin-top: 60px;
    }

    .storyhub-wrapper .closebtn {
        height: 50px;
        display: block;
        float: right;
        margin: 20px;
    }

    .storyhub-wrapper ul li {
        padding: 0;
        padding-right: 40px;
        margin-bottom: 20px;
    }

    .author-details .viusal-element {
        width: 0%;
        margin-right: 0%;
    }

    .author-content:hover h2 a {
        border-bottom: 0px solid #800000;
    }
}

@media screen and (max-width:767px) {
    .copy {
        margin-left: 0;
        width: 100%;
        max-width: 650px;
    }

    .storyhub-wrapper.copy {
        width: 100%;
        margin-left: 0;
        max-width: initial;
    }

    .author-details article div.author-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

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

@media screen and (max-width:420px) {
    .storyhub-sort-menu.copy {
        width: 100%;
        margin-left: 0;
    }

    .author-details article ul.details li {
        width: 100%;
        overflow: hidden;
    }
}
/**** Mobile Menu ****/
.mobile-nav_menu{
z-index: 2;
position: relative;
}

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