.row.topNav {    z-index: 3; box-shadow: none;   }
.row.topNav2 h1 > a,
.row.topNav2 h1 > a:hover,
.row.topNav2 h1 > a:focus, 
.row.topNav2 #mobileSiteName > a, 
.row.topNav2 #mobileSiteName > a:hover, 
.row.topNav2 #mobileSiteName > a:focus {
    color: #222222 !important;
}

.row.topNav2 #mobileSiteName > a:hover, 
.row.topNav2 #mobileSiteName > a:focus {
    text-decoration: underline ;
}


/* ---- search  ---- */

#banner-search-hubmenu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    padding-right: 0;
}
#banner-search-hubmenu button {
    padding: 5px;
    margin: 0;
    margin-right: 5px;
    padding-top: 13px;
}

#banner-search-hubmenu button:focus {
    outline: thin dotted;
}

#banner-search-hubmenu .top-menu-tabs {
    height: auto;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(204,204,204,0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(204,204,204,0.5);
    box-shadow: 2px 2px 5px 0px rgba(204,204,204,0.5);
    background: #ffffff;
    top: 40px;
    right: 25px;
    z-index: 99;
}

#banner-search-hubmenu .top-menu-tabs li {    margin: 0;    }

#banner-search-hubmenu .top-menu-tabs li:not(:last-child) {
    border-bottom: 1px solid #EEE9E2;
}

#banner-search-hubmenu .top-menu-tabs a {
    display: block;
    padding: 8px 20px;
    color: #222222;
}
#banner-search-hubmenu .top-menu-tabs a:hover,
#banner-search-hubmenu .top-menu-tabs a:focus {    background-color: #EEE9E2;    }

.searchBar {
    display: none;
    background: #F7F5F2;
    padding: 10px 20px;
    margin-bottom: 0;
    position: relative;
}
.searchBar form {
    display: flex;
    flex-direction: row;
    max-width: 1200px;
    margin: 0 auto;
}
#searchLabel i {
    font-size: 44px !important;
    color: #DA3D0F !important;
    
}

#banner-search-hubmenu button {
    background-color: inherit !important;
}

@media only screen and (min-width: 993px) {
   #searchLabel i {   margin-right: 30px;    }
}

.search-widget .search-button {    margin-left: 0;    }

button.search-button:hover i,
button.search-close-button:hover i {
    transform: scale(1.15);
    color: #DA3D0F;
}


button.hub-button:hover {    color: #212121 !important;    }




#q {
    border-bottom: 0;
    border-left: 2px solid #DA3D0F;
    background: #fff;
    flex-grow: 1;
    padding-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
    width: 100% !important;
}



@media (max-width: 992px) {
    #banner-brand > a:nth-of-type(1) {    
        margin: 0;
        position: relative;
        left: -14px;
    }
    
    a.mob-direct-links {
        margin-left: 0 !important;
    }
}





/* -------    GLOBAL NAV    ---------- */

ul.tabs.menu-tabs li a.active:hover,
ul.tabs.menu-tabs li a.active:focus {    background-color: #fff !important;    }

/* home button */
#nav-mobile li:nth-child(1) i {
    position: relative;
    top: -25px;
    font-size: 18px;
}
#nav-mobile li:nth-child(1) a {    transition: color .3s;    }

#nav-mobile > li:nth-child(1) a:focus,
#nav-mobile > li:nth-child(1) a:hover {   
    text-decoration: none !important; 
    color: #C7B8A0 !important;    
}

#hiddenGlobalMenu {
    display: none;
 /*   display: block; */
    position: absolute;
    top: 30px;
    right: 0px;
    width: 140px;
    background-color: #222222;
    z-index: 90;
}

#hiddenGlobalMenu li {    
    border-bottom: 1px solid #f7f7f7;
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 0;
}

#hiddenGlobalMenu li:nth-last-child(1) {    border-bottom: none;    }

#hiddenGlobalMenu li a {
    font-size: 12px !important;
    color: white !important;ƒ
    line-height: 30px;
    text-align: left;
}

#globalFind:hover #hiddenGlobalMenu,
#globalFind:focus #hiddenGlobalMenu,
#globalFind #hiddenGlobalMenu:hover,
#globalFind #hiddenGlobalMenu:focus {    display: block !important;    }

