/*
	Theme Name: Niagara College Schools V2
	Description: Custom theme for NC schools built using grid and flexbox.
	Version: 1.0
	Author: Courtney Thaggard (Niagara College)
*/

.school-page .school-title-bar {
    overflow: unset !important;
}

 /*-----------------------------------------------------*\
     Accessible Accordion
 \*-----------------------------------------------------*/

 .js-accordion {
     border: solid 1px #ececec;
     border-radius: 6px;
     overflow: hidden;
     margin: 35px 0;
 }
.school-page main.lorem h1 ~ .js-accordion,
.school-page main.lorem h2 ~ .js-accordion,
.school-page main.lorem h3 ~ .js-accordion,
.school-page main.lorem h4 ~ .js-accordion,
.school-page main.lorem h5 ~ .js-accordion,
.school-page main.lorem h6 ~ .js-accordion {
    margin-top: 0;
}
.school-page main.lorem .js-accordion .js-accordion__panel h1,
.school-page main.lorem .js-accordion .js-accordion__panel h2,
.school-page main.lorem .js-accordion .js-accordion__panel h3,
.school-page main.lorem .js-accordion .js-accordion__panel h4 {
    font-size: 1.45rem;
    line-height: 1.7rem;
    margin-bottom: 10px;
}
.school-page main.lorem .js-accordion .js-accordion__panel h5 {
    font-size: 1.35rem;
    line-height: 1.6rem;
    margin-bottom: 10px;
}
.school-page main.lorem .js-accordion .js-accordion__panel h6 {
    font-size: 1.25rem;
    line-height: 1.7rem;
    margin-bottom: 10px;
}
.js-accordion__panel[aria-hidden=true] {
    display: none;
}
.js-accordion__panel[role="tabpanel"] .js-accordion__header {
    display: none;
}
  .js-accordion__panel[aria-hidden="false"] .js-accordion__header {
      clip: rect(1px, 1px, 1px, 1px);
      height: 1px !important;
      width: 1px !important;
      margin: 0 !important;
      overflow: hidden !important;
      position: absolute;
  }
.js-accordion button.js-accordion__header {
    background: #ececec;
    color: rgba(0,0,0,0.75);
    border-bottom: solid 2px #d7d7d7;
    border-right: none;
    border-left: none;
    border-top: none;
    width: 100%;
    text-align: left;
    padding: 15px 15px 15px 40px;
    font-size: 1.4rem;
    line-height: 1.9rem;
    font-weight: 600;
    position: relative;
    display: block !important;
}
.js-accordion button.js-accordion__header:nth-last-child(2) {
    border: none;
}
.js-accordion .js-accordion__panel {
    background: #fff;
    padding: 20px 15px;
}
.js-accordion .js-accordion__panel > *:first-child ~ * {
    margin-top: 0;
}
.js-accordion .js-accordion__panel > *:last-child {
    margin-bottom: 0;
}
.js-accordion__header:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 15px;
    top: 13px;
    opacity: 0.8;
    font-size: 1rem;
}
.js-accordion__header[aria-expanded="true"] {
    border: none;
}
  .js-accordion__header[aria-expanded="true"]:before {
      content: "\f068";
  }
.js-accordion__header[aria-expanded="false"]:before {
    content: "\f067";
}

/*-----------------------------------------------------*\
    Plugin - Responsive Lightbox & Gallery (dFactory)
\*-----------------------------------------------------*/

.rl-gallery-container {
    margin: 55px 0 45px;
}

[class^="rl-hover-icon-"] .rl-gallery-link::before, [class*=" rl-hover-icon-"] .rl-gallery-link::before {
    color: rgba(255,255,255,0.9) !important;
    content: '\e801' !important;
    font-size: 2rem !important;
    top: 26% !important;
}
.rl-gallery:not(.rl-hidden-text) .rl-gallery-link:after {
    background-color: rgba(0,0,0,0.5) !important;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* accessibility */
.a-hide,
.screen-reader-text { /* generic hide */
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  width: 1px !important;
  margin: 0 !important;
  overflow: hidden !important;
  position: absolute;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
*, html {
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
}
body {
  font-family: 'Work Sans', sans-serif;
  background: #fff;
  color: #000;
  height: 100%;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
a img {
   max-width: unset;
}
img.round {
   border-radius: 50%;
}
a {
  color:#444;
}
a:hover {
  color:#444;
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
b, strong {
  font-weight: 600;
}
input:focus {
  border: 2px solid #04A4CC;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.r { /* wrap */
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
main .r {
  position: relative;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: 600;
}
p.error {
  color: #a10000;
  font-size: 1rem !important;
  font-style: italic;
}
.mh { display: none; }
.print { display: none; }

/* Loader */
#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 0.95;
   background-color: #000;
   z-index: 5000;
   text-align: center;

  display: flex;
  justify-content: center;
  align-items: center;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}

/* blue for NC POIs loader */
.lds-ring.blue {
  margin:4rem auto;
  height:300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lds-ring.blue div {
  border:6px solid #007DC3;
  border-color: #007DC3 #007DC3 #007DC3 transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Loader - Small */
@keyframes spinner {
  to {transform: rotate(360deg);}
}
@keyframes pulsate {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        opacity: 0.5;
    }
}
.spinner {
  text-align: center;
  position: relative;
  animation: pulsate 2s ease-out infinite;
}
.spinner div {
  position: relative;
  display: inline-block;
  width: 115px;
  padding: 0 0 0 20px;
}
.spinner div:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: rgba(0,0,0,0.55);
  border-bottom-color: rgba(0,0,0,0.55);
  animation: spinner 1s ease infinite;
}
.spinner div:after {
    content: "Loading...";
    display: block;
    color: rgba(0,0,0,0.55);
    font-weight: 600;
    font-size: 0.98rem;
    position: relative;
    bottom: -1px;
}

/*------------------------------------*\
    Gutenberg Fixes
\*------------------------------------*/

.wp-block-group.has-background {
    padding: 30px;
}
  .wp-block-group.has-background > .wp-block-group__inner-container > .wp-block-columns:last-child {
      margin-bottom: 0;
  }
  .wp-block-columns .wp-block-column > *:first-child {
      margin-top: 0;
  }
  .wp-block-columns .wp-block-column > *:last-child {
      margin-bottom: 0;
  }
  .wp-block-group.has-background > .wp-block-group__inner-container *:first-child {
      margin-top: 0;
  }
  .wp-block-group.has-background > .wp-block-group__inner-container *:last-child {
      margin-bottom: 0;
  }
.wp-block-columns {
    margin-top: 28px;
    margin-bottom: 28px;
}
  .wp-block-group > .wp-block-group__inner-container > .wp-block-columns:first-child {
      margin-top: 0px;
  }
  .wp-block-group > .wp-block-group__inner-container > .wp-block-columns:last-child {
      margin-bottom: 0px;
  }
.wp-block-image img {
    max-width: 100%;
    height: auto;
}

/* Add spacing above and below Gutenberg columns */
@media only screen and (max-width: 599px) {

    .wp-block-column {
        margin: 25px 0;
    }

}

/*------------------------------------*\
    ACCESSIBLE TABS
\*------------------------------------*/

#modal-apply ul.apply-tabs {
  list-style-type: none;
  margin: 0;
}
#modal-apply ul.apply-tabs li{
	cursor: pointer;
}
#modal-apply .apply-tab-content {
	display: none;
}
#modal-apply .apply-tab-content.current {
	display: inherit;
}
#modal-apply ul.apply-tabs {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0 0 -3px 0;
}
  #modal-apply ul.apply-tabs.touched li.apply-tab-link {
      border-radius: 20px 20px 0 0;
  }
  #modal-apply ul.apply-tabs li {
      margin: 0 10px;
      background: #efefef;
      padding: 16px 35px 16px 70px;
      border-radius: 50px;
      min-width: 250px;
      position: relative;
      font-size: 1rem;
      font-weight: 500;
      color: rgba(0,0,0,0.85);
      border: solid 2px #efefef;
      transition: all 0.3s ease-in-out;
  }
      #modal-apply ul.apply-tabs li.d {
        padding-right: 40px;
    }
    #modal-apply ul.apply-tabs li:hover,
    #modal-apply ul.apply-tabs li:focus {
        background: none;
        text-decoration: underline;
    }
    #modal-apply ul.apply-tabs li.current {
      background: none;
      text-decoration: underline;
      border-bottom: solid 3px #fff;
    }
    #modal-apply ul.apply-tabs li:before {
        font-weight: 900;
        position: absolute;
        left: 25px;
    }
  #modal-apply ul.apply-tabs li span.s {
      display: block;
      font-size: 1.1rem;
      position: relative;
  }
    #modal-apply ul.apply-tabs li.d span.s > span {
        font-size: 1.05rem;
        position: absolute;
        color: rgba(0,0,0,0.6);
        right: -10px;
    }
    #modal-apply ul.apply-tabs li.d {
        margin-left: 0;
    }
      #modal-apply ul.apply-tabs li.d:before {
          font-family: "Font Awesome 6 Brands";
          content: "\f785";
          font-size: 1.6rem;
          top: 22px;
          color: #a40000;
      }
    #modal-apply ul.apply-tabs li.i {
        margin-right; 0;
    }
      #modal-apply ul.apply-tabs li.i:before {
          font-family: "Font Awesome 6 Free";
          content: "\f57e";
          font-size: 1.55rem;
          top: 22px;
          left: 27px;
          color: #003a7c;
      }
#modal-apply .apply-instructions h3 {
    font-size: 1.6rem;
    line-height: 2rem;
    position: relative;
    margin: 0 0 17px 0;
    text-align: center;
}
#modal-apply .apply-tab-content {
    margin: 0;
    border: solid 3px #efefef;
    padding: 30px 25px;
}
  #modal-apply .apply-tab-content h4 {
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin: 5px 0 26px 0;
    color: #0077be;
    text-align: center;
  }
  #modal-apply .apply-tab-content li,
  #modal-apply .apply-tab-content p {
      font-size: 1.05rem;
      line-height: 1.55rem;
      margin: 15px 0;
  }
  #modal-apply .apply-tab-content strong {
      font-weight: 500;
      color: #0077be;
  }
  #modal-apply .apply-tab-content a {
      color: #0077be;
  }
  #modal-apply .apply-tab-content ul.checklist {
      list-style-type: none;
      margin: 15px 0 15px 20px;
  }
    #modal-apply .apply-tab-content ul.checklist li {
        position: relative;
        padding: 0 0 0 36px;
        margin: 18px 0;
        line-height: 1.6rem;
    }
      #modal-apply .apply-tab-content ul.checklist li:before {
          content: "\f00c";
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          position: absolute;
          left: 0;
          width: 27px;
          height: 27px;
          display: block;
          background: #0077be;
          color: #fff;
          text-align: center;
          border-radius: 50%;
          font-size: 0.8rem;
          line-height: 1.8rem;
          top: -4px;
      }
  #modal-apply .apply-tab-content *:last-child {
      margin-bottom: 0;
  }
  #modal-apply .apply-tab-content ul.help-links {
      list-style-type: none;
      background: rgba(0,0,0,0.05);
      display: flex;
      margin: 45px 0 0 0;
      padding: 12px 10px;
      justify-content: center;
  }
    #modal-apply .apply-tab-content ul.help-links li {
        margin: 0 10px;
        font-size: 0.95rem;
        line-height: 1.4rem;
    }
      #modal-apply .apply-tab-content ul.help-links li:first-child {
          font-weight: 600;
      }
      #modal-apply .apply-tab-content div.no-apply {
    text-align: center;
}
#modal-apply .apply-tab-content div.no-apply p {
    background: #FFE9E9;
    padding: 13px 20px 13px 45px;
    border-radius: 10px;
    color: #320c00;
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1.4rem;
    font-weight: 400;
    position: relative;
    margin: 0;
}
  #modal-apply .apply-tab-content div.no-apply p:before {
      content: "\f057";
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      position: absolute;
      left: 20px;
      top: 13px;
      font-size: 1rem;
      color: #9d0202;
  }
    #modal-apply .apply-tab-content div.no-apply p strong {
        font-weight: 500;
        color: #9d0202;
    }
  #modal-apply .domestic-info {
      margin: 35px 0 0 0;
      text-align: center;
      font-size: 0.82rem;
      line-height: 1.1rem;
      font-style: italic;
      color: rgba(0,0,0,0.7);
  }

/*------------------------------------*\
    MODALS - COMMON
\*------------------------------------*/

.iziModal {
    max-width: 1100px !important;
    z-index: 2500 !important;
}
.iziModal .iziModal-header {
    padding-left: 25px !important;
}
.iziModal .iziModal-header-subtitle,
.iziModal .iziModal-header-title,
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
    font-family: "Work Sans", sans-serif;
}
.iziModal .iziModal-header-title,
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
    font-weight: 600 !important;
    font-size: 1.2rem !important;
    margin: 5px 0 !important;
    white-space: normal;
    line-height: 1.65rem;
}
.iziModal .iziModal-header-title br,
.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title br {
    display: none;
}
.iziModal .iziModal-header-subtitle {
    color: rgba(255,255,255,0.8);
    font-size: 1rem;
}
.iziModal .iziModal-content {
    padding: 35px 25px 35px !important;
}
.iziModal .iziModal-header-buttons {
    top: 30px;
}
body.modal-open {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}

/*------------------------------------*\
    Shortcode Styling
\*------------------------------------*/

/* YWCA Funded Programs */
.ywca {
    background: rgba(173, 32, 142, 0.05);
    border-radius: 4px;
    padding: 25px;
    display: flex;
    align-items: center;
    margin: 35px 0;
}
.ywca  img {
    margin: 0 35px 0 0;
    max-width: 205px;
}
.ywca p {
    font-weight: 500 !important;
    margin: 0 !important;
    color: #ac208e;
    font-size: 1.1rem !important;
    line-height: 1.7rem !important;
    text-align: center;
    display: block;
    width: 100%;
}

/* Program landing page styling ex. GAS, BRTF */
.lp-programs {
   margin: 55px 0;
}
.lp-programs > div {
  text-align: center;
  background: rgba(0,119,190,0.1);
  padding: 25px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 60px;
  overflow: hidden;
}
  .lp-programs.brtf-programs > div {
      border-radius: 0;
  }
.lp-programs h4 {
    margin: 0 0 15px !important;
    font-size: 1.65rem !important;
    line-height: 2.2rem !important;
}
.lp-programs p {
   margin: 0 !important;
}
.lp-programs p.text {
    font-size: 1rem !important;
    line-height: 1.4rem !important;
    text-align: left;
    margin: 20px 0 0 !important;
}
.lp-programs > div a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 500;
    transition: all 0.3s ease-in-out;
    outline: none;
}
  .lp-programs > div a:hover,
  .lp-programs > div a:focus {
      background: rgba(0,0,0,0.7);
  }
    .lp-programs > div a:hover:before,
    .lp-programs > div a:focus:before {
        content: "+ Learn more about this program";
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
    }

.how-to-apply-appren h4 {
    color: #003317 !important;
    font-size: 2.1rem !important;
    line-height: 2.55rem !important;
    margin: 65px 0 20px 0 !important;
}

/* Pre-Apprenticeships List */
.school-page main.lorem .preapprenlist {
    padding-bottom: 30px;
}
.school-page main.lorem .preapprenlist .preappren {
    margin: 20px 0;
    padding: 15px 0 15px 15px;
    border-left: solid 12px #0077be;
    background: #fff;
    border-radius: 0 4px 4px 0;
}
  .school-page main.lorem .preapprenlist .preappren:last-child {
      margin-bottom: 0;
  }
.school-page main.lorem .preapprenlist h4 {
    margin: 0 0 25px 0;
}
.school-page main.lorem .preapprenlist .preappren h5 {
    font-size: 1.4rem;
    line-height: 1.7rem;
    margin: 0;
}
  .school-page main.lorem .preapprenlist .preappren h5 a {
      color: rgba(0,0,0,0.75);
  }
.school-page main.lorem .preapprenlist .preappren ul {
    list-style-type: none;
    display: flex;
    margin: 9px 0 0 0;
}
  .school-page main.lorem .preapprenlist .preappren ul li {
      margin: 0 10px 0 0;
      border-right: solid 3px rgba(0,0,0,0.2);
      padding: 0 10px 0 0;
      font-size: 1.1rem;
      line-height: 1.4rem;
      color: rgba(0,0,0,0.8);
      font-style: italic;
  }
    .school-page main.lorem .preapprenlist .preappren ul li:nth-child(3) {
        font-style: normal;
    }
    .school-page main.lorem .preapprenlist .preappren ul li:last-child {
        border: none;
        margin: 0;
        padding: 0;
    }
    .school-page main.lorem .preapprenlist .preappren ul li span {
        font-weight: 600;
    }
      .school-page main.lorem .preapprenlist .preappren ul li span i {
          font-size: 1rem;
      }
        .school-page main.lorem .preapprenlist .preappren ul li span.open {
            color: #009a3f;
        }
        .school-page main.lorem .preapprenlist .preappren ul li span.coming {
            color: #a66602;
        }
        .school-page main.lorem .preapprenlist .preappren ul li span.closed {
            color: #9d1616;
        }

/* How to apply - apprenticeships */
.how-to-apply-appren ol {
    counter-reset: li-counter;
    list-style-type: none;
    margin: 2rem 0 3.5rem 0 !important;
}
  .how-to-apply-appren ol > li {
      padding: 0 0 0 60px;
      position: relative;
      margin: 35px 0 !important;
  }
    .how-to-apply-appren ol > li:before {
        content: counter(li-counter, decimal);
        counter-increment: li-counter;
        border-radius: 50%;
        background: rgba(1,96,44,0.2);
        color: rgba(1,96,44,1);
        width: 45px;
        height: 45px;
        text-align: center;
        font-size: 1.3rem;
        line-height: 2.1;
        font-weight: 700;
        position: absolute;
        left: 0;
        top: -10px;
    }
    .how-to-apply-appren ol > li h5 {
        color: #003317 !important;
    }
    .how-to-apply-appren ol > li > ol > li {
        padding: 0 0 0 45px;
       margin: 20px 0 !important;
    }
      .how-to-apply-appren ol > li > ol > li:before {
          width: 33px;
          height: 33px;
          font-size: 1rem;
          top: -4px;
      }
.how-to-apply-appren table th,
.how-to-apply-appren table td {
    padding: 10px 20px;
}
.how-to-apply-appren table th {
    text-align: left;
    background: rgba(1,96,44,1) !important;
    border: solid 1px rgba(1,96,44,1) !important;
    color: #fff !important;
    text-transform: none !important;
}
.how-to-apply-appren table td {
    border: solid 1px rgba(0,0,0,0.2);
}
.how-to-apply-appren .ref {
    opacity: 0.8;
    font-size: 0.85rem;
}
.how-to-apply-appren .colour-text {
    color: rgba(1,96,44,1) !important;
}
.how-to-apply-appren .sidebar.right {
    border-left: solid 2px rgba(0,0,0,0.08);
    padding: 0 0 0 2rem;
}
.how-to-apply-appren .sidebar h1,
.how-to-apply-appren .sidebar h2,
.how-to-apply-appren .sidebar h3,
.how-to-apply-appren .sidebar h4,
.how-to-apply-appren .sidebar h5 {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    color: rgba(0,0,0,0.65) !important;
    margin: 35px 0 15px !important;
}
.how-to-apply-appren .sidebar p,
.how-to-apply-appren .sidebar address {
    font-size: 1.1rem !important;
    line-height: 1.6rem !important;
}
.how-to-apply-appren .sidebar .panel *:first-child {
    margin-top: 0 !important;
}
.how-to-apply-appren .sidebar .panel *:last-child {
    margin-bottom: 0 !important;
}
.how-to-apply-appren .sidebar .panel {
    background: #eaf9b6 !important;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

header.bar {
  background: #00164D;
  width: 100%;
  z-index: 996;
  position: fixed;
  top: 0;
}
  header.bar .bar-i {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0.8rem 0;
  }
    header.bar .bar-i .logo {
      position: relative;
      left: -3px;
      z-index: 500;
    }
    header.bar .logo a:focus {
       outline: none;
    }
    header.bar .logo a:focus h1 {
       border: dashed 1px rgba(255,255,255,0.5);
    }
    header.bar .logo h1 {
        margin: 0;
        padding: 0;
        width: 280px;
        height: 42px;
        background-repeat: no-repeat;
        position: relative;
        top: 3px;
        border: solid 1px transparent;
      }
        header.bar .logo h1 span {
          clip: rect(1px, 1px, 1px, 1px);
          height: 1px !important;
          width: 1px !important;
          margin: 0 !important;
          overflow: hidden !important;
          position: absolute;
        }

/*------------------------------------*\
    TOOLTIPS
\*------------------------------------*/

/* Tooltip hidden by default */
.simpletooltip[aria-hidden="true"] {
  display: none;
}
/* position relative for containers */
.simpletooltip_container {
  position: relative;
}

/* tooltip styles */
.simpletooltip {
  position: absolute;
  z-index: 666;
  min-width: 250px;
  border-radius: .5em;
  background: rgba( 0, 0, 0, .9 );
  color: #eee;
  padding: 11px 15px;
  text-align: left;
  font-size: 0.75rem;
  line-height: 1.1rem;

  top: -8px;
  right: auto;
  left: 110%;

}
/* used pseudo-element to make arrows */
.simpletooltip:before {
  content: '';
  speak: none;
  position: absolute;
  z-index: 666;
  width: 10px;
  height: 10px;
  pointer-events: none;
  top: unset;
  left: -16px;
  margin-left: 0;
  border: 8px solid transparent;
  border-right: 8px solid rgba( 0, 0, 0, 0.9);
}

/*------------------------------------*\
    COMMON
\*------------------------------------*/

a.button {
    border: solid 2px #00164d;
    color: #00164d;
    border-radius: 50px;
    text-decoration: none;
    padding: 20px 35px;
    display: inline-block;
    margin: 25px 0;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
a.button.expand {
    width: 100%;
}
a.button.large {
    font-size: 1.1rem;
    padding: 23px 37px;
}
a.button.medium {
    font-size: 0.95rem;
    padding: 17px 33px;
}
a.button.small {
    font-size: 0.9rem;
    padding: 15px 30px;
}
a.button:hover,
a.button:focus {
    text-decoration: underline;
    border: solid 2px transparent !important;
    background: rgba(0,22,77,0.1);
}
a.button.white {
    color: #0077be !important;
    border: none;
    background: #fff;
    border: solid 2px #fff !important;
}
  a.button.white:hover,
  a.button.white:focus {
      background: rgba(255,255,255,0.5);
      color: #000 !important;
      border-color: #fff !important;
  }
.post-edit-link {
    margin: 30px 0;
    display: block;
}
.fluid-video {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
   margin: 35px 0;
}
   .fluid-video iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
   }
   .fluid-video.nm {
      margin: 0;
   }
.lorem .alert {
    margin: 25px 0;
    border-radius: 10px;
    padding: 22px;
    position: relative;
    background: rgba(0,0,0,0.04);
    font-size: 1.2rem;
    line-height: 1.75rem;
}
   .lorem .alert:before {
       font-family: "Font Awesome 6 Free";
       font-weight: 900;
       position: absolute;
       left: 20px;
       font-size: 1.3rem;
   }
   .lorem .alert h1:first-child,
   .lorem .alert h2:first-child,
   .lorem .alert h3:first-child,
   .lorem .alert h4:first-child,
   .lorem .alert h5:first-child,
   .lorem .alert h6:first-child {
       margin-top: 0;
   }
   .lorem .alert *:last-child {
       margin-bottom: 0;
   }
   .lorem .alert p,
   .lorem .alert ul,
   .lorem .alert ol,
   .lorem .alert li {
       line-height: 1.45rem;
   }
   .lorem .alert.green {
       background: #e9f4ce;
   }
   .lorem .alert.yellow {
       background: #fcfac5;
   }
   .lorem .alert.orange {
       background: rgba(255,199,144,0.6);
       padding-left: 60px;
   }
      .lorem .alert.orange:before {
          content: "\f06a";
          left: 22px;
          color: #c75900;
      }
   .lorem .alert.red {
       background: #ffe0e0;
       padding-left: 60px;
       border: none;
   }
      .lorem .alert.red:before {
          content: "\f071";
          color: #a90800;
      }
    .lorem .alert.grey {
        background: #ecebeb;
        border-color: #ecebeb;
    }

/* Delivery Alert (PN, PNA, PSWA) */
.program main .lorem .delivery-alert {
    background: #fcfac5;
    padding: 20px;
    border-radius: 10px;
    margin: 35px 0;
}
.program main .lorem .delivery-alert .delivery-alert-heading {
    color: #000;
    font-size: 1.45rem;
    line-height: 1.75rem;
    margin: 0;
    position: relative;
    padding: 0 0 0 1.75rem;
}
.program main .lorem .delivery-alert .delivery-alert-heading:before {
    content: "\f06a";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    font-size: 1.3rem;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    color: #D49A2F;
}
.program main .lorem .delivery-alert p {
    margin-top: 12px;
    font-size: 1rem;
    line-height: 1.5rem;
}
.program main .lorem .delivery-alert p:empty {
    display: none;
}
.program main .lorem .delivery-alert p:nth-last-child(2) {
    margin-bottom: 0;
}

/* Program Delivery Table (E.g. PN) */
.program main .tab-content table.program-delivery-table {
    width: 100%;
}
.program main .tab-content table.program-delivery-table th,
.program main .tab-content table.program-delivery-table td {
    font-size: 1.05rem !important;
    line-height: 1.5rem;
    text-align: center;
}
.program main .tab-content table.program-delivery-table tbody tr,
.program main .tab-content table.program-delivery-table tbody td {
    transition: all 0.03s ease-in-out;
    position: relative;
}
.program main .tab-content table.program-delivery-table tbody tr:hover {
    background: rgba(0,119,190,0.1) !important;
    cursor: select;
}
.program main .tab-content table.program-delivery-table tbody tr:hover td:first-child,
.program main .tab-content table.program-delivery-table tbody tr:hover td:last-child {
    background: rgba(0,119,190,0.1) !important;
}
.program main .tab-content table.program-delivery-table tbody tr:hover td:after {
    content: "\f30b";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    margin: 1px 0 0 10px;
    opacity: 0.8;
}
.program main .tab-content table.program-delivery-table tbody tr td:last-child:after {
    content: none !important;
}

/* -> No International Applications Warning */
.program main .lorem .no-international-apps {
    background: #FFE9E9;
    padding: 13px 20px;
    border-radius: 10px;
    margin: 28px 0 0 0;
    color: #320c00;
    position: relative;
    display: flex;
    justify-content: center;
}
    .program main .lorem .no-international-apps > div {
        position: relative;
        padding: 0 0 0 1.5rem;
        display: inline-block;
    }
    .program main .lorem .no-international-apps > div:before {
        content: "\f057";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 0.85rem;
        color: #a90800;
        display: flex;
        align-items: center;
        height: 100%;
    }
    .program main .lorem .no-international-apps > div p {
        font-size: 0.95rem;
        line-height: 1.4rem;
        display: inline-block;
    }
        .program main .lorem .no-international-apps > div p strong {
            font-weight: 500;
            color: #9d0202;
        }

/*---------------------------------*\
    Columns (= 12)
\*---------------------------------*/

.col-1 { /* 12 */
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 30px;
}
.col-1-1 { /* 6 6 */
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
}
.col-1-2 { /* 5 7 */
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    grid-column-gap: 30px;
}
.col-1-3 { /* 4 8 */
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-column-gap: 30px;
}
.col-1-4 { /* 3 9 */
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 30px;
}
.col-1-5 { /* 2 10 */
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-column-gap: 30px;
}
.col-4-1 { /* 9 3 */
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-column-gap: 30px;
}
.col-5-1 { /* 10 2 */
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-column-gap: 30px;
}
.col-3-1 { /* 8 4 */
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-column-gap: 30px;
}
.col-3-2 { /* 7 5 */
    display: grid;
    grid-template-columns: 2fr 1.25fr;
    grid-column-gap: 30px;
}
.col-2-3 { /* 5 7 */
    display: grid;
    grid-template-columns: 1.25fr 2fr;
    grid-column-gap: 30px;
}
.col-3-2 { /* 5 7 */
    display: grid;
    grid-template-columns: 2fr 1.25fr;
    grid-column-gap: 30px;
}
.col-1-1-1 { /* 4 4 4 */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
}
.col-2-1-1 { /* 6 3 3 */
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    grid-column-gap: 30px;
}
.col-1-1-1-1 { /* 3 3 3 3 */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 30px;
}
.col-1-1-5 { /* 4 5 3 */
    display: grid;
    grid-template-columns: 2fr 3fr 0.5fr;
    grid-column-gap: 30px;
}


/*------------------------------------*\
    TEMPLATES
\*------------------------------------*/

/*---------------------------------*\
    All Templates
\*---------------------------------*/

.banner {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
    color: #fff;
    background: #000; /* fallback */
}
   .home .banner {
      background-image: linear-gradient(#0077be, #003d61);
   }
  .banner.appren,
  .banner.preappren {
    background: #003317;
  }
  .banner.dip,
  .banner.adip,
  .banner.other {
    background: #004771;
  }
  .banner.cert {
    background: #3e3e3e;
  }
  .banner.gradcert {
    background: #300000;
  }
  .banner.bach {
    background: #63471a;
  }
.banner video {
    width: 100vw !important;
    height: 100vh !important;
    object-fit: cover;

    position: absolute;
    z-index: 50;
}
.banner .banner-image {
    width: 100% !important;
    height: inherit !important;
    background-size: cover;

    position: absolute;
}
.banner .overview {
    position: relative;
    z-index: 500;
    width: 100%;
    height: 90%;
    top: 75px;
    display: grid;
}
.banner .overview .r {
    margin: auto;
}
/* Banner Colour Options */
.banner .filter {
    position: absolute;
    z-index: 500;
    width: 100%;
    height: 100%;
}
  /* Black Overlay */
  .banner .filter.black {
      background: rgba(0,0,0,0.35);
  }
     .home .banner .filter.black {
         background: rgba(0,0,0,0.4);
     }
  /* White Overlay  */
  .banner .filter.white {
      background: rgba(255,255,255,0.4);
  }
  /* Black Text */
  .program .banner.black-text .overview-i h3 {
      color: #000;
      text-shadow: 1px 1px #fff;
  }
  .program .banner.black-text .overview-i .lead {
       background: rgba(0,0,0,0.75);
   }
  .program .banner .overview.no-filter .overview-i h3,
  .program .banner .overview.no-filter .overview-i .lead {
      text-shadow: none;
  }

  .homepage .banner.black-text .overview-i h2 {
       text-shadow: 2px 2px rgba(255,255,255,0.5);
       color: #000;
   }
   .homepage .banner.black-text .overview-i .location {
       background: rgba(255,255,255,0.4);
       color: #000;
   }
   .homepage .banner.black-text .overview-i .lead {
       color: #000;
       background: rgba(255,255,255,0.5);
   }

/* Section - Virtual Information Sessions */
section#vais img {
    width: 90%;
}
section#vais h3 {
    margin: 30px 0 25px 0;
    padding: 0 0 0 3.5rem;
    position: relative;
}
section#vais h3:before {
    content: "\f086";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    left: 0;
}
section#vais p {
    font-size: 1.25rem;
    line-height: 1.85rem;
    font-weight: 500;
}
section#vais p:last-child {
    margin: 0;
}
section#vais a.button {
    margin: 15px 0 0 0;
}

/*-----------------------------------*\
    SCHOOL - Template: Front Page
\*-----------------------------------*/

/*--- Navigation (Max Mega Menu) ---*/
#mega-menu-wrap-school-menu .mega-menu-toggle {
    padding: 29px 15px;
}
#mega-menu-wrap-school-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label {
    font-size: 1rem;
    font-weight: 500;
}
#mega-menu-wrap-school-menu .mega-menu-toggle .mega-toggle-block-1:before {
	position: relative;
	left: -6px;
	margin: 0 4px 0 0;
}
#mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color: #0077be;
}
#mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
   padding: 0;
}

/* Current Item */
.school-page #mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background: #83a82e;
    color: #fff;
    font-weight: 500;
}
.home #mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background: inherit;
    color: #fff;
    font-weight: inherit;
}

/* Hover - The plugin css does not apply to current items - this line fixes that */
#mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-item > a.mega-menu-link:hover,
.home #mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover {

    background: #0077be;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;

}

/* Add class 'home' to menu item to highlight it current */
.home #mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-item.mega-current-menu-item.home > a.mega-menu-link {
    background: #83A82E;
    color: #fff;
    font-weight: 500;
}

