/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 08 November 2025 04:46:38
*/


/* 
custom_developer.css
28.07.2017
*/

/*.container {
    margin-top: 30px;
    padding-top: 5px;
    max-width:1280px;
  }
  .container.eightfifty{
  
    max-width:850px;
  }*/
  
 
.page-accordion th {    color: #222;    }
 
div#homeSellCard img {    height: fit-content;     } 
  
 .csu-more-section .col.highlight {
     padding: 25px;
     background: #F7F5F2;
 }
  
/* ul ticklist style for content editors eh 20211110 */

#content-container .csu-more-section .list-correct ul[class^="ticklist"] {
    border: none !important;
    padding-left: 0;
    margin: 0.5rem 0 1rem 0;
    list-style-type: none !important
}
ul.ticklist.orange,
#content-container .list-correct ul.ticklist.orange {
    list-style-image: url(https://cdn.csu.edu.au/__data/assets/image/0005/2764859/icon_tick.png)!important;
}

ul[class^="ticklist"] li,
#content-container .list-correct ul[class^="ticklist"] li {
   
    background-repeat: no-repeat;
    background-position-x: 0;
    background-position-y: 6px;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 30px !important;
}
ul.ticklist-green li,
#content-container .list-correct ul.ticklist-green li {
    background-image: url("data:image/svg+xml,%3Csvg width='183px' height='125px' viewBox='0 0 183 125' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Egreen tick%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cg id='green-tick' transform='translate(8.000000, 7.000000)' stroke='%23519674' stroke-width='10'%3E%3Cline x1='-7.48947389e-15' y1='53' x2='56.5' y2='110.5' id='Line'%3E%3C/line%3E%3Cline x1='56.5' y1='110.5' x2='167.5' y2='0.5' id='Line-2'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
ul.ticklist-orange li,
#content-container .list-correct ul.ticklist-orange li {
    background-image: url("data:image/svg+xml,%3Csvg width='183px' height='125px' viewBox='0 0 183 125' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eorange tick%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3E%3Cg id='Group' transform='translate(8.000000, 7.000000)' stroke='%23DA3D0F' stroke-width='10'%3E%3Cg%3E%3Cline x1='-7.48947389e-15' y1='53' x2='56.5' y2='110.5' id='Line'%3E%3C/line%3E%3Cline x1='56.5' y1='110.5' x2='167.5' y2='0.5' id='Line-2'%3E%3C/line%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

  /* alerts eh 20200523 */
  /* default */
 .alert {
    color: #222;
    background: #f1f1f1 url(https://api.iconify.design/simple-line-icons:info.svg?color=%23567DC3&width=24&height=24) no-repeat 10px center;
    position: relative;
    padding: 0.75rem 1.25rem;
}
 .alert.warning {
     border: 1px solid #e4a896;
     background: #f1f1f1 url('https://api.iconify.design/simple-line-icons:bulb.svg?color=%23E4A896&width=24&height=24') no-repeat 10px center;
}
 .alert.error {
     border: 1px solid red;
     color: #222;
     background: #f2dede url('https://api.iconify.design/simple-line-icons:exclamation.svg?color=red&width=24&height=24') no-repeat 10px center;
}
 .alert.success {
     border: 1px solid #519674;
     background: #f1f1f1 url('https://api.iconify.design/simple-line-icons:emotsmile.svg?color=%23519674&width=24&height=24') no-repeat 10px center;
}
 .alert.alert-settings, .alert.alert-success, .alert.alert-warning, .alert.alert-danger, .alert.alert-covid {
     border: none;
     color: #222;
}
 .alert.covid, .alert.alert-covid {
     border: 1px solid #cab5ff !important;
     background-color: #fdfcff;
     background-image: url('https://cdn.csu.edu.au/__data/assets/file/0007/3402583/virus_lilac.svg?width=24&height=24');
     background-repeat: no-repeat;
     background-size: 24px 24px;
}
 .alert.alert-settings {
     background: #c7d3e3 url('https://api.iconify.design/ps:row-setting.svg?color=%23567DC3&width=24&height=24') no-repeat 12px center;
}
 .alert.alert-danger {
     background: #ed8787 url('https://api.iconify.design/bytesize:alert.svg?color=black&width=24&height=24') no-repeat 12px center;
}
 .alert.alert-warning {
     background: #f9c672 url('https://cdn.csu.edu.au/__data/assets/file/0005/3338447/icon-alert-circle.svg?color=black') no-repeat 12px center;
     background-size: 24px 24px;
}
 .alert.alert-success {
     background: #7cc2a0 url('https://cdn.csu.edu.au/__data/assets/file/0005/3338447/icon-alert-circle.svg?color=black') no-repeat 12px center;
     background-size: 24px 24px;
}
 .alert.alert-error {    
     background: #f2dede url('https://cdn.csu.edu.au/__data/assets/file/0005/3338447/icon-alert-circle.svg?color=black') no-repeat 12px center;
     background-size: 24px 24px;
 }
 
 .alert {
     border-radius: 2.5rem;
     text-align: left;
     padding-left: 46px;
}
 .alert * {
     color: #222;
}
 .alert a {
     text-decoration: underline;
     color: #222;
}
 .alert a:hover, .alert a:focus {
     color: #222;
     text-decoration: none;
     outline: none;
}
 .alert.center {
     text-align: center;
     width: fit-content;
}
 .alert.info {
    /* default */
}
 .alert.square {
     border-radius: 0;
     
}

/* end alerts */


  
 /* add inline p alerts eh 20210429 transcribed from mk3 */
 
 p.alert {    
    background-color: #F7F5F2;  
    padding-left: 46px !important;
    background-position-y: 12px;
    background-position-x: 12px;
}
 p.alert.info, 
 p.alert.information {    background-image: url('https://api.iconify.design/simple-line-icons:info.svg?color=black&width=24&height=24');    }
 p.alert.exclamation {    background-image: url('https://api.iconify.design/simple-line-icons:exclamation.svg?color=black&width=24&height=24');    }
 p.alert.settings {    background-image: url('https://api.iconify.design/simple-line-icons:settings.svg?color=black&width=24&height=24');   }
 p.alert.question {    background-image: url('https://api.iconify.design/simple-line-icons:question.svg?color=black&width=24&height=24');   }
 p.alert.tick {    background-image: url('https://api.iconify.design/simple-line-icons:check.svg?color=black&width=24&height=24');    }
 p.alert.lock {    background-image: url('https://api.iconify.design/simple-line-icons:lock.svg?color=black&width=24&height=24');   }
 p.alert.note {    background-image: url('https://api.iconify.design/simple-line-icons:note.svg?color=black&width=24&height=24');   }
 p.alert.fix {     background-image: url('https://api.iconify.design/simple-line-icons:wrench.svg?color=black&width=24&height=24');    }
 p.alert.docs {    background-image: url('https://api.iconify.design/simple-line-icons:docs.svg?color=black&width=24&height=24');   }
 
/* alerts in tabs */
.tab-content .alert {    background-color: #eee9e2 ;  width: fit-content;    }



 /* end inline */
  
  #sidenav-overlay {
    z-index: auto;
  }
  
  #introduction {
    padding-top: 0;
    padding-bottom: 0;
}

.page-introduction {
    padding-top: 0;
    padding-bottom: 0
}
.page-introduction ~ .page-introduction {
    padding-top: 30px;
    padding-bottom: 10px;
}

/* Search container white space and in page styles */

  .spacer {
      height: 80px;
  }
  
    @media screen and (max-width: 600px) {
      .spacer {
          height: 100px;
      }
    }  
  
    @media screen and (max-width: 580px) {
      .spacer {
          height: 20px;
      }
      div.usabilla_live_button_container {
            display: none !important;
        }
    }    
  
    .csu-more-section .container .container#research-search-container {
        position: static;
        transform: translate(0%);
        width: 100%;
    }
      
    .csu-more-section .container .spacer {
        height: 0px;
    } 
  