.closed-mega {    display: none;    }

.expand-mega {    margin-left: 15px;    }

.button.hero-button {    padding: 25px;    }

.mega-two-toggle.active {    writing-mode: vertical-rl;    }




/* -------    left nav     ------- */

#left_menu ul a {    font-weight: normal !important;  font-family:'Basis Grotesque Medium', sans-serif !important;  }

#left_menu ul.subtree a {    font-weight: normal !important;    }

#left_menu .desktop-left-nav a.parent,
#left_menu .desktop-left-nav a.current {    text-decoration: underline; font-family:'Basis Grotesque Bold', sans-serif !important;  }

/* these are just to keep the accesibility checker happy :-/ */ 
#left_menu .desktop-left-nav a.parent:hover,
#left_menu .desktop-left-nav a.parent:focus {    text-decoration: underline;    }
#left_menu .desktop-left-nav a.current:hover,
#left_menu .desktop-left-nav a.current:focus {    text-decoration: none !important;    }

/* -------    mobile     ------- */

#mobile-global {    background-color: #222222;    }
#mobile-global ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 4px 0;
}

#mobile-global li {    display: inline-block;    }
#mobile-global a {    padding: 2px 20px 2px 20px; color: #fff;    }

.topNav2.mobile-only {
    margin-bottom: 0;
    background: #EEE9E2;
}

.topNav2.mobile-only h1, 
.topNav2.mobile-only #mobileSiteName {
    margin-top: 16px;
    margin-top: 0;
    margin-left: 20px;
    font-size: 1.5rem !important;
    line-height: 52px !important;
    font-family: 'Basis Grotesque Regular', san-serif !important;
    color: #222222;
    font-weight: 500 !important;
    margin-bottom: 2px !important;
}
.topNav2.mobile-only i {
    position: relative;
    top: -15px;
    left: 10px;
}

.topNav2.mobile-only #mob-cohort-switch {
    top: 10px;
    background: #CDC6BD;
}
.topNav2.mobile-only #mob-cohort-display {    text-align: center;    }

#mob-cohort-display,
#mob-cohort-switch li.cohort-select {    padding: 4px 12px;    }

#mob-cohort-display i {    top: 0;    }

.topNav2.mobile-only #mob-cohort-switch ul.active {
    right: 2px;
    background: none;
    line-height: 1.5;
    z-index: 10;
    background: #F7F5F2;
}  
.topNav2.mobile-only #mob-cohort-switch ul.active li {
    text-align: right;
    padding: 2px 6px;
    margin: 0;
}
.topNav2.mobile-only .current-student-mega-link::before {
    content: none;
}
.topNav2.mobile-only .current-student-mega-link a {
    left: 0 !important;
}
.topNav2.mobile-only ul h4 {
    padding-left: 16px !important;
}


.side-nav a {

    margin-bottom: 20px;
    height: auto;
    line-height: 1.4;
}
     
/* ----    main nav   ---- */


.current-student-mega-link::before ,
.current-student-mega-link a {
    position: relative;
    left: -24px;
}
.current-student-mega-link::before {
    font-family: 'fontawesome';
    content: '\f007';
    font-size: 1.4rem;
    padding-right: 8px;
    top: 2px;
}

ul.main-nav-wrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    padding-left: 20px;
    background-color: #EEE9E2;
}

#main-nav {
    background-color: #ffffff;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

#main-nav a:focus {    outline: none;    }

#main-nav .row {    margin-bottom: 0;    }

#main-nav ul.main-nav-wrap > li {
    padding: 0;
    margin: 12px 0 0 0;
}
#main-nav ul.main-nav-wrap > li.nav-item.no {
    margin: 14px 0 0 0;
}

@media only screen and (min-width: 1200px) {
    #main-nav ul.main-nav-wrap > li {
        margin: 12px 0.5% 0 0.5%;
    }
}



#main-nav ul.main-nav-wrap li.active {    border-bottom: none !important;    }

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

#main-nav ul.main-nav-wrap > li:not(.mega-site-name) a {
    padding-bottom: 11px;
    border-bottom: 4px solid transparent;
    padding-right: 20px !important;
    font-size: 14px !important;
}