/*--- Homepage Default Textblock Styling ---*/
.home main .lorem h1,
.home main .lorem h2,
.home main .lorem h3,
.home main .lorem h4,
.home main .lorem h5,
.home main .lorem h6 {
    font-weight: 600;
}
.home main .lorem h1,
.home main .lorem h2,
.home main .lorem h3 {
    font-size: 2.4rem;
    line-height: 3.1rem;
    margin: 2.5rem 0 1.5rem;
    color: #00164d;
}
.home main .lorem h4 {
    font-size: 2rem;
    margin: 1.9rem 0 1.3rem;
}
.home main .lorem h5 {
    font-size: 1.8rem;
    margin: 1.7rem 0 1.2rem;
}
.home main .lorem h6 {
    font-size: 1.4rem;
    margin: 1.6rem 0 1.1rem;
}
.home main section .lorem h1:first-child,
.home main section .lorem h2:first-child {
   margin-top: 0;
}
.home main .lorem p,
.home main .lorem ol,
.home main .lorem ul {
    margin: 20px 0;
}
.home main .lorem table {
    margin: 1.5rem 0 1.75rem;
}
.home main .lorem ul,
.home main .lorem ol {
    margin-left: 2rem;
}
.home main .lorem li {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.home main .lorem hr {
    border: none;
    height: 2px;
    margin: 25px 0;
}
.home main .lorem p:last-child,
.home main .lorem ul:last-child,
.home main .lorem ol:last-child {
    margin-bottom: 0;
}
.home main .lorem .panel {
    background: rgba(0,119,190,0.1);
    padding: 0.25rem 1.25rem;
    margin: 1rem 0;
}
.home main .lorem table td {
    padding: 10px 12px;
    border: none;
}
.home main .lorem table th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    padding: 15px 12px;
}
.home main .lorem table td *:first-child {
    margin-top: 0;
}
.home main .lorem table td *:last-child {
    margin-bottom: 0;
}

/*--- Homepage Default Textblock Styling - Negative ---*/
.home main .lorem.textneg {
    color: #fff;
}
.home main .lorem.textneg h1,
.home main .lorem.textneg h2,
.home main .lorem.textneg h3,
.home main .lorem.textneg h4,
.home main .lorem.textneg h5,
.home main .lorem.textneg h6 {
    color: #fff;
}
.home main .lorem.textneg a {
    color: #fff;
}
.home main .lorem.textneg hr {
    background: rgba(255,255,255,0.4);
}
.home main .lorem.textneg table th {
    background: rgba(0,0,0,0.3);
}
.home main .lorem.textneg table tr:nth-child(odd) {
    background: rgba(255,255,255,0.1);
}
.home main .lorem.textneg a.button {
    border-color: #fff;
}
.home main .lorem.textneg a.button:hover,
.home main .lorem.textneg a.button:focus {
    background: rgba(255,255,255,0.1);
}
.home main .lorem.textneg .panel {
    background: rgba(255,255,255,0.1);
}

/* Banner Overview */
.homepage .banner .overview-i h2 {
    margin: 0 0 1.75rem;
    font-weight: 500;
    text-shadow: 2px 2px rgba(0,0,0,0.5);
    transition: all 0.5s;
    font-weight: 700;

    font-size: 5.1vw;
    line-height: 6.1vw;
}
  .homepage .banner .overview-i h2 span.before {
      display: block;
      position: relative;
      font-size: 3.5vw;
      bottom: -1.2vw;
  }
  .homepage .banner .overview-i h2 span.after {
      display: block;
      text-transform: uppercase;
      position: relative;

      font-size: 3vw;
      top: -0.6vw;
  }
   .homepage .banner .overview-i h2.after-title {
       margin: 0;
       font-weight: 500;
   }
   .homepage .banner.no-banner-image .overview-i h2 {
       text-shadow: none;
   }
.homepage .banner .overview-i .location {
    margin: 0 0 40px 0;
    background: #83a82e;
    padding: 1rem 1.5rem;
    color: rgba(255,255,255,1);
    display: inline-block;
    font-weight: 500;

    font-size: 2vw;
}
.homepage .banner .overview-i .lead {
    font-weight: 400;
    font-size: 2.3vw;
    line-height: 3.5vw;
}
   .homepage .banner.no-banner-image .overview-i .lead {
       text-shadow: none;
   }

/* All Sections */
.homepage main section {
    padding: 100px 0;
}

/* Section - "You Can" */
.homepage main section.you-can .intro-sentence h3 {
    color: #0a4a9d;
    font-size: 2.25rem;
    line-height: 2.8rem;
    font-weight: 600;
    }
.homepage main section.you-can .list-items {
    padding: 1rem 0 0 0;
}
  .homepage main section.you-can .list-items ul {
      list-style-type: none;
      margin: 0;
  }
    .homepage main section.you-can .list-items ul li {
        margin: 0 0 1rem 0;
        padding: 0 0 0 2.25rem;
        position: relative;
        font-size: 1.2rem;
        line-height: 1.85rem;
    }
    .homepage main section.you-can .list-items ul li:last-child {
        margin-bottom: 0;
    }
      .homepage main section.you-can .list-items a {
          color: #0077be;
      }
      .homepage main section.you-can .list-items strong {
          font-weight: 500;
      }
      .homepage main section.you-can .list-items ul li:before {
          font-family: "Font Awesome 6 Free";
          content: "\f058";
          color: #83a82e;
          display: inline-block;
          font-size: 1.4rem;
          position: absolute;
          left: 0;
      }
.homepage main section.you-can .social-icons {
    padding: 0.75rem 0 0 0;
}
  .homepage main section.you-can .social-icons a {
      display: block;
      text-decoration: none;
      text-align: right;
  }
    .homepage main section.you-can .social-icons a:before {
        font-family: "Font Awesome 6 Brands";
        display: inline-block;
        font-weight: 400;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-size: 2.8rem;
        margin: 0 0 2px 0;
        transition: all 0.2s ease-in-out;
    }
    .homepage main section.you-can .social-icons a:hover:before,
    .homepage main section.you-can .social-icons a:focus:before {
        opacity: 0.65;
    }
      .homepage main section.you-can .social-icons a.fb:before {
          content: "\f082";
          color: #4b76bd;
      }
      .homepage main section.you-can .social-icons a.twit:before {
          content: "\f081";
          color: #00c6ff;
      }
      .homepage main section.you-can a.insta {
          background: #7b5541;
          width: 39px;
          height: 39px;
          border-radius: 4px;
          overflow: hidden;
          float: right;
          text-align: center !important;
          margin: 0.3rem 0 0 0;
          transition: all 0.2s ease-in-out;
      }
      .homepage main section.you-can a.insta:hover,
      .homepage main section.you-can a.insta:focus {
          opacity: 0.8;
      }
      .homepage main section.you-can a.insta:before {
          color: #fff !important;
          font-size: 1.95rem !important;
          line-height: 2.35rem !important;
          position: relative;
          left: 1px;
          content: "\f16d";
      }
      .homepage main section.you-can .social-icons a.insta:hover:before,
      .homepage main section.you-can .social-icons a.insta:focus:before {
          opacity: 1;
      }

/* Section - About */
.homepage main section.about {
    background: #0a4a9d;
}
  .home main section.about > .r {
      column-count: 2;
      column-gap: 40px;
  }
    .home main section.about > .r p {
        margin: 0 0 1.25rem 0;
        font-size: 1.15rem;
        line-height: 1.8rem;
    }
      .home main section.about > .r p:last-child {
          margin: 0;
      }
   .homepage main section.about > .r > a.button:last-child {
       margin: 20px 0 0 0;
       font-size: 1.1rem;
       font-weight: 500;
       padding: 22px 42px;
   }

/* Section - Facilities */

/* Section - Media Slider */
.home main section.media-slider {
   background: #efefef;
}
  .home main section.media-slider h3 {
    font-weight: 600;
    font-size: 2.4rem;
    margin: 0 0 3rem 0;
    color: #00164d;
  }
   .home main section.media-slider .slider {
       margin: 2.5rem 45px 1.5rem;
   }
     .home main section.media-slider .slider .videoWrapper {
         position: relative;
         padding-bottom: 56.25%;
         padding-top: 25px;
         height: 0;
     }
       .home main section.media-slider .slider .videoWrapper iframe {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
       }
       .home main section.media-slider .slider .videoWrapper img {
           width: 100%;
           height: auto;
       }
      .home main section.media-slider .slider .slick-dots {
            position: relative;
            margin: 40px 0 0;
      }
         .home main section.media-slider .slider .slick-dots li:only-child {
            display: none;
         }
   .home main section.media-slider .slider .slick-next:before,
      .home main section.media-slider .slider .slick-prev:before {
          color: rgba(0,0,0,0.5);
          font-size: 30px;
      }
       .home main section.media-slider .slider .slick-next,
       .home main section.media-slider .slider .slick-prev {
           top: 45%;
       }
      .home main section.media-slider .slider .slick-next {
          right: -35px;
      }
      .home main section.media-slider .slider .slick-prev {
          left: -50px;
      }
      .home main section.media-slider .slider .slick-next:hover:before,
      .home main section.media-slider .slider .slick-next:focus:before,
      .home main section.media-slider .slider .slick-prev:hover:before,
      .home main section.media-slider .slider .slick-prev:focus:before {
          color: #0077be !important;
      }
			.home main section.media-slider .video-description {
			    margin: 25px 0 0 0;
			}
			.home main section.media-slider .video-description > *:first-child {
			    margin-top: 0;
			}


/* Section - Programs & Flexible Programs */
.home main section.programs {
    background: #f4f4f4;
}
.home main section.flexible-programs {
    background: #e6f7ff;
}
  .home main section.programs h3,
  .home main section.flexible-programs h3 {
    color: #00164d;
    font-size: 2.6rem;
    margin: 0 0 50px 0;
    font-weight: 600;
  }
  .home main section.flexible-programs .lorem {
    margin: 0 0 2rem 0;
  }
.home main section.programs .col-1-1-1,
.home main section.flexible-programs .col-1-1-1 {
    grid-row-gap: 30px;
}
.home main section.flexible-programs .flexible-program-block-wrapper {
  margin: 0 0 3rem 0;
}
  .home main section.flexible-programs .flexible-program-block-wrapper:last-child {
    margin: 0 0 0.5rem 0;
  }
  .home main section.programs .program,
  .home main section.flexible-programs .program {
      background: #fff;
      position: relative;
  }
    .home main section.programs .program h4 {
        font-size: 1.2rem;
        line-height: 1.8rem;
        background: #666;
        color: #fff;
        padding: 30px 20px 20px 20px;
        min-height: 155px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
    }
    .home main section.programs .program.opd h4 {
        flex-wrap: wrap;
    }
    .home main section.programs .program h4 .program-title {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .home main section.programs .program h4 .program-title .title-text {
        width: 100%;
    }
    .home main section.programs .program.opd h4 .opd-tag {
        background: #e2e367;
        color: rgba(0,0,0,0.85);
        padding: 0.6rem 0.7rem 0.6rem 2rem;
        border-radius: 5px;
        font-size: 0.9rem;
        line-height: 1;
        position: relative;
        display: inline-block;
        font-weight: 600;
        margin: 15px 0 0 0;
    }
        .home main section.programs .program.opd h4 .opd-tag::before {
            content: "\e066";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 0.6rem;
            top: 0;
            font-size: 0.9rem;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0.85;
        }
    .home main section.flexible-programs .program h4 {
        font-size: 1.25rem;
        line-height: 1.7rem;
        background: #666;
        font-weight: 500;
        color: #fff;
        padding: 1rem;
        min-height: 140px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
      .home main section.programs .program.cert h4 {
          background: #4b4b4b;
      }
      .home main section.programs .program.dip h4{
          background: #0077be
      }
      .home main section.programs .program.adip h4 {
         background: #00598e;
      }
      .home main section.programs .program.gradcert h4 {
          background: #4F0000;
      }
      .home main section.programs .program.bach h4 {
          background: #B48402;
      }
      .home main section.programs .program.appren h4,
      .home main section.programs .program.preappren h4 {
          background: #01602C;
      }
      .home main section.programs .program.other h4 {
          background: #464646;
      }
      .home main section.programs .program.esl h4 {
        background: #01356e;
        }
        .home main section.programs .program.esl .cred-length .cred:before {
            background: #01356e;
        }
        .home main section.programs .program.esl .cred-length .cred {
            color: #01356e;
        }
.home main section.programs .program .program-image,
.home main section.flexible-programs .program .program-image {
    object-fit: cover;
    width: 100%;
}
.home main section.programs .program > a,
.home main section.flexible-programs .program > a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 500;
    transition: all 0.3s ease-in-out;
    outline: none;
}
  .home main section.programs .program > a:hover,
  .home main section.programs .program > a:focus,
  .home main section.flexible-programs .program > a:hover,
  .home main section.flexible-programs .program > a:focus {
      background: rgba(0,0,0,0.7);
  }
    .home main section.programs .program > a:hover:before,
    .home main section.programs .program > a:focus:before {
        content: "+ Learn more about this program";
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
    }
    .home main section.flexible-programs .program > a:hover:before,
    .home main section.flexible-programs .program > a:focus:before {
        content: "+ Learn more about this opportunity";
        color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 500;
    }
  .home main section.programs .program .cred-length {
      text-align: center;
      padding: 1.2rem 1rem 1.25rem;
  }
    .home main section.programs .program .cred-length .cred,
    .home main section.programs .program .cred-length .length {
        font-weight: 600;
        font-size: 0.85rem;
        color: #3e3e3e;
        font-size: 1rem;
    }
    .home main section.programs .program .cred-length .cred {
        border-right: solid 3px rgba(0,0,0,0.2);
        padding: 0 0.75rem 0 1rem;
        margin: 0 0.5rem 0 0;
        display: inline-block;
        position: relative;
    }
    .home main section.programs .program .cred-length .cred:before {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        content: " ";
        background: grey;
        display: block;
        position: absolute;
        left: 0;
        top: 5px;
    }
    .home main section.programs .program.cert .cred-length .cred {
        color: #3e3e3e;
    }
    .home main section.programs .program.cert .cred-length .cred:before {
        background: #3e3e3e;
    }

    .home main section.programs .program.gradcert .cred-length .cred {
      color: #4f0000;
    }
    .home main section.programs .program.gradcert .cred-length .cred:before {
        background: #4F0000;
    }

    .home main section.programs .program.dip .cred-length .cred {
        color: #0077be;
    }
    .home main section.programs .program.dip .cred-length .cred:before {
        background: #0077be;
    }
    .home main section.programs .program.adip .cred-length .cred {
        color: #00598e;
    }
    .home main section.programs .program.adip .cred-length .cred:before {
      background: #00598e;
    }
    .home main section.programs .program.bach .cred-length .cred {
        color: #B48402;
    }
    .home main section.programs .program.bach .cred-length .cred:before {
        background: #B48402;
    }

    .home main section.programs .program.appren .cred-length .cred,
    .home main section.programs .program.preappren .cred-length .cred {
      color: #01602C;
    }
    .home main section.programs .program.appren .cred-length .cred:before,
    .home main section.programs .program.preappren .cred-length .cred:before {
        background: #01602C;
    }

    .home main section.programs .program.other .cred-length .cred {
        color: #464646;
    }
    .home main section.programs .program.other .cred-length .cred:before {
        background: #464646;
    }

    /* -> Delivery Audience Tags (#38090) */
    .home main section.programs .program .cred-length .delivery-audience {
        margin: 20px 0 0 0;
        padding: 15px 0 0 0;
        text-align: left;
        border-top: dotted 3px rgba(0,0,0,0.2);
        display: flex;
        justify-content: center;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag {
        font-weight: 600;
        font-size: 0.92rem;
        line-height: 1.3rem;
        position: relative;
        padding: 0 0 0 4.75rem;
        color: #202020;
        min-height: 2rem;
        display: flex;
        align-items: center;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag span.icons {
        position: absolute;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        gap: 3px;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag span.icons:before,
    .home main section.programs .program .cred-length .delivery-audience .tag span.icons:after {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        width: 2rem;
        height: 2rem;
        border: solid 2px #3fa403;
        color: #3fa403;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag span.icons:before {
        content: "\f00c";
    }
    .home main section.programs .program .cred-length .delivery-audience .tag.domestic span.icons:after {
        font-family: "Font Awesome 6 Brands";
        content: "\f785";
        border-color: #a70302;
        color: #a70302;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag.intl span.icons:after {
        content: "\f57e";
        border-color: #0b499e;
        color: #0b499e;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag.intln span.icons:after {
        content: "\f57e";
        border-color: #0b499e;
        color: #0b499e;
    }
    .home main section.programs .program .cred-length .delivery-audience.no-creds {
        margin: 0;
        padding: 0;
        border: none;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag.sels {
        flex-wrap: wrap;
        padding: 0 0 0 2.75rem;
        max-width: 19rem;
        display: unset;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag.sels span.icons {
        align-items: unset;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag.sels span.icons:after {
        content: none;
    }
    .home main section.programs .program .cred-length .delivery-audience .tag.sels .no-osap {
        display: inline-block;
        font-style: italic;
    }
    .home main section.programs .program .coming-soon {
        background: #c1de84;
        color: #223200;
        text-align: center;
        padding: 10px 0;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 0.95rem;
        border-bottom: solid 2px #fff;
    }

  .home main section.flexible-programs .program .flex-opt-content {
      padding: 1rem 1.25rem 1.25rem;
  }
    .home main section.flexible-programs .program .flex-opt-content p {
        font-size: 0.95rem;
        line-height: 1.4rem;
        margin: 0.5rem 0;
    }
    .home main section.flexible-programs .program .flex-opt-label {
        text-align: center;
        padding: 1rem 1.5rem 1.25rem;
        font-weight: 600;
        font-size: 0.95rem;
        line-height: 1.3rem;
        color: rgba(0,0,0,0.55);
    }
  .home main section.programs a.button {
      margin: 75px 0 0 0;
  }

  .home main section.programs a.button:before {
      font-family: "Font Awesome 6 Free";
      content: "\f002";
      font-weight: 900;
      margin: 0 0.5rem 0 0;
      color: rgba(0,22,77,0.6);
  }
   .home main section.programs a.button:hover,
   .home main section.programs a.button:focus {
      text-decoration: none;
   }

/* Section - Our Facilities */
.home main section.facilities h3 {
    color: #00164d;
    font-size: 2.4rem;
    margin: 0 0 2.25rem 0;
}
.home main section.facilities .facilities-content .lead {
  margin-bottom: 1.65rem;
}
  .home main section.facilities .facilities-content .lead p {
    font-weight: 600;
    line-height: 1.75rem;
    font-size: 1.25rem;
    color: #0077be;
  }
.homepage main section .facilities-content p {
    margin: 0 0 1.25rem 0;
    font-size: 1.1rem;
    line-height: 1.75rem;
}
.homepage main section .facilities-content .lorem h4 {
    font-size: 1.75rem;
}
.homepage main section .facilities-content .lorem h5 {
    font-size: 1.55rem;
}
.homepage main section .facilities-content .lorem h6 {
    font-size: 1.2rem;
}
.home main section.facilities .gallery {
    padding: 0 0 0 3rem;
    margin: 0.5rem 0 0 0;
}
  .home main section.facilities .gallery ul {
      list-style-type: none;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 10px;
      grid-row-gap: 10px;
  }
    .home main section.facilities .gallery ul li img {
        height: 100%;
        width: 100%;
    }

/* Section - News */
.home main section.news {
    background: #EFEFEF;
}
  .home main section.news h3 {
      color: #0077be;
      font-size: 2.4rem;
      margin: 0 0 2.25rem 0;
  }
  .home main section.news .post {
       overflow: auto;
       border-bottom: solid 1px rgba(0,0,0,0.2);
       padding: 0 0 25px 0;
       margin: 0 0 35px 0;
   }
    .home main section.news .post h3 {
       font-size: 1.7rem;
       line-height: 2.3rem;
       margin: 0;
    }
    .home main section.news .post .date {
       margin: 15px 0 20px;
       display: block;
       color: rgba(0,0,0,0.6);
       font-size: 0.95em;
       font-weight: 500;
       text-transform: none;
   }
      .home main section.news .post .date:before {
          content: "\f017";
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          margin: 0 6px 0 0;
          opacity: 0.8;
      }
   .home main section.news .post .read-article {
       margin: 10px 0 0 0;
       float: right;
   }
      .home main section.news .post .read-article a {
          font-size: 0.85rem;
          padding: 15px 30px;
      }
  .home main section.news p {
       line-height: 1.45rem;
  }
  .home main section.news > .r > .button {
      padding: 18px 70px;
      margin: 1.5rem 0 0 0;
  }

/* Section - Text */
.homepage main section.text.blue {
    background: #0a4a9d;
}
.homepage main section.text.black {
    background: #363636;
}

.homepage main section.text {
    position: relative;
    padding: 85px 0;
}
.homepage main section.text .r {
    position: relative;
    z-index: 500;
}
.homepage main section.text .background-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.5;
}

/*------------------------------------*\
    SCHOOL - Contact Page
\*------------------------------------*/

.school-page.faculty main.lorem .contact-callouts {
    margin: 80px 0;
}

/* Styles [contactinformation] shortcode */
.school-page main.lorem .contact-callouts .welcome {
    font-size: 1.2rem;
    line-height: 1.75rem;
    font-weight: 500;
  }
.school-page main.lorem .contact-callouts h3 {
    font-size: 1.8rem;
    line-height: 2.3rem;
    position: relative;
    padding: 0 0 0 60px;
    margin: 0 0 20px 0;
    color: #0a4a9d;
}
.school-page main.lorem .contact-callouts .faculty h3 {
    margin: 10px 0 0 0;
}
.school-page main.lorem .contact-callouts .recruitment h3:before,
.school-page main.lorem .contact-callouts .faculty h3:before {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    color: #fff;
    width: 45px;
    height: 45px;
    display: block;
    border-radius: 50%;
    text-align: center;
    left: 0;
    top: -3px;
    font-size: 1.35rem;
    line-height: 2.8rem;
    background: #0a4a9d;
    font-weight: 900;
}
.school-page main.lorem .contact-callouts .recruitment h3:before {
    content: "\f128";
}
.school-page main.lorem .contact-callouts .faculty h3:before {
    content: "\f4ad";
}
.school-page main.lorem .contact-callouts .recruitment {
    background: #e9f4ce;
    padding: 25px 25px;
    margin: 0 0 40px;
    height: 100%;
}
.school-page main.lorem .contact-callouts .recruitment p:not(.welcome) {
    font-size: 1.1rem;
    line-height: 1.6rem;
}
.school-page main.lorem .contact-callouts h4 {
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgba(0,0,0,0.8);
    position: relative;
    padding: 0 0 0 50px;
    margin: 5px 0 0 0;
}
.school-page main.lorem .contact-callouts h4:before {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    color: #fff;
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    text-align: center;
    left: 0;
    top: -4px;
    font-size: 1rem;
    line-height: 2.6rem;
    background: rgba(0,0,0,0.8);
    font-weight: 900;
}
.school-page main.lorem .contact-callouts .recruitment h4.chat:before {
    content: "\f27a";
}
.school-page main.lorem .contact-callouts .recruitment h4.email:before {
    content: "\f0e0";
}
.school-page main.lorem .contact-callouts .recruitment *:last-child {
    margin-bottom: 0;
}
.school-page main.lorem .contact-callouts .recruitment a.button {
    background: #0a4a9d;
    border: solid 2px #0a4a9d;
    color: #fff;
    width: 100%;
}
.school-page main.lorem .contact-callouts .recruitment a.button:hover,
.school-page main.lorem .contact-callouts .recruitment a.button:focus {
    border: solid 2px #00164d !important;
    background: #00164d !important;
}
.school-page main.lorem .contact-callouts .faculty {
    background: rgba(0,0,0,0.04);
    padding: 20px 25px;
    height: 100%;
}
.school-page main.lorem .contact-callouts .faculty p {
    margin: 5px 0 0 0;
    font-size: 1.1rem;
    line-height: 1.75rem;

}
.school-page main.lorem .contact-callouts .faculty .col-1-1 div {
    display: flex;
    align-items: center;
}
.school-page main.lorem .contact-callouts .faculty .col-1-1 div .button {
    margin: 0;
    width: 100%;
}

/*------------------------------------*\
    SCHOOL - Main Menu
\*------------------------------------*/

/* Navbar wrapper */
.school-navigation {
    background: #0F3072;
}
.school-navigation .r {
    padding: 0 5px;
  }

/*-------------------------------------------*\
    SCHOOL - Title Bar (Mobile)
\*-------------------------------------------*/

.mobile-school-title {
    display: none;
}

/* Remaining CSS is in mobile styling */

/*---------------------------------------*\
    SCHOOL - Secondary Navigation
\*---------------------------------------*/

/* Secondary Navigation */
.secondary-school-navigation {
    width: 100%;
    position: absolute;
    z-index: 500;
    bottom: 0;
    overflow: auto;

    display: none;
}
  .secondary-school-navigation.mobile { /* hide mobile version */
    display: none;
  }
  .secondary-school-navigation.sticky {
      position: fixed;
      top: 135px;
      width: 100%;
      z-index: 1000;
      height: 50px; /* otherwise it covers the whole page */
  }
    .secondary-school-navigation.sticky ul li a {
        border-radius: 0 0 4px 4px;
    }
.secondary-school-navigation ul {
    list-style-type: none;
    float: right;
}
.secondary-school-navigation ul li {
    display: inline-block;
}
.secondary-school-navigation ul li a {
    display: inline-block;
    background: #848484;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 0.85rem;
    line-height: 1.3rem;
    font-weight: 500;
    padding: 0.85rem 1.5rem;
    border-radius: 4px 4px 0 0;
    transition: all 0.3s ease-in-out;
}
.secondary-school-navigation ul li a:hover,
.secondary-school-navigation ul li a:focus {
    text-decoration: underline;
}
.secondary-school-navigation ul li.current_page_item a {
    text-decoration: underline !important;
}


/*-----------------------------------*\
    SCHOOL - Page Level Templates
\*-----------------------------------*/

.school-page .school-title-bar {
    position: relative;
    top: 74px;
    width: 100%;
    z-index: 995;
    background: #143a88;
    padding: 22px 0;
  }
  .school-page .school-title-bar .r {
    width: 100%;
  }
   .school-page .school-title-bar h2 a {
      color: rgba(255,255,255,0.9);
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.3rem;
      position: relative;
      padding: 0 0 0 25px;
      text-decoration: none;
      display: block;
   }
      .school-page .school-title-bar h2 a:before {
          content: "\f015";
          font-family: "Font Awesome 6 Free";
          font-weight: 900;
          font-size: 0.8rem;
          position: absolute;
          left: 0;
      }
.school-page .school-navigation {
    position: absolute;
    top: 139px;
    width: 100%;
    z-index: 200;
}
   .home .school-navigation { /* this has to be here to cascade */
      position: unset;
   }
   .home .school-navigation.sticky {
       position: fixed;
       top: 74px;
       width: 100%;
       z-index: 200;
   }
   .home main#content {
      z-index: 50;
      position: relative;
   }
.school-page div.featured-image { /* featured images on static pages */
    margin-top: 55px;
}
.school-page .wrapper {
    margin: 140px 0 0 0;
}
.school-page .wrapper > .r.content {
    padding: 75px 20px 100px;
}
   .school-page .wrapper > .r.content.has-thumb {
       padding-top: 50px;
   }
   .school-page .wrapper .content main section .subtitle {
        color: #0a4a9d;
        font-size: 2.1rem;
        line-height: 2.8rem;
        font-weight: 600;
        margin: 0 0 40px 0;
        padding: 0 0 28px 0;
        border-bottom: solid 2px rgba(10,74,157,0.1);
    }
   /* Static Default Page - Layout Types */
   .school-page .wrapper > .r.ls {
       display: grid;
       grid-column-gap: 45px;
       grid-template-columns: 1fr 2.5fr;
   }
   .school-page .wrapper > .r.rs {
       display: grid;
       grid-column-gap: 45px;
       grid-template-columns: 2.5fr 1fr;
   }
      .school-page .wrapper > .r.rs main {
          order: 1;
      }
      .school-page .wrapper > .r.rs aside {
          order: 2;
      }
   .school-page .wrapper > .r.fw {
       display: block;
   }

.school-page section#breadcrumbs  {
    background: #00113c;
    color: rgba(255,255,255,0.55);
    padding: 30px 0 0;
    font-size: 0.85rem;
    line-height: 1.2rem;
}
.school-page section#breadcrumbs a {
      color: rgba(255,255,255,0.7);
      padding: 0 14px 0 0;
      margin: 0 4px 0 0;
      display: inline-block;
      position: relative;
      text-decoration: none;
  }
    .school-page section#breadcrumbs a:hover,
    .school-page section#breadcrumbs a:focus {
        text-decoration: underline;
    }
    .school-page section#breadcrumbs a:after {
        content: "/";
        position: absolute;
        right: 0;
        color: rgba(255,255,255,0.4);
        font-weight: 800;
    }
    .school-page section#breadcrumbs strong {
        font-weight: 500;
        color: rgba(255,255,255,0.75);
    }
.school-page .wrapper header {
    background: #00113c;
    padding: 55px 0 55px;
}
   .school-page .wrapper header h3 {
       color: #fff;
       font-size: 2.9rem;
       line-height: 3.5rem;
       font-weight: 600;
   }
      .school-page .wrapper header h3.pretitle {
          line-height: 3.1rem;
      }
      .school-page .wrapper header h3 span {
          display: block;
          font-weight: 500;
          opacity: 0.8;
          font-size: 2.2rem;
          line-height: 2.5rem;
          margin: 0 0 10px 0;
      }

.school-page .r.ls aside {
    border-right: solid 2px rgba(0,0,0,0.1);
    padding: 20px 25px 20px 0;
}
.school-page .r.ls main {
   padding-top: 15px;
}
.school-page .r.rs aside {
    border-left: solid 2px rgba(0,0,0,0.1);
    padding: 20px 0 20px 30px;
}
.school-page .r.rs main {
   padding-top: 15px;
}

/* Sidebar Menu */
/* Aside (Sidebar) Menu */
.school-page .wrapper aside ul.menu {
    list-style: none;
    margin: 0 !important;
    padding : 0;
    text-align: left;
    border-bottom: 1px #d9d9d9 solid;
}
   .school-page .wrapper aside ul.menu li {
       display: inline-block;
       width: 100%;
       margin: 0;
   }
      .school-page .wrapper aside ul.menu a {
          text-decoration:none;
          display: block;
          font-size: 1rem;
          line-height: 1.3rem;
          padding: 17px 20px;
          color: #2a2a2a;
          margin: 0;
          border-top: 1px #d9d9d9 solid;
          hyphens: auto;
          position: relative;
      }
         .school-page .wrapper aside ul.menu li a:hover,
         .school-page .wrapper aside ul.menu li a:focus {
             color: #0f6cb6;
             text-decoration: underline;
         }
      .school-page .wrapper aside ul.menu li.current-menu-item > a {
          color: #0f6cb6 !important;
          font-weight: 500;
      }
.school-page .wrapper aside a.mobile-sidebar-toggle {
    display: none;
}
.school-page .wrapper aside ul.menu ul.sub-menu {
    background: rgba(0,0,0,0.05);
    margin: 0;
    display: none;
}
.school-page .wrapper aside ul.menu ul li a {
    background: none;
}
/* Menu items with children */
.school-page .wrapper aside ul.menu li.menu-item-has-children {
   position: relative;
}
.school-page .wrapper aside ul.menu li.menu-item-has-children > a {
   position: relative;
   display: block;
   width: 100%;
   padding-right: 80px;
}

/* Submenu toggle */
.school-page .wrapper aside ul.menu li.menu-item-has-children .down {
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: unset;
   line-height: unset;
   border: none;
   position: unset;
   padding: unset;
   background: #d9d9d9;
   width: 60px;
   position: absolute;
   top: 0;
   right: 0;
}
.school-page .wrapper aside ul.menu li.menu-item-has-children .down i {
   color: rgba(0,0,0,0.5);
   transition: all 0.3s ease-in-out;
   position: relative;
   top: 2px;
}
.school-page .wrapper aside ul.menu li.menu-item-has-children > .down.open i {
   transform: rotate(180deg);
}

/* Add additional padding in nested children menus */
.school-page .wrapper aside ul.menu ul.sub-menu a {
   padding-left: 35px;
}
.school-page .wrapper aside ul.menu ul.sub-menu ul.sub-menu a {
   padding-left: 45px;
}
.school-page .wrapper aside ul.menu ul.sub-menu ul.sub-menu ul.sub-menu a {
   padding-left: 55px;
}

/* When item with children has no href, do not show hover effects */
.school-page .wrapper aside ul.menu a:not([href]):hover,
.school-page .wrapper aside ul.menu a:not([href]):focus {
   text-decoration: none;
   color: #464646;
}

/* Main Lorem */
.school-page main.lorem h1,
.school-page main.lorem h2,
.school-page main.lorem h3,
.school-page main.lorem h4,
.school-page main.lorem h5,
.school-page main.lorem h6 {
    font-weight: 600;
}
.school-page main.lorem h1,
.school-page main.lorem h2,
.school-page main.lorem h3,
.school-page main.lorem h4 {
    font-size: 2rem;
    line-height: 2.7rem;
    margin: 2.5rem 0 1.25rem;
    color: #00113C;
}
.school-page main.lorem h5 {
    font-size: 1.8rem;
    line-height: 2.5rem;
    color: #00164f;
    margin: 2rem 0 1.2rem;
}
.school-page main.lorem h6 {
    font-size: 1.7rem;
    line-height: 2.2rem;
    color: #000;
    margin: 1.85rem 0 1.15rem;
}

