/*-----------Skip Link for WCAG/ADA Accessibility-------------------------------------*/

/* Skip link - hidden by default, visible on focus */
.skip-link {
  position: fixed;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(rgba(154, 205, 254, 0.3), rgba(154, 205, 254, 0.3)) border-box;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  color: #005AA3;
  padding: 16px 24px;
  text-decoration: none;
  z-index: 10000;
  font-size: 1rem;
  font-weight: 600;
  border: 5px solid transparent;
  border-radius: 16px;
  box-shadow: 0 4px 4px 0 rgba(229, 231, 235, 0.5);
  transition: top 0.2s ease, box-shadow 0.2s ease;
  white-space: nowrap;
}

.skip-link:focus {
  top: 50px;
  outline: none;
}

.skip-link:focus-visible {
  box-shadow: 0 0 0 3px #005eaa, 0 4px 4px 0 rgba(229, 231, 235, 0.5);
}

/*-----------Header0, language bar jsp-------------------------------------

#header0ContentWrapper{
  background-color: #080414;
  }

  #header0Wrapper{
    background-color: #080414 !important;
    padding-bottom: 35px; /* made the language bar wider
  }

/*----------------------------------------------------------------------------*/

/*-----------Header1, topheader.jsp, ((logo, cart, login))-----------------*/