#main-nav ul.main-nav-wrap > li.mega-site-name {    margin-bottom: 14px;    } 

#main-nav ul.main-nav-wrap > li.mega-site-name.cohortTrigger {    margin-bottom: 0;    } 


#main-nav ul.main-nav-wrap > li a:hover,
#main-nav ul.main-nav-wrap > li a:focus {
    text-decoration: none !important;    
    border-bottom: 4px solid #DA3D0F !important;
}


#main-nav ul.main-nav-wrap > li .sub-nav a:hover, 
#main-nav ul.main-nav-wrap > li .sub-nav a:focus {
    border-bottom-color: transparent !important;
    text-decoration: underline !important;
}

#main-nav ul.main-nav-wrap > li .sub-nav .right-panel a:hover,
#main-nav ul.main-nav-wrap > li .sub-nav .right-panel a:focus {
    text-decoration: none !important;
}

#main-nav ul.main-nav-wrap > li a.open,
#main-nav ul.main-nav-wrap li.active > a {    border-bottom: 4px solid #DA3D0F;    }

#main-nav ul.main-nav-wrap > li::after {
    color: #B3B0AB;
    font-weight: 600;
    font-size: 20px;
    position: relative;
    top: 3px;
    left: -20px;
/*    margin-right: 10px; */
}

#main-nav ul li.mega-site-name {
 /*   border-right: 1px solid #B3B0AB;  make way for new cohort picker 20210309 */
    margin-right: 0;
    padding-right: 2%;
    line-height: 16px;
}

#main-nav ul li.mega-site-name a {    
    font-family:'Basis Grotesque Bold', sans-serif !important;
    font-size: 19px !important;
}
#main-nav ul li.mega-site-name a:hover {
    border-bottom: 1px solid #DA3D0F !important;
}


#main-nav .sub-nav {
    /* 3226271 */
    /*display: flex;*/ /*COMMENTED OUT BY BRETT - CAN'T SEE ANYTHING ELSE ON PAGE WITH THIS ACTIVATED*/

   
    border-bottom: 1px solid #C7B8A0;
    padding-bottom: 2rem;
    background: url('https://cdn.csu.edu.au/__data/assets/image/0003/3227205/bg-megamenu-04.jpg') no-repeat top center;
    background-size: cover;
    top: 44px;
}

#main-nav .sub-nav .position {
    margin-right: 5%;
    padding-right: 5%;
    width: 42%;
}

/* eh 20201209
#main-nav .sub-nav .position.one {    border-right: 1px solid #EEE9E2;    }
*/

#main-nav .sub-nav li.child {
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #e3e3e3;
    border-bottom: 1px solid #eeeeee50;
    
}
#main-nav .sub-nav li.child:hover,
#main-nav .sub-nav li.child:focus {    border-bottom: 1px solid #DA3D0F;    }
    
    
#main-nav .position.sub-nav li.child a {
   padding: 20px 0;
   padding-top: 12px;
}

#main-nav .right-panel .position.sub-nav li.child a {
   padding: 5px 0;
}




#main-nav .sub-nav .col {    padding: 0;    }

/* make heights match */
#main-nav > .sub-nav > .col > .row {    display: flex;    }

#main-nav .sub-nav > .col > * {    padding-left: 30px;    }

.dropdown-content ul li,
.sub-nav ul li,
.dropdown-content ul li:hover,
#main-nav .sub-nav ul li:hover {
    border-bottom: none;
}

#main-nav li.child {    padding: 4px 0 !important;    }

#main-nav .right-panel {    display: flex;    }

#main-nav .right-panel .sub-nav-group {
    width: 44%;
    margin-left: 6%;
}

#main-nav .right-panel .sub-nav-group ul li {        }

#main-nav .right-panel .sub-nav-group ul li ul li {
    /* used for international sub sub links */
    padding-left: 30px !important;
}

#main-nav .right-panel .sub-nav-group:nth-child(-n+2)  {    border-right: 1px solid #EEE9E2;    }




/* ---------      ways to study sub nav     -------------- */

#main-nav #div_3203134, /* international */
#main-nav #div_3202486 {
    
}