.school-page main.lorem section > *:first-child {
    margin-top: 0;
}

/* Aside Lorem */
.school-page .wrapper aside h1,
.school-page .wrapper aside h2,
.school-page .wrapper aside h3,
.school-page .wrapper aside h4 {
    color: #000;
    font-size: 1.3rem;
    line-height: 1.8rem;
    margin: 40px 0 15px;
}
.school-page .wrapper aside h4:first-child {
   margin-top: 0;
}
.school-page .wrapper aside h5 {
    color: #0077be;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin: 30px 0 15px;
}
.school-page .wrapper aside h6 {
    color: rgba(0,0,0,0.55);
    line-height: 1.5rem;
    font-size: 1.1rem;
    margin: 20px 0 10px;
  }
.school-page .wrapper aside > .widget {
    margin: 40px 0 20px;
}
.school-page .wrapper aside > a.invisiskip + .widget {
    margin-top: 0 !important;
}

/* All Lorem */
.school-page .lorem a {
    color: #00164d;
}
.school-page .lorem a:hover,
.school-page .lorem a:focus {
    color: #000;
}
.school-page .lorem p,
.school-page .lorem li,
.school-page .lorem address {
    font-size: 1.2rem;
    line-height: 1.75rem;
}
.school-page .lorem p.small,
.school-page .lorem li.small {
    font-size: 0.84rem;
    line-height: 1.05rem;
    color: rgba(0,0,0,0.7);
}
.school-page .lorem p.resize.large {
    font-size: 1.25rem;
    line-height: 1.8rem;
}
.school-page .lorem p.resize.medium {
    font-size: 1.15rem;
    line-height: 1.65rem;
}
.school-page .lorem p.resize.small {
    font-size: 0.84rem;
    line-height: 1.05rem;
}
.school-page .lorem .wp-caption-text {
    font-size: 0.9rem;
    line-height: 1.3rem;
}
.school-page .lorem p,
.school-page .lorem ol,
.school-page .lorem ul {
    margin: 20px 0;
}
.school-page .lorem p:empty {
    display: none;
}
.school-page .lorem ul,
.school-page .lorem ol {
    margin-left: 30px;
}
.school-page .lorem ul ul,
.school-page .lorem ol ol,
.school-page .lorem ol ul,
.school-page .lorem ul ol {
    margin-top: 5px;
    margin-bottom: 5px;
}
.school-page .lorem li {
    margin-top: 5px;
    margin-bottom: 5px;
}
.school-page main.lorem dl {
    margin: 25px 0;
}
   .school-page main.lorem dl dt {
       font-weight: 500;
       font-size: 1.1rem;
       line-height: 1.55rem;
       margin: 20px 0 17px;
   }
      .school-page main.lorem dl dd {
          font-size: 1rem;
          line-height: 1.45rem;
          color: rgba(0,0,0,0.9);
          padding: 5px 0 5px 17px;
          margin: 0 0 0 1px;
          border-left: solid 3px rgba(0,0,0,0.1);
      }

/* List Styles (Shortcode) */
.program main .lorem ol.numbers,
ol.numbers {
    list-style-type: none;
    counter-reset: number-counter;
    margin: 25px 0 !important;
}
  .program main .lorem ol.numbers > li,
  ol.numbers > li {
      counter-increment: number-counter;
      position: relative;
      padding: 0 0 0 45px;
      margin: 20px 0 !important;
  }
  .program main .lorem ol.numbers > li:before,
  ol.numbers > li:before {
    content: counter(number-counter);
      position: absolute;
      left: 0;
      border: solid 2px rgba(0,0,0,0.2);
      border-radius: 50%;
      width: 33px;
      height: 33px;
      text-align: center;
      font-weight: 500;
      color: rgba(0,0,0,0.6);
      font-size: 1.05rem;
      line-height: 1.8rem;
      top: -6px;
  }
.school-page .lorem ul.checklist {
    list-style-type: none;
}
   .school-page .lorem ul.checklist li {
       position: relative;
       margin: 10px 0 10px 10px;
       padding: 0 0 0 22px;

   }
      .school-page .lorem ul.checklist li:before {
          content: "\f00c";
          font-family: "font awesome 6 Free";
          font-weight: 900;
          position: absolute;
          left: 0;
          font-size: 0.85rem;
          color: #0077be;
      }
.program main .lorem ul.arrow-list {
    list-style-type: none;
}
    .program main .lorem ul.arrow-list li {
        position: relative;
        padding: 0 0 0 1.4rem;
    }
        .program main .lorem ul.arrow-list li:before {
            font-family: "Font Awesome 6 Free";
            content: "\f054";
            font-weight: 900;
            position: absolute;
            left: 0;
            font-size: 0.8rem;
            opacity: 0.6;
        }

/* ------ */
.school-page .lorem hr {
    border: none;
    height: 2px;
    margin: 25px 0;
    background: rgba(0,0,0,0.1);
}
.school-page .lorem blockquote {
    display: block;
    border: solid 2px rgba(0,0,0,0.1);
    border-radius: 2px;
    padding: 1.75rem 2.15rem 2.5rem;
    margin: 75px auto;
    width: 80%;
    color: rgba(0,0,0,0.75);
    position: relative;
    font-size: 1rem;
    line-height: 1.5rem;
}
   .school-page .lorem blockquote footer {
       margin: 0 0 40px 0;
   }
  .school-page .lorem blockquote p {
      font-size: 0.95rem;
      line-height: 1.4rem;
  }
  .school-page .lorem blockquote:before {
      content: '\201C';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      width: 80px;
      height: 50px;
      font-size: 100px;
      line-height: 100px;
      font-family: "PT Sans", sans-serif;
      color: rgba(0,0,0,0.5);
      text-align: center;
  }
  .school-page .lorem blockquote cite {
    font-style: unset;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.95rem;
    margin: 15px 0 0 0;
  }
    .program .lorem blockquote cite:before {
       content: "– ";
    }
.school-page .lorem section > p:last-child,
.school-page .lorem section > ul:last-child,
.school-page .lorem section > ol:last-child {
    margin-bottom: 0;
}
.school-page .lorem .colour-text {
    color: #0077be;
}
.school-page .lorem .panel {
    background: #ebf6fd;
    padding: 25px 30px;
    margin: 2rem 0;
}
  .school-page .lorem .panel h1:first-child,
  .school-page .lorem .panel h2:first-child,
  .school-page .lorem .panel h3:first-child,
  .school-page .lorem .panel h4:first-child,
  .school-page .lorem .panel h5:first-child,
  .school-page .lorem .panel h6:first-child {
      margin-top: 0;
  }
.school-page .lorem table {
    margin: 1.5rem 0 1.75rem;
}
  .school-page .lorem table th,
  .school-page .lorem table td {
      padding: 10px 20px;
  }
  .school-page .lorem table td {
      border: solid 1px #E5E5E5;
  }
  .school-page .lorem table th {
      background: #E5E5E5;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 0.85rem;
      padding: 15px 12px;
      border: solid 1px #E5E5E5;
  }
  .school-page .lorem table tr:nth-child(odd) {
      background: rgba(0,0,0,0.02);
  }
.school-page .lorem table td *:first-child {
    margin-top: 0;
}
.school-page .lorem table td *:last-child {
    margin-bottom: 0;
}
.school-page .lorem .panel.alt h1,
.school-page .lorem .panel.alt h2,
.school-page .lorem .panel.alt h3,
.school-page .lorem .panel.alt h4 {
    font-size: 1.7rem;
    line-height: 2.2rem;
}
.school-page .lorem .panel.alt h5 {
    font-size: 1.5rem;
    line-height: 2rem;
}
.school-page .lorem .panel.alt h6 {
    font-size: 1.35rem;
    line-height: 1.85rem;
}
.school-page .lorem .panel.grey {
    background: #f0f0f0;
}

/* Static Blog Index/Archives */
.school-page.blog main section article.post,
.school-page.archive main section article.post {
    border-top: solid 1px rgba(0,0,0,0.2);
    padding: 35px 0 0 0;
    margin: 45px 0 0 0;
}
   .school-page.blog main section article.post .featured-image,
   .school-page.archive main section article.post .featured-image,
   .school-page.single main section article.post .featured-image {
       overflow: auto;
       display: block;
       text-align: center;
       margin: 0 0 25px 0;
   }
   .school-page.blog main section article.post:first-child,
   .school-page.archive main section article.post:first-child {
       border: none;
       margin-top: 0;
       padding-top: 0;
   }
   .school-page.blog main section article.post:first-child h4,
   .school-page.archive main section article.post:first-child h4 {
      margin-top: 0;
   }
   .school-page.blog main section article.post p,
   .school-page.archive main section article.post p {
       margin: 0;
   }
   .school-page.blog main section article.post .date,
   .school-page.archive main section article.post .date {
       margin: 0 0 17px 0;
       display: block;
       color: rgba(0,0,0,0.6);
       font-size: 0.95em;
       font-weight: 500;
   }
      .school-page.blog main section article.post .date:before,
      .school-page.archive main section article.post .date:before {
          content: "\f017";
          font-family: "font awesome 6 Free";
          font-weight: 900;
          margin: 0 6px 0 0;
          opacity: 0.8;
      }
   .school-page.blog main section article.post .read-article,
   .school-page.archive main section article.post .read-article {
       margin: 15px 0;
       text-align: right;
   }
.school-page.blog .pagination,
.school-page.archive .pagination {
    margin: 60px 0 20px;
}
   .school-page.blog .pagination .page-numbers,
   .school-page.archive .pagination .page-numbers {
       display: inline-block;
       background: rgba(0,119,190,0.08);
       padding: 15px;
       border-radius: 6px;
       text-decoration: none;
       transition: all 0.3s ease-in-out;
   }
      .school-page.blog .pagination .page-numbers.current,
      .school-page.archive .pagination .page-numbers.current {
          font-weight: 700;
          background: rgba(0,0,0,0.08);
      }
      .school-page.blog .pagination a.page-numbers:hover,
      .school-page.blog .pagination a.page-numbers:focus,
      .school-page.archive .pagination a.page-numbers:hover,
      .school-page.archive .pagination a.page-numbers:focus {
          background: rgba(0,119,190,0.9);
          color: #fff;
      }
   .school-page.blog .pagination .page-numbers.next,
   .school-page.blog .pagination .page-numbers.prev,
   .school-page.archive .pagination .page-numbers.next,
   .school-page.archive .pagination .page-numbers.prev {
       border-radius: 50px;
       padding-left: 25px;
       padding-right: 25px;
   }
   .school-page.blog .pagination .page-numbers.next,
   .school-page.archive .pagination .page-numbers.next {
       margin-left: 10px;
   }
   .school-page.blog .pagination .page-numbers.prev,
   .school-page.archive .pagination .page-numbers.prev {
       margin-right: 10px;
   }

/* Singular */
.school-page.single-post main section article.post .date {
    margin: 0 0 17px 0;
    display: block;
    color: rgba(0,0,0,0.6);
    font-size: 0.95em;
    font-weight: 500;
}
   .school-page.single-post main section article.post .date:before {
       content: "\f017";
       font-family: "font awesome 6 Free";
       font-weight: 900;
       margin: 0 6px 0 0;
       opacity: 0.8;
   }
.school-page.single-post main section article.post .date {
    margin-bottom: 35px;
}
.school-page.single-post main section article.post .category {
    margin: 25px 0 0 0;
    border-top: solid 1px rgba(0,0,0,0.1);
}
   .school-page.single-post main section article.post .category p {
       font-size: 0.9em;
   }
.school-page.single-post .wrapper header {
    padding-top: 50px;
}

/* Singular/Category/Date/Archives */
.school-page header.dbln h3 span.blog-title {
    display: block;
    border-bottom: solid 1px rgba(255,255,255,0.3);
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
   .school-page .wrapper header h3 span.post-title {
       display: block;
       font-weight: 500;
       opacity: 1;
       font-size: 2.45rem;
       line-height: 3rem;
   }
    .school-page header.dbln h3 span.blog-title a {
        color: rgba(255,255,255,0.9);
        font-size: 2rem !important;
        line-height: 2rem !important;
        text-decoration: none;
    }
    .school-page header.dbln h3 span.blog-title a:hover,
    .school-page header.dbln h3 span.blog-title a:focus {
        text-decoration: underline;
        color: #fff;
    }

/*-----------------------------------*\
    SCHOOL - Page Template Default
\*-----------------------------------*/

.page-template-default .lorem blockquote {
    padding: 70px 40px 40px;
    border: solid 2px #00164d;
    border-radius: 3px;
    margin: 85px auto 65px;
    color: #00164d;
    font-weight: 500;
}
   .page-template-default .lorem blockquote p,
   .page-template-default .lorem blockquote {
       font-size: 1.15rem;
       line-height: 1.7rem;
       font-weight: 400;
   }
   .page-template-default .lorem blockquote *:first-child {
       margin-top: 0;
   }
   .page-template-default .lorem blockquote *:last-child {
       margin-bottom: 0;
   }
   .school-page .lorem blockquote:before {
       border-radius: 50%;
       background: #00164d;
       width: 75px;
       height: 75px;
       line-height: 7.7rem;
       color: #fff;
   }


/*---------------------------------*\
   PROGRAM - Template: All
\*---------------------------------*/

/* Banner */
.program .banner .overview {
    top: 125px;
    height: 85%;
    text-align: center;
}
.program .banner .overview .mobile-thumb {
  display: none;
}
.program .school-title-bar {
    position: absolute;
    top: 74px;
    width: 100%;
    z-index: 994;
    background: #143a88;
    width: 100%;
    height: auto;
    padding: 22px 0;
}
.program .mobile-program-title {
    display: none;
}
  .program .school-title-bar h2 {
      width: 100%;
  }
  .program .school-title-bar h2 a {
      color: rgba(255,255,255,0.9);
      font-weight: 500;
      font-size: 1rem;
      line-height: 1.3rem;
      position: relative;
      padding: 0 0 0 25px;
      text-decoration: none;
      display: block;
  }
    .program .school-title-bar h2 a:before {
        content: "\f015";
        font-family: "font awesome 6 Free";
        font-weight: 900;
        font-size: 0.8rem;
        position: absolute;
        left: 0;
    }
@media( min-width: 959px ) { .program .banner .overview-i { visibility: hidden; } }
.program .banner .overview-i h3 {
    text-shadow: 2px 2px #000;

    font-size: 5.2vw;
    line-height: 6vw;
    font-weight: 600;
}
   .program .banner .overview-i .pt-flag {
       font-size: 1.3rem;
       margin: 25px 0 -10px 0;
       display: inline-block;
       background: rgba(255,255,255,0.8);
       color: #000;
       padding: 15px 20px;
       font-weight: 500;
   }
.program .banner .overview-i .lead {
    padding: 20px;
    margin: 40px auto 0;
    font-weight: 400;
    background: rgba(0,0,0,0.8);
    max-width: 900px;

    font-size: 1.8vw;
    line-height: 3vw;
}
   .program .banner.appren .overview-i .lead {
       margin-top: 35px;
   }
   .program .banner .overview .online-tag {
      background: rgba(226,227,103,0.9);
      color: rgba(0,0,0,0.9);
      padding: 22px 22px 22px 4.5rem;
      border-radius: 5px;
      font-size: 1.4rem;
      line-height: 1;
      position: relative;
      display: inline-block;
      font-weight: 500;
      margin: 50px 0 0 0;
  }
    .program .banner .overview .online-tag:before {
          content: "\e066";
          font-family: "font awesome 6 Free";
          font-weight: 900;
          position: absolute;
          left: 25px;
          top: 0;
          font-size: 1.75rem;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          opacity: 0.85;
    }
.program .banner .government-note {
    background: rgba(255,255,255,0.7);
    padding: 25px;
    display: inline-block;
    max-width: 500px;
    margin: 75px 0 0 0;
}
  .program .banner .government-note img {
      max-width: 100%;
  }
  .program .banner .government-note p {
      margin: 20px 0 0 0;
      font-size: 0.85rem;
      line-height: 1.25rem;
      opacity: 0.9;
      text-shadow: none;
      color: #000;
  }
/* Breadcrumbs */
.program main section#breadcrumbs {
    background: #0065a2;
    color: rgba(255,255,255,0.8);
    padding: 17px 0;
    font-size: 0.85rem;
    line-height: 1.12rem;
}
  .program main section#breadcrumbs a {
      color: rgba(255,255,255,0.8);
      padding: 0 12px 0 0;
      margin: 0 2px 0 0;
      display: inline-block;
      position: relative;
      text-decoration: none;
  }
    .program main section#breadcrumbs a:hover,
    .program main section#breadcrumbs a:focus {
        text-decoration: underline;
    }
    .program main section#breadcrumbs a:after {
        content: "/";
        position: absolute;
        right: 0;
        color: rgba(255,255,255,0.35);
        font-weight: 800;
    }
    .program main section#breadcrumbs strong {
        font-weight:500;
    }
/* Main */
.program main {
  background: #e4e4e4;
}
.program main nav #menu-toggle,
.program main nav .label-toggle {
  display: none;
}
.program main nav {
    margin-top: 30px;
    display: block;
}
  .program main nav ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
  }
  .program main nav ul li {
        cursor: pointer;
        color: #fff;
        padding: 20px 15px;
        display: block;
        font-size: 1rem;
        line-height: 1.3rem;
        background: #757575;
        margin: 0 3px 0 0;
        transition: all 0.3s ease-in-out;
        border-radius: 2px 2px 0 0;
        text-decoration: underline;
        text-underline-offset: 2px;
    }
      .program main nav ul li.current {
        color: #0077be !important;
        background: #fff !important;
        text-decoration: none;
      }
      .program main nav ul li.current:hover,
      .program main nav ul li.current:focus {
          background: #fff;
          text-decoration: none !important;
      }
      .program main nav ul li:hover,
      .program main nav ul li:focus {
          background: rgba(0,119,190,0.5);
          text-decoration: none !important;
      }
/* Snap Overview */
.program section#overview-snap {
    background: #0077be;
    padding: 40px 0 42px;
}
  .program section#overview-snap .r.details {
      display: grid;
      grid-template-columns: 3fr 1.25fr;
      grid-gap: 25px;
  }
    .program section#overview-snap .r.details.no-extras {
        display: block;
    }
      .program section#overview-snap > div.details > div:nth-child(1) {
          display: flex;
          align-items: center;
      }
      .program section#overview-snap .r.details.appren {
          grid-template-columns: 1fr;
          grid-gap: 0;
      }
  .program section#overview-snap h4 {
       color: rgba(255,255,255,1);
       margin: 0 0 25px;
       font-size: 1.9rem;
       line-height: 2.1rem;
       font-weight: 600;
   }
     .program section#overview-snap h4 span {
         display: inline-block;
         font-size: 1.5rem !important;
         font-weight: 500 !important;
     }
       .program section#overview-snap h4 span a {
           color: rgba(255,255,255,0.8);
       }
       .program section#overview-snap h4 span a:hover {
           color: #fff !important;
       }
       .program section#overview-snap h4 span  .post-edit-link {
           margin: 0;
       }
  .program section#overview-snap ul {
       list-style-type: none;
       display: flex;
       align-items: flex-start;
   }
    .program section#overview-snap ul li {
       color: #fff;
       font-size: 1.2rem;
       margin: 0 30px 0 0;
       display: flex;
       align-items: center;
       justify-content: center;
       flex-wrap: wrap;
   }
      .program section#overview-snap ul li span.plan {
          display: unset;
          opacity: 1;
          font-weight: 300;
          font-size: 0.9em;
      }
      .program section#overview-snap ul li span {
          display: block;
          font-size: 1rem;
          opacity: 0.85;
          margin: 0 0 6px 0;
          font-weight: 600;
      }
         .program section#overview-snap ul li:last-child {
             margin: 0;
             padding-right: 0;
             border: none;
         }
         /* Online Only Tag */
        #modal-online-only .iziModal-content p {
            font-size: 1.05rem;
            line-height: 1.5rem;
        }
         .program section#overview-snap > div.details li .online-label {
             background: rgba(255,255,255,0.1);
             color: #fff;
             padding: 15px 15px 15px 3.8rem;
             border-radius: 5px;
             font-size: 1rem;
             line-height: 1.1rem;
             position: relative;
         }
           .program section#overview-snap > div.details li .online-label:before {
               content: "\e066";
               font-family: "font awesome 6 Free";
               font-weight: 900;
               position: absolute;
               left: 14px;
               top: 0;
               font-size: 1.7rem;
               height: 100%;
               display: flex;
               align-items: center;
               justify-content: center;
               color: #e2e367;
               opacity: 1;
           }
           .program section#overview-snap > div.details li .online-label span {
               display: block;
               font-size: 0.9rem;
               margin: 5px 0 0 0;
               opacity: 1;
               color: rgba(255,255,255,0.9);
               font-weight: 400;
           }
           .program section#overview-snap > div.details li .online-label span a {
               margin: 0 2px;
               color: rgba(255,255,255,0.9);
           }
           .program section#overview-snap .r.details .extras {
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .program section#overview-snap .r.details .extras > div {
                width: 100%;
            }
           .program section#overview-snap .extras a {
                color: rgba(255,255,255,1);
                border: solid 2px rgba(255,255,255,0.8);
                text-decoration: none;
                padding: 15px 30px;
                border-radius: 50px;
                font-size: 1rem;
                line-height: 1.25rem;
                position: relative;
                transition: all 0.3s ease-in-out;
                margin: 0 0 10px 0;
                display: block;
                width: 100%;
                text-align: center;
                font-weight: 500;
            }
            .program section#overview-snap .extras a span {
                position: relative;
                padding: 0 0 0 1.8rem;
                display: inline-block;
            }
            .program section#overview-snap .extras a.tours span {
                padding: 0 0 0 1.5rem;
            }
            .program section#overview-snap .extras a span:before {
                font-family: "font awesome 6 Free";
                margin: 0 5px 0 0;
                font-weight: 900;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                font-size: 1.2rem;
                position: absolute;
                left: 0;
                top: 0;
                opacity: 1;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                top: 0;
                height: 100%;
            }
            .program section#overview-snap .extras a.apply span:before {
                content: "\f00c";
                color: #d4eefd;
                font-size: 1.3rem;
            }
            .program section#overview-snap .extras a.tours span:before {
                content: "\f274";
                top: -1px;
                font-size: 1.05rem;
                color: #d4fff3;
            }
            .program section#overview-snap .extras a.questions span:before {
                content: "\f086";
                color: #e9f4ce;
                font-size: 1rem;
            }
            .program section#overview-snap .extras a:hover,
            .program section#overview-snap .extras a:focus {
                transform: scale(1.1);
            }
            .program section#overview-snap .extras a:last-child {
                margin-bottom: 0;
            }
    /* Program Flags */
    .program section#overview-snap .flags {
        display: flex;
        margin: 30px 0 0 0;
    }
    .program section#overview-snap .flags > div {
        margin: 0 5px;
    }
    .program section#overview-snap .flags > div:first-child {
        margin-left: 0;
    }
    .program section#overview-snap .flags > div:last-child {
        margin-right: 0;
    }
    .program section#overview-snap .flags > div:not(.competitive-program, .pgwp-eligible) {
        border-radius: 2px;
        background: rgba(0,0,0,0.15);
        color: #fff;
        font-size: 0.88rem;
        line-height: 1.15rem;
        padding: 10px 15px 10px 12px;
        font-weight: 400;
        border: solid 2px transparent;
        display: flex;
    }
    .program section#overview-snap .flags > div:not(.competitive-program, .pgwp-eligible) > span {
            position: relative;
            display: block;
            padding-left: 1.4rem;
            display: flex;
            align-items: center;
        }
        .program section#overview-snap .flags > div:not(.competitive-program, .pgwp-eligible) > span:before {
                content: "\f0c1";
                font-family: "font awesome 6 Free";
                font-weight: 900;
                font-size: 0.75rem;
                position: absolute;
                left: 0;
                color: #C1A155;
            }
            .program section#overview-snap .flags > div.dual-credential > span:before {
                content: "\f0c1";
                font-size: 0.8rem;
                margin: 1px 0 0 0;
            }
            .program section#overview-snap .flags > div.intl-only > span:before {
                content: "\f06a";
            }
            .program section#overview-snap .flags > div.new-program > span:before {
                content: "\f005";
            }
            .program section#overview-snap .flags > div.competitive-program-no-link > span:before {
                content: "\f091";
            }
            .program section#overview-snap .flags > div.competitive-program,
            .program section#overview-snap .flags > div.pgwp-eligible {
        margin: 0 10px 0 0;
    }
    .program section#overview-snap .flags > div.competitive-program a,
    .program section#overview-snap .flags > div.pgwp-eligible a {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.9rem;
            line-height: 1.15rem;
            height: 100%;
            border-radius: 50px;
            padding: 10px 0 10px 20px;
            background: rgba(255,255,255,0.1);
            color: #fff;
            overflow: hidden;
            border: solid 2px transparent;
            position: relative;
            transition: all 0.3s ease-in-out;
            text-decoration: none;
        }
        .program section#overview-snap .flags > div.competitive-program a:hover,
        .program section#overview-snap .flags > div.pgwp-eligible a:hover,
        .program section#overview-snap .flags > div.competitive-program a:focus,
        .program section#overview-snap .flags > div.pgwp-eligible a:focus {
            border: solid 2px rgba(255,255,255,0.5);
            cursor: pointer;
            background: none;
        }
        .program section#overview-snap .flags > div.competitive-program a span,
        .program section#overview-snap .flags > div.pgwp-eligible a span {
                display: block;
                position: relative;
                padding-left: 1.4rem;
                padding-right: 3.1rem;
                transition: all 0.3s ease-in-out;
            }
            .program section#overview-snap .flags > div.competitive-program a span:before,
            .program section#overview-snap .flags > div.pgwp-eligible a span:before {
                content: "\f091";
                font-family: "Font Awesome 6 Free";
                position: absolute;
                left: 0;
                font-weight: 900;
                font-size: 0.75rem;
                color: #C1A155;
            }

            .program section#overview-snap .flags > div.pgwp-eligible a span:before {
                content: "\f0ac";
            }

        .program section#overview-snap .flags > div.competitive-program a:after,
        .program section#overview-snap .flags > div.pgwp-eligible a:after {
            content: "\f054";
            font-family: "Font Awesome 6 Free";
            position: absolute;
            right: 0;
            top: 0;
            font-size: 1rem;
            font-weight: 900;
            width: 2.4rem;
            height: 2.4rem;
            color: rgba(255,255,255,0.5);
            background: rgba(255,255,255,0.15);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease-in-out;
        }
        .program section#overview-snap .flags > div.competitive-program a:hover:after,
        .program section#overview-snap .flags > div.pgwp-eligible a:hover:after,
        .program section#overview-snap .flags > div.competitive-program a:focus:after,
        .program section#overview-snap .flags > div.pgwp-eligible a:focus:after {
            background: none;
            color: rgba(255,255,255,0.7) !important;
        }
         
    

/* Tabs Styling */
.program main .tab-content{
 display: none;
}
.program main .tab-content.current{
  display: inherit;
}

/* Inside/Outside Panels */
.program main .in {
    background: #fff;
    padding: 75px 2rem;
}
.program main .out {
    padding: 0 20px;
}
  .program main .out .r {
      padding: 85px 3rem;
  }

/*--- Default Text Styling - All Tabs ---*/
.program main .lorem .info-pop {
    text-decoration: none;
    display: inline-block;
    border: solid 2px rgba(0,0,0,0.4);
    width: 22px;
    height: 22px;
    position: relative;
    margin: 0 2px;
    padding: 4px;
    border-radius: 50%;
    text-align: center;
    line-height: 0.6;
}
  .program main .lorem .info-pop:hover,
  .program main .lorem .info-pop:focus {
      border-color: #0077be;
  }
  .program main .lorem .info-pop:hover:before,
  .program main .lorem .info-pop:focus:before {
      color: #0077be;
  }
.program main .lorem .info-pop:before {
    font-family: "font awesome 6 Free";
    font-weight: 900;
    color: rgba(0,0,0,0.5);
    content: "\f129";
    position: relative;
    top: -1px;
    line-height: 1;
    font-size: 0.65rem;
}
.program main .lorem .info-pop span {
    display: block;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px !important;
    width: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: absolute;
}

.program main .lorem .pathways-dyk {
    margin: 25px 0 0 0;
}
.program main .lorem .dyk {
    border-radius: 6px;
    background: rgba(0,0,0,0.03);
    padding: 20px;
    position: relative;
    overflow: auto;
    display: block;
    color: rgba(0,0,0,0.7);
    font-size: 0.95rem;
    line-height: 1.3rem;
    min-height: unset;
}
  .program main .lorem .dyk span.p {
      color: rgba(0,0,0,0.5);
      font-size: 0.9rem;
      line-height: 1.1;
      font-weight: 600;
      text-transform: uppercase;
      width: 85px;
      padding: 0 34px 0 0;
      text-align: right;
      word-spacing: 1000px;
      display: block;
      float: left;
      margin: 0 20px 0 0;
      top: 0;
      position: relative;
  }
    .program main .lorem .dyk span.p > span {
        position: absolute;
        right: 1px;
        top: -5px;
        font-size: 3.4rem;
        line-height: 1;
        font-weight: 500;
        color: rgba(0,0,0,0.2);
    }
.program main .lorem .dyk > div p {
    font-size: 0.95rem;
    line-height: 1.4rem;
}

.program main .lorem a {
    color: #0077be;
}
.program main .lorem a:hover,
.program main .lorem a:focus {
    color: #000;
    text-decoration: none;
}

.program main .lorem h1,
.program main .lorem h2,
.program main .lorem h3,
.program main .lorem h4,
.program main .lorem h5,
.program main .lorem h6 {
    font-weight: 600;
}
.program main .lorem h1,
.program main .lorem h2,
.program main .lorem h3,
.program main .lorem h4 {
    font-size: 1.75rem;
    line-height: 2.4rem;
    margin: 2.5rem 0 1.25rem;
    color: #0077be;
}
.program main .lorem h5 {
    font-size: 1.65rem;
    line-height: 2.05rem;
    color: rgba(0,0,0,0.8);
    margin: 35px 0 15px;
}
.program main .lorem h6 {
    font-size: 1.5rem;
    line-height: 1.8rem;
    color: rgba(0,0,0,0.8);
    margin: 25px 0 15px;
}
  .program main .lorem h6.type {
      position: relative;
      padding-left: 1.85rem;
  }
    .program main .lorem h6.type.domestic:before,
    .program main .lorem h6.type.international:before {
        font-weight: 900;
        color: rgba(0,0,0,0.45);
        position: absolute;
        left: 0;
        font-size: 1.3rem;
    }
    .program main .lorem h6.type.domestic:before {
        font-family: "font awesome 6 Brands";
        content: "\f785";
        bottom: 1px;
    }
    .program main .lorem h6.type.international:before {
        font-family: "font awesome 6 Free";
        content: "\f57e";
    }
