/* Variables
--------------------------------- */
:root {
    --cream: #f5f4ed;
    --white: #ffffff;
    --whiteTwo: #FBFBF8;
    --dark-teal: #00504f;
    --green: #008766;
    --light-blue: #afe3f4; 
    --light-blue-two: #E4F6FB;
    --dark-orange: #993D00;
    --orange: #C54500;
    --yellow-orange: #FEB100;
    --line-grey: #D7D7D7;
    --grey: #747474;
    --dark-grey: #2F2F2F;
    --black: #000000;
}

/* Fonts
--------------------------------- */
body #container, body #content, .brand-banner.mw1320 p, .grid-3-item p, .has-sidebar-container div#sidebar ul li a, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button {
    font-family: "Public Sans", sans-serif;
    font-optical-sizing: auto;
    -webkit-font-smoothing: antialiased;
}  
    
#text .video-banner-text .mw1280 h1, #content ol.list-steps-item > li > h2, #text .student-stories-callout .two-third-callout-col.callout-text .student-testimonial, #content .text-block-900 h2, #content .brand-banner.mw1320 .brand-banner-content .large-text, #text .text-2-col-wrapper div h2, #content .text-2-col-wrapper div h2, #text .info-grid-col h2, #content .cmu-info-grid .info-grid-col h2, #text section.cmu-info-section h2.section-title, .cmu-info-section h2.section-title, #text .two-third-callout-section div h2, #content .two-third-callout-section div h2, #content .full-callout-section div h2, #text .two-third-callout-section div h2 > span, #content .two-third-callout-section div h2 > span, #text .mw1320 h2.section-title, #content .mw1320 h2.section-title, #text .cmu-featured-news-home > h3, #text section.home-news-events-section .news-events-block > div > h3, #content .page-img-banner-text h1, .has-sidebar-container #sidebar div.sidebar-quick-links-container h2, .has-sidebar-container #sidebar .student-story-box .student-testimonial, #content div#text.main-content .message-banner h2, #content .info-toggle-container .info-toggle-item .inner-toggle-item > p.italic-antonia, #content .page-img-banner-text h1 span, #content blockquote .blockquote-wrapper h2, #content blockquote .blockquote-wrapper h2 a, #content .info-banner-col .large-text, #content section.full-text-block-wrapper h2, #content form.form-component h2, #content section.cmu-feat-events-wrapper > h3, #content .two-col-component .two-col-comp-col h2, #text .two-col-component .two-col-comp-col h2, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-title, .two-col-banner-container .two-col-banner-text-container .banner-title {
    word-wrap: break-word;
    font-family: "antonia-variable",sans-serif !important;
}

.top-page-banner-text-container.full .mw1280 h1, #text.full .video-banner-text .mw1280 h1, #text .video-banner-text .mw1280 h1, ol.list-steps-item > li > h2, #text .text-2-col-wrapper div h2, #content .text-2-col-wrapper div h2, #text .info-grid-col h2, .cmu-info-grid .info-grid-col h2, #text section.cmu-info-section h2.section-title, .cmu-info-section h2.section-title, #text .two-third-callout-section div h2, #content .two-third-callout-section div h2, #content .full-callout-section div h2, #text .two-third-callout-section div h2 > span, .two-third-callout-section div h2 > span, #text .mw1320 h2.section-title, #content .mw1320 h2.section-title, #text .cmu-featured-news-home > h3, #text section.home-news-events-section .news-events-block > div > h3, #content .page-img-banner-text h1, #text.main-content .message-banner h2, #content .page-img-banner-text h1 span, .info-banner-col .large-text, #content section.full-text-block-wrapper h2, #content form.form-component h2, #content section.cmu-feat-events-wrapper > h3, .two-col-component .two-col-comp-col h2 {
    font-variation-settings: 'wght' 700, 'opsz' 26.5714;
    /*-webkit-font-smoothing: antialiased;*/ }      

#content .brand-banner.mw1320 .brand-banner-content .large-text, #text .student-stories-callout .two-third-callout-col.callout-text .student-testimonial, .has-sidebar-container #sidebar .student-story-box .student-testimonial, .info-toggle-item .inner-toggle-item > p.italic-antonia, blockquote .blockquote-wrapper h2 {
    font-variation-settings: 'wght' 500, 'opsz' 8;
}    

#content .text-block-900 h2  {
    font-variation-settings: 'wght' 400, 'opsz' 8;
}    
    
#text .two-third-callout-section div h2 > span, .two-third-callout-section div h2 > span, .has-sidebar-container #sidebar div.sidebar-quick-links-container h2, #text .info-grid-col.info-grid-quick-lnks-col h2, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-title, .two-col-banner-container .two-col-banner-text-container .banner-title {
    font-variation-settings: 'wght' 610, 'opsz' 26.5714;
}  
  
.italic-antonia {
    font-style: italic;
}   

body #container .top-utility-bar *, blockquote .blockquote-wrapper h2 {
    font-weight: 400;
}
    
.feat-event-item .event-location-container p, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-location-container p {
    font-weight: 500;
} 
    
.font-600, span.alert-green, #text .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button, .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button, #content .brand-banner .brand-banner-content p, .text-2-col-wrapper div a.text-link, div#text .grid-3-item h2, .grid-3-item h2, #text .info-grid-col ul li a, .info-grid-col ul li a, .info-grid-col .info-content a.text-link, a.text-link, #text .student-stories-callout .two-third-callout-col.callout-text .student-name, div#text .video-card-item p.video-card-title, .mw1320 .video-card-item p.video-card-title, .text-2-col-wrapper div .video-card-item p.video-card-title, .cta-banner-buttons-row a,a.secondary-button-orange, li#text section .home-feat-events-container .feat-events .feat-event-item .event-link,  .cmu-feat-events-wrapper .home-feat-events-container .feat-events .feat-event-item .event-link, nav.cmu-breadcrumbs div ol li.current-page, .has-sidebar-container #sidebar .student-story-box .student-name, .has-sidebar-container #sidebar ul li a, .has-sidebar-container #sidebar .video-card-item .video-card-title, .info-toggle-item > h2.info-toggle-title, .nav-tile-content h2, .navigational-tile-button .nav-tile-button-item, table.table-component caption, ul.list-checkmarks li,  .form-component-wrapper .form-component .submit-button, .form-component-wrapper .form-component label, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button, .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-sub-head, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-sub-head,
 div#text .page-img-banner .two-col-banner-container.green-bg .two-col-banner-text-container .banner-link-container .banner-link, .page-img-banner .two-col-banner-container.green-bg .banner-link-container .banner-link {
    font-weight: 600;
}  

.event-location-container {
    font-weight: 700;
}

.has-sidebar-container #sidebar ul li.current-page {
    font-weight: 800;
}

p.video-card-title .video-duration, #text .info-grid-col ul li a span, .info-grid-col ul li a span, #text .feat-event-item .event-location-container, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-location-container, nav.cmu-breadcrumbs ol li, .xs-font {
    font-size: 0.875rem; 
    line-height: 1.25rem;
}   
    
#text section .home-feat-events-container .feat-events .feat-event-item .caption .details, .cmu-feat-events-wrapper div .feat-events .feat-ievent-item .caption .details, .feat-event-item .event-link, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-link, #text section.home-news-events-section div .news-feat-col .news-itiems-container .news-item .news-text p, #text .news-item div.news-text p, #text .home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item .caption p, #text.full .news-events-block div.news-text a, .has-sidebar-container #sidebar ul li ul.sidebar-sub-menu li a, .navigational-tile-button .nav-tile-button-item, #sidebar .content-card .content-card-tile-link .content-card-content p, table.table-component tbody tr td p, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button, #text.main-content .feat-events p {
    font-size: 1rem;
    line-height: 1.5rem;
}    

body p, #text .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button, .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button, .text-2-col-wrapper div a.text-link, #text .text-2-col-wrapper > div p, .text-2-col-wrapper > div p, #text .grid-3-item p, .grid-3-item p, #text .info-grid-col .info-content a.text-link, .info-grid-col .info-content a.text-link, a.text-link, #text .info-grid-col ul li a, .info-grid-col ul li a, .has-sidebar-container #sidebar ul li.current-page,  .has-sidebar-container #sidebar div ul.sidebar-quick-links li a, a.secondary-button, a.primary-button, .has-sidebar-container #sidebar ul li a, .info-toggle-item > h2,  #sidebar .content-card .content-card-tile-link .content-card-content h2, table.table-component tbody tr td .table-sub-heading, .form-component-wrapper .form-component label, .form-component-wrapper .form-component .submit-button, section.two-col-text-section .text-col-item h3, section.full-text-block-wrapper ul li, .info-toggle-item .inner-toggle-item ul li {
    font-size: 1.125rem;
    line-height: 1.563rem;
} 
    
#text .text-2-col-wrapper div .intro-text, .text-2-col-wrapper div .intro-text, #text .video-popup-container .video-card-item .video-card-title, .mw1320 .video-card-item p.video-card-title, .text-2-col-wrapper div .video-card-item p.video-card-title, .has-sidebar-container #sidebar .video-card-item .video-card-title {
    font-size: 1.25rem;
    line-height: 1.625rem;
}  

#text .home-feat-events-container .feat-events .feat-event-item .caption h3, .feat-events-block .feat-events .feat-event-item .caption h3, #text section.home-news-events-section .news-events-block > .events-feat-col .feat-events .feat-event-item .caption h3, #text section.home-news-events-section div .news-feat-col .news-items-container .news-item .news-text h3, #content .feat-events-block .feat-events .feat-event-item .caption h3, #text.main-content .feat-events .caption h3 {
    font-size: 1.313rem;
    line-height: 1.813rem;
}
    
.font-size-med, #text .student-stories-callout .two-third-callout-col.callout-text .student-testimonial, #text .student-stories-callout .two-third-callout-col.callout-text .student-name, ol.list-steps-item > li .steps-item-info .steps-item h3, .has-sidebar-container #sidebar .student-story-box .student-testimonial, .has-sidebar-container #sidebar .student-story-box .student-name, blockquote .blockquote-wrapper h2, .nav-tile-content h2, table.table-component caption {
    font-size: 1.375rem;
    line-height: /*1.875rem*/ 2rem;
}    
    
div#text .grid-3-item h2, .grid-3-item h2, #text .info-grid-col.info-grid-quick-lnks-col h2, .info-grid-col.info-grid-quick-lnks-col h2, #text .two-third-callout-section div h2 > span, .two-third-callout-section div h2 > span, .has-sidebar-container #sidebar div.sidebar-quick-links-container h2, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-sub-head, .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-sub-head, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-excerpt, .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-excerpt {
    font-size: 1.5rem;
    line-height: 2rem;
}

ol.list-steps-item > li  > h2, #text .info-grid-col h2, .info-grid-col h2, #text .two-third-callout-section div h2, .two-third-callout-section div h2, .full-callout-section .callout-text h2, #text section.cmu-featured-news-home h3, #text section.home-news-events-section div .news-feat-col > h3, #text section.home-news-events-section div .events-feat-col > h3, #content .text-block-900 h2, .text-2-col-wrapper div h2, #text.main-content .message-banner h2, #content form.form-component h2, #content section.cmu-feat-events-wrapper > h3, .full-text-block-wrapper > h2, .page-cmu div#text .text-2-col-wrapper div h2, .two-col-component .two-col-comp-col h2 {
    font-size: 2rem;
    line-height: 2.5rem;
}   
    
#text .feat-event-item .event-location-container .event-location, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-location-container .event-location, .form-component-wrapper .form-component .submit-button, .form-component-wrapper .form-component .file-upload button {
    letter-spacing: 0;
}

#content .brand-banner .brand-banner-content p, #content .brand-banner .brand-banner-content .large-text {
    text-wrap: balance;
} 

#text .feat-event-item .event-location-container p, .feat-event-item .event-link, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-link, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-location-container p {
    text-transform: capitalize;
}   
    
.form-component-wrapper .form-component .submit-button, .form-component-wrapper .form-component .file-upload button {
    text-transform: unset;
}
    
nav.cmu-breadcrumbs div ol li a:hover, a.secondary-button-orange, a.secondary-button-orange:visited, a.secondary-button-orange:link, .text-2-col-wrapper div a.text-link, a.text-link, a.text-link:link, #text .info-grid-col ul li a, .info-grid-col ul li a, .cta-banner-buttons-row a, .cta-banner-buttons-row a:visited, .cta-banner-buttons-row a:link, .feat-event-item .event-link:hover, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-link:hover, section.navigational-tile .nav-tile-link, .navigational-tile-button .nav-tile-button-item, .content-card a.content-card-tile-link, div#text .two-col-banner-text-container .banner-link-container .banner-link, .two-col-banner-text-container .banner-link-container .banner-link, .alt-video-banner-cta.video-banner-text.mw1320 .mw1280 .secondary-button {
    text-decoration: none;
}   

#text .info-grid-col ul li, .info-grid-col ul li, nav.cmu-breadcrumbs div ol li, ol.list-steps-item, .inner-toggle-item ul.grid-3-col li, ul.list-checkmarks li {
    list-style-type: none;
}
    
#text section.cmu-info-section h2.section-title, .cmu-info-section h2.section-title, #text .mw1320 h2.section-title, .center-text, .cmu-feat-events-wrapper h2.section-title, ol.list-steps-item > li:before, .navigational-tile-button .nav-tile-button-item, section.infographic-banner-icons .info-banner-content {
    text-align: center;
}   

.feat-event-item .event-link, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-link, .table-headers th {
    text-align: left;
}   

 .nav-tile-content .arrow-cta-button, .content-card-content .arrow-cta-button {
    text-align: right;
}   