#main-nav #div_3203134 .position.two,
#main-nav #div_3202486 .position.two {    border-right: none;    }
    
#main-nav #div_3203134 .right-panel .sub-nav-group,
#main-nav #div_3202486 .right-panel .sub-nav-group {
    width: 44%;
    margin-left: 6%;
}



/* ----------     explore courses sub nav     ----------- */

#div_3203138 .right-panel,
#div_3202490 .right-panel, 
#div_3605823 .right-panel {    flex-direction: column;    }

#main-nav #div_3203138.sub-nav,
#main-nav #div_3202490.sub-nav, 
#main-nav #div_3605823.sub-nav {    background: #ffffff; padding-bottom: 0;   }

#div_3203138 .sub-nav-group,
#div_3202490 .sub-nav-group, 
#div_3605823 .sub-nav-group {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* ---- is this the most specific selector ever written? */
#main-nav #div_3203138.sub-nav .sub-nav-group ul li a,
#main-nav #div_3202490.sub-nav .sub-nav-group ul li a, 
#main-nav #div_3605823.sub-nav .sub-nav-group ul li a {   
    color: #DA3D0F !important;
    text-decoration: none !important;
}
#main-nav #div_3203138.sub-nav .sub-nav-group ul li a:hover,
#main-nav #div_3203138.sub-nav .sub-nav-group ul li a:focus,
#main-nav #div_3202490.sub-nav .sub-nav-group ul li a:hover,
#main-nav #div_3202490.sub-nav .sub-nav-group ul li a:focus,
#main-nav #div_3605823.sub-nav .sub-nav-group ul li a:hover, 
#main-nav #div_3605823.sub-nav .sub-nav-group ul li a:focus {    text-decoration: underline !important;    }

#main-nav #div_3203138 #courses-mega,
#main-nav #div_3202490 #courses-mega,
#main-nav #div_3605823 #courses-mega {
    display: flex;
    flex-direction: row;
    margin: 0;
}

#main-nav #div_3203138 #courses-mega > *,
#main-nav #div_3202490 #courses-mega > *, 
#main-nav #div_3605823 #courses-mega > * {    flex: 1 1 0;    }

#main-nav #div_3203138 #courses-mega .sub-nav-group,
#main-nav #div_3202490 #courses-mega .sub-nav-group, 
#main-nav #div_3605823 #courses-mega .sub-nav-group {
    width: 22%;
    margin-left: 0;
    margin-right: 3%;
    padding-right: 3%;
    border-right: 1px solid #EEE9E2;
}

#main-nav #div_3203138 #courses-mega .sub-nav-group.four,
#main-nav #div_3202490 #courses-mega .sub-nav-group.four, 
#main-nav #div_3605823 #courses-mega .sub-nav-group-four {
    margin-right: 0;
    border-right: none;
}

#main-nav #div_3203138 #courses-mega li.child,
#main-nav #div_3202490 #courses-mega li.child, 
#main-nav #div_3605823 #courses-mega li.child {    position: relative;    }

#main-nav #div_3203138 #courses-mega li.child a,
#main-nav #div_3202490 #courses-mega li.child a, 
#main-nav #div_3605823 #courses-mega li.child a {    width: 100%;    }

/* arrow no longer used 
#main-nav #div_3203138 #courses-mega li.child span,
#main-nav #div_3202490 #courses-mega li.child span, 
#main-nav #div_3605823 #courses-mega li.child span {
    position: absolute;
    top: 10px; right: 0;
}
*/

img.csu-logo-image.csu-site-title-image {
    border-right-color: transparent;
}


#div_3203138 #browse-link,
#div_3202490 #browse-link, 
#div_3605823 #browse-link {
    background: #F7F5F2;
    border-top: 1px solid #EEE9E2;
    width: 102%;
    position: relative; left: -30px; /* subtract padding in parent element ~ line 112 */
}

#div_3203138 #browse-link p,
#div_3202490 #browse-link p, 
#div_3605823 #browse-link p {       margin: 20px 0;    }

#div_3203138 #browse-link p a,
#div_3202490 #browse-link p a, 
#div_3605823 #browse-link p a {  
    color: #222222 !important;
    padding: 0 20px 0 0;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
}

