/* OCB modal fixes 20221018 eh */

#ocb .modal {    overflow-x: hidden;    }

#ocb  h3, h4 {   color: #222;    }

#ocb .modal ul {    list-style-type: none;    }

#ocb .modal .section {   padding: 0;   }

#ocb .modal .csu-grey-section h3,
#ocb .modal .csu-grey-section h4 {
    padding: 20px;
    margin-top: 0;
    margin-bottom: 0;
    /* ee */
    color: #fff;
}
#ocb .modal .csu-grey-section .section {
    padding-top: 0;
    padding-bottom: 0;
}

#ocb .modal .modal-close {    
    margin-top: 20px;  
    transition: all .2s ease-in-out;
}
#ocb .modal .modal-close:hover {
    transform: scale(1.1);
}
#ocb .modal .section:nth-child(2) {
    padding: 20px;
}


/* cohort switch new 2021 eh */

.topNav2.mobile-only {
    position: relative;
}
.topNav2.mobile-only button.cohortTrigger {
    box-shadow: none;
    padding: 0;
    background-image: url('https://cdn.csu.edu.au/__data/assets/image/0008/3759281/btn_cohort_sp.png');
    background-repeat: no-repeat;
    background-position: center right;
    background-position: 0px 0;
    background-color: transparent !important;
    background-size: cover;
    position: relative;
    top: 10px;
    left: 10px;

}

.topNav2.mobile-only button.cohortTrigger.active {     background-position: 0 -75px;   }

.topNav2.mobile-only .cohort-info-holder {
    display: none;
    position: absolute;
    width: 92%;
    z-index: 9999;
    margin: 0px auto;
    left: 2%;
    top: 54px;
    right: 2%;
    background: #fff;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.29);
}

#main-nav .cohort-info-holder {
     position: absolute;
     left: 20px;
     top: 43px;
     z-index: 999;
     transition: all .2s ease-in-out;
     height: 0px;
     overflow: hidden;
}

.mobile-only .cohort-info-holder {    display: block;    }
.mobile-only .cohort-info-holder.hidden {    display: none;    }




/* mods to accomodate cohort picker */
#main-nav ul.main-nav-wrap > li.cohortTrigger {    
    display: flex;
    justify-content: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    align-items: center;
} 
#main-nav ul.main-nav-wrap > li.cohortTrigger a {    
    height: fit-content;
    margin-bottom: 4px;
}
#main-nav ul.main-nav-wrap > li.cohortTrigger > a:hover,
#main-nav ul.main-nav-wrap > li.cohortTrigger > a:focus {    margin-bottom: 3px;    }

/* end mods */





#main-nav .cohort-info {
    width: 420px;
    text-align: left;
    position: relative;
    background: #fff;
    box-shadow: 0 10px 8px rgb(0 0 0 / 32%);
}

.topNav2.mobile-only .cohort-info-holder .heading,
#main-nav .cohort-info .heading {
    padding: 15px 20px;
    background: #F7F5F2;
}
.topNav2.mobile-only .cohort-info-holder .heading p,
#main-nav .cohort-info .heading p {    margin: 0; font-size: 14px;    }

.topNav2.mobile-only .cohort-info-holder .heading h3,
#main-nav .cohort-info .heading h3 {
   font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin: 0;
}

.topNav2.mobile-only .cohort-info-holder .heading +div,
#main-nav .cohort-info .heading + div {    padding: 20px;    }

.topNav2.mobile-only .cohort-info-holder .heading + div ul,
#main-nav .cohort-info .heading + div ul {    padding-bottom: 0;  }

.topNav2.mobile-only .cohort-info-holder .heading + div li,
#main-nav .cohort-info .heading + div li {    
    font-size: 14px; 
    padding: 0;
    margin: 0 0 0 10px; 
    line-height: 20px !important;
    display: list-item;
    list-style-type: initial; 
}

.topNav2.mobile-only .cohort-info-holder .heading + div .button,
#main-nav .cohort-info .heading + div .button {
    font-size: 16px !important;
    color: #DA3D0F;
    text-decoration: underline !important;
    padding-right: 0;
    outline: none;
    font-weight: 400;
    width: 100%;
}
.topNav2.mobile-only .cohort-info-holder .heading + div .button:after,
#main-nav .cohort-info .heading + div .button:after {   
    text-decoration: none !important;
    /*right: 0.25em; */
    position: relative;
    top: 6px;
    left: 12px;

}

.topNav2.mobile-only .cohort-info-holder .heading + div .button:after {    /*right: 1.5em; */   }

#main-nav .cohort-info .heading + div .button:focus,
#main-nav .cohort-info .heading + div .button:hover {    
    border-bottom: 1px solid transparent !important; 
    text-decoration: none !important;    
}

.topNav2.mobile-only .cohort-info-holder .heading + div p:nth-of-type(n-1),
#main-nav .cohort-info .heading + div p:nth-of-type(n-1) {    margin-bottom: 10px;    }

#main-nav ul.main-nav-wrap > li.cohortTrigger {    padding-right: 1%;    }

#main-nav ul.main-nav-wrap > li.cohortTrigger i {
    outline: none;
    display: inline-block;
    margin-right: 3.5%;
    text-indent: -9999px;
}
/*#main-nav ul.main-nav-wrap > li.mega-site-name.cohortTrigger > a::after {*/

#main-nav ul.main-nav-wrap > li.cohortTrigger i {
    display: inline-block;
    content: ' ';
    width: 24px;
    height: 24px;
    padding: 0 20px;
    background-image: url('https://cdn.csu.edu.au/__data/assets/image/0008/3759281/btn_cohort_sp.png');
    background-repeat: no-repeat;
    background-position: 16px 0;
}

.topNav2.mobile-only button.cohortTrigger:active {    background-position: 0 -75px;    }

#main-nav ul.main-nav-wrap > li.cohortTrigger a:focus + i,
#main-nav ul.main-nav-wrap > li.cohortTrigger:hover i,
#main-nav ul.main-nav-wrap > li.cohortTrigger:focus i {    background-position: 16px -50px;    }

#main-nav ul.main-nav-wrap > li.cohortTrigger .cohort-info-holder.active,
#main-nav ul.main-nav-wrap > li.cohortTrigger a:focus + i + .cohort-info-holder,
#main-nav ul.main-nav-wrap > li.cohortTrigger:hover .cohort-info-holder,
#main-nav ul.main-nav-wrap > li.cohortTrigger:focus .cohort-info-holder {    
    height: auto;
    box-shadow: 0 10px 8px rgb(0 0 0 / 32%);
}

#main-nav ul.main-nav-wrap > li:nth-child(2) {   margin-left: 1.5%;    }

#main-nav ul.main-nav-wrap > li:nth-child(2)::before {
        border-left: 1px solid #B3B0AB;
        content: ' ';
        position: relative;
        left: -20px;
}