.info-toggle-item > h2.info-toggle-title:hover, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button:hover, .form-component-wrapper .form-component .submit-button:hover {
    cursor: pointer;
}

/* Heading spacing 
--------------------------------- */
#text .brand-banner-content > p, #text .text-2-col-wrapper > div h2, 
.text-2-col-wrapper > div h2, #text .two-third-callout-section .callout-text h2, .two-third-callout-section .callout-text h2, .full-callout-section .callout-text h2
#text .cmu-info-grid .info-grid-col h2, .cmu-info-grid .info-grid-col h2, 
#text.main-content .message-banner h2, #text .text-2-col-wrapper > div p, .text-2-col-wrapper > div p,    
#text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item .caption h3,
#text .home-feat-events-container .feat-events .feat-event-item .caption h3,
#text section.home-news-events-section div .news-feat-col .news-items-container .news-item .news-text h3, #text .news-item div.news-text p:last-of-type, section.full-text-block-wrapper h2.section-title,
.has-sidebar-container div .infographic-banner .info-banner-col h2.large-text,
#text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-excerpt, .two-col-banner-container .two-col-banner-text-container .banner-excerpt {
    margin-bottom: 0;
}  

#text.full .news-events-block div.news-text p:first-of-type,
.cmu-feat-events-wrapper div .feat-events .feat-event-item .caption .details,
#text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item .caption .details,
#text .home-feat-events-container .feat-events .feat-event-item .caption .details,
#text section.home-news-events-section div .news-feat-col .news-items-container .news-item .news-text .details {
    margin-top: 0.563rem;
}
 
#text .grid-3-item h2, .grid-3-item h2, .steps-item-info .message-banner h3, .inner-toggle-item ul li, .nav-tile-content h2,  #sidebar .content-card .content-card-tile-link .content-card-content h2, table.table-component tbody tr td .table-sub-heading, section.two-col-text-section .text-col-item h3 {
    margin-bottom: 0.563rem;
}

.grid-3-item p, .two-third-callout-col.callout-text p, .full-callout-col.callout-text p {
    margin: 0 0 1rem 0;
}    
    
#text .mw1320 .video-card-item p.video-card-title, .mw1320.video-popup-container .video-card-item p.video-card-title, .text-2-col-wrapper div .video-card-item p.video-card-title {
    padding-top: 1.125rem;
    margin-top: 0; 
    margin-bottom: 0;
}

#text .brand-banner-content > p, #text .text-2-col-wrapper > div h2, .text-2-col-wrapper > div h2, #text .two-third-callout-section .callout-text h2, .two-third-callout-section .callout-text h2, .full-callout-section .callout-text h2, #text .cmu-info-grid .info-grid-col h2, .cmu-info-grid .info-grid-col h2, #text.main-content .message-banner h2, .info-toggle-item .inner-toggle-item > p:not(:only-child):not(:last-of-type), table.table-component caption, .full-text-block-wrapper h2, .two-col-component .two-col-comp-col h2,     #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-title, .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-title {
    padding-bottom: 1.125rem;
}

section.full-text-block-wrapper h2.section-title, .has-sidebar-container div .infographic-banner .info-banner-col h2.large-text {
    padding-bottom: 1.25rem;
}

#text .text-2-col-wrapper > div p, .text-2-col-wrapper > div p, /*.full-text-block-wrapper p:not(:last-of-type),*/ section.full-text-block-wrapper ul, .two-col-component .two-col-comp-col p, #text .two-col-component .two-col-comp-col p {
    padding-bottom: 1rem;
}  
    
.info-toggle-item > h2.info-toggle-title, .padding-bottom-sm {
    padding-bottom: 0.563rem;
} 
    
.two-third-callout-col.callout-text .callout-text-links-wrapper, .callout-text-links-wrapper, section.full-text-block-wrapper ul li:not(:first-of-type) {
    padding-top: 0.5rem;
}  
    
section.full-text-block-wrapper ul, .info-toggle-item .inner-toggle-item ul:not(.grid-3-col) {
    padding-left: 1rem;
}

section.infographic-banner-icons .info-banner-content img {
    margin-bottom: 1rem;
}

#text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-sub-head, .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-sub-head {
    margin-bottom: 1.5rem;
}

.two-col-component .two-col-comp-col p, #text .two-col-component .two-col-comp-col p, .two-col-component .two-col-comp-col h2, #text .two-col-component .two-col-comp-col h2, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-link-container p.banner-location, .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-link-container p.banner-location {
    margin-bottom: 0;
}

 #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-link-container p.banner-location, .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-link-container p.banner-location, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-excerpt, .two-col-banner-container .two-col-banner-text-container .banner-excerpt {
    padding-bottom: 0;
} 
/* End Fonts -------------------- */


/* Colours 
--------------------------------- */
a.text-link.dark-grey-text-link:hover {
    color: var(--black);
}    

body p, nav.cmu-breadcrumbs div ol li a:hover, #text .text-2-col-wrapper div h2, ol.list-steps-item > li .steps-item-info .steps-item h3, ol.list-steps-item > li .steps-item-info .steps-item p, #content ol.list-steps-item > li > h2, .text-2-col-wrapper div h2, #text .info-grid-col ul li a, .info-grid-col ul li a, #text .info-grid-col ul li a:hover, .info-grid-col ul li a:hover, .has-sidebar-container #sidebar div ul.sidebar-quick-links li a, .has-sidebar-container #sidebar div ul.sidebar-quick-links li a:hover, #text .two-third-callout-section div h2, .two-third-callout-section div h2, #text .home-feat-events-container .feat-events .feat-event-item .caption h3, #text section .home-feat-events-container .feat-events .feat-event-item .caption .details,  .cmu-feat-events-wrapper .home-feat-events-container .feat-events .feat-event-item .caption .details, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .caption .details, #text .mw1320.cmu-featured-news-home > h3, #text section.home-news-events-section .news-events-block > div > h3, #text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item .caption h3, #text section.home-news-events-section div .news-feat-col .news-items-container .news-item .news-text h3, .has-sidebar-container #sidebar ul li a:hover, .has-sidebar-container div#sidebar ul li:not(.directional-link) a, .message-banner a.text-link:hover, .steps-item-info .steps-item p a.text-link:hover, .inner-toggle-item ul li a, .inner-toggle-item ul li a:hover, .nav-tile-content h2, #content section.mw1320.cmu-feat-events-wrapper > h3, #content section.cmu-feat-events-wrapper .feat-events-block .feat-events .feat-event-item .caption h3, .feat-event-item .event-location-container, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-location-container {
    color: var(--dark-grey);
}

p.video-card-title .video-duration, .form-component-wrapper .form-component fieldset input, .form-component-wrapper .form-component fieldset select, .form-component-wrapper .form-component fieldset textarea, .form-component-wrapper .form-component fieldset .helper, .form-component-wrapper .form-component fieldset .example-text {
    color: var(--grey);
}    

#text .video-banner-text .mw1280 h1, .alt-video-banner-cta.video-banner-text.mw1320 .mw1280 .secondary-button:hover, #text .alt-video-banner-cta.video-banner-text.mw1320 .mw1280 .secondary-button:hover, #content .brand-banner.dark-teal-bg .brand-banner-content p, #content .brand-banner.dark-teal-bg .brand-banner-content .large-text, .page-img-banner-text,  a.secondary-button-orange:hover, a.secondary-button-orange:visited:hover, a.secondary-button-orange:link:hover, ol.list-steps-item > li:before,  .green-bg .info-banner-col p, #text .two-col-banner-container.green-bg .two-col-banner-text-container *, .two-col-banner-container.green-bg .two-col-banner-text-container *, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button:hover{
    color: var(--cream);
}

.green-bg.table-headers th, .form-component-wrapper .form-component .submit-button {
    color: var(--white);
}

.info-toggle-item > h2, .text-2-col-wrapper div a.text-link, .info-grid-col .info-content a.text-link, div#text .video-card-item p.video-card-title, .mw1320 .video-card-item p.video-card-title, .text-2-col-wrapper div .video-card-item p.video-card-title, .feat-event-item .event-link, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-link, #text.full .news-events-block div.news-text a, a.secondary-button-orange.radius-xsm, a.secondary-button-orange:visited, a.secondary-button-orange:link, .has-sidebar-container div#sidebar ul .directional-link > a, .has-sidebar-container #sidebar .video-card-item .video-card-title, .text-link.orange-text-link, .form-component-wrapper .form-component .required, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button, .form-component-wrapper .form-component fieldset .error-text, .form-component-wrapper .form-component fieldset .optional-link {
    color: var(--orange);
} 
    
.text-2-col-wrapper div a.text-link:hover, #text .info-grid-col .info-content a.text-link:hover, .info-grid-col .info-content a.text-link:hover, .feat-event-item .event-link:hover, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-link:hover, #text.full .news-events-block div.news-text a:hover, .has-sidebar-container div#sidebar ul .directional-link a:hover, #text.main-content p a:not(.text-link):hover, h2.info-toggle-title.info-toggle-open, h2.info-toggle-title:hover, #content blockquote .blockquote-wrapper h2 a:hover, .text-link.orange-text-link:hover {
    color: var(--dark-orange);
}
    
span.alert-green, div#text .grid-3-item h2, .grid-3-item h2, #text section.cmu-info-section h2.section-title, .cmu-info-section h2.section-title, #text .mw1320 h2.section-title, section.cta-banner-section > div.mw1320 div h2, h2.section-title.green-text, .cmu-feat-events-wrapper h2.section-title, .green-font, table.table-component caption, section.infographic-banner-icons .info-banner-content * {
    color: var(--green);
} 
    
#text .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button, .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button:hover, .cta-banner-buttons-row a.secondary-button, .light-blue-bg .cta-banner-buttons-row a.primary-button:hover, .light-blue-two-bg .cta-banner-buttons-row a.primary-button:hover, .light-blue-two-bg .cta-banner-content .cta-banner-buttons-row a.primary-button:hover, .cream-bg .info-banner-col .large-text, .cream-bg .info-banner-col p, ul.list-checkmarks li, div#text .page-img-banner .two-col-banner-container.green-bg .two-col-banner-text-container .banner-link-container .banner-link:hover, .two-col-banner-container.green-bg .two-col-banner-text-container .banner-link-container .banner-link:hover {
     color: var(--dark-teal);
}   

.cta-banner-buttons-row a.primary-button, .light-blue-bg .cta-banner-buttons-row a.secondary-button:hover,  .light-blue-two-bg div .cta-banner-buttons-row a.secondary-button:hover, .green-bg .info-banner-col .large-text {
     color: var(--light-blue);
}  

#text .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button, .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button:hover, .cream-bg, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event, div#text .page-img-banner .two-col-banner-container.green-bg .two-col-banner-text-container .banner-link-container .banner-link:hover, .two-col-banner-container.green-bg .two-col-banner-text-container .banner-link-container .banner-link:hover {
    background-color: var(--cream);
}  

.light-blue-bg, .light-blue-bg .cta-banner-buttons-row a.primary-button:hover, .light-blue-two-bg .cta-banner-content .cta-banner-buttons-row a.primary-button:hover {
    background: var(--light-blue);
}

.light-blue-two-bg {
    background: var(--light-blue-two);
}    

.dark-teal-bg, .cta-banner-buttons-row a.primary-button, .light-blue-bg .cta-banner-buttons-row a.secondary-button:hover, .light-blue-two-bg .cta-banner-content .cta-banner-buttons-row a.secondary-button:hover {
    background-color: var(--dark-teal);
}

ol.list-steps-item > li:before, .infographic-banner.green-bg, .green-bg.table-headers, .page-img-banner .two-col-banner-container.green-bg { 
    background-color: var(--green);
}    

a.secondary-button-orange:hover, .has-sidebar-container div#sidebar ul .directional-link a:hover .left-arrow, .form-component-wrapper .form-component .submit-button:hover {
    background-color: var(--dark-orange);
}
    
.form-component-wrapper .form-component .submit-button, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button:hover {
    background-color: var(--orange);
}

.yellow-orange-bg {
    background: var(--yellow-orange);
} 

.white-two-bg, .feat-event-item, section.home-news-events-section div .news-feat-col .news-item {
    background-color: var(--whiteTwo);
}

.alt-video-banner-cta.video-banner-text.mw1320 .mw1280 .secondary-button:hover, #text .alt-video-banner-cta.video-banner-text.mw1320 .mw1280 .secondary-button:hover, .feat-event-item .event-location-container, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event .event-location-container, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button, .form-component-wrapper .form-component fieldset input[type="file"] {
    background-color: transparent;
}   
    
#text.full .video-card-item .colourbox.flow .mask {
    background: none !important;
}  
    
/* Banner gradients */
.page-cmu #text div#hero.video-banner .video-banner-text.mask:not(.alt-video-banner-cta), .page-img-banner-text,
 #text div#hero.video-banner.home-video-banner .video-banner-text.mask:not(.alt-video-banner-cta), .page-img-banner-text { 
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0))) !important;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%) !important;
    background: linear-gradient(360deg, rgb(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%) !important;
}

a.text-link .right-arrow svg path {
    fill: var(--orange);
} 

h2.info-toggle-title:hover span svg rect, h2.info-toggle-title.info-toggle-open .toggle-icon svg rect, a.nav-tile-link:hover .nav-tile-content .arrow-cta-button svg rect, .content-card .content-card-tile-link:hover .content-card-content .arrow-cta-button svg rect {
    fill: var(--dark-orange);
}    
    
a.text-link .right-arrow svg rect {
    stroke: var(--orange);
}
    
 a.text-link:hover .right-arrow svg path, a.text-link.dark-grey-text-link:hover .right-arrow svg path, .has-sidebar-container div#sidebar ul .directional-link a:hover .left-arrow svg path {
    fill: var(--white);
} 