#header1Wrapper {
    background-color: #222 !important;
    color: #080414 !important;
    height: 50px;
    /* height: 58px; /*pushed the navbar up close to the cart and the login
        padding-top: 3px;*/
  }
  
  /* sides of topheader.jsp ((logo, cart, login))*/
  
  #cartCount {
    background-color: #005dab;
  }
  
  #cartInfo .glyphicon-shopping-cart {
    color: white !important;
    /* cart color*/
  }
  
  #loginDropdownMenuLink {
    color: white !important;
    /*Login link color*/
    font-size: 0.8125rem !important;
    font-weight: 400;
  }
  
  #header1 {
    padding-top: 0px;
  }
  
  #header1ContentWrapper .level-one-nav-item a:link,
  #header1ContentWrapper .level-one-nav-item a:visited {
    text-decoration: none;
  }
  
  #header1ContentWrapper .level-one-nav-item a:hover,
  #header1ContentWrapper .level-one-nav-item a:active,
  #header1ContentWrapper .level-one-nav-item a:focus {
    outline-color: rgb(77, 144, 254);
    outline-offset: -2px;
    outline-width: 1px;
    outline-style: solid;
    color: #fff;
  }
  
  #header1ContentWrapper .level-one-nav-item a.dropdown-item:hover,
  #header1ContentWrapper .level-one-nav-item a.dropdown-item:active,
  #header1ContentWrapper .level-one-nav-item a.dropdown-item:focus {
    outline-color: rgb(77, 144, 254);
    outline-offset: -2px;
    outline-width: 1px;
    outline-style: solid;
    color: #000000;
  }
  
  #header1ContentWrapper .dropdown-toggle::after {
    display: none;
  }
  
  #header1ContentWrapper .dropdown-header-portals {
    color: #000;
  }
  
  /* #pageContainer {
    margin-top: -50px;
  } */
  
  #loginInfo,
  #cartInfo {
    line-height: initial;
  }
  
  #loginInfo.d-none {
    display: flex !important;
  }
  
  .cartInfo-nav,
  .loginMenu-nav {
    float: left;
    margin-right: 6em;
  }
  
  #variableContentBlockPG0145 {
    margin-bottom: -3px;
  }
  
  /* @media (min-width: 992px) {
        .secondary-nav {
          top: 40% !important;
        }
      } */
  
  @media (min-width: 1200px) {
    .secondary-nav {
      right: 1em !important;
    }
  }
  
  .loginMenu-nav .headerStudentLoginDropdownLink.dropdown-toggle {
    border-right: none !important;
    border-left: none !important;
  }
  
  /*--------------------------------------------------
      .nav-link{
        color: white !important;
        text-align: center !important;
      }--------------------------*/
  #globalNavigationBar {
    display: none;
  }
  
  /* change the color of the center of the navbar that is now aligned to the right*/
  /*-------------------------Global nav, globalNavigationEmbeddable.jsp ------------------------------*/
  #header3Container {
    display: flex;
    /* justify-content: center; */
    background-color: #005dab !important;
    height: 48px;
    text-align: center !important;
  }
  
  /* align nav items to the right */
  
  #header3Wrapper {
    /*padding-bottom: 10px;    space between global nav and the body content*/
    background-color: #005dab !important;
    height: 50px;
    text-align: center !important;
    margin-top: -1px;
  }
  
  .nav-item {
    font-size: 0.9375rem !important;
    /* global nav item font size */
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "Open Sans", sans-serif;
    color: red;
  }
  
  #header3 .nav-item:hover {
    border-radius: 2px;
    background-color: #0f76d0;
  }
  
  .navbar-light .navbar-nav .nav-link {
    color: orange !important;
    font-family: "Open Sans", sans-serif;
  }
  
  /* Color of navbar items/links */
  
  #header3container.navbar-light .navbar-nav .nav-link {
    color: white;
    font-family: "Open Sans", sans-serif;
  }
  
  /*----------------------------------------------------------------------------------*/
  
  /*----------------------Footer, bottomNavigation.jsp------------------------------------------------------*/
  
  footer {
    background-color: #222;
    padding: 20px;
  }
  
  #footer-info {
    line-height: 12.5rem;
  }
  
  #footer2Sub2 {
    height: 160px;
    /*footer 1 sub 1 height**/
    padding-top: 20px;
  }
  
  #footer1Wrapper {
    height: 120px;
    /*Whole footer height **/
  }
  
  #mdc-footer-section .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
  }
  
  #mdc-footer-section .btn-xs,
  .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 3px;
  }
  
  .mdc-footer-bottom.hidden-print .line-right {
    display: inline-block !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  
  .navbar-dark .navbar-nav .nav-link {
    color: white;
  }
  
  /*----------------------------------------------------------------------------------*/
  #nav1,
  #nav4,
  #nav5,
  #nav6,
  #nav7 {
    color: white;
  }
  
  #searchBreadcrumb {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .level-one-nav {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    font-size: 0.875rem;
  }
  
  .level-one-nav-item {
    float: left;
    font-size: 0.875rem;
  }
  
  .level-one-nav-item > a {
    display: block;
    color: white;
    padding: 12px 0px;
    text-decoration: none;
    font-size: 0.875rem;
  }
  
  .level-one-nav-item > a .first {
    border-left: 1px solid #454b51;
  }
  
  .level-one-nav-item:hover ul > li {
    display: block;
    position: relative;
  }
  
  .navbar-nav .nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  /* ----------------------------------------------------------------------------------------- */
  /* CSS for the #header2Wrapper section - site-masthead equivalent to mdc.edu */
  .w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
  }
  
  .mdc-main-header-section {
    position: relative;
    height: auto;
    max-width: 100%;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.3)),
        to(transparent)
      ),
      url("//www.mdc.edu/img/cepd-background-01.jpg");
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), transparent),
      url("//www.mdc.edu/img/cepd-background-01.jpg");
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
  }
  
  .mdc-main-header-section.homev2 {
    position: static;
    display: block;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.3)),
        to(transparent)
      ),
      url("//www.mdc.edu/img/cepd-background-01.jpg");
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), transparent),
      url("//www.mdc.edu/img/cepd-background-01.jpg");
  }
  
  /* .mdc-main-header-section.homev1 {
        height: 300px;
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), color-stop(0%, rgba(0, 0, 0, 0.35)), color-stop(55%, transparent)), url('../images/mdc-home-banner-001.jpg');
        background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.35) 0%, transparent 55%), url('../images/mdc-home-banner-001.jpg');
        background-position: 0px 0px, 50% 50%;
        background-size: auto, cover;
        background-repeat: repeat, no-repeat;
      } */
  
  .mdc-first-header-container {
    max-width: 1170px;
  }
  
  .mdc-header-grid {
    margin-top: 0px;
    -ms-grid-columns: 1fr 0.5fr;
    grid-template-columns: 1fr 0.5fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .mdc-school-name-wrapper {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: left;
    text-decoration: none;
  }
  
  .mdc-school-name {
    position: static;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 5;
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 12px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 700;
    text-align: left;
    letter-spacing: -1px;
    text-transform: none;
  }
  
  /* From the components.css of ce-test */
  .w-container {
    margin-left: auto;
    margin-right: auto;
    /* max-width: 940px; */
  }
  
  .w-container:before,
  .w-container:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
  }
  
  .w-container:after {
    clear: both;
  }
  
  .w-container .w-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  
  .w-inline-block {
    max-width: 100%;
    display: inline-block;
  }
  
  /* END of components.css */
  
  @media screen and (max-width: 479px) {
    .mdc-main-header-section {
      height: auto;
    }
  
    .mdc-main-header-section.homev2 {
      padding-top: 30px;
      padding-bottom: 30px;
    }
  
    .mdc-school-name {
      padding-right: 10px;
      padding-left: 10px;
      font-size: 1.5625rem;
      line-height: 1.875rem;
      letter-spacing: -1px;
    }
  }
  
  @media screen and (max-width: 991px) {
    .mdc-header-grid {
      padding-right: 10px;
      padding-left: 10px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
  
    .mdc-school-name {
      text-align: center;
    }
  
    /* From components.css */
    .w-container {
      max-width: 728px;
    }
  }
  
  /* ----------------------------------------------------------------------------------------- */
  /* ---------------------------------   Heading Styling  ------------------------------------ */
  body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "Open Sans", sans-serif;
    color: #333;
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  
  h1 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2.1875rem;
    line-height: 2.5rem;
    font-weight: 700;
    letter-spacing: -1px;
  }
  
  h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.6875rem;
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  
  h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  
  h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  
  p {
    margin-bottom: 15px;
  }
  
  .body {
    font-family: "Open Sans", sans-serif;
  }
  
  /* ----------------------------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------------------------- */
  
  .w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
  }
  
  body {
    font-family: "Open Sans", sans-serif;
    color: #333;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  
  h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  
  p {
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    line-height: 1.4375rem;
    font-weight: 400;
  }
  
  .ce-area-header-container {
    max-width: 1170px;
  }
  
  .ce-top-banner-wrapper {
    width: 100%;
    height: auto;
    max-width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
  }
  
  .ce-top-banner-img {
    position: static;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 100% 50%;
    object-position: 100% 50%;
  }
  
  .ce-topcontent-section {
    padding-bottom: 50px;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }
  
  .ce-program-container {
    max-width: 1170px;
    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
  }
  
  .ce-program-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr auto auto auto;
    grid-template-rows: 1fr auto auto auto;
  }
  
  .ce-programareas-card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-transition: box-shadow 250ms ease-in-out,
      -webkit-transform 250ms ease-in-out;
    transition: box-shadow 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, box-shadow 250ms ease-in-out;
    transition: transform 250ms ease-in-out, box-shadow 250ms ease-in-out,
      -webkit-transform 250ms ease-in-out;
    color: #333;
    text-align: left;
    text-decoration: none;
    -o-object-fit: fill;
    object-fit: fill;
  }
  
  .ce-programareas-card:hover {
    position: relative;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.25);
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
  }
  
  .ce-programareas-image {
    width: 100%;
    height: auto;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .ce-programareas-title {
    position: static;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 10px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    font-family: "Open Sans", sans-serif;
    color: #005daa;
    font-size: 1.1875rem;
    line-height: 1.4375rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.5px;
    text-decoration: none;
    -o-object-fit: contain;
    object-fit: contain;
  }
  
  .ce-programareas-title:hover {
    background-color: transparent;
    color: #0f76d0;
  }
  
  .ce-program-stream-container {
    max-width: 1170px;
    margin-top: 15px;
    margin-bottom: 0px;
    padding-bottom: 65px;
  }
  
  .ce-program-stream-section {
    font-family: "Open Sans", sans-serif;
  }
  
  .ce-program-stream-topbanner {
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .ce-program-stream-topbanner-container {
    margin-bottom: 0px;
  }
  
  .mdc-program-stream-aoi-conatiner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    margin-bottom: 15px;
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
  }
  
  .mdc-program-stream-title {
    font-family: "Open Sans", sans-serif;
    font-size: 1.6875rem;
    line-height: 2rem;
    letter-spacing: -0.5px;
  }
  
  .cta-button-small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6px;
    margin-right: 0px;
    margin-left: auto;
    padding: 12px 25px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 5px;
    background-color: #005daa;
    -webkit-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    color: #fff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-decoration: none;
  }
  
  .cta-button-small:hover {
    border-radius: 12px;
    background-color: #0f76d0;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
    -webkit-transform: translate(0px, -3px);
    -ms-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
    color: #fff;
  }
  
  .cta-button-small.catalog {
    margin-bottom: 8px;
  }
  
  .cta-button-small.search {
    margin-top: 7px;
    padding: 10px 15px;
    font-size: 0.875rem;
  }
  
  .course-catalog-button-text {
    padding-left: 10px;
  }
  
  .ce-stream-grid-1col {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr auto;
    grid-template-rows: 1fr auto;
  }
  
  .ce-program-stream-card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    width: 100%;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    padding: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-transition: box-shadow 250ms ease-in-out,
      -webkit-transform 250ms ease-in-out;
    transition: box-shadow 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
    transition: transform 250ms ease-in-out, box-shadow 250ms ease-in-out;
    transition: transform 250ms ease-in-out, box-shadow 250ms ease-in-out,
      -webkit-transform 250ms ease-in-out;
    color: #333;
    text-align: left;
    text-decoration: none;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .ce-program-stream-card:hover {
    position: relative;
    box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.25);
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
  }
  
  .ce-program-stream-image {
    width: 250px;
    height: auto;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  .ce-program-stream-content-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
  
  .body {
    font-family: "Open Sans", sans-serif;
    color: #333;
  }
  
  .ce-stream-grid-2col {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  
  .ce-stream-title {
    margin-top: 15px;
    margin-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    color: #333;
    font-size: 1.3125rem;
    line-height: 1.5625rem;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-decoration: none;
  }
  
  .ce-stream-title:hover {
    color: #0f76d0;
  }
  
  .body-2 {
    font-family: Lato, sans-serif;
  }
  
  .ce-main-header-section {
    height: auto;
    max-width: 100%;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 35px;
    padding-bottom: 35px;
    background-image: url("../images/cepd-background-01-p-500.jpeg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
  .ce-main-header-container {
    display: block;
    max-width: 1170px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    margin-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  
  .mdc-school-name-wrapper {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: left;
    text-decoration: none;
  }
  
  .mdc-search-input {
    width: 85%;
    max-width: 100%;
    margin: 8px 10px 8px 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 4px;
    line-height: 1.5rem;
  }
  
  .mdc-school-name {
    position: static;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 5;
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 12px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 1.75rem;
    line-height: 2.0625rem;
    font-weight: 700;
    text-align: left;
    letter-spacing: -1px;
    text-transform: none;
  }
  
  .mdc-search-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1170px;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .mdc-header-grid {
    margin-top: 0px;
    -ms-grid-columns: 1fr 0.5fr;
    grid-template-columns: 1fr 0.5fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .download-button-icon {
    width: 18px;
  }
  
  .ce-global-navbar-link {
    height: 50px;
    padding-top: 15px;
    border-right: 1px solid #454b50;
    border-left: 1px solid #454b50;
    font-family: "Open Sans", sans-serif;
    color: #fff;
  }
  
  .ce-global-navbar-drop-link {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 3px 20px;
    font-family: "Open Sans", sans-serif;
    font-size: 0.9375rem;
  }
  
  .ce-global-navbar-drop-link:hover {
    background-color: #f5f5f5;
  }
  
  .ce-mdc-logo-img {
    height: 50px;
    padding-top: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .ce-global-navbar-text {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 3px 20px 3px 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 0.9375rem;
    font-weight: 700;
  }
  
  .ce-global-navbar-text:hover {
    padding-left: 10px;
    background-color: transparent;
  }
  
  .ce-global-navbar-menu {
    position: relative;
    height: 50px;
  }
  
  .ce-navbar {
    z-index: 1;
    overflow: visible;
    height: 50px;
    background-color: #222;
  }
  
  .ce-navigation-container {
    height: 50px;
    max-width: 1170px;
  }
  
  .ce-global-navbar-drop-text {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    font-size: 0.875rem;
  }
  
  .ce-global-navbar-dropdown-list {
    border: 0px none #000;
    background-color: #e0d5d5;
  }
  
  .ce-global-navbar-dropdown-list.w--open {
    padding-top: 8px;
    padding-bottom: 8px;
    border-style: none;
    border-width: 1px;
    border-color: #ddd;
    background-color: #fff;
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.14);
  }
  
  .mdc-brand {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .ce-global-navbar-dropdown-toggle {
    height: 50px;
    padding-top: 15px;
    padding-right: 20px;
    border-left: 1px none #454b50;
  }
  
  .ce-global-navbar-dropdown {
    border-left: 1px solid #454b50;
  }
  
  .ce-local-navigation-section {
    z-index: 0;
    background-color: #005eaa;
  }
  
  .ce-local-navigation-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .ce-local-nav-menu {
    display: block;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Open Sans", sans-serif;
  }
  
  .ce-local-nav-link {
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 10px 25px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-family: "Open Sans", sans-serif;
    color: #fff;
  }
  
  .ce-local-nav-link:hover {
    margin-top: 3px;
    margin-bottom: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    background-color: #0c76cf;
  }
  
  .mdc-main-title-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #ccc;
  }
  
  .mdc-main-title {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #333;
    font-size: 2.1875rem;
    letter-spacing: -1px;
  }
  
  .ce-camps-header-container {
    max-width: 1170px;
    margin-top: 15px;
    margin-bottom: 30px;
  }
  
  .ce-summercamp-sticky-section {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-color: #fff;
  }
  
  .ce-summercamps-sitcky-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .quick-access-container {
    border-bottom: 1px solid hsla(0, 0%, 60%, 0.7);
    background-color: transparent;
  }
  
  .quick-access-link {
    margin-top: auto;
    margin-bottom: auto;
    padding: 10px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    background-color: transparent;
    color: #333;
    text-decoration: none;
  }
  
  .quick-access-link:hover {
    background-color: #ececec;
    color: #0f76d0;
  }
  
  .quick-link-text {
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
  }
  
  .quick-link-text:hover {
    color: #005daa;
    font-weight: 600;
  }
  
  .ce-summercamps-campus-location {
    width: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .ce-summercamp-course-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
  }
  
  .ce-sumercamps-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  
  .ce-summercamps-info-container {
    margin-bottom: 5px;
  }
  
  .ce-summercamps-program-section {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 35px;
    padding-bottom: 35px;
  }
  
  .ce-summercamps-program-section.odd-section {
    background-color: transparent;
  }
  
  .ce-summercamps-campus-location-address {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    text-align: right;
  }
  
  .ce-summercamps-campus-title {
    width: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  .ce-camps-content-container-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1170px;
    margin-top: 5px;
    padding: 5px 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    background-color: #005daa;
    color: #fff;
  }
  
  .ce-summercamps-campus-title-text {
    margin-top: 10px;
    font-size: 1.6875rem;
  }
  
  .ce-sumercamps-info-bold {
    padding-right: 5px;
    font-weight: 700;
  }
  
  .ce-summercamps-contet-container {
    max-width: 1170px;
    margin-top: 30px;
  }
  
  .ce-summercamp-text-link {
    color: #333;
  }
  
  @media screen and (max-width: 991px) {
    .ce-top-banner-img {
      -o-object-fit: cover;
      object-fit: cover;
    }
  
    .ce-topcontent-section {
      -o-object-position: 50% 50%;
      object-position: 50% 50%;
    }
  
    .ce-program-grid {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr auto auto auto;
      grid-template-rows: 1fr auto auto auto;
    }
  
    .ce-programareas-image {
      width: 100%;
      height: 100%;
    }
  
    .ce-program-stream-container {
      margin-top: 0px;
    }
  
    .ce-program-stream-topbanner {
      min-height: 300px;
      -o-object-fit: cover;
      object-fit: cover;
    }
  
    .mdc-program-stream-aoi-conatiner {
      padding-right: 10px;
      padding-left: 10px;
    }
  
    .ce-stream-grid-1col {
      padding-right: 10px;
      padding-left: 10px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto;
      grid-template-rows: 1fr auto;
    }
  
    .ce-stream-grid-2col {
      padding-right: 10px;
      padding-left: 10px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto;
      grid-template-rows: 1fr auto;
    }
  
    .mdc-school-name {
      text-align: center;
    }
  
    .mdc-search-container {
      width: 65%;
    }
  
    .mdc-header-grid {
      padding-right: 10px;
      padding-left: 10px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
  
    .ce-global-navbar-link {
      background-color: #222;
    }
  
    .ce-global-navbar-drop-link {
      background-color: #222;
      color: #9d9d9d;
    }
  
    .ce-global-navbar-drop-link:hover {
      background-color: transparent;
      color: #fff;
    }
  
    .ce-menu-button {
      height: 50px;
      padding-top: 15px;
    }
  
    .ce-menu-button:hover {
      background-color: #333;
    }
  
    .ce-menu-button:active {
      background-color: #333;
    }
  
    .ce-menu-button.w--open {
      background-color: #333;
    }
  
    .ce-mdc-logo-img {
      padding-bottom: 5px;
      padding-left: 10px;
    }
  
    .ce-global-navbar-menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      background-color: #222;
    }
  
    .ce-menu-icon {
      color: #fff;
      font-size: 1.5625rem;
      line-height: 1.5625rem;
    }
  
    .ce-global-navbar-dropdown-list {
      z-index: auto;
      border: 0px none #000;
      background-color: #fff;
    }
  
    .ce-global-navbar-dropdown-list.w--open {
      background-color: #222;
      color: #9d9d9d;
    }
  
    .ce-global-navbar-dropdown-list.w--open:hover {
      color: #fff;
    }
  
    .ce-global-navbar-dropdown-toggle {
      display: inline-block;
      width: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .ce-global-navbar-dropdown {
      width: 100%;
      background-color: #222;
    }
  
    .ce-local-nav-menu {
      background-color: #005eaa;
    }
  
    .ce-local-menu-button {
      display: block;
      margin: 3px 10px 3px auto;
      padding-top: 10px;
      padding-bottom: 10px;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
    }
  
    .ce-local-menu-button:hover {
      border-style: none;
      border-width: 1px;
      border-color: #fff;
      background-color: #0c76cf;
    }
  
    .ce-local-menu-button.w--open {
      background-color: #0c76cf;
    }
  
    .ce-local-nav-button-icon {
      color: #fff;
      font-size: 1.5625rem;
    }
  
    .mdc-main-title-container {
      padding-right: 10px;
      padding-left: 10px;
    }
  
    .ce-summercamp-course-grid {
      padding-right: 10px;
      padding-left: 10px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto;
      grid-template-rows: 1fr auto;
    }
  
    .ce-camps-content-container-2 {
      padding-right: 10px;
      padding-left: 10px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .ce-top-banner-img {
      -o-object-position: 80% 50%;
      object-position: 80% 50%;
    }
  
    .ce-topcontent-section {
      -o-object-position: 50% 50%;
      object-position: 50% 50%;
    }
  
    .ce-program-grid {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: 1fr auto auto auto auto auto;
      grid-template-rows: 1fr auto auto auto auto auto;
    }
  
    .ce-stream-grid-1col {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto auto auto auto auto;
      grid-template-rows: 1fr auto auto auto auto auto;
    }
  
    .ce-program-stream-card {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .ce-program-stream-image {
      width: 100%;
    }
  
    .ce-stream-grid-2col {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto auto auto auto auto;
      grid-template-rows: 1fr auto auto auto auto auto;
    }
  
    .quick-access-container {
      display: block;
    }
  
    .ce-summercamp-course-grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto auto auto auto auto;
      grid-template-rows: 1fr auto auto auto auto auto;
    }
  }
  
  @media screen and (max-width: 479px) {
    .ce-program-grid {
      grid-row-gap: 12px;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto auto auto auto auto auto auto auto auto auto auto;
      grid-template-rows: 1fr auto auto auto auto auto auto auto auto auto auto auto;
    }
  
    .ce-programareas-card {
      overflow: visible;
      height: auto;
    }
  
    .ce-programareas-image {
      height: auto;
    }
  
    .ce-programareas-title {
      margin-bottom: 0px;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 1rem;
    }
  
    .ce-program-stream-topbanner.tech {
      -o-object-position: 0% 50%;
      object-position: 0% 50%;
    }
  
    .ce-program-stream-topbanner.business {
      -o-object-position: 65% 50%;
      object-position: 65% 50%;
    }
  
    .cta-button-small {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-right: auto;
      margin-left: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 0.9375rem;
    }
  
    .cta-button-small.catalog {
      display: none;
    }
  
    .ce-stream-grid-1col {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto;
      grid-template-rows: 1fr auto;
    }
  
    .ce-program-stream-card {
      height: auto;
    }
  
    .ce-stream-grid-2col {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto;
      grid-template-rows: 1fr auto;
    }
  
    .mdc-school-name {
      padding-right: 10px;
      padding-left: 10px;
      font-size: 1.5625rem;
      line-height: 1.875rem;
      letter-spacing: -1px;
    }
  
    .mdc-search-container {
      width: 100%;
      margin-bottom: 0px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .ce-menu-button:active {
      background-color: #333;
    }
  
    .mdc-main-title-container {
      padding-bottom: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      text-align: left;
    }
  
    .mdc-main-title {
      margin-bottom: 10px;
    }
  
    .ce-summercamps-sitcky-menu {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
  
    .quick-access-container {
      display: inline;
      margin-right: auto;
      margin-left: auto;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      text-align: center;
    }
  
    .ce-summercamps-campus-location {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
      text-align: left;
    }
  
    .ce-summercamp-course-grid {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 1fr auto;
      grid-template-rows: 1fr auto;
    }
  
    .ce-summercamps-campus-location-address {
      text-align: center;
    }
  
    .ce-summercamps-campus-title {
      width: 100%;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
    }
  
    .ce-camps-content-container-2 {
      margin-right: auto;
      margin-left: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
    }
  
    .ce-summercamps-campus-title-text {
      text-align: center;
    }
  }
  
  /* ------CSS for Streams Landing page -------- */
  
  .mdc-streampage-container {
    display: block;
    overflow: visible;
    height: 100%;
    max-height: 100%;
    max-width: 1170px;
    margin-top: 25px;
    margin-bottom: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .mdc-streampage-description {
    margin-bottom: 0px;
    padding: 30px;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    line-height: 1.5625rem;
    font-weight: 400;
  }
  
  .mdc-streampage-image {
    position: static;
    width: 100%;
    max-height: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #f5f7fc;
    -o-object-fit: fill;
    object-fit: fill;
    -o-object-position: 0% 50%;
    object-position: 0% 50%;
  }
  
  .mdc-streampage-image.right {
    -o-object-position: 100% 50%;
    object-position: 100% 50%;
  }
  
  .mdc-streampage-desc-container {
    background-color: #f5f7fc;
  }
  
  .mdc-streampage-image-container {
    overflow: hidden;
    width: auto;
    height: 100%;
    max-height: 300px;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }
  
  @media screen and (max-width: 991px) {
    .mdc-streampage-container {
      display: block;
      padding-right: 0px;
      padding-left: 0px;
    }
  
    .mdc-streampage-image {
      width: auto;
      height: 100%;
      min-height: 300px;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: 50% 50%;
      object-position: 50% 50%;
    }
  
    .mdc-streampage-image-container {
      width: auto;
      height: 100%;
      min-height: 300px;
      -o-object-fit: cover;
      object-fit: cover;
    }
  }
  
  @media screen and (max-width: 479px) {
    .mdc-streampage-image.right {
      -o-object-position: 80% 50%;
      object-position: 80% 50%;
    }
  
    .mdc-streampage-image.left {
      -o-object-position: 30% 50%;
      object-position: 30% 50%;
    }
  
    .mdc-streampage-image-container {
      -o-object-position: 50% 50%;
      object-position: 50% 50%;
    }
  }
  
  /* --------------------------------- */
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37224-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37228-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c3722c-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37230-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37234-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37238-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c3723c-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37240-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37244-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37248-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c3724c-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37250-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37254-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37258-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c3725c-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c37260-4aa75a2e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-e3c6395e-89d5-5085-4e91-a6cf7f5b3dd5-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_28f5c929-aa04-3991-1ad1-b4e052cb9eb3-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-ca370e89-52d1-2e1a-f602-00d251e4e230-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_578b6287-e5fc-c909-dbef-cf24fe161e7c-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_7762db14-6aa7-502d-e201-7131ee7323c3-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_60ab049d-8d8d-863f-32ce-e3db95cad019-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-d346fc2e-405f-9ce6-6e51-643d779931eb-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_44ac9788-4bcd-3939-553f-6b2f26ae65ec-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_2888e23a-1869-74ce-0feb-140c5c3ff8de-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-aade3f00-acdc-90e5-2151-8d04ed545164-dfb950c1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_5112dd93-d2ea-a559-7b19-9e356f1d6982-19210121 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_0791e4a0-9f83-6cb1-dc1d-3917ad606cf6-19210121 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-f46bd0f8-ca7b-9ada-36d7-cd5e005069d1-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_1c14ad07-d337-6e78-a7c3-af1480944d9b-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_551f5f28-09ce-d33e-8bf4-e2ae686e06ae-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_0cb502fa-340b-edfb-8985-ba0a6316ad64-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_9771af67-2a43-b4f8-c046-46f0f53d9f2c-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_9d02884c-8fd1-73cf-e9cf-1c512683ca2c-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_8bf58c9a-d408-ac62-0cfa-496488185eee-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_1f8fe827-3847-053e-c5ed-f186400b399b-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_224fbb35-2a73-e79f-6360-6a18b1e83d63-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_2c8b1d80-8c5f-454b-0333-1250b3213235-1291e74f {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_7cc66b94-c62f-5d2a-0099-55df43dcb742-e7ddc244 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_7cc66b94-c62f-5d2a-0099-55df43dcb747-e7ddc244 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  #w-node-_45e32ef3-3232-6ab8-d686-196d7e258b88-e625a030 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-eb866c5b-87cf-d532-7aab-a00b849f1fd3-e625a030 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_6a888678-0ed9-466e-97d7-b6eddcbe0c25-03e44d24 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_36241eff-d2fc-949c-093e-e99eeaf3f644-03e44d24 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_62ee314c-0e35-31dd-5a11-43701cfbcc31-03e44d24 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_101274ef-129e-59dd-3487-d9d1d58f591f-03e44d24 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-e9fa3f79-13d6-bcdd-86b4-ca162c4f6a9a-edf65e6c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_351f08cf-cbc0-0467-3b79-68ce77ff9a37-edf65e6c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_75352a21-acce-536d-988a-c908abc425e1-edf65e6c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-b9d7cc7d-18dc-2474-7e1e-abee3ad05f9e-edf65e6c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_7c7eed34-e820-797c-f13b-097bebd4e546-edf65e6c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-f345d2d2-d388-352f-294e-a0838b24a8d3-edf65e6c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-c9a9c9d9-ed1e-7c44-3a62-1a2fa5ed8246-edf65e6c {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_244cf641-cba7-2cb9-e00a-8c4fd53b12c6-02ce43b1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_244cf641-cba7-2cb9-e00a-8c4fd53b12cb-02ce43b1 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  #w-node-_6a888678-0ed9-466e-97d7-b6eddcbe0c25-272c6c4e {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_6a888678-0ed9-466e-97d7-b6eddcbe0c25-bf00f7ea {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-c27bea59-5c57-654d-07bd-39e8f0a90a7a-bf00f7ea {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_60d297e4-c694-692f-3748-490b52dd595b-bf00f7ea {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_210cd699-1585-a226-5b66-35a0d597341a-bf00f7ea {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_97803828-4234-8e43-932a-d495ed42a196-bf00f7ea {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-ac155906-f3a4-0c40-7a1d-37fafede112e-bf00f7ea {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_6a888678-0ed9-466e-97d7-b6eddcbe0c25-760e64c2 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-f1912aba-10f8-c226-b8e4-cbd75297fe7b-760e64c2 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-d4a6dc64-195b-ae52-e923-86a4c86cd39d-760e64c2 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_6a888678-0ed9-466e-97d7-b6eddcbe0c25-9993ec97 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-ae2b5f2e-d763-a5e1-26e9-fb013a21804f-9993ec97 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-dc73b20c-25a9-1600-c6d8-0750495b952a-9993ec97 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_6a888678-0ed9-466e-97d7-b6eddcbe0c25-d6c34106 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-f1912aba-10f8-c226-b8e4-cbd75297fe7b-d6c34106 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-d4a6dc64-195b-ae52-e923-86a4c86cd39d-d6c34106 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_93341175-55e8-2312-55e2-55ea9e2a94b3-d6c34106 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_840dfacb-f395-f9ff-0b82-15021c60963f-d6c34106 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_526f24f7-0fd0-dfc4-0b5a-328a313b9992-88eb93ab {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
  }
  
  #w-node-_526f24f7-0fd0-dfc4-0b5a-328a313b9997-88eb93ab {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row-align: center;
    align-self: center;
  }
  
  @media screen and (max-width: 991px) {
    #w-node-_7cc66b94-c62f-5d2a-0099-55df43dcb747-e7ddc244 {
      -ms-grid-column-align: center;
      justify-self: center;
    }
  
    #w-node-_244cf641-cba7-2cb9-e00a-8c4fd53b12cb-02ce43b1 {
      -ms-grid-column-align: center;
      justify-self: center;
    }
  
    #w-node-_526f24f7-0fd0-dfc4-0b5a-328a313b9997-88eb93ab {
      -ms-grid-column-align: center;
      justify-self: center;
    }
  }
  
  @media screen and (max-width: 479px) {
    #w-node-_4ce98413-3a07-b1e0-ba1d-b60567c3725c-4aa75a2e {
      -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
    }
  }
  
  /* Begin KK Modifications to CSS */
  
  /*Override mdc.css*/
  @media (max-width: 1100px) {
    .navbar-collapse.collapse.show {
      display: inherit !important;
    }
  
    /*   .navbar-collapse.collapse.secondary {
      display: none !important;
    } */
  
    .navbar-collapse.collapse.secondary.show {
      display: block !important;
    }
  
    .navbar-nav {
      /* float: none !important; */
      margin: inherit !important;
    }
  
    .navbar-collapse {
      border-top: none;
      box-shadow: none !important;
    }
  }
  
  #header1 ul a:link {
    text-decoration: inherit !important;
  }
  
  @media only screen and (max-width: 40em) {
    .table-reformat td,
    th {
      display: revert !important;
    }
  }
  
  /* Navbar Breakpoints */
  
  /* @media (min-width: 992px) {
        .secondary-nav {
            top: 40% !important;
        }
      } */
  
  @media (min-width: 1200px) {
    .functionNav {
      right: 20px;
    }
  
    div#loginNameWrapper {
      width: auto;
      margin-right: 20px;
    }
  
    div#logoutLinkWrapper {
      padding-right: 0px;
    }
  }
  
  @media (min-width: 1120px) {
    /* .secondary-nav {
          right: 0;
        } */
  
    .functionNav {
      display: flex;
      position: absolute;
      top: 0;
      /* right: 20px; */
    }
  
    .mobileNav {
      display: none;
    }
  
    .level-one-nav {
      display: block;
      margin-left: 70px;
    }
  
    .level-one-nav-item > a {
      border-right: 1px solid #454b51;
    }
  
    #navbarNav {
      display: block;
      margin-left: 80px;
    }
    .navbarFirst {
      border-left: 1px solid #454b51;
    }
    .level-one-nav:hover,
    .level-one-nav:focus-within {
      height: 95vh;
      z-index: 1;
      position: absolute;
      width: 100%;
    }
    .dropdownListItems {
      color: #333;
    }
    .dropdownListItemsHeader {
      color: #212529;
    }
  }
  
  /* Hover dropdown menu functionality */
  #header1 .level-one-nav-item:hover .dropdown-menu {
    position: absolute;
    transform: translate3d(0px, 52px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
  }
  
  #header1 .loginButton:hover .dropdown-menu {
    position: absolute;
    will-change: transform;
    top: 0px;
    left: 0px;
    display: block;
  }
  
  #header1 .loginButton:hover .headerStudentLoginDropdownLink {
    color: #777777 !important;
    pointer-events: none;
  }
  
  div#collapseLoginMenuOptions {
    transform: translate3d(-128px, 19px, 0px) !important;
  }
  
  a#loginDropdownMenuLink:hover {
    text-decoration: none;
  }
  
  .level-one-nav li {
    position: relative;
    /* height: 95vh; */
  }
  
  /* .level-one-nav:hover,
  .level-one-nav:focus-within {
    /*     height: 95vh; */
  /*  z-index: 1;
  }
   */
  .dropdownListItemsHeader {
    font-weight: bold;
  }
  
  #portals {
    padding-left: 10px;
  }
  
  .loginButton {
    padding-left: 25px;
    padding-top: 14px;
    position: relative;
    height: 47px;
  }
  
  .shoppingCart {
    padding-top: 13px;
  }
  
  @media (hover: hover) and (min-width: 1120px) {
    .navbarHeaders {
      pointer-events: none;
    }
  
    #header1 .level-one-nav-item:hover .dropdown-menu {
      display: block;
    }
  
    .level-one-nav .show {
      height: auto;
    }
  }
  
  @media (hover: none) and (pointer: fine) and (min-width: 1120px) {
    .level-one-nav .show {
      height: 95vh;
    }
  }
  
  @media (min-width: 1120px) and (max-width: 1199.98px) {
    /* .functionNav {
          right: -60px;
        } */
    .navbarHeaders {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .functionNav {
      right: -30px;
    }
  
    div#loginNameWrapper {
      width: auto;
      margin-right: 20px;
    }
  
    div#logoutLinkWrapper {
      padding-right: 0px;
    }
  }
  
  @media (min-width: 1120px) {
    .mobileMenu {
      border-radius: 0px 0px 3px 3px;
      box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
      border: 1px solid rgba(0, 0, 0, 0.15);
    }
  
    /* ul.level-one-nav.navbar-nav {
        margin-top: -53px
      } */
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 1119.98px) {
    .level-one-nav {
      z-index: 1;
      background-color: #222;
      margin-top: 47px;
      display: flex;
      flex-direction: column;
    }
  
    .mobileNav {
      position: absolute;
      height: 40px;
      right: 65px;
      top: 3px;
      z-index: 2;
      background: rgb(51, 51, 51) !important;
    }
  
    .mobileMenu {
      position: inherit !important;
      transform: none !important;
      background-color: #222;
      border: none;
    }
  
    .dropdownListItems {
      color: #9d9d9d;
      margin-left: 10px;
    }
  
    .functionNav {
      background: #222;
      display: block;
      justify-content: center;
    }
  
    .navbarHeaders > a {
      text-align: left;
    }
  
    #header1Container {
      width: 100%;
      max-width: none;
      padding: 0;
      margin: 0;
    }
  
    #navbarNav {
      background-color: #222;
      border-top: 0.1px solid #3b3b3b;
    }
  
    .logoSection {
      left: 25px;
      z-index: 2;
    }
  
    .dropdownListItemsHeader {
      color: white;
      font-weight: bold;
    }
  
    .dropdown-menu.mobileMenu {
      border: none;
      margin: none !important;
      padding: none !important;
    }
  
    #header1 {
      z-index: 2;
    }
  
    #header1ContentWrapper {
      height: 50px;
      margin-left: 15px;
    }
  
    a#loginDropdownMenuLink {
      display: none;
    }
  
    div#collapseLoginMenuOptions {
      display: block;
      left: -22px;
      background: #222;
      padding-top: 0;
      border-top: 1px solid rgb(51 51 51);
    }
  
    #collapseLoginMenuOptions a.dropdown-item {
      color: white;
      font-family: "Open Sans", sans-serif;
      font-size: 0.875rem;
      font-weight: 400;
      padding-top: 15px;
      padding-bottom: 15px;
    }
  
    .shoppingCart {
      position: absolute;
      width: 100%;
      background: #222;
      padding-bottom: 10px;
      border-top: 1px solid rgb(51 51 51);
      padding-bottom: 58px;
      padding-top: 15px;
      height: 115px;
    }
  
    .loginButton {
      position: absolute;
      margin-top: 50px;
      width: 100%;
    }
  
    div#cartInfo {
      text-align: left;
      padding-left: 17px;
      padding-top: 5px;
    }
  
    .dropdown.headerStudentLoginContainer {
      margin-left: 17px;
      width: 100%;
      top: 10px;
    }
  }
  
  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767.98px) {
    .level-one-nav {
      z-index: 1;
      background-color: #222;
      margin-top: 47px;
    }
  
    .mobileNav {
      position: absolute;
      height: 40px;
      right: 40px;
      top: 3px;
      z-index: 2;
      background: rgb(51, 51, 51) !important;
    }
  
    .mobileMenu {
      position: inherit !important;
      transform: none !important;
      background-color: #222;
      border: none;
    }
  
    .dropdownListItems {
      color: #9d9d9d;
      margin-left: 10px;
    }
  
    .functionNav {
      background: #222;
      display: block;
      justify-content: center;
    }
  
    .navbarHeaders {
      text-align: left;
    }
  
    #header1Container {
      width: 100%;
      max-width: none;
      padding: 0;
      margin: 0;
    }
  
    #navbarNav {
      background-color: #222;
      border-top: 0.1px solid #3b3b3b;
    }
  
    .logoSection {
      left: 25px;
      z-index: 2;
    }
  
    .dropdownListItemsHeader {
      color: white;
      font-weight: bold;
    }
  
    .dropdown-menu.mobileMenu {
      border: none;
      margin: none !important;
      padding: none !important;
    }
  
    #header1 {
      z-index: 2;
    }
  
    #header1ContentWrapper {
      height: 50px;
      margin-left: 15px;
    }
  
    a#loginDropdownMenuLink {
      display: none;
    }
  
    div#collapseLoginMenuOptions {
      display: block;
      left: -22px;
      background: #222;
      padding-top: 0;
      border-top: 1px solid rgb(51 51 51);
    }
  
    #collapseLoginMenuOptions a.dropdown-item {
      color: white;
      font-family: "Open Sans", sans-serif;
      font-size: 0.875rem;
      font-weight: 400;
      padding-top: 15px;
      padding-bottom: 15px;
    }
  
    .shoppingCart {
      position: absolute;
      width: 100%;
      background: #222;
      padding-bottom: 10px;
      border-top: 1px solid rgb(51 51 51);
      padding-bottom: 56px;
      padding-top: 10px;
    }
  
    .loginButton {
      position: absolute;
      margin-top: 55px;
      width: 100%;
    }
  
    div#cartInfo {
      text-align: left;
      padding-left: 17px;
      padding-top: 5px;
    }
  
    .dropdown.headerStudentLoginContainer {
      width: 100%;
      margin-left: 17px;
    }
  }
  
  /* Extra small devices (portrait phones, less than 576px) */
  @media (max-width: 575.98px) {
    .level-one-nav {
      z-index: 1;
      background-color: #222;
      margin-top: 47px !important;
    }
  
    .mobileNav {
      position: absolute;
      height: 40px;
      right: 40px;
      top: 3px;
      z-index: 3;
      background: rgb(51, 51, 51) !important;
    }
  
    .mobileMenu {
      position: inherit !important;
      transform: none !important;
      background-color: #222;
      border: none;
    }
  
    .dropdownListItems {
      color: #9d9d9d;
      margin-left: 10px;
    }
  
    .navbarHeaders {
      text-align: left;
    }
  
    #header1Container {
      padding: 0;
      margin: 0;
      width: 100%;
      max-width: none;
    }
  
    #navbarNav {
      background-color: #222;
      border-top: 0.1px solid #3b3b3b;
      padding-left: 0px;
      padding-right: 0px;
    }
  
    .logoSection {
      left: 20px;
      z-index: 3;
    }
  
    .dropdown-menu.mobileMenu {
      border: none;
      margin: none !important;
      padding: none !important;
    }
  
    #header1 {
      z-index: 2;
    }
  
    .shoppingCart {
      position: absolute;
      width: 100%;
      background: #222;
      padding-bottom: 10px;
      border-top: 1px solid rgb(51 51 51);
      padding-bottom: 56px;
      padding-top: 10px;
    }
  
    .loginButton {
      position: absolute;
      margin-top: 50px;
      width: 100%;
    }
  
    a#loginDropdownMenuLink {
      display: none;
    }
  
    div#collapseLoginMenuOptions {
      display: block;
      left: -22px;
      padding-top: 0;
      border-top: 1px solid rgb(51 51 51);
      background: #222;
    }
  
    #collapseLoginMenuOptions a.dropdown-item {
      color: white;
      font-family: "Open Sans", sans-serif;
      font-size: 0.875rem;
      font-weight: 400;
      padding-top: 15px;
      padding-bottom: 15px;
    }
  
    div#cartInfo {
      text-align: left;
      margin-left: 16px;
      padding-top: 5px;
    }
  
    .dropdown.headerStudentLoginContainer {
      margin-left: 17px;
      width: 100%;
      top: 10px;
    }
  
    #header1ContentWrapper {
      margin-left: 15px;
    }
  }
  
  .loginMenu-nav .headerStudentLoginDropdownLink.dropdown-toggle {
    border-right: none !important;
    border-left: none !important;
  }
  
  .searchButton {
    padding-left: 30px;
    position: relative;
    height: 47px;
    margin-top: 5px;
  }
  
  #header1 {
    position: relative;
  }
  
  .navbar {
    padding: 0px;
    position: absolute;
    width: 100%;
  }
  
  .dropdown-toggle::after {
    content: none;
  }
  
  .dropdown-menu {
    border: none;
    margin: none;
  }
  
  #navbarNav {
    border-top: none;
  }
  
  /* Secondary Navbar CSS */
  
  /*--Global CSS for Secondary Nav--*/
  
  .secondary-nav-icon > a {
    color: white;
  }
  
  a#secondarynav1,
  a#secondarynav2,
  a#secondarynav3,
  a#secondarynav4,
  a#secondarynav5 {
    color: white !important;
    text-decoration: none;
  }
  
  .navbarIcon {
    color: white;
    width: 24px;
    transform: scale(1.5, 1);
  }
  
  .navbarSecondaryIcon {
    color: white;
    width: 24px;
    transform: scale(1.5, 1);
  }
  
  .secondary-nav-button {
    height: 40px;
  }
  
  #navbarContainer {
    display: flex;
  }
  
  #courseSearch {
    border-radius: 4px;
  }
  
  #courseSearchSubmit {
    border: none;
    background-color: #005dab;
    border-radius: 4px;
  }
  
  #courseSearchIcon {
    color: white;
  }
  
  .navbarHeaders:focus {
    outline-color: rgb(77, 144, 254);
    outline-offset: -2px;
    outline-width: 1px;
    outline-style: solid;
  }
  
  li.level-one-nav-item.nav-item:hover > a {
    background-color: #1b1e20;
  }
  
  li.level-one-nav-item.nav-item > a {
    color: white;
  }
  
  a.dropdown-item.dropdownListItems:hover {
    background-color: #1b1e20;
    color: white;
  }
  
  div#collapseLoginMenuOptions a.dropdown-item:hover {
    color: white;
    background-color: #1b1e20;
  }
  
  /*--Secondary Nav Breakpoints--*/
  
  @media (min-width: 1200px) {
    #secondaryNavbarNav.navbar-collapse.collapse.secondary {
      display: flex !important;
    }
  
    .secondary-nav-class {
      display: block;
    }
  
    div#header3 {
      display: flex;
      top: 0px;
      left: 100px;
      background: transparent;
      z-index: 0;
      -webkit-box-shadow: none;
      margin: 0px;
      padding: 0px;
    }
  
    #header3 .dropdown-item {
      width: auto;
      height: 49px;
    }
  
    .secondaryNavUL {
      display: flex;
      margin-bottom: 0px;
    }
    .secondary-nav-button {
      display: none;
    }
    .secondary-nav-items .nav-link {
      padding-top: 1rem;
    }
  }
  
  @media (min-width: 992px) and (max-width: 1199.98px) {
    #secondaryNavbarNav.navbar-collapse.collapse.secondary {
      display: flex !important;
    }
  
    .secondary-nav-class {
      display: block;
    }
  
    div#header3 {
      display: flex;
      top: 0px;
      left: 0px;
      background: transparent;
      z-index: 0;
      -webkit-box-shadow: none;
      margin: 0px;
      padding: 0px;
    }
  
    #header3 .dropdown-item {
      width: auto;
      height: 49px;
    }
  
    .secondaryNavUL {
      display: flex;
      margin-bottom: 0px;
    }
    .secondary-nav-button {
      display: none;
    }
    .secondary-nav-items .nav-link {
      padding-top: 1rem;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991.98px) {
    .secondary-nav-button {
      position: absolute;
      right: 54px;
      top: 4px;
    }
  
    .secondary-navigation {
      display: flex;
      background: #005dab;
      z-index: 1;
      width: 100%;
    }
  
    .navbar-nav .dropdown-menu {
      position: relative;
      margin: none;
    }
  
    .secondary-nav-class {
      left: 0;
    }
  
    #header3Container .navbar-nav {
      margin: 43px 0 0 0 !important;
    }
  
    .secondaryNavUL {
      padding-left: 0px;
      width: 100%;
    }
    div#secondaryNavbarNav {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
    .secondary-nav-button {
      position: absolute;
      right: 25px;
      top: 4px;
    }
  
    .secondary-navigation {
      display: flex;
      background: #005dab;
      z-index: 1;
      width: 100%;
    }
  
    .navbar-nav .dropdown-menu {
      position: relative;
      margin: none;
    }
  
    .secondary-nav-class {
      left: 0;
    }
  
    #header3Container .navbar-nav {
      margin: 43px 0 0 0 !important;
    }
  
    .navbar-collapse.collapse.show {
      display: block !important;
    }
  
    .secondaryNavUL {
      padding-left: 0px;
      width: 100%;
    }
    div#secondaryNavbarNav {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  
  @media (max-width: 575.98px) {
    .secondary-nav-button {
      position: absolute;
      right: 25px;
      top: 4px;
    }
  
    .secondary-navigation {
      display: flex;
      background: #005dab;
      z-index: 1;
      width: 100%;
    }
  
    .navbar-nav .dropdown-menu {
      position: relative;
      margin: none;
    }
  
    .secondary-nav-class {
      left: 0;
    }
  
    #header3Container .navbar-nav {
      margin: 43px 0 0 0 !important;
    }
  
    .secondaryNavUL {
      padding-left: 0px;
      width: 100%;
    }
    div#secondaryNavbarNav {
      padding-left: 0px;
      padding-right: 0px;
    }
  }
  
  .level-one-nav {
    margin-top: -5px;
    border-top: 1px solid rgb(51 51 51);
  }
  
  /*             SearchBar CSS             */
  
  /*--        Course Searchbar CSS       --*/
  
  /*--Course Search Bar Breakpoints --*/
  
  @media (min-width: 992px) {
    #courseSearch {
      margin-left: -30px;
      margin-right: 10px;
    }
  
    #courseSearchSubmit {
      margin-right: 100px;
      width: 60px;
    }
    div#courseSearchKeyword {
      margin-top: 25px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 991.98px) {
    #courseSearch {
      margin-left: 90px;
      margin-right: 10px;
    }
  
    #courseSearchSubmit {
      margin-right: 100px;
      width: 60px;
    }
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
    #courseSearch {
      margin-left: 90px;
      margin-right: 10px;
    }
  
    #courseSearchSubmit {
      margin-right: 100px;
      width: 60px;
    }
  }
  
  @media (min-width: 450px) and (max-width: 575.98px) {
    #courseSearch {
      margin-left: 90px;
      margin-right: 10px;
    }
  
    #courseSearchSubmit {
      margin-right: 100px;
      width: 60px;
    }
  }
  
  @media (max-width: 449.98px) {
    #courseSearch {
      margin-left: 20px;
      margin-right: 10px;
    }
  
    #courseSearchSubmit {
      margin-right: 20px;
      width: 60px;
    }
  }
  
  /*--        Global Searchbar CSS       --*/
  
  /*--Global Searchbar Breakpoints--*/
  
  /* Megamenu desktop search icon: visible from 992px (matches .lg-block). */
  @media (max-width: 991.98px) {
    #mdc-new-navbar div#siteSearchBoxOuter {
      display: none;
    }
  }
  
  /*Footer Nav*/
  @media (min-width: 768px) and (max-width: 990.98px) {
    #mdc-footer-section .col-md-4,
    #mdc-footer-section .col-md-3,
    #mdc-footer-section .col-md-2 {
      flex: auto;
      max-width: none;
      margin-right: 50px;
    }
  }
  
  @media (max-width: 990.98px) {
    #mdc-footer-section button.btn.btn-default {
      margin-top: 8px;
    }
  }
  
  /* Logged In CSS */
  
  @media (min-width: 768px) and (max-width: 1119.98px) {
    div#loginNameWrapper {
      width: 100%;
      text-align: left;
      background: #222;
      position: absolute;
      padding-left: 16px;
      padding-bottom: 20px;
      padding-top: 10px;
      border-top: 0.1px solid #3b3b3b;
      top: 10px;
    }
  
    div#logoutLinkWrapper {
      background: #222;
      float: none;
      position: absolute;
      max-width: 100%;
      padding-top: 10px;
      width: 100%;
      border-top: 0.1px solid #3b3b3b;
      padding-bottom: 20px;
      top: 52px;
      text-align: left;
      padding-left: 15px;
    }
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
    div#loginNameWrapper {
      width: 100%;
      text-align: left;
      background: #222;
      position: absolute;
      padding-left: 16px;
      padding-bottom: 20px;
      padding-top: 10px;
      border-top: 0.1px solid #3b3b3b;
      top: 10px;
    }
  
    div#logoutLinkWrapper {
      background: #222;
      float: none;
      position: absolute;
      max-width: 100%;
      padding-top: 10px;
      width: 100%;
      border-top: 0.1px solid #3b3b3b;
      padding-bottom: 20px;
      top: 52px;
      text-align: left;
      padding-left: 15px;
    }
  }
  
  @media (max-width: 575.98px) {
    div#loginInfo {
      position: absolute;
      width: 100%;
      top: -5px;
    }
  
    div#loginNameWrapper {
      width: 100%;
      text-align: left;
      background: #222;
      position: absolute;
      padding-left: 16px;
      padding-bottom: 20px;
      padding-top: 10px;
      border-top: 0.1px solid #3b3b3b;
      top: 10px;
    }
  
    #loginInfo.d-none {
      display: flex !important;
    }
  
    div#logoutLinkWrapper {
      background: #222;
      float: none;
      position: absolute;
      max-width: 100%;
      padding-top: 10px;
      width: 100%;
      border-top: 0.1px solid #3b3b3b;
      padding-bottom: 20px;
      top: 52px;
      text-align: left;
      padding-left: 15px;
    }
  
    a.headerStudentLoginLogoutLink {
      padding-right: 20px;
    }
  }
  
  #logoutLinkWrapper::before {
    content: none;
  }
  
  /*Fixed Footer Functionality CSS */
  html,
  body {
    height: 100%;
    overflow-x: hidden;
  }
  
  body {
    margin: 0;
    padding: 0;
    background-color: #fff;
  }
  
  #top {
    position: absolute;
  }
  
  h1,
  p {
    margin: 0;
    padding: 0.3em 0;
  }
  
  #footerContainer {
    margin-top: auto;
  }
  
  /* Heading Modifications */
  div#mainContentContainer h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 3.125rem;
    font-weight: 700;
    letter-spacing: -1.5px;
  }
  
  div#mainContentContainer h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.6875rem;
    line-height: 2rem;
    /* font-weight: 700; */
    letter-spacing: -0.5px;
  }
  
  div#mainContentContainer h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.4375rem;
    line-height: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  
  div#mainContentContainer h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  
  .card .glyphicon {
    margin-top: 3px;
  }
  
  /* Program Card CSS Stylings */
  
  a.ce-program-stream-card:hover {
    text-decoration: none;
    color: #333;
  }
  
  div#mainContentContainer h3.courseSectionTitle {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.25rem;
    line-height: 1.5625rem;
    font-weight: 700;
  }
  
  /*Course Name CSS */
  
  div#pageHeader .courseCode,
  div#pageHeader .nameAndCodeSeparator,
  div#pageHeader .sectionCode,
  div#pageHeader .title {
    font-size: 2.1875rem;
    line-height: 2.1875rem;
  }
  
  div#pageHeader h1 {
    line-height: 3.125rem;
    font-size: 3.125rem;
  }
  
  /* @media (max-width: 991.98px) {
    div#pageHeader h1 {
      line-height: 3.125rem;
    }
  } */
  
  /* QA/ADA designated changes */
  
  a {
    color: #005dab;
  }
  
  /*fix for View Details not showing */
  
  .fade:not(.show) {
    opacity: inherit;
    background: rgba(0, 0, 0, 0.5);
  }
  
  .modal-dialog.modal-lg {
    margin-top: 55px;
  }
  
  /* Summer Camp Fix */
  .ce-summercamp-sticky-section.wf-section {
    top: -50px;
  }
  
  /* Corporate Portal CSS */
  footer#footer {
    display: none;
  }
  
  div#adminPortalMenu #nav1,
  div#adminPortalMenu #nav4,
  div#adminPortalMenu #nav5,
  div#adminPortalMenu #nav6,
  div#adminPortalMenu #nav7 {
    color: #005dab;
  }
  
  span.input-group-append {
    z-index: 0;
  }
  
  /*-- Corporate Portal Navbar Breakpoints --*/
  
  @media (min-width: 1200px) {
    div#schoolHeaderLogoWrapper.corp-nav {
      margin-left: -8px;
    }
  
    div#navbarNav.corp-nav {
      margin-left: 67px;
    }
  
    .functionNav.corp-nav {
      top: 10px;
      position: fixed;
      margin-right: 2px;
    }
  
    li.level-one-nav-item.nav-item.corp-nav > a {
      padding-left: 12px;
      padding-right: 12px;
    }
  
    .oneceBookbird {
      display: none;
    }
  
    div#capGroupInfoHeader {
      margin-right: 7px;
    }
  
    .loginButtonCorp {
      margin-top: 7px;
    }
  
    div#loginInfo a.headerLogoutLink {
      padding-left: 3px;
    }
  
    div#loginInfo span.labelWithSeparator {
      padding-left: 5px;
    }
  
    .loginButtonCorp {
      margin-top: 7px;
      margin-left: 15px;
    }
  }
  
  @media (min-width: 1120px) and (max-width: 1199.98px) {
    .functionNav.corp-nav {
      right: -60px;
      top: 10px;
    }
  
    div#schoolHeaderLogoWrapper.corp-nav {
      margin-left: -80px;
      transform: scale(0.8);
    }
  
    div#navbarNav.corp-nav {
      margin-left: -18px;
    }
  
    li.level-one-nav-item.nav-item.corp-nav > a {
      padding-left: 8px;
      padding-right: 8px;
    }
  
    .oneceBookbird {
      display: none;
    }
  
    div#capGroupInfoHeader {
      margin-right: 5px;
    }
  
    .loginButtonCorp {
      margin-top: 7px;
    }
  
    div#loginInfo a.headerLogoutLink {
      padding-left: 3px;
    }
  
    div#loginInfo span.labelWithSeparator {
      padding-left: 5px;
    }
  
    .loginButtonCorp {
      margin-top: 7px;
      margin-left: 15px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1119.98px) {
    .shoppingCartCorp {
      position: absolute;
      width: 100%;
      background: #222;
      padding-bottom: 70px;
      padding-top: 5px;
    }
  
    .loginButtonCorp {
      position: absolute;
      margin-top: 60px;
      width: 100%;
      padding-left: 15px;
    }
  
    a#loginDropdownMenuLink {
      display: none;
    }
  
    div#collapseLoginMenuOptions {
      display: block;
      left: -22px;
      padding-top: 0;
      border-top: 1px solid rgb(51 51 51);
      background: #222;
    }
  
    #collapseLoginMenuOptions a.dropdown-item {
      color: white;
      font-family: "Open Sans", sans-serif;
      font-size: 0.875rem;
      font-weight: 400;
      padding-top: 15px;
      padding-bottom: 15px;
    }
  
    div#cartInfo {
      text-align: left;
      padding-top: 5px;
    }
  
    .dropdown.headerStudentLoginContainer {
      margin-left: 17px;
      width: 100%;
      top: 10px;
    }
  
    .groupInfoCorp {
      border-top: 1px solid rgb(51 51 51);
    }
  
    .oneceBookbird {
      width: 15px;
    }
  
    div#capGroupInfoHeader {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    div#loginInfo span.labelWithSeparator {
      margin-left: 5px;
    }
  
    div#loginInfo a.headerLogoutLink {
      margin-left: 5px;
    }
    .navbar-collapse.collapse {
      display: none !important;
    }
  }
  
  @media (min-width: 576px) and (max-width: 767.98px) {
    .shoppingCartCorp {
      position: absolute;
      width: 100%;
      background: #222;
      padding-bottom: 70px;
      padding-top: 5px;
    }
  
    .loginButtonCorp {
      position: absolute;
      margin-top: 60px;
      width: 100%;
      padding-left: 15px;
    }
  
    a#loginDropdownMenuLink {
      display: none;
    }
  
    div#collapseLoginMenuOptions {
      display: block;
      left: -22px;
      padding-top: 0;
      border-top: 1px solid rgb(51 51 51);
      background: #222;
    }
  
    #collapseLoginMenuOptions a.dropdown-item {
      color: white;
      font-family: "Open Sans", sans-serif;
      font-size: 0.875rem;
      font-weight: 400;
      padding-top: 15px;
      padding-bottom: 15px;
    }
  
    div#cartInfo {
      text-align: left;
      padding-top: 5px;
    }
  
    .dropdown.headerStudentLoginContainer {
      margin-left: 17px;
      width: 100%;
      top: 10px;
    }
  
    .groupInfoCorp {
      border-top: 1px solid rgb(51 51 51);
    }
  
    .oneceBookbird {
      width: 15px;
    }
  
    div#capGroupInfoHeader {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    div#loginInfo span.labelWithSeparator {
      margin-left: 5px;
    }
  
    div#loginInfo a.headerLogoutLink {
      margin-left: 5px;
    }
  }
  
  @media (max-width: 575.98px) {
    .shoppingCartCorp {
      position: absolute;
      width: 100%;
      background: #222;
      padding-bottom: 70px;
      padding-top: 5px;
    }
  
    .loginButtonCorp {
      position: absolute;
      margin-top: 60px;
      width: 100%;
      padding-left: 15px;
    }
  
    a#loginDropdownMenuLink {
      display: none;
    }
  
    div#collapseLoginMenuOptions {
      display: block;
      left: -22px;
      padding-top: 0;
      border-top: 1px solid rgb(51 51 51);
      background: #222;
    }
  
    #collapseLoginMenuOptions a.dropdown-item {
      color: white;
      font-family: "Open Sans", sans-serif;
      font-size: 0.875rem;
      font-weight: 400;
      padding-top: 15px;
      padding-bottom: 15px;
    }
  
    div#cartInfo {
      text-align: left;
      margin-left: 16px;
      padding-top: 5px;
    }
  
    .dropdown.headerStudentLoginContainer {
      margin-left: 17px;
      width: 100%;
      top: 10px;
    }
  
    .groupInfoCorp {
      border-top: 1px solid rgb(51 51 51);
    }
  
    .oneceBookbird {
      width: 15px;
    }
  
    div#capGroupInfoHeader {
      padding-top: 10px;
      padding-bottom: 10px;
    }
  
    div#loginInfo span.labelWithSeparator {
      margin-left: 5px;
    }
  
    div#loginInfo a.headerLogoutLink {
      margin-left: 5px;
    }
  }
  
  /* Corp fix for the menu */
  @media (max-width: 991.98px) {
    div#adminPortalMenu {
      display: block !important;
    }
  }
  
  /* Program Stream Banner Positioning */
  
  @media (max-width: 991.98px) {
    /*left classes*/
  
    img.ce-program-stream-topbanner.left10 {
      object-position: 10% 90%;
    }
  
    img.ce-program-stream-topbanner.left20 {
      object-position: 20% 80%;
    }
  
    img.ce-program-stream-topbanner.left30 {
      object-position: 30% 70%;
    }
  
    /*right classes*/
  
    img.ce-program-stream-topbanner.right10 {
      object-position: 90% 10%;
    }
  
    img.ce-program-stream-topbanner.right20 {
      object-position: 80% 20%;
    }
  
    img.ce-program-stream-topbanner.right30 {
      object-position: 70% 30%;
    }
  
    /*Specific stream Top Banner Classes*/
    img.ce-program-stream-topbanner.business {
      object-position: 90% 10%;
    }
  
    img.ce-program-stream-topbanner.tech {
      object-position: 10% 90%;
    }
  
    img.mdc-streampage-image {
      width: 100%;
    }
  
    /*Streampage Left*/
    img.mdc-streampage-image.left10 {
      object-position: 10% 90%;
    }
  
    img.mdc-streampage-image.left20 {
      object-position: 20% 80%;
    }
  
    img.mdc-streampage-image.left30 {
      object-position: 30% 70%;
    }
  
    /*Streampage Right*/
    img.mdc-streampage-image.right10 {
      object-position: 90% 10%;
    }
  
    img.mdc-streampage-image.right20 {
      object-position: 80% 20%;
    }
  
    img.mdc-streampage-image.right30 {
      object-position: 70% 30%;
    }
  }
  
  /* footer accredation fix */
  li.footer-accredation {
    display: inline-block;
    padding-left: 5px;
  }
  
  /*bootstrap fixes*/
  .navbar-dark .navbar-toggler,
  .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
  }
  
  .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }
  
  .dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    padding: 3px 20px;
    line-height: 1.42857143;
    white-space: nowrap;
  }
  .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
    border-top-color: rgba(0, 0, 0, 0.1);
    border-right-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-left-color: rgba(0, 0, 0, 0.1);
  }
  .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
  }
  nav.navbar.navbar-light.navbar-expand-lg.secondary-nav-class {
    border: none;
  }
  
  .ce-home {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  
  @media (min-width: 576px) {
    .ce-home {
      max-width: 540px;
    }
    @media (min-width: 768px) {
      .ce-home {
        max-width: 720px;
      }
    }
    @media (min-width: 992px) {
      .ce-home {
        max-width: 960px;
      }
    }
  }
  @media (min-width: 1200px) {
    .ce-home {
      max-width: 1140px;
    }
  }
  
  #contentHeader {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  
  @media (min-width: 768px) {
    .ce-home {
      margin-top: 0px;
    }
  }
  @media (max-width: 767px) {
    .ce-home {
      margin-top: 0px;
    }
  }
  
  .ce_top_banner {
    width: 100%;
    margin-bottom: 20px;
  }
  
  .ce_top_banner_image {
    object-fit: cover;
    height: 300px;
    width: 100%;
  }
  
  /*Corporate Training*/
  #contentModule1 {
    display: flex;
  }
  
  .contentmodule1_left {
    float: left;
    margin-right: 25px;
  }
  @media (min-width: 1200px) {
    .contentmodule1_image {
      float: right;
      height: 400px;
    }
  }
  
  @media (max-width: 1199.98px) {
    .contentmodule1_image {
      width: 100%;
      margin-top: 30px;
    }
    #contentModule1 {
      flex-direction: column;
    }
  }
  
  .mdc-ce-corporate-hero-title {
    font-size: 2.5rem;
  }
  .contact_us {
    margin-top: 6px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  h2.mdc-ce-corporate-subtitles.centered {
    text-align: center;
  }
  
  .mdc-ce-corporate-clients-section.wf-section {
    margin-top: 60px;
  }
  
  @media (max-width: 767px) {
    .mdc-ce-corporate-client-logo-grid {
      padding-right: 30px;
      padding-left: 30px;
    }
  }
  
  @media (max-width: 991.98px) {
    .mdc-ce-corporate-client-logo-grid {
      padding-right: 60px;
      padding-left: 60px;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      -ms-grid-rows: auto auto auto;
      grid-template-rows: auto auto auto;
    }
    .mdc-ce-corporate-clients-container {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      overflow: visible;
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      padding: 15px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: transparent;
      -o-object-fit: cover;
      object-fit: cover;
    }
    .mdc-ce-corporate-client-logo-grid {
      padding-right: 60px;
      padding-left: 60px;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      -ms-grid-rows: auto auto auto;
      grid-template-rows: 2fr 1fr 2fr;
    }
    .client-logo-wrapper {
      margin-right: auto;
      margin-left: auto;
    }
    img.corporate--client-logo {
      display: block;
      /*     width: 50%; */
      margin-right: auto;
      margin-bottom: 10px;
      margin-left: auto;
    }
  }
  
  @media (min-width: 992px) {
    .mdc-ce-corporate-client-logo-grid {
      padding-top: 20px;
      padding-bottom: 20px;
      grid-column-gap: 10px;
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      display: flex;
      align-items: center;
    }
  }
  
  @media (max-width: 767px) {
    .corporate--client-logo {
      width: 70%;
    }
  }
  
  .client-logo-wrapper {
    width: 90%;
    max-width: 100%;
    display: flex;
    align-items: center;
  }
  
  .corporate--client-logo {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }
  
  #contentModuleArea2 {
    background-color: #f8f8f8;
    display: flex;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  .contentmodule2_left {
    float: left;
  }
  
  .contentmodule2_image {
    object-fit: cover;
  }
  @media (min-width: 992px) {
    .contentmodule2_image {
      float: left;
      height: 350px;
    }
    .contentmodule2_right {
      margin-top: 50px;
      margin-left: 30px;
      float: left;
    }
    div#innercontentModule2 {
      margin: auto;
    }
  }
  
  @media (max-width: 991.98px) {
    .contentmodule2_image {
      width: 100%;
      margin-top: 30px;
      height: 430px;
    }
    #contentModuleArea2 {
      flex-direction: column;
    }
    div#innercontentModule2 {
      margin: auto;
    }
    .contentmodule2_right {
      margin-top: 480px;
      margin-left: 20px;
    }
  }
  /* @media (min-width: 767px) and (max-width: 991.98px) {
    .contentmodule2_image {
      float: left;
      height: 350px;
    }
    .contentmodule2_right {
      margin-top: 50px;
      margin-left: 20px;
      float: left;
    }
    div#innercontentModule2 {
      margin: auto;
    }
  } */
  
  .corporateprogramsection {
    display: flex;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  @media (min-width: 991.98px) {
    #managementandleadershipsection {
      width: 33%;
      margin-right: 10px;
    }
    #technologysection {
      width: 33%;
      margin-left: 10px;
      margin-right: 10px;
    }
    #languagesection {
      width: 33%;
      margin-left: 10px;
    }
    img.mdc-ce-corporate-program-image {
      width: 100%;
    }
    mdc-ce-corporate-program-subtitle {
      font-size: 0.875rem;
      font-weight: 700;
    }
  }
  @media (max-width: 991.98px) {
    #managementandleadershipsection {
      margin-bottom: 30px;
    }
    #technologysection {
      margin-bottom: 30px;
    }
    #languagesection {
      margin-bottom: 30px;
    }
  
    img.mdc-ce-corporate-program-image {
      width: 100%;
    }
    mdc-ce-corporate-program-subtitle {
      font-size: 0.875rem;
      font-weight: 700;
    }
    .corporateprogramsection {
      flex-direction: column;
    }
  }
  div#siteContent {
    margin-top: 0px;
  }
  footer#mdc-footer-section {
    margin-top: 0px;
  }
  
  #contactModule {
    background-color: #f8f8f8;
    display: flex;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .ct-contact-text-link {
    font-family: "Open Sans", sans-serif;
    color: #333;
    line-height: 1.4375rem;
    text-decoration: none;
  }
  .ct-contact-text-link:hover {
    text-decoration: none;
  }
  
  .contactModule_placeholder {
    /*   padding: 25px; */
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 8px;
    background-color: #fff;
    height: 300px;
  }
  
  div#innercontactModule {
    display: flex;
  }
  @media (max-width: 991.98px) {
    .contactModule_left {
      margin-bottom: 30px;
    }
    div#innercontactModule {
      flex-direction: column;
    }
    .contactModule_placeholder {
      height: auto;
      width: 100%;
    }
  }
  @media (min-width: 992px) {
    .contactModule_left {
      float: left;
      margin-right: 50px;
      margin-top: auto;
      margin-bottom: auto;
    }
  }
  i.fas.fa-phone-flip {
    color: #005daa;
    margin-right: 5px;
  }
  i.fas.fa-envelope {
    color: #005daa;
    margin-right: 5px;
  }