.program main .lorem p,
.program main .lorem li,
.program main .lorem address {
    font-size: 1.15rem;
    line-height: 1.7rem;
}
.program main .lorem p.small,
.program main .lorem li.small {
    font-size: 0.75rem;
    line-height: 1.1rem;
    color: rgba(0,0,0,0.7);
}
.program main .lorem p.medium,
.program main .lorem li.medium {
    font-size: 0.85rem;
    line-height: 1.2rem;
    color: rgba(0,0,0,0.7);
}
.program main .lorem .wp-caption-text {
    font-size: 0.9rem;
    line-height: 1.3rem;
}
.program main .lorem p,
.program main .lorem ol,
.program main .lorem ul {
    margin: 1rem 0;
}
.program main .lorem ul,
.program main .lorem ol {
    margin-left: 2rem;
}
.program main .lorem li {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.program main .lorem ul.checklist {
    list-style-type: none;
    margin: 1.5rem 0;
}
  .program main .lorem ul.checklist li > ul.checklist {
      margin: 0;
  }
  .program main .lorem ul.checklist li {
      margin: 0.55rem 0 0.55rem 1rem;
      position: relative;
      padding: 0 0 0 1.5rem;
  }
  .program main .lorem ul.checklist li > ul {
        list-style-type: none;
        margin: 0.75rem 0 !important;
  }
  .program main .lorem ul.checklist li > ol {
        margin: 0.75rem 0 !important;
  }
    .program main .lorem ul.checklist li:before {
        content: "\f00c";
        font-family: "font awesome 6 Free";
        font-weight: 900;
        font-size: 0.9rem;
        position: absolute;
        left: 0;
        top: 0;
        color: rgba(0,119,190,0.6);
    }
.program main .lorem hr {
    border: none;
    height: 2px;
    margin: 25px 0;
    background: rgba(0,0,0,0.1);
}
.program main .lorem p.info {
    background: rgba(0,119,190,0.06);
    color: rgba(0,0,0,0.8);
    padding: 16px 16px 16px 70px;
    position: relative;
    font-size: 0.95rem !important;
    line-height: 1.3rem !important;
}
  .program main .lorem p.info:before {
      font-family: "font awesome 6 Free";
      content: "\f05a";
      font-weight: 900;
      position: absolute;
      left: 22px;
      top: 25px;
      color: rgba(0,119,190,0.7);
      font-size: 2rem;
  }
.program main .lorem blockquote {
    display: block;
    border: solid 2px rgba(0,0,0,0.1);
    border-radius: 2px;
    padding: 35px;
    margin: 4rem auto;
    width: 80%;
    color: rgba(0,0,0,0.75);
    position: relative;
    font-size: 1rem;
    line-height: 1.5rem;
}
  .program main .lorem blockquote p {
      font-size: 1rem;
      line-height: 1.5rem;
  }
   .program main .lorem blockquote img {
      margin-bottom: 35px;
   }
  .program main .lorem blockquote:before {
      content: '\201C';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #fff;
      width: 80px;
      height: 50px;
      font-size: 100px;
      line-height: 100px;
      font-family: "PT Sans", sans-serif;
      color: rgba(0,0,0,0.5);
      text-align: center;
  }
  .program main .lorem blockquote cite {
       font-style: unset;
       text-transform: uppercase;
       display: block;
       font-weight: 500;
       font-size: 0.9rem;
       line-height: 1.2rem;
       margin-top: 20px;
       position: relative;
       padding-left: 15px;
  }
    .program main .lorem blockquote cite:before {
       content: "– ";
       position: absolute;
       left: 0;
    }
.program main .lorem p:last-child,
.program main .lorem ul:last-child,
.program main .lorem ol:last-child {
    margin-bottom: 0;
}
.program main .lorem p:first-child,
.program main .lorem ul:first-child,
.program main .lorem ol:first-child {
    margin-top: 0;
}
.program main .lorem .colour-text {
    color: #0077be;
}
.program main .lorem .panel {
    background: rgba(0,119,190,0.07);
    padding: 30px;
    margin: 35px 0;
}
  .program main .lorem .panel p:first-child {
      margin: 0;
  }
  .program main .lorem .panel p:first-child:empty + p {
      margin-top: 0
  }
  .program main .lorem .panel p:last-child:empty {
      margin: 0;
  }
.program main .lorem table:not(.ce-program):not(.poi-elective-table) {
    margin: 1.5rem 0 1.75rem;
}
  .program main .lorem table:not(.ce-program):not(.poi-elective-table) th,
  .program main .lorem table:not(.ce-program):not(.poi-elective-table) td {
      padding: 10px 20px;
  }
  .program main .lorem table:not(.ce-program):not(.poi-elective-table) td {
      border: solid 1px #E5E5E5;
  }
  .program main .lorem table:not(.ce-program):not(.poi-elective-table) th {
      background: #E5E5E5;
      font-weight: 500;
      font-size: 0.95rem;
      padding: 15px 12px;
      border: solid 1px #E5E5E5;
      color: rgba(0,0,0,0.7);
  }
  .program main .lorem table:not(.ce-program):not(.poi-elective-table):not(.ce-program):not(.poi-elective-table) tr:nth-child(odd) {
      background: rgba(0,0,0,0.02);
  }
.program main .lorem table:not(.ce-program):not(.poi-elective-table) td *:first-child {
    margin-top: 0;
}
.program main .lorem table:not(.ce-program):not(.poi-elective-table) td *:last-child {
    margin-bottom: 0;
}

/* All Tabs */
.program-default main .tab-container h4.tab-title {
    margin: 0 0 2rem;
    font-size: 2.1rem;
}
.program-default main .tab-container ul.check {
    list-style-type: none;
    margin: 1.5rem 0;
}
  .program-default main .tab-container ul.check li > ul.check {
      margin: 0;
  }
  .program-default main .tab-container ul.check li {
      margin: 10px 0 10px 1rem;
      position: relative;
      padding: 0 0 0 1.5rem;
  }
  .program-default main .tab-container ul.check li > ul {
      list-style-type: none;
      margin-top: 0;
      margin-left: 0;
      margin-bottom: 1rem;
  }
  .program-default main .tab-container ul.check li > ol {
      margin-left: 0;
      margin-top: 0;
      margin-bottom: 1rem;
  }
    .program-default main .tab-container ul.check li:before {
        content: "\f00c";
        font-family: "font awesome 6 Free";
        font-weight: 900;
        font-size: 0.9rem;
        position: absolute;
        left: 0;
        top: 0;
        color: rgba(0,119,190,0.6);
    }
    .program-default main .tab-container ul.check li:last-child {
        margin-bottom: 0;
    }

.program-default main h5.di-title {
    color: rgba(0,0,0,1);
    font-size: 1.65rem;
    line-height: 1.8rem;
    position: relative;
    padding: 0 0 0 33px;
    margin-bottom: 1.5rem;
}
  .program-default main h5.di-title a.apply {
      cursor: pointer;
      display: inline-block;
      position: absolute;
      top: -3px;
      margin: 0 0 0 12px;
      padding: 0.6rem 1.4rem;
      background: #989898;
      color: #fff !important;
      text-decoration: none;
      font-size: 0.95rem;
      line-height: 1;
      font-weight: 600;
      transition: all 0.3s ease-in-out;
      border-radius: 30px;
  }
  .program-default main h5.di-title .apply:hover,
  .program-default main h5.di-title .apply:focus {
      background: #0077be;
  }
.program-default main h5.di-title.no-icon {
    padding-left: 0;
}
  .program-default main h5.di-title.international {
      padding: 0 0 0 35px;
  }

  .program-default main h5.di-title:before {
      font-weight: 900;
      position: absolute;
      left: 0;
      bottom: 1px;
      color: rgba(0,0,0,0.4);
  }
    .program-default main h5.di-title.domestic:before {
        font-family: "font awesome 6 Brands";
        content: "\f785";
        font-size: 1.5rem;
        bottom: 2px;
    }
    .program-default main h5.di-title.international:before {
        font-family: "font awesome 6 Free";
        content: "\f57e";
        font-size: 1.5rem;
    }

    /* Modals */
    #modal-questions .iziModal-header,
    #modal-tours .iziModal-header,
    #modal-apply .iziModal-header {
        background: #0a4a9d !important;
    }
    .program #modal-tours .col-1-1-1 > div,
    .program #modal-questions .col-1-1-1 > div {
        position: relative;
    }
    .program #modal-tours .col-1-1-1 h3,
    .program #modal-questions .col-1-1-1 h3 {
        position: relative;
        padding: 0 0 0 3.5rem;
        display: flex;
        align-items: center;
        margin: 0 0 20px 0;
        min-height: 2.8rem;
        color: #00164d;
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .program #modal-tours .col-1-1-1 h3:before,
    .program #modal-questions .col-1-1-1 h3:before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        width: 2.8rem;
        height: 2.8rem;
        background: #83a82e;
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
    }
    .program #modal-questions .col-1-1-1 h3.email:before {
        content: "\f0e0";
    }
    .program #modal-questions .col-1-1-1 h3.chat:before {
        content: "\f075";
    }
    .program #modal-questions .col-1-1-1 h3.one:before {
        content: "\f590";
    }
    .program #modal-tours .col-1-1-1 h3.tours-on:before {
        content: "\f554";
    }
    .program #modal-tours .col-1-1-1 h3.tours-v:before {
        content: "\f21d";
    }
    .program #modal-tours .col-1-1-1 h3.is:before {
        content: "\f129";
    }
      .program #modal-tours h4,
      .program #modal-questions h4 {
          margin: 12px 0 4px 0;
      }
        .program #modal-tours h4 i,
        .program #modal-questions h4 i {
            margin: 0 3px 0 0;
            opacity: 0.7;
        }
        .program #modal-tours img,
        .program #modal-questions img {
            margin: 5px 0 15px;
        }
      .program #modal-tours p,
      .program #modal-questions p {
            font-size: 1rem;
            line-height: 1.45rem;

      }
      .program #modal-tours a.button,
      .program #modal-questions a.button {
          display: block;
          margin: 22px 0 0 0;
      }
      /* Extra information */
      .program #modal-questions .extra-info {
        margin: 40px 0 0 0;
        padding: 25px;
        position: relative;
        background: #e9f4ce;
        }
    .program #modal-questions .extra-info h3 {
        font-size: 1.25rem;
        line-height: 1.6rem;
        color: #00164d;
        margin: 0;
        padding: 0 0 0 4rem;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 3rem;
    }
        .program #modal-questions .extra-info h3:before {
            content: "\f00c";
            font-family: "Font Awesome 6 Free";
            font-weight: 600;
            width: 3rem;
            height: 3rem;
            border: solid 2px #83a82e;
            color: #83a82e;
            border-radius: 50%;
            display: block;
            position: absolute;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }
      .program #modal-questions .extra-info > div {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-column-gap: 30px;
      }
      .program #modal-questions .extra-info p {
          margin: 0;
          font-size: 0.95rem;
          line-height: 1.3rem;
      }
    .program #modal-questions .extra-info a.button,
    .program #modal-tours .extra-info a.button {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #00164f;
        border: solid 2px #00164f;
        color: #fff;
    }
    .program #modal-questions .extra-info a.button:hover,
    .program #modal-questions .extra-info a.button:focus,
    .program #modal-tours .extra-info a.button:hover,
    .program #modal-tours .extra-info a.button:focus {
        background: #e5e7ed;
        border-color: #e5e7ed;
        color: #00164f;
}

/* Generic - Competitive Dates FYI + Modal */
.competitive-dates-fyi {
    border: solid 1px #FFE9E9;
    margin: 40px 0 20px;
}
    .competitive-dates-fyi h5 {
        margin: 0 !important;
        padding: 10px 15px 10px 2.6rem;
        font-size: 1.05rem !important;
        line-height: 1.55rem !important;
        position: relative;
        background: #FFE9E9;
    }
        .competitive-dates-fyi h5 strong {
            color: #a90800;
        }
        .competitive-dates-fyi h5:before {
            font-family: "font awesome 6 Free";
            content: "\f274";
            font-weight: 900;
            position: absolute;
            left: 16px;
            top: 9px;
            color: #a90800;
        }
        .competitive-dates-fyi.has-international h5:before {
            font-family: "Font Awesome 6 Brands";
            content: "\f785";
            font-weight: 900;
        }
    .competitive-dates-fyi .cdfyi-inner {
        padding: 13px 15px;
        font-size: 0.95rem;
        line-height: 1.5rem;
    }
    .competitive-dates-fyi .cdfyi-inner .red {
        color: #a90800;
    }
    .competitive-dates-fyi .cdfyi-inner strong {
        font-weight: 500;
    }
    .competitive-dates-fyi .simpletooltip_container .dates-fyi {
        display: inline-block;
        font-weight: 600;
        text-decoration: dotted underline #0077be 2px;
        text-underline-offset: 4px;
        position: relative;
        padding-right: 1.05rem;
        margin-right: 2px;
        margin-left: 2px;
        font-weight: 500;
    }
        .competitive-dates-fyi .simpletooltip_container .dates-fyi:after {
            content: "\f059";
            font-family: "Font Awesome 6 Free";
            font-size: 0.8rem;
            position: absolute;
            right: 0;
            color: #0077be;
        }
        .competitive-dates-fyi .simpletooltip_container .dates-fyi:hover,
        .competitive-dates-fyi .simpletooltip_container .dates-fyi:focus {
            cursor: pointer;
        }
.competitive-dates-fyi + .instructions-boxes { /* If competitive dates box is followed by instructions, adjust the top margin on instructions */
    margin-top: 20px !important;
}
/* Competitive Modal - Domestic Only */
#modal-competitive-dates .iziModal-content .domestic-only *:first-child {
    margin-top: 0;
}
#modal-competitive-dates .iziModal-content .domestic-only *:last-child {
    margin-bottom: 0;
}
#modal-competitive-dates .iziModal-content .domestic-only h3 {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin: 20px 0 12px;
    padding-left: 2rem;
    position: relative;
}
#modal-competitive-dates .iziModal-content .domestic-only p {
    font-size: 1.05rem;
    line-height: 1.6rem;
    margin: 12px 0;
}
    #modal-competitive-dates .iziModal-content .domestic-only p .red {
        color: #a90800;
    }
    #modal-competitive-dates .iziModal-content .domestic-only p strong {
        font-weight: 500;
    }
    #modal-competitive-dates .iziModal-content .domestic-only h3:before {
        font-family: "Font Awesome 6 Free";
        position: absolute;
        left: 0;
        top: -1px;
        font-size: 1.5rem;
    }
    #modal-competitive-dates .iziModal-content a {
        color: #0077be;
    }
#modal-competitive-dates .iziModal-content .domestic-only .deadlines {
    margin: 0 0 30px 0;
}
#modal-competitive-dates .iziModal-content .domestic-only .deadlines h3:before {
    color: #a90800;
    content: "\f274";
}
#modal-competitive-dates .iziModal-content .domestic-only .what h3:before {
    content: "\f059";
    color: rgba(0,0,0,0.6);
}

/* Competitive Modal - Domestic and International */
#modal-competitive-dates .iziModal-content .has-international *:first-child {
    margin-top: 0;
}
#modal-competitive-dates .iziModal-content .has-international *:last-child {
    margin-bottom: 0;
}
#modal-competitive-dates .iziModal-content .has-international h3 {
    font-size: 1.6rem;
    line-height: 2.1rem;
    margin: 20px 0 30px;
    padding-left: 2rem;
    position: relative;
}
#modal-competitive-dates .iziModal-content .has-international h3:before {
    font-family: "Font Awesome 6 Brands";
    position: absolute;
    content: "\f785";
    left: 0;
    top: -1px;
    font-size: 1.5rem;
    color: #a90800;
}
#modal-competitive-dates .iziModal-content .has-international h4 {
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 20px 0 12px;
    padding-left: 1.75rem;
    position: relative;
}
#modal-competitive-dates .iziModal-content .has-international h4:before {
    font-family: "Font Awesome 6 Free";
    position: absolute;
    left: 0;
}
#modal-competitive-dates .iziModal-content .has-international .deadlines h4:before {
    color: rgba(0,0,0,0.6);
    content: "\f274";
    top: -2px;
}
#modal-competitive-dates .iziModal-content .has-international .what h4:before {
    content: "\f059";
    color: rgba(0,0,0,0.6);
    top: -1px;
}
#modal-competitive-dates .iziModal-content .has-international p {
    font-size: 1.05rem;
    line-height: 1.6rem;
    margin: 12px 0;
}
#modal-competitive-dates .iziModal-content .has-international p .red {
    color: #a90800;
}
#modal-competitive-dates .iziModal-content .has-international p strong {
    font-weight: 500;
}
#modal-competitive-dates .iziModal-content .has-international .deadlines {
    margin: 0 0 25px 0;
}

/* Modal - PGWP Eligible */
#modal-pgwp-eligible .iziModal-content p {
    font-size: 1.05rem;
    line-height: 1.6rem;
    margin: 12px 0;
}

/* Tabs - Unavailable */
.program-default #tab-unavailable .default-message {
    text-align: center;
    margin: 0 0 40px 0;
}
.program-default #tab-unavailable .default-message .not-available {
    background: rgba(255,172,168,0.4);
    margin: 0 0 20px 0;
    border-radius: 10px;
    padding: 25px 20px;
    position: relative;
}
.program-default #tab-unavailable .default-message .not-available p {
    font-size: 1.3rem;
    font-weight: 500;
    color: #a90800;
}
.program-default #tab-unavailable .default-message .not-available p:before {
    font-family: "font awesome 6 Free";
    font-weight: 900;
    font-size: 1.2rem;
    content: "\f071";
    color: #a90800;
    margin: 0 5px 0 0;
    position: relative;
    top: -1px;
}
.program-default #tab-unavailable .default-message > p {
    font-size: 1.1rem;
    font-style: italic;
}

/* Tabs - Overview */
.program-default main #tab-1 .lead {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 600;
    color: #0077be;
    margin: 0 0 1.5rem 0;
}
.program-default main #tab-1 .callout {
    background: #fcfac5;
    margin: 2rem 0;
    padding: 30px;
}
   .program-default main #tab-1 .callout h1,
   .program-default main #tab-1 .callout h2,
   .program-default main #tab-1 .callout h3,
   .program-default main #tab-1 .callout h4 {
       font-size: 1.6rem;
       line-height: 2rem;
       color: rgba(0,0,0,0.8);
       margin: 35px 0 15px;
   }
   .program-default main #tab-1 .callout p:last-child {
      margin-bottom: 0;
   }
.program-default main #tab-1 .career-list h5 {
   color: #3a3a3a;
   font-size: 1.8rem;
   line-height: 2.2rem;
   position: relative;
   left: -1.75rem;
   padding: 0 0 0 2.5rem;
   margin-bottom: 30px;
   margin-top: 30px;
}
  .program-default main #tab-1 .career-list h5:before {
      content: "\f201";
      font-family: "font awesome 6 Free";
      font-weight: 900;
      position: absolute;
      left: 0;
      color: #0077be;
     font-size: 1.7rem;
  }
.program-default main #tab-1 .career-list ul {
    list-style-type: none;
    margin: 0 0 20px 0;
}
  .program-default main #tab-1 .career-list ul li {
      position: relative;
      padding: 0 0 0 1rem;
      margin: 0 0 8px 1rem;
      font-size: 1.05rem;
      line-height: 1.55rem;
  }
   .program-default main #tab-1 .options-description p {
      font-size: 1rem;
      line-height: 1.5rem;
   }
      .program-default main #tab-1 .career-list ul li span.small {
          font-size: 0.8rem;
          line-height: 1rem;
          font-style: italic;
          color: rgba(0,0,0,0.6);
      }
    .program-default main #tab-1 .career-list ul li:before {
        content: "\f054";
        font-family: "font awesome 6 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        font-size: 0.8rem;
        color: rgba(0,119,190,0.6);
    }
.program-default main #tab-1 .career-list a.career-button {
    padding: 16px 27px;
    font-size: 1rem;
    margin: 30px 0 30px 15px;
    color: rgba(0,0,0,0.75);
    border: solid 3px rgba(0,0,0,0.2);
}
  .program-default main #tab-1 .career-list a.career-button i {
      color: #0077be;
      margin: 0 6px 0 0;
  }
.program-default main #tab-1 .highlights-options { /* doesn't apply to preappren */
    grid-column-gap: 65px;
    margin: 3rem 0 0 0;
}
   .program-default main #tab-1 .highlights-options .highlights .logo {
       text-align: center;
       margin: 35px 0 10px 0;
   }
      .program-default main #tab-1 .highlights-options .highlights .logo .caption {
          font-size: 0.92rem;
          line-height: 1.3rem;
          color: rgba(0,0,0,0.7);
          width: 80%;
          margin: 0 auto;
      }
   .program-default main #tab-1 .highlights-options .options-description {
       margin: 0 0 25px 0;
       padding: 0 0 0 15px;
   }
   .program-default main #tab-1 .highlights-options .options-description p:first-child {
      margin-top: -10px;
   }
  .program-default main #tab-1 .highlights-options > div:nth-child(1) {
      background: rgba(0,119,190,0.05);
      padding: 30px;
  }
    .program-default main #tab-1 .highlights-options .highlights h5 {
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 1.85rem;
        line-height: 2.3rem;
        color: #0077be;
    }
   .program-default main #tab-1 .highlights-options .after-list-content {
       margin: 50px 0 0 -28px;
   }
.program-default main #tab-1 .addl-block {
      margin-top: 40px;
}
  .program-default main .lorem #tab-1 .addl-block h1,
  .program-default main .lorem #tab-1 .addl-block h2,
  .program-default main .lorem #tab-1 .addl-block h3,
  .program-default main .lorem #tab-1 .addl-block h4 {
      font-size: 1.55rem;
      line-height: 2.15rem;
      margin: 2.5rem 0 1.25rem;
      color: rgba(0,0,0,0.7);
  }
  .program-default main .lorem #tab-1 .addl-block h5 {
      font-size: 1.4rem;
      line-height: 1.8rem;
      color: rgba(0,0,0,0.65);
      margin: 15px 0;
  }
  .program-default main .lorem #tab-1 .addl-block h6 {
      font-size: 1.25rem;
      line-height: 1.55rem;
      color: rgba(0,0,0,0.65);
      margin: 1.65rem 0 1rem;
  }
  .program-default main .lorem #tab-1 .addl-block h1 i,
  .program-default main .lorem #tab-1 .addl-block h2 i,
  .program-default main .lorem #tab-1 .addl-block h3 i,
  .program-default main .lorem #tab-1 .addl-block h4 i {
      margin: 0 3px 0 0;
      opacity: 0.7;
  }
.program-default main #tab-1 .logo-grid .logo-grid-content {
   margin: 20px 0;
}
.program-default main #tab-1 .logo-grid ul.logo-block {
    list-style-type: none;
    margin: 55px 0 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 5px;
}
   .program-default main #tab-1 .logo-grid.has-title ul.logo-block {
       margin-top: 0;
   }
  .program-default main #tab-1 .logo-grid ul.logo-block li {
      max-height: 175px;
      text-align: center;
  }
    .program-default main #tab-1 .logo-grid ul.logo-block li a {
        display: block;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
      .program-default main #tab-1 .logo-grid ul.logo-block li a img {
          max-width: 100%;
          max-height: 100%;
      }

/* Tab - Courses Tab */
  .program-default main .tab-container .curriculum .select-term {
      background: rgba(0,0,0,0.05);
      display: block;
      padding: 18px 35px;
      border-radius: 50px;
      text-align: center;
      font-size: 1.15rem;
      font-weight: 500;
      color: rgba(0,0,0,0.8);
  }
    .program-default main .tab-container .curriculum .select-term select {
        padding: 5px 8px;
        margin: 0 0 0 5px;
        border: none;
        font-weight: 600;
        font-size: 1.2rem;
        color: rgba(0,119,190,1);
    }
  .program-default main .tab-container .curriculum .poi-message-box {
      background: rgba(254,245,0,0.1);
      padding: 0.75rem 1rem;
      border-radius: 2px;
      margin: 35px 0 0 0;
  }
    .program-default main .tab-container .curriculum .poi-message-box h6 {
        margin: 0;
        text-transform: uppercase;
        font-size: 1rem;
    }
    .program-default main .tab-container .curriculum .poi-message-box p {
        margin: 5px 0 0 0;
        font-size: 0.8rem;
        line-height: 1.1rem;
    }
    .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) {
        width: 100%;
    }
        .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) caption {
            background: none;
            color: inherit;
            text-transform: capitalize;
            font-weight: 600;
            padding: 15px 0 20px;
            text-align: left;
            font-size: 1.8rem;
            line-height: 2.4rem;
            font-weight: 600;
        }
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) thead tr th {
        text-align: left;
        padding: 14px 12px;
        background: rgba(0,0,0,0.1);
        font-size: 0.95rem;
        color: rgba(0,0,0,0.5);
        font-weight: 500;
        text-transform: none;
        border-top: none;
        border-bottom: none;
     }
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr:nth-child(odd) {
          background: rgba(0,119,190,0.03);
      }
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr:nth-child(even) {
          background: rgba(0,119,190,0.09);
      }
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr.poi-electives-header th {
         background: #fff;
         color: rgba(0,0,0,0.8);
         border-top: solid 2px rgba(0,0,0,0.2);
         border-bottom: none;
         border-right: none;
         border-left: none;
         padding: 25px 12px 0;
         font-size: 1.5rem;
         line-height: 2.1rem;
         font-weight: 600;
         text-transform: none;
         text-align: left;
     }
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr.poi-electives p {
          margin: 0.1rem 0 0.1rem 5px;
          position: relative;
          font-size: 1.05rem;
          line-height: 1.6rem;
          padding: 0 0 0 0.9rem;
      }
        .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr.poi-electives p:before {
            content: "\f111";
            font-family: "font awesome 6 Free";
            font-weight: 900;
            font-size: 6px;
            color: rgba(0,0,0,0.5);
            position: absolute;
            left: 0;
        }
           .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tr.poi-electives {
               background: #fff !important;
           }
              .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tr.poi-electives table.poi-elective-table tbody tr td:nth-child(1),
              .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tr.poi-electives table.poi-elective-table thead tr th:nth-child(1) {
                  text-align: right;
              }
              .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tr.poi-electives table.poi-elective-table {
                  border-bottom: solid 2px #b9b9b9;
              }
              .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tr.poi-electives table.poi-elective-table caption {
                  font-size: 1.01rem;
                  padding: 6px 15px;
                  background: #787878;
                  color: #fff;
              }
        .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr td {
            padding: 12px;
            border: none;
            font-size: 1.15rem;
            line-height: 1.7rem;
            vertical-align: top;
        }
        .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr td a {
            font-weight: 600;
        }

      /* Code */
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) thead tr th:nth-child(1),
     .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr td:nth-child(1),
     .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tr.poi-electives table.poi-elective-table tbody tr td:nth-child(1) {
         text-align: right;
         padding-right: 25px;
         width: 23%;
         border-right: solid 2px rgba(0,0,0,0.15);
     }
     .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr.poi-electives td:nth-child(1) {
         text-align: left;
         border-right: 0;
     }

      /* Course Name */
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) thead tr th:nth-child(2),
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr td:nth-child(2) {
          padding-left: 25px;
         width: 60%;
      }

      /* Credits */
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) thead tr th:nth-child(3),
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr td:nth-child(3) {
          text-align: center;
          width: 20%;
      }

     /* Electives */
     .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) .poi-elective-table caption {
         font-size: 1.3rem;
     }
        .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) .poi-elective-table thead tr th {
            padding: 10px 12px;
        }
           .program-default main .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) .poi-elective-table thead tr th:nth-child(1) {
               text-align: left;
           }

      /* Course Outcomes */
      .program-default main .tab-container #nc-program-outcomes {
          margin: 45px 0 0;
      }
        .program-default main .tab-container #nc-program-outcomes h5 {
            margin: 0 0 35px;
            font-size: 1.9rem;
            color: rgba(0,119,190,1);
        }
          .program-default main .tab-container #nc-program-outcomes h5 span {
              font-weight: 500;
              display: inline-block;
              background: rgba(0,0,0,0.05);
              color: rgba(0,0,0,0.8);
              padding: 5px 20px;
              border-radius: 50px;
              font-size: 1.3rem;
              margin: 20px 0 0 5px;
              position: relative;
          }
          .program-default main .tab-container #nc-program-outcomes ol {
            list-style-type: none;
            margin: 0;
            padding: 0;
            counter-reset: list-number;
        }
        .program-default main .tab-container #nc-program-outcomes ol li {
            margin: 22px 0 22px 15px;
            padding: 0 0 0 3.5rem;
            counter-increment: list-number;
            position: relative;
        }
        .program-default main .tab-container #nc-program-outcomes ol li:first-child {
            margin-top: 0;
        }
        .program-default main .tab-container #nc-program-outcomes ol li:last-child {
            margin-bottom: 0;
        }
        .program-default main .tab-container #nc-program-outcomes ol li:before {
            content: counter(list-number);
            position: absolute;
            left: 0;
            font-size: 1.2rem;
            line-height: 1;
            font-weight: 800;
            height: 100%;
            min-width: 2.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            background: rgba(0,0,0,0.05);
            border-radius: 3px;
        }
        .program-default main .tab-container #nc-program-outcomes ol li p {
            margin: 0.35rem 0;
            font-size: 1.1rem;
            line-height: 1.6rem;
        }
        .program-default main .tab-container #nc-program-outcomes ol li p:last-child {
            margin: 0;
        }

/* Tabs - Admission Requirements */
.program-default main .lorem .admission-requirements h5.ossd {
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 600;
}
.program-default main .lorem .admission-requirements ul.requirements-list {
    margin: 10px 0;
}
.program-default main .lorem .admission-requirements ul.requirements-list li {
    margin: 8px 0 0 1rem;
}
  .program-default main .tab-container .admission-requirements .split-admission-requirements .select-ar-block {
      display: flex;
      align-items: center;
  }
  .program-default main .tab-container .admission-requirements .split-admission-requirements label {
      display: block;
      font-size: 1.1rem;
      font-weight: 500;
      margin: 0 15px 0 0;
  }
  .program-default main .tab-container .admission-requirements ul.requirements-list li.start {
      margin-bottom: 0.25rem !important;
  }
  .program-default main .tab-container .admission-requirements ul.requirements-list li.sub {
      margin: 0.25rem 0 0.25rem 1rem !important;
  }
    .program-default main .tab-container .admission-requirements ul.requirements-list li.sub:before {
        content: none !important;
    }
   .program-default main .tab-container .admission-requirements ul.requirements-list li span.ao {
      font-weight: 700;
      text-transform: uppercase;
      margin: 0 0 0 2px;
    }
   .program-default main .tab-container .admission-requirements ul.requirements-list li.nocheck:before {
       content: none;
   }
   /* Recommended Courses/Skills */
   .program-default main .tab-container .admission-requirements h5.rec {
       font-size: 1.3rem;
       line-height: 2rem;
       margin: 35px 0 0;
   }
      .program-default main .tab-container .admission-requirements p.rec-note {
          margin: 15px 0;
          background: rgba(0,0,0,0.03);
          font-size: 0.95rem;
          line-height: 1.45rem;
          padding: 13px 20px;
      }

/* Loader */
.program-default main .tab-container .split-admission-requirements #ar-split-loading {
    background: rgba(0,0,0,0.03);
    border-radius: 5px;
    padding: 25px;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0 0 0;
}

/* Split AR select dropdown */
.program-default main .tab-container .split-admission-requirements #splitAR {
    display: block;
    font-size: 0.95rem;
    line-height: 1;
    font-weight: 500;
    color: rgba(0,0,0,0.7);
    padding: 13px 40px 13px 15px;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right 15px top 50%, 0 0;
    background-size: .65em auto, 100%;
}
  .program-default main .tab-container .split-admission-requirements #splitAR:-ms-expand {
      display: none;
  }
  .program-default main .tab-container .split-admission-requirements #splitAR:hover {
      border-color: #888;
  }
  .program-default main .tab-container .split-admission-requirements #splitAR:focus {
      border-color: #aaa;
      box-shadow: 0 0 1px 3px rgba(0,0,0,0.5);
      box-shadow: 0 0 0 3px -moz-mac-focusring;
      color: #222;
      outline: none;
  }
  .program-default main .tab-container .split-admission-requirements #splitAR option {
      font-weight: normal;
  }
/* Split AR headings */
  .program-default main .tab-container .split-admission-requirements .group {
      margin: 35px 0 0 0;
  }
  .program-default main .tab-container .split-admission-requirements .group h5.section-title {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 1.3rem;
      color: rgba(0,0,0,0.6);
  }

/* Selection and Ranking */
.program-default main .admission-requirements .s-r {
    border: solid 2px rgba(0,0,0,0.1);
    padding: 20px 25px;
    margin: 20px 0 0 0;
}
  .program-default main .admission-requirements .s-r > *:first-child {
      margin-top: 0;
  }
  .program-default main .admission-requirements .s-r h1,
  .program-default main .admission-requirements .s-r h2,
  .program-default main .admission-requirements .s-r h3,
  .program-default main .admission-requirements .s-r h4,
  .program-default main .admission-requirements .s-r h5 {
      font-size: 1.3rem;
      line-height: 1.6rem;
      color: rgba(0,0,0,0.8);
      position: relative;
      padding: 0 0 0 35px;
  }
    .program-default main .admission-requirements .s-r h5:before {
      content: "\f058";
      font-family: "font awesome 6 Free";
      position: absolute;
      left: 0;
      font-size: 1.6rem;
      opacity: 0.8;
    }
    .program-default main .admission-requirements .s-r.private-colleges h5 {
        padding: 0 0 0 30px;
    }
    .program-default main .admission-requirements .s-r.private-colleges h5:before {
        content: "\f005";
        font-size: 1.2rem;
        font-weight: 900;
        top: -1px;
    }
  .program-default main .admission-requirements .s-r h6 {
      font-size: 0.95rem;
      text-transform: uppercase;
      font-weight: 600;
  }
  .program-default main .admission-requirements .s-r p {
      color: rgba(0,0,0,0.7);
      font-size: 0.9rem;
      line-height: 1.4rem;
      margin: 0 0 0.75rem 0;
  }
   .program-default main .admission-requirements .s-r p:last-child {
      margin: 0;
   }
  .program-default main .admission-requirements .s-r li {
      font-size: 0.95rem;
      color: rgba(0,0,0,0.7);
      line-height: 1.3rem;
  }
/* Selection and Ranking - Private Colleges (Grad Certs Only) */

/* Pre-Admission Requirements */
.program-default main .admission-requirements .par {
    border: dotted 2px rgba(0,0,0,0.2);
    padding: 20px 25px;
    margin: 35px 0 15px;
}
  .program-default main .admission-requirements .par h5 {
      margin: 5px 0 15px;
      font-size: 1.35rem;
      line-height: 1.85rem;
  }
  .program-default main .admission-requirements .par p.info {
      font-size: 1rem !important;
      line-height: 1.45rem !important;
      margin: 20px 0 0 0;
      padding: 15px 15px 15px 55px !important;
  }
    .program-default main .admission-requirements .par p.info:before {
        font-size: 1.55rem !important;
        left: 15px;
        top: 15px;
    }
  .program-default main .admission-requirements .par p.info a {
      font-weight: 500;
  }
  .program-default main .admission-requirements .par ul {
      margin: 0.9rem 0 0 0;
  }
    .program-default main .admission-requirements .par li {
        font-size: 1rem;
        line-height: 1.55rem;
        margin: 0.3rem 0 0 1rem !important;
    }
  .program-default main .admission-requirements .par ul.check li:before {
      font-size: 0.8rem !important;
  }
    .program-default main .admission-requirements .par li:last-child {
        margin-bottom: 0;
    }