/* end search container white space and in page styles */
  
  .no-top {
    margin-top: 0;
  }
  
  .no-bottom {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  strong {
   font-weight: 600 !important;
  }
  
  nav {
    color:#fafafa;
    background-color:#fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-shadow: none;
  }
  
  div.usabilla_live_button_container {
    right:18px !important;
    top:55% !important;
  }
  
  @media screen and (max-width: 720px) {
        nav {
            height: auto;
        }
  }  
  
  nav .brand-logo {
    position: absolute;
    color: #DA3D0F;
    display: inline-block;
    font-size: 2.1rem;
    padding: 0;
    white-space: nowrap;
  }
  
  .tabs.tabs-transparent .tab a, .tabs.tabs-transparent .tab.disabled a, .tabs.tabs-transparent .tab.disabled a:hover {
    color: #000;
    background-color: #fff;
    z-index: -100;
  }

  .tabs.tabs-transparent .indicator {
    background-color: transparent;
  }

  .tabs .tab a {
    font-size: 15px;
    font-weight: 500 !important;
    color:#414141 !important;
    text-transform: none;
    border-bottom: 1px solid #e0e0e0;
    text-decoration: none !Important;
    background-color: #f2f2f2;
  }
  
  .tabs .tab a:hover, .tabs .tab a:focus {
    background-color: #DA3D0F !important;
    color: #FFF !Important;
    text-decoration: underline !important;
    border-bottom: 4px #DA3D0F solid !important;
  }
  
  .tabs .tab a.active {
    background-color: #414141 !Important; 
    color: #FFF !Important;
    text-decoration: none;
    border-bottom: 4px #414141 solid !important;
    opacity: 1;
  }
  
  .tabs .tab a.active.menu-active {
    background-color: transparent !Important; 
  }
  
  .tabs .indicator {
      background-color: #DA3D0F;
   }
        
  #leftmenu {
    position: fixed;
    top: 52%;
    left: 0;
    border: 1px solid #ddd;
    padding-right: 5px;
    z-index: 998;
    background: white;
  }
  
  .no-margin {
    margin:0;
  }
  
  th, td {
   padding-left: 10px !important;
   font-size:15px;
  }
  
  table.highlight > tbody > tr:hover {
    background-color: #000;
  }
  table tr {
    border: 3px solid white;
  }
  table td, table li {color:#414141;}
  table p {
    color: #414141;
  }
  
  table a:link, table a:visited {
    text-decoration: underline;
    }

  table a:hover, table a:focus {
    text-decoration: none!important;
    } /* A11y Tweak 4-1-19 */
    
 /* date tables */
 
 .about-dates th,
 .about-dates td {
    vertical-align:top;
 }
 .about-dates th {   width: 18%; }
 .about-dates td:first-of-type {   width: 30%; }
    
 @media (max-width: 1024px) {
    .about-dates th,
    .about-dates td,
    .about-dates td:first-of-type { 
        width: 100%;
        display: block;
    }
 }

  
  div:first-child ul.tabs {
    margin-top: 4px;
  }
  /* Tab padding
  div.col.s12.m10.l9 div.section div.row div.col.s12 div.col.s12 {padding:0;}*/
  
  div.col div.section div.row div.col div.col {padding:0;}
  div.col div.section div.row div.col div.col div.col {padding:0 10px;}
  
  .tabs {
    border-bottom: 1px solid #e0e0e0;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .slider .indicators .indicator-item.active {background-color: #DA3D0F !Important;}
  .mainNav .tabs {
    margin:0;
  }
  
  #fast-facts ul li {
    margin: 0;
    padding: 0;
  }
  
  nav > * > .tabs .tab a {
    border-bottom: none !important;
    text-decoration: none !important;
    font-weight: 400 !important;
  }
  
  nav > * > .tabs .tab a.active {
    background-color: transparent !important;
    color: #DA3D0F !important;
    height: 95% !important;
    border-bottom: 4px solid #DA3D0F !important;
    text-decoration: none !important;
  }
  
  nav > * > .tabs .tab a:hover {
    background-color: white !important;
    color: #DA3D0F !important;
    list-style: none !important;
    text-decoration: underline !important;
    border-bottom: 4px #DA3D0F solid;
    height: 95%;
  }

  nav > * > .tabs .tab a:focus {
    background-color: white !important;
    color: #DA3D0F !important;
    list-style: none !important;
    text-decoration: underline !important;
    border-bottom: 4px #DA3D0F solid;
    height: 95%;
  }
  
  nav > * > .tabs.tabs-transparent .indicator {
    background-color: transparent;
  }


  
  /*.topMenuColor li {
    background-color: #F0F0F0 ;
  }
  */
  a.topMenu, a.topMenu > * {
    color: #000;
    font-weight: 400;
    height: 34px !important;
    line-height: 34px !important;
    padding-left: 5px;
    padding-right:5px;
  }
  
  a.globalMenu {
    color: #fff;
    font-size: 12px;
    font-weight: 500 !important;
    height: 30px !important;
    line-height: 14px !important;
    padding: 0 10px;
  }
  
  a.globalMenu:hover, a.globalMenu:focus  {
   background: transparent;
    text-decoration:underline !important;
    color: #E4E4E4;
  }
  
  div.topLogo {
    margin-top: 0;
    max-height:20px;
  }

  div.topLogo img a:focus {
    outline: -webkit-focus-ring-color auto 5px;
  }
  
  .csu-site-title-image {
    border-right: 1px solid #efefef;
    margin-right: 1em;
    padding-right: 1em;
    width: 190px;
    /*max-width: 190px;
     min-width: 190px;*/
  }
  
  @media (max-width: 992px) {
      #banner-brand > a:nth-of-type(1) {   margin: 0px auto;    }
      #banner-brand > a:nth-of-type(1) img  {
          margin-right: 0;
          padding-right: 0;
      }
  }
    
    #banner-brand a:nth-of-type(2) img {
        border: 0 !important;
        height: 45px;
        line-height: 0;
    }
    
    #banner-brand a:nth-of-type(2) {
        line-height: 0;
    }
 /*   emrys 20200720
    #banner-brand .banner-center {
        position: absolute;
        left: calc(50% - 95px);
    }
  */
  .csu-site-title {
    color: #414141;
    font-size: 16px;
    font-weight: 400 !important;
    line-height: 30px;
  }
  .csu-site-title:focus {
    text-decoration: underline !important;
}
    a img.csu-site-title-image:focus {
        outline: 1px solid #DA3D0F;
    }
    
    @media (max-width: 768px) {
        .csu-site-title span {display: none;}
        .search-widget { margin-top: 18px; }
        .csu-infotainment-section {
            height: 128px !important;
        }
    }
  
  /* QQQ: added by Kel - H1 sitename */
  #body .topNav .siteName h1 {
      font-size: 17px;
      margin: 0 !important;
      padding: 0 !important;
  }

  .topNav, .mainNav {
    margin-bottom: 0px;
    padding-top: 0px !important;
  }

  /* Commented out by gng@csu.edu.au on 19/9/17 - can be removed after 19/10/17
  .topNav, .mainNav {
    margin-bottom: 0px;
  } */

  .topNav {
    padding:10px;
    /*padding-bottom: 10px;*/
    padding-bottom: 0px;
    position: relative;
    z-index:2;
    border-bottom: 1px solid #f1f1f1;
  }

  /* Commented out by gng@csu.edu.au on 19/9/17 - can be removed after 19/10/17
  .topNav {
    padding:10px;
    padding-bottom: 0px;
    position: relative;
    z-index:1;
  } */
  
  .mainNav {
    background-color: rgba(255, 255, 255, 0.8);
  }
  
  .siteName {
    padding-top: 15px !important;
  }
  
  :link :visited {
    color: red;
    outline: 0;
    text-decoration: none;
  }
  
  .red {
    background-color: #DA3D0F !important;
  }
  .red-icon {color: #DA3D0F!important;}
  
  .red-text {
    color: #DA3D0F !important;
  }
  
  .top-icon {color: #414141 !important;
    padding: 5px 20px 5px 10px;}
  .top-icon:hover {color: #DA3D0F !important;}
  
  footer.page-footer a:link, footer.page-footer a:visited {color:#333; text-decoration: none!important;font-size: 13px;
font-weight: 400 !important;}

  footer.page-footer a:hover, footer.page-footer a:focus, footer.page-footer a:active {
    color:#DA3D0F;
    text-decoration:underline !important;
  }
  
  footer.page-footer .footer-copyright a:link, footer.page-footer .footer-copyright a:visited {color:#FFF;}

  .mainDiv footer.page-footer .footer-copyright a:hover, .mainDiv footer.page-footer .footer-copyright a:focus, .mainDiv footer.page-footer .footer-copyright a:active {
    color:#FFF;
    text-decoration:underline !important;
  }


#stackla-heading .social-menu {
    display: flex;
    justify-content: flex-end;
    padding-right: 22px;
}
.social-menu li {
    display: inline-block;
    padding: 0 0 0 0.75rem;
}

.page-footer h6 {
    margin-bottom: 10px;
    font-size: 15px;
}

.page-footer h5 {
    margin: 0px;
    font-size: 15px;
line-height: 32px;
text-transform: uppercase;
/*text-transform: initial;*/
font-weight: 500 !important;

}
.collection a.collection-item {
    color: #DA3D0F;
}

div.acknowledgement-of-country-section {
    background:#DDDDDD!important;
    padding: 22px 10px;
}

p.footer-acknowledgement-of-country {
    color: #414141;
    font-size: 13px;
    font-style: italic;
    text-align: center;
    
    line-height: 22px;
    
    max-width: 960px;
    margin: auto;
}


  .btn, .btn-large, .btn-flat {
    border-radius: 2px;
    font-weight: 400;
    font-size: 14px;
    box-shadow:none;
    text-decoration:none !important;
  }
  
  .red-btn,.red-btn:active {
    background-color: #DA3D0F !important;
    text-transform: none;
    font-weight: 400;
  
    font-size: 15px;
  }
  
  .grey-btn:hover {
    background-color: #fff !important;
    border: 1px solid #DA3D0F;
    color: #DA3D0F;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    text-shadow: none;
  }
  
  .grey-btn,.grey-btn:active {
    border: 1px solid #A3A3A3; !important;
    text-transform: none;
    font-weight: 400;
    background-color: transparent;
    color: #414141;
    font-size: 15px;
  }
  
  .grey-btn:hover {
    background-color: #DA3D0F !important;
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
    color:#FFF;
  }
  .btn:focus, .btn-large:focus, .btn-floating:focus {background-color: transparent;}
  .card-title.course-grid {
    color:#fff;
    line-height:20px !Important;
    font-size:15px;
    text-align:center;
    font-weight:500!Important;
    display:block;
  }
  
  /* Cards Section Styles */
  .csu-card-section-title {
    text-align: center;
    color: #414141;
    font-size: 24px;
    font-weight: 300 !important;
    padding-bottom: 24px;
  }

  h2.csu-card-section-title {
    padding-bottom: 2px !important;
  }
  
  .card-title.on-image {
    font-weight: 800 !important;
  }

  .card-title.hoc-card-title {
    font-size: 18px;
    line-height: 24px !important;
    display: block;
    padding-bottom: 12px;
  }
  
  .card-title.studylink-card-title, .card-title.small-card-title, .card .card-content .card-title{
    font-size: 17px;
    line-height: 27px !important;
    margin-bottom:10px;
    display:block;
  }
  
  p.hoc-card-content {
    font-size: 14px;
  }
.card-content ul {
    padding-left: 10px;
}


#body.mk21 ul.micro-icons {
    list-style-type: none !important;
    display: flex;
    padding-left: 0 !important;
}

#body.mk21 ul.micro-icons li {    margin-left: 0 !important; margin-right: 20px !important;   }

#body.mk21 ul.micro-icons li::before {
    font-family: 'fontawesome';
    padding-right: 6px;
}