/* ============================================================
   MDC New Navbar
   ============================================================ */

#mdc-navbar {
  background: linear-gradient(180deg, rgba(17, 43, 78) 0%, rgba(9, 27, 50) 100%);
  position: sticky;
  top: 0;
  z-index: 500;
  width: 100%;
}

.mdc-nav-container {
  display: flex;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  height: 64px;
}

/* Logo */
.mdc-nav-logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-right: 1.5rem;
}

.mdc-nav-logo img {
  height: 44px;
  width: auto;
}

/* Mobile toggler */
.mdc-nav-toggler {
  display: none;
  background: transparent;
  border: 1px solid rgba(129, 180, 246);
  border-radius: 14px;
  color: #fff;
  padding: 0.375rem 0.6rem;
  margin-left: auto;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
}

/* Nav collapse wrapper */
#mdc-nav-menu {
  display: flex;
  align-items: center;
  flex: 1;
}

/* Nav links list */
.mdc-nav-links {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}

.mdc-nav-item {
  position: relative;
}

.mdc-nav-link {
  display: inline-flex;
  align-items: center;
  padding: 0 0.7rem;
  min-height: 44px;
  color: #fff !important;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none !important;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 14px;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.mdc-nav-link:hover {
  background: rgba(129, 180, 246, 0.08);
  border-color: rgba(129, 180, 246, 0.22);
  box-shadow: inset 0 1px 0 rgba(192, 221, 255, 0.12);
  color: #fff !important;
}