#div_3203138 #browse-link p a:after,
#div_3202490 #browse-link p a:after, 
#div_3605823 #browse-link p a:after { 
    font-family: "csu-icons-2019";
    content: '\e90c';
    color: #DA3D0F;
    color: #222222;
    font-size: 24px !important;
    line-height: 16px !important;
    position: relative; top: 7px;
    padding-left: 6px;
}

#div_3203138 #browse-link p a:hover,
#div_3203138 #browse-link p a:focus,
#div_3202490 #browse-link p a:hover,
#div_3202490 #browse-link p a:focus, 
#div_3605823 #browse-link p a:hover, 
#div_3605823 #browse-link p a:focus {    color: #DA3D0F !important;    }
    



/* ----------     university life sub nav     ----------- */

#div_3203142,
#div_3202494 {
    
}

#div_3203142 .right-panel .university-life li,
#div_3202494 .right-panel .university-life li {
    position: relative;
    padding-left: 30px !important;
}

#div_3203142 .right-panel .university-life li span,
#div_3202494 .right-panel .university-life li span {
    position: absolute;
    left: 0; top: 0;
}

/* ----------     get support sub nav     ----------- */

#div_3203146,
#div_3202498 {
    
}

#div_3203146 .right-panel .get-support li,
#div_3202498 .right-panel .get-support li {
    position: relative;
    padding-left: 30px !important;
}

#div_3203146 .right-panel .get-support li span,
#div_3202498 .right-panel .get-support li span {
    position: absolute;
    left: 0; top: 0;
}


/* ----------     apply sub nav     ----------- */

#div_3203152 .right-panel .col:nth-child(2),
#div_3202502 .right-panel .col:nth-child(2) {    padding-left: 30px;    }

#div_3203152 .right-panel .application-questions li,
#div_3202502 .right-panel .application-questions li {
    position: relative;
    padding-left: 30px !important;
}

#div_3203152 .right-panel .application-questions li span,
#div_3202502 .right-panel .application-questions li span {
    position: absolute;
    left: 0; top: 0;
}

#div_3203152 .right-panel .application-questions ul.expand-body,
#div_3202502 .right-panel .application-questions ul.expand-body {
    margin-top: 8px;
}    
    
#div_3203152 .right-panel .application-questions .expand-body li,
#div_3202502 .right-panel .application-questions .expand-body li {
    padding-left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

#div_3203152 .right-panel .application-questions .expand-body li a,
#div_3202502 .right-panel .application-questions .expand-body li a {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

/* ----------     contacts sub nav     ----------- */

#div_3203156 .right-panel .col:nth-child(2),
#div_3202506 .right-panel .col:nth-child(2) {    padding-left: 60px;    } 

#main-nav #div_3203156 .right-panel,
#main-nav #div_3202506 .right-panel {    display: block;    }
/*
#main-nav #div_3203156 .information,
#main-nav #div_3202506 .information {    padding-left: 30px;    }
*/
#main-nav #div_3203156 .information a,
#main-nav #div_3202506 .information a,
#main-nav #div_3203156 .i-want-to-study a,
#main-nav #div_3202506 .i-want-to-study a {    padding-bottom: 0 !important;    }




/* ------------     cohort switch      -------------- */

#main-nav ul.cohort {
    position: absolute;
    top: 0;
    right: 0;
}

#main-nav ul.cohort > li {
/*#main-nav ul.main-nav-wrap > li:nth-last-child(2) { */
    margin-left: auto;
    margin-bottom: 6px;
    margin-bottom: 2px;
    padding-right: 20px;
}

#main-nav ul.cohort > li a {
/*#main-nav ul.main-nav-wrap > li:nth-last-child(2) a {*/
    padding-bottom: 0;    
}

#main-nav ul.cohort > li div {
/*#main-nav ul.main-nav-wrap > li:nth-last-child(2) div { */
    background: #CDC6BD;  font-size:13px; border:1px solid #CDC6BD; 
}

#main-nav ul.cohort > li div#cohort-switch.blink {
/*#main-nav ul.main-nav-wrap > li:nth-last-child(2) div#cohort-switch.blink {*/
    background: inherit !important;
  /*  background-color: rgba(201,45,12,0.5) !important;
    color: white; */
    background: #CDC6BD !important; 
    border:1px solid #DA3D0F !important;
    
}