a.text-link.dark-grey-text-link .right-arrow svg path {
    fill: var(--dark-grey);
} 

a.text-link:hover .external-link-icon svg path {
    fill: var(--black);
}

a.text-link:hover .download-link-icon svg path {
    stroke: var(--black);
}
    
a.text-link.dark-grey-text-link .right-arrow svg rect {
    stroke: var(--dark-grey);
}    
        
a.text-link:hover .right-arrow svg rect {
    stroke: var(--dark-orange);  
    fill: var(--dark-orange);
}   
        
a.text-link.dark-grey-text-link:hover .right-arrow svg rect {
    stroke: var(--black); 
    fill: var(--black);
}   

.dark-grey-border-bg {
    border: 1px solid var(--dark-grey);
}

.message-banner:not(.blue-border), .navigational-tile .nav-tile-link.static-nav-tile-item {
    border: 1px solid var(--line-grey);
}    

.message-banner.blue-border {
    border: 1px solid var(--light-blue);
}
    
.info-grid-col.info-grid-quick-lnks-col, a.secondary-button-orange, .has-sidebar-container #sidebar div.sidebar-quick-links-container, .has-sidebar-container div#sidebar ul .directional-link a .left-arrow, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button {
    border: 1px solid var(--orange);
}  
    
a.secondary-button-orange:hover, .has-sidebar-container div#sidebar ul .directional-link a:hover .left-arrow, .form-component-wrapper .form-component fieldset .input:focus {
    border: 1px solid var(--dark-orange);
}   
    
div#text .page-img-banner .two-col-banner-container.green-bg .two-col-banner-text-container .banner-link-container .banner-link, .page-img-banner .two-col-banner-container.green-bg .banner-link-container .banner-link, .alt-video-banner-cta.video-banner-text.mw1320 .mw1280 .secondary-button {
    border: 1px solid var(--cream);
}

.cta-banner-buttons-row a {
    border: 1px solid var(--dark-teal);
} 

.form-component-wrapper .form-component fieldset .input {
    border: 1px solid rgba(0,0,0,0.5);
}
    
.has-sidebar-container div#sidebar ul .directional-link {
    border-bottom: 1px solid var(--orange);
}

.info-toggle-item, .inner-spacer-block.divider-line {
    border-bottom: 1px solid var(--dark-grey);
}

.info-banner-col .info-banner-content:not(:last-of-type), table.table-component tr:not(.table-headers):not(:last-of-type) {
    border-bottom: 1px solid var(--line-grey);
}
    
.info-toggle-item .inner-toggle-item {
    border-top: 1px solid var(--line-grey);
}

blockquote .blockquote-wrapper {
    border-left: 2px solid var(--line-grey);
}

.has-sidebar-container div#sidebar ul .directional-link a:hover, .form-component-wrapper .form-component fieldset .error  {
    border-color: var(--dark-orange);
} 
    
.inner-spacer-block.divider-line.line-grey {
    border-color: var(--line-grey);
}

.feat-event-item, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event, .has-sidebar-container #sidebar ul li:not(.directional-link), .has-sidebar-container #sidebar div ul.sidebar-quick-links li, .has-sidebar-container div#sidebar > ul, .has-sidebar-container #sidebar div ul.sidebar-quick-links, .form-component-wrapper .form-component .submit-button, .form-component-wrapper .form-component fieldset, .form-component-wrapper .form-component fieldset input[type="file"] {
    border: none;
}    
    
.feat-event-item, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event, #text section.home-news-events-section div .news-feat-col .news-items-container .news-item, .navigational-tile .nav-tile-link:not(.static-nav-tile-item), .navigational-tile-button .nav-tile-button-item, .content-card .content-card-tile-link, .form-component-wrapper {
    box-shadow: 0px 4px 9px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.09);
}

.feat-event-item:hover, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event:hover, #text section.home-news-events-section div .news-feat-col .news-items-container .news-item:hover, .navigational-tile-button .nav-tile-button-item:hover, .navigational-tile a.nav-tile-link:hover, .content-card .content-card-tile-link:hover {
    box-shadow: 0px 4px 9px 4px rgba(0, 0, 0, 0.18), 0px 2px 2px 0px rgba(0, 0, 0, 0.09);
}
     
.form-component-wrapper .form-component fieldset .input:focus {
    outline: none;
}
/* END COLOURS ------------------- */ 


/* Global Styles
--------------------------------- */
@supports (-webkit-touch-callout: none) {
    ul.slick-dots li button:focus {
      outline: none; /* Safari-specific fix */ }
  }
     
html {
    font-size: 100% !important;
}

.mw1320, #text .mw1320.contain_boxes.flex-block.video-popup-container, .mw1320.video-popup-container /*, div#content.page-cmu */{
    max-width: 1320px;
    margin: 0 auto;
    width: 92vw !important;
}

div#content.page-cmu, .has-sidebar-container #sidebar .video-card-item div img, .two-third-callout-col img, #sidebar .content-card-img img, .has-sidebar-container #sidebar .student-story-box img {
    max-width: 100%;
}   
    
#text.full .video-card-item .colourbox.flow, .mw1320.video-popup-container .colourbox {
    width: 100%;
    min-width: 100%;
}   
    
.text-2-col-wrapper div img, .study-story-img-container, .news-items-container .news-item, #content.page-cmu div#text div#hero div.video-banner-container video, #content div#text div#hero.home-video-banner div.video-banner-container video, section.full-image-wrapper img, .navigational-tile a .nav-tile-img img, .navigational-tile .static-nav-tile-item .nav-tile-img img, .nav-tile-content .arrow-cta-button, .content-card-content .arrow-cta-button, #sidebar .content-card-img img, .nav-tile-img img, .info-banner-col img, table.table-component, div#text .page-img-banner .page-img-banner-container img, #text .feat-event-item .feat-photo img, .feat-event-item .feat-photo img, .two-col-component div img, #text .two-col-component .two-col-comp-col img, .form-component-wrapper .form-component fieldset .input {
    width: 100%;
} 

div#text .page-img-banner .two-col-banner-container .two-col-banner-img-container > img, .page-img-banner .two-col-banner-container .two-col-banner-img-container > img {
    width: 100% !important;
}
    
#sidebar .student-story-box img, .two-third-callout-col img, .has-sidebar-container #sidebar .student-story-box img, #text .alt-video-banner-cta.video-banner-text.mw1320 .mw1280 h1, .alt-video-banner-cta.video-banner-text.mw1320 .mw1280 h1 {
    width: auto;
}  
    
.text-block-900 {
    max-width: 1000px;
}  
    
.has-sidebar-container div#sidebar ul li {
    max-width: unset;
} 
    
.two-third-callout-col img, section.full-image-wrapper img { 
    height: auto;
}  
    
.nav-tile-img img {
    height: 100%;
}  
    
div#text .page-img-banner .page-img-banner-container img, .feat-event-item .feat-photo img, div#text .page-img-banner .two-col-banner-container .two-col-banner-img-container > img, .page-img-banner .two-col-banner-container .two-col-banner-img-container > img {
    height: 100% !important;
}
    
.text-block-900, .w94, .has-sidebar-container div#sidebar ul .directional-link a .left-arrow svg {
    margin: 0 auto;
}

.w94 {
    width: 92vw;
}

.feat-event-item {
    box-sizing: border-box !important;
}

section.mw1320.video-popup-container, .brand-banner.mw1320.radius-med, .page-img-banner-container, .video-banner-text.mask.mw1320, .info-grid-col, .two-third-callout-section .two-third-callout-col.callout-text, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event, .news-item, .cta-banner-buttons-row a, a.secondary-button-orange, .has-sidebar-container #sidebar div ul.sidebar-quick-links, .navigational-tile a .nav-tile-content, .navigational-tile .static-nav-tile-item .nav-tile-content, .navigational-tile .static-nav-tile-item .nav-tile-content, .navigational-tile-button .nav-tile-button-item, section.infographic-banner, section.infographic-banner-icons, .form-component-wrapper .form-component fieldset .input {
    box-sizing: border-box;
}  

#sidebar .student-story-box img, #text.full .mw1320 .video-card-item .colourbox.flow img, .mw1320.video-popup-container .video-card-item .flow img, .page-img-banner-container img, div#text div.two-third-callout-col img, div.two-third-callout-col img, .nav-tile-img img, #sidebar .content-card-img img, section.full-image-wrapper img, #text .two-col-component .two-col-comp-col img, .two-col-component .two-col-comp-col img, div#text .two-col-banner-img-container > img, .two-col-banner-img-container > img, div#text .text-2-col-wrapper div img, .text-2-col-wrapper div img {
    -o-object-fit: cover;
    object-fit: cover;
}   

#content.page-cmu div#text div#hero div.video-banner-container video, #content div#text div#hero.home-video-banner div.video-banner-container video {
    -o-object-fit: cover !important;
    object-fit: cover  !important;
}    

.has-sidebar-container #sidebar .student-story-box img, #text section .student-stories-callout div .study-story-img-container img, div#text div.two-third-callout-col img, div.two-third-callout-col img, #sidebar .content-card-img img {
    aspect-ratio: 4 / 3 !important;
} 

.nav-tile-img img, section.full-image-wrapper img, #text .two-col-component .two-col-comp-col img, .two-col-component .two-col-comp-col img {
    aspect-ratio: 3 / 2 !important;
}
    
.has-sidebar-container #sidebar .video-card-item div.radius-med, .navigational-tile a, .nav-tile-link.radius-9, .page-img-banner .two-col-banner-container {
    overflow: hidden;
}   
    
.has-sidebar-container div#sidebar {
    overflow: unset;
}
    
nav.cmu-breadcrumbs, .page-img-banner-container, .full-width-container.cream-bg.flame-bg, .page-img-banner, .brand-banner, a.text-link, .study-story-img-container, #content.page-cmu div#text div#hero div.video-banner-container video, #content div#text div#hero.home-video-banner div.video-banner-container video, .has-sidebar-container div#sidebar ul .directional-link a .left-arrow,  .has-sidebar-container #sidebar .video-card-item div.flow, ul.list-checkmarks li, .form-component-wrapper .form-component fieldset .date-picker-wrapper {
    position: relative;
}  

.text-2-col-wrapper div .video-card-item .flow .mask, .mw1320.video-popup-container .video-card-item .flow .mask,  .has-sidebar-container #sidebar .video-card-item div .play-icon-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

 .has-sidebar-container div#sidebar ul .directional-link a .left-arrow svg {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}    

.brand-banner, .page-img-banner-container {
    overflow: hidden;
} 

.has-sidebar-container #sidebar ul li ul.sidebar-sub-menu, .info-toggle-item .inner-toggle-item {
    display: none;
}

.form-component-wrapper .form-component fieldset label {
    display: block;
}

a.text-link .right-arrow, .a.text-link, .info-grid-col .info-content a.text-link, .feat-event-item .event-location-container .event-location:after, .feat-event-item a.event-link, nav.cmu-breadcrumbs div ol li, a.secondary-button-orange, ol.list-steps-item > li:before, .study-story-img-container, .has-sidebar-container #sidebar ul li a svg, .nav-tile-content .arrow-cta-button, .content-card-content .arrow-cta-button, .content-card .content-card-tile-link, div#text .two-col-banner-text-container .banner-link-container .banner-link, .two-col-banner-text-container .banner-link-container .banner-link, .form-component-wrapper .form-component fieldset .optional-link {
    display: inline-block;
}   
    
.has-sidebar-container #sidebar ul li:not(.directional-link) a, .has-sidebar-container #sidebar div ul.sidebar-quick-links li:not(.directional-link) a {
    display: inline;
}    
    
#text .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .info-toggle-item > h2, .text-2-col-wrapper, ol.list-steps-item > li:before, .cmu-info-grid, .two-third-callout-section, .cta-banner-buttons-row, .feat-event-item .event-location-container, section.home-news-events-section .news-events-block, .has-sidebar-container, .has-sidebar-container div#sidebar, .text-2-col-wrapper div .video-card-item .flow .mask, .mw1320.video-popup-container .video-card-item .flow .mask, .has-sidebar-container div#sidebar ul .directional-link a, .two-third-callout-col .callout-text-links-wrapper, .callout-text-links-wrapper, .navigational-tile-button, section.infographic-banner, .two-col-banner-text-container .banner-link-container {
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex;
} 

section.two-col-text-sectio, section.infographic-banner-icons, div.two-col-component, .page-img-banner .two-col-banner-container {
    display: -ms-grid;
    display: grid;
}

.info-toggle-item > h2, .two-col-banner-text-container .banner-link-container, #text .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper {
    align-items: center;
}

#text section.home-news-events-section div .news-feat-col .news-items-container, .cmu-info-grid, #text .alt-video-banner-cta.video-banner-text.mw1320 div.mw1280, .alt-video-banner-cta.video-banner-text.mw1320 div.mw1280 {
    align-items: flex-start;
}   
    
.navigational-tile-button .nav-tile-button-item {
    align-content: center;
}

#text section.home-news-events-section div .news-feat-col .news-items-container, .has-sidebar-container div#sidebar {
    flex-direction: column;
}    

#text.full .video-card-item .colourbox.flow .mask, .mw1320.video-popup-container .video-card-item .colourbox .mask, .cta-banner-buttons-row, ol.list-steps-item > li:before {
    justify-content: center;
} 
    
.has-sidebar-container div#sidebar ul .directional-link a,  .info-toggle-item > h2 {
    justify-content: space-between;
}    

 #text .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .cmu-info-grid, .two-third-callout-section, .cta-banner-buttons-row, .feat-event-item .event-location-container, .mw1320.video-popup-container, .two-third-callout-col .callout-text-links-wrapper, .callout-text-links-wrapper, .navigational-tile-button, .two-col-banner-text-container .banner-link-container {
    flex-wrap: wrap;
}