.mdc-nav-link:focus {
  background: rgba(129, 180, 246, 0.08);
  border-color: rgba(129, 180, 246, 0.22);
  box-shadow: inset 0 1px 0 rgba(192, 221, 255, 0.12);
  color: #fff !important;
  outline: 3px solid rgba(129, 180, 246, 0.8);
  outline-offset: 2px;
}

.mdc-nav-link:focus:not(:focus-visible) {
  outline: none;
}

.mdc-nav-link:focus-visible {
  outline: 3px solid rgba(129, 180, 246, 0.8);
  outline-offset: 2px;
}

.mdc-nav-link.dropdown-toggle::after {
  margin-left: 0.3em;
  vertical-align: middle;
}

/* Dropdown menus */
.mdc-dropdown-menu {
  background: linear-gradient(180deg, rgb(17, 43, 78) 0%, rgb(9, 27, 50) 100%);
  border: 1px solid rgba(129, 180, 246, 0.22);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(192, 221, 255, 0.12);
  min-width: 210px;
  padding: 0.5rem 0;
  margin-top: 4px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mdc-dropdown-menu .dropdown-item {
  color: #e0e0e0;
  padding: 0 1rem;
  min-height: 44px;
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  border-radius: 2px;
  transition: background 0.1s;
}

.mdc-dropdown-menu .dropdown-item:hover {
  background-color: rgba(129, 180, 246, 0.1);
  color: #fff;
}

.mdc-dropdown-menu .dropdown-item:focus {
  background-color: rgba(129, 180, 246, 0.1);
  color: #fff;
  outline: 3px solid rgba(129, 180, 246, 0.8);
}

.mdc-dropdown-menu .dropdown-item:focus:not(:focus-visible) {
  outline: none;
}

.mdc-dropdown-menu .dropdown-item:focus-visible {
  outline: 3px solid rgba(129, 180, 246, 0.8);
}

.mdc-dropdown-header {
  display: block;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 0.6rem 1rem 0.25rem;
}

/* Suppress browser default focus outlines across the whole navbar */
#mdc-navbar *:focus {
  outline: none;
}