#main-nav ul.cohort > li div#cohort-switch.blink div {
/*#main-nav ul.main-nav-wrap > li:nth-last-child(2) div#cohort-switch.blink div {*/
    background: inherit !important;
}

#main-nav ul.cohort > li div:hover {
/*#main-nav ul.main-nav-wrap > li:nth-last-child(2) div:hover {*/
    background: white; border:1px solid #fff; 
}

#mob-cohort-switch ul,
#cohort-switch ul {    background: #fff; box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);   }

#cohort-switch,
#mob-cohort-switch {
    position: relative;
    top: 3px;
    font-family: 'Basis Grotesque Medium', sans-serif;
}

#cohort-switch {
    top: -4px;
}

#mob-cohort-display::after,
#cohort-display::after { 
    font-family: 'fontawesome';
    content: '\f0d7';
    margin-left: 5px;
} 
#mob-cohort-display.caret-up::after,
#cohort-display.caret-up::after {    content: '\f0d8';    }

#cohort-display,
#cohort-switch li.cohort-select {   padding: 6px 12px 5px;   }

#main-nav #cohort-switch li.active a {    border-bottom: none !important;    }

#mob-cohort-switch ul,
#cohort-switch ul {
    position: absolute;
    right: 5px;
    display: none;
}


#mob-cohort-switch li::before,
#cohort-switch li::before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-weight: 100;
    color: #EEE9E2;
    padding: 1px;
    border: 1px solid #519674;
    margin-right: 5px;
}
    
#mob-cohort-switch li.active::before,
#cohort-switch li.active::before {
    background: #519674;
    color: #fff;
    padding: 1px;
    border: 1px solid #519674;
}
    

/*
#main-nav ul.main-nav-wrap li div:hover, 
#main-nav ul.main-nav-wrap li div:focus {
    background: #FFF !important;
}*/

.main-nav-wrap li.nav-item:nth-last-child(1){
    background-image: none !important;
}


#banner-hub-menu {    display: none;    }

#mob-cohort-switch:hover,
#mob-cohort-switch:focus,
#cohort-switch:hover,
#cohort-switch:focus {    cursor: pointer;    }

#mob-cohort-switch ul.active,
#cohort-switch ul.active,
#banner-hub-menu.active {    display: block;    }

#mob-cohort-switch li.cohort-select,
#cohort-switch li.cohort-select {
    display: block;
    text-align: left;
    text-transform: capitalize;
    width: 320px;
    font-size:13px;
}

#mob-cohort-switch li.cohort-select a,
#cohort-switch li.cohort-select a {       }


#mob-cohort-switch li.cohort-select:hover,
#mob-cohort-switch li.cohort-select:focus,
#cohort-switch li.cohort-select:hover, 
#cohort-switch li.cohort-select:focus {
    background: #EEE9E2;
    color: #000;
    cursor: pointer;
}




#can-we-help-you {
    background-color: #fff;
    padding: 0 0 10px;
}

#can-we-help-you h2 {
    color: #414141;
    line-height: 30px;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 20px;
    padding-top: 30px;
}

#can-we-help-you a.button.large {
    background-color: #f2f2f2;
   
    color: #414141;
    font-weight: 400 !important;
    font-size: 16px;
    padding: 15px;
    display: block;
    margin-bottom: 20px;
    height: auto !important;
    white-space: normal;
    width:100%;
}

/* ----------     Homepage cohort buttons     ----------- */

.fifth-card.col {    position: relative;    }

.fifth-card.col > div:not(.fifth-tooltip) {
    display: flex;
    justify-content: center;
}
.fifth-card.col > div:not(.fifth-tooltip) h3 {
    align-self: center;
    margin: 0;
}   
.fifth-card.col > div:not(.fifth-tooltip) h3 a {
    display: block;
    padding: 2rem 1rem; 
}


/* ----------     Homepage calp buttons     ----------- */

.calp-box.modal-trigger:hover, .calp-box.modal-trigger:focus {    border: none !important;    }




/* ----------     icon deck     ----------- */

#icons-bg > .container .row {    margin-bottom: 0;    }