.has-sidebar-container div#sidebar, div.two-col-component {
    gap: 3rem;
}    
    
#text .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .cta-banner-buttons-row, .info-toggle-item > h2, .two-third-callout-col .callout-text-links-wrapper, .callout-text-links-wrapper, .two-col-banner-text-container .banner-link-container {
    gap: 2rem;
} 
    
.navigational-tile-button {
    gap: 2.5rem;
    row-gap: 1.5rem;
}

#text section.home-news-events-section .news-events-block > div.events-feat-col div .event {
    gap: 1rem;
}   
    
.two-third-callout-col .callout-text-links-wrapper, .callout-text-links-wrapper, #text .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper {
    row-gap: 1rem;
}
    
.cmu-info-grid .info-grid-col {
    flex: 1 auto;
}    
    
.info-grid-col .info-content a.text-link .right-arrow, a.text-link span.right-arrow, a.text-link .external-link-icon, a.text-link span .download-link-icon {
    vertical-align: middle;
}    
    
.text-block-900 {
    max-width: 900px;
} 
    
section.mw1320.video-popup-container {
    padding: 0 0;
}    
/* End Global Styles ------------------- */


/* Form Component
--------------------------------- */
.form-component-wrapper {
    max-width: 500px;
}

.form-component-wrapper .form-component fieldset:first-of-type, .two-col-banner-text-container .banner-link-container {
    padding-top: 3.25rem;
}

.form-component-wrapper .form-component fieldset:not(:last-of-type) {
    padding-bottom: 2.25rem;
}

.form-component-wrapper .form-component fieldset:last-of-type {
    padding-bottom: 4rem;
}

.form-component-wrapper .form-component fieldset label {
    padding-bottom: 0.5rem;
}

.form-component-wrapper .form-component .submit-button, div#text .two-col-banner-text-container h1 {
    margin: 0 0;
}

form.form-component fieldset select {
    -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none; 
    background-image: url(images/chevron-down-grey.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center right 20px;
}

.form-component-wrapper .form-component fieldset .input {
    padding: 0.75rem 1.125rem;
    margin-top: 0.25rem;
}

.form-component-wrapper .form-component fieldset .helper, .form-component-wrapper .form-component fieldset .error, .form-component-wrapper .form-component fieldset .optional-link {
    margin-top: 0.5rem;
}

.form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button {
    padding: 0.5rem 0.75rem;
}

.form-component-wrapper .form-component fieldset .textarea {
    height: 100px;
    resize: vertical;
}

.form-component-wrapper .form-component .submit-button {
    padding: 1rem 1rem;
}


/* Animations
--------------------------------- */
.feat-event-item, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event, #text section.home-news-events-section div .news-feat-col .news-items-container .news-item, .navigational-tile .nav-tile-link, .content-card-tile-link {
    -webkit-transition: box-shadow 500ms ease;
    transition: box-shadow 500ms ease;
}  

a.text-link {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a.text-link:hover .right-arrow *, .cta-banner-buttons-row a.primary-button, .cta-banner-buttons-row a.secondary-button,
#text.full .mw1320 .video-card-item .colourbox.flow img, .mw1320.video-popup-container .video-card-item .flow img, a.secondary-button-orange,
.has-sidebar-container #sidebar .video-card-item div img,
.text-2-col-wrapper div .video-card-item .flow img, h2.info-toggle-title span svg,
h2.info-toggle-title, h2.info-toggle-title span svg rect,
.has-sidebar-container div#sidebar ul .directional-link, 
.has-sidebar-container div#sidebar ul .directional-link a, 
.has-sidebar-container div#sidebar ul .directional-link a .left-arrow,
a.text-link .external-link-icon svg path, a.text-link .download-link-icon svg path,
a.nav-tile-link .nav-tile-content .arrow-cta-button svg rect,
.content-card-content .arrow-cta-button svg rect, 
div#text .page-img-banner .two-col-banner-container.green-bg .two-col-banner-text-container .banner-link-container .banner-link, .two-col-banner-container.green-bg .two-col-banner-text-container .banner-link-container .banner-link,
.form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button, #text .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button, .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button {
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
}

.form-component-wrapper .form-component fieldset .input {
    -webkit-transition: border 500ms ease-in-out;
    transition: border 500ms ease-in-out;
}

/* border bottom animate left to right */
ul li a.text-link, #text .info-grid-col ul li a, .info-grid-col ul li a, .has-sidebar-container #sidebar ul li:not(.directional-link) a, .has-sidebar-container #sidebar div ul.sidebar-quick-links li a, .message-banner a.text-link.text-link-no-arrow, .steps-item-info .steps-item p a.text-link.text-link-no-arrow {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-image: linear-gradient(90deg, var(--dark-grey), var(--dark-grey));
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-size: 0 1px;
    padding-bottom: 2px; /*5px*/ }   

/* border bottom animate left to right */
ul li a.text-link:hover, #text .info-grid-col ul li a:hover, .info-grid-col ul li a:hover,.has-sidebar-container #sidebar ul li:not(.directional-link) a:hover, .has-sidebar-container #sidebar div .sidebar-quick-links li a:hover, .message-banner a.text-link.text-link-no-arrow:hover, .steps-item-info .steps-item p a.text-link.text-link-no-arrow:hover {
    background-size: 100% 1px;
} 

#text.full .mw1320 .video-card-item .colourbox.flow:hover img, .mw1320.video-popup-container .video-card-item .flow:hover img,
.text-2-col-wrapper div .video-card-item .flow:hover img, .has-sidebar-container #sidebar .video-card-item div:hover img {
    transform: scale(1.1);
}    
    

/* Breadcrumbs 
---------------------------------  */ 
nav.cmu-breadcrumbs {
    padding-top: 1rem;
}
   
    
/* Brand banner 
--------------------------------- */
.brand-banner.mw1320.radius-med {
    padding: 3rem 3rem;
} 
   
.brand-banner:before, .brand-banner:after {
    content: '';
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1; 
    min-width: 100px;
}   

.brand-banner:before {
    width: 30%;
    height: 25%;
    bottom: 0;
    left: 0;
    background-image: url(/images/half-circle-red-orange.png);
    background-position: bottom left;
}  
    
.brand-banner:after {
    width: 25%;
    height: 25%;
    top: 0;
    right: 0;
    background-image: url(/images/half-circle-yellow-orange.png); 
    background-position: top right;
}  
    
#content .brand-banner.dark-teal-bg .brand-banner-content .large-text {
    margin: 0 0;
}  
    

/* Full-width components 
--------------------------------- */
nav.cmu-breadcrumbs, .full-width-container.cream-bg.flame-bg, .page-img-banner {
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
    left: 50%;
    right: 50%;
}


/* Homepage - video banner 
--------------------------------- */
div#text .home-video-banner#hero div.video-banner-container {
    max-height: 600px;
}

#text .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper {
    width: calc(100% - 2rem - 55px);
}


/* Image banners 
--------------------------------- */
section.page-img-banner.cream-bg {
    padding-top: 1rem;
}


    
.page-img-banner-text, .page-img-banner-container img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.page-img-banner-container img {
    top: 0;
    width: 100%;
    height: 100%;
}    

.page-img-banner-text {
    z-index: 5;
}    


/* Homepage - flame graphic background 
--------------------------------- */   
.full-width-container {
    width: 100vw !important;
    max-width: 100vw !important;
}   

.full-width-container.cream-bg.flame-bg {
    background-image: url('/images/flame.svg');
    background-repeat: no-repeat; 
    transform: none;
    margin-bottom: -1px;
}    


/* Homepage - featured videos
--------------------------------- */
#text .mw1320.contain_boxes.flex-block.video-popup-container {
    padding: 0 0;
}    


/* 2 Column text component with video
--------------------------------- */
.text-2-col-wrapper div .video-card-item .flow, .mw1320.video-popup-container .video-card-item .flow {
    position: relative;
    padding-top: 56%;
    overflow: hidden !important;
    margin: 0 0;
}

.text-2-col-wrapper div .video-card-item .flow img, .mw1320.video-popup-container .video-card-item .flow img {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: unset;
    height: 100%;
}

.text-2-col-wrapper div .video-card-item .flow .mask, .mw1320.video-popup-container .video-card-item .flow .mask {
    z-index: 10;
    justify-content: center;
    background: transparent !important;
}

.text-2-col-wrapper div .video-card-item .flow .mask a, .mw1320.video-popup-container .video-card-item .flow .mask a {
    background: url(/images/play-icon.svg) no-repeat center / 100px 100px !important;
}   

/* Full-height callout banner images */    
div#text .text-2-col-wrapper div img, .text-2-col-wrapper div img {
     /* min-height: 300px; */
    aspect-ratio: 3 / 2;
} 


/* Buttons and border styles
--------------------------------- */
.radius-xsm, .form-component-wrapper .form-component fieldset input[type="file"]::file-selector-button,  .form-component-wrapper .form-component .submit-button, .form-component-wrapper .form-component fieldset .input {
    border-radius: 3px;
}

.radius-sm, #sidebar .student-story-box img, #sidebar .content-card-img img {
    border-radius: 6px;
}

#text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo img, #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo p iframe, .radius-9 {
    border-radius: 9px;
}

.radius-med, #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo img.radius-med, .cmu-feat-events-wrapper .feat-events-block .feat-events .feat-event-item, #hero.video-banner.home-video-banner .video-banner-container, .text-2-col-wrapper div img, #text.full .video-popup-container div.colourbox.radius-med, #text section .home-feat-events-container .feat-events .feat-event-item,  .cmu-feat-events-wrapper .home-feat-events-container .feat-events .feat-event-item, #text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item, #text.main-content .feat-events .feat-event-item, section.home-news-events-section div .news-feat-col .news-item, #content.page-cmu div#text div#hero div.video-banner-container video, #content div#text div#hero.home-video-banner div.video-banner-container video, .two-col-component div.two-col-comp-col img {
    border-radius: 18px;
}  

.radius-l {
    border-radius: 24px;
}

.video-banner-text.mask.mw1320 {
    border-radius:  0px 0px 18px 18px;
} 

.has-sidebar-container div#sidebar ul .directional-link a .left-arrow {
    border-radius: 50% 50%;
}    

/* Button padding */
#text .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button, .alt-video-banner-cta.video-banner-text.mw1320 div .secondary-button, .cta-banner-buttons-row a, a.secondary-button-orange, div#text .two-col-banner-text-container .banner-link-container .banner-link, .two-col-banner-text-container .banner-link-container .banner-link {
    padding: 1rem 1rem;
}    

/* Text links */
 .info-grid-col .info-content a.text-link .right-arrow, .info-grid-col .info-content a.text-link .right-arrow, .text-link .right-arrow, a.text-link .external-link-icon, a.text-link .download-link-icon {
    margin-left: 0.5rem;
} 
    
.content-card-content {
    margin-top: 1.5rem;
}    
/* End Button Styles ------------------- */


 /* Homepage video banner component 
 --------------------------------- */
.page-cmu #text div#hero.video-banner,
#content div#text div#hero.home-video-banner {
    height: 100%;
    padding-top: 1rem;
    min-height: 300px;
}    

.video-banner-text:not(.alt-video-banner-cta).mask.mw1320 {
    padding: 0 2rem 2rem 2rem;
}

#text .alt-video-banner-cta.video-banner-text.mw1320, #content .alt-video-banner-cta.video-banner-text.mw1320, .alt-video-banner-cta.video-banner-text.mw1320 {
    padding: 2rem 2rem;
}
    
.video-banner-text.mask.mw1320:not(.alt-video-banner-cta) > div {
    justify-content: flex-end;
    padding: 0 0;
}
    
#text .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper h1, .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper h1 { 
    padding-right: 0;
}

.alt-video-banner-cta.video-banner-text.mask.mw1320 > div a.block {
    margin-left: auto;
}

#content.page-cmu div#text div#hero div.video-banner-container video,
#content div#text div#hero.home-video-banner div.video-banner-container video {
    height: auto;
    min-width: 100%;
    min-height: auto !important;
    top: 0;
    left: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    min-height: 300px !important;
}
  
    
/* 3 column info grid component 
--------------------------------- */    
#text .info-grid-col ul, .info-grid-col ul {
    margin-left: 0;
} 

#text .info-grid-col p, .info-grid-col p, #text .info-grid-col:not(.info-grid-quick-lnks-col) ul, .info-grid-col ul {
    margin-bottom: 1rem;
}

#text .info-grid-col ul li:not(:last-of-type), .info-grid-col ul li:not(:last-of-type) {
    margin-bottom: 0.75rem;
}   

#text .info-grid-col ul li:last-of-type, .info-grid-col ul li:last-of-type, #text .info-grid-col.info-grid-quick-lnks-col ul {
    margin-bottom: 0rem !important;
}   


/* Sidebar - menu and quick links
--------------------------------- */
.info-grid-col.info-grid-quick-lnks-col, .has-sidebar-container #sidebar div.sidebar-quick-links-container {
    padding: 2rem 2rem 3rem 2rem;
} 

.has-sidebar-container #sidebar div ul.sidebar-quick-links li a, .has-sidebar-container #sidebar ul li a {
    padding-top: 0;
}   

.has-sidebar-container #sidebar div.sidebar-quick-links-container h2 {
    margin: 0 0; 
    padding-bottom: 1rem;
} 

.has-sidebar-container #sidebar div ul.sidebar-quick-links, .has-sidebar-container.mw1320 div#sidebar ul li ul li a {
    margin: 0 0;
}   