/* PAR - Domestic & International */
.program-default main .admission-requirements .par .par-multi h6 {
    position: relative;
    margin: 8px 0;
}
.program-default main .admission-requirements .par .par-multi h6:before {
    position: absolute;
    left: 0;
}
.program-default main .admission-requirements .par .par-multi h6 {
    padding: 0 0 0 26px;
}
.program-default main .admission-requirements .par .par-multi h6.d:before {
    font-family: "font awesome 6 Brands";
    content: "\f785";
    font-size: 1.25rem;
    color: #a40000;
}
.program-default main .admission-requirements .par .par-multi h6.i:before {
    font-family: "font awesome 6 Free";
    content: "\f57e";
    font-size: 1.1rem;
    color: #003a7c;
    font-weight: 900;
}
.program-default main .admission-requirements .par .par-multi p.info {
    margin-top: 13px;
}
.program-default main .admission-requirements .par .par-multi .fyi {
    font-size: 0.8rem;
    line-height: 1.15rem;
    color: rgba(0,0,0,0.8);
    margin-top: 12px;
    font-style: italic;
}

/* Program Requirements */
.program-default main .admission-requirements .program-requirements {
    border-top: solid 2px rgba(0,0,0,0.1);
    margin-top: 2.5rem;
}
.program-default main .admission-requirements .program-requirements h5 {
    margin-top: 0 !important;
    margin-bottom: 1.75rem;
    padding-top: 2.25rem;
    font-size: 1.85rem;
    line-height: 2.5rem;
    color: #0077be;
}
.program-default main .admission-requirements .program-requirements h6 {
    font-size: 1.4rem !important;
    margin: 25px 0 0 !important;
}
    .program-default main .admission-requirements .program-requirements .requirement-warning-container {
        background-color: #FFE9E9;
        color: #a90800;
        text-align: left;
        padding: 20px;
        margin: 2.5rem 0;
    }
        .program-default main .admission-requirements .program-requirements .requirement-warning-container-inner {
            padding: 0 0 0 2.25rem;
            position: relative;
        }
            .program-default main .admission-requirements .program-requirements .requirement-warning-container-inner h6 {
                margin: 0 !important;
                color: #a90800;
            }
            .program-default main .admission-requirements .program-requirements .requirement-warning-container-inner p {
                line-height: 1.5rem !important;
                margin: 10px 0 0 0;
            }
                .program-default main .admission-requirements .program-requirements .requirement-warning-container-inner p span {
                    font-weight: 600;
                }
            .program-default main .admission-requirements .program-requirements .requirement-warning-container-inner:before {
                font-family: "font awesome 6 Free";
                content: "\f06a";
                font-size: 1.4rem;
                position: absolute;
                left: 0;
                top: 2px;
                font-weight: 900;
            }
  .program-default main .admission-requirements .program-requirements .other h6 {
      margin: 25px 0 15px !important;
  }
  .program-default main .admission-requirements .program-requirements h6 i {
      margin: 0 5px 0 0;
  }
    .program-default main .admission-requirements .program-requirements h6 i {
        position: relative;
    }
    .program-default main .admission-requirements .program-requirements .cds h6 i {
        font-size: 1.4rem;
        top: -1px;
        left: 2px;
        color: #e85395;
    }
    .program-default main .admission-requirements .program-requirements .fa-cpr h6 i {
        font-size: 1.25rem;
        color: #000;
        top: -1px;
        left: 2px;
    }
    .program-default main .admission-requirements .program-requirements .crc h6 i {
        color: #2e3092;
        font-size: 1.2rem;
        left: 3px;
        top: -2px;
    }
   .program-default main .admission-requirements .program-requirements .transportation h6 i {
        color: #ef9109;
        font-size: 1.4rem;
        left: 3px;
        top: -1px;
    }
    .program-default main .admission-requirements .program-requirements .laptop h6 i {
        color: #0077be;
        font-size: 1rem;
        left: 1px;
        top: -1px;
    }
    .program-default main .admission-requirements .program-requirements .computer-technology-unique h6 i {
        font-size: 1.25rem;
        color: #808080;
        top: -1px;
        left: 2px;
    }
    .program-default main .admission-requirements .program-requirements .dress-code h6 i {
        font-size: 1.25rem;
        color: #2a93aa;
        top: -1px;
        left: 2px;
    }
    .program-default main .admission-requirements .program-requirements .mask-fit h6 i {
        font-size: 1.25rem;
        color: #00b287;
        top: -1px;
        left: 2px;
    }
.program-default main .admission-requirements .program-requirements ol {
    margin: 0 0 1.25rem !important;
}
  .program-default main .admission-requirements .program-requirements ol li {

      margin: 0.75rem 0 0.75rem 3.1rem !important;
      padding: 0 0 0 0.4rem;
      line-height: 1.55rem !important;
      position: relative;

  }
.program-default main .admission-requirements .program-requirements ul {
    margin: 18px 0 1.25rem !important;
    list-style-type: none;
}
  .program-default main .admission-requirements .program-requirements ul li {
      margin: 13px 0 13px 35px !important;
      padding: 0 0 0 23px;
      font-size: 1rem;
      line-height: 1.4rem !important;
      position: relative;
  }
   .program-default main .admission-requirements .program-requirements ul li {
       border: none;
   }
   .program-default main .admission-requirements .program-requirements ul li.alert {
        background: #fcfac5;
        padding: 15px 22px 15px 2.5rem;
        border-radius: 0;
        font-size: 0.95rem;
        line-height: 1.3rem !important;
        position: relative;
    }
        .program-default main .admission-requirements .program-requirements ul li.alert:before {
            content: "\f06a";
            left: 15px;
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            font-size: 1rem;
            line-height: 1.2;
            color: rgba(0,0,0,0.4);
        }
   .program-default main .admission-requirements .program-requirements p {
       font-size: 1rem;
       line-height: 1.5rem !important;
   }
    .program-default main .admission-requirements .program-requirements ul li:before {
        content: "\f00c";
        font-family: "font awesome 6 Free";
        font-weight: 900;
        position: absolute;
        left: 0;
        font-size: 0.75rem;
        color: rgba(0,0,0,0.4);
    }
    .program-default main .admission-requirements .program-requirements ul li.vss {
        border: none;
        background: #fcfac5;
        padding: 12px 22px 12px 40px;
        border-radius: 0;
    }
      .program-default main .admission-requirements .program-requirements ul li.vss:before {
          content: "\f06a";
          left: 15px;
          font-size: 1rem;
          top: 11px;
      }
      .program-default main .admission-requirements .program-requirements ul li.vss p {
          font-size: 0.95rem !important;
          line-height: 1.35rem !important;
      }
   .program-default main .admission-requirements .program-requirements ul li.note {
      border: none;
      background: rgba(0,0,0,0.04);
      padding: 12px 22px;
      border-radius: 0;
   }
      .program-default main .admission-requirements .program-requirements ul li.note * {
          font-size: 0.95rem !important;
          line-height: 1.45rem !important;
          color: rgba(0,0,0,0.8);
      }
         .program-default main .admission-requirements .program-requirements ul li.note *:first-child {
             margin-top: 0;
         }
         .program-default main .admission-requirements .program-requirements ul li.note *:last-child {
             margin-bottom: 0;
         }
         .program-default main .admission-requirements .program-requirements ul li.note:before {
             content: none;
         }

.program-default main .admission-requirements .program-requirements .cds p.inset {
    margin-left: 2rem !important;
    background: rgba(0,0,0,0.04);
    border-radius: 4px;
    padding: 15px 20px;
    line-height: 1.4rem;
}

.program-default main .admission-requirements .costs-alert {
    background: #FFE9E9;
    color: #a90800;
    text-align: center;
    padding: 15px;
    margin: 2.5rem 0 !important;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
}
  .program-default main .admission-requirements .costs-alert span {
      display: inline-block;
      position: relative;
      padding: 0 0 0 1.75rem;
  }
    .program-default main .admission-requirements .costs-alert span:before {
        font-family: "font awesome 6 Free";
        content: "\f06a";
        font-size: 1.1rem;
        position: absolute;
        left: 0;
        top: -1px;
        font-weight: 900;
    }

/* Laptop Statement */
.program-default main .admission-requirements .laptop-statement {
    background: none;
    border: solid 2px rgba(0,0,0,0.1);
    padding: 20px 25px;
    margin: 45px 0 0;
}
   .program-default main .admission-requirements .laptop-statement h5 {
       font-size: 1.3rem !important;
       line-height: 1.7rem;
       margin: 0 0 15px !important;
   }
    .program-default main .admission-requirements .laptop-statement h5 i {
        font-size: 1rem;
        position: relative;
        color: #0077be;
        margin: 0 4px 0 0;
        top: -1px;
    }
    .program-default main .admission-requirements .laptop-statement p,
    .program-default main .admission-requirements .laptop-statement li {
       margin: 12px 0 !important;
       font-size: 0.95rem !important;
       line-height: 1.3rem !important;
       color: rgba(0,0,0,0.8);
   }
   .program-default main .admission-requirements .laptop-statement ul {
       list-style-type: none;
   }
     .program-default main .admission-requirements .laptop-statement ul li {
         position: relative;
         padding-left: 22px;
     }
       .program-default main .admission-requirements .laptop-statement ul li:before {
           content: "\f00c";
           font-family: "font awesome 6 Free";
           position: absolute;
           left: 0;
           font-weight: 900;
           color: #0077be;
           font-size: 0.9rem;
       }
   .program-default main .admission-requirements .technology-change-disclaimer {
       margin: 20px 0 0 0;
       padding: 15px 20px;
       border: none;
       border-radius: 0;
   }
   .program-default main .admission-requirements .technology-change-disclaimer p {
       margin: 0 !important;
       font-size: 0.95rem !important;
       line-height: 1.3rem !important;
       font-weight: 400;
   }

/* Tabs - Program Availability */

/* Instructions Box */
.program-default main .availability .instructions-boxes {
    margin: 40px 0 20px;
}
  .program-default main .availability .instructions-box {
      border: solid 1px #dcdcdc;
      margin: 20px 0;
  }
   .program-default main .availability .instructions-box h5 {
       margin: 0;
       padding: 10px 15px 10px 2.6rem;
       font-size: 1.05rem;
       line-height: 1.55rem;
       position: relative;
       background: #dcdcdc;
   }
      .program-default main .availability .instructions-box h5:before {
          font-family: "font awesome 6 Free";
          content: "\f06a";
          font-weight: 900;
          position: absolute;
          left: 15px;
          top: 9px;
          opacity: 0.5;
      }
    .program-default main .availability .instructions-box.opd {
        border: solid 1px #FFE9A1;
    }
    .program-default main .availability .instructions-box.opd h5 {
        background: #FFE9A1;
        padding-left: 2.9rem;
    }
    .program-default main .availability .instructions-box.opd h5:before {
        content: "\e066";
        opacity: 0.6;
    }
   .program-default main .availability .instructions-box .ib-inner {
       padding: 13px 15px;
   }
      .program-default main .availability .instructions-box .ib-inner p {
          font-size: 0.95rem;
          line-height: 1.4rem;
          margin: 10px 0;
      }
   .program-default main .availability .instructions-box .ib-inner *:first-child {
       margin-top: 0;
   }
   .program-default main .availability .instructions-box .ib-inner *:last-child {
       margin-bottom: 0;
   }
	 .program-default .availability h6.split-codes {
		    margin: 40px 0 -15px;
		    font-size: 1.4rem;
		    color: rgba(0,0,0,0.8);
		    position: relative;
		    padding: 0 0 0 30px;
		}
		.program-default .availability h6.split-codes:before {
		    content: "\f063";
		    font-family: "font awesome 6 Free";
		    font-weight: 900;
		    position: absolute;
		    left: 4px;
		    top: -1px;
		    font-size: 1.25rem;
		    opacity: 0.8;
		}

/* Loader for Status Table */
.program-default main .availability .loading {
    position: relative;
}

/* Status Table */
.program-default main .availability table.status-table {
    width: 100%;
    border: solid 1px #E5E5E5;
    margin: 0 !important;
}
  .program-default main .availability table.status-table th,
  .program-default main .availability table.status-table td {
      padding: 15px 30px;
      border: none;
      font-weight: 500;
  }
  .program-default main .availability table.status-table thead th {
      padding-top: 20px;
      padding-bottom: 20px;
      background: #393939;
      color: #fff;
      font-size: 0.8rem;
  }
    .program-default main .availability table.status-table thead th:nth-child(1) {
        text-align: right;
        width: 200px;
    }
  .program-default main .availability table.status-table tbody th {
      background: unset;
      text-align: right;
      text-transform: none;
      font-size: 0.95rem;
      line-height: 1;
  }
  .program-default main .availability table.status-table td {
      line-height: 1;
      font-size: 0.95rem;
  }
    .program-default main .availability table.status-table td span {
        position: relative;
        display: block;
        padding: 0 0 0 16px;
    }
      .program-default main .availability table.status-table td span:before {
          content: " ";
          display: block;
          background: grey;
          width: 8px;
          height: 8px;
          border-radius: 50%;
          position: absolute;
          left: 0;
          top: 0.23rem;
      }
  .program-default main .availability table.status-table tbody tr th {
      background: unset !important;
      color: rgba(0,0,0,0.85) !important;
  }
  .program-default main .availability table.status-table td.o {
      color: #235d38;
  }
    .program-default main .availability table.status-table td.o span:before {
        background: #009a3f;
    }
  .program-default main .availability table.status-table td.w {
      color: #908102;
  }
    .program-default main .availability table.status-table td.w span:before {
        background: #d5be00;
    }
  .program-default main .availability table.status-table td.s {
      color: #885505;
  }
    .program-default main .availability table.status-table td.s span:before {
        background: #df8e00;
    }
  .program-default main .availability table.status-table td.c {
      color: #9d1616;
  }
    .program-default main .availability table.status-table td.c span:before {
        background: #df0000;
    }
  .program-default main .availability table.status-table thead th:nth-child(2),
  .program-default main .availability table.status-table tbody td:nth-child(2) {
      text-align: left;
  }
  .program-default main .availability .identify-table, .program-default main .availability .note {
    margin: 10px 0 0 0;
    text-align: right;
    font-size: 0.8rem;
    line-height: 1.1rem;
    color: rgba(0,0,0,0.7);
  }

  .program-default main .availability .note {
    text-align:left;    
    margin-bottom: 10px;
}
  .program main .lorem .availability .ncpa-error {
    background: #fcfac5;
    padding: 13px 20px;
}
.program main .lorem .availability .ncpa-error p {
    font-size: 0.95rem;
    line-height: 1.45rem;
}
.program-default main .availability .availability-lower-content {
    margin-top: 3rem;
}
  .program-default main .availability .availability-lower-content h5 {
        font-size: 1.6rem;
        line-height: 1.6rem;
        color: #0077be;
  }
.program-default main .availability table.delivery {
    width: 100%;
}
  .program-default main .availability table.delivery td {
      font-size: 0.95rem;
      text-align: center;
  }
    .program-default main .availability table.delivery td:nth-child(1) {
        background: rgba(0,119,190,0.8);
        color: #fff;
        font-weight: 600;
        text-align: right;
    }
    .program-default main .availability table.delivery td:nth-child(3),
    .program-default main .availability table.delivery td:nth-child(5),
    .program-default main .availability table.delivery td:nth-child(7) {
        background: rgba(0,0,0,0.02);
    }
    .program-default main .availability table.delivery th:nth-child(3),
    .program-default main .availability table.delivery th:nth-child(5),
    .program-default main .availability table.delivery th:nth-child(7) {
        background: rgba(0,0,0,0.12);
    }
  .program-default main .availability table.delivery th:nth-child(1) {
      background: rgba(0,119,190,1);
      color: #fff;
      text-align: right;
  }
  .program-default main .availability table.delivery tbody tr:hover {
      background: rgba(255,228,3,0.3);
      cursor: pointer;
  }
.program-default main .availability .legend {
    border: solid 1px rgba(0,0,0,0.1);
    margin: 25px 0;
    overflow: hidden;
}
  .program-default main .availability .legend .col-1-1-1-1 {
      grid-column-gap: 1px;
  }
  .program-default main .availability .legend h5 {
      margin: 0;
      display: block;
      color: rgba(0,0,0,0.7);
      font-size: 0.8rem;
      line-height: 1;
      font-weight: 600;
      padding: 7px 10px;
      text-align: center;
      border-bottom: solid 1px rgba(0,0,0,0.1);
  }
  .program-default main .availability .legend h6 {
      margin: 0;
      padding: 3px 0 0 0;
      font-size: 0.85rem;
      text-align: center;
      font-weight: 500;
  }
    .program-default main .availability .legend h6 span {
        display: inline-block;
        position: relative;
        padding-left: 11px;
    }
      .program-default main .availability .legend h6 span:before {
          content: " ";
          background: grey;
          display: block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          position: absolute;
          left: 0;
          bottom: 11px;
      }
  .program-default main .availability .legend h6.o {
      color: #009a3f;
  }
    .program-default main .availability .legend h6.o span:before {
        background: #009a3f;
    }
  .program-default main .availability .legend h6.w {
      color: #b4a100;
  }
    .program-default main .availability .legend h6.w span:before {
        background: #b4a100;
    }
  .program-default main .availability .legend h6.c {
      color: #9d1616;
  }
    .program-default main .availability .legend h6.c span:before {
        background: #9d1616;
    }
  .program-default main .availability .legend h6.s {
      color: #a66602;
  }
    .program-default main .availability .legend h6.s span:before {
        background: #a66602;
    }

.program-default main .availability .legend p {
    margin: 0;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    display: block;
    padding: 0 10px 8px;
    background: #fff;
    height: 100%;
}

/* Tabs - Fees */
.program main .lorem .scholarships {
    margin-bottom: 10px;
}
.program main .lorem .scholarships h6 {
    color: #0077be;
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 12px;
}
.program main .lorem .scholarships p {
    font-size: 1rem;
    line-height: 1.6rem;
    margin: 0;
}
.program main .lorem .scholarships p strong {
    font-weight: 400;
}
.program main .lorem .scholarships a.button {
	margin-top: 25px !important;
}

/* Tabs - Extra */
.program-default main .extra blockquote {
    margin: 35px auto 10px;
}

/* After Tabs - Common */
.program-default main .after-tabs h4.bar-title {
    font-size: 2.2rem;
    line-height: 3rem;
    margin-top: 0;
    margin-bottom: 40px;
}

/* After Tabs - Text Bar with Background Image */
.program-default main .after-tabs .eb-textbar.img {
    background-size: cover;
    background-position: center center;
    position: relative;
}
  .program-default main .after-tabs .eb-textbar.img span.overlay {
      background: #000;
      opacity: 0.7;
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 100;
      left: 0;
      top: 0;
  }
    .program-default main .after-tabs .eb-textbar.img .r {
        position: relative;
        z-index: 200;
    }
    .program-default main .after-tabs .eb-textbar.img.lorem blockquote:before {
      background: #000;
    }
   /* Specifically targets the first p tag adjacent to the heading and removes some top margining */
   .program-default main .after-tabs .eb-textbar h4.bar-title + div.col-1 > div > p:first-child,
   .program-default main .after-tabs .eb-textbar h4.bar-title + div.col-1-1 > div > p:first-child,
   .program-default main .after-tabs .eb-textbar h4.bar-title + div.col-1-1-1 > div > p:first-child {
      margin-top: -20px;
   }

/* After Tabs - Testimonial */

/* --- Carousel Transition Fade --- */
.fade .carrousel__content {
    -webkit-animation: fadein 1s;
    animation:         fadein 1s;
    white-space: normal;
}
.fade .carrousel__content[aria-hidden=true] {
    -webkit-animation: fadeout 1s;
    animation:         fadeout 1s;
}
.fade .carrousel__content[aria-hidden=true] {
    display: none;
}

@keyframes fadeout {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes fadein {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* NEW TESTIMONIAL SLIDER */
.program-default main .after-tabs .eb-testimonial-slider .relative { position: relative; }
.program-default main .after-tabs .eb-testimonial-slider .mod--hidden { overflow: hidden; }
.program-default main .after-tabs .eb-testimonial-slider .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.program-default main .after-tabs .eb-testimonial-slider .carrousel__content[aria-hidden=true] {
    display: none;
}
.program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__container {
    white-space: normal;
    padding: 0 5rem 0 8rem;
}
.program-default main .after-tabs .eb-testimonial-slider .js-carrousel.relative.testimonial-carrousel {
    margin-top: -1rem;
}
.program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list {
    position: unset;
    list-style-type: none;
    text-align: center;
    margin: 40px 0 0 0;
}
.program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list__item {
    display: inline-block;
    margin: 0 0.5em;
}
.program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list__link {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    cursor: pointer;
    background: rgba(0,0,0,0.30);
    /*border: 2px solid rgba(255,255,255,0.75);*/
    transition: border .3s ease-in-out, border-radius .2s ease-in-out, background-color .3s ease-in-out, -o-transform .2s ease-in-out, -ms-transform .2s ease-in-out, -moz-transform .2s ease-in-out, -webkit-transform .2s ease-in-out, transform .2s ease-in-out !important;
}
    .program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list__link:focus,
    .program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list__link:hover,
    .program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list__link:active,
    .program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list__link[aria-selected="true"],
    .program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list__link:focus,
    .program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list__link:hover,
    .program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__control__list__link:active{
        background: #000 !important;
        outline:2px dotted transparent !important;
    }
.program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__button-container {
    position: absolute;
}
.program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__button__previous {
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 0 70px 0;
}
.program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__button__next {
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 0 70px 0;
}
.program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__button__button span {
    visibility:hidden;
}
.program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__button__button {
        margin: 0;
        padding: 0;
        background: transparent;
        border: 0;
        cursor: pointer;
        position:relative;
        min-height:3rem;
        height: 100%;
    }
    .program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__button__button.js-carrousel__button__previous:before {
        content:"\f053";
        font-family:"font awesome 6 Free";
        color:#000;
        position: absolute;
        left: 0;
        font-weight: 700;
        font-size: 2rem;
        transition: all 0.3s ease-in-out;
        display: flex;
        align-items: center;
    }
    .program-default main .after-tabs .eb-testimonial-slider .testimonial-carrousel__button__button.js-carrousel__button__next:before {
        content:"\f054";
        font-family:"font awesome 6 Free";
        color:#000;
        position: absolute;
        right: 0;
        font-weight: 700;
        font-size: 2rem;
        transition: all 0.3s ease-in-out;
        display: flex;
        align-items: center;
    }
.program-default main .after-tabs .eb-testimonial-slider  {
    display: flex;
    align-items: center;
    justify-content: center;
}
  .program-default main .after-tabs .eb-testimonial-slider blockquote {
      width: 100%;
      padding:0;
      margin: 0 auto 0.5rem;
      position: relative;
      font-size: 1.15rem;
      line-height: 1.75rem;
      overflow: visible;
  }
    .program-default main .after-tabs .eb-testimonial-slider blockquote:before {
        content: "“";
        position: absolute;
        left: -65px;
        top: -4px;
        font-size: 85px;
        color: #000;
        font-weight: 600;
        line-height: 1;
        font-family: Georgia, sans-serif;
    }
    .program-default main .after-tabs .eb-testimonial-slider blockquote p {
        margin: 1.15rem 0;
    }
    .program-default main .after-tabs .eb-testimonial-slider blockquote cite {
        float: right;
        font-style: unset;
        font-weight: 500;
        font-size: 1.1rem;
        margin: 20px 0 0 0;
		position:relative;
        text-transform: capitalize;
    }
      .program-default main .after-tabs .eb-testimonial-slider blockquote cite:before {
        content: "– ";
				position: absolute;
				left: -1.5rem;
      }
      .program-default main .after-tabs .eb-testimonial-slider blockquote .lead {
        margin: 0 0 12px !important;
        font-weight: 600;
        font-size: 1.2rem;
        line-height: 1.9rem;
      }
		.program-default main .after-tabs .eb-testimonial-slider blockquote .excerpt {
			margin: 0.5rem 0 !important;
			font-size: 1.05rem;
			line-height: 1.6rem;
		}
		.program-default main .after-tabs .eb-testimonial-slider blockquote a.button {
			border: solid 1px #000;
			color: #000;
			margin: 10px 0 15px;
			padding: 5px 20px;
			font-weight: 500;
			font-size: 0.8rem;
			text-align: left;
		}
			.program-default main .after-tabs .eb-testimonial-slider blockquote a.button:hover,
			.program-default main .after-tabs .eb-testimonial-slider blockquote a.button:focus,
			.program-default main .after-tabs .eb-testimonial-slider blockquote a.button:active {
				color:#000;
				background-color:#fff;
				border:1px solid transparent !important;
				text-decoration: none;
			}
		.program-default main .after-tabs .eb-testimonial-slider blockquote .workplace {
            display: block;
            border-top: 2px solid rgba(0,0,0,0.3);
            margin-top: 5px;
            padding-top: 5px;
            font-style: italic;
            text-transform: none;
            font-weight: 500;
		}
		.program-default main .after-tabs .eb-testimonial-slider blockquote.has-img:before {
			left: 40px;
			top: 125px;
			font-size: 140px;
			z-index:99;
		}
		.program-default main .after-tabs .eb-testimonial-slider blockquote.has-img {
			padding: 2rem 0 0 9rem;
            margin: 20px 0 0 0;
		}
		.program-default main .after-tabs .eb-testimonial-slider blockquote.has-img img {
			border-radius: 50%;
			width: 170px;
			position: absolute;
			left: -60px;
			top: 0;
			z-index: 5;
			border: 2px solid #000;
			padding: 8px;
		}
    /* -> Negative styling */
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote .lead,
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote .excerpt,
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote cite {
        color: #fff;
    }
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote a.button {
        border-color: #fff;
        color: #fff;
    }
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote a.button:hover,
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote a.button:active,
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote a.button:focus {
        color: #000;
    }
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote.has-img:before {
        color: #fff;
    }
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote.has-img img {
        border-color: rgba(255,255,255,0.4);
    }
    .program-default main .after-tabs .eb-testimonial-slider.neg .testimonial-carrousel__button__button.js-carrousel__button__next:before,
    .program-default main .after-tabs .eb-testimonial-slider.neg .testimonial-carrousel__button__button.js-carrousel__button__previous:before {
        color: #fff;
    }
    .program-default main .after-tabs .eb-testimonial-slider.neg .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
    .program-default main .after-tabs .eb-testimonial-slider.neg .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before,
    .program-default main .after-tabs .eb-testimonial-slider.neg .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
    .program-default main .after-tabs .eb-testimonial-slider.neg .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before {
        color: rgba(255,255,255,0.6);
    }
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote p,
    .program-default main .after-tabs .eb-testimonial-slider.neg blockquote:before {
        color: #fff;
    }
    .program-default main .after-tabs .eb-testimonial-slider.neg .testimonial-carrousel__control__list__link:focus,
    .program-default main .after-tabs .eb-testimonial-slider.neg.neg .testimonial-carrousel__control__list__link:hover,
    .program-default main .after-tabs .eb-testimonial-slider.neg .testimonial-carrousel__control__list__link:active,
    .program-default main .after-tabs .eb-testimonial-slider.neg .testimonial-carrousel__control__list__link[aria-selected="true"] {
    background: #fff !important;
    }

/* After Tabs - CustomViewbook Bar */
.program .cvb {
    background: url('/wp-content/themes/niagara-college-schools-v2/img/web-program-page-cvb-banner.jpg');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}
.program .cvb .r {
    min-height: 575px;
    display: flex;
    align-items: center;
}
.program .cvb .r .cvb-inner {
    max-width: 65%;
}
.program .cvb .r .cvb-inner h4 {
    margin: 0 0 45px 0;
    font-size: 2.7rem;
    line-height: 3.55rem;
}
.program .cvb .r .cvb-inner h4 span {
    color: #0077be;
}
.program .cvb .r .cvb-inner a.button {
    margin: 0;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 500;
}
.program .cvb .r .cvb-inner a.button span {
    position: relative;
    padding-right: 2.75rem;
    padding-left: 0.4rem;
    display: flex;
}
.program .cvb .r .cvb-inner a.button span:after {
    content: url('/wp-content/themes/niagara-college-schools-v2/img/icons/icon-generate-white.svg');
    width: 2.5rem;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    height: 100%;
}
@media screen and (max-width: 1300px) {

    .program .cvb {
        background-position: calc(100% + 150px) 0;
    }
    
}
@media screen and (max-width: 1000px) {
    
    .program .cvb .r .cvb-inner {
        max-width: 60%;
    }
    .program .cvb {
        background-position: calc(100% + 225px) 0;
    }
    
}
@media screen and (max-width: 800px) {
    
    .program .cvb .r .cvb-inner {
        max-width: 50%;
    }
    .program .cvb .r .cvb-inner a.button {
        border-radius: 8px;
    }
    
}
@media screen and (max-width: 725px) {
    
    .program .cvb .r .cvb-inner a.button {
        border-radius: 8px;
    }
    .program .cvb .r .cvb-inner h4 {
        background: rgba(0,0,0,0.5);
        padding: 20px 25px;
        font-size: 2.3rem;
        line-height: 2.8rem;
    }
    .program .cvb {
        background-position: calc(100% + 250px) 0;
    }    
}
@media screen and (max-width: 650px) {

    .program .cvb .r {
        min-height: 880px;
        padding-bottom: 70px !important;
    }
    .program .cvb .r {
        align-items: flex-end;
    }
    .program .cvb {
        background-image: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,1.3)), url('wp-content/themes/niagara-college-schools-v2/img/web-program-page-cvb-banner-mob.jpg');
        background-position: top center;
    }
    .program .cvb .r .cvb-inner {
        max-width: unset;
        width: unset;
    }
    .program .cvb .r .cvb-inner a.button {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .program .cvb .r .cvb-inner h4 {
        margin-bottom: 25px;
        text-align: center;
        background: rgba(0,0,0,0.75);
        padding: 25px;
    }
  
}

/* After Tabs - Media Slider */
.program-default main .after-tabs .eb-media-slider {
    background: #0077be;
}
.program-default main .after-tabs .eb-media-slider h4 {
    margin-bottom: 40px;
    font-size: 2.3rem;
    line-height: 3.1rem;
}
	.program-default main .after-tabs .eb-media-slider .media-slider-description {
	    margin: 0 0 25px 0;
	}
	.program-default main .after-tabs .eb-media-slider .video-description {
	    margin: 25px 0 0 0;
	}
  .program-default main .after-tabs .eb-media-slider .videoWrapper {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 25px;
      height: 0;
  }
    .program-default main .after-tabs .eb-media-slider .videoWrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .program-default main .after-tabs .eb-media-slider .videoWrapper img {
        width: 100%;
        height: auto;
    }
.program-default main .after-tabs .eb-media-slider .slick-next,
.program-default main .after-tabs .eb-media-slider .slick-prev {
    width: 35px;
    height: 35px;
}
.program-default main .after-tabs .eb-media-slider .slick-prev:before,
.program-default main .after-tabs .eb-media-slider .slick-next:before {
    font-size: 2rem;
    opacity: 0.5;
}
   /* Change colours for solid light grey background */
   .slg .slick-prev:before,
   .slg .slick-next:before {
       color: #000;
   }
.program-default main .after-tabs .eb-media-slider .slick-next {
    right: -45px;
}
.program-default main .after-tabs .eb-media-slider .slick-prev {
    left: -46px;
}
.program-default main .after-tabs .eb-media-slider .slick-dots {
    bottom: -40px;
    margin: 0;
}
   .program-default main .after-tabs .eb-media-slider .slick-dots li:only-child {
      display: none;
   }
/* --> Inner White Option */
/* Remove left/right solid background */
.program-default main .after-tabs .eb-media-slider.white {
    background: none !important;
}

/* Add left/right padding to accommodate prev/next buttons */
.program-default main .after-tabs .eb-media-slider.white .slick-dotted.slick-slider.has-multiple {
    padding: 0 3rem;
}

/* Adjust prev/next button colours */
.program-default main .after-tabs .eb-media-slider.white .slick-next:before,
.program-default main .after-tabs .eb-media-slider.white .slick-prev:before {
    color: rgba(0,0,0,0.7);
}

/* Adjust prev/next button position */
.program-default main .after-tabs .eb-media-slider.white .slick-prev {
    left: 0;
}
.program-default main .after-tabs .eb-media-slider.white .slick-next {
    right: 0;
}
    
/* Center navigation dots */
.program-default main .after-tabs .eb-media-slider.white .slick-dots {
    left: 0;
}

/* After Tabs - Gallery */
.program-default main .after-tabs .eb-gallery ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax( 300px, 1fr) );
    grid-auto-rows: 350px;
    grid-auto-flow: dense;
    grid-gap: 15px;
}
  .program-default main .after-tabs .eb-gallery ul li {
      display: block;
      margin: 0;
  }
    .program-default main .after-tabs .eb-gallery ul li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