div.ds-component.icon-deck {    margin-top: 0;    } /* correct from components-brand-2019 */

@media only screen and (min-width: 993px) {
    div.ds-component.icon-deck {    padding: 30px 0;    }
}

.icon-deck .row .col {    padding: 0 40px;    }

.icon-deck .row .col.m4 {    width: 100%;    } 

@media only screen and (min-width: 993px) {
    .icon-deck .row .col.m4 {     
        width: 33.3333333333%;
        padding: 0 25px;
    } 
}

@media only screen and (min-width: 601px) {
    .icon-deck .row .col {    padding: 0;    }
}

div.ds-component.icon-deck h5 {
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 20px;
}

div.ds-component.icon-deck img {    margin-top: 10px;    }





/* ----------     Homepage location cards     ---------- */

#location-cards {    padding: 0 20px;    }

#location-cards h2, #careers h2 {
    display: inline-block;
    width: auto;
    margin-top: 0;
}
    
@media only screen and (min-width: 576px) {
    #location-cards {    padding: 0;    }
    #location-cards p.small {   
        position: relative;
        top: 30px;
        margin-bottom: 0;
    }
}

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

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


#loc-list .card:hover,
#loc-list .card:focus,
#loc-list .bg-card:hover,
#loc-list .bg-card:focus {    transform: none;    }

#loc-list .card:hover,
#loc-list .card:focus {
    padding-bottom: 3px; 
    /*transform: scale(1.015);*/
    transform: none !important;
}



#career-area .container > .row {    margin-bottom: 0;    }

/* Remove hub menu */
.hub-button {    display: none; }


.mobile-only {    display: none;    }

.small-text {
    font-size: 12px;
    line-height: initial;
}


/* mobile font scaling */

@media screen and (max-width: 600px) {
    h1, .csu-more-section h1 {    font-size: 2rem !important; line-height: 1.25 !important;   }
    h2, .csu-more-section h2 {    font-size: 1.625rem !important; line-height: 1.15384615 !important;    } 
    h3, .csu-more-section h3 {    font-size: 1.375rem !important; line-height: 1.13636364 !important;    }
    h4, .csu-more-section h4 {    font-size: 1.25rem !important; line-height: 1.11111111 !important;    }
    
    #mainDiv ul.tabs:not(.menu-tabs) li.tab a {
        border: 1px solid #fff;
        padding: 1rem 1.25rem !important;
    }
}


/* tablet col width - home and courses search */

@media only screen and (max-width: 993px) {
    #explore-courses .col.l6, #explore-courses .col.m8, #explore-courses .col.m4 {
        width: 100% !important;    
    }
    
}



/* why study with us */

.steps .row .col .step-container .step-number {
    float: none;
    height: 50px;
    width: 100%;
}

.csu-more-section.steps .container .row .col .step-container {
    border-bottom: none;
}

.steps .step-container .button {
    margin: 5px 0;
    width: auto;
/*  min-width: 60%; Removed on 18 June by Alex. It was making these buttons unecessarily big. */ 
}

@media only screen and (min-width: 768px) {
    .steps .step-container .button {
        margin: 5px;
    }
}

@media only screen and (min-width: 993px) {
   .steps .row .col .step-container .step-number {
       float: left;
       height: 100px;
       width: 100px;
   }
   .csu-more-section.steps .container .row .col .step-container {
        border-bottom: 2px solid #f2f2f2;
    }
}



@media only screen and (min-width: 993px) {
   .container {    width:79%; max-width: 1280px;   }
}

@media all and (max-width: 993px) {
    .mobile-only, .hub-button {
        display: block;
    }
}


/* add the xl breakpoint so the calp boxes work on tablet */