#mdc-navbar *:focus-visible {
  outline: 2px solid rgba(129, 180, 246, 0.8);
  border-radius: 4px;
  outline-offset: -2px;
}

/* Action buttons */
.mdc-nav-actions {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
}

.mdc-nav-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  background: transparent;
  border: 1px solid rgba(129, 180, 246, 0.22);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(192, 221, 255, 0.12);
  color: #fff !important;
  padding: 0 0.85rem;
  min-height: 44px;
  font-size: 0.875rem;
  cursor: pointer;
  text-decoration: none !important;
  white-space: nowrap;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Icon-only action buttons: search gets a fixed 44×44 circle */
.mdc-nav-search-btn {
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
}

/* Cart: wider pill to accommodate icon + badge side by side */
.mdc-nav-cart {
  height: 44px;
  min-width: 64px;
  padding: 0 0.75rem;
  gap: 0.35rem;
  border-radius: 22px;
}

.mdc-nav-cart i,
.mdc-nav-search-btn i {
  font-size: 1.1rem;
  line-height: 1;
}

.mdc-nav-btn:hover {
  background: rgba(129, 180, 246, 0.1);
  border-color: rgba(129, 180, 246, 0.5);
  box-shadow: inset 0 1px 0 rgba(192, 221, 255, 0.2);
  color: #fff !important;
}