#main-nav ul.main-nav-wrap > li.mega-site-name a:focus {        
    border-bottom: 0 !important;
    text-decoration: underline !important;
}




/* Current Students > AskCSU search bar */
section#content_container_3326380 {
    background-color: #5278B9 !important;
    background-image: url(https://cdn.csu.edu.au/__data/assets/image/0014/3420023/blue-askcsu.jpg) !important;
}
section#content_container_3326380 div.list-correct h2 {
    color: white !important;
}

/* RHS MENU */
#chatButton {
    z-index: 1 !important;
}

#chatButton .collapsible {
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.29)
}

#chatButton *> span.text {
    display: block !important;
}

/*FIND YOUR COURSE BAR*/
#study-courses-search {
    background-color: #D1C3B0; /*new med-brown swatch*/
    
}

#explore-courses #study-courses-search {
        padding: 10px 10px 5px 10px;
    }

@media screen and (max-width: 600px) {
    #study-courses-search {
        padding: 10px;
    }
    
    .button.ctaButton {
        width: 80%;
    }
}
    
#study-courses-search h2 {
    font-size: 20px;
    margin: 8px 0 !important;
}

#study-courses-search #ocbsearch {
    border-radius: 0 !important;
}

#study-courses-search #calp-browse {
    -webkit-appearance: menulist;
    height:60px;
}


/*KEY SELL CARDS*/
#sellCard .row.center {
    margin: 0 3.25rem 20px;
}

#sellCard p {
    padding-bottom: 0;
}

#sellCard h4 {
    margin-top: 0;
}

/*BROWN BUTTONS*/
a.brownButton.button {
    width: 100% !important;
    background-color: #C7B8A0;
    border: 1px solid #C7B8A0 !important;
    height: 70px !important;
    color: #000;
    text-align: left !important;
    padding: 25px 20px !important;
    font-size: 17px !important;
    z-index: 1 !important;
}

a.brownButton.button:hover, 
a.brownButton.button:focus {
    /*background-color: #EEE9E2 !important;*/
    border: 1px solid #DA3D0F !important;
}

a.brownButton.button::after {
    font-family: "csu-icons-2019";
    font-style: normal;
    font-weight: normal;
    speak: none;
    --webkit-font-smoothing: antialiased;
    -o-transform: scale(1);
    text-rendering: optimizeLegibility;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin: 0 3px;
    content: '\e90c' !important;
    color: #000 !important;
    font-size: 25px !important;
    line-height: 12px !important;
    position: absolute;
    right: 0.25em;
    padding-top: 4px;
}

/*INSIGHT CARDS & FEATURE COURSES*/
section.csu-more-section.alt-light {
    background-color: #F9F8F6;
}

#insight i.icon-icon-social-insight {
    font-size: 50px;
    font-weight: normal !important;
    position: relative;
    bottom: -10px;
    left: -10px;
}

.news-card .card-image img,
#featured-courses .news-card img {
    width: 100%;
    height: auto;
}

#featured-courses .news-card img {
    position: relative;
    /*top: -20px;*/
}

.news-card h4 i {
    color: inherit !important;
    font-family: 'Basis Grotesque Regular', sans-serif !important;
}

.news-card i.material-icons {
    font-family: 'Material Icons' !important;
    font-size: 16px !important;
}

#featured-courses .news-card {
    display: flex;
    /*height: 150px;*/
    padding-bottom: 0;
    flex-direction: column;
}

div.card.news-card, 
#featured-courses .news-card .card-content,
#featured-courses .news-card .col.s8 {    background: #222944 !important;    }

#featured-courses .news-card * {    color: #fff !important;    }

@media only screen and (min-width: 993px) {
    #featured-courses .news-card {
        flex-direction: row;
    }
    #featured-courses .card-image {    max-width: 33%;    }
    #featured-courses .card-image  img {    height: 100%;    }
}

div.card.news-card:hover {    background: #222944 !important;    }

div.card.news-card:hover h4 {    text-decoration: underline;    }

#featured-courses .card-content {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

#insight h2 {
    margin-bottom: 3px;
    color: #222;
}

/* Styles below removed by Alex on 24/09/20 after Erwin's spacing changes */

/* #insight .intro-blurb, #insight .intro-blurb p, #insight  p.intro-blurb {
    margin-bottom: 3px;
} */

#insight .row.match-card.height {
    margin-bottom: 0;
}

#insight p.right {
    font-size: 13px;
    margin-right: 12px;
}

#insight p.right a {
    color: #000;
    font-size: 15px;
}

#insight p.right a::after {
    font-family: "csu-icons-2019";
    font-style: normal;
    font-weight: normal;
    speak: none;
    --webkit-font-smoothing: antialiased;
    -o-transform: scale(1);
    text-rendering: optimizeLegibility;
    display: inline-block;
    text-decoration: none;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin: 0 3px;
    content: '\e90c' !important;
    /*color: #000 !important;*/
    font-size: 25px !important;
    line-height: 12px !important;
    /*position: absolute;*/
    /*right: 0.25em;*/
    padding-top: 4px;
}

#insight p.right a:hover::after, 
#insight p.right a:focus::after {
    text-decoration: underline;
}

#featured-courses .news-card .col.s4 {
    padding-right: 0 !important;
    /*height : 143px;*/
    flex-direction: column;
    overflow: hidden;
}

#featured-courses .news-card .col.s8 {
    padding: 1rem 2rem 1rem;
    margin-bottom: 7px;
    position: relative;
    flex-direction: column;
}

#featured-courses h4 {
    font-size: 22px !important;
    line-height: 26px ;
}

#featured-courses ul.related-tags {
    padding-left: 0;
/*    position: absolute;
    bottom: 0;*/
    margin: 0;
}

.related-tags li {
    display: inline-block;
    font-size: 12px;
    margin: 0 1rem 0 0;
}

#featured-courses .news-card .related-tags li i.material-icons {
    color: #79A6E0 !important;
    position: relative;
    top: 3px;
}

#featured-courses .news-card .related-tags.atarTag li i.material-icons {
    color: #FFA500 !important;
}

.atar-display {
    font-size: 16px;
    font-weight: 700 !important;
}

/*
#featured-courses {
    padding-right: 30px;
}
*/

/*FEATURE COURSE FINDER*/
#feature-course-finder h3 {
    margin-top: 0;
}

#feature-course-finder #filterChips li {
    display: inline-block !important;
    background-color: #C7B8A0;
    color: #000;
    border-radius: 0;
    font-size: 14px;
    padding: 0 10px;
}

#filterChips li:hover, 
#filterChips li:focus {
    background-color: #C7B8A0;
    color: #000;;
    cursor: inherit;
}

#filterChips li:empty {
    display: none !important;
}

#ocb-filter input.waves-button-input {
    margin: 1rem 0.5rem 1rem 0;
    width: 33%;
}