@media only screen and (min-width: 1201px) {
  .row .col.xl1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl1 {
    right: 8.3333333333%;
  }
  .row .col.push-xl1 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl2 {
    right: 16.6666666667%;
  }
  .row .col.push-xl2 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.pull-xl3 {
    right: 25%;
  }
  .row .col.push-xl3 {
    left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl4 {
    right: 33.3333333333%;
  }
  .row .col.push-xl4 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl5 {
    right: 41.6666666667%;
  }
  .row .col.push-xl5 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.pull-xl6 {
    right: 50%;
  }
  .row .col.push-xl6 {
    left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl7 {
    right: 58.3333333333%;
  }
  .row .col.push-xl7 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl8 {
    right: 66.6666666667%;
  }
  .row .col.push-xl8 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.pull-xl9 {
    right: 75%;
  }
  .row .col.push-xl9 {
    left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl10 {
    right: 83.3333333333%;
  }
  .row .col.push-xl10 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl11 {
    right: 91.6666666667%;
  }
  .row .col.push-xl11 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12 {
    right: 100%;
  }
  .row .col.push-xl12 {
    left: 100%;
  }
}


#chatButton {
    box-shadow: none;
    right: 1px;
    width: 170px !important;
}

#chatButton .collapsible {
    position: absolute;
    width: 170px !important;
}

#chatButton #chatButtonToggle {
    position: relative;
    float: left;
    width: 40px;
    top: 8px;
    height: 50px;
    right: 36px !important;
    background-color: #f7f5f2 !important;
}

#chatButtonToggle > i {
    color: #DA3D0F;
    font-size: 2rem;
    line-height: 1.5;
    padding-left: 4px;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.29);
}

#chatButton #chatButtonToggle:hover {
    cursor: pointer;
}

@media screen and (max-width: 600px){
    #chatButton {
        right: -170px;
    }
}


#chatButton .print {
    margin: 8px !important;
}




/* Cookies bottom sheet */

.modal.bottom-sheet {
    background-color: rgba(2, 2, 2, 1) !important;
}

.modal.bottom-sheet p {
    color: #fff !important;
}


.modal.bottom-sheet p a {
    color: #519674;
    text-decoration: underline;
}

.modal.bottom-sheet p a:hover, 
.modal.bottom-sheet p a:focus {
    text-decoration: none;
}

.modal.bottom-sheet a.waves-light.button {
    background-color: #1C875B; /* Contrast fail - Changed from #519674 */
    border: 1px solid #1C875B !important;
}

.modal.bottom-sheet a.waves-light.button:hover, 
.modal.bottom-sheet a.waves-light.button:focus,
.modal.bottom-sheet a.waves-light.button:hover::after,
.modal.bottom-sheet a.waves-light.button:focus::after {
    color: #000000 !important;
}

.mainDiv footer a.footer-links:hover, 
.mainDiv footer a.footer-links:focus {
    text-decoration: underline !important;
}

.mainDiv footer .social-media-section a:hover,
.mainDiv footer .social-media-section a:focus {
    font-size: 15px !important; /* AR 201909301429 reduce hover/focus size from 17px to 15px */
    outline: auto;
}


/*GLOBAL NAV*/
#hiddenGlobalMenuFull, #hiddenGlobalMenuMobile {
    display:none;
}

/*Lock icon for large buttons on Current Students - Added 21/08/2020 by Alex and Erwin */

.fa-lock::before {
    font-family: 'fontawesome';
}

a.fa-lock::before {
    content:none;
}

a.fa-lock::after {
    content:"\f023";
    padding: 0 5px;
    font-family: 'fontawesome';    
}

a.button.fa-lock::before {
    padding-right: 10px;
    content:"\f023";
}

a.button.fa-lock::after {
    content:none;     
}

a.button.largeButton.fa-lock {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

a.button.largeButton.fa-lock::before {
    font-size: 25px;
    padding-right: 20px;
    display: flex;
    content:"\f023";     
}

a.button.largeButton.fa-lock::after {
    display: flex;
    position: unset;
    margin-left: auto;
}  

a.button.largeButton.fa-lock.body {
    width: auto;
}


@media only screen and (max-width: 414px) {
    a.mob-direct-links {
        display: none !important;
    }
}


ul.upcoming-dates strong {
    display: block;
}

ul.upcoming-dates + p.right {
    float: unset !important;
}

#body .modal.calp-modal div.section.csu-grey-section h2, 
#body .modal.calp-modal div.section.csu-grey-section i.material-icons {
    /*color: #222222 !important;*/
    color: #fff !important;
    margin-top: 0px !important;
}

@media print {
    div#chatButton, div#acc-sticky-container {
        display: none;
    }
}