/* Co-op Tab */
.program main .lorem .co-op.tab-content .intro {
    font-size: 1.15rem;
    line-height: 1.75rem;
    font-weight: 500;
}
.program main .lorem .co-op.tab-content .intro strong {
    color: #0077be;
}
  .program main.bach .lorem .co-op.tab-content .intro strong {
      color: rgba(142,103,41,1);
  }
.program main .lorem .co-op.tab-content h5 {
    margin: 0;
    padding: 0.5rem 0 0.5rem 3.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #0077be;
    position: relative;
    display: flex;
    align-items: center;
}
.program main.bach .lorem .co-op.tab-content h5 {
    color: rgba(142,103,41,1);
}
.program main .lorem .co-op.tab-content h5:before {
    font-family: "font awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    background: rgba(0,119,190,1);
    display: block;
    width: 2.85rem;
    height: 2.85rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
}
  .program main.bach .lorem .co-op.tab-content h5:before {
      background: rgba(142,103,41,1);
  }
  .program main .lorem .co-op.tab-content .students h5:before {
      content: "\f19d";
  }
  .program main .lorem .co-op.tab-content .employers h5:before {
      content: "\f0b1";
  }
.program main.bach .lorem .co-op.tab-content ul.checklist li:before {
    color: rgba(142,103,41,0.7);
}
.program main .lorem .co-op.tab-content a.button {
    margin-top: 5px;
    font-size: 0.95rem;
    padding: 15px 30px;
}
.program main .lorem .co-op.tab-content ul.checklist {
    margin-top: 20px;
}
.program main .lorem .co-op.tab-content .panel {
    margin-bottom: 0;
}

/* Credential Specific - Pre-Apprenticeship */
.program-default main #tab-1 .callout.preappren-callout {
    margin-bottom: 0;
}
    .program-default main #tab-1 .callout.preappren-callout + .preappren-content h4 {
        margin-top: 30px;
    }
.program-default main.preappren #tab-1 .col-3-2 {
    grid-column-gap: 80px;
}
.program-default main.preappren #tab-1 .career-list h4 {
    margin-top: 0;
}
.program-default main.preappren .after-tabs .related-programs h4 {
    border-top: solid 3px rgba(0,0,0,0.08);
    padding: 2rem 0 0 0;
}
.program section#overview-snap .preappren-app-status div.status {
    font-size: 0.95rem;
    line-height: 1.2rem;
    padding: 6px 8px 6px 28px;
    border-radius: 4px;
    position: relative;
}

  .program section#overview-snap .preappren-app-status div.status:before {
      font-family: "font awesome 6 Free";
      font-weight: 900;
      font-size: 0.8rem;
      position: absolute;
  }
  .program section#overview-snap .preappren-app-status div.status.open {
      background: #83a82e;
  }
    .program section#overview-snap .preappren-app-status div.status.open:before {
        content: "\f00c";
        left: 8px;
        top: 7px;
    }
  .program section#overview-snap .preappren-app-status div.status.coming {
      background: #a66602;
  }
    .program section#overview-snap .preappren-app-status div.status.coming:before {
        content: "\f251";
        left: 10px;
        top: 7px;
    }
  .program section#overview-snap .preappren-app-status div.status.closed {
      background: #9d1616;
  }
    .program section#overview-snap .preappren-app-status div.status.closed:before {
        content: "\f00d";
        left: 10px;
        top: 7px;
    }


/* Colour Code - Bachelor */
.program main.bach section#breadcrumbs {
    background: rgba(118,84,12,1);
    color: rgba(255,255,255,0.7);
}
  .program main.bach section#breadcrumbs a {
      color: rgba(255,255,255,0.7);
  }
  .program main.bach section#breadcrumbs a:after {
      color: rgba(255,255,255,0.4);
  }
.program main.bach section#overview-snap {
    background: rgba(142,103,41,1);
}
.program main.bach nav ul li.current {
    color: rgba(142,103,41,1) !important;
}
.program main.bach nav ul li:hover,
.program main.bach nav ul li:focus {
    background: rgba(142,103,41,0.5);
    color: #fff;
}
.program-default main.bach #tab-1 .lead {
    color: rgba(142,103,41,1);
}
.program-default main.bach .lorem a {
    color: rgba(142,103,41,1);
}
.program-default main.bach .lorem a.button {
    border-color: rgba(142,103,41,1);
}
.program-default main.bach #tab-1 .highlights-options .highlights h5 {
    color: rgba(142,103,41,1);
}
.program-default main.bach #tab-1 .career-list h5:before {
    color: rgba(142,103,41,1);
}
.program-default main.bach .preferred .head {
    background: rgba(142,103,41,0.09);
}
.program-default main.bach .preferred .from h6:before {
    background: rgba(142,103,41,0.07);
    color: rgba(142,103,41,0.7);
}
.program-default main.bach .preferred ul li:before {
    color: rgba(142,103,41,0.5);
}
.program-default main.bach .preferred .into h6:after {
    background: rgba(142,103,41,0.07);
    color: rgba(142,103,41,0.7);
}
.program-default main.bach .preferred .foot {
    background: rgba(142,103,41,0.09);
}
.program-default main.bach .preferred .foot p a {
    color: rgba(142,103,41,1);
}
.program-default main.bach #tab-1 .career-list h4:before {
    color: rgba(142,103,41,1);
}
.program-default main.bach #tab-1 .career-list ul li:before {
    color: rgba(142,103,41,0.5);
}
.program-default main.bach #tab-1 .career-list a.career-button i {
    color: rgba(142,103,41,1);
}
.program-default main.bach .lorem h1,
.program-default main.bach .lorem h2,
.program-default main.bach .lorem h3,
.program-default main.bach .lorem h4,
.program-default main.bach .admission-requirements .program-requirements h5 {
    color: rgba(142,103,41,1);
}
.program-default main.bach .lorem .colour-text {
    color: rgba(142,103,41,1);
}
.program-default main.bach .after-tabs .related-programs .related-programs-slider div a {
    color: rgba(142,103,41,1);
}
.program-default main.bach .after-tabs .related-programs .related-programs-slider div h5 {
    color: rgba(142,103,41,1);
}
.program-default main.bach .tab-container .curriculum .select-term select {
    color: rgba(142,103,41,1);
}
.program main.bach .tab-container .curriculum table caption {
    color: rgba(142,103,41,1);
}
.program-default main.bach .tab-container .curriculum table tbody tr:nth-child(odd) {
    background: rgba(142,103,41,0.03);
}
.program-default main.bach .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr:nth-child(2n) {
    background: rgba(142,103,41,0.1);
}
.program-default main.bach .tab-container #nc-program-outcomes h5 {
    color: rgba(142,103,41,1);
}
.program-default main.bach .tab-container #nc-program-outcomes h5 span {
    background: rgba(142,103,41,0.1);
}
.program-default main.bach .tab-container ul.check li:before {
    color: rgba(142,103,41,0.6);
}
.program-default main.bach #tab-1 .highlights-options > div:nth-child(1) {
    background: rgba(142,103,41,0.05);
}
.program-default main.bach .eb-testimonial {
    background: rgba(142,103,41,1);
}
.program-default main.bach .after-tabs .eb-testimonial-slider.sb {
    background: rgba(142,103,41,1);
}
.program-default main.bach .eb-textbar {
    background: rgba(142,103,41,1);
}
.program main.bach .lorem.neg blockquote:before {
    background: rgba(142,103,41,1);
}
.program-default main.bach .after-tabs .eb-media-slider {
    background: rgba(142,103,41,1);
}
.program-default main.bach .lorem .panel {
    background: rgba(142,103,41,0.05);
}
.program-default main.bach .lorem a.button.white {
    border-color: #fff;
    color: rgba(142,103,41,1) !important;
}
.program-default main.bach .tuition .scholarships h5 {
    color: rgba(142,103,41,1);
}
.program-default main.bach .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.bach .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before,
.program-default main.bach .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.bach .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before {
    color: rgba(142,103,41,1);
}
.program-default main.bach .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.bach .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before,
.program-default main.bach .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.bach .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before {
    color: rgba(142,103,41,1);
}
.program-default main.bach .after-tabs .eb-testimonial-slider.white blockquote.has-img:before,
.program-default main.bach .after-tabs .eb-testimonial-slider.slg blockquote.has-img:before {
    color: rgba(142,103,41,1);
}
.program-default main.bach .after-tabs .eb-testimonial-slider.white blockquote a.button:hover,
.program-default main.bach .after-tabs .eb-testimonial-slider.white blockquote a.button:focus,
.program-default main.bach .after-tabs .eb-testimonial-slider.white blockquote a.button:active,
.program-default main.bach .after-tabs .eb-testimonial-slider.slg blockquote a.button:hover,
.program-default main.bach .after-tabs .eb-testimonial-slider.slg blockquote a.button:focus,
.program-default main.bach .after-tabs .eb-testimonial-slider.slg blockquote a.button:active {
    background-color: rgba(142,103,41,0.1);
}
.program-default main.bach .after-tabs .eb-testimonial-slider.white blockquote:before,
.program-default main.bach .after-tabs .eb-testimonial-slider.slg blockquote:before {
    color: rgba(142,103,41,1);
}
.program-default main.bach .after-tabs .eb-media-slider.white h4 {
    color: rgba(142,103,41,1);
}
.program main.bach section#overview-snap .flags > div.competitive-program a:after,
.program main.bach section#overview-snap .flags > div.pgwp-eligible a:after {
    color: rgba(142,103,41,1)
}

/* Colour Code - 1 Year Certificate */
.program main.cert section#breadcrumbs {
    background: rgba(82,82,82,1);
    color: rgba(255,255,255,0.7);
}
  .program main.cert section#breadcrumbs a {
      color: rgba(255,255,255,0.7);
  }
  .program main.cert section#breadcrumbs a:after {
      color: rgba(255,255,255,0.4);
  }
.program main.cert section#overview-snap {
    background: rgba(110,110,110,1);
}
.program main.cert nav ul li.current {
    color: rgba(110,110,110,1) !important;
}
.program main.cert nav ul li:hover,
.program main.cert nav ul li:focus {
    background: rgba(110,110,110,0.5);
    color: #fff;
}
.program-default main.cert #tab-1 .lead {
    color: rgba(92,92,92,1);
}
.program-default main.cert .lorem a {
    color: rgba(92,92,92,1);
}
.program-default main.cert .lorem a.button {
    border-color: rgba(92,92,92,1);
}
.program-default main.cert #tab-1 .highlights-options .highlights h5 {
    color: rgba(92,92,92,1);
}
.program-default main.cert #tab-1 .career-list h4:before {
    color: rgba(92,92,92,0.6);
}
.program-default main.cert #tab-1 .career-list ul li:before {
    color: rgba(92,92,92,0.5);
}
.program-default main.cert #tab-1 .career-list a.career-button i {
    color: rgba(92,92,92,1);
}
.program-default main.cert .lorem h1,
.program-default main.cert .lorem h2,
.program-default main.cert .lorem h3,
.program-default main.cert .lorem h4,
.program-default main.cert .admission-requirements .program-requirements h5 {
    color: rgba(92,92,92,1);
}
.program-default main.cert .lorem .colour-text {
    color: rgba(92,92,92,1);
}
.program-default main.cert .after-tabs .related-programs .related-programs-slider div a {
    color: rgba(92,92,92,1);
}
.program-default main.cert .after-tabs .related-programs .related-programs-slider div h5 {
    color: rgba(92,92,92,1);
}
.program-default main.cert .tab-container .curriculum .select-term select {
    color: rgba(92,92,92,1);
}
.program-default main.cert .tab-container .curriculum table tbody tr:nth-child(odd) {
    background: rgba(92,92,92,0.03);
}
.program-default main.cert .tab-container .curriculum table tbody tr:nth-child(even) {
    background: rgba(92,92,92,0.09);
}
.program-default main.cert .tab-container #nc-program-outcomes h5 {
    color: rgba(92,92,92,1);
}
.program-default main.cert .tab-container #nc-program-outcomes h5 span {
    background: rgba(92,92,92,0.1);
}
.program-default main.cert .tab-container ul.check li:before {
    color: rgba(92,92,92,0.6);
}
.program-default main.cert #tab-1 .highlights-options > div:nth-child(1) {
    background: rgba(92,92,92,0.05);
}
.program-default main.cert .preferred .head {
    background: rgba(110,110,110,0.08);
}
.program-default main.cert .preferred .from h6:before {
    background: rgba(110,110,110,0.08);
    color: rgba(110,110,110, 1);
}
.program-default main.cert .preferred ul li:before {
    color: rgba(92,92,92,0.5);
}
.program-default main.cert .preferred .into h6:after {
    background: rgba(110,110,110,0.08);
    color: rgba(110,110,110, 1);
}
.program-default main.cert .preferred .preferred-inner {
    border-left: solid 2px rgba(110,110,110,0.08);
    border-right: solid 2px rgba(110,110,110,0.08);
}
.program-default main.cert .preferred .foot {
    background: rgba(110,110,110,0.08);
}
.program-default main.cert .preferred .foot p a {
    color: rgba(92,92,92,1);
}
.program-default main.cert .eb-testimonial {
    background: rgba(92,92,92,1);
}
.program-default main.cert .after-tabs .eb-testimonial-slider.sb {
    background: rgba(110,110,110,1);
}
.program-default main.cert .eb-textbar {
    background: rgba(92,92,92,1);
}
.program main.cert .lorem.neg blockquote:before {
    background: rgba(92,92,92,1);
}
.program-default main.cert .after-tabs .eb-media-slider {
    background: rgba(92,92,92,1);
}
.program-default main.cert .tuition .scholarships {
    background: rgba(0,0,0,0.05);
}
.program-default main.cert .lorem a.button.white {
    border-color: #fff;
    color: rgba(92,92,92,1) !important;
}
.program-default main.cert .tuition .scholarships h5 {
    color: #000;
}
.program-default main.cert .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.cert .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before {
    color: rgba(92,92,92,1);
}
.program-default main.cert .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.cert .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before {
    color: rgba(92,92,92,1);
}
.program-default main.cert .after-tabs .eb-testimonial-slider.white blockquote.has-img:before {
    color: rgba(92,92,92,1);
}
.program-default main.cert .after-tabs .eb-testimonial-slider.white blockquote a.button:hover,
.program-default main.cert .after-tabs .eb-testimonial-slider.white blockquote a.button:focus,
.program-default main.cert .after-tabs .eb-testimonial-slider.white blockquote a.button:active {
    background-color: rgba(92,92,92,0.1);
}
.program-default main.cert .after-tabs .eb-testimonial-slider.white blockquote:before {
    color: rgba(92,92,92,1);
}
.program-default main.cert .after-tabs .eb-media-slider.white h4 {
    color: rgba(92,92,92,1);
}
.program main.cert section#overview-snap .flags > div.competitive-program a:after,
.program main.cert section#overview-snap .flags > div.pgwp-eligible a:after {
    color: rgba(110,110,110,1);
}

/* Colour Code - 1 Year Graduate Certificate */
.program main.gradcert section#breadcrumbs {
    background: rgba(63,0,0,1);
    color: rgba(255,255,255,0.6);
}
  .program main.gradcert section#breadcrumbs a {
      color: rgba(255,255,255,0.6);
  }
  .program main.gradcert section#breadcrumbs a:after {
      color: rgba(255,255,255,0.4);
  }
.program main.gradcert section#overview-snap {
    background: rgba(79,0,0,1);
}
.program main.gradcert nav ul li.current {
    color: rgba(63,0,0,1) !important;
}
.program main.gradcert nav ul li:hover,
.program main.gradcert nav ul li:focus {
    background: rgba(63,0,0,0.5);
    color: #fff;
}
.program-default main.gradcert #tab-1 .lead {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .lorem a {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .lorem a.button {
    border-color: rgba(63,0,0,1);
}
.program-default main.gradcert #tab-1 .highlights-options .highlights h5 {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert #tab-1 .career-list h5:before {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .preferred .head {
    background: rgba(63,0,0,0.05);
}
.program-default main.gradcert .preferred .from h6:before {
    background: rgba(63,0,0,0.09);
    color: rgba(63,0,0,0.7);
}
.program-default main.gradcert .preferred ul li:before {
    color: rgba(63,0,0,0.5);
}
.program-default main.gradcert .preferred .into h6:after {
    background: rgba(63,0,0,0.09);
    color: rgba(63,0,0,0.7);
}
.program-default main.gradcert .preferred .foot {
    background: rgba(63,0,0,0.09);
}
.program-default main.gradcert .preferred .foot p a {
     color: rgba(63,0,0,1);
}
.program-default main.gradcert #tab-1 .career-list h4:before {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert #tab-1 .career-list ul li:before {
    color: rgba(63,0,0,0.5);
}
.program-default main.gradcert #tab-1 .career-list a.career-button i {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .lorem h1,
.program-default main.gradcert .lorem h2,
.program-default main.gradcert .lorem h3,
.program-default main.gradcert .lorem h4,
.program-default main.gradcert .admission-requirements .program-requirements h5 {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .lorem .colour-text {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .after-tabs .related-programs .related-programs-slider div a {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .after-tabs .related-programs .related-programs-slider div h5 {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .tab-container .curriculum .select-term select {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .tab-container .curriculum table tbody tr:nth-child(odd) {
    background: rgba(63,0,0,0.03);
}
.program-default main.gradcert .tab-container .curriculum table:not(.ce-program):not(.poi-elective-table) tbody tr:nth-child(2n){
    background: rgba(63,0,0,0.09);
}
.program-default main.gradcert .tab-container #nc-program-outcomes h5 {
    color: rgba(63,0,0,1);
}
.program-default main.gradcert .tab-container #nc-program-outcomes h5 span {
    background: rgba(63,0,0,0.1);
}
.program-default main.gradcert .tab-container ul.check li:before {
    color: rgba(63,0,0,0.6);
}
.program-default main.gradcert #tab-1 .highlights-options > div:nth-child(1) {
    background: rgba(63,0,0,0.05);
}
.program-default main.gradcert .eb-testimonial {
    background: rgba(63,0,0,1);
}
.program-default main.gradcert .after-tabs .eb-testimonial-slider.sb {
    background: rgba(79,0,0,1);
}
.program-default main.gradcert .eb-textbar {
    background: rgba(63,0,0,1);
}
.program main.gradcert .lorem.neg blockquote:before {
    background: rgba(63,0,0,1);
}
.program-default main.gradcert .after-tabs .eb-media-slider {
    background: rgba(63,0,0,1);
}
.program-default main.gradcert .pathways .pathways-default .col-1-3.borders > div:nth-child(1) h5 {
    color: #4F0000;
}
.program-default main.gradcert .tuition .scholarships h5 {
    color: #4F0000;
}
.program main.gradcert .lorem .panel {
    background: rgba(63,0,0,0.05);
}
.program-default main.gradcert .lorem a.button.white {
    border-color: #fff;
    color: #4F0000 !important;
}
.program-default main.gradcert .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before {
    color: #4F0000;
}
.program-default main.gradcert .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before {
    color: #4F0000;
}
.program-default main.gradcert .after-tabs .eb-testimonial-slider.white blockquote.has-img:before,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.slg blockquote.has-img:before {
    color: #4F0000;
}
.program-default main.gradcert .after-tabs .eb-testimonial-slider.white blockquote a.button:hover,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.white blockquote a.button:focus,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.white blockquote a.button:active,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.slg blockquote a.button:hover,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.slg blockquote a.button:focus,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.slg blockquote a.button:active {
    background-color: rgba(63,0,0,0.1);
}
.program-default main.gradcert .after-tabs .eb-testimonial-slider.white blockquote:before,
.program-default main.gradcert .after-tabs .eb-testimonial-slider.slg blockquote:before {
    color: #4F0000;
}
.program-default main.gradcert .after-tabs .eb-media-slider.white h4 {
    color: #4F0000;
}
.program main.gradcert section#overview-snap .flags > div.competitive-program a:after,
.program main.gradcert section#overview-snap .flags > div.pgwp-eligible a:after {
    color: rgba(79,0,0,1);
}

/* Colour Code - Other */
.program-default main.other .lorem a.button {
    border-color: #0077be;
  }

/* Colour Code - 2 Year Diploma */
.program-default main.dip .lorem a {
    color: #0077be;
}
.program-default main.dip .lorem a.button {
    border-color: #0077be;
  }
.program-default main.dip .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.dip .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before,
.program-default main.dip .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.dip .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before {
    color: #0077be;
}
.program-default main.dip .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.dip .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before,
.program-default main.dip .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.dip .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before  {
    color: #0077be;
}
.program-default main.dip .after-tabs .eb-testimonial-slider.white blockquote.has-img:before,
.program-default main.dip .after-tabs .eb-testimonial-slider.slg blockquote.has-img:before {
    color: #0077be;
}
.program-default main.dip .after-tabs .eb-testimonial-slider.white blockquote a.button:hover,
.program-default main.dip .after-tabs .eb-testimonial-slider.white blockquote a.button:focus,
.program-default main.dip .after-tabs .eb-testimonial-slider.white blockquote a.button:active,
.program-default main.dip .after-tabs .eb-testimonial-slider.slg blockquote a.button:hover,
.program-default main.dip .after-tabs .eb-testimonial-slider.slg blockquote a.button:focus,
.program-default main.dip .after-tabs .eb-testimonial-slider.slg blockquote a.button:active {
    background-color: rgba(0,119,190,0.1);
}
.program-default main.dip .after-tabs .eb-testimonial-slider.white blockquote:before,
.program-default main.dip .after-tabs .eb-testimonial-slider.slg blockquote:before {
    color: #0077be;
}
.program-default main.dip .after-tabs .eb-media-slider.white h4 {
    color: #0077be;
}
.program main.dip section#overview-snap .flags > div.competitive-program a:after,
.program main.dip section#overview-snap .flags > div.pgwp-eligible a:after {
    color: #0077be;
}

/* Colour Code - 3 Year Advanced Diploma */
.program main.adip section#breadcrumbs {
    background: #034166;
}
.program main.adip section#overview-snap {
    background: #00598e;
}
.program main.adip nav ul li.current {
    color: #00598e !important;
}
.program main.adip nav ul li:hover,
.program main.adip nav ul li:focus {
    background: rgba(0,89,142,0.5);
    color: #fff;
}
.program-default main.adip #tab-1 .lead {
    color: #00598e;
}
.program-default main.adip .lorem a {
    color: #00598e;
}
.program-default main.adip .lorem a.button {
    border-color: #00598e;
}
.program-default main.adip #tab-1 .highlights-options .highlights h5 {
    color: #00598e;
}
.program-default main.adip #tab-1 .career-list h5:before {
    color: #00598e;
 }
.program-default main.adip #tab-1 .highlights-options > div:nth-child(1) {
    background: rgba(0,89,142,0.05);
}
.program-default main.adip #tab-1 .career-list h4:before {
    color: #00598e;
}
.program-default main.adip #tab-1 .career-list ul li:before {
    color: rgba(0,89,142,0.5);
}
.program-default main.adip .lorem h1,
.program-default main.adip .lorem h2,
.program-default main.adip .lorem h3,
.program-default main.adip .lorem h4,
.program-default main.adip .admission-requirements .program-requirements h5 {
    color: #00598e;
}
.program-default main.adip .lorem .colour-text {
    color: #00598e;
}
.program-default main.adip .after-tabs .related-programs .related-programs-slider div a {
    color: #00598e;
}
.program-default main.adip .after-tabs .related-programs .related-programs-slider div h5 {
    color: #00598e;
}
.program-default main.adip .tab-container .curriculum .select-term select {
    color: #00598e;
}
.program-default main.adip .tab-container #nc-program-outcomes h5 {
    color: #00598e;
}
.program-default main.adip .tab-container ul.check li:before {
    color: rgba(0,89,142,0.6);
}
.program-default main.adip .eb-testimonial {
    background: #00598e;
}
.program-default main.adip .after-tabs .eb-testimonial-slider.sb {
    background: #00598e;
}
.program-default main.adip .eb-textbar {
    background: #00598e;
}
.program main.adip .lorem.neg blockquote:before {
    background: #00598e;
}
.program-default main.adip .after-tabs .eb-media-slider {
    background: #00598e;
}
.program main.adip .lorem .panel {
    background: rgba(0,89,142,0.05);
}
.program-default main.adip .lorem a.button.white {
    border-color: #fff;
    color: #00598e !important;
}
.program-default main.adip .preferred .head {
    background: rgba(0,89,142,0.08);
}
.program-default main.adip .preferred .from h6:before {
    background: rgba(0,89,142,0.08);
    color: rgba(0,89,142,0.8);
}
.program-default main.adip .preferred ul li:before {
    color: rgba(0,89,142,0.5);
}
.program-default main.adip .preferred .into h6:after {
    background: rgba(0,89,142,0.08);
    color: rgba(0,89,142,0.8);
}
.program-default main.adip .preferred .foot {
    background: rgba(0,89,142,0.08);
}
.program-default main.adip .preferred .foot p a {
    color: rgba(0,89,142,1);
}
.program-default main.adip .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.adip .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before,
.program-default main.adip .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.adip .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before {
    color: rgba(0,89,142,1);
}
.program-default main.adip .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.adip .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before,
.program-default main.adip .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.adip .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before {
    color: rgba(0,89,142,1);
}
.program-default main.adip .after-tabs .eb-testimonial-slider.white blockquote.has-img:before,
.program-default main.adip .after-tabs .eb-testimonial-slider.slg blockquote.has-img:before {
    color: rgba(0,89,142,1);
}
.program-default main.adip .after-tabs .eb-testimonial-slider.white blockquote a.button:hover,
.program-default main.adip .after-tabs .eb-testimonial-slider.white blockquote a.button:focus,
.program-default main.adip .after-tabs .eb-testimonial-slider.white blockquote a.button:active,
.program-default main.adip .after-tabs .eb-testimonial-slider.slg blockquote a.button:hover,
.program-default main.adip .after-tabs .eb-testimonial-slider.slg blockquote a.button:focus,
.program-default main.adip .after-tabs .eb-testimonial-slider.slg blockquote a.button:active {
    background-color: rgba(0,89,142,0.1);
}
.program-default main.adip .after-tabs .eb-testimonial-slider.white blockquote:before,
.program-default main.adip .after-tabs .eb-testimonial-slider.slg blockquote:before {
    color: rgba(0,89,142,1);
}
.program-default main.adip .after-tabs .eb-media-slider.white h4 {
    color: rgba(0,89,142,1);
}
.program main.adip section#overview-snap .flags > div.competitive-program a:after,
.program main.adip section#overview-snap .flags > div.pgwp-eligible a:after {
    color: #00598e;
}

/* Colour Code - PreAppren/Appren */
.program main.preappren section#breadcrumbs,
.program main.appren section#breadcrumbs {
    background: #015025;
    color: rgba(255,255,255,0.5);
}
  .program main.preappren section#breadcrumbs a,
  .program main.appren section#breadcrumbs a {
      color: rgba(255,255,255,0.5);
  }
  .program main.preappren section#breadcrumbs a:after,
  .program main.appren section#breadcrumbs a:after {
      color: rgba(255,255,255,0.4);
  }
.program main.preappren section#overview-snap,
.program main.appren section#overview-snap {
    background: rgba(1,96,44, 1);
}
.program main.preappren nav ul li.current,
.program main.appren nav ul li.current {
    color: rgba(1,96,44, 1) !important;
}
.program main.preappren nav ul li:hover,
.program main.preappren nav ul li:focus,
.program main.appren nav ul li:hover,
.program main.appren nav ul li:focus{
    background: rgba(1,96,44,0.5);
}
.program main.preappren nav ul li.current:hover,
.program main.preappren nav ul li.current:focus,
.program main.appren nav ul li.current:hover,
.program main.appren nav ul li.current:focus {
    background: #fff;
}
.program-default main.appren #tab-1 .career-list h5:before,
.program-default main.preappr #tab-1 .career-list h5:before {
    color: rgba(1,96,44,1);
}

.program-default main.preappren #tab-1 .lead,
.program-default main.appren #tab-1 .lead {
    color: rgba(1,96,44,1);
}
.program-default main.preappren .lorem a,
.program-default main.appren .lorem a {
    color: rgba(1,96,44,1);
}
.program-default main.preappren .lorem a.button,
.program-default main.appren .lorem a.button {
    border-color: rgba(1,96,44,1);
}
.program-default main.preappren #tab-1 .highlights-options .highlights h5,
.program-default main.appren #tab-1 .highlights-options .highlights h5 {
    color: rgba(1,96,44,1);
}
.program-default main.preappren #tab-1 .career-list h4:before,
.program-default main.appren #tab-1 .career-list h4:before {
    color: rgba(1,96,44,1);
}
.program-default main.preappren #tab-1 .career-list ul li:before,
.program-default main.appren #tab-1 .career-list ul li:before,
.program-default main.appren .lorem ul.checklist li:before,
.program-default main.preappren .lorem ul.checklist li:before {
  color: rgba(1,96,44,0.6);
}
.program-default main.preappren #tab-1 .career-list a.career-button i,
.program-default main.appren #tab-1 .career-list a.career-button i {
    color: rgba(1,96,44,1);
}
.program-default main.preappren .lorem h1,
.program-default main.appren .lorem h1,
.program-default main.preappren .lorem h2,
.program-default main.appren .lorem h2,
.program-default main.preappren .lorem h3,
.program-default main.appren .lorem h3,
.program-default main.preappren .lorem h4,
.program-default main.appren .lorem h4 {
    color: rgba(1,96,44,1);
}
.program-default main.preappren .lorem .colour-text,
.program-default main.appren .lorem .colour-text {
    color: rgba(1,96,44,1);
}
.program-default main.appren .benefits-of-apprenticeship {
    margin: 50px 0 0 0;
    padding: 35px;
    background: rgba(0,0,0,0.05);
}
  .program-default main.appren .benefits-of-apprenticeship strong {
      font-weight: 500;
      color: rgba(1,96,44,1);
  }
  .program-default main.appren .benefits-of-apprenticeship h4 {
      display: flex;
      font-size: 1.6rem;
      line-height: 2rem;
      margin: 0 0 20px 0;
  }
    .program-default main.appren .benefits-of-apprenticeship h4 i {
        margin: 0 10px 0 0;
        position: relative;
        top: 2px;
        opacity: 0.8;
    }
  .program-default main.appren .benefits-of-apprenticeship ul {
      margin-bottom: 0;
  }
  .program-default main.appren .benefits-of-apprenticeship ul li:last-child {
      margin-bottom: 0;
  }