#ocb-filter input[type=reset] {
    color: #000;
    border: 1px solid #000;
    text-transform: capitalize;
    box-shadow:none;
    border-radius:0;
    background-color: transparent;
}

#ocb-filter input[type=reset]:hover,
#ocb-filter input[type=reset]:focus {
    background-color: #000 !important;
    color: #fff !important;
     box-shadow:none;
    border-radius:0;
}

#ocb-filter select:focus {
    outline: 1px solid #DA3D0F;
}


/*VIDEO CONTAINER*/
#cohort-video .row {
    display: flex;
    align-items: center;
}

#cohort-video .row .col {
    flex-direction: column;
}

#cohort-video h2 {
    margin-top: 0 !important;
}


#cohort-video .row .col:nth-child(1) {
    width: 33.333333%;
}

#cohort-video .row .col:nth-child(2) {
    width: 66.666667%;
}

@media screen and (max-width: 800px) {
    #cohort-video .row {
        display: block;
    }
    
    #cohort-video .row .col {
        width: 100% !important;
    }
}



/*TABS*/
ul.tabs:not(.menu-tabs) {
    margin-bottom: 0;
    border-bottom: 1px solid #F7F5F2;
    height: auto !important;
}

ul.tabs:not(.menu-tabs) ~ div.col.s12 {
    background-color: #F7F5F2;
    padding: 2rem 1.5rem;
}

.ocbtab {
    background-color: #F7F5F2 !important;
    padding: 2rem 1.5rem !important;
}

ul.tabs:not(.menu-tabs) li.tab {
    height: auto !important;
}

ul.tabs:not(.menu-tabs) li.tab a {
    background-color: #222944 !important;
    /*background-color: #C7B8A0 !important;*/
    color: #fff !important;
    font-family: 'Basis Grotesque Regular',sans-serif;
    font-size: 17px !important;
    font-weight: normal !important;
    /*    padding: 2rem 1.25rem !important; */
    padding: 1.5rem 0.75rem !important;
    height: auto !important;
    border-right: 1px solid #fff;
}

ul.tabs:not(.menu-tabs) li.tab a.active {
    color: #000 !important;
    background-color: #F7F5F2 !important;
    border-bottom: none !important;
    text-decoration: underline !important;
}

ul.tabs:not(.menu-tabs) li.tab a.active:hover,
ul.tabs:not(.menu-tabs) li.tab a.active:focus {
    background-color: #F7F5F2 !important;
    color: #000 !important;
    outline: transparent;
}

ul.tabs:not(.menu-tabs) li.tab a:hover, 
ul.tabs:not(.menu-tabs) li.tab a:focus {
    border-bottom: none !important;
}

.tabs-container .container {
    width: 100% !important;
}

.tabs-container .card {
    background-color: #F7F5F2 !important;
}


/*ACCORDIONS*/
.collapsible {
    border: none;
}

.collapsible-header.csu-grey {
    background-color: #EEE9E2; /* !important; */
}

.card-accordion .collapsible-header {
    background-color: #DA3D0F; /* !important; */
    margin-top: 0.5rem;
}

.collapsible-header.csu-grey i {
    color: #222222; /* !important; */
}

.collapsible-header.csu-grey.active {
    background-color: #EEE9E2; /* !important; */
    color: #222222; /* !important; */
}

.card-accordion .collapsible-header.csu-grey.active {
    background-color: #222222; /* !important; */
    color: #fff; /* !important; */
}

.collapsible-header.csu-grey:hover,
.collapsible-header.csu-grey:focus,
.collapsible-header.csu-grey.active:hover,
.collapsible-header.csu-grey.active:focus {
    background-color: #C7B8A0; /* !important; */
    color: #222222; /* !important; */
}

.collapsible-header.csu-grey:hover i, 
.collapsible-header.csu-grey:focus i {
    color: #222222;
}

.card-accordion .collapsible-header:hover, 
.card-accordion .collapsible-header:focus,
.card-accordion .collapsible-header.active:hover, 
.card-accordion .collapsible-header.active:focus {
    background-color: #222222; /* !important; */
/*     color: #fff; !important; */
}

.collapsible-body {
    background-color: #F7F5F2;
    /* padding-top:10px; */
}


/* --------       page accordion     ----------- */

.page-accordion .collapsible-body {
    padding-top: 10px;
}

.page-accordion .collapsible-header.csu-grey.active i {
    color: #222222;
}

section.alt .card-accordion .collapsible-body .card-content,
section.alt-light .card-accordion .collapsible-body .card-content {
    background-color: #FFFFFF !important;
}

#faqs.csu-more-section {
    padding-top: 0;
}

.collapsible.page-accordion li {
    margin-bottom: 1rem;
}

.collapsible-body h3, .collapsible-body h4 {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 12px;
}

.collapsible-body p {
    padding: 10px 2rem 1rem;
}

.collapsible.page-accordion .collapsible-body ul li {
    margin-bottom: 5px !important;
}

.collapsible-header.csu-grey:hover i,
.collapsible-header.csu-grey:focus i,
.collapsible-header.csu-grey.active i {
 /*   color: #000 !important; */
 /*   color: #fff !important; */
 /*   background-color: #C7B8A0 !important; */
 background-color: transparent;
}


/*APPLY CARD*/
div.card.pink-card {
    background-color: #E9CECA !important;
}

.pink-card a.whiteButton {
    padding: 0;
}

.pink-card a.whiteButton:after {
    color: #000 !important;
    text-decoration: none !important;
}

.pink-card a.whiteButton:hover, 
.pink-card a.whiteButton:focus {
    background-color: #E9CECA !important;
    border: none !important;
}

.pink-card a.whiteButton:hover:after,
.pink-card a.whiteButton:focus:after {
    color: #000 !important;
}

.card.pink-card a.button.textButton::after {
    text-decoration: none !important;
}

/*TESTIMONIAL*/
p.testimonial-text {
    padding: 5px 70px;
    margin-top: 50px;
    font-size: 20px;
    line-height: 27px;
    font-weight: 400 !important;
    margin-bottom: 25px;
    font-style: normal;
}

p.testimonial-text:before, p.testimonial-text:after {
    color: #fff;
    z-index: 0;
}


.ds-component-testimonial .testimonial-author-info span, 
.ds-component-testimonial .testimonial-author-info .author-name strong {
    color: #000 !important;
}

/*HOMEPAGE*/
#homeSellCard {
    padding: 10px;
    background:#F7F5F2 !important;
}

#homeSellCard .row {
    display: flex;
}

#homeSellCard img {
    margin: 0 1rem;
}

#homeSellCard h5 {
    margin-top: 0;
    line-height: 24px;
}

p.small {
    font-size: 11px;
    line-height: 15px !important;
    text-align: center;
}