.mdc-nav-btn:focus {
  background: rgba(129, 180, 246, 0.1);
  border-color: rgba(129, 180, 246, 0.5);
  box-shadow: inset 0 1px 0 rgba(192, 221, 255, 0.2);
  color: #fff !important;
  outline: 3px solid rgba(129, 180, 246, 0.8);
}

.mdc-nav-btn:focus:not(:focus-visible) {
  outline: none;
}

.mdc-nav-btn:focus-visible {
  outline: 3px solid rgba(129, 180, 246, 0.8);
}

.mdc-nav-btn.dropdown-toggle::after {
  display: none;
}

/* Cart badge */
.mdc-nav-cart {
  position: relative;
}

.mdc-cart-badge {
  background-color: #f8c200;
  color: #000;
  border-radius: 50%;
  font-size: 0.975rem;
  font-weight: 700;
  min-width: 1.65rem;
  height: 1.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.3rem;
}

/* Sticky Search Bar */
#mdc-search-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1040;
  background: linear-gradient(180deg, rgba(17, 43, 78, 0.97) 0%, rgba(9, 27, 50, 0.97) 100%);
  border-bottom: 1px solid rgba(129, 180, 246, 0.22);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(192, 221, 255, 0.12);
  transform: translateY(-100%);
  transition: transform 0.22s ease, border-color 0.2s ease, box-shadow 0.2s ease;
  visibility: hidden;
}