#body.mk21 ul.micro-icons li.dollar-sign::before,
#body.mk21 ul.micro-icons li.fa-dollar-sign::before {    content:"\f155";    }
#body.mk21 ul.micro-icons li.hourglass::before, 
#body.mk21 ul.micro-icons li.fa-hourglass::before {    content:"\f254";    }
#body.mk21 ul.micro-icons li.marker::before,
#body.mk21 ul.micro-icons li.fa-map-marker::before {    content:"\f041";    }


  @media (max-width: 992px) {
    .row .col.l0,.row .col.m0,.row .col.s1 {
      display: block !important;
    }
    
    .button-collapse{
      display: block;
      padding-top:15px;
      color:#414141;
    }
    
    .row .col.s0 {
      display: none;
    }
    
  }
  
  .row .col.l0,.row .col.m0 {
    display: none;
  }
  
  .topMenuPaddingRemoval {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  
  
  
 /*--   search buttons --*/
    
  button.search-button,
  button.search-close-button {
      margin-left: 12px;
      margin-top: 6px;
      border-radius: 60px;
      transition: all .2s ease-in-out; 
  }
  button.search-button:focus,
  button.search-button:hover {
      background-color: #f2f2f2 !important;
      color: #DA3D0F !important;
      transform: scale(1.25);
  }
 /* button.search-button:hover i {    color: #fff;  } */
  
  button.search-close-button,
  button.search-close-button:hover,
  button.search-close-button:focus {    background-color: #f2f2f2 !important;    }
  button.search-button:hover i,
  button.search-close-button:hover i {    color: #DA3D0F;  }
  
  
  #searchDiv {    display: none;   }
  
  
/*--Breadcrumb CSS--*/
  
  nav.breadcrumb-wrapper {
    background-color: #EEE9E2;
    border-radius: 0;
    bottom: 0;
    left: 0;
    line-height: 38px;
    position: absolute;
  }
  
  nav.breadcrumb-wrapper.bottom {
    background-color: #C7B8A0;
}
  
  nav.breadcrumb-wrapper.bottom, nav.breadcrumb-wrapper.below-banner {
    position: relative;
  }

  nav.breadcrumb-wrapper.bottom {
  border-top: 1px solid #C7B8A0;
  }

  a.breadcrumb, a.breadcrumb:last-child, a.breadcrumb-rev, a.breadcrumb-rev:last-child {
    font-size:13px;
     color:#414141;
     font-weight:400 !important;
  }
  
  a.breadcrumb:before, a.breadcrumb-rev:before {
    color:#717171;
   
  }
  
  a.breadcrumb-rev:before {
    transform: rotate(180deg);
  }
  
  a.breadcrumb:hover, a.breadcrumb-rev:hover, a.breadcrumb:focus, a.breadcrumb-rev:focus  {
    color:#DA3D0F; text-decoration:underline ;
  }

  a.breadcrumb i.material-icons, a.breadcrumb-rev i.material-icons {
    color: #ccc;
    line-height: 40px;
    margin-right: 10px;
  }

  /*--Banner--*/
  .row-banner{
    margin-bottom: 0px !important;
  }
  
  #sub-graphic {
      clear: both;
      float: left;
      margin-top: 0;
      overflow: hidden;
      padding-bottom: 0.625em;
      width: 100%;
  }
  
  /*--Slider CSS--*/
  
  /* --Slider Courses scalor-- */
  .rowColumSlider {
    position:relative;
    display: inline-flex;
    width: 760px;
  }
  
  .main {
    transform: scale(0.8);
    position: absolute;
    left: 32.5%;
    height: inherit;
  }
  
  .rightMain {        
    transform: scale(0.6);
    position: absolute;
    left: 9.5%;
    height: inherit;
  }
  
  .subRightMain {        
    transform: scale(0.3);
    position: absolute;
    left:-5.5%;
    height: inherit;
  }
  
  .leftMain {
    transform: scale(0.6);
    position: absolute;
    left: 55.5%;
    height: inherit;
  }
  
  .subLeftMain {
    transform: scale(0.3);
    position: absolute;
    left: 70.5%;
    height: inherit;
  }
  
  .rightHide {
    transform:  scale(0.1);
  }
  
  .leftHide {
    transform: scale(0.1);
  }
  
  .rightAllHide {
    display: none;
  }
  
  .jssora22l, .jssora22r {
    display: block;
    position: absolute;
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url(images/a22.png) center center no-repeat;
    overflow: hidden;
  }
  
  .jssora22l {
    background-position: -250px -31px;
  }
  
  .jssora22r.jssora22rdn {
    background-position: -310px -31px;
  }
  
  @media (max-width: 900px) {
    .main,.rightMain,.subRightMain,.leftMain,.subLeftMain {
      height: 100%;
    }
    
  }
  
  @media (max-width: 839px) {
    .main {
      left: 25% !important;
      transform: scale(0.7);
    }
    
    .rightMain {
      left: -5% !important;
      transform: scale(0.5);
    }
    
    .leftMain {
      left:55% !important;
      transform: scale(0.5);
    }
    
    .subRightMain,.subLeftMain {
      display: none;
    }
  }
  
  @media (max-width: 600px) {
    .main{
      left: 25% !important;
      transform: scale(0.8);
    }
      .rightMain,.leftMain,.subRightMain,.subLeftMain{
      display: none;
    }
  }
  
  @media (max-width: 479px) {
    .main {
      left: 0% !important;
      transform: scale(0.8);
    }
  
    .rightMain,.leftMain,.subRightMain,.subLeftMain {
      display: none;
    }
  }
  
  .buttonFilter {
    width:100%;
    font-size:10px;
    padding-left: 0px;
    padding-right: 0px;
  }  
  
  .row .col.stripPadding {
    padding-left: 0px;
    margin-left: 0px;
    padding-right: 5px;
    margin-right: 0px;
  }
  
  .buttonClicked {
    background-color:#2bbbad
  }
  
  #courses * > img.activator {
    height: 150px;
  }
  
  #courses * > .space-divider {
    width: 0;
  }
  
  #courses div.section {
    overflow: hidden;
    position: relative;
  }
  
  /*.section {padding:10px 0;}*/
  
  #courses * > div.row {
    display: inline-flex;
    white-space: nowrap;
    transform: translateX(-140px);
  }
  #courses * > div.card {
      margin-left: 0px;
      padding: 0;
      white-space: normal;
      width: 300px;
    }
  
  .card .card-content p {
    line-height: 27px;
    padding-bottom: 15px;
    color:#717171;
  }
  .card-content h3, .card-content ul {
    margin-top:10px;
    margin-bottom:20px;
  }
  .card-content.courses-icon {
    padding-bottom: 0 !important;
    min-height: 100px !important;
  }
  
  /*.card .card-action {
    padding: 0px;
  }*/
  
  #courses * >.card-action {
    padding: 0px !important;
  }
  
  .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
    text-transform: none !important;
    font-weight: 400 !important;
     color: #DA3D0F;
     font-size:15px;
     text-decoration:underline;
    /*padding: 10px;*/
    max-width:100%;
    font-size:15px;
    background: none !important; /*added by erwin 18/09/2020 */
  }
  
  .card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {
    /* text-decoration: none !important; */
    background-color: #DA3D0F ;
    color: #DA3D0F;
  }
  
  .bolder {
     font-weight:bolder !important;
  }
  
  span.card-title i.right {
     margin-top:15px;
  }
  
  div.card-reveal span.card-title {
    padding-bottom: 20px;
  }

  div.card-reveal span.card-title i.right {
    margin-top: 0px !important;
  }

  @media (max-width: 750px) {
    #courses * > div.row {
      display: inline-flex;
      /*width: 1000px;*/
      transform:translateX(100px);
    }
  }
  
  a {
    color: #DA3D0F;
    font-weight: 300;
    text-decoration: none;
    cursor: pointer;
  }
  
  ul.red-text li a {
    color: #DA3D0F !important;
  }
  
  ul.tabs .read-more {
    opacity: 1;
    background-color: #f2f2f2;
    color: #DA3D0F !important;
  }
  
  /* this will put white link text on tabs in the accordions on the career page */
  /*ul.read-more ul.tabs a {
    color: #fff !important;
  }*/
 
  .collapsible {
    box-shadow:none;
  }
  
  .collapsible-header {
    line-height: 2rem;
    min-height: 2.5rem;
    font-weight: 500 !important;
  }
  
  .collapsible-header.csu-grey {
    background-color: #fff;
    color: #414141;
    line-height: 3rem;
    min-height: 3rem;
  }
  
  .collapsible-header.csu-grey:hover, 
  .collapsible-header.csu-grey:hover i, 
  .collapsible-header.csu-grey:focus, 
  .collapsible-header.csu-grey:focus i {
    background-color: #e5e5e5;
    color: #414141;
  }
  
  .collapsible-header.csu-grey.active, 
  .collapsible-header.csu-grey.active i {
    background-color: #e5e5e5;
    color: #414141;
  }
  
  .collapsible-header.csu-grey:hover i,
  .collapsible-header.csu-grey:focus i,
  .collapsible-header.csu-grey.active i {
      background-color: transparent;
  }
  
  .collapsible-header.csu-grey i {
    margin-top: 8px;
    /*color: #0094B3;*/
  }
  
  ul.read-more.collapsible li {
    margin: 0;
    font-size: 16px;
  }
  
  .collapsible-body {
    background-color: #fff;
  }
  
  .collapsible-body ul li {
    margin: 0 0 0 5px !important;
    list-style-type: disc;
  }
  
  .collapsible-body ol li {
    margin: 0 0 0 5px !important;
    list-style-type: decimal;
  }
  
   /* -- CSS for right hand floating window --*/
  #chatButton * > span.text{
    display: block;
    font-size:14px;
  }
  
  #chatButton * > span.text:hover {
    color:#DA3D0F;
    text-decoration:underline;
  }
  
  .chatButton-body{
    font-size: 14px;
    padding: 10px 20px;
  }
  
  @media (max-width: 993px) {
    /*#chatButton * > span.text {
      display: none;
    }
    #chatButton {
      width: 55px;
    }*/
    .longAccordon {
      width: 250px !important;
    }
  }
  
  /* --CSS for left side floating window-- */
  /*-- Horizental Menu CSS-- */
  
  #horizentalMenu, #horizentalMenuTop{
    position: relative !important;
    margin-top: 0px;
      padding-top: 0px;
      margin-bottom: 0px;
      padding-bottom: 0px;
      background: #414141;
  
  
  }
  
  #horizentalMenuTop{
      position: relative;
      z-index: 400;
      }
  
  /* .unslider-arrow, .unslider-arrow{
    background-size: 10px; 
    border-radius: 0;
    background-color: #414141;
  } */

  .unslider-arrow, .unslider-arrow{
    background-size: 8px;
    border-radius: 50%;
    background-color: #FFF;
  }

  #horizentalMenu > * a, #horizentalMenuTop > * a{
    color: white !important;
  }
  #horizentalMenu.relativeHorizentalMenu{
    position: fixed !important;
    top:0;
    background-color: #f2f2f2;
    z-index: 99;
    margin:auto;
    width: 100%;
    max-width: 100%;
    padding: 10px 0 20px;
    height: 56px;
  }
  #horizentalMenu.relativeHorizentalMenu div div{
    width: 100%
  }
  
  #horizentalMenu.searchIndex{
    position: fixed !important;
    top:0;
    background-color: white;
    z-index: 99;
    margin:auto;
    width: 100%;
    max-width: 100%;
    padding: 10px 0 20px;
  }
  
  #horizentalMenu.search-bar {margin-top:0; padding:0; margin-bottom:0; background-color: #FFFFFF;}
  
  div#horizentalMenu div.container {
    margin-top: 0;
  }
  
  .divider {margin: 20px 0;}
  .divider-blank {
    background-color: transparent;
    margin: 20px 0;
  }
  .read-more-link{
    cursor: pointer;
  }
  
  #menuSlider :link, #menuSlider *:visited, #menuSliderStatic :link, #menuSliderStatic *:visited {
    color: #000;
  }
  
  #menuSlider > a.active, #menuSliderStatic > a.active{
    border-bottom: 3px solid #DA3D0F;
    font-weight: 600 !important;
  }
  
  #menuSlider a:hover, #menuSliderStatic a:hover{
    border-bottom: 1px solid #DA3D0F;
  }
  
  #menuSlider > a, #menuSliderStatic > a{
    text-decoration: none !important;
    font-size: 15px;-
    font-weight: 400;
  }
  
  .collapsible-header i {
      color:#777777; 
      line-height: 1.2em; 
      /* margin-right:-10px; */
      margin-right: 0; /* emrys 20210118 */
     width: 1.2rem;
  }
  
  .collapsible-header i:hover {color:#DA3D0F;}
  .collapsible-body p {
    padding: 1rem 2rem 0;
  }
  
  .collapsible-body p.information-icon, .collapsible-body p.idea-icon, .collapsible-body p.help-icon, .collapsible-body p.service-icon, .collapsible-body p.activity-icon, .collapsible-body p.note-icon {
   padding: 1em 7em 1em 6em;
}
  
  
  .collapsible-body h3,
  .collapsible-body h4 {
    padding: 0 2rem;
  }

  .collapsible-body ol {
    margin-top: 1rem;
  }

  .collapsible-body ul {
    margin-top: 1rem;
    list-style-type: disc;
  }

  sup.csu-sup {
   font-weight: bold;
   color: #DA3D0F;
  }
  
  .collapsible-body p.footnote {
   font-size: 12px;
   font-style: italic;
  }
  
  a.noStyle{
    text-decoration: none;
    color:inherit;
  }
  
  #cardList * div.card:hover{
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
  }
  
  #cardList * div.card{
    cursor: pointer;
  }
  
  .modal-content {
    -webkit-overflow-scrolling: touch;
  }
  
  .modal.let-us-call-you {
    height: 386px;
    width: 420px;
  }
  
  .btn-width-full{
    width:100%;
  }
  
  .btn, .btn-large { text-transform: none; width:auto;}
  
  .filter-button{
    margin-top:10%;
    text-transform: none;
  }
  
  @media (max-width: 992px) {
    .filter-button{
      margin-top:0%;
    }
    .row .col.offset-m7 {
      margin-left: 0;
  }
  
  }
  
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
    border-radius: 32px;
    text-decoration: none;
    padding-top:0;
  }
  a.topMenu, a.topMenu > * {
   background:#f2f2f2;
    text-decoration: none;
  }
  /* search inputs */
  input:focus:not([type]):not([readonly]), input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]), input[type="file"]:focus:not([readonly]) {
    border-bottom: 1px solid #f2f2f2; 
    box-shadow: 0 1px 0 0 #f2f2f2;
  }
  input:focus:not([type]):not([readonly]) + label, input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label, input[type="file"]:focus:not([readonly]) + label {
    color: #414141;
  }
  *::-moz-placeholder {
    color: #414141;
  }
  
  ::-webkit-input-placeholder {
       color: #414141;
  }
  
  :-moz-placeholder { /* Firefox 18- */
       color: #414141;  
  }
  
  ::-moz-placeholder {  /* Firefox 19+ */
             color: #414141;  
  }
  
  :-ms-input-placeholder {  
             color: #414141;  
  }

  /* Global Nav same as Accommodations */
  .global-nav {
    height: 30px;
    text-align: right;
    background-color: #414141 !important;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    border-top: none;
    margin-bottom: 0 !important;
  }
  
  .pin-bottom {
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: rgba(70, 70, 70, 0.65);
    color:#FFFFFF;
    padding: 10px;
  }
  
  .pin-bottom a {
   color: #fff;
  }
  
  .row .col.all-courses > a,.row .col.under-graduate > a,.row .col.post-graduate > a,.row .col.hdr-courses > a,.row .col.other-courses > a{
    width: 100%
  }
  
  .important-dates {
    color: white!important;
  }
  
  /*.row .col.all-courses, .row .col.under-graduate, .row .col.post-graduate, .row .col.hdr-courses, .row .col.other-courses {
    width: 264px;
  }*/
  
  .overflowTabs div.indicator{
  display: none;
  }
  .overflowTabs{
    height: auto;display: block;
  }
  
  ul.overflowTabs li.tab a {padding: 0 4px !important; }
  
  .card-content.card-content-slider{
    display: block !important;
    padding: 20px 20px 5px !important;
  }
  
  .button{
    cursor: pointer !important; 
  }

  .button:active, button:active, .button:focus, button:focus {
    background-color: #f2f2f2;
    color: #FFF !important;
  }
  
  a:hover, a:focus{
    text-shadow: none !important;
    box-shadow: none !important;
    text-decoration: underline; /* A11y Fix 26 Feb 2019 */
  
  }
  
  .topMenuBarPosition.fixed{
    position: fixed;
    width: 100%;
    height: auto;
    background: white;
    z-index: 1;
  }
  
  .topMenuBarPosition.relative{
    position: relative;
  }
  
  .divider.sub-header {
    background-color: #DA3D0F;
    height: 2px;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 0;
    padding-top: 0;
    width: 80px;
    display: inline-block;
  }
  
  .title-heading{
    margin: 0;
    font-size: 20px;
    font-weight: bold !important;
  }
  .menu-tabs{
    margin-top: 5px;
    border-bottom: none;
    margin-bottom: 0px;
  }
  .mainDiv{
    position: relative;
    overflow-x: hidden;
    overflow-y:auto;
    scroll-behavior: smooth;
    /* Change by AJR on 2019-06-26; Suspended the following elements, disable smooth/momentum scrolling on iOS; Cherwell ticket # : 83107 */
    /*-webkit-overflow-scrolling: touch;*/
  }
  
  p.filter-label {
   font-size: 16px;
   font-family: Roboto, sans-serif;
   font-weight: 500 !important;
   padding: 10px !important;
  }
  
  #horizentalMenuTop{
    display: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 0px 0px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3)
  }
  
  #horizentalMenuTop form.container.col.s12 {
    padding-top: 0px !important;
    margin-top: 0px !important;
  }
  
  #horizentalMenuTop .row {
    margin-bottom: 0px;
    margin-top: 0px;
  }
  
  
  #horizentalMenuTop > * .row .input-field {
    padding-top: 0px;
    margin-top: 0px;
  }
  
  @media (max-width: 600px) {
    #horizentalMenuTop .row {
      padding-bottom: 5px;
    }
  }
  
  #menuSlider .menuSeparator, #menuSliderStatic .menuSeparator{
    padding-left: 20px;
  }
  
  .horizentalMenuOverflow{
    width: 93% !important;
    overflow: hidden !important;
  }
  
   .horizentalMenuOverflow{
    width: 90% !important;
  }
  
  @media (max-width: 1420px) {
      
    .tabs.top-menu-tabs li.tab a{
      font-size:.9em;
      padding: 0 12px;
    }
      
  }
  
  @media (max-width: 1257px) {
     .horizentalMenuOverflow{
      width: 89% !important;
    }
  }
  
  @media (max-width: 1190px) {
     .horizentalMenuOverflow{
      width: 87% !important;
    }
    
    /* main nav responsive */
    .tabs.top-menu-tabs li.tab a{
      font-size:.8em;
      padding: 0 8px;
    }
  }
  
  @media (max-width: 802px) {
     .horizentalMenuOverflow{
      width: 86% !important;
    }
  }
  
  @media (max-width: 754px) {
     .horizentalMenuOverflow{
      width: 85% !important;
    }
  }
  
  @media (max-width: 699px) {
     .horizentalMenuOverflow{
      width: 83% !important;
    }
  }
  
  @media (max-width: 616px) {
     .horizentalMenuOverflow{
      width: 80% !important;
    }
  }
  
  @media (max-width: 498px) {
    .horizentalMenuOverflow{
      width: 70% !important;
    }
  }
  
  @media (max-width: 337px) {
    .horizentalMenuOverflow{
      width: 60% !important;
    }
  }
  
  @media (max-width: 256px) {
   .horizentalMenuOverflow{
      width: 50% !important;
    }
  }
  /*
  @media (max-width: 1334px) {
    .horizentalMenuOverflow{
      width: 91% !important;
    }
  }
  
  @media (max-width: 1134px) {
    .horizentalMenuOverflow{
      width: 90% !important;
    }
  }
  
  @media (max-width: 987px) {
    .horizentalMenuOverflow{
      width: 89% !important;
    }
  }
  
  @media (max-width: 879px) {
    .horizentalMenuOverflow{
      width: 87% !important;
    }
  }
  
  @media (max-width: 793px) {
    .horizentalMenuOverflow{
      width: 86% !important;
    }
  }
  
  @media (max-width: 721px) {
    .horizentalMenuOverflow{
      width: 84% !important;
    }
  }
  
  @media (max-width: 663px) {
    .horizentalMenuOverflow{
      width: 84% !important;
    }
  }
  
  @media (max-width: 569px) {
    .horizentalMenuOverflow{
      width: 80% !important;
    }
  }
  
  @media (max-width: 499px) {
    .horizentalMenuOverflow{
      width: 78% !important;
    }
  }
  
  @media (max-width: 417px) {
    .horizentalMenuOverflow{
      width: 76% !important;
    }
  }
  
  @media (max-width: 359px) {
    .horizentalMenuOverflow{
      width: 74% !important;
    }
  }
  
  @media (max-width: 335px) {
    .horizentalMenuOverflow{
      width: 71% !important;
    }
  }
  
  @media (max-width: 276px) {
    .horizentalMenuOverflow{
      width: 60% !important;
    }
  }*/
  
  
    
  ::-webkit-input-placeholder {
    color: #414141;
  }
  
  :-moz-placeholder { /* Firefox 18- */
    color: #414141;  
  }
  
  ::-moz-placeholder {  /* Firefox 19+ */
    color: #414141;  
  }
  
  :-ms-input-placeholder {  
    color: #414141;  
  }
  
  input::-moz-placeholder {
    color: #414141;
    opacity: 1;
  }
  
  input:-moz-placeholder {
    color: #414141;
    opacity: 1;
  }
  
  
  
  
  /* Can we help you */
  
  #can-we-help-you {
    background-color: #717171;
    padding: 0 0 10px;
  }
  
  #can-we-help-you h2 {
    color: #fff;
    font-weight: 500 !important;
  }
  
  #can-we-help-you a.button {
    background-color: #DA3D0F;
    border: none;
    color: #fff;
    font-weight: 600 !important;
    font-size: 17px;
    padding: 15px 15px 33px;
    display: block;
    margin-bottom: 20px;
  }
  
  #can-we-help-you a.button:hover {
    background-color: #fafafa;
    color: #DA3D0F;
  }
  
  
  
  
  /* rotate accordion icons 90degrees when active */
  ul.read-more.collapsible li.active i {
    -ms-transform: rotate(90deg) !important; /* IE 9 */
    -webkit-transform: rotate(90deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(90deg) !important;
  }
  
  /*don't rotate icons with class 'noturn'*/
  ul.read-more.collapsible li.active i.noturn {
    -ms-transform: rotate(0deg) !important; /* IE 9 */
    -webkit-transform: rotate(0deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(0deg) !important;
  }
  
  .container.sitemap {
    max-width: 2400px !important;
  }
  
  .container.sitemap .row {
   margin-left: 0px !important;
   margin-right: 0px !important;
   padding-left: 0px !important;
   padding-right: 0px !important;
  }
  
  ul.sitemap-links li {
    font-size: 11px !important;
    line-height: 12px;
    margin: 0 0 2px;
  }
  
  .sitemap-links li a {
    font-size: 13px !important;
    line-height: 18px;
  }
  
  @media only screen and (min-width: 993px) {
    .container.sitemap {
      width: 100%;
    }
  }
  
  .horizentalMenuOverflow * a{
    white-space: nowrap;
  }
  
  /* Material Icons code */
  /* Rules for sizing the icon. */
  .material-icons.md-12 { font-size: 12px; }
  .material-icons.md-14 { font-size: 14px; }
  .material-icons.md-18 { font-size: 18px; }
  .material-icons.md-20 { font-size: 20px; }
  .material-icons.md-24 { font-size: 24px; } /* default size */
  .material-icons.md-36 { font-size: 36px; }
  .material-icons.md-48 { font-size: 48px; }
  .material-icons.md-56 { font-size: 56px; }
  .material-icons.md-60 { font-size: 60px; }
  .material-icons.md-72 { font-size: 72px; }
  
  /* Rules for using icons as black on a light background. */
  .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
  .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
  
  /* Rules for using icons as white on a dark background. */
  .material-icons.md-light { color: rgba(255, 255, 255, 1); }
  .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
  
  /* ocb footer classes */
  footer.page-footer .footer-copyright {
    overflow: visible !important;
    color: #fff;
    background-color:#717171!important;
    padding: 0 20px;
    font-size:13px;
  }
  
  footer.page-footer {
    padding-top: 0px !Important;
    margin-top: 0px !Important;
    border-top: 1px solid #e7e7e7;
    background-color: #fff !Important;
  }
  .page-footer ul li {
    margin: 0;
    font-size:14px;
    line-height: 24px;
    color:#414141;
  }

  img.footer-logo {
    margin: 10px 10px 14px;
    max-width:190px;
  }

  a:focus img.footer-logo {
    outline: -webkit-focus-ring-color auto 5px;
  }

  p.sm-title {
    font-size: 14px;
    color: #565656;
    padding-left: 10px;
    margin: 10px 0 4px;
      font-weight: 600 !important;
  }
  
  .footer-links {
    padding-bottom: 20px !Important;
  }
  
  .footer-links a {
    color: #000;
  }
  
  .footer-links a:hover {
   text-decoration: underline;
  }
  
  .footer-copyright a {
    color: #fff;
  }
  
  .footer-copyright a:hover {
    text-decoration: underline;
  }
  
  @media (max-width: 990px) {
    footer.page-footer .footer-copyright {
      height: auto;
      line-height: 30px;
      font-size: 12px;
      padding: 0 10px;
    }
  }
  
  @media (max-width: 600px) {
    footer.page-footer .footer-copyright {
      line-height: 30px;
      font-size: 12px;
      padding: 0 10px;
    }
  }
  
  .footer-low{
    margin-bottom: 0px;
  }
  .footer-low .footer-copyright{
     padding-bottom: 10px !important;
  }
  .footer-low > * span{
     float: right;
      font-size: 100%;
  }
  @media (max-width: 992px) {
  .footer-low > * span{
     float: none;
      font-size: 100%;
  }
  .footer-low .footer-copyright{
     padding-bottom: 0px !important;
   /* eh   height: 40px !important; */
  }
  }
  
  .grid {
    width: 100%;
    padding-bottom: 20px;
  }
  
  /* clear fix */
  .grid:after {
    content: '';
    display: block;
    clear: both;
  }
  
  /* ---- .grid-item ---- */
  
  .grid-item {
    float: left;
    min-width:250px;
    width: 250px;
    height: auto;
    border-color: hsla(0, 0%, 0%, 0.7);
    padding: 0;
    margin: 0;
  }
  
  .grid-item .card {
    margin: 0px;
  }
  
  .grid-item-testimonial {
    width: 25%;
  }
  
  .grid-item-video {
    width: 20%;
  }
  
  .grid-item-image {
    width: 32%;
  }
  .stakla-grid{
    width:69%
  }
  
  .overlap-below {
    margin-top: 50px;
  }
  
  .overlap-top {
    margin-bottom: 50px;
    margin-left: -50px!important; 
    opacity: 0.8;
  }
  
  .card-extra {
    padding-left: 70px !important;
    display: block!important;
  }
  .card-extra a {
    border:1px solid white;
    padding:10px!important;
  }
  
  .no-border {
    box-shadow: none!important;
  }
  .text-white p, .text-white span{
    color:white!important;
  }
  
  
  @media (max-width: 600px) {
  
    .card-extra {
      padding-left: 10px!important;
      display: block!important;
    }
  
    .stakla-grid{
    width:90%;
  }
  
    .grid {
    min-width:100% !important;
    width: 100% !important;
  
  }
  
    .grid-item {
    min-width:100% !important;
    width: 100% !important;
  
  }
  
  
  .grid-item-testimonial {
    width: 100% !important;
    min-width:100% !important;
  }
  
  .grid-item-video {
    width:  100% !important;
    min-width: 100% !important;
  }
  
  .grid-item-image {
    width:  100% !important;
    min-width: 100% !important;
  }
  
  
    }
  
  a.button.blue {
      background-color: #222944!important;
      border-color: #222944 !important;
      color: white;
  }
  
  a.button.blue:hover, a.button.blue:focus {
      background-color: white!important;
      color: #222944!important;
  }
  
  
  button.waves-effect.waves-light.button.blue {
      background-color: #222944!important;
      border-color: #222944 !important;
      color: white;
  }
  
  button.waves-effect.waves-light.button.blue:hover {
      background-color: white!important;
      color: #222944!important;
  }
  
  button.waves-effect.waves-light.button {
      background-color: #DA3D0F;
      color: white;
  }
  button.waves-effect.waves-light.button:hover{
      background-color: white!important;
      color: #DA3D0F!important;
  
  }
   button.waves-effect.waves-light.button:focus{
      background-color: white!important;
      color: #DA3D0F!important;
  
  }
  
  button.waves-effect.waves-light.button.org {
    background-color:white;
    color:#e65100;
  }
  
  button.waves-effect.waves-light.button.org:hover {
    background-color:#e65100;
    color:white;
  }
  button.waves-effect.waves-light.button.deeporg {
    background-color:white;
    color:#d84315 ;
  }
  
  button.waves-effect.waves-light.button.deeporg:hover {
    background-color:#d84315;
    color:white;
  }
  
  button.waves-effect.waves-light.button.cyn {
    border-color: #00acc1; 
    background-color:white;
    color:#00acc1;
  }
  
  button.waves-effect.waves-light.button.cyn:hover {
    background-color:#00acc1;
    color:white;
  }
  
  button.waves-effect.waves-light.button.grn {
    border-color: #388E3C; 
    background-color:white;
    color:#388E3C;
  }
  
  button.waves-effect.waves-light.button.grn:hover {
    background-color:#388E3C;
    color:white;
  }
  
  .extra-padding {
    padding-top: 10px !important;
  }

  .btn-floating.btn-large.go-to-top {
    border-radius: 50% !important;
    background-color: #DA3D0F;
    overflow: auto;
  }

  .btn-floating.btn-large.go-to-top:hover, .btn-floating.btn-large.go-to-top:focus {
    background: -webkit-linear-gradient(15deg, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.2) 50%), #DA3D0F;
    background: linear-gradient(15deg, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.2) 50%), #DA3D0F;
  }

  .btn-floating.btn-small.go-to-top { 
    border-radius: 50% !important;     
    background-color: #414141;     
    opacity: 0.7; 
  }

  .btn-floating.btn-small.go-to-top:hover, .btn-floating.btn-small.go-to-top:focus {
    background: -webkit-linear-gradient(15deg, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.2) 50%), #DA3D0F;
    background: linear-gradient(15deg, rgba(255, 255, 255, 0.2) 10%, rgba(255, 255, 255, 0.2) 50%), #DA3D0F;
  }
  
  span.inline-chip {
    display: inline-block;
    padding: 0 10px;
    background: #DA3D0F;
    color: white !important;
    border-radius: 4px;
    font-size: 13px;
    text-transform: uppercase;
}
span.inline-chip.outline {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #DA3D0F;
    background: white;
    color: #DA3D0F !important;
    border-radius: 4px;
    font-size: 13px;
    text-transform: uppercase;
}
  
  /*#fast-facts * > .card:hover{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
  }*/
  .search-icon{
      position: absolute;
      top: 8px;
      right: 10px;
  }
  #search-field form i{
      margin-top:10px;
      margin-right:1em;
  }
  .border-less{
    border: 0 !important;
    box-shadow: none !important;
  }
  .border-less p{
    padding: 0px;
  }
  
  div#cardList {    padding-top:30px;    }
  
  #searchTop{
      border: 1px solid rgba(255,255,255,0.3);
      border-radius: 4px / 4px;
      background: rgba(70,70,70,0.3);
  }
  
  #searchTop .row{    margin-top: 10px;    }
  
  .no-top .col{      margin-top:7%;    }
  
  .hide {    display: none;    }
  
  
  #studyMode1 .card-content.card-content-slider, #locations1 .card-content.card-content-slider, #duration1 .card-content.card-content-slider {
    padding :0 !important;
  }
  
  @media (max-width: 1048px) {
    .no-top .col{
      margin-top:4%;
  } 
  }
  
  
  @media (max-width: 684px) {
  .no-top .col{
      margin-top:0%;
      padding: 0px;
  } 
  
  }
  
  .searchTopRow{
  
    width: 80%;
      margin-left: auto !important;
      margin-right: auto !important;
  
  }
  
  @media (max-width: 830px) {
  
  .searchTopRow{
  
    width: 90%;
      margin-left: auto !important;
      margin-right: auto !important;
  
  }
  
  }
  
  @media (max-width: 748px) {
  
  .searchTopRow{
  
    width: 100%;
      margin-left: auto !important;
      margin-right: auto !important;
  
  }
  
  }
  
  @media (max-width: 680px) {
  
  .searchTopRow{
  
    width: 108.5%;
      margin-left: auto !important;
      margin-right: auto !important;
  
  }
  
  }
  
  /* rotation of material icons clockwise */
  i.rotate-90 {
    -ms-transform: rotate(90deg) !important; /* IE 9 */
    -webkit-transform: rotate(90deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(90deg) !important;
  }
  
  i.rotate-180 {
    -ms-transform: rotate(180deg) !important; /* IE 9 */
    -webkit-transform: rotate(180deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(180deg) !important;
  }
  
  i.rotate-270 {
    -ms-transform: rotate(270deg) !important; /* IE 9 */
    -webkit-transform: rotate(270deg) !important; /* Chrome, Safari, Opera */
    transform: rotate(270deg) !important;
  }
  
  li.tab.col.s12.m2.l2 a {
      font-size: 14px;
  }
  li.tab.col.s12 a {
      font-size: 14px;
    
  }
  @media (max-width: 600px) {
  .input-field.col.s12
  {
    top:0 !important;
  }
  
  form#searchTop {
      height: 200px;
  }
  
  .cardOpacity {
      opacity: 1 !important;
  }
  }
  
  .collapsible .collection {
      margin: 0.5rem 0 1rem 0 !important;
      border: 1px solid #e0e0e0 !important;
  }
  
  /*.collection .collection-item {
    background-color: #828282;
  }*/
  
  /*.collection a.collection-item {
    color: #fff;
  }*/
  
  /*.collection .collection-item:hover {
     background-color: #0094B3!important;
  }*/
  
  .whiteButton{
    background-color: white;
    color:black;
  }
  .cardOpacity{
    opacity: 0.5;
  }
  .flash-card-courses-highlights * .card{
  
    background-color:white
  }
  .flash-card-courses-highlights * p {
    font-size: 14px;
  }
  h2.no-bottom-border{
    border-bottom: none;
  }

  #non-search * a{
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    background-color: transparent !important;
  }

  #non-search * a:focus {
    background-color: #e0e0e0 !important;
  }
  
  @media (max-width: 992px) {
    .med-with-full{
      width: 100%;
      text-align: right;
    }
    .med-with-full a:hover{
      background: none
    }
  }
  
  
  /* student portal icon */
  .icon-modify {
    line-height: 10px !important;
    padding: 2px 0 2px 3px;
    float: right;
    height: 14px !important;
  }
  
  .card-action.card-action-include {
    position: absolute !important;
    width: 100% !important;
    bottom: 0 !important;
    font-size:15px;
  }