ol.small {
    font-size: 11px;
    line-height: 15px !important;
}

.flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

#heading-only-cards .card-action {
    display: none;
}

#heading-only-cards h2 {
    font-size: 20px;
    margin-bottom: 10px !important;
    margin-top:5px  !important;
}

#heading-only-cards {
    padding-top: 30px;
}

.bg-card {
    max-height: 400px;
    padding: 30px 20px;
}

.bg-card:before {
    content: "";
    display: block;
    padding-top: 200%;
}

#rich-cards .card:hover, 
#rich-cards .card:focus {
    transform: none !important;
}

.bg-card:hover, 
.bg-card:focus {
    box-shadow: 0px 0px 18px rgba(0,0,0,0.32);
    /*transform: scale3d(1.05, 1.05, 2.2);
    transition: all 0.2s ease;*/
    transform: none !important;
    transition: none !important;
    z-index: 2;
    text-decoration: underline;
}

.bg-card:hover h4, 
.bg-card:focus h4 {
    text-decoration: underline;
}

.bg-card h4 {
    color: #fff !important;
    font-size: 22px;
 /*   line-height: 30px; */
    line-height: 1.2;
}

.card .calp-card-content {
    position: absolute;
    bottom: 10px;
    padding-right: 15px;
}


/*FIFTH-CARDS*/
.fifth-card {
    width: 100%;
    margin: 20px 1%;
    padding: 0 !important;
}

@media screen and (min-width: 992px) {
    .hover-cards {
        margin-bottom: 50px;
    }
    .fifth-card {
        width: 48%;
    }
}
@media screen and (min-width: 1200px) {
    .fifth-card {
        width: 18%;
        margin-bottom: 0;
    }
}

.fifth-tooltip {
    display: none;
    position: absolute;
    padding: 1rem !important;
    z-index: 10;
}

.fifth-tooltip.active {
    display: block;
}

.fifth-tooltip:after, 
.fifth-tooltip:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: 0
}

.fifth-tooltip:before {
    border-color: transparent;
    border-bottom-color: transparent;
    border-width: 20px;
    left: 50%;
    margin-left: -20px;
}

.fifth-tooltip:after {
    border-width: 19px;
    left: 50%;
    margin-left: -19px;
}

.fifth-card > div:first-child {
    margin-bottom: 22px;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.fifth-card h3 {
    font-family: 'Basis Grotesque Regular', sans-serif !important;
    text-align: center;
}

.fifth-card h3 a {
    color: #fff;
    text-align: center;
}

.fifth-card.cohort h3 a {
    color: #fff;
    text-align: center;
}

.fifth-tooltip p, 
.fifth-tooltip li {
    color: #fff !important;
    font-size: 14px;
    margin-bottom:0;
    line-height: 20px;
}

.fifth-card.cohort .fifth-tooltip p,
.fifth-card.cohort .fifth-tooltip li {
    color: #fff !important;
}

.fifth-card > div {
   /* background-color: #C7B8A0; */
    background-color: #4A73BF;
}

.fifth-card .fifth-tooltip:after {
  /*  background-color: rgba(199,184,160,0);
    border-bottom-color: #C7B8A0;*/
    
    background-color: rgba(74,115,91,0);
    border-bottom-color: #4A73BF;
}

.fifth-card.international-2020 > div {
    background-color: #DA3D0F;
}

.fifth-card.international-2020 .fifth-tooltip:after {
    border-color: rgba(201,45,12,0);
    border-bottom-color: #DA3D0F;
}

.fifth-card.cohort:nth-child(1) > div {
    background-color: #DA3D0F;
}

.fifth-card.cohort:nth-child(1) .fifth-tooltip:after {
    border-color: rgba(201,45,12,0);
    border-bottom-color: #DA3D0F;
}

.fifth-card.cohort:nth-child(2) > div {
    background-color: #0E3A32;
}

.fifth-card.cohort:nth-child(2) .fifth-tooltip:after {
    border-color: rgba(14,58,50,0);
    border-bottom-color: #0E3A32;
}

.fifth-card.cohort:nth-child(3) > div {
    background-color: #222944;
}

.fifth-card.cohort:nth-child(3) .fifth-tooltip:after {
    border-color: rgba(34,41,68,0);
    border-bottom-color: #222944;
}

.fifth-card.cohort:nth-child(4) > div {
    /*background-color: #567DC3;*/
    background-color: #4A73BF;
}

.fifth-card.cohort:nth-child(4) .fifth-tooltip:after {
    /*border-color: rgba(86,125,195,0);
    border-bottom-color: #567DC3;*/
    border-color: rgba(74,115,191,0);
    border-bottom-color: #4A73BF;
}

.fifth-card.cohort:nth-child(5) > div {
    background-color: #736858;
}

.fifth-card.cohort:nth-child(5) .fifth-tooltip:after {
    border-color: rgba(115,104,88,0);
    border-bottom-color: #736858;
}

/*CONTENT BANNERS*/
.csu-infotainment-section .csu-sub-slogan.about-home, .csu-mini-infotainment-section .csu-slogan.course-name span.smaller-banner {font-size: 33px !important; line-height: 45px !important;}

.content-banner-type2 p.small {
    text-align: left;
}

.content-banner-type2 h2 {
    font-size: 36px !important;
    max-width: 300px !important;
    padding: 0.25rem 0.5rem 0 10px !important;
    line-height: 1.35em !important;
    background-color: #0E3A32;
}

.logo-font.csu-sub-slogan {
    margin-left: 0px !important;
}

@media screen and (max-height: 620px) {
    div.csu-infotainment-section  {
        display: none;
    }
}


/*MODALS

emrys 20191106 to fix new student portal modals eg:
https://cms.csu.edu.au/current-student/student-life/get-involved/representation/src/albury-wodonga

.modal h2 {
    margin: 0 !important;
}

.modal .modal-close {
    margin-top: 0 !important;
}

.modal ul.tabs {
    margin-bottom: 0 !important;
}
*/


.calp-modal h2 {    margin: 0;  }

.calp-modal .modal-close, 
#resources-modal .modal-close {    margin-top: 0;    }

.calp-modal ul.tabs {    margin-bottom: 0;  }



/* ----------     entry modal     ----------- */


#hdr-modal p a,
.modal div#notsure a {
    text-decoration: underline !important;
}

#hdr-modal p a:hover,
#hdr-modal p a:focus,
#school-modal p a:hover, 
#school-modal p a:focus, 
.modal div#notsure a:hover, 
.modal div#notsure a:focus, 
#resources-modal p a:hover, 
#resources-modal p a:focus {
    text-decoration: none !important;
}

#hdr-modal h2 {
    background: none !important;
}

#hdr-modal a.modal-close i,
#school-modal a.modal-close i, 
#resources-modal a.modal-close i {
    color: #000;
}

#school-modal .fsh-modal-body > .row {
    margin: 0 0 20px !important;
}