.program-default main.preappren .after-tabs .related-programs .related-programs-slider div a,
.program-default main.appren .after-tabs .related-programs .related-programs-slider div a {
    color: rgba(1,96,44,1);
}
.program-default main.preappren .after-tabs .related-programs .related-programs-slider div h5,
.program-default main.appren .after-tabs .related-programs .related-programs-slider div h5 {
    color: rgba(1,96,44,1);
}
.program-default main.preappren .tab-container .curriculum .select-term select,
.program-default main.appren .tab-container .curriculum .select-term select {
    color: rgba(1,96,44, 1);
}
.program main.preappren .tab-container .curriculum table caption,
.program main.appren .tab-container .curriculum table caption {
    color: rgba(1,96,44, 1);
}
.program-default main.preappren .tab-container .curriculum table tbody tr:nth-child(odd),
.program-default main.appren .tab-container .curriculum table tbody tr:nth-child(odd) {
    background: rgba(1,96,44, 0.03);
}
.program-default main.preappren .tab-container .curriculum table tbody tr:nth-child(even),
.program-default main.appren .tab-container .curriculum table tbody tr:nth-child(even) {
    background: rgba(1,96,44, 0.09);
}
.program-default main.preappren .tab-container #nc-program-outcomes h5,
.program-default main.appren .tab-container #nc-program-outcomes h5 {
    color: rgba(1,96,44, 1);
}
.program-default main.preappren .tab-container #nc-program-outcomes h5 span,
.program-default main.appren .tab-container #nc-program-outcomes h5 span {
    background: rgba(1,96,44, 0.1);
}
.program-default main.preappren .tab-container ul.check li:before,
.program-default main.appren .tab-container ul.check li:before {
    color: rgba(1,96,44, 0.6);
}
.program-default main.preappren #tab-1 .highlights-options > div:nth-child(1),
.program-default main.appren #tab-1 .highlights-options > div:nth-child(1) {
    background: rgba(1,96,44, 0.05);
}
.program-default main.preappren .eb-testimonial,
.program-default main.appren .eb-testimonial {
    background: rgba(1,96,44, 1);
}
.program-default main.preappren .after-tabs .eb-testimonial-slider.sb,
.program-default main.appren .after-tabs .eb-testimonial-slider.sb {
    background: rgba(1,96,44, 1);
}
.program-default main.preappren .eb-textbar,
.program-default main.appren .eb-textbar {
    background: rgba(1,96,44, 1);
}
.program main.preappren .lorem.neg blockquote:before,
.program main.appren .lorem.neg blockquote:before {
    background: rgba(1,96,44, 1);
}
.program-default main.preappren .after-tabs .eb-media-slider,
.program-default main.appren .after-tabs .eb-media-slider {
    background: rgba(1,96,44, 1);
}
.program-default main.preappren .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.preappren .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before,
.program-default main.preappren .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.preappren .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:hover:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__previous:focus:before {
    color: rgba(1,96,44, 1);
}
.program-default main.preappren .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.preappren .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.white .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before,
program-default main.preappren .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.preappren .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:hover:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.slg .testimonial-carrousel__button__button.js-carrousel__button__next:focus:before  {
    color: rgba(1,96,44, 1);
}
.program-default main.preappren .after-tabs .eb-testimonial-slider.white blockquote.has-img:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.white blockquote.has-img:before,
.program-default main.preappren .after-tabs .eb-testimonial-slider.slg blockquote.has-img:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.slg blockquote.has-img:before {
    color: rgba(1,96,44, 1);
}
.program-default main.preappren .after-tabs .eb-testimonial-slider.white blockquote a.button:hover,
.program-default main.preappren .after-tabs .eb-testimonial-slider.white blockquote a.button:focus,
.program-default main.preappren .after-tabs .eb-testimonial-slider.white blockquote a.button:active,
.program-default main.appren .after-tabs .eb-testimonial-slider.white blockquote a.button:hover,
.program-default main.appren .after-tabs .eb-testimonial-slider.white blockquote a.button:focus,
.program-default main.appren .after-tabs .eb-testimonial-slider.white blockquote a.button:active,
.program-default main.preappren .after-tabs .eb-testimonial-slider.slg blockquote a.button:hover,
.program-default main.preappren .after-tabs .eb-testimonial-slider.slg blockquote a.button:focus,
.program-default main.preappren .after-tabs .eb-testimonial-slider.slg blockquote a.button:active,
.program-default main.appren .after-tabs .eb-testimonial-slider.slg blockquote a.button:hover,
.program-default main.appren .after-tabs .eb-testimonial-slider.slg blockquote a.button:focus,
.program-default main.appren .after-tabs .eb-testimonial-slider.slg blockquote a.button:active {
    background-color: rgba(1,96,44, 0.1);
}
.program-default main.preappren .after-tabs .eb-testimonial-slider.white blockquote:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.white blockquote:before,
.program-default main.preappren .after-tabs .eb-testimonial-slider.slg blockquote:before,
.program-default main.appren .after-tabs .eb-testimonial-slider.slg blockquote:before {
    color: rgba(1,96,44, 1);
}
.program-default main.preappren .after-tabs .eb-media-slider.white h4,
.program-default main.appren .after-tabs .eb-media-slider.white h4  {
    color: rgba(1,96,44, 1);
}

/*--- Default Textblock Styling - After Tabs ---*/

/* Related Programs */
.program-default main .after-tabs .related-programs h4 {
   font-size: 1.95rem;
   color: rgba(0,0,0,0.9);
   margin: 0 0 45px 0;
   font-weight: 600;
}

/* Related Programs - Slider */
.program-default main .related-programs-slider {
    padding: 0 25px 0 30px;
    list-style-type: none;
}
  .program-default main .related-programs-slider .related-programs-slide {
      margin: 0 15px;
      text-align: center;
  }
    .program-default main .after-tabs .related-programs .related-programs-slider div img {
        margin: 0 0 20px 0;
        max-width: 100%;
    }
    .program-default main .after-tabs .related-programs .related-programs-slider div a {
        color: #0077be;
    }
      .program-default main .after-tabs .related-programs .related-programs-slider div a:hover h5,
      .program-default main .after-tabs .related-programs .related-programs-slider div a:focus h5 {
          text-decoration: none;
          color: #000;
      }
    .program-default main .after-tabs .related-programs .related-programs-slider div h5 {
        font-size: 1.3rem;
        line-height: 1.8rem;
        color: #0077be;
        font-weight: 600;
    }
    .program-default main .after-tabs .related-programs .related-programs-slider div p {
        border: solid 1px rgba(0,0,0,0.2);
        border-radius: 4px;
        padding: 13px 15px;
        text-align: left;
        font-size: 0.9rem;
        line-height: 1.25rem;
        margin: 1rem 1rem 0 1rem;
    }
      .program-default main .after-tabs .related-programs .related-programs-slider div p.stylize {
          border-radius: 3px;
          border: none;
          background: rgba(0,0,0,0.06);
          text-align: center;
          font-weight: 600;
          font-size: 0.85rem;
          margin: 17px 0 0 0;
          padding: 8px 15px;
          display: inline-block;
          color: rgba(0,0,0,0.7);
      }
  .program-default main .related-programs-slider .slick-prev {
      left: 0;
  }
  .program-default main .related-programs-slider .slick-next {
      right: 0;
  }
  .program-default main .related-programs-slider button.slick-prev:before,
  .program-default main .related-programs-slider button.slick-next:before {
      color: rgba(0,0,0,0.3);
      font-size: 25px;
  }
  .program-default main .related-programs-slider .slick-prev,
  .program-default main .related-programs-slider .slick-next {
      top: 82px;
  }

/* Default Text Styling -- All Tabs (Negative) */
.program main .lorem.neg {
    color: #fff;
}
.program main .lorem.neg h1,
.program main .lorem.neg h2,
.program main .lorem.neg h3,
.program main .lorem.neg h4,
.program main .lorem.neg h5 {
    color: #fff;
}
.program main .lorem.neg h6 {
    color: rgba(255,255,255,0.9);
}
.program main .lorem.neg a {
    color: #fff;
}
.program main .lorem.neg hr {
    background: rgba(255,255,255,0.4);
}
.program main .lorem.neg p.small,
.program main .lorem.neg li.small {
    color: rgba(255,255,255,0.65);
}
.program main .lorem.neg table th {
    background: rgba(0,0,0,0.3);
    border: solid 1px rgba(0,0,0,0.1);
}
.program main .lorem.neg table tr:nth-child(odd) {
    background: rgba(255,255,255,0.07);
}
.program main .lorem.neg table td {
    border: solid 1px rgba(0,0,0,0.1);
}
.program main .lorem.neg a.button {
    border-color: #fff;
}
.program main .lorem.neg a.button:hover,
.program main .lorem.neg a.button:focus {
    background: rgba(255,255,255,0.1);
}
.program main .lorem.neg .panel {
    background: rgba(255,255,255,0.1);
}
.program main .lorem.neg blockquote {
    border: solid 2px rgba(255,255,255,0.3);
    color: #fff;
}
.program main .lorem.neg blockquote:before {
    background: #0077be;
    color: #fff;
}
.program main .lorem.neg ul.checklist li:before {
   color: rgba(255,255,255,0.8);
}

/* No title (used on overview panel text blocks) */
.program main .lorem .no-title > *:first-child {
    margin-top: 0;
}

/* Sidebar (used on any tab that requires a sidebar-appearing column) */
.program main .lorem .sidebar h1,
.program main .lorem .sidebar h2,
.program main .lorem .sidebar h3,
.program main .lorem .sidebar h4,
.program main .lorem .sidebar h5 {
    font-size: 1.35rem;
    line-height: 1.7rem;
    color: rgba(0,0,0,0.65);
}
.program main .lorem .sidebar h6 {
    font-size: 1.2rem;
    line-height: 1.55rem;
    color: rgba(0,0,0,0.6);
}
.program main .lorem .sidebar blockquote {
  width: 100%;
}
  .program main .lorem .sidebar .panel {
      padding: 1.25rem;
      margin: 1.75rem 0;
  }
  .program main .lorem .sidebar .panel > *:first-child {
      margin-top: 0;
  }
.program main .lorem .sidebar.right {
    border-left: solid 2px rgba(0,0,0,0.08);
    padding: 0 0 0 2rem;
}
.program main .lorem .sidebar.left {
    border-right: solid 2px rgba(0,0,0,0.08);
    padding: 0 2rem 0 0;
}

/* After Tab Bars - Colours */
.program main .sb {
  background: #0077be;
}
.program main .slg {
  background: #eaeaea !important;
}
  .program main .lorem.slg blockquote:before {
      background: #f1f1f1;
  }
  .program main .lorem.slg table th {
    background: #fff;
  }
  .program main .lorem.slg table td {
      border: solid 1px rgba(255,255,255,0.6);
  }
  .program main .lorem.slg table tr:nth-child(2n+1) {
      background: rgba(0,0,0,0.05);
  }
.program main .sdg {
  background: #383838 !important;
}
  .program main .lorem.sdg blockquote:before {
    background: #383838;
  }
.program main .sw {
  background: #fff;
}

/* Toronto School of Management - TSoM */
.program .banner.tsom .overview .lead {
    margin-top: 25px;
    font-size: 1.55rem;
    line-height: 2rem;
}
.program .banner.tsom .tsom-tag {
    margin: 30px 0 0 0;
    background: rgba(0,0,0,0.15);
    display: inline-block;
    padding: 10px;
}
.banner.tsom .filter.black {
    background: rgba(0,0,0,0.35);
}
.tsom-bar {
    background: rgba(0,0,0,0.08);
}
	.tsom-bar .r {
	    padding-top: 70px !important;
	    padding-bottom: 70px !important;
	}
		.tsom-bar h4 {
		    color: #0077be;
		    margin: 5px 0 15px 0;
		    font-size: 1.3rem;
		    line-height: 1.7rem;
		}
		.tsom-bar p {
		    font-size: 1rem;
		    line-height: 1.5rem;
		}
		.tsom-bar a {
		    color: #0077be;
		}
			.tsom-bar a:hover,
			.tsom-bar a:focus {
			    color: #000;
			    text-decoration: none;
			}
.program-default main .pathways.tsom h6 {
    margin-top: 0;
}
footer.footer.tsom .inquiries {
    border: none;
    padding: 0;
    margin: 0;
}
	footer.footer.tsom .inquiries p {
	    margin: 0 0 0 56px;
	    font-size: 0.95rem;
	    line-height: 1.3rem;
	    color: rgba(255,255,255,0.8);
	    display: block;
	}
	footer.footer.tsom .loc {
	    margin: 0 0 0 52px;
	}

/* Swiftype - Supplement */
.autocomplete h4.ncstau-heading {
    font-size: 0.85rem;
    line-height: 1.15rem;
    font-weight: 500;
}
.autocomplete span.ncstau-school,
.autocomplete span.ncstau-code,
.autocomplete p.ncstau-desc,
.autocomplete span.ncstau-term {
   font-size: 0.8rem;
}
.autocomplete .result a {
    text-decoration: none;
}
.autocomplete ul li h3 {
    font-size: 0.85rem;
    line-height: 1;
    padding-top: 6px;
    padding-bottom: 6px;
}
.autocomplete a.ncstau-view-all-results, .autocomplete div.ncstau-no-results {
    text-decoration: none;
}

/*---------------------------------------*\
    COMMON FOOTERS
\*---------------------------------------*/

footer.footer {
    background: #00164D;
    padding: 95px 0 85px;
}
footer.footer,
footer.footer a {
    color: rgba(255,255,255,0.9);
}

footer.footer .inquiries {
    border-bottom: solid 2px rgba(255,255,255,0.2);
    padding: 0 0 3rem 0;
    margin: 0 0 3rem 0;
}
  footer.footer .inquiries .domestic h3,
  footer.footer .inquiries .international h3 {
    color: #fff;
    font-size: 1.3rem;
    line-height: 1.45rem;
    margin: 0 0 1.35rem 0;
    position: relative;
    padding: 0 0 0 56px;
    font-weight: 600;
  }
    footer.footer .inquiries h3:before {
        display: block;
        height: 43px;
        width: 43px;
        padding: 9px;
        background: #0077be;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: -11px;
    }
      footer.footer .inquiries .domestic h3:before {
          content: url("../img/icons/maple-leaf-with-pin-icon.svg");
      }
      footer.footer .inquiries .international h3:before {
          content: url("../img/icons/globe-with-pin-icon.svg");
      }
footer.footer .inquiries ul {
    list-style-type: none;
    margin: 0 0 0 56px;
}
    footer.footer .inquiries ul li {
        position: relative;
        padding: 0 0 0 1.5rem;
        margin: 12px 0;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4rem;
   }
    footer.footer .inquiries ul li:last-child { margin-bottom: 0; }
    footer.footer .inquiries ul li:before {
        position: absolute;
        left: 0;
        color: rgba(255,255,255,0.6);
    }
      footer.footer .inquiries ul li.ph:before {
          content: "\f3cd";
          font-family: "font awesome 6 Free";
          font-weight: 900;
          font-size: 1.1rem;
          top: -1px;
      }
      footer.footer .inquiries ul li.e:before {
          content: "\f0e0";
          font-family: "font awesome 6 Free";
          font-weight: 900;
          left: -5px;
          top: -1px;
          font-size: 1rem;
      }
footer.footer .accessibility h3 {
    margin: 0 0 0.75rem 0;
}
footer.footer .accessibility p {
    font-size: 0.9rem;
    line-height: 1.4rem;
    font-weight: 400;
}
footer.footer .locations h3 {
    position: relative;
    padding: 0 0 0 48px;
    margin: 0 0 1.5rem 0;
    font-weight: 500;
    font-size: 1.25rem;
    color: #fff;
    font-weight: 600;
}
  footer.footer .locations h3:before {
      font-family: "font awesome 6 Free";
      font-weight: 900;
      content: "\f3c5";
      width: 37px;
      height: 37px;
      background: rgba(64,165,226,0.3);
      display: block;
      text-align: center;
      font-size: 1.1rem;
      line-height: 2.3rem;
      border-radius: 50%;
      position: absolute;
      left: 2px;
      top: -8px;
			padding: 0;
  }
footer.footer .locations .locations-i {
    margin: 0 0 0 49px;
}
    footer.footer .locations .locations-i .loc h4 {
        font-size: 1rem;
        line-height: 1.5rem;
        margin: 0 0 10px 0;
        font-weight: 600;
    }
    footer.footer .locations .locations-i .loc h4 a { color: #fff; }
    footer.footer .locations .locations-i .loc address {
        font-style: normal;
        font-size: 0.9rem;
        line-height: 1.4rem;
        margin: 0 0 10px 0;
        font-weight: 400;
    }
footer.footer .locations .locations-i .loc ul {
    list-style-type: none;
    display: flex;
}
  footer.footer .locations .locations-i .loc ul li {
      margin: 0 0.5rem 0 0;
      padding: 0 0.5rem 0 1px;
      border-right: solid 2px rgba(255,255,255,0.2);
      font-size: 0.85rem;
  }
    footer.footer .locations .locations-i .loc ul li:last-child {
        border: none;
        padding: 0;
        margin: 0;
    }
    footer.footer .locations .locations-i .loc ul li a {
        color: rgba(255,255,255,0.6);
    }
footer.footer .locations .locations-i .social {
    overflow: auto;
}
    footer.footer .locations .locations-i .social ul {
        list-style-type: none;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 6px;
        grid-row-gap: 9px;
    }
    footer.footer .locations .locations-i .social ul li {
        display: inline-block;
        margin: 0;
    }
        footer.footer .locations .locations-i .social ul li a {
            width: 40px;
            height: 40px;
            border: solid 1px #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease-in-out;
            text-decoration: none;
        }
        footer.footer .locations .locations-i .social ul li a span {
            clip: rect(1px, 1px, 1px, 1px);
            height: 1px !important;
            width: 1px !important;
            margin: 0 !important;
            overflow: hidden !important;
            position: absolute;
        }
        footer.footer .locations .locations-i .social ul li a:hover,
        footer.footer .locations .locations-i .social ul li a:focus {
            background: #fff;
        }
        footer.footer .locations .locations-i .social ul li a:before {
            font-family: "font awesome 6 Brands";
            font-weight: 400;
            font-size: 1.1rem;
            color: rgba(255,255,255,0.8);
            transition: color ease-in-out 0.2s;
        }
        footer.footer .locations .locations-i .social ul li.x a:before {
            content: "\e61b";
        }
        footer.footer .locations .locations-i .social ul li.fb a:before {
            content: "\f39e";
        }
        footer.footer .locations .locations-i .social ul li.tw a:before {
            content: "\f099";
        }
        footer.footer .locations .locations-i .social ul li.in a:before {
            content: "\f16d";
        }
        footer.footer .locations .locations-i .social ul li.li a:before {
            content: "\f0e1";
        }
        footer.footer .locations .locations-i .social ul li.yt a:before {
            content: "\f167";
        }
        footer.footer .locations .locations-i .social ul li.tt a:before {
            content: "\e07b";
        }
        footer.footer .locations .locations-i .social ul li.x a:hover:before,
        footer.footer .locations .locations-i .social ul li.x a:focus:before {
            color: #000;
        }
        footer.footer .locations .locations-i .social ul li.fb a:hover:before,
        footer.footer .locations .locations-i .social ul li.fb a:focus:before {
            color: #3c5a99;
        }
        footer.footer .locations .locations-i .social ul li.tw a:hover:before,
        footer.footer .locations .locations-i .social ul li.tw a:focus:before {
            content: "\f099";
            color: #1DA1F3;
        }
        footer.footer .locations .locations-i .social ul li.in a:hover:before,
        footer.footer .locations .locations-i .social ul li.in a:focus:before {
            content: "\f16d";
            color: #C13584;
        }
        footer.footer .locations .locations-i .social ul li.li a:hover:before,
        footer.footer .locations .locations-i .social ul li.li a:focus:before {
            content: "\f0e1";
            color: #0077b5;
        }
        footer.footer .locations .locations-i .social ul li.yt a:hover:before,
        footer.footer .locations .locations-i .social ul li.yt a:focus:before {
            content: "\f167";
            color: #FF0000;
        }
        footer.footer .locations .locations-i .social ul li.tt a:hover:before,
        footer.footer .locations .locations-i .social ul li.tt a:focus:before {
            content: "\e07b";
            color: #66C3CA;
        }
        footer.footer .social .nclife {
            display: grid;
            grid-template-columns: 1fr 180px;
            grid-column-gap: 18px;
        }
        footer.footer .social .nclife a img {
            max-width: 100%;
        }
        @media only screen and (min-width: 960px) and (max-width: 1200px) {
    

            footer.footer .social .nclife {
                display: grid;
                grid-template-columns: 1fr;
            }
            footer.footer .locations .locations-i .social ul {
                grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
                grid-column-gap: 5px;
            }
            footer.footer .social .nclife div { 
                margin: 22px 0 0 0;
                text-align: right;
            }
            footer.footer .social .nclife div img {
                width: 190px;
            }
            
        }
        @media only screen and (min-width: 0) and (max-width: 959px) {
        
            footer.footer .locations .locations-i .social {
                width: 25rem !important;
                margin-top: 15px;
            }
            footer.footer .locations .locations-i .social ul {
                margin: 0 !important;
            }
            footer.footer .locations .locations-i .social ul li {
                margin: 0 !important;
            }
            footer.footer .social .nclife {
                grid-column-gap: 15px !important;
                grid-template-columns: 0.8fr 210px !important;
            }
            footer.footer .social .nclife  > div {
                display: flex !important;
                align-items: center !important;
            }
            #footer-land-acknowledgement .why-la {
                margin: 30px 0 0 0 !important;
                text-align: unset !important;
              }
            
        }
#footer-land-acknowledgement {
    background: #000c2b;
    padding: 75px 0 70px;
}
    #footer-land-acknowledgement p {
        color: rgba(255,255,255,0.9);
        font-size: 0.95rem;
        line-height: 1.7rem;
        text-align: justify;
        font-weight: 400;
    }
  #footer-land-acknowledgement .why-la {
      margin: 22px 0 5px 0;
      text-align: right;
  }
    #footer-land-acknowledgement .why-la a {
        background: rgba(255,255,255,0.15);
        color: rgba(255,255,255,0.9);
        padding: 15px 18px 15px 40px;
        border-radius: 8px;
        font-size: 0.9rem;
        line-height: 1.1rem;
        font-weight: 400;
        position: relative;
        transition: all 0.3s ease-in-out;
        text-decoration: none;
        display: inline-block;
    }
    #footer-land-acknowledgement .why-la a:before {
        position: absolute;
        content: "\f05a";
        font-family: "font awesome 6 Free";
        font-weight: 900;
        left: 18px;
        font-style: normal;
    }
    #footer-land-acknowledgement .why-la a:hover,
    #footer-land-acknowledgement .why-la a:focus {
        background: rgba(255,255,255,0.2);
        text-decoration: underline;
    }

footer.footer-lower {
    padding: 20px 0;
    font-weight: 400;
}
  footer.footer-lower .r {
      display: flex;
  }
  footer.footer-lower .r .copy {
      font-size: 0.95rem;
      color: rgba(0,0,0,0.8);
  }
  footer.footer-lower .r .links {
      border-left: solid 3px rgba(0,0,0,0.15);
      padding: 0 0 0 1.5rem;
      margin: 0 0 0 1.5rem;

  }
      footer.footer-lower .r .links ul {
          list-style-type: none;
          display: flex;
          position: relative;
          top: -1px;
      }
          footer.footer-lower .r .links ul li {
              margin: 0 0.75rem 0 0;
          }
              footer.footer-lower .r .links ul li a {
                  font-size: 0.9rem;
                  color: #00164d;
              }
                  footer.footer-lower a.post-edit-link  {
                      margin: 0 !important;
                      text-transform: uppercase;
                  }

/*-----------------------------------*\
    404 ERROR PAGE
\*-----------------------------------*/

.error404 .wrapper main {
    padding: 100px 0 120px;
}
.error404 .wrapper main h3 {
    margin-top: 0;
    font-size: 2.3em;
}
   .error404 .wrapper main h3 i {
       color: rgba(0,0,0,0.4);
       font-size: 2.1rem;
       position: relative;
       bottom: 1px;
       margin: 0 5px 0 0;
   }
.error404 main .info {
    background: rgba(0,0,0,0.07);
    border-radius: 6px;
    padding: 30px 30px;
    margin: 50px 0 0 0;
}
   .error404 main .info h4 {
       margin: 0;
       color: rgba(0,0,0,0.8);
   }
.error404 .wrapper main ul,
.error404 .wrapper main ul li:last-child {
    margin-bottom: 0;
}
.error404 main .info h5 {
    color: rgba(0,0,0,0.6);
    font-size: 1.3em;
    line-height: 1.4em;
}
   .error404 main .info h5 i {
       font-size: 1.2rem;
       margin: 0 3px 0 0;
       position: relative;
       bottom: 1px;
   }
.error404 main .info .search-box form {
    display: flex;
}
   .error404 main .info .search-box input#st-search-input-alt {
       padding: 12px 20px;
       font-size: 1.1em;
       border-radius: 4px;
   }
   .error404 main .info .search-box button {
       margin: 0 0 0 13px;
       background: #0077be;
       color: #fff;
       border: none;
       border-radius: 50px;
       padding: 15px 35px;
       transition: all 0.3s ease-in-out;
   }
      .error404 main .info .search-box button:hover,
      .error404 main .info .search-box button:focus {
          background: rgba(0,119,190,0.15);
          color: #0077be;
      }

/*---------------------------------------*\
    COMMON FIXES
\*---------------------------------------*/

/* In this location to ensure they cascade. Corrections to fix margining and spacing issues
/* for shortcodes where extra p tags are applied. */