.card .card-action {  
  border-top: 0px;
}
  
  /* Lifting fixed action button up further */
  .fixed-action-btn {
    bottom: 45px;
  }
  
  /* Lifting modal bottom sheet higher */
  .modal.bottom-sheet {
    max-height: 55%;
  }

  .top-menu-tabs{
    margin-top: -3px !important;
    height: 56px;
    position: absolute !important;
    width: auto !important;
  }

  .top-menu-tabs li{
    height: inherit !important;
  }



  .global-nav .col.s0.m1.l12{
    height: 38px !important;
  }
  
input::-ms-clear {
    display: none;
}
  
  
  /* LEFT NAV */
  
  
          #left_menu.left-menu {
            display: none;
        }

        .side-nav li > ul.subtree > li {
            border-bottom: none;
            font-size: .9em;
        }
        .side-nav li > ul.subtree > li > a {
            padding-left: 3em;
        }
        .side-nav li > ul.subtree > li > ul.subtree > li > a {
            padding-left: 5em;
            font-size: .9em;
        }
        .side-nav a.parent, .desktop-left-nav a.parent{
            font-weight: bold !important;
        }
        .side-nav a.current, .desktop-left-nav a.current{
            font-weight: bold !important;
            color: #DA3D0F !important;
        }
   /*     
        ul.subtree {
            display: none;
        }
   */     
        a.parent + ul.subtree {
            display: inherit !important;
        }   
        
        .side-nav .collapsible li, .side-nav.fixed .collapsible li {
            list-style-type:none;
        }
        
        @media all and (min-width:992px){

            #left_menu.left-menu {
                display: inline-block;
                width: 32.4%;
                margin-top: 3rem;
                top: 0;
                vertical-align: top;
                padding-left: 13%;
            }
            #left_menu .desktop-left-nav {
                padding-left: 1em;
                width: auto;
                display: inline-block;
                text-align:left;
                margin-right: 2em;
            }
            #left_menu .desktop-left-nav li {
                float: none;
                line-height: 40px;
                border-bottom: 1px solid #efefef;
                position: relative;
            }
            #left_menu .desktop-left-nav li a {
                display: block;
                color: #555;
                padding: 0 1em;
                text-decoration: none;
            }
            #left_menu .desktop-left-nav li a:hover, #left_menu .desktop-left-nav li a:focus {
                background-color: transparent;
                text-decoration: underline !important;
                color:#DA3D0F;
            }
            /* added padding line */            
            #left_menu .desktop-left-nav ul.subtree > li {
                line-height: 36px;
                border-bottom: none;
                font-size: .9em;
                padding-top: 5px;
            }
            #left_menu .desktop-left-nav ul.subtree > li > a {
                line-height: 30px;
                padding-left: 3em;
                padding-left: 2em; /* eh 20200515 */
                
            }
            /* changed line height from 30px to 20px */
            #left_menu .desktop-left-nav ul.subtree ul.subtree > li > a {
                line-height: 20px;
                padding-left: 5em;
                padding-left: 3em;
                padding-left: 3em; /* eh 20200515 */
            }
            
            #left_menu .desktop-left-nav ul.subtree ul.subtree > li > a .subtree {
                
                padding-left: 4em; /* eh 20200515 */
            }

            #left_menu + div{
                display: inline-block;
                width:67.1%;
            }
            #left_menu + div > section, #left_menu + div .container {
                margin-left: 0 !important;
            }
            
               
            #left_menu .desktop-left-nav ul.subtree  .current + .subtree {
                
              
            }
            
            #left_menu .desktop-left-nav .subtree .subtree .subtree {      padding-left: 2em; /* eh 20200722 */    }

        }
        
        @media all and (min-width:1840px){
             #left_menu.left-menu {
                 padding-left: calc(50% - 680px);
             }
        }
        
        
        
        /*This was in the design parse...*/

            #search-field {
                    display: none;
                    width: 0;
                }
                .search-widget button {
                    box-shadow: none;
                    /*color: #212121;*/
                }
                .search-widget button:focus {
                    color: #DA3D0F !important;
                }
                .search-widget .search-button {
                    display: inline;
                }
                button.search-close-button {
                    padding: 8px;
                }