#resources-modal {
    overflow-y: unset;
}

#resources-modal ul.browser-default {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    width: 100%;
}

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

    #postgrad-modal-card, 
    #hdr-modal-card,
    #school-modal-card, 
    #options-modal-card {    
        display: block;  
        padding: 16px 16px 0 16px;   
    }
    

    #modal-postgrad,
    #postgrad-modal-card, 
    #hdr-modal-card,
    #modal-hdr,
    #modal-school, 
    #modal-options, 
    #school-modal-card, 
    #options-modal-card {    
        width: 49% !important;
    }
    
    #modal-postgrad, 
    #postgrad-modal-card,
    #modal-school, 
    #school-modal-card {    
        margin-right: 0;    
    }
    
}

/*COURSES BUTTONS*/

/*
#career-area > div.row,
#career-area > div.row.container {
    width: 85% !important;
}
*/

#career-area > div.row {
    width: 90% !important;
}

#career-area .calp-box {    
    min-height: 60px !important;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    #career-area .calp-box {    min-height: 80px !important;    }
}

#career-area .calp-box#calp-all-courses, #career-area .calp-box#calp-new-courses, #career-area .calp-box#calp-short-courses {
    min-height: auto !important;
}

@media screen and (min-width: 576px) {
    #career-area .calp-box#calp-all-courses, #career-area .calp-box#calp-new-courses, #career-area .calp-box#calp-short-courses {
        min-height: 80px !important;
    }
}


#career-area #calp-all-courses:hover,
#career-area #calp-all-courses:focus {
    border: none !important;
}

.calp-box#calp-all-courses:hover h5,
.calp-box#calp-all-courses:focus h5 {
    color: #fff !important;
}

.calp-box.modal-trigger {
    z-index: 1 !important;
}

.calp-box.courses-box::before {
    display: none;
}
@media screen and (min-width: 992px) {
    
}
@media screen and (min-width: 1200px) {
    .calp-box.courses-box::before {
        display: table-cell !important;
    }
}

/*LOCATION CARDS*/
/*#location-cards .col {
    padding: 0; */
}
  /* 
#location-cards .card {
 padding-bottom: 0 !important; 
    margin: 0.15rem;*/
}
/* 
#location-cards .row#loc-list {
     margin-top: 10px; */
}
 /* 
#location-cards h2 {
  display: inline;
}

#location-cards a.waves-light.button {
    background-color: transparent;
    color: #000;
    border: none !important;
    font-size: 13px;
    height: auto !important;
    text-decoration: underline;
}

#location-cards a.waves-light.button:after,
#location-cards a.waves-light.button:hover::after,
#location-cards a.waves-light.button:focus::after {
    color: #000;
}

#location-cards a.waves-light.button:hover, 
#location-cards a.waves-light.button:focus {
    background-color: transparent !important;
    color: #000 !important;
    text-decoration: none;
}

/* added by Soe Soe for postgraduate fees table*/
table.responsive-custom tr td, table.responsive-custom tr th {
    min-width: 100px!important;
}

table.responsive-custom tr td:first-child {
    min-width: 50%;
}

/*EVENTS LIST*/
.event-date .date-block {
    background: url(https://cdn.csu.edu.au/__data/assets/image/0008/3183353/card-graphicbg.png) !important;
    background-size: cover !important;
    background-color: #EEE9E2 !important;
}

.event-date .date-block {
    background-color: #f2f2f2;
    margin-bottom: 5px;
    padding: 20px 10px;
    font-weight: 400 !important;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
}

.event-date .row .date-block, 
.event-date .row .event-block {
    padding: 0;
    min-height: 4rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.event-date .row .event-block {
    padding-left: 1rem;
    align-content: flex-start;
    line-height: 1.4;
}

.event-date .row {
    margin-left: 0 !important;
}

/*COURSES PAGE*/
#careers-container, #careers-container div.card.news-card {
    max-height: 500px !important;
}

#careers-container .card-content li {
    color: #fff;
    line-height:18px;
}

div#careers div.carousel-controls {    top:20px;    }

#auto-search-div {
    background: url(https://cdn.csu.edu.au/__data/assets/image/0003/3239643/search-bg-circles.png) no-repeat bottom right #519674;
/*    background-color: #4A73BF !important;*/
    background-color: #519674 !important;
    padding: 45px 10px 35px 10px !important;
    margin-bottom: 10px;
}

#course-search-dropdowns {
 /*   background-color: #EEE9E2; */
    background-color: #F7F5F2;
    padding: 0 1em;
}

#course-search-dropdowns h4 {
    padding-top: 30px;
}

#course-search-dropdowns h2 {
    margin-bottom: 0;
    margin-top: 30px !important;
    font-size: 26px;
    display:none;
}

#course-search-dropdowns .intro-blurb {
    margin-bottom: 0;
    color:#616161;
    margin-top: 30px !important;
}

#ocb-filter {
    margin-bottom: 10px;
}

#ocb-filter p {
    margin: 0;
}

#ocb-filter #calp-list, #ocb-filter #campus-list {
    margin: 12px 0;
    font-size: 14px;
}

#ocb-filter label {
    font-size: 14px !important;
    color:#414141;
}

#selectors h2 {    padding-bottom: 10px;    }

#filterArea {    display: none;    }

#filterArea h3 {
    margin-top: 0px;
    margin-bottom: 20px;
}

#ocb-search input#ocbsearch {
    border: 1px solid #e1e1e1 !important;
    background: white !important;
    color: #414141 !important;
    text-indent: 10px !important;
    font-size: 17px !important;
    padding-bottom: 0px !important;
    /*border-radius: 6px;*/
    margin-bottom: 4px !important;
    height: 60px !important;
    
}

#ocb-search input#ocbsearch:focus {
    border: 1px solid #f2f2f2;
    background: white;
    color: #414141;
    text-indent: 10px;
    font-size: 17px;
    padding-bottom: 0px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.32);
}

#ocb-search input#ocbsearch::-ms-clear {    display: none;    }

#ocbsearch::placeholder
#q::placeholder {    color: #717171 !important;    }

#ocb-search, 
#global-search {    position: relative;   }

#q {    height: 62px;    }

#q:focus {
    box-shadow: none !important;
    padding-bottom: 0 !important;
}

#ocbsearch {    width: 100%;    }

#dataTable_filter i#auto-search-icon,
#ocb-search i#auto-search-icon,
#global-search i#global-search-icon {
    background-color: #DA3D0F;
    width: 62px !important;
    height: 62px;
    position: absolute !important;
    top: 0 !important;
    right: -10px !important;
    z-index: 1 !important;
    color:#fff !important;
}

#dataTable_filter i#auto-search-icon {
    top: 25px !important;
    right: 0px !important;
}