.has-sidebar-container div#sidebar ul .directional-link {
    margin-bottom: 1.75rem;
}

.has-sidebar-container div#sidebar ul .directional-link a .left-arrow {
    width: 24px;
    height: 24px;
}

.has-sidebar-container div#sidebar ul .directional-link a .left-arrow svg {
    width: 12px;
    height: auto;
}    

.has-sidebar-container #sidebar div ul.sidebar-quick-links li:not(.directional-link):not(:last-of-type), .has-sidebar-container #sidebar ul li:not(.directional-link):not(:last-of-type) {
    margin-bottom: 0.75rem;
}  

.has-sidebar-container #sidebar ul li ul.sidebar-sub-menu {
    padding: 0.5rem 0;
}  

.has-sidebar-container #sidebar ul li.has-sub-menu > a {
    position: relative; 
    padding-right: 15px;
}

.has-sidebar-container #sidebar ul li a svg {
    margin-left: 5px;
    transition: transform 400ms ease;
    position: absolute;
    top: 7px;
    width: 11px;
    height: auto;
    transition: transform 400ms ease;
} 
    
.has-sidebar-container #sidebar ul li a.open-sidebar-sub-menu svg, h2.info-toggle-title.info-toggle-open span svg {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}  
    

/* Sidebar - student story component 
--------------------------------- */
.has-sidebar-container #sidebar .student-story-box, .content-card .content-card-tile-link {
    padding: 1.5rem 1.5rem 2.25rem 1.5rem;
}  
    
.has-sidebar-container #sidebar .student-story-box img {
    margin-bottom: 2.25rem;
}  
     
#sidebar .student-story-box p.student-name, #text .student-stories-callout .two-third-callout-col.callout-text .student-name {
    padding-top: 2.25rem;
}    
    
#text .student-stories-callout .two-third-callout-col.callout-text .student-testimonial, #text .student-stories-callout .two-third-callout-col.callout-text .student-name, #sidebar .student-story-box p, .has-sidebar-container #sidebar .content-card .content-card-content * {
    margin: 0 0;
}        


/* Student Stories 
--------------------------------- */
#text section .student-stories-callout div .study-story-img-container img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: unset;
    -o-object-fit: cover;
    object-fit: cover;
} 
    
#text .student-stories-callout .two-third-callout-col.callout-text .student-name {
    margin-bottom: 0;
} 
    
    
/* Video grid - popup 
--------------------------------- */
#text.full div.mw1320.flex-block.video-popup-container > div {
    margin-bottom: 0 !important;
}

#text.full .mw1320 .video-card-item .colourbox.flow, .mw1320.video-popup-container .video-card-item .flow {
    position: relative;
    padding-top: 56%;
    overflow: hidden !important;
    margin: 0 0;
} 

#text section .home-feat-events-container .feat-events,  .cmu-feat-events-wrapper .home-feat-events-container .feat-events {
    padding: 0 0;
    justify-content: space-between !important;
}    
    
#text.full .mw1320 .video-card-item .colourbox.flow img, .mw1320.video-popup-container .video-card-item .flow img {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: unset;
}  
    
#text.full .mw1320 .video-card-item .colourbox.flow .mask, .mw1320.video-popup-container .video-card-item .flow .mask {
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
} 

div#text.full .mw1320 .video-card-item .colourbox.flow .mask a.block, .mw1320.video-popup-container .flow .mask a.block {
    background: url(/images/play-icon.svg) no-repeat center / 100px 100px !important }
        
div#text.full .mw1320 .video-card-item .colourbox.flow .mask a:after {
    content: unset !important;
}
  
#text .mw1320 .video-card-item:last-of-type p.video-card-title, .mw1320.video-popup-container .video-card-item:last-of-type p.video-card-title {
    margin-bottom: 0;
} 
    

/* Sidebar - video 
--------------------------------- */
.has-sidebar-container #sidebar .video-card-item .video-card-title {
    margin: 0 0;
    padding-top: 0.5rem;
}   

.has-sidebar-container #sidebar .video-card-item div .play-icon-container a {
    background: url(/images/play-icon.svg) no-repeat center / 50px 50px !important;
}        
    

/* New CTA Banner 
--------------------------------- */
/*.cta-banner-text-row {
    padding: 4rem 4rem 0 4rem;
}

.cta-banner-buttons-row {
    padding: 0 4rem 4rem 4rem;
}  */
    
.cta-banner-buttons-row a {
    border: 1px solid var(--dark-teal);
} 
   
section.cta-banner-section > div.mw1320 {
    position: relative;
}

.cta-banner-section > div.mw1320:before, .cta-banner-section > div.mw1320:after {
    content: "";
    width: 30%;
    height: 30%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}

.cta-banner-section > div.mw1320:before {
    background-image: url(/images/guilloche-top.svg);
    top: 0;
    left: 0;
}  

.cta-banner-section > div.mw1320:after {
    background-image: url(/images/guilloche-bottom.svg); 
    bottom: 0;
    right: 0;
    background-position: bottom right;
} 
    
.cta-banner-text-row, .cta-banner-buttons-row {
    position: relative;
    z-index: 3;
} 
   
/* Featured Events/News/Posts */
.feat-event-item .feat-photo {
    margin-bottom: 1.625rem;
}
    
 /* Slick Carousel - events, news
--------------------------------- */  
div.slick-initialized.slick-slider {
    margin-bottom: 0 !important;
}

 .feat-events div .slick-track {
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: -webkit-flex; 
    display: flex;
    margin-bottom: 10px;
} 
        
.slick-track .feat-event-item {
    height: inherit !important;
}   

.feat-events.slick-initialized.slick-slider .slick-list {
   margin: 0 -1rem;
}   
   
.feat-events.slick-initialized.slick-slider .slick-list .slick-slide {
    margin: 0 1rem;
    box-sizing: border-box;
    height: inherit;
} 

.feat-events.slick-initialized.slick-slider .slick-list .slick-slide > div, .feat-events.slick-initialized.slick-slider .slick-list .slick-slide > div > .feat-event-item {
    height: 100%;
}   
    
#text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo, #text section.home-news-events-section div .news-feat-col .news-items-container .news-item p iframe {
    margin: 0 0;
}  
    
.feat-events .feat-event-item .event-link {
    margin-top: 1rem;
}  
    
#text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo img,
#text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo p iframe {
    margin-bottom: 0 !important;
}     


/* Featured Events grid 
--------------------------------- */
#text section .home-feat-events-container .feat-events .feat-event-item .caption .details, .cmu-feat-events-wrapper div .feat-events .feat-event-item .caption .details {
    margin-bottom: 1rem;
}

.feat-event-item, #text section.home-news-events-section .news-events-block > div.events-feat-col div .event, section.home-news-events-section div .news-feat-col .news-item {
    padding: 1.5rem 1.5rem;
}

.feat-event-item *, #text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item * {
    padding: 0 0 !important;
}

.feat-event-item .event-link, #text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item .event-link {
    padding-top: 1rem !important;
}

.feat-event-item .event-location-container .event-location, #text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item .event-location-container .event-location {
    padding-right: 5px;
}

.feat-event-item .event-location-container  .event-location:after, #text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item .event-location-container .event-location:after {
    content: "|";
    width: 5px;
    margin: 0 5px;
}  
    
.feat-event-item .caption, #text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item .caption {
    flex-grow: unset;
}   
    
#text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item {
    width: 100% !important; 
    margin: 0 0;
}   


/* News and events spacing */
.feat-events .feat-event-item .event-link, .feat-event-item a.event-link, #text section.home-news-events-section .news-events-block > div.events-feat-col div .feat-event-item a.event-link {
    padding-top: 0 !important;
    margin-top: 1.5rem;
}

#text section.home-news-events-section div .news-feat-col .news-items-container .news-item .news-text a.text-link {
    margin-top: 1.5rem !important;
    padding-top: 0;
    display: inline-block;
}  
    
#text .mw1320.cmu-featured-news-home > h3, section.home-news-events-section .news-events-block .news-feat-col > h3, #text section.home-news-events-section div .events-feat-col > h3 {
    margin-bottom: 1.5rem !important;
}     


/* Slick carousel - news, events
--------------------------------- */       
.slick-track .feat-event-item:not(:last-of-type) { 
    box-sizing: border-box;
} 
    

/* New text and sidebar component 
 --------------------------------- */
.has-sidebar-container div#sidebar, .has-sidebar-container div#sidebar > ul {
    margin: 0 0;
}   

ol.list-steps-item {
    counter-reset: ordered;
} 

ol.list-steps-item > li:before {
    border-radius: 50% 50%;
    content: counter(ordered);
    counter-increment: ordered;
    margin-top: 0.625rem;;
    position: absolute; 
    font-size: 16px;
    align-items: center;
}

ol.list-steps-item > li .steps-item-info {
    border-left: 1px solid var(--line-grey);
    margin-top: 1rem;
}   

ol.list-steps-item > li .steps-item-info .steps-item {
    padding-bottom: 1.5rem;
}

ol.list-steps-item > li .steps-item-info .steps-item h3 {
    padding-bottom: 0.5rem;
}

    ol.list-steps-item > li .steps-item-info .steps-item p:not(:last-of-type), .message-banner p {
    padding-bottom: 1rem;
} 
    
ol.list-steps-item > li:not(:last-of-type) {
    margin-bottom: 1rem } 
    
ol.list-steps-item > li .steps-item-info .message-banner {
    margin: 0.75rem 0 0 0;
} 

    
/* Toggle component
--------------------------------- */
.info-toggle-container:has(:nth-child(2)) .info-toggle-item:not(:last-of-type) {
    /*padding: 0 0 1.5rem 0;*/
    margin: 0 0 1.5rem 0;
}
    
.info-toggle-item > h2 span.toggle-icon svg {
    width: 25px;
}    


/* Navigational Tile 
--------------------------------- */
.navigational-tile a .nav-tile-content {
    padding: 1.063rem 1.625rem;
}

.navigational-tile .static-nav-tile-item .nav-tile-content {
  padding: 1.063rem 1.625rem 2.5rem 1.063rem;
}

.nav-tile-content .arrow-cta-button, #sidebar .content-card .content-card-content .arrow-cta-button {
    margin-top: 1.5rem;
}  
    

/* Navigational Tile Buttons
--------------------------------- */
.navigational-tile-button .nav-tile-button-item {
    width: calc(50% - 1.25rem);
    align-content: center;
    padding: 30px 60px;
}    


/* Tuition fees table
--------------------------------- */
table.table-component {
    border-collapse: collapse;
}

table.table-component tr:not(.table-headers) td {
    padding: 1.5rem 1.125rem 1.125rem 1.125rem; 
    vertical-align: top;
}

.green-bg.table-headers th  {
    padding: 0.625rem 1.125rem;
}


/* TInfographic banner list - checkmarks
--------------------------------- */  
ul.list-checkmarks li {
    padding-left: 25px;
    padding-bottom: 1rem;
}