/* and this */
        
          div:first-child ul.tabs {
            margin-top: 14px;
          }
        
          .topNav {
            padding:10px;
            /*padding-bottom: 10px;*/
            padding-bottom: 0px;
            position: relative;
            height: 90px;
          }
        
          .topNav.z-depth-3 {
            height: 82px;
          }
        
          div.topLogo {
            margin-top: 14px;
          }
        
          .top-menu-tabs{
            height: 67px;
            position: absolute !important;
          }
        
          .top-menu-tabs li{
            height: inherit !important;
          }
        
          #search-bar {
            padding-top: 0px;
          }
          
/* fix margin issue with h3 within accordions template */          
.page-accordion .collapsible-body h3 {
    margin-top: 0px;
    padding-top: 30px;
} 

.page-accordion th {
    vertical-align: top;
/*    color: #414141;    emrys 20220720 */
    font-weight: bolder !important;  /* grrrrrrr */
}



/* A11y issue with focus in left nav*/

li a.current:focus {outline: transparent;}

/* Removal of H1 site title in the mobile view... H1 is the page title */
.topNav2.mobile-only > div.cohort > a, .topNav2.mobile-only > div.site-title-wrapper > a {
    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: 4px !important;
    letter-spacing: -0.01em;
}

/* Scholarships Custom CSS
   Written By: Shehrose Shabbir
*/ 

           
    /* CSS for the modal */
    .scholarship-custom-modal {
      display: none;
      position: fixed;
      z-index: 999;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 100%;
      overflow: auto;
      background-color: rgba(0, 0, 0, 0.5);
    }

    .scholarship-custom-modal-content {
     position: absolute;
     background-color: #fefefe;
     left: 5%;
     top: 5%;
     right: 5%;
     border: 1px solid #888;
     width: 90%;
     height: 90%;
    }

    .scholarship-custom-close {
      color: #DA3D0F;
      float: right;
      font-size: 28px !important;
      font-weight: bold !important;
      margin: 10px;
    }

    .scholarship-custom-close:hover,
    .scholarship-custom-close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
    }

    /* Adjust the iframe size */
    #scholarship-custom-modalIframe {
    width: 100%;
    height: 95%;
    margin-top: 10px;
    }