#mdc-search-bar.is-open {
  transform: translateY(0);
  visibility: visible;
}

.mdc-search-bar-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0.75rem 1rem;
}

.mdc-search-input-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.mdc-search-input {
  flex: 1;
  background: rgba(17, 43, 78, 0.5);
  border: 1px solid rgba(129, 180, 246, 0.22);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(192, 221, 255, 0.12);
  color: #fff;
  padding: 0 1rem;
  min-height: 44px;
  font-size: 1rem;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mdc-search-input:focus-visible {
  outline: 3px solid rgba(129, 180, 246, 0.8);
  outline-offset: 2px;
  border-color: rgba(129, 180, 246, 0.5);
}

.mdc-search-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.mdc-search-input:focus {
  border-color: rgba(129, 180, 246, 0.5);
  background: rgba(17, 43, 78, 0.7);
  box-shadow: inset 0 1px 0 rgba(192, 221, 255, 0.2);
}

.mdc-search-submit,
.mdc-search-close {
  background: transparent;
  border: 1px solid rgba(129, 180, 246, 0.22);
  border-radius: 50%;
  box-shadow: inset 0 1px 0 rgba(192, 221, 255, 0.12);
  color: #fff;
  width: 44px;
  height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  font-size: 1rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.mdc-search-submit:focus-visible,
.mdc-search-close:focus-visible {
  outline: 3px solid rgba(129, 180, 246, 0.8);
  outline-offset: 2px;
}

.mdc-search-submit:hover,
.mdc-search-close:hover {
  background: rgba(129, 180, 246, 0.1);
  border-color: rgba(129, 180, 246, 0.5);
}

/* Responsive – tablet/mobile */
@media (max-width: 991.98px) {
  .mdc-nav-toggler {
    display: inline-flex;
    align-items: center;
  }

  .mdc-nav-container {
    flex-wrap: wrap;
    height: auto;
    padding: 0.6rem 1rem;
  }

  .mdc-nav-logo {
    margin-right: 0;
  }

  #mdc-nav-menu {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    padding: 0.5rem 0;
  }

  .mdc-nav-links {
    flex-direction: column;
    width: 100%;
  }

  .mdc-nav-item {
    width: 100%;
  }

  .mdc-nav-link {
    width: 100%;
    padding: 0.6rem 0.75rem;
    border-radius: 0;
  }

  .mdc-nav-actions {
    margin-left: 0;
    padding: 0.5rem 0;
    flex-wrap: wrap;
    width: 100%;
  }

  .mdc-dropdown-menu {
    background: linear-gradient(180deg, rgb(17, 43, 78) 0%, rgb(9, 27, 50) 100%);
    border: none;
    border-radius: 0;
    position: static !important;
    transform: none !important;
    box-shadow: none;
    padding-left: 1rem;
    min-width: 100%;
  }
}