#dataTable_filter i#auto-search-icon:hover,
#dataTable_filter i#auto-search-icon:focus,
#ocb-search i#auto-search-icon:hover,
#ocb-search i#auto-search-icon:focus,
#global-search i#global-search-icon:hover,
#global-search i#global-search-icon:focus {
    background-color: #222;
}

/*Search arrow 

#ocb-search i#auto-search-icon::after,
#global-search i#global-search-icon::after {
    font-family: "csu-icons-2019" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    font-size: 36px !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: inline-block;
    text-decoration: inherit;
    width: 1.1em;
    font-variant: normal;
    text-transform: none;
    line-height: 1.1em;
    margin: 12px 12px !important;
    content: "\e90c" !important;
    color: #fff;
}

#ocb-search i#auto-search-icon span::after,
#global-search i#global-search-icon span::after {
    font-family: "csu-icons-2019" !important;
    content: '\e90c' !important;
}
*/



/*Search icon*/

#dataTable_filter i#auto-search-icon::after,
#ocb-search i#auto-search-icon::after,
#global-search i#global-search-icon::after {
    font-family: "FontAwesome" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    font-size: 26px !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: inline-block;
    text-decoration: inherit;
    width: 1.1em;
    font-variant: normal;
    text-transform: none;
    line-height: 1.1em;
    margin: 15px 20px !important;
    content: "\f002" !important;
    color: #fff;
}

#dataTable_filter i#auto-search-icon span::after,
#ocb-search i#auto-search-icon span::after,
#global-search i#global-search-icon span::after {
    font-family: "FontAwesome" !important;
    content: '\f002' !important;
}



#dataTable_filter i#auto-search-icon:hover,
#dataTable_filter i#auto-search-icon:focus,
#ocb-search i#auto-search-icon:hover, 
#ocb-search i#auto-search-icon:focus,
#global-search i#global-search-icon:hover, 
#global-search i#global-search-icon:focus {
    color: #414141;
    cursor: pointer;
}

#ocb-filter input[type=submit] {
    background-color: #DA3D0F;
    border: 1px solid #DA3D0F;
    width: auto;
    box-shadow:none;
    border-radius:0;
}

#ocb-filter input[type=submit]:hover, 
#ocb-filter input[type=submit]:focus {
    background-color: #fff;
    color: #DA3D0F;
}



/* related course */

#relatedCourses {    background-color: #F7F5F2 !important;    }
#relatedCourses .card-action-button.card-no-border a {    padding-left: 10px;    }


/*CONTACTS & ASKCSU*/
.hotTip {
    background-color: #EEE9E2 !important;
    padding: 1em;
}

h2.image-heading {
    display: block;
    padding: 10px 10px 5px 65px;
    font-size: 23px;
}

.enquire-online {
    background: url(https://cdn.csu.edu.au/__data/assets/image/0009/3192183/email-45px.png) 0px center no-repeat;
}

.call-us {
    background: url(https://cdn.csu.edu.au/__data/assets/image/0010/3192184/Call-uu-45px.png) 0px center no-repeat;
}

.meet-with-us {
    background: url(https://cdn.csu.edu.au/__data/assets/image/0003/3192186/Talk-45px.png) 0px center no-repeat;
}

.book-a-tour {
    background: url(https://cdn.csu.edu.au/__data/assets/image/0011/3192185/Campus-45px.png) 0px center no-repeat;
}

#kb-search {
    padding: 8px 30px;
    background-color: transparent;
    color: #b00c1d;
    font-size: 15px;
}





/*RICH MEDIA CARDS*/
#rich-cards div.col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0px !important;
}
#rich-cards div.col { margin-bottom: 0 !important;  } 

#rich-cards div.card {
    margin: 0 !important;
    box-shadow: unset !important;
  
}

div#rich-cards #rich-3226564 > a > div.bg-card > div.calp-card-content, 
div#rich-cards #rich-3226566 > a > div.bg-card > div.calp-card-content,
div#rich-cards #rich-3226568 > a > div.bg-card > div.calp-card-content,
div#rich-cards #rich-3226623 > a > div.bg-card > div.calp-card-content, 
div#rich-cards #rich-3226625 > a > div.bg-card > div.calp-card-content,
div#rich-cards #rich-3226627 > a > div.bg-card > div.calp-card-content,
div#rich-cards #rich-3233439 > a > div.bg-card > div.calp-card-content, 
div#rich-cards #rich-3233442 > a > div.bg-card > div.calp-card-content,
div#rich-cards #rich-3233443 > a > div.bg-card > div.calp-card-content {
    /* bottom: calc(50% - 2.0em) !important; */
    bottom: calc(50% - 6.0em) !important;
    padding: 0 !important;
    margin: 0 auto;
    display: block;
    left: 50%;
    text-align: center;
    transform: perspective(1px) translateX(-50%);
}


#rich-cards #rich-3226564 > a > div.bg-card > div.calp-card-content h4, 
#rich-cards #rich-3226566 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3226568 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3226623 > a > div.bg-card > div.calp-card-content h4, 
#rich-cards #rich-3226625 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3226627 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3233439 > a > div.bg-card > div.calp-card-content h4, 
#rich-cards #rich-3233442 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3233443 > a > div.bg-card > div.calp-card-content h4 {
    font-size: 30px !important;
    margin: 0 auto;
    padding: 40px;
    text-align: center;
}

#rich-cards #rich-3226564 > a > div.bg-card,
#rich-cards #rich-3226623 > a > div.bg-card,
#rich-cards #rich-3233439 > a > div.bg-card {
      background: url("https://cdn.csu.edu.au/__data/assets/image/0009/3183327/squarebg-graphic-circles-orange.jpg") !important;
      background-size: cover !important;
      border:20px solid #DA3D0F !important;
}

#rich-cards #rich-3226566 > a > div.bg-card,
#rich-cards #rich-3226625 > a > div.bg-card,
#rich-cards #rich-3233442 > a > div.bg-card {
     background: url("https://cdn.csu.edu.au/__data/assets/image/0010/3183328/squarebg-graphic-square-green.jpg") !important;
     background-size: cover !important;
     border:20px solid #0F3A31 !important;
}

#rich-cards #rich-3226568 > a > div.bg-card,
#rich-cards #rich-3226627 > a > div.bg-card, 
#rich-cards #rich-3233443 > a > div.bg-card {
     background: url("https://cdn.csu.edu.au/__data/assets/image/0011/3183329/squarebg-graphic-octagon-blue.jpg") !important;
     background-size: cover !important;
     border:20px solid #222944 !important;
}

#rich-cards #rich-3226564 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3226623 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3233439 > a > div.bg-card > div.calp-card-content h4 {
    background: #DA3D0F;
}

#rich-cards #rich-3226566 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3226625 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3233442 > a > div.bg-card > div.calp-card-content h4 {
    background: #0F3A31;
}