/*
END of Scholarship Custom CSS for Modal
*/

/* P&C Workshop & Events Custom CSS
   Written By: Shehrose Shabbir
*/
#event_list_spinner_holder {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.workshops-events .card{
    transition: box-shadow 0.3s ease-in-out;
    min-height: 100%;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
}

.workshops-events .card:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid #ddd !important;
  border-radius: 3px !important;
}


.workshops-events .card:hover .event-title {
  text-decoration: underline;
}

#myLikes {
     background-color: transparent;
     font-size: 0.8rem;
     position: absolute;
     right: 0;
     border: 1px solid #c7b8a0;
     border-radius: 40px;
     padding: 0.45rem 1rem;
     margin-top: 0.1rem;
}
 #myLikes i.fa-heart {
     color: #da3d0f;
}
 #myLikes:hover, #myLikes:active, #myLikes:focus {
     background-color: #da3d0f;
     border: 1px solid #da3d0f;
     color: white;
     text-decoration: none;
}
 #myLikes:hover .fa-heart, #myLikes:active .fa-heart, #myLikes:focus .fa-heart {
     color: white;
}
 .workshops-list .icon-time {
     background: url('https://api.iconify.design/ic/sharp-access-time.svg') no-repeat center center / contain;
}
 .workshops-list .cta-clock {
     content: url('https://api.iconify.design/mdi/clock-outline.svg?color=%23519674&width=18&height=18');
     vertical-align: -0.2rem;
}
 .workshops-list .cta-play {
     content: url('https://api.iconify.design/material-symbols/play-circle-outline.svg?color=%23519674&width=18&height=18');
     vertical-align: -0.2rem;
}
 .workshops-list .cta-icon-arrow {
     content: url('https://api.iconify.design/ph/arrow-right.svg?width=28&height=28');
     position: absolute;
     left: 15px;
     bottom: 15px;
}
 .workshops-list .card .img-wrapper {
     line-height: 0px;
     position: relative;
}
 .workshops-list .card .img-wrapper .card-img-top {
     border-radius: 4px 4px 0 0;
}
 .workshops-list .card .img-wrapper .event-date {
     position: absolute;
     bottom: 0.5em;
     left: 0.5em;
     background-color: rgba(254, 254, 254, .75);
     padding: 1em 1em;
}
 .workshops-list .card .img-wrapper .event-series {
     position: absolute;
     bottom: 0;
     right: 0;
     color: #fff;
     font-size: 32px;
     padding: 25px 15px;
}
 .workshops-list .card .img-wrapper .event-series[class*="series-"] {
     color: #fff;
}
 .workshops-list .card .img-wrapper .event-series.series-blue {
     background-color: #759ecd;
}
 .workshops-list .card .img-wrapper .event-series.series-green {
     background-color: #519674;
}
 .workshops-list .card .img-wrapper .event-series.series-orange {
     background-color: #b00c1d;
}
 .workshops-list .card .img-wrapper .event-series.series-pink {
     background-color: #e9ceca;
     color: #222 !important;
}
 .workshops-list .card .card-body {
     padding: 0;

     overflow: hidden;
     background: white;
     border-radius: 0 0 4px 4px;
     
     border-top: 0;
}
 .workshops-list .card .card-body .event-details {
     padding: 1rem;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
}
 .workshops-list .card .card-body .event-details .event-title {
     font-size: 1.1rem;
     margin-top: 0;
}
 .workshops-list .card .card-body .event-details .presenter_details {
     padding: 0px 0px 10px;
}
 .workshops-list .card .card-body .event-details .details {
     color: #535353;
     margin-bottom: 0.5rem;
     list-style: none;
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 .workshops-list .card .card-body .event-details .details .edetails {
     margin-left: 22px;
}
 .workshops-list .card .card-body .event-details .recording-indicator {
     font-size: 15px;
     font-family: 'Basis Grotesque Regular', sans-serif;
     line-height: 20px;
     padding: 10px;
     padding-left: 25px;
     padding-right: 25px;
     width: auto;
     border-radius: 40px;
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box;
     color: #222 !important;
     background-color: white !important;
}
 .workshops-list .card .card-body .event-details .recording-indicator.series-blue {
     border: 1px solid #759ecd;
}
 .workshops-list .card .card-body .event-details .recording-indicator.series-green {
     border: 1px solid #519674;
}
 .workshops-list .card .card-body .event-details .recording-indicator.series-orange {
     border: 1px solid #b00c1d;
}
 .workshops-list .card .card-body .event-details .recording-indicator.series-pink {
     border: 1px solid #e9ceca;
}
 .workshops-list .card .card-body .event-details #bookmark, .workshops-list .card .card-body .event-details .bookmark {
     color: #000;
     position: absolute;
     right: 15px;
     bottom: 15px;
     font-size: 1.5em;
}
 .workshops-list .card .card-body .event-details .heartIcon {
     color: #da3d0f !important;
}
 .workshops-list#full-list #event_list {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     width: 100%;
}