.lorem .alert p:first-child,
.lorem .panel p:first-child,
.lorem .callout p:first-child,
.lorem .alert p:first-child + h1,
.lorem .panel p:first-child + h1,
.lorem .callout p:first-child + h1,
.lorem .alert p:first-child + h2,
.lorem .panel p:first-child + h2,
.lorem .callout p:first-child + h2,
.lorem .alert p:first-child + h3,
.lorem .panel p:first-child + h3,
.lorem .callout p:first-child + h3,
.lorem .alert p:first-child + h4,
.lorem .panel p:first-child + h4,
.lorem .callout p:first-child + h4,
.lorem .alert p:first-child + h5,
.lorem .panel p:first-child + h5,
.lorem .callout p:first-child + h5,
.lorem .alert p:first-child + h6,
.lorem .panel p:first-child + h6,
.lorem .callout p:first-child + h6,
.lorem .panel *:first-child,
.lorem .alert *:first-child,
.lorem .callout *:first-child {
    margin-top: 0 !important;
}
.lorem .alert p:empty,
.lorem .panel p:empty {
    display: none;
}
.lorem .alert p:nth-last-child(2),
.lorem .panel p:nth-last-child(2),
.lorem .alert *:last-child,
.lorem .panel *:last-child  {
    margin-bottom: 0;
}
.lorem .alert p:first-child:empty ~ p {
    margin-top: 0;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* Invisiskip - Over Mobile Breakpoint Only */
@media only screen and (min-width: 959px) {

    a.invisiskip {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px !important;
        width: 1px !important;
        margin: 0 !important;
        overflow: hidden !important;
        position: absolute;
    }
    a.invisiskip:focus {
        clip: unset;
        height: auto !important;
        width: 100% !important;
        margin: 10px 0 !important;
        overflow: show !important;
        position: relative;
        z-index: 200;
        display: block;
        text-align: center;
    }
    a.invisiskip:focus span {
      font-size: 0.95em;
      display: inline-block;
      background: #000;
      color: #fff;
      text-transform: uppercase;
      font-weight: 700;
      padding: 8px 20px;
      border-radius: 3px;
    }
    a.invisiskip.neg:focus span {
       background: #fff;
       color: #000 !important;
    }

   .school-page .school-title-bar a.invisiskip {
       margin: 0 !important;
       display: inline-block;
       width: auto !important;
       float: right;
       position: relative;
       top: -25px;
   }


}

/* Large mobile breakpoint */
@media only screen and (max-width: 959px) {

   a.invisiskip {
      display: none;
   }

  /* Collapse restricts */
   .r.collapse {
    padding: 0;
   }

  /* General */
  .col-1,
  .col-1-1,
  .col-1-2,
  .col-1-3,
  .col-1-4,
	.col-1-5,
	.col-4-1,
	.col-5-1,
  .col-3-1,
  .col-3-2,
  .col-2-3,
  .col-3-2,
  .col-2-1-1,
  .col-1-1-1,
  .col-1-1-1-1,
  .col-1-1-5 {
      display: grid;
      grid-template-columns: 1fr;
      grid-row-gap: 25px;
  }
   .lorem .alert.red:before,
   .lorem .alert.orange:before {
      content: none;
   }
   .lorem .alert {
      padding: 15px !important;
   }

   .iziModal {
      z-index: 2500 !important; /* put it over the NC bar */
   }

    /* ----------------- */
   /* -- SCHOOL HOME -- */
  /* ------------------*/

  .school-page .wrapper {
    margin: 132px 0 0 0;
  }

  .home .banner {
      height: auto;
  }
  .homepage main section {
    padding: 55px 0;
  }
  .home .banner .overview {
      height: auto;
      display: block;
  }
   .home .banner .overview-i .lead {
      margin: 0 !important;
  }
   .home .banner .overview {
      padding: 100px 0 165px;
      margin: 0;
   }
   .home .banner .banner-image {
      height: 100% !important;
   }

  /* Secondary Navigation */
  .homepage .secondary-school-navigation.desktop { display: none; }
  .homepage .secondary-school-navigation.mobile { display: block; }
  .homepage .secondary-school-navigation {
      background: #848484;
      position: unset;
  }
  .homepage .secondary-school-navigation.sticky {
      position: unset; /* unsticky on scroll when on mobile */
  }
  .homepage .secondary-school-navigation ul li a {
      border-radius: 0;
      padding: 1rem 0.75rem;
      background: none;
      font-size: 0.85rem;
  }

  /* School Title Bar */
  .homepage .school-navigation.sticky {
    top: 139px !important;
  }
  .homepage .school-navigation .r {
    padding: 0;
}
  .homepage .mobile-school-title.sticky {
      position: fixed;
      top: 74px;
      width: 100%;
      z-index: 1000;
      background: #143a88;
      width: 100%;
      padding: 22px 20px;
      display: block;
  }
    .homepage .mobile-school-title.sticky h2 a {
        color: rgba(255,255,255,1);
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.3rem;
        position: relative;
        padding: 0 0 0 28px;
        text-decoration: none;
        display: block;
    }
     .homepage .mobile-school-title.sticky h2 a:before {
          content: "\f015";
          font-family: "font awesome 6 Free";
          font-weight: 900;
          font-size: 0.8rem;
          position: absolute;
          left: 0;
      }
   .homepage .banner .overview-i h2 span.before {
     font-size: 1.8rem;
   }
   .homepage .banner .overview-i h2 {
     font-size: 2.85rem;
     line-height: 3.2rem;
   }

   /* School Navigation - Subpages */
   .page-template-default .school-navigation .r {
        padding: 0;
    }

  /* Intro Block */
   .homepage .banner .overview-i .location {
        font-size: 0.9rem;
    }
  .homepage main section.you-can .intro-sentence h2 {
      margin: 0 0 0.75rem 0;
      font-size: 1.8em;
      line-height: 1.3em;
  }
  .homepage main section.you-can .social-icons {
      margin: 1.5rem 0 0 0;
  }
  .homepage main section.you-can .social-icons a {
      display: inline-block;
      margin: 0 0.5rem 0 0;
  }
  .homepage main section.you-can a.insta {
      float: none;
      position: relative;
      top: 3px;
      height: 40px;
  }
  .homepage main section.you-can a.insta:before {
      left: 0;
  }

  /* Blue School Info Block */
  .home main section.about > .r {
      column-count: unset;
  }

  /* Headings */
  .home main section.programs h2,
  .home main section.flexible-programs h2 {
      font-size: 2.2rem;
      line-height: 2.3rem;
  }
  .home main section.flexible-programs h3 {
      font-size: 1.7rem;
  }
  .home main section.facilities h2 {
      font-size: 2.2rem;
      margin: 0 0 1.75rem 0;
  }
  .home main section.news h2 {
      font-size: 2.2rem;
  }
  .home main section.news .post h3 {
      font-size: 1.35rem;
  }
  .home main section .lorem h1:first-child,
  .home main section .lorem h2:first-child {
      font-size: 2.2rem;
  }
  .home main .lorem h1,
  .home main .lorem h2 {
      font-size: 2.2rem;
  }
  .home main .lorem h3 {
      font-size: 2rem;
  }
  .home main .lorem h4 {
      font-size: 1.8rem;
  }
  .home main .lorem h5 {
      font-size: 1.6rem;
  }
  .home main .lorem h6 {
      font-size: 1.32rem;
  }

  /* Program grids */
  .home main section.programs .col-1-1-1,
  .home main section.flexible-programs .col-1-1-1 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 20px;
      grid-row-gap: 20px;
  }
  .home main section.programs .program h3 {
      font-size: 1.1rem;
      line-height: 1.4rem;
  }
  .home main section.programs .program .cred-length .cred {
      border: none;
      margin: 0 0 0.25rem 0;
  }
  .home main section.programs .program .cred-length .length {
      display: block;
  }
  .home main section.programs a.button {
      display: block;
      font-size: 1rem;
  }

  /* Virtual Information Sessions Bar */
  section#vais {
      text-align: center;
  }
  section#vais img {
      width: 60%;
  }
  section#vais h3 {
      display: inline-block;
      margin: 20px 0 0;
  }

  /* Facilities */
  .home main section.facilities .gallery {
      padding: 0;
      margin: 2rem 0 0 0;
  }

   /* Navigation (Max Mega Menu) */
   /* Built in CSS editor gets confused by media queries */

   #mega-menu-school-menu > li.mega-menu-item > a.mega-menu-link {
      line-height: inherit;
      height: inherit;
      padding: 12px 20px;
      font-size: 1.05rem;
	}
	#mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		padding: 0;
	}
    #mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
       padding: 0;
    }
	#mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-school-menu #mega-menu-school-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
		font-size: 15px;
		padding: 10px 20px;
	}
   .mega-current-menu-item a.mega-menu-link {
        background: #fff;
        color: #0077be;
        font-weight: 600;
   }

    /* ------------- */
   /* -- PROGRAM -- */
  /* --------------*/

   .program .school-title-bar {
      position: absolute;
      z-index: 1000;
      top: 75px;
   }
   .program .banner .overview {
      top: 0;
      height: 100vh;
   }
   .program main section#breadcrumbs,
   .program .banner .overview-i .flags {
      display: none;
   }
   .program section#overview-snap .r.details {
      grid-template-columns: 1fr;
      grid-gap: 15px;
   }
   .program section#overview-snap .r.details .extras {
        margin: 10px 0 0;
    }
    .program section#overview-snap .extras a:hover,
    .program section#overview-snap .extras a:focus {
        transform: none;
    }
   .program section#overview-snap h4 {
        margin: 0 0 25px;
        color: #fff;
    }
    .program section#overview-snap ul li {
        font-size: 1rem;
        color: #fff;
    }
   .program section#overview-snap ul li span {
        font-size: 1rem;
        text-transform: none;
        line-height: 1.2;
   }
   .program section#overview-snap > div.details > div:nth-child(1) {
        display: block;
    }
    .program section#overview-snap .flags {
        display: block;
        margin: 30px 0 0 0;
    }
    .program section#overview-snap .flags > div.competitive-program,
    .program section#overview-snap .flags > div.pgwp-eligible {
        margin: 0;
    }
    .program section#overview-snap .flags > div:not(.competitive-program,.pgwp-eligible) {
        margin: 10px 0;
    }
    .program section#overview-snap .flags > div:not(.competitive-program,.pgwp-eligible) > span {
        margin: 0 auto;
    }
  .program section#overview-snap .extras a {
          font-size: 0.95rem;
          line-height: 1.2rem;
      }
      .program section#overview-snap .extras a span {
          text-align: left;
      }
      .program #modal-questions .extra-info > div,
      .program #modal-tours .extra-info > div {
          grid-template-columns: 1fr;
          grid-row-gap: 15px;
      }
  .program main .lorem blockquote {
      width: 100%;
  }
  .program .school-title-bar .r {
      width: 100%;
      /*padding: 0;*/
  }
  .program-navigation.sticky {
      position: fixed;
      top: 75px;
      width: 100%;
      z-index: 1000;
  }
   .program main {
      border-top: none;
   }
  .program main nav {
      background: #143A88;
      margin: -1px 0 0 0;
      padding-top: 1px; /* helps box identifies where its top is */
  }
    .program main nav #menu-toggle:checked ~ ul {
        opacity: 1;
        height: 100vh;
        visibility: visible;
        overflow: auto;
    }
    .program main nav .label-toggle {
        cursor: pointer;
        display: block;
        padding: 22px 20px;
        height: 65px;
        position: relative;
        font-size: 1.1rem;
    }
      .program main nav .label-toggle:before {
          font-family: "font awesome 6 Free";
          content: "\f0c9";
          font-size: 1.1rem;
          font-weight: 900;
          color: #fff;
          position: absolute;
      }
      .program main nav.active .label-toggle:before {
          content: "\f057";
          font-size: 1.25rem;
          left: 16px;
          top: 19px;
      }
    .program main nav ul {
        display: block;
        height: 0;
        list-style-type: none;
        opacity: 0;
        transition: all 0.7s ease;
        width: 100%;
        visibility: hidden;
    }
      .program main nav li {
          color: #53354A;
          display: block;
          font-size: 1rem !important;
          padding: 18px !important;
          background: #222 !important;
      }
        .program main nav ul li.current {
            background: #fff !important;
            color: #0077be !important;
        }
        .program main nav ul li.current:hover,
        .program main nav ul li.current:focus {
            background: #fff;
            color: #0077be;
        }
        .program main nav ul li:hover,
        .program main nav ul li:focus {
          background: rgba(0,119,190,0.5);
        }
  .program main nav .label-toggle:after {
      content: "Program Menu";
      position: absolute;
      left: 48px;
      color: #fff;
      font-weight: 500;
      font-size: 1;
      margin-top: 1px;
  }
  .program main .in {
      padding: 50px 20px 40px;
  }
  .program main .out .r {
      padding: 50px 0 40px;
  }
  .program-default main #tab-1 .career-list h5 {
      margin-top: 2.5rem !important;
      left: 0;
  }
   .program-default main #tab-1 .highlights-options .options-description {
      padding-left: 0;
   }
  .program-default main #tab-1 .career-list a.career-button {
      margin-left: 0;
  }
  .program main .lorem .sidebar.right,
  .program main .lorem .sidebar.left {
      padding: 0;
      margin-top: 30px;
      border: none;
  }
  .program-default main #tab-1 ul.logo-block {
      grid-template-columns: 1fr 1fr 1fr;
  }
  .program-default main .after-tabs .eb-testimonial blockquote {
      width: 100%;
  }
  .col-1-3 div.sidebar.left {
      order: 2; /* flips the order so sidebar comes 2nd */
  }
  .program-default main.appren .benefits-of-apprenticeship {
    padding: 25px;
  }

    /* Preferred Pathways Feature */
    .program-default .preferred .foot {
        text-align: left;
    }

  /* Admission Requirements */
  .program-default main .admission-requirements .program-requirements .costs-alert {
      padding: 15px 35px;
      line-height: 1.5rem;
  }
    .program-default main .admission-requirements .program-requirements .costs-alert span:before {
        content: none;
    }
    .program-default main .admission-requirements .program-requirements .costs-alert span {
        padding: 0;
    }
  .program-default main .admission-requirements .program-requirements .cds p.inset {
      margin: 0 !important;
  }

  /* Pathways */
  .program-default main .pathways .pathways-default .col-1-3.borders {
      grid-template-columns: 1fr;
  }
  .program-default main .pathways .pathways-default .col-1-3.borders > div:nth-child(1) {
      border: none;
      padding: 0;
  }
  .program-default main .pathways .pathways-default .col-1-3.borders h5 {
      margin-top: 1.85rem;
  }

   /* Courses */
   .program-default main .tab-container #tab-2 .curriculum {
        margin: 25px 0;
        width: 100%;
    }

    /* Modal */
    .program #modal-tours h3,
    .program #modal-questions h3 {
        font-size: 1.3rem;
        margin: 30px 0 15px 0;
    }
    .program #modal-tours .col-1-1-1 > div,
    .program #modal-questions .col-1-1-1 > div {
        padding: 0;
    }
    .program #modal-tours p,
    .program #modal-questions p {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .program #modal-tours .col-1-1-1 div:first-child h3,
    .program #modal-questions .col-1-1-1 div:first-child h3 {
        margin-top: 0;
    }
    .program #modal-tours a.button,
    .program #modal-questions a.button {
        margin: 18px 0 0 0;
        width: unset;
        position: unset;
        display: inline-block;
    }
    .program #modal-questions .extra-info a.button {
        margin: 5px 0 0 0;
        width: unset;
        position: unset;
        display: inline-block;
    }
    .program #modal-questions .extra-info h3 {
        justify-content: start;
    }
   #modal-apply ul.apply-tabs li.d span.s > span {
        right: unset;
        margin: 0 0 0 2px;
    }

   /* Apply Modal */
   #modal-apply .apply-tab-content ul.help-links {
      flex-wrap: wrap;
   }
   #modal-apply .apply-tab-content ul.help-links li {
      margin: 5px 10px;
   }

   /* Media Slider */
   .program-default main .after-tabs .eb-media-slider .slick-prev,
   .program-default main .after-tabs .eb-media-slider .slick-next {
        display: none !important;
    }

   /* Related Programs Slider */
   .program-default main .related-programs-slider {
       padding: 0 25px;
       list-style-type: none;
   }

   /* Co-op Tab */
   .program main .lorem .co-op.tab-content .employers {
       margin-top: 15px;
   }

    /* ------------ */
   /* -- SCHOOL -- */
  /* -------------*/

   .school-page .wrapper > .r.ls,
    .school-page .wrapper > .r.rs {
        grid-template-columns: 1fr;
        grid-column-gap: 0;
    }
    .school-page .wrapper > .r aside {
        border: none;
        padding: 0;
    }
    .school-page .wrapper > .r.rs.news aside {
        order: 2;
    }

    /* Sidebar Navigation Menu */
    .school-page .wrapper aside ul.menu {
      border-top: none;
    }
    .school-page .wrapper aside ul.menu {
        display: none;
        border-top: 1px rgba(0,0,0,0.15) solid;
        border-left: 1px rgba(0,0,0,0.15) solid;
        border-right: 1px rgba(0,0,0,0.15) solid;
    }
       .school-page .wrapper aside ul.menu a {
           font-size: 0.9rem;
           line-height: 1rem;
       }
      .school-page .wrapper aside a.mobile-sidebar-toggle {
           display: block;
           background: #0077be;
           text-decoration: none;
           font-size: 0.95rem;
           padding: 18px;
           color: #fff;
           font-weight: 500;
       }
       .school-page .wrapper aside a.mobile-sidebar-toggle span {
           display: inline-block;
       }
          .school-page .wrapper aside a.mobile-sidebar-toggle span:before {
              content: "\f0c9";
              font-family: "font awesome 6 Free";
              font-weight: 900;
              margin: 0 10px 0 0;
          }
          .school-page .wrapper aside a.mobile-sidebar-toggle:hover span:before {
              text-decoration: none !important;
          }

    /* ------------ */
   /* -- COMMON -- */
  /* -------------*/

  /* Footer */
  footer.footer {
      padding: 60px 0;
  }
  footer.footer .inquiries {
      padding: 0 0 2.25rem 0;
      margin: 0 0 2.5rem 0;
  }
  footer.footer .inquiries .domestic {
      margin: 0 0 2.5rem 0;
  }
  footer.footer .inquiries .accessibility {
      margin: 2.25rem 0 0 0;
  }
  footer.footer .locations h3 {
      margin: 0 0 2rem 0;
  }
  footer.footer .locations .locations-i .loc {
      margin: 0 0 1.75rem 0;
  }

  /* Secondary footer */
  footer.footer-lower .r {
      display: block;
  }
  footer.footer-lower .r .links {
      border: none;
      padding: 0;
      margin: 0.5rem 0 0 0;
  }
   footer.footer-lower .r .links ul {
      display: block;
  }
  footer.footer-lower .r .links ul li {
      display: inline-block;
  }

    /* --------- */
   /* -- 404 -- */
  /* ----------*/


   .error404 .wrapper main {
     padding: 20px 0 60px;
   }
      .error404 .wrapper main h3 {
        line-height: 1.2em;
        margin: 0;
      }
         .error404 .wrapper main h3 i {
           display: none;
         }
   .error404 main .info {
     margin: 30px 0;
     padding: 20px 25px 30px;
   }
      .error404 main .info h4 {
        margin-bottom: 20px;
      }
   .error404 main .info .search-box form {
     display: block;
   }
      .error404 main .info .search-box input#st-search-input-alt {
        height: auto;
        width: 100%;
        margin: 0 0 20px 0;
      }
      .error404 main .info .search-box button {
        margin: 0;
      }

}

/* Testimonials Slider needs a 800px breakpoint */
@media only screen and (max-width: 800px) {

		.eb-testimonial > div.r {
			padding-left:1rem;
			padding-right:1rem;
		}
		.testimonial-carrousel__container {
			padding:0 3rem;
		}
		.program-default main .after-tabs .eb-testimonial blockquote {
			margin-left:2rem;
			padding-right:2rem;
		}
		.program-default main .after-tabs .eb-testimonial blockquote.has-img {
			padding:0;
			padding-right:3rem;
		}
			.program-default main .after-tabs .eb-testimonial blockquote::before {
				top:-10px;
				font-size: 65px;
				left:-50px;
			}

			.program-default main .after-tabs .eb-testimonial blockquote.has-img::before {
				font-size: 65px;
				top: 182px;
				left: -50px;
			}
			.program-default main .after-tabs .eb-testimonial blockquote.has-img img {
				position: relative;
				margin: 0 auto 1.5rem auto;
				display: block;
				left: -2.5rem;
			}

			.program-default main .after-tabs .eb-testimonial blockquote a.button {
				font-size:0.9rem;
				padding:10px 30px;
		}

	}

/* Small mobile breakpoint */
@media only screen and (max-width: 650px) {

  .program main .tab-content .out .r {
    padding: 85px 1rem;
  }

  /* Modals */
  .iziModal .iziModal-content {
      padding: 35px 15px 35px !important;
  }

  /* Shortcode - Pre-Apprenticeship List */
  .school-page main.lorem .preapprenlist .preappren ul {
      display: block;
  }
  .school-page main.lorem .preapprenlist .preappren ul li {
      border: none;
      padding: 0;
      margin: 6px 0;
  }

  /* Stop fonts contracting below minimum width */
  .homepage .banner .overview-i h2 span.before {
      font-size: 2;
      bottom: -5px;
  }
  .homepage .banner .overview-i h2 {
      font-size: 3.1rem;
      line-height: 3.4rem;
  }
  .homepage .banner .overview-i .location {
      padding: 0.7rem 0.9rem;
      font-size: 1rem;
  }
  .homepage .banner .overview-i .lead {
      font-size: 1.2rem;
      line-height: 1.7rem;
      border: none;
  }

    /* ------------ */
   /* -- COMMON -- */
  /* -------------*/

  .simpletooltip {
      position: unset;
      background: none;
      color: #000;
      padding: 0;
      font-size: 0.95rem;
      font-style: italic;
      display: block;
      line-height: 1.3rem;
      margin: 0.25rem 0 0 0;
  }
  .simpletooltip:before {
      content: "( ";
      font-family: unset;
      position: unset;
      border: none;
  }
  .simpletooltip:after {
      content: " )";
  }

    /* ------------ */
   /* -- SCHOOL -- */
  /* -------------*/

  .homepage .banner .overview-i h2 span.after {
    font-size: 1.3rem;
   }

  /* Secondary navigation */
  .secondary-school-navigation .r {
      padding: 0;
  }
  .secondary-school-navigation ul {
      float: none;
      border-top: solid 1px rgba(0,0,0,0.2);
  }
  .secondary-school-navigation ul li {
      display: block;
      border-bottom: solid 1px rgba(0,0,0,0.2);
  }
  .secondary-school-navigation ul li a {
      border-radius: 0;
      padding: 0.9rem 1.4rem;
      background: none;
  }

  /* School program grid */
    .home main section.programs .col-1-1-1,
    .home main section.flexible-programs .col-1-1-1 {
        grid-template-columns: 1fr;
        grid-row-gap: 15px;
    }

  /* School title bar */
  .mobile-school-title.sticky h2 a {
      font-size: 0.95rem;
  }
    .mobile-school-title.sticky h2 a:before {
      top: 2px;
      font-size: 0.75rem;
    }

    /* ------------- */
   /* -- PROGRAM -- */
  /* --------------*/

   .program .banner .overview-i {
       margin-top: 100px;
   }
  .program .banner .overview-i h3 {
      font-size: 3rem;
      line-height: 3.7rem;
      hyphens: auto;
      word-break: break-word;
  }
  .program .banner .overview-i .lead {
      font-size: 1.2rem;
      line-height: 1.75rem;
     hyphens: auto;
  }
   .program section#overview-snap h4 {
      text-align: center;
   }
  .program section#overview-snap .r.details {
        grid-template-columns: 1fr;
    }
    .program section#overview-snap ul {
        display: block;
       margin: 35px 0 15px;
        text-align: center;
    }
    .program section#overview-snap ul li {
        border: none;
        padding: 0;
        margin: 20px 0;
    }
    .program section#overview-snap > div.details > div:nth-child(1) {
        justify-content: center;
    }
    .program section#overview-snap .extras a {
        float: none;
        font-size: 0.95em;
        font-weight: 500;
        width: 100%;
        margin: 5px 0 10px;
        padding: 16px;
    }
    .program section#overview-snap .extras a:hover,
    .program section#overview-snap .extras a:focus {
        transform: none;
    }
    .program section#overview-snap .extras a span {
        display: unset;
        font-size: inherit;
        font-weight: inherit;
    }
    .program section#overview-snap .extras a:before {
        font-size: 1em;
        margin: 0 5px 0 0;
        position: unset;
    }
    #modal-apply ul.apply-tabs {
        display: block;
        margin: 0;
    }
    #modal-apply ul.apply-tabs li {
        border-radius: 6px !important;
        margin: 10px 0;
        border: solid 3px #efefef;
        padding: 15px;
        text-align: center;
    }
    #modal-apply ul.apply-tabs li:before {
        content: none !important;
    }
    #modal-apply ul.apply-tabs li.current {
        border: solid 3px #efefef;
        color: #0077be;
    }
    #modal-apply ul.apply-tabs li.current:before {
        content: "\f00c" !important;
        font-family: "font awesome 6 Free";
        font-weight: 900;
        color: rgba(0,0,0,0.35) !important;
    }
    #modal-apply .apply-tab-content {
        margin: 20px 0 0 0;
        padding: 20px;
    }
   .program-default main .tab-container .curriculum .select-term {
       border-radius: 6px;
       padding: 15px 10px;
   }
  .program-default main .after-tabs .related-programs ul.related-programs-list.col-1-1-1 {
      display: block;
  }
   .program-default main .tab-container .curriculum .select-term select {
      margin-top: 10px;
   }
  .program-default main .after-tabs .related-programs ul.related-programs-list li {
      margin: 0 0 2rem 0;
  }
  .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) caption {
      font-size: 1.4rem;
      line-height: 1.8rem;
  }
    .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) thead {
        display: none;
    }
    .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) tbody tr {
        border-top: solid 8px transparent;
        border-bottom: solid 8px transparent;
    }
    .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) tbody td {
        display: block;
        width: 100% !important;
        padding: 0 0 0 75px !important;
        overflow: hidden;
        text-align: left !important;
        font-size: 0.9rem;
        position: relative;
        border: none !important;
    }
    .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) tbody tr td:before {
        position: absolute;
        left: 5px;
        font-size: 0.7rem;
        font-weight: 500;
        padding: 2px 0;
        text-align: right;
        display: block;
        width: 50px;
    }
      .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) tbody tr.poi-electives td {
          padding-left: 9px !important;
      }
    .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) tbody tr td:nth-child(1):before {
        content: "Code:";
    }
   .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) tbody tr.poi-electives td:nth-child(1):before {
       content: none;
   }
    .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) tbody tr td:nth-child(2):before {
        content: "Course:";
    }
    .program-default main .tab-container .curriculum table:not(.ce-program):not(.ce-program):not(.poi-elective-table) tbody tr td:nth-child(3):before {
        content: "Credits:";
    }
   .program-default main .tab-container #nc-program-outcomes h5 span {
       font-size: 1rem;
       display: block;
       text-align: center;
       margin: 15px 0 0 0;
   }
   .program-default main .tab-container #nc-program-outcomes ul {
       margin-left: 0;
   }
  .program-default main #tab-1 ul.logo-block {
      grid-template-columns: 1fr 1fr;
  }

   .how-to-apply-appren ol {
      margin-left: 0 !important;
   }

  /* All Tabs */
  .program-default main h5.di-title a.apply {
      display: block;
      position: unset;
      margin: 20px 0 0 -33px;
      padding: 15px 25px;
      text-align: center;
  }
  .program-default main h5.di-title.domestic:before,
  .program-default main h5.di-title.international:before {
      top: 0;
  }

  /* Admission Requirements */
  .program-default main .admission-requirements .laptop-statement h5 i {
      display: none;
  }
  .program-default main .admission-requirements .program-requirements ul li {
      margin-left: 0 !important;
  }
  .program-default main .tab-container .admission-requirements ul.requirements-list li,
  .program-default main .tab-container ul.check li {
      margin-left: 0 !important;
  }
  .program-default main .tab-container .admission-requirements ul.requirements-list li.sub {
      margin-left: 0 !important;
  }
  .program-default main .admission-requirements .program-requirements h5 {
      position: relative;
      line-height: 1.8rem;
      padding-left: 33px;
   }
   .program-default main .admission-requirements .program-requirements h5 i {
       position: absolute;
   }
   .program-default main .admission-requirements .program-requirements .fa-cpr h5 i {
       top: 3px;
   }
   .program-default main .admission-requirements .program-requirements .crc h5 i {
       top: 3px;
       left: -1px;
   }
   .program-default main .admission-requirements .program-requirements .transportation h5 i {
       top: 3px;
       left: -1px;
   }
   .program-default main .admission-requirements .program-requirements .laptop h5 i {
       left: -1px;
       top: 3px;
   }
   .program-default main .admission-requirements .program-requirements .other h5 i {
       top: 5px;
       left: 5px;
   }
   .program-default main .tab-container .admission-requirements .split-admission-requirements .select-ar-block {
        display: block;
    }
    .program-default main .tab-container .split-admission-requirements #splitAR {
        margin: 15px 0 0 0;
    }

  /* Availability */
  .program-default main .availability table.status-table thead th:nth-child(1) {
      width: auto;
  }
  .program-default main .availability table.status-table th, .program-default main .availability table.status-table td {
      padding: 15px;
  }

   /* Pathways */
   .program-default main .pathways .pathways-list ul li {
        display: block;
        text-align: center;
         border: solid 1px rgba(0,0,0,0.2);
         padding: 5px;
    }
    .program-default main .pathways .pathways-list ul li .label {
        margin: 4px 0 8px;
         padding: 0 10px;
         line-height: 1.4rem;
    }
    .program-default main .pathways .pathways-list ul li .label .tag {
        display: block;
        margin: 6px 0;
     }

   /* ------------- */
   /* -- SCHOOL -- */
  /* --------------*/

   .school-page .faculty-groups .faculty-members {
        grid-template-columns: 1fr !important;
    }

    /* ------------- */
   /* -- FOOTER --- */
  /* --------------*/

  /* Footer */
  footer.footer .inquiries .domestic h3,
  footer.footer .inquiries .international h3 {
      padding: 0;
  }
  footer.footer .inquiries ul {
      margin: 0 0 0 8px;
  }
  footer.footer .inquiries h3:before {
      content: none !important;
  }
  footer.footer .locations h3::before {
      content: none;
  }
  footer.footer .locations h3 {
      padding: 0;
  }
  footer.footer .locations .locations-i  {
      margin: 0;
  }

}

/* Correct for unusual desktop resolutions that aren't tall enough to accomodate banner content */
@media
    (min-width: 1260px)
and (max-width: 1360px )
and (min-height: 580px)
and (max-height: 690px) {

    .banner {
        height: 130vh;
    }
    .banner video {
        height: 130vh !important;
    }

}

/* YWCA funded shortcode */
@media only screen and (max-width: 600px) {
    .ywca {
        display: block;
        text-align: center;
    }
    .ywca img {
        margin: 0 0 10px 0;
    }
}

/* Adjust logo and Swiftype bar at logo width breakpoint */
@media only screen and (max-width: 450px) {

    header.bar .bar-i {
        display: block;
        height: 100%;
    }
    header.bar .logo {
        width: 55vw;
        float: left;
        position: relative;
        height: 49px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
        header.bar .logo h1 {
            width: auto;
            display: block;
            height: 10vw;
        }
    header.bar .quick-bar {
        position: relative;
    }

}

/* Common - Very small mobile screens */
@media only screen and (max-width: 400px) {

   .program .banner .overview-i {
      -o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
   }
    .program .banner .overview-i .lead,
    .program section#overview-snap h4 {
        display: none;
    }
   .program .banner .government-note img {
      max-width: 125px;
   }
    .program section#overview-snap h4.mh {
        display: block;
        text-align: center;
    }
   .program section#overview-snap ul {
      margin: 15px 0;
   }
    .program section#overview-snap ul li {
        font-size: 1rem;
    }
   .program .banner .government-note p {
       background: rgba(0,0,0,0.5);
       padding: 8px;
       font-size: 0.7rem;
       line-height: 0.9rem;
   }

}

/* Landscape View - Very small mobile screens */
@media screen and (orientation:landscape)
and (max-device-width: 850px) {

   .program section#overview-snap {
       padding: 20px 0 42px;
   }
   .program .school-title-bar {
      display: none;
   }
   .program .banner .overview {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 60px;
    }
   .banner .overview .r {
      margin: 0;
   }
   .program .banner .overview-i h3 {
       font-size: 1.9em;
       line-height: 1.35em;
   }
   .program section#overview-snap h4 {
      display: none;
   }
   .program section#overview-snap h4.mh {
      display: block;
   }
   .program .banner .overview-i .lead {
      display: none;
   }
   .program section#overview-snap .r.details {
      grid-template-columns: 1fr;
   }

}

/* Stop fonts expanding past maximum width */
@media only screen and (min-width: 1140px) {

    /* School Level */
    .homepage .banner .overview-i h2 span.before {
        font-size: 3rem;
        bottom: -15px;
    }
    .homepage .banner .overview-i h2 {
        font-size: 4.4rem;
        line-height: 5.1rem;
        font-weight: 700;
    }
    .homepage .banner .overview-i .location {
        font-size: 1.3rem;
    }
    .homepage .banner .overview-i .lead {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
    .homepage .banner .overview-i h2 span.after {
        font-size: 2.25rem;
        top: -1rem;
    }

    /* Program Level */
    .program .banner .overview-i h3 {
      font-size: 4.3rem;
      line-height: 5rem;
    }
    .program .banner .overview-i .lead {
      font-size: 1.3rem;
      line-height: 2.1rem;
    }

}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.aligncenter {
	display:block;
	margin: 20px auto;
}
.alignright {
	float: right;
	margin: 20px 0 35px 35px;
}
.alignleft {
	float:left;
	margin: 20px 35px 35px 0;
}
.alignlefttop {
	float:left;
	margin: 0 35px 35px 0;
}
.alignnone {
	margin: 20px 35px 35px 0;
}
.wp-caption {
	background:#FFF;
	border: 1px solid rgba(0,0,0,0.15);
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
    margin-bottom: 35px !important;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
   * {
      background:transparent !important;
      color:#000 !important;
      box-shadow:none !important;
      text-shadow:none !important;
      animation-name: none !important;
   }
   *:before,
   *:after {
      color: rgba(0,0,0,0.7) !important;
   }
   a,
   a:visited {
      text-decoration:underline;
   }
   a[href]:after {
      display: none !important;
   }
   abbr[title]:after {
      content:" (" attr(title) ")";
   }
   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
      content:"";
   }
   pre,blockquote {
      border:1px solid #999;
      page-break-inside:avoid;
   }
   thead {
      display:table-header-group;
   }
   tr,img {
      page-break-inside:avoid;
   }
   img {
      max-width:100% !important;
   }
   @page {
      margin:0.5cm;
   }
   p,
   h2,
   h3 {
      orphans:3;
      widows:3;
   }
   h2,
   h3 {
      page-break-after:avoid;
   }

   header.bar,
   .banner .filter,
   .banner video,
   .banner .banner-image,
   .invisiskip {
      display: none;
   }

   header.logo-bar.print,
   .print-thumb.print {
      display: block;
   }

   h1 {
      font-size: 45px;
      border-bottom: solid 2px rgba(0,0,0,0.3);
      padding-bottom: 20px;
      margin: 50px 0 30px;
   }
   .banner {
       width: 100%;
       height: auto;
       overflow: inherit;
       position: unset;
   }
   .banner .overview {
      position: unset;
      display: block;
   }
   .homepage .banner .overview-i h2 {
      font-size: 38px;
      line-height: inherit;
      font-weight: 500;
      margin: 0 0 20px 0;
   }
   .homepage .banner .overview-i h2 span.before {
      bottom: 0;
      font-size: inherit;
      display: unset;
   }
   .homepage .banner .overview-i .location {
      padding: 0;
       font-size: 20px;
   }
   .homepage .banner .overview-i .lead {
      font-size: 1.1rem;
       line-height: 1.7rem;
       border-left: 0;
       padding: 0;
   }
   .homepage main section {
       padding: 50px 0;
      border-bottom: solid 2px #000;
   }
   .home .school-navigation.sticky {
      position: unset;
   }
   .reveal {
      transition: none !important;
      transform: none !important;
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
   }
   .home main section.programs .program, .home main section.flexible-programs .program {
       border: solid 2px #000;
   }
   .button {
       border: solid 2px #000 !important;
   }
   .home main section.flexible-programs h3 {
      margin: 25px 0;
   }
   .home main section.programs h2, .home main section.flexible-programs h2 {
      margin: 0 0 30px 0;
   }
   .social-icons {
      display: flex;
      padding: 0;
   }
   .homepage main section.you-can .social-icons a {
      text-align: left;
      margin: 0 25px 0 0;
   }
   .home main section.about > .r {
      column-count: 1;
   }
   .homepage main section.you-can .intro-sentence h2 {
      font-size: 1.85rem;
   }
   footer.footer {
      padding: 50px 0;
   }
   footer.footer .inquiries h3 {
      padding: 0 !important;
   }
   footer.footer .inquiries h3:before {
      content: none !important;
   }
   footer.footer .inquiries ul {
      margin: 0;
   }
   footer.footer .locations h3 {
      padding: 0;
   }
   footer.footer .locations h3:before {
      content: none;
   }
   footer.footer .locations .locations-i {
      margin: 0;
   }
   footer.footer .inquiries {
      padding: 0;
   }
   footer.footer .locations .locations-i .social ul {
      float: none;
   }
   .home main section.facilities .gallery {
      padding: 0;
   }
   .home main section.facilities .gallery ul {
      grid-template-columns: 1fr 1fr 1fr 1fr;
   }
   .home .slider button,
   .home .slick-list,
   .home .slick-dots {
       display: none !important;
   }
   .home .slider {
      margin: 0;
   }
   .home .slider:before {
       content: "Video Content ";
       display: block;
       width: 100%;
       text-align: center;
       padding: 25px 0;
      border: dotted 1px #000;
   }
   footer.footer-lower .r {
       display: block;
   }
   footer.footer-lower .r .links {
      border: none;
      padding: 0;
      margin: 15px 0 25px 0;
   }
   footer.footer-lower {
       border-top: solid 2px #000;
       padding: 25px 0 0 0;
   }
   .school-page .school-navigation {
      position: unset;
   }
   .school-page .school-title-bar {
   position: unset;
       margin: 0 0 15px 0;
   }
   .school-page .wrapper {
       margin: 0;
   }
   section#breadcrumbs {
       border-top: solid 1px #000;
       border-bottom: solid 1px #000;
       margin: 20px 0;
   }
   .school-page .wrapper header {
       padding: 40px 0;
   }
   .school-page div.featured-image {
       margin-top: 0;
   }
   .school-page .wrapper header h3 {
       font-size: 40px;
       line-height: inherit;
   }
   .school-page .wrapper > .r.ls,
   .school-page .wrapper > .r.rs {
      grid-template-columns: 1fr;
   }
   .school-page .r.ls aside,
   .school-page .r.rs aside {
       border-right: 0;
       border-left: 0;
       padding: 25px 0;
       order: 2;
       margin: 25px 0;
       border-top: solid 2px #000;
       border-bottom: solid 2px #000;
   }
   .school-page .r.ls aside:before,
   .school-page .r.rs aside:before {
       content: "Sub-Navigation:";
       display: block;
       margin: 0 0 25px 0;
       font-weight: 600;
       text-transform: uppercase;
   }
   .school-page .lorem .panel {
       border: solid 1px #000;
   }
   .school-page .lorem hr {
      border-top: solid 1px grey;
   }
   .school-page .wrapper > .r.content {
       padding: 75px 20px;
   }
   .school-page .wrapper aside ul.menu li.current-menu-item a {
       color: #000 !important;
       font-weight: 500;
   }

   .program .school-title-bar {
       position: unset;
   }
   .program .banner .overview-i h3 {
       font-size: 40px;
       line-height: inherit;
       margin: 25px 0;
   }
   .program .banner .overview-i .lead {
       border: none;
       padding: 0;
       margin: 30px 0;
       font-size: 30px;
       line-height: inherit;
   }
   .program main {
      border: none;
   }
   .program section#overview-snap {
       display: none;
   }
   .program-default main #tab-1 .highlights-options > div:nth-child(1) {
       padding: 0;
   }
   .program-default main #tab-1 .highlights-options .career-list h4 {
       margin-top: 0;
   }
   .program main .in {
       padding: 50px 0;
   }
   .program main .out {
       padding: 0;
   }
   .program main .out .r {
       padding: 50px 0;
   }
   .program .r {
      padding: 0;
   }
   .program main nav ul {
       border-bottom: solid 2px #000;
   }
   .program main nav ul li {
       border-top: solid 1px #000;
       border-right: solid 1px #000;
       border-left: solid 1px #000;
       margin: 0 5px 0 0;
       border-radius: 3px 3px 0 0;
       font-size: 16px;
   }
   .program-default main .after-tabs .eb-textbar.img .r {
       border-top: solid 2px #000;
       border-bottom: solid 2px #000;
   }
   .program main .lorem.neg blockquote:before {
       background: transparent !important;
   }
   .program main .slg {
      background: transparent !important;
   }
   .eb-media-slider {
       border-top: solid 2px #000;
       border-bottom: solid 2px #000;
   }
   .program .video-slider button,
   .program .video-slider .slick-list,
   .program .video-slider .slick-dots {
       display: none !important;
   }
   .program .video-slider {
      margin: 0;
   }
   .program .video-slider:before {
       content: "Video Content ";
       display: block;
       width: 100%;
       text-align: center;
       padding: 25px 0;
      border: dotted 1px #000;
   }
   .program-default main .tab-container .curriculum table,
   .program-default main .tab-container .curriculum table tbody tr td,
   .program-default main .tab-container .curriculum table thead tr th,
   .program-default main .tab-container .curriculum table tbody tr.poi-electives-header th    {
       border: solid 1px #000;
       border-collapse: collapse;
   }

   .col-1-1-5,
   .col-1-3,
   .inquiries.col-1-1-1,
   .locations .locations-i.col-1-1-1 {
      grid-template-columns: 1fr;
      grid-column-gap: 0;
      grid-row-gap: 30px;
   }

}

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

  /* iOS Only */
  @supports (-webkit-overflow-scrolling: touch) {

      .homepage main section.you-can a.insta {
         top: -7px;
      }
      .homepage main section.you-can a.insta::before {
         top: 1px;
      }

   }
}