#rich-cards #rich-3226568 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3226627 > a > div.bg-card > div.calp-card-content h4,
#rich-cards #rich-3233443 > a > div.bg-card > div.calp-card-content h4 {
    background: #222944;
}

#rich-cards .card {
    padding-bottom: 0 !important;
}

/*RANDOM*/
img.img-float-right {
    float: right;
}

img.img-float-left {
    float: left;
}

#quiz {
    background-image: none;
    background-attachment: scroll !important;
    background: url(https://cdn.csu.edu.au/__data/assets/image/0006/3175404/BG-graphic-circles-grey.jpg) center 100% repeat;
}

#left_menu + div > section, #left_menu + div .container{
    padding-top:0;
}

#icons-bg {
    background-image: none;
    background-attachment: scroll !important;
    background: url(https://cdn.csu.edu.au/__data/assets/image/0006/3175404/BG-graphic-circles-grey.jpg) center 100% repeat;
}

#icons-bg .extra-top {
    padding-top: 90px !important;
    margin-bottom: 0;
}

a.waves-light.button {
    z-index: 1 !important;
}

.stackla-widget .stackla-poweredByStackla {
    display: none;
}

.event-date a.button.whiteButton {
    background-color: #DA3D0F !important;
    border-radius: 0 !important;
    min-height: unset !important;
    height: 40px !important;
    margin: 0 0;
    box-shadow: unset;
    align-items: center;
    position: relative;
    color: #ffffff !important;
    border: 1px solid #DA3D0F !important;
    transition: unset;
    text-align: left !important;
    width: auto !important;
    line-height: 1.4em !important;
    padding-right: 60px !important;
    font-size: 15px !important;
}

.event-date a.button.whiteButton:hover, 
.event-date a.button.whiteButton:focus {
    background-color: #FFF !important;
    color: #DA3D0F !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
}

.event-date a.button.whiteButton:hover::after, 
.event-date a.button.whiteButton:focus::after {
    color: #DA3D0F !important;
}

a.waves-light.button:hover, 
a.waves-light.button:focus {
    background-color: #FFF !important;
    color: #DA3D0F !important;
}

a.waves-light.button:hover::after,
a.waves-light.button:focus::after {
    color: #DA3D0F !important;
}

#orange-phone {
    color: #E84D16;
    font-size: 22px;
    font-weight: 700 !important;
}

button.waves-effect.waves-light.button:hover, 
button.waves-effect.waves-light.button:focus {
    background-color: #DA3D0F !important;
    color: #FFF !important;
}

#calp-modals-container .modal.calp-modal div.section.csu-grey-section h2, 
#calp-modals-container .modal.calp-modal div.section.csu-grey-section i.material-icons {
    color: #222 !important;
    font-size: 22px !important;
}

.modal.calp-modal.calendar-events-modal div.section.csu-grey-section h2, 
.modal.calp-modal.calendar-events-modal div.section.csu-grey-section i.material-icons {
    color: #222 !important;
    font-size: 22px !important;
}

.modal.calp-modal div.section.csu-grey-section h2, 
.modal.calp-modal div.section.csu-grey-section i.material-icons {
    color: #FFFFFF !important;
    font-size: 30px !important;
}
 
#calp-career-buttons .calp-box.modal-trigger h5, 
#calp-career-buttons .calp-box.modal-trigger h5 {
    padding-left: 0 !important;
}


section.page-introduction#calp-infographic {
    background: url(https://cdn.csu.edu.au/__data/assets/image/0008/3183155/bg-graphic-circles-orange-left.jpg) right repeat !important;
}

ul#expertResult {
    position: absolute;
    margin-top: 0 !important;
    width: 60%;
    background-color: #FFF;
}



/*SCHOLARSHIPS SEARCH*/

#scholarship-search-box {
    padding: 20px 30px;
    background-color:#F7F5F2 !important;
}
#scholarship-search-box label {
    font-size: 14px !important;
}

[type="checkbox"] + label::before, [type="checkbox"]:not(.filled-in) + label::after {
    border: 1px solid #5a5a5a;    
}

#scholarship-search-box input[type=submit] {
    background-color: #DA3D0F;
    border: 1px solid #DA3D0F;
    width: auto;
    box-shadow:none;
    border-radius:0;
    color:#FFF;
}

#scholarship-search-box input[type=submit]:hover, 
#scholarship-search-box input[type=submit]:focus {
    background-color: #fff;
    color: #DA3D0F;
}

#sg-summary {
    padding: 20px !important;
    
/* eh 20230202 fix mobile layout bug 
margin-right: 150px !important; */

    margin-bottom: 10px;
}

#tabbedContent ul,
#tabbedContent ol {
	margin-left: 30px !important;
}

#tabbedContent ul li,
#tabbedContent ol li {
	padding-left: 10px !important;
}

#tabbedContent ul li {
	list-style-type: disc;
}

#dataTable_filter {
    width: 100%;
    text-align: left;
    position: relative;
}

#dataTable_filter label {
    font-size: 13px;
}

#dataTable_filter input {
    height: 62px;
    border-radius: 0;
}

#dataTable_filter input:hover, #dataTable_filter input:focus {
    border-bottom: none;
    padding-bottom: 0;
}




/*  ----    data tables eh 20191215    -----  */

#dataTable_filter input[type='search']  {
   -moz-appearance: none;/* older firefox */
   -webkit-appearance: none; /* safari, chrome, edge and ie mobile */
   appearance: none; /* rest */
   border: 1px solid #ddd;
    padding: 4px;
    margin-left: 0;
    height: auto;
  
}

#dataTable_filter input[type='search']::after {
  font-family: 'Material Icons';
  content: "\e8b6";
  font-size: 24px;
  display: inline-block;
  color: #dddddd;
  position: relative;
  left: -5px;
}

#dataTable_filter span.caret {
    display: none;
}
#dataTable_filter span.caret::after {
    font-family: 'Material Icons';
    display: inline-block;
    content: '\e5cc';
    transform: rotate(90deg);
    font-size: 20px;
}
#dataTable_filter input:focus,
#dataTable_filter input:hover {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 4px;
}

#dataTable_filter input:focus {
    border: 1px solid #010101;
    background-color: #ffffff;
}


#dataTable_filter input.select-dropdown::after {
    content: "\e5cc";
    font-family: 'Material Icons';
    display: inline-block;
    font-size: 24px;
    border: 1px solid #000;
}

.select-wrapper .dropdown-content {
    border-bottom: none;
    border: 1px solid #dddddd;
    box-shadow: none;
    padding-top: 0;
}

.select-wrapper  .dropdown-content li {
     margin: 0;
     padding: 0;
     min-height: 1px;
}

.select-wrapper .dropdown-content li>a, 
.select-wrapper .dropdown-content li>span {
    color: #222222;
    padding: 4px 10px;
    display: inline-block;
    width: 100%;
}