.workshops-list#full-list #event_list::after {
    content: "";
      flex: auto;
}

 .workshops-list#full-list #event_list .event-item {
     margin-bottom: 1.5rem;
}
 .workshops-list#workshop-carousel {
     width: 100%;
}
 .workshops-list#workshop-carousel .slick-controls-ch {
     align-self: center;
}
 .workshops-list#workshop-carousel .slick-controls-ch ul {
     display: flex;
     list-style-type: none;
     align-items: end;
     justify-content: end;
     margin-bottom: 0;
}
 .workshops-list#workshop-carousel .slick-controls-ch .slick-arrow {
     position: relative;
     border: 1px solid #ddd;
     background: #fefefe;
     padding: 8px 10px 6px 10px;
}
 .workshops-list#workshop-carousel .slick-controls-ch .slick-arrow i {
     font-size: 1rem;
     color: #b00c1d;
}
 .workshops-list#workshop-carousel .slick-controls-ch .slick-arrow:hover {
     background: #b00c1d;
     border-color: #b00c1d;
}
 .workshops-list#workshop-carousel .slick-controls-ch .slick-arrow:hover i {
     color: #fff;
}
 .workshops-list #event_list-carousel {
     display: grid;
     margin-left: -10px;
     margin-right: -10px;
}
 .workshops-list #event_list-carousel .slick-track {
     margin-left: 0;
}
 .workshops-list #event_list-carousel .carousel-item.active, .workshops-list #event_list-carousel .carousel-item-next, .workshops-list #event_list-carousel .carousel-item-prev {
     display: inherit !important;
}
 .workshops-list #event_list-carousel .carousel-item.active {
     display: flex;
     padding-left: 0;
}
 .workshops-list #event_list-carousel .carousel-item.active .event-item .card {
     height: 100%;
}
 .workshops-list #workshop-description p:first-of-type {
     font-family: 'Basis Grotesque Regular', Arial, sans-serif;
     font-size: 1.25rem;
     color: #717171;
     line-height: 1.875rem;
     text-align: left !important;
     font-weight: 100;
}
 .workshops-list #myFilters {
     margin-bottom: 0.5rem;
}
 .workshops-list #myFilters #mobile-workshops-filter .btn {
     width: 100%;
     border: 1px solid #da3d0f;
     margin-bottom: 1.25rem;
     color: #da3d0f;
}
 .workshops-list #myFilters #mobile-workshops-filter .btn:hover, .workshops-list #myFilters #mobile-workshops-filter .btn:focus {
     color: #fff;
}
 .workshops-list #myFilters .inner {
     background-color: #fff;
     border: 1px solid #da3d0f !important;
     padding: 0 0.5rem;
}
 .workshops-list #myFilters .inner .input-group .input-group-append {
     border: 1px solid #ced4da;
     border-left: none;
}
 .workshops-list #myFilters .inner .filter-options {
     align-items: center;
}
 .workshops-list #myFilters .inner .filter-options p {
     margin-bottom: 0;
     font-size: 0.875rem;
}
 .workshops-list #myFilters .inner .filter-options p a {
     color: #616161;
}
 .workshops-list #myFilters .inner .filter-options p .btn.filters-modal {
     position: absolute;
     background-color: #edfbff;
     color: #222;
     border-radius: 10rem;
     border: none;
     padding: 0 0 0 1rem;
     display: flex;
     align-items: center;
     margin: -15px;
}
 .workshops-list #myFilters .inner .filter-options p .btn.filters-modal i.icon-equalizer {
     margin-left: 1rem;
     background-color: #cbe2ff;
     border-radius: 50%;
     height: 32px;
     width: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .workshops-list #myFilters .inner .filter-options p .btn.filters-modal:hover, .workshops-list #myFilters .inner .filter-options p .btn.filters-modal:active, .workshops-list #myFilters .inner .filter-options p .btn.filters-modal:focus {
     background-color: #da3d0f;
     color: white;
}
 .workshops-list #myFilters .inner .filter-options p .btn.filters-modal:hover i.icon-equalizer, .workshops-list #myFilters .inner .filter-options p .btn.filters-modal:active i.icon-equalizer, .workshops-list #myFilters .inner .filter-options p .btn.filters-modal:focus i.icon-equalizer {
     background-color: white !important;
     color: #da3d0f;
     border: 1px solid #da3d0f;
}
 .workshops-list #myFilters .inner .quick-options .btn {
     border: 1px solid #b00c1d;
     color: #b00c1d;
}
 .workshops-list #myFilters .inner .quick-options .btn:hover, .workshops-list #myFilters .inner .quick-options .btn:focus {
     color: #fff;
}
 .workshops-list .alert.error, .workshops-list [class^="alert"].error {
     color: #222;
     background: #f1f1f1 url(https://api.iconify.design/simple-line-icons:info.svg?color=black&width=24&height=24) no-repeat 14px center;
     border: none;
     background-color: #f2dede;
}
 .workshops-list #workshops-right-panel {
    /*padding-left: 2rem !important;
    */
}
 .workshops-list #workshops-right-panel .workshop-dates #img-div {
     position: relative;
}
 .workshops-list #workshops-right-panel .workshop-dates #img-div img {
     margin: -1.5rem -1rem 0px;
     width: calc(100% + 2rem);
     border-radius: 4px 4px 0 0;
}
 .workshops-list #workshops-right-panel .workshop-dates #img-div #series-indicator {
     position: absolute;
     bottom: 0;
     right: 0;
     color: #fff;
     font-size: 32px;
     right: -1rem;
}
 .workshops-list #workshops-right-panel .workshop-dates #img-div #series-indicator[class*="series-"] {
     color: #fff;
}
 .workshops-list #workshops-right-panel .workshop-dates #img-div #series-indicator.series-blue {
     background-color: #759ecd;
}
 .workshops-list #workshops-right-panel .workshop-dates #img-div #series-indicator.series-green {
     background-color: #519674;
}
 .workshops-list #workshops-right-panel .workshop-dates #img-div #series-indicator.series-orange {
     background-color: #b00c1d;
}
 .workshops-list #workshops-right-panel .workshop-dates #img-div #series-indicator.series-pink {
     background-color: #e9ceca;
     color: #222 !important;
}
 .workshops-list #workshops-right-panel .workshop-dates .cta-play {
     padding-right: 10px;
}
 .workshops-list #workshops-right-panel .workshop-dates .badge-pill {
     font-size: 15px;
     font-family: 'Basis Grotesque Regular', sans-serif;
     line-height: 20px;
     padding: 10px;
     padding-left: 25px;
     padding-right: 25px;
     width: auto;
     border-radius: 40px;
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box;
     color: #222 !important;
     background-color: white !important;
}
 .workshops-list #workshops-right-panel .workshop-dates .badge-pill.series-blue {
     border: 1px solid #759ecd;
}
 .workshops-list #workshops-right-panel .workshop-dates .badge-pill.series-green {
     border: 1px solid #519674;
}
 .workshops-list #workshops-right-panel .workshop-dates .badge-pill.series-orange {
     border: 1px solid #b00c1d;
}
 .workshops-list #workshops-right-panel .workshop-dates .badge-pill.series-pink {
     border: 1px solid #e9ceca;
}

 .workshops-list #workshops-right-panel .workshop-dates .bookmark {
     color: #000;
     font-size: 1.5em;
}
 .workshops-list #workshops-right-panel .workshop-dates .heartIcon {
     color: #da3d0f !important;
}
 .workshops-list .noresults {
     position: relative;
     background: #e9ceca;
     border: 0px;
     border-radius: 10px;
     display: block;
     text-align: center;
     padding: 15px;
     left: 0px;
     right: 0px;
     text-align: center;
     margin: 10px;
}
 
 
/* About landing page dates and events widget - AM */