ul.list-checkmarks li:before {
    width: 15px;
    height: 15px;
    background: url(/images/checkmark.svg);
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

@media all and (min-width: 1101px) {
    div#text .page-img-banner .two-col-banner-container .two-col-banner-img-container > img, .page-img-banner .two-col-banner-container .two-col-banner-img-container > img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
}

    .navigational-tile:not(.navigational-tile-horizontal):has(> :nth-child(2)) {
        display: -ms-grid;
        display: grid;
}  

    .navigational-tile:not(.navigational-tile-horizontal) {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 30%), 1fr));
}

    .navigational-tile:not(.navigational-tile-horizontal) a.nav-tile-link {
        flex-direction: column;
}

    #text .page-img-banner .two-col-banner-container, .page-img-banner .two-col-banner-container {
        grid-template-columns: 1fr 1fr;
}
}
@media all and (max-width: 1100px) {
    .navigational-tile, .navigational-tile .nav-tile-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
}  

    .navigational-tile {
        gap: 1.5rem;  }

    .navigational-tile a.nav-tile-link {
        width: 100%;
}

    div#text .two-col-banner-img-container > img, .two-col-banner-img-container > img, .two-col-banner-img-container > img, .two-col-banner-img-container > img {
        aspect-ratio: 4/3;
}
}
@media all and (max-width: 1100px) and (min-width: 768px) {
    .navigational-tile a .nav-tile-img, .navigational-tile .static-nav-tile-item .nav-tile-img {
        width: 33.33%;
}
        
    .navigational-tile a .nav-tile-content, .navigational-tile .static-nav-tile-item .nav-tile-content {
        width: 66.66%;
}
}
@media all and (min-width: 981px) {
    /* Fonts
    --------------------------------- */    
    #content .brand-banner.mw1320 .brand-banner-content p {
        font-size: 1.875rem;
        line-height: 2.188rem;
}  

    #content .page-img-banner-text h1 span {
        font-size: 2.25rem;
        line-height: 2.313rem;
}

    #content .page-img-banner-text h1, #text .video-banner-text .mw1280 h1, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-title, .two-col-banner-container .two-col-banner-text-container .banner-title, #text .video-banner-text.mw1320 .mw1280 h1 {
        font-size: 4.5rem;
        line-height: 5rem;
} 
        
    #text .alt-video-banner-cta.video-banner-text .mw1280 h1, #content .alt-video-banner-cta.video-banner-text .mw1280 h1 {
        font-size: 3rem;
        line-height: 4rem;
}
    
    #content .brand-banner.mw1320 .brand-banner-content .large-text, .info-banner-col .large-text {
        font-size: 5.625rem;
        line-height: 5.906rem;
} 

    /* Global styles
    -------------------------------- */
    .alt-video-banner-cta.video-banner-text.mw1320 {
        background:  rgba(0, 135, 102, 0.80)!important;
}

    .inner-toggle-item ul.grid-3-col:has(:nth-child(6)) {
        column-count: 3;
}

    .home-feat-events-container ul.slick-dots, .cmu-feat-events-wrapper div .feat-events ul.slick-dots {
        display: none;
}

    section.two-col-text-section, div.two-col-component {
        grid-template-columns: 1fr 1fr;
        row-gap: 2rem;
}

    section.infographic-banner-icons {
        grid-template-columns: 1fr 1fr 1fr;
}

    .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events-block .feat-events {
        grid-template-columns: 2fr 1fr;  }

    #text section.home-news-events-section div .news-feat-col .news-items-container, #text section.home-news-events-section .news-events-block > div.events-feat-col .feat-events, .navigational-tile .nav-tile-link:first-child:last-child, .info-banner-content, .two-col-banner-container .two-col-banner-text-container {
        display: -webkit-box;  
        display: -ms-flexbox;  
        display: -webkit-flex;
        display: flex;
}   

    .info-banner-content, .two-col-banner-container .two-col-banner-text-container {
        justify-content: center;
}

    .has-sidebar-container {
        justify-content: space-between;
}

    .info-banner-content {
        align-items: center;
}

    .student-stories-callout .two-third-callout-col.callout-text {
        align-self: center;
}  

    .navigational-tile .nav-tile-link:first-child:last-child {
        flex-wrap: wrap;
}

    #text section.home-news-events-section .news-events-block > div.events-feat-col .feat-events, .info-banner-content, .two-col-banner-container .two-col-banner-text-container {
        flex-direction: column;
} 

    .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events-block .feat-events .left-col,
    .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events-block .feat-events .right-col {
        gap: 2rem;
}
        
    .two-third-callout-section, .cmu-info-grid {
        gap: 3rem;
} 

    .has-sidebar-container section.infographic-banner {
        gap: 3.5rem;
}

    .has-sidebar-contain, section.infographic-banner {
        gap: 4rem;
}

    .mw1320.contain_boxes.flex-block.video-popup-container, section.navigational-tile.mw1320 {
        row-gap: 4.25rem !important;
}    

    #text .mw1320.contain_boxes.flex-block.video-popup-container,
	.mw1320.contain_boxes.flex-block.video-popup-container,
	#text section .home-feat-events-container .feat-events,
	.cmu-feat-events-wrapper .feat-events-block .feat-events,
    section.home-news-events-section .news-events-block,
	#text section.home-news-events-section .news-events-block > div.events-feat-col .feat-events,
	#text section.home-news-events-section div .news-feat-col .news-items-container, 
	section.navigational-tile.mw1320,
	#text.main-content .feat-events {
        gap: 2.25rem;
	}
        
    #text section .home-feat-events-container .feat-events, .cmu-feat-events-wrapper .feat-events-block .feat-events,
    .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events-block .feat-events .left-col,
    .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events-block .feat-events .right-col,
	#text.main-content .feat-events {
        display: -ms-grid;
        display: grid;
} 
        
    #text section .home-feat-events-container .feat-events, .cmu-feat-events-wrapper .feat-events-block .feat-events, #text.main-content .feat-events {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 30%), 1fr));
	}
	
	div.has-sidebar-container #text.main-content .feat-events {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 40%), 1fr));
	}

    .info-banner-col img {
        height: 100%;
}

    
    .cmu-feat-posts-wrapper-alt .feat-events .feat-event-item:nth-of-type(3n), .cmu-feat-posts-wrapper-alt .feat-events .left-col .feat-event-item:nth-of-type(2n) .event-link {
        display: inline-block;
}

    .cmu-feat-posts-wrapper-alt .feat-events .left-col .feat-event-item:nth-of-type(2n) .event-link:after {
        clear: both;
}

    .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events-block .feat-events {
        align-items: stretch;
}

     .info-banner-col img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
}

    .info-banner-col.info-banner-img, div#text .two-col-banner-img-container {
        position: relative;
}

    .cmu-info-grid, .grid-3-section {
        padding-left: 3rem;
        padding-right: 3rem;
}
        

   /* CMU Media Landing Page styles
    --------------------------------- */
    .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events .left-col .feat-event-item:nth-of-type(2n) .feat-photo {
        float: left;
        width: 40%;
}

    .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events .left-col .feat-event-item:nth-of-type(2n) .caption, .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events-block .feat-events .left-col .feat-event-item:nth-of-type(2n) .event-location-container, .cmu-feat-events-wrapper.cmu-feat-posts-wrapper-alt .feat-events-block .feat-events .left-col .feat-event-item:nth-of-type(2n) .event-link {
        float: right;
        padding-left: 2rem !important;
        width: 60%; 
        box-sizing: border-box;
}


    /* Top page - image banner
    --------------------------------- */ 
    .page-img-banner-text {
        padding: 1.5rem 3rem;
}  


    /* Home page 2 column text block component 
    --------------------------------- */ 
    .text-2-col-wrapper {
        gap: 4rem;
} 

    .text-2-col-wrapper > div {
        width: calc(50% - 2rem);
} 
        
    .text-2-col-wrapper:not(.reverse-text-2-col-wrapper) > div.col-2 {
        width: calc(50% - 6rem);
}

    .text-2-col-wrapper.reverse-text-2-col-wrapper > div.col-2 {
        width: calc(50% - 2rem);
}    

    .text-2-col-wrapper:not(.reverse-text-2-col-wrapper) > div.col-2, .text-2-col-wrapper.reverse-text-2-col-wrapper > div.col-1 {
        align-self: center;
}


    /* Form Component
    --------------------------------- */
    .form-component-wrapper {
		padding: 4rem 4rem;
}


    /* Student Stories 
    --------------------------------- */
    .two-third-callout-section.student-stories-callout .two-third-callout-col.callout-text {
        padding: /*2rem 3rem 2rem 0; */ 0 3rem 0 2rem;
}


    /* 3 Column Info Grid component
    --------------------------------- */          
    .cmu-info-grid .info-grid-col {
        width: calc(100% / 3 - 3rem);
} 
        
    .cmu-info-grid  .info-grid-col.info-grid-quick-lnks-col {
       width: calc(100% / 4 - 3rem);
}


    /* Two-third 2 Column component - homepage 
    --------------------------------- */
    /*.two-third-callout-section:not(.student-stories-callout) .two-third-callout-col.callout-text {
        padding: 2rem 3rem 2rem 0;
}*/

    .two-third-callout-section:not(.student-stories-callout) .two-third-callout-col.callout-text {
        align-self: center;
}

    .two-third-callout-section:not(.two-third-callout-reverse):not(.one-fourth-img) .two-third-callout-col:last-of-type {
        width: calc(40% - 1.5rem);
}
    
    .two-third-callout-section:not(.two-third-callout-reverse):not(.one-fourth-img) .two-third-callout-col:first-of-type {
        width: calc(60% - 1.5rem);
}

    .two-third-callout-section.two-third-callout-reverse:not(.one-fourth-img) .two-third-callout-col:first-of-type {
        width: calc(40% - 1.5rem);
}   
        
    .two-third-callout-section.two-third-callout-reverse:not(.one-fourth-img) .two-third-callout-col:last-of-type {
        width: calc(60% - 1.5rem);
}  

    .two-third-callout-section.one-fourth-img .two-third-callout-col.callout-text {
        width: calc(70% - 1.5rem);
}   

    .two-third-callout-section.one-fourth-img .two-third-callout-col:not(.callout-text) {
        width: calc(30% - 1.5rem);
} 
 

    /* 2 Column Video pop-up 
    --------------------------------- */
    #text .mw1320.contain_boxes.flex-block.video-popup-container .video-card-item, .mw1320.contain_boxes.flex-block.video-popup-container .video-card-item {
        width: calc(50% - 1.125rem) !important;
        min-width: calc(50% - 1.125rem);
        margin: 0 0 !important;  }    

        
     /* News and Events - homepage 
    --------------------------------- */       
    section.home-news-events-section .news-events-block > div.news-feat-col {
        width: calc(66.66% - 1rem);
        min-width: 60%;
}      
        
    section.home-news-events-section .news-events-block > div.events-feat-col {
        width: calc(33.33% - 1rem);
}  

    /* Two column News Banner */
    #text .page-img-banner .two-col-banner-container .two-col-banner-text-container, .page-img-banner .two-col-banner-container .two-col-banner-text-container {
        min-width: 450px;
}
        

    /* Slick Carousel - events, news
    --------------------------------- */  
    /*.slick-track .feat-event-item {
        width: 33% !important;
}  */   

    /* New text and sidebar component 
    --------------------------------- */
    .has-sidebar-container div#sidebar {
        width: calc(30% - 1.5rem);
        min-width: 350px;
}    


    /* Step by step component (Page: how to apply)
    --------------------------------- */
    .has-sidebar-container #text.main-content {
        max-width: 800px;
}

    ol.list-steps-item > li:not(:last-of-type) .steps-item-info {
        padding-bottom: 3.75rem;
}  
        

    /* Blockquote 
    --------------------------------- */
    blockquote .blockquote-wrapper {
        padding-left: 3.75rem;
}  
        

    /* Infographic banner 
    --------------------------------- */
    .info-banner-col.info-banner-col-1 {
        width: calc(100% - 4rem - 350px) }

    .info-banner-col.info-banner-col-2 {
        width: 350px;
}

    .has-sidebar-container div .infographic-banner .info-banner-col {
        width: 100%;
} 
        
    .has-sidebar-container div .infographic-banner .info-banner-col.info-banner-img {
        padding-top: 60%;
}

    /* Numbered list */
    ol.list-steps-item > li {
        padding-left: 70px;
}

    ol.list-steps-item > li:before {
        width: 30px;
        height: 30px;
        margin-left: -70px;
}

    ol.list-steps-item > li .steps-item-info {
        margin-left: -55px;
        padding-left: 55px;
}  


    /* Info banner with Icons 
    --------------------------------- */
    .info-banner-content {
        padding-right: 3rem;
}

    .infographic-banner-icons > .info-banner-content:not(:last-child) {
        border-right: 1px solid var(--green);
}

    /* Remove border on single items and every 3rd item in banner */
    .infographic-banner-icons > .info-banner-content:only-child, .infographic-banner-icons > .info-banner-content:nth-child(3) {
        border-right: none;
}
}
@media all and (max-width: 980px) {
    ol.list-steps-item > li {
        padding-left: 50px;
}

    ol.list-steps-item > li:before {
        width: 20px;
        height: 20px;
        margin-left: -50px;
}

    ol.list-steps-item > li .steps-item-info {
        margin-left: -40px;
        padding-left: 40px;
}  

    /* Global styles
    --------------------------------- */    
    .alt-video-banner-cta.video-banner-text.mw1320 {
        background: var(--green) !important;
}

    #text .alt-video-banner-cta.video-banner-text.mw1320, #content .alt-video-banner-cta.video-banner-text.mw1320, .alt-video-banner-cta.video-banner-text.mw1320 {
        position: relative;
        margin-top: -1rem;
}

    .news-feat-col div div .slick-track, .events-feat-col div div .slick-track {
        display: -webkit-box;  
        display: -ms-flexbox;  
        display: -webkit-flex;
        display: flex;
}  

    .cmu-info-grid {
        gap: 3rem;
}

    .text-2-col-wrapper.has-video-col, section.two-col-text-section {
        gap: 2rem;
} 
        
    #text section.home-news-events-section div .news-feat-col .news-items-container, .cmu-feat-events-wrapper .feat-events-block .feat-events, #text section .home-feat-events-container .feat-events, .cmu-feat-events-wrapper .home-feat-events-container .feat-events, .cmu-feat-events-wrapper .feat-events-block .feat-events, #text.main-content .feat-events {
        gap: 1.5rem;
}    

    section.home-news-events-section .news-events-block, .has-sidebar-container.mw1320 {
        flex-direction: column;
}  
        
    .student-stories-callout .two-third-callout-col, .text-2-col-wrapper.has-video-col > div, .has-sidebar-container div#sidebar, section.infographic-banner .info-banner-col {
        width: 100%;  } 

    .has-sidebar-container div#sidebar {
        max-width: 100%;
}    

    .text-block-900 {
        width: 94%;
} 
        
    .has-sidebar-container div#sidebar {
        padding: 0 0;
}   

    /*.has-sidebar-container #sidebar .student-story-box img, .has-sidebar-container #sidebar .content-card-img img {
        height: 100%;
}*/

    .has-sidebar-container #sidebar .student-story-box img, .has-sidebar-container #sidebar .content-card-img img {
        border-radius: 24px;
}
        

    /* 2 Column Video pop-up 
    --------------------------------- */
    #text .mw1320.contain_boxes.flex-block.video-popup-container .video-card-item, .mw1320.contain_boxes.flex-block.video-popup-container .video-card-item {
        width: 100% !important;
        min-width: 100%;
        margin: 0 0 0 0 !important;  } 


    /* Form Component
    --------------------------------- */
    .form-component-wrapper {
		padding: 2rem 2rem;
}


     /* Slick Carousel - news, events
    --------------------------------- */
    #text .events-feat-col .fullwidth-event-container.slick-initialized {
        gap: 0 !important;
}  

    .news-feat-col div div .slick-track, .events-feat-col div div .slick-track {
        margin-bottom: 10px;
}

    .news-items-container.slick-initialized.slick-slider .slick-list, .feat-events.slick-initialized.slick-slider .slick-list {
        margin: 0 -1rem;
}  

    .news-feat-col div div .slick-track .slick-slide, .events-feat-col div div .slick-track .slick-slide {
        margin: 0 1rem;
        box-sizing: border-box;
}    

    .news-feat-col div div .slick-track .news-item, .news-feat-col div div .slick-track .slick-slide, .events-feat-col div div .slick-track .feat-event-item, .events-feat-col div div .slick-track .slick-slide {
        height: inherit;
}

    .feat-events.slick-initialized.slick-slider .slick-list .slick-slide > div, 
    .news-items-container.slick-initialized.slick-slider .slick-list .slick-slide > div,
    #text .fullwidth-event-container.slick-initialized.slick-slider .slick-list .slick-slide div .event,
    #text .news-items-container.slick-initialized.slick-slider .slick-list .slick-slide div .news-item {
        height: 100%;
}       

   .home-feat-events-container .feat-events .slick-dots,
   .news-items-container.slick-initialized.slick-slider .slick-dots,
   .events-feat-col .feat-events.slick-slider .slick-dots ,
   .cmu-feat-events-wrapper div .feat-events ul.slick-dots {
        position: relative;
        top: 1rem;
        margin: 0 0 !important;
        text-align: center !important;
}

    .home-feat-events-container .feat-events .slick-dots li,
    .news-items-container.slick-initialized.slick-slider .slick-dots li,
    .events-feat-col .feat-events.slick-slider .slick-dots li,
    .cmu-feat-events-wrapper div .feat-events ul.slick-dots li {
        width: 30px;
        height: 30px;
}  

    .feat-events .slick-dots li button, .news-items-container .slick-dots li button,
    .cmu-feat-events-wrapper div .feat-events ul.slick-dots li button {
        width: 22px;
        height:22px; 
        border-radius: 50% 50%;
        margin-top: 0;
        margin-left: 0;
}    
        
    .home-feat-events-container .feat-events .slick-dots li button .slick-dot-icon,
    .news-items-container.slick-initialized.slick-slider .slick-dots li button .slick-dot-icon,
    .events-feat-col .feat-events.slick-slider .slick-dots li button .slick-dot-icon,
    .cmu-feat-events-wrapper div .feat-events ul.slick-dots li button .slick-dot-icon {
        opacity: 1;
}

    .home-feat-events-container .feat-events .slick-dots li button .slick-dot-icon:before,
    .news-items-container.slick-initialized.slick-slider .slick-dots li button .slick-dot-icon:before,
    .events-feat-col .feat-events.slick-slider .slick-dots li button .slick-dot-icon:before,
    .cmu-feat-events-wrapper div .feat-events ul.slick-dots li button .slick-dot-icon:before {
        font-size: 20px;
        opacity: 1;
        border-radius: 50% 50%;
        border: 1px solid var(--orange);
}
  
    .home-feat-events-container .feat-events .slick-dots li:not(.slick-active) button .slick-dot-icon:before,
    .news-items-container.slick-initialized.slick-slider .slick-dots li:not(.slick-active) button .slick-dot-icon:before,
    .events-feat-col .feat-events.slick-slider .slick-dots li:not(.slick-active) button .slick-dot-icon:before,
    .cmu-feat-events-wrapper div .feat-events ul.slick-dots li:not(.slick-active) button .slick-dot-icon:before {
        color: var(--white);
        background-color: var(--white);
}

    .home-feat-events-container .feat-events .slick-dots li.slick-active button .slick-dot-icon:before,
    .news-items-container.slick-initialized.slick-slider .slick-dots li.slick-active button .slick-dot-icon:before,
    .events-feat-col .feat-events.slick-slider .slick-dots li.slick-active button .slick-dot-icon:before,
    .cmu-feat-events-wrapper div .feat-events ul.slick-dots li.slick-active button .slick-dot-icon:before  {
        color: var(--orange);
        background-color: var(--orange);
        margin-top: 0 !important;
        margin-left: 0 !important;
}     
        
        
     /* List steps component
    --------------------------------- */       
    ol.list-steps-item > li:not(:last-of-type) .steps-item-info {
        padding-bottom: 3rem;
} 
      

    /* Sidebar - submenu
    --------------------------------- */            
    .has-sidebar-container div#sidebar .student-story-text p.student-name {
        padding-top: 2rem;
}  

    /* Sidebar - video component */
    .has-sidebar-container #sidebar .video-card-item div .play-icon-container a {
        background-size: 100px 100px !important;
}      
        

    /* Blockquote
    --------------------------------- */  
    blockquote .blockquote-wrapper {
        padding-left: 2.25rem;
}   

      
    /* Info Banner With Icons
    --------------------------------- */       
    .info-banner-content:not(:last-child), .infographic-banner-icons > .info-banner-content:nth-child(2):not(:last-child) {
        padding-bottom: 3rem;
        border-bottom: 1px solid var(--green);
}

    /* Remove border on single items and every 3rd item in banner */
    .infographic-banner-icons > .info-banner-content:only-child, .infographic-banner-icons > .info-banner-content:nth-child(3) {
        border-bottom: none;
}
}
@media all and (max-width: 980px) and (min-width: 768px) {
    /* Fonts
    --------------------------------- */    
    #content .brand-banner.mw1320 .brand-banner-content p, #content .page-img-banner-text h1 span {
        font-size: 1.25rem;
        line-height: 1.75rem;
}  

    #content .page-img-banner-text h1, #text .video-banner-text .mw1280 h1, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-title, .two-col-banner-container .two-col-banner-text-container .banner-title, #text .video-banner-text.mw1320 .mw1280 h1 {
        font-size: 3rem;
        line-height: 3.5rem;
}    
    
    #content .brand-banner.mw1320 .brand-banner-content .large-text, .info-banner-col .large-text {
        font-size: 3.875rem;
        line-height: 4.125rem;
} 

    /* Global styles
    ---------------------------------*/
    .inner-toggle-item ul.grid-col-3:has(:nth-child(6)) {
        column-count: 2;
}

    .has-sidebar-container #sidebar .student-story-box,
    .has-sidebar-container #sidebar .content-card .content-card-tile-link {
        display: -webkit-box;  
        display: -ms-flexbox;  
        display: -webkit-flex;
        display: flex;
}   
        
    #text section.home-news-events-section div .news-feat-col .news-items-container .news-item {
        align-items: center ;
} 

    .two-third-callout-section, #text .mw1320.contain_boxes.flex-block.video-popup-container, .mw1320.flex-block.video-popup-container, .mw1320.contain_boxes.flex-block.video-popup-container, .text-2-col-wrapper:not(.has-video-col), .has-sidebar-container #sidebar .student-story-box, .two-third-callout-section.student-stories-callout, .two-third-callout-section.two-third-callout-reverse, .two-third-callout-section.student-stories-callout, .two-third-callout-section.two-third-callout-reverse,   .has-sidebar-container #sidebar .content-card .content-card-tile-link, section.infographic-banner {
        gap: 3rem;
}  

    .has-sidebar-container #sidebar .student-story-box, 
    .has-sidebar-container #sidebar .content-card .content-card-tile-link {
        padding: 3rem 3rem; /* match full-width student story component found on homepage */ }   
        
    .has-sidebar-container div#sidebar {
        margin-top: 5.625rem;
}   


    /* Top page - image banner 
    ---------------------------------*/
    .page-img-banner-text {
        padding: 1.5rem 2rem;
}  

    section.page-img-banner.cream-bg {
        padding-bottom: 2rem;
}


    /* Home page 2 column text block component 
    --------------------------------- */ 
    .text-2-col-wrapper:not(.has-video-col):not(.reverse-text-2-col-wrapper) > div.col-1, .has-sidebar-container #sidebar .student-story-box img,
    .text-2-col-wrapper.reverse-text-2-col-wrapper > div.col-2, .has-sidebar-container #sidebar .content-card .content-card-tile-link .content-card-img {
        width: calc(40% - 1.5rem);
}

    .text-2-col-wrapper:not(.has-video-col):not(.reverse-text-2-col-wrapper) > div.col-2, .has-sidebar-container #sidebar .student-story-box .student-story-text,
    .text-2-col-wrapper.reverse-text-2-col-wrapper > div.col-1, .has-sidebar-container #sidebar .content-card .content-card-tile-link .content-card-content {
        width: calc(60% - 1.5rem);
} 
        

    /* 3 Column Info Grid component
    --------------------------------- */          
    .cmu-info-grid .info-grid-col {
        width: calc(100% / 2 - 3rem);
} 
        
    #text .info-grid-col.info-grid-quick-lnks-col ul, .info-grid-col.info-grid-quick-lnks-col ul, .has-sidebar-container #sidebar div ul.sidebar-quick-links  {
        width: 100%;
        display: -ms-grid;
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr;
} 
        
    #text .info-grid-col.info-grid-quick-lnks-col ul li, .info-grid-col.info-grid-quick-lnks-col ul {
        margin: 0 0;
}  
        

    /* Two-third 2 Column component - homepage 
    --------------------------------- */
    .two-third-callout-section .two-third-calout-col {
        width: calc(50% - 1.5rem);
}
    

    /* Student Stories 
    --------------------------------- */
    .has-sidebar-container #sidebar .student-story-box img {
        margin-bottom: 0;
}


    /* Homepage - News articles 
    --------------------------------- */
    .news-item {
        display: -webkit-box !important;  
        display: -ms-flexbox !important;  
        display: -webkit-flex !important;
        display: flex !important;
        gap: 2rem;
}  
        
    .news-item > div.photo, .news-item div.news-text {
        width: calc(100% / 2 - 1rem);
} 
        
    .news-events-block .events-feat-col {
        padding-top: 5rem;
}  
        
    /* Nav tile cards 
    --------------------------------- */
    .navigational-tile a .nav-tile-img, .navigational-tile .static-nav-tile-item .nav-tile-img {
        width: 33.33%;
}

    .navigational-tile a .nav-tile-content, .navigational-tile .static-nav-tile-item .nav-tile-content {
        width: 66.66%;
}
}
@media all and (min-width: 768px) {
    /*Fonts 
    --------------------------------- */
    #text section.cmu-info-section h2.section-title, #text .mw1320 h2.section-title, .mw1320 h2.section-title, .cmu-info-section h2.section-title {
        font-size: 4rem;
        line-height: 4.5rem;
        margin-bottom: 2.25rem;
} 

    /* Flame graphic background */
    .full-width-container.cream-bg.flame-bg {
        background-position: calc(0% - 180px) calc(100% + 2vw);
        background-size: 76vw;
}

    .navigational-tile a .nav-tile-content, .navigational-tile a.nav-tile-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
}

    .navigational-tile a .nav-tile-content {
        flex-direction: column;
}

    .navigational-tile a .nav-tile-content {
        flex-grow: 1;
}

    .navigational-tile a .nav-tile-content .arrow-cta-button {
        margin-top: auto;
}

    .navigational-tile a .nav-tile-content .arrow-cta-button svg {
        margin-top: 1.5rem;
}

    /* Global styles
    --------------------------------- */  
    .navigational-tile a .nav-tile-content .arrow-cta-button svg, .text-link span svg {
        overflow: visible;
}

    #content .has-sidebar-container #text.main-content .spacer-block.desktop-spacer-block-small, .spacer-block.desktop-spacer-block-small {
        height: 3rem;
}

    #text.main-content div.spacer-block, #text #text.main-content, .page-cmu #text .spacer-block, #content .spacer-block:not(.desktop-spacer-block-large):not(.desktop-spacer-block-small), section .inner-spacer-block {
        height: 5.625rem;
}

    /*div.spacer-block.desktop-spacer-block-large, .page-cmu #text .spacer-block.desktop-spacer-block-large {
        height: 7.5rem;
}    */

    .grid-3-section {
        display: -ms-grid;
        display: grid;
}  
        
    #text section.home-news-events-section div .news-feat-col .news-items-container .news-item, p.video-card-title, .navigational-tile-horizontal.navigational-tile .nav-tile-link, .navigational-tile:first-child:last-child {
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: -webkit-flex; 
        display: flex;
}

    p.video-card-title, .navigational-tile-horizontal.navigational-tile .nav-tile-link, section.infographic-banner {
        flex-wrap: wrap;
}
            
    /* #text section.home-news-events-section div .news-feat-col .news-items-container .news-item {
        align-items: center ;
} */

    #text section.home-news-events-section div .news-feat-col .news-items-container .news-item .news-text {
        align-self: center;
}   

    p.video-card-title  {
        justify-content: space-between;
}  

    #text section.home-news-events-section div .news-feat-col .news-items-container .news-item, section.navigational-tile:not(.navigational-tile-horizontal):not(.mw1320) {
        gap: 1.5rem;
}

    .cta-banner-buttons-row, .grid-3-section, .inner-toggle-item ul.grid-3-col {
        gap: 2rem;
}  
        
    div#text .text-2-col-wrapper div img, .text-2-col-wrapper div img, div#text div.two-third-callout-col img, div.two-third-callout-col img {
        width: 100%;
} 

    #text .page-img-banner .two-col-banner-container .two-col-banner-text-container { 
        padding: 5.625rem 4.375rem;
}

    section.infographic-banner, section.infographic-banner-icons {
        padding: 3.75rem 3.75rem;
}
        
    .two-third-callout-section, .full-callout-section {
        padding: 3rem 3rem;
} 
        
    ol.list-steps-item > li .steps-item-info .message-banner, .message-banner {
        padding: 2.25rem 2.25rem;
}   
        
    .two-col-component .two-col-comp-col img {
        margin-bottom: 2.5rem;
}

    .grid-3-section.mw1150, section.cmu-info-section .mw1150 {
        max-width: 1150px;
        margin: 0 auto;
}    

    .full-text-block-wrapper.mw1320.mw768 {
        max-width: 768px;
}
        

    /* Top page banner 
    --------------------------------- */
    .page-img-banner-container, .page-img-banner .two-col-banner-container {
        min-height:  /*500px*/ 450px;
} 
     
    section.page-img-banner.cream-bg {
        padding-bottom: 2.625rem }


    /* Brand banner component 
    --------------------------------- */  
    .brand-banner.mw1320.radius-med {
        padding: 6rem 3rem;
}

    .brand-banner.mw1320.radius-med .brand-banner-content {
        max-width: 60%; 
        min-width: 768px;
        margin: 0 auto;
}  
   

    /* Home page 2 column text block component 
    --------------------------------- */         
    .text-2-col-wrapper {
        flex-wrap: wrap;
} 
        

    /* New CTA Banner 
    --------------------------------- */
    .cta-banner-content {
        padding: 6rem 4rem;
}


    /* Student Stories 
     --------------------------------- */
    .two-third-callout-section.student-stories-callout:not(.two-third-callout-reverse) .two-third-callout-col:last-of-type {
        width: calc(40% - 2rem);
}
    
    .two-third-callout-section.student-stories-callout:not(.two-third-callout-reverse) .two-third-callout-col:first-of-type {
        width: calc(60% - 2rem);
}

    .two-third-callout-section.student-stories-callout.two-third-callout-reverse .two-third-callout-col:first-of-type {
        width: calc(40% - 2rem);
}   
        
    .two-third-callout-section.student-stories-callout.two-third-callout-reverse .two-third-callout-col:last-of-type {
        width: calc(60% - 2rem);
}  


    /* 3 column grid component 
    --------------------------------- */              
    .grid-3-section {
        grid-template-columns: 1fr 1fr 1fr;
}

    .grid-3-section > .grid-3-item {
        position: relative;
        overflow: hidden;
        padding-left: 2rem;
}  

    .grid-3-section > .grid-3-item:first-child{
        padding-left: 0;
}

    .grid-3-section > .grid-3-item:first-child:after {
        content: none;
}

    .grid-3-section > .grid-3-item:after {
        content: "";
        width: 1px;
        height:100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--line-grey);
}  


    /* Home - Featured Events 
    --------------------------------- */
    #text section .home-feat-events-container .feat-events,  .cmu-feat-events-wrapper .home-feat-events-container .feat-events,
   .cmu-feat-events-wrapper .feat-events-block .feat-events, #text.main-content .feat-events {
        padding: 0 0;
        justify-content: space-between !important;
}

   .feat-event-item {
        box-sizing: border-box;
}   
        
    #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo img, #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo p iframe,  #text .feat-event-item .feat-photo img, .feat-event-item .feat-photo img {
        aspect-ratio: 4 / 3;
        -o-object-fit: cover;
        object-fit: cover;
}

    #text .cmu-feat-posts-wrapper-alt .feat-event-item:first-of-type .feat-photo img, .cmu-feat-posts-wrapper-alt .feat-event-item:first-of-type .feat-photo img {
        aspect-ratio: 3/2;
}


     /* Navigational Tile 
    --------------------------------- */         
    .navigational-tile-horizontal.navigational-tile a .nav-tile-img,
     .navigational-tile .nav-tile-link:first-child:last-child .nav-tile-img {
        width: 33.33%;
}

    .navigational-tile-horizontal.navigational-tile a .nav-tile-content,
    .navigational-tile .nav-tile-link:first-child:last-child .nav-tile-content {
        width: 66.66%;
}      
        
    
    /* Infographic banner
    --------------------------------- */
    .info-banner-col .info-banner-content:not(:last-of-type) {
        padding-bottom: 2.25rem;
        margin-bottom: 2.25rem;
}

    .inner-toggle-item {
        padding: 1.5rem 0 0 0;
} 
        
    .inner-toggle-item.add-padding {
        padding-bottom: 3rem;
}
}
@media all and (max-width: 767px) {
     /* Fonts
    --------------------------------- */ 
    #content .brand-banner.mw1320 .brand-banner-content {
        margin: 0 auto;
        max-width: 400px;
}

    #text section.cmu-info-section h2.section-title, .cmu-info-section h2.section-title, #text .mw1320 h2.section-title, .cta-banner-text-row h2.section-title, .mw1320 h2.section-title {
        font-size: 3rem;
        line-height: 3.375rem; 
        margin-bottom: 2.25rem;
}        

   #text .video-banner-text .mw1280 h1, #content .brand-banner.mw1320 .brand-banner-content .large-text, #content .page-img-banner-text h1, .info-banner-col .large-text, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container .banner-title, .two-col-banner-container .two-col-banner-text-container .banner-title, #text .video-banner-text.mw1320 .mw1280 h1 {
        font-size: 2.25rem;
        line-height: 2.313rem;
}    

     #content .brand-banner.mw1320 .brand-banner-content p, #content .page-img-banner-text h1 span {
        font-size: 1.125rem;
        line-height: 1.5rem;
} 


    /* Global styles
    --------------------------------- */
    .mw1320, #text .mw1320.contain_boxes.flex-block.video-popup-container, .mw1320.video-popup-container {
        width: 90vw !important;
}

    .inner-toggle-item {
        overflow: hidden;
}

    p.video-card-title span.video-duration {
        display: block;
}

    .spacer-block.mobile-spacer-block, section .inner-spacer-block {
        height: 2.25rem;
}   
        
    .spacer-block.mobile-spacer-block-large {
        height: 3rem;
}

    .cta-banner-buttons-row {
        flex-direction: row;
}

    .navigational-tile .nav-tile-link, section.infographic-banner {
        flex-direction: column;
}

    .two-third-callout-section:not(.student-stories-callout) {
        gap: 3rem !important;
}    

    .mw1320.flex-block.video-popup-container, #text .mw1320.contain_boxes.flex-block.video-popup-container {
        gap: 2.25rem !important;
}  

    .cta-banner-buttons-row, .text-2-col-wrapper, section.infographic-banner {
        gap: 1.5rem;
} 

    .two-third-callout-section.two-third-callout-reverse {
        gap: 1rem;
}    
        
    .two-third-callout-section.student-stories-callout {
        gap: 0;
}

    .two-third-callout-section.student-stories-callout div .study-story-img-container img {
        margin-bottom: 2.25rem;
}       
        
    .news-events-block .events-feat-col {
        padding-top: 3rem;
}  
        
    .page-img-banner-text {
        padding: 1rem 1rem;
}

    .inner-toggle-item {
        padding: 1.5rem 0 0 0;
} 
        
    .inner-toggle-item.add-padding {
        padding-bottom: 1.5rem;
}

    section.infographic-banner-icons {
        padding: 2.5rem 2.5rem;
}
    
    .two-third-callout-section, .full-callout-section, ol.list-steps-item > li .steps-item-info .message-banner, .message-banner, .has-sidebar-container #sidebar .student-story-box,
    .info-grid-col.info-grid-quick-lnks-col, .has-sidebar-container #sidebar div.sidebar-quick-links-container, section.infographic-banner.green-bg, section.infographic-banner.cream-bg,
    .two-col-banner-text-container, #text .page-img-banner .two-col-banner-container .two-col-banner-text-container {
        padding: 2.25rem 1.5rem;
} 

    #text .grid-3-item p:last-of-type, .grid-3-item p:last-of-type {
        margin: 0 0 1.825rem;
}   

    #text .grid-3-item:not(:last-of-type), .grid-3-item:not(:last-of-type), .info-banner-col .info-banner-content:not(:last-of-type) {
        margin-bottom: 1.825rem;
} 
        
    .two-col-component .two-col-comp-col img {
        margin-bottom: 1.5rem;
}


    /* Table 
    --------------------------------- */
    .table-component-wrapper::-webkit-scrollbar {
        height: 6px; 
	    width: 6px;
}

    .table-component-wrapper::-webkit-scrollbar-track {
        background-color: var(--line-grey);
}

    .table-component-wrapper {
	    overflow-x: scroll;
}

    table.table-component tbody tr th,.table-headers th, table.table-component tbody tr td {
        min-width: 100px;
}

        
    /* Infographic banner
    --------------------------------- */
    .info-banner-col .info-banner-content:not(:last-of-type) {
        padding-bottom:1.825rem;
}


    /* Top page banner
    --------------------------------- */
    section.page-img-banner.cream-bg {
        padding-bottom: 1.5rem;
}

    .page-img-banner-container {
        padding-top: 35%;
        min-height:  300px;
}     


    /* 3 Column Info Grid component
    --------------------------------- */          
    .cmu-info-grid .info-grid-col {
        width: 100%;
}     


     /* Flame graphic background on homepage 
    --------------------------------- */   
    .full-width-container.cream-bg.flame-bg {
        background-position: calc(0% - 40px) calc(100% + 2vw);
        background-size: 100%;
}    
       
        
     /* Brand banner component 
    --------------------------------- */   
    .brand-banner.mw1320.radius-med {
        padding: 4rem 2rem;
}   
    
    .brand-banner:before, .brand-banner:after {
        width: 50%;
        height: 3rem;
} 


    /* Home page 2 column text block component 
    --------------------------------- */         
    .text-2-col-wrapper {        
        flex-direction: column;
}

    .grid-3-item:not(:last-of-type) {
        border-bottom: 1px solid var(--line-grey);
        margin-bottom: 1rem;
}  

    .text-2-col-wrapper.reverse-text-2-col-wrapper .col-2 {
        order: 1;
}
            
    .text-2-col-wrapper.reverse-text-2-col-wrapper .col-1 {
        order: 2;
}


    /* Homepage - Videos
    --------------------------------- */    
    /*#text .mw1320 .video-card-item:not(:last-of-type) p.video-card-title, .mw1320.video-popup-container .video-card-item:not(:last-of-type) p.video-card-title */
    #text .mw1320 .video-card-item p.video-card-title, .mw1320.video-popup-container .video-card-item p.video-card-title{
        margin-bottom: 0;
}    
      
        
    /* New CTA Banner 
    --------------------------------- */       
    .cta-banner-section > div.mw1320:before, .cta-banner-section > div.mw1320:after {
        width: 50%;
} 

    .cta-banner-content {
        padding: 4rem 4rem;
} 
        

    /* News and Events - homepage
    --------------------------------- */    
    #text .mw1320.cmu-featured-news-home > h3, section.home-news-events-section .news-events-block .news-feat-col > h3, #text section.home-news-events-section div .events-feat-col > h3, .has-sidebar-container #sidebar .content-card .content-card-content h2 {
        margin-bottom: 1rem;
} 

    #text section.home-news-events-section div .news-feat-col .news-items-container .news-item .news-text {
        margin-top: 1rem;
}      
        
    #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo, #text .feat-event-item .feat-photo,  .feat-event-item .feat-photo {
        position: relative;
        display: inline-block;
        padding-top: 56% !important;
        width: 100%;
}   
            
    #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo img,
    #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo p,
    #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo p iframe,
    #text .feat-event-item .feat-photo img, .feat-event-item .feat-photo img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100% !important;
        width: 100% !important;
        margin: 0 0 !important;
}  
                  
    #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo img,
    #text section.home-news-events-section .news-events-block > div.news-feat-col .news-item .photo p iframe,
    #text .feat-event-item .feat-photo img, .feat-event-item .feat-photo img {
        -o-object-fit: cover;
        object-fit: cover;
        object-position: center;
}
        
    /* Sidebar - submenu
    --------------------------------- */    
    .has-sidebar-container div#sidebar {
        margin-top: 3rem;
}     
}
@media all and (max-width: 680px) {
    /*#text .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper, .alt-video-banner-cta.video-banner-text.mw1320 div .alt-video-text-wrapper {
        width: calc(100% - 1rem - 35px);
}*/

    .navigational-tile-button .nav-tile-button-item {
        width: 100%;
}

    .cta-banner-content { 
        padding: 4rem 2rem;
}

    #text .mw1320.video-popup-container div.colourbox .mask {
        padding: 0 0;
}  
          
    div#text.full .mw1320 .video-card-item .colourbox.flow .mask a.block, .mw1320.video-popup-container .video-card-item .flow .mask a.block, .text-2-col-wrapper div .video-card-item .flow .mask a, .has-sidebar-container #sidebar .video-card-item div .play-icon-container a {
        background-size: 48px 48px !important;
}  


    /* Heading spacing 
    --------------------------------- */
    #text .mw1320 .video-card-item p.video-card-title, .mw1320.video-popup-container .video-card-item p.video-card-title, .text-2-col-wrapper div .video-card-item p.video-card-title {
        padding-top: 0.563rem;
        margin-top: 0;
}


    /* Global button style 
    --------------------------------- */
    .cta-banner-buttons-row a, a.secondary-button-orange, .form-component-wrapper .form-component .submit-button {
        width: 100%;
        display: inline-block;
        text-align: center;
} 

    .video-banner-text.mask.mw1320:not(.alt-video-banner-cta) {
        padding: 0 1rem 1rem 1rem;
}

    .video-banner-text.mask.mw1320.alt-video-banner-cta {
        padding: 1rem 1rem;
}

    .page-cmu div.video-banner-text.mask.mw1320 a.block {
        height: 35px;
        min-width: 35px;
        max-width: 35px;
        background-size: 35px 35px;
        background-position: bottom right !important;
} 
        
    .spacer-block.mobile-spacer-block {
        height: 2.25rem;
}

    .has-sidebar-container #sidebar ul li a {
        text-align: left;
}
        

    /* List step by step component
    --------------------------------- */
    ol.list-steps-item > li {
        padding-left: 35px;
} 
        
    ol.list-steps-item > li:before {
        margin-left: -35px;
}

    ol.list-steps-item > li .steps-item-info {
        margin-left: -25px;
        padding-left: 25px;
}  


    /* Blockquote
    --------------------------------- */  
    blockquote .blockquote-wrapper {
        padding-left: 3%;
}  
}