.select-wrapper .dropdown-content li>a:hover,
.select-wrapper .dropdown-content li>a:focus,
.select-wrapper .dropdown-content li>span:hover,
.select-wrapper .dropdown-content li>span:focus {
    background-color: #eee9e2 !important;
  /*  text-decoration: underline; */
}


/*  /data tables */




@media only screen and (min-width: 1330px) {
    #right-column-content {
        float: none;
        width: 100%;
        margin: 0 0 15px 0 !important;
    }
}

@media only screen and (max-width: 1000px) {
    .page-wrap-2-3, #body #right-column-content  {
        width: 85% !important;
        margin: 0 7.5% !important;
    }
}


/*TYPOGRAPHY*/


h1, .csu-more-section h1 {
    margin-bottom: 2px !important;
    margin-top: 20px;
}

h2 {    margin-top:20px; /* eh 20210416 !important; */ }


a.external.internal::after {    content: none !important;    }

.csu-mini-infotainment-section .csu-slogan.course-name, .csu-infotainment-section .csu-slogan {
    display: table-row !important;
}

.csu-mini-infotainment-section .csu-slogan.course-name span.smaller-banner {
/*    margin-left: 10px !important; */
    margin-left: 2px !important; /* emrys 20190909 correct banner text align wrt cherwell #95735 */
}



/* ---  usabilla   --- */

div.usabilla_live_button_container {
    top: 75% !important;
}

@media screen and (max-width: 768px) {
    div.usabilla_live_button_container {
        right: 0px !important;
        top: 66% !important;
    }
}

@media screen and (max-width: 576px) {
    div.usabilla_live_button_container {
        display: block !important;
    }
}





/* ---   scroll to top button   --- */

.fixed-action-btn {
    bottom: 23px;
}


.non-printing h2 a,
div#google_recaptcha_terms a {
    text-decoration: underline;
}

.non-printing h2 a:hover,
.non-printing h2 a:focus,
div#google_recaptcha_terms a:hover, 
div#google_recaptcha_terms a:hover {
    text-decoration:none;
}


/* COHORT COLOURS */
/*
#school-cohort .card.news-card, 
#school-cohort div.card.news-card, 
#school-cohort #featured-courses .news-card .col.s8, 
#school-cohort ul.tabs:not(.menu-tabs) li.tab a:not(.active) {
    background-color: #DA3D0F !important;
}

#undergrad-cohort .card.news-card, 
#undergrad-cohort div.card.news-card, 
#undergrad-cohort #featured-courses .news-card .col.s8, 
#undergrad-cohort ul.tabs:not(.menu-tabs) li.tab a:not(.active) {
    background-color: #0E3A32 !important;
}

#postgrad-cohort .card.news-card, 
#postgrad-cohort div.card.news-card, 
#postgrad-cohort #featured-courses .news-card .col.s8, 
#postgrad-cohort ul.tabs:not(.menu-tabs) li.tab a:not(.active) {
    background-color: #222944!important;
}


#online-cohort .card.news-card, 
#online-cohort div.card.news-card, 
#online-cohort #featured-courses .news-card .col.s8, 
#online-cohort ul.tabs:not(.menu-tabs) li.tab a:not(.active) {
    background-color: #736858 !important;
}
*/

/* ASKCSU SEARCH */
#askcsu-form {
    position: relative;
}

#askcsu-form input.talismaKB_searchWidgetForm_search {
    border: 1px solid #e1e1e1;
    background: white;
    color: #414141;
    text-indent: 10px;
    font-size: 17px;
    padding-bottom: 0px;
    margin-bottom: 4px;
    height: 60px;
}

#askcsu-form input.talismaKB_searchWidgetForm_search {
    border: 1px solid #f2f2f2;
}

#askcsu-form button#kb-search {
    background-color: #DA3D0F;
    width: 62px !important;
    height: 62px;
    position: absolute;
    top: 0;
    left: calc(100% - 60px);
    z-index: 1;
    color: #fff;
    padding: 0 !important;
}

#askcsu-form button#kb-search:hover,
#askcsu-form button#kb-search:focus {
    background-color: #222 !important;
    border-color: #222 !important;
}

#askcsu-form button#kb-search:after {
    font-family: "FontAwesome" !important;
    font-style: normal;
    font-weight: normal;
    font-size: 26px !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    display: inline-block;
    text-decoration: inherit;
    width: 1.1em;
    margin: 15px !important;
    content: "\f002" !important;
    color: #fff;
}

@media print {
    *,
    *:before,
    *:after,
    #rich-cards #rich-3226564 > a > div.bg-card,
    #rich-cards #rich-3226623 > a > div.bg-card,
    #rich-cards #rich-3233439 > a > div.bg-card,
    #rich-cards #rich-3226566 > a > div.bg-card,
    #rich-cards #rich-3226625 > a > div.bg-card,
    #rich-cards #rich-3233442 > a > div.bg-card,
    #rich-cards #rich-3226568 > a > div.bg-card,
    #rich-cards #rich-3226627 > a > div.bg-card, 
    #rich-cards #rich-3233443 > a > div.bg-card,
    #rich-cards #rich-3226564 > a > div.bg-card > div.calp-card-content h4,
    #rich-cards #rich-3226623 > a > div.bg-card > div.calp-card-content h4,
    #rich-cards #rich-3233439 > a > div.bg-card > div.calp-card-content h4,
    #rich-cards #rich-3226566 > a > div.bg-card > div.calp-card-content h4,
    #rich-cards #rich-3226625 > a > div.bg-card > div.calp-card-content h4,
    #rich-cards #rich-3233442 > a > div.bg-card > div.calp-card-content h4,
    #rich-cards #rich-3226568 > a > div.bg-card > div.calp-card-content h4,
    #rich-cards #rich-3226627 > a > div.bg-card > div.calp-card-content h4,
    #rich-cards #rich-3233443 > a > div.bg-card > div.calp-card-content h4 {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        box-shadow: none !important;
        text-shadow: none !important;
        background-image: none !important;
        background: none !important;
    }
}

.flex-cards .card-accordion .collapsible-header.csu-grey-black h2, .flex-cards .card-accordion .collapsible-header.csu-grey-black h3, .flex-cards .card-accordion .collapsible-header.csu-grey-black h4, .flex-cards .card-accordion .collapsible-header.csu-grey-black h5, .flex-cards .card-accordion .collapsible-header.csu-grey-black h6 {
    color: #fff !important;
}

.flex-cards .card-accordion .collapsible-header.csu-grey-black, 
.flex-cards .card-accordion .collapsible-header.csu-grey-black i {
    background-color: transparent;
    color: #fff;
}


.csu-more-section h2:empty {
    display: none !important;
}

/*section.csu-more-section.page-introduction div.container {
    margin-left: auto !important;
    margin-right: auto !important;
}*/