.event-date .row .date-block, .event-date .row .event-block {
    padding: 0;
    min-height: 4rem!important;
    display: flex!important;
    flex-direction: column!important;
    text-align: center!important;
    justify-content: center!important;
}
.event-date .row {
    display: flex!important;
    align-items: stretch!important;
    border-bottom: 1px solid #ddd!important;
    margin: 0 0 5px 0!important;
}
.event-date .row .event-block {
    padding-left: 1rem!important;
    align-content: flex-start!important;
    line-height: 1.4!important;
}
.event-date a, .event-date a:link, .event-date a:visited, .event-date p {
    text-align: left!important;
    font-family: 'Basis Grotesque Medium', sans-serif !important;
    font-size: 14px!important;
}
.event-date .no-border {
    border: none !important;
    margin-top: 25px !important;
}
.event-date .no-border .col {
    padding: 0 !important;
}

@media only screen and (min-width: 993px) {
.row .col.l9 {
    width: 75%;
 }
}
@media only screen and (min-width: 993px) {
.no-border .col {
    padding: 0 !important;
 }
}
@media (max-width: 580px) {
    .no-border .s12 .button {
        width: 100%;
     }
    }
 
 

/* 
    END
    P&C Workshop & Events Custom CSS
    Written By: Shehrose Shabbir
*/