:root {
    --en-website-width: 1200px;

    /* Global convenience variables below (samples). Add/update/delete for your own needs. */
    --website-color-1: #002d62;
    --website-color-2: #181c21;

}

/* General */
body {
    margin: 0;
    padding: 0;
    background: #fff;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    padding: 0;
    margin: 0;
  }
  /* Homepage */
   /* Index properties */
  
   #index-top {
    position: relative;
  }

   
 
.inside-page #pageContentWrapper .en-editable-block-wrapper .givingbtnin {display: inline-block!important; background: #002D62!important; padding: 20px 40px!important; font-family: "soleil", sans-serif!important; font-size: 16px!important; font-weight: 600!important; color: #fff!important; letter-spacing: 1.5px!important; text-decoration: none!important; text-transform: uppercase!important;}

.inside-page #pageContentWrapper .en-editable-block-wrapper a.givingbtnin:hover, .inside-page #pageContentWrapper .en-editable-block-wrapper a.givingbtnin:focus {background: #98B3C8!important; color: #002D62!important; } 

  /* Rows WRapper */
  #rows-wrapper,
  .rows {
    position: relative;
    width: 100%;
  }
  .rows-inner {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    display: grid;
  }
  @media screen and (max-width: 1200px) {
    .rows-inner {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
  }
  
  @media screen and (max-width: 786px) {
    .rows-inner {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
  }
  
  @media screen and (max-width: 767px) {
    .rows-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
  }
  
  /* Homepage Sections */
  section {
    margin-bottom: 0px;
    position: relative;
  }
  /* Homepage Section Headers */
  /* Homepage Sections Containers */
  .container {
    position: relative;
    margin-top: 0;
  }
  

/*Roatating Image Banner Inner*/
#index-top {
  position: relative;
  top: 0;
  margin: 0 auto;
/* width: 100%;*/
  max-height: 750px;
  background: #000;
  overflow: hidden;
max-width: 1700px;
  }
  #slideshow {
   max-width: 1700px;
margin:0 auto;
    max-height: 750px;
    position: relative;
    overflow: hidden;
  
  }
  #index-top::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 3;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgba(0, 0, 0, 0.93) 100%);
  }
  #slideshow img,  #slideshow .nivoSlider,  #slideshow .nivo-slice {
  display: block;
  min-width: 100%;
  width: unset !important;
  position: relative;
  margin-left: 0 !important;
  max-height: 51vw;
  }

  .main-text {
    position: absolute;
    bottom: 48px;
    z-index: 3;
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    left: 2px;
    right: 0;
  }
  .main-text h2 {
    color: #fff;
    font-size: 30px;
    line-height: 1;
    font-family: "soleil", sans-serif;
    font-weight: 600;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    text-align: center;
    position: relative;
  }

  .main-text span {
    margin: 0 40px 0 40px;
    position: relative;
  }
  .main-text span::before {
    content: '';
    position: absolute;
    background: url('/pics/main-text-icon.png') center top no-repeat;
    width: 24px;
    height: 24px;
    left: -37px;
    top: 13px;
  }
  .main-text span::after {
    content: '';
    position: absolute;
    background: url('/pics/main-text-icon.png') center top no-repeat;
    width: 24px;
    height: 24px;
    right: -37px;
    top: 13px;
  }
  @media (max-width: 1200px) {
  .main-text {
    position: absolute;
    bottom: 25px;}
  }
  @media (max-width: 1100px) {
  #index-top {
    margin: 0;
  }
}
@media (max-width: 1026px) {
  .main-text {
    max-width: 1100px;
    justify-content: center;
    flex-wrap: wrap;
    background: #002d62;
    gap: 14px;
    position: relative;
    bottom: 0;
    padding: 40px 20px 40px;
    box-sizing: border-box;
  }
  .main-text-right::before {
    display: none;
  }
}
@media (max-width: 950px) {
.main-text h2 {
  line-height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
}
@media (max-width: 600px) {
  .main-text h2 {
    font-size: 25px;
  }
}

/* Index-heading */

.index-subhead {
  color: #002d62;
  font-family: "soleil", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  position: relative;
  margin: 0 0 0 3px;
  position: relative;
  top: -1px;
}
.index-subhead::before {
  content: '';
  position: absolute;
  width: 50px;
  height: 3px;
  background: #58a2fb;
  top: -18px;
  left: 1px;
}
.index-heading {
  color: #002d62;
  font-family: "baskerville-display-pt", serif;
  font-weight: 400;
  font-size: clamp(50px,6.66vw,80px);
  line-height: clamp(50px,6.16vw,74px);
}


/* MISSION SECTION */
#first-row {
  background: url('/pics/misn-bg.png') center top no-repeat #fff;
}
#first-row-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 80px 0 100px;
}

.misn-left {
  max-width: 260px;
  width: 100%;
  margin: 0 0 0 -3px;
}
.misn-right {
  max-width: 780px;
  width: 100%;
  margin: 13px 0 0;
}
.misn-text {
  margin: 0;
    margin-bottom: 0px;
  color: #181c21;
  font-family: "baskerville-display-pt", serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 30px;
  letter-spacing: 0;
  margin-bottom: 30px;
}
.misn-text.misn-text2 {
  margin-bottom: 47px;
}
.misn-buttons {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.misn-buttons a {
  color: #002d62;
  font-family: "soleil", sans-serif;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 220px;
  height: 60px;
  border: 1px solid #597f9d;
  padding: 2px 2px 6px 3px;
  box-sizing: border-box;
}
.misn-buttons a:hover,.misn-buttons a:focus {
  border: 3px solid #58a2fb;
}

@media (max-width: 790px) {
  #first-row-inner {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
  .misn-buttons {
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }
  .index-subhead::before {
    left: 0px;
    right: 0;
    margin: 0 auto;
  }
}
/*===Events==*/
.en-parallax {
  background-image: url("/pics/parallax.jpg");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin: 0;
  z-index: 9;
  background-color: #002d62;
  }
  .en-parallax::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 45, 98, 0.8);
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  #second-row::after {
    content: '';
    position: absolute;
    width: 67.85%;
    height: 1px;
    background: #98b4c8;
    bottom: 83px;
    left: 0;
    background: url('/pics/event-border.png') center top no-repeat;
    width: 100%;
  }
  #second-row-inner {
    padding: 98px 0 115px;
  }
  .event-heading {
    margin: 0 0 27px;
  }
  .event-heading a {
    text-decoration: none;
    color: #fff;
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
    font-size: clamp(40px,5vw,60px);
    line-height: clamp(40px,5vw,60px);
  }
  #hp-events {
    position: relative;
    width: 1200px;
    margin: 0;
    left: -2px;
  }
  
  #hp-events > div.en-events-slider {
    --min-card-gap: 10px;
    --card-width: 281px;
    --card-height: auto;
    --font-size: 1rem;
    font-family: inherit;
    color: #fff;
  }
  
  div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail {
    overflow: visible !important;
    background: transparent !important;
    margin: 4px 10px 10px 0px !important;
    justify-self: flex-start !important;
  }
  
  #hp-events h2.en-events-section-title {
    color: #fff;
    display: none;
  }
  #hp-events h2.en-events-section-title a {
    text-decoration: none !important;
  }
  
  #hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-day {
    grid-template-rows: 67px auto;
    border: none;
    position: relative;
    margin: 0 0 0;
      margin-left: 0px;
    margin-left: 0px;
    background: transparent;
  }
  
  #hp-events div.en-card-slider-inner-container {
    min-height: 260px;
  }
  
  #hp-events .en-events-slider .en-card-slider-inner-container .en-events-slider-date {
    width: 130px;
    height: 80px;
    background: transparent;
    justify-content: flex-end;
    margin: 0;
    border-radius: 0;
    z-index: 1;
    align-items: center;
    padding: 0;
    position: relative;
    flex-direction: row-reverse;
    text-align: left;
    justify-self: start;
    gap: 14px;
  }
  #hp-events .en-events-slider .en-card-slider-inner-container .en-events-slider-date::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 3px;
    background: #959ca1;
    bottom: -8px;
    left: 2px;
    margin: 0;
  }
  #hp-events .en-events-slider .en-events-slider-date .en-events-slider-date-month {
    font-size: 18px;
    padding-top: 0;
    color: #fff;
    line-height: 22px;
    text-transform: uppercase;
    margin: -9px -24px 0 0;
    letter-spacing: 1px;
    width: 60px;
    text-align: left;
    font-family: "soleil", sans-serif;
    font-weight: 600;
  }
  
  #hp-events .en-events-slider .en-events-slider-date .en-events-slider-date-day {
    font-size: 60px;
    color: #fff;
    line-height: 50px;
    margin: 0 0 0 0;
    letter-spacing: 0;
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
  }
  
  #hp-events div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-title {
    font-size: 22px;
    color: #fff;
    line-height: 24px;
    padding: 0 0 1px 3px;
    margin-bottom: 2px;
    letter-spacing: 0;
    text-align: left;
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
  }
  div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-title a:any-link {
    font-weight: 400 !important;
  }
  #hp-events .en-events-slider > .en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-events-slider-detail-li {
    margin-top: 20px;
    align-items: flex-start !important;
  }
  #hp-events > div.en-events-slider .en-events-slider-detail.en-events-slider-date-today .en-event-slider-li-date span {
    display: none;
    color: #fff;
  }
  #hp-events > div.en-events-slider .en-events-slider-detail .en-event-slider-li-date,
  #hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-time,
  #hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-location {
    font-size: 19px;
    color: #fff;
    line-height: 28px;
    text-align: left;
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
  }
  #hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-location {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .events-thumbnail a {
    width: 155px;
    display: inline-block;
    margin-top: 10px;
  }
  .events-thumbnail a img {
    width: 100%;
    height: auto;
  }
  div.en-events-slider div.en-events-show-all-calendar {
    justify-content: center;
    position: absolute;
    top: -80px;
    right: -2px;
    align-items: center;
    gap: 10px;
  }
  #hp-events div.en-events-slider-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    max-width: 184px;
    height: 18px;
    position: absolute;
    right: -10px;
    bottom: -39px;
    z-index: 999;
  }
  
  #hp-events div.en-events-slider-buttons button {
    position: absolute;
    color: #fff;
    cursor: pointer;
    border: none;
  }
  div.en-events-slider > div.en-events-slider-footer {
    justify-content: center !important;
    align-items: center !important;
    margin: 0 0 0 0px !important;
  }
  
  #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar, #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all {
    color: #fff;
    font-family: "soleil", sans-serif;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    width: 110px;
    height: 40px;
    border: 1px solid #5a7d9e;
    padding: 5px 2px 6px 4px;
    box-sizing: border-box;
    text-align: center;
  }
  #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar:hover, #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all:hover, #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar:focus, #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-all:focus {
    background: #98b4c8;
  color: #002d62;
  }
  #hp-events div.en-events-slider div.en-events-show-all-calendar .en-events-show-calendar {
    width: 160px;
  }
  #hp-events div.en-events-slider-buttons button:hover {
    background-position: -43px 0px !important;
  }
  
  #hp-events div.en-events-slider-buttons button.en-events-prev {
    left: 0;
    border-radius: 0;
    text-indent: -9999px;
    width: 90px;
    height: 18px;
    background: url('/pics/leftArrow.png') 0 0 no-repeat;
    position: absolute;
    padding: 0;
  }
  #hp-events div.en-events-slider-buttons button.en-events-prev:hover {
    background-position: -98px 0 !important;
  }
  #hp-events div.en-events-slider-buttons button.en-events-next {
    border-radius: 0;
    text-indent: -9999px;
    width: 67px;
    height: 18px;
    background: url('/pics/rightArrow.png') 0 0 no-repeat;
    padding: 0;
    position: absolute;
    right: 0;
  }
  #hp-events div.en-events-slider-buttons button.en-events-next:hover {
    background-position: -98px 0 !important;
  }
  #hp-events div.en-events-slider-buttons button.en-events-next:focus {
    background-position: right 0 !important;
    right: 4px;
  }
  #hp-events div.en-events-slider-buttons button.en-events-prev:focus {
    background-position: right 0 !important;
    left: -5px;
  }
  #hp-events div.en-events-slider-buttons button.en-card-slider-button-disabled {
      opacity: 0.3;
      cursor: auto;
  }
  #events-page #events.v1 .event .info {
    margin-top: -5px;
  }

  @media only screen and (max-width: 1310px) {
      #hp-events div.en-events-slider-buttons button {
          position: static;
      }
      #hp-events {
        box-sizing: border-box;
        width: 901px;
        max-width: 901px;
        margin: 30px auto 0;
      }
      #second-row::after {
        width: 60%;
      }
  }
  @media only screen and (max-width: 1015px) { 
    #hp-events {
      width: 100%;
      left: 0;
    }
  }
  @media only screen and (max-width: 940px) { 
    #hp-events {
      max-width: 652px;
      margin: 0 auto;
    }
    
  }
  @media only screen and (max-width: 716px) {
    #hp-events div.en-events-slider-buttons {
      right: 0;
      left: 0;
      margin: 0 auto;
    }
    #second-row::after {
      content: unset;
      display: none;
    }
    }
    @media only screen and (max-width: 678px) {

      div.en-events-slider div.en-events-show-all-calendar {
        top: unset;
        right: unset;
        bottom: -40px;
        left: 0;
        flex-wrap: wrap;
      }
      #hp-events div.en-events-slider-buttons {
        max-width: 281px;
        right: 0;
        bottom: -77px;
        left: 0;
        margin: 0 auto;
      }
      #hp-events {
        max-width: 281px;
      }
      .event-heading {
        margin: 0 auto 27px;
        text-align: center;
      }
      #hp-events .en-events-slider .en-card-slider-inner-container .en-events-slider-date {
        text-align: center;
        justify-self: center;
        justify-content: center;
      }
      #hp-events .en-events-slider .en-card-slider-inner-container .en-events-slider-date::before {
        left: 0;
        margin: 0;
        right: 0;
        margin: 0 auto;
      }
      div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail {
        justify-self: center !important;
        text-align: center;
        margin: 4px 10px 10px 10px !important;
      }
      #hp-events .en-events-slider > .en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-events-slider-detail-li {
        align-items: center !important;
      }
      #hp-events > div.en-events-slider .en-events-slider-detail .en-event-slider-li-date, #hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-time, #hp-events div.en-events-slider .en-card-slider-inner-container .en-events-slider-detail .en-event-slider-li-location {
        text-align: center;
      }
    }
    @media only screen and (max-width: 520px) {
    #hp-events .en-events-slider .en-card-slider-inner-container .en-events-slider-date {
      margin: 4px 4px 10px 14px !important;
    }
    div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail {
      margin: 4px 4px 10px 4px !important;
    }
    #hp-events div.en-events-slider > div.en-card-slider-inner-container > .en-events-slider-day > .en-events-slider-detail .en-event-slider-li-title {
      padding: 0 0 1px 0;
    }
  }
/* ==GLANCE SECTION=== */

#third-row {
  background: url('/pics/glance_bg.png') center top no-repeat;
  margin: 70px 0;
}
#third-row-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 12px 0 70px;
}
.glance-maindiv {
  width: 100%;
  max-width: 780px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.glance-maindiv .index-heading {
  margin: 0 -2px 40px 0;
}
.glance-maindiv .index-subhead::before {
  top: -18px;
}
.glance-inner {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.glance-box {
  width: 380px;
  min-height: 160px;
  background: #fff;
  border: 1px solid #959ca1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  padding: 6px 26px 6px 29px;
  gap: 27px;
}
.glance-left {
  padding: 12px 0 0;
}
.glance-bigtxt {
  color: #002d62;
  font-family: "baskerville-display-pt", serif;
  font-weight: 700;
  font-size: 60px;
  line-height: 45px;
}
.glance-smalltext {
  margin: 0;
  color: #181c21;
  font-family: "baskerville-display-pt", serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 25px;
  margin: 7px 0 0 1px;
  position: relative;
}
.glance-box.glance1 .galcne-img {
  width: 92px;
}
.glance-box.glance2 .galcne-img {
  width: 76px;
}
.glance-box.glance3 .galcne-img {
  width: 80px;
}
.glance-box.glance4 .galcne-img {
  width: 81px;
}
.glance-box.glance5 .galcne-img {
  width: 88px;
}
.glance-box.glance6 .galcne-img {
  width: 83px;
}
.glance-box.glance2 {
  padding: 6px 26px 6px 32px;
  gap: 40px;
}
.glance-box.glance2 .glance-left {
  padding: 11px 0 0;
  margin: 0 0 1px;
}
.glance-box.glance3 {
  padding: 6px 26px 6px 35px;
  gap: 33px;
}
.glance-box.glance3 .glance-left {
  padding: 9px 0 0;
}
.glance-box.glance3 .glance-smalltext {
  top: 1px;
}
.glance-box.glance4 {
  padding: 9px 18px 6px 30px;
  gap: 37px;
}

.glance-box.glance4 .glance-left {
  padding: 7px 0 0;
}

.glance-box.glance5 {
  padding: 6px 26px 6px 31px;
  gap: 29px;
  min-height: 180px;
}
.glance-box.glance5 .glance-left {
  padding: 10px 0 0;
}
.glance-box.glance6 {
  gap: 36px;
  min-height: 180px;
}
.glance-box.glance6 .glance-left {
  padding: 11px 0 0;
}

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

  .glance-maindiv .index-heading {
    margin: 0 auto 40px;
    text-align: center;
  }
  .glance-maindiv .index-subhead::before {
    top: -18px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  #third-row {
    background: #fff;
    margin: 70px 0 0;
  }
}
@media only screen and (max-width: 700px) {
#third-row-inner {
  padding: 12px 0 50px;
}
}
@media only screen and (max-width:423px) {

  .glance-box {
    max-width: 380px;
    width: 100%;
    padding: 6px 19px 6px 19px !important;
  gap: 20px !important;
  width: 100%;
  }
}
    /* news section */
    #fourth-row {
      background: #fff;
    }
    #fourth-row::after {
      content: '';
      position: absolute;
      width: 67.85%;
      height: 1px;
      background: #98b4c8;
      bottom: 82px;
      left: 0;
      background: url('/pics/event-border.png') center top no-repeat;
  width: 100%;
    }
    #fourth-row-inner {
      padding: 30px 0 138px;
    }
  .news_wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  
  .news_left {
    width: 100%;
    max-width: 280px;
    margin: 56px 0 0 0px;
  }
  .news-head a {
    text-decoration: none;
    color: #002d62;
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
    font-size: clamp(40px,5vw,60px);
    line-height: clamp(40px,5vw,54px);
  }
  #hp-news {
    position: relative;
    width: 100%;
    max-width: 970px;
    margin: 0 auto;
    left: 0;
  }
  .en-news-section-title.en-page-components-title {
    display: none;
    color: #000;
  }
  #hp-news > div.en-news-slider {
    --min-card-gap: 20px;
    --image-width: 310px;
    --image-height: 320px;
    --line-height: 20px;
    --font-size: 17px;
    --max-lines-subject: 3;
    --max-lines-summary: 7;
  }
  
  div.en-news-slider
    > div.en-card-slider-inner-container
    > a
    > .en-news-slider-image-container {
    position: relative;
    background: #203057 !important;
  }
  
  #hp-news div.en-card-slider-inner-container > a {
    border: 0 !important;
    position: relative;
    padding: 0;
    background: none;
  }
  
  #hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title {
    color: #002d62;
    margin: 26px 0 0 0;
    font-size: 22px;
    position: relative;
    z-index: 2;
    -webkit-line-clamp: var(--max-lines-subject);
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 24px;
    text-align: left;
    padding: 0;
    box-sizing: border-box;
    transition: 0.65s all ease-in-out;
    top: 0;
    letter-spacing: 0;
    height: 86px;
    display: flex;
    justify-content: flex-start;
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
  }
  #hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title span {
    -webkit-line-clamp: var(--max-lines-subject);
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    display: -webkit-box;
    overflow: hidden;
    padding: 0 0 2px;
  }
  #hp-news div.en-card-slider-inner-container > a > div.en-news-slider-summary {
    text-align: left;
    color: #fff;
    margin: 0;
    font-size: 19px;
    opacity: 0;
    line-height: 24px;
    position: absolute;
    z-index: 2;
    -webkit-line-clamp: var(--max-lines-summary);
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    display: -webkit-box;
    transition: 0.5s all ease-in-out;
    padding: 0 30px 10px;
    letter-spacing: 0;
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
  }
  #hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title:hover, #hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title:focus {
    text-decoration: underline;
  }
  
  #hp-news div.en-card-slider-inner-container > a .en-news-slider-image-container {
    position: relative;
    background: #959ca2;
  }
  
  #hp-news div.en-card-slider-inner-container > a .en-news-slider-image-container::after {
    content: "";
    position: absolute;
    background: rgba(0, 45, 98, 0.85);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    box-sizing: border-box;
    transform-origin: bottom;
    transition: transform 0.4s;
    transform: scaleY(0);
  }
 
  #hp-news div.en-card-slider-inner-container > a:hover .en-news-slider-image-container::after, #hp-news div.en-card-slider-inner-container > a:focus .en-news-slider-image-container::after {
    transform-origin: top;
    transform: scaleY(1);
  }
  
  #hp-news div.en-card-slider-inner-container a:hover div.en-news-slider-summary, #hp-news div.en-card-slider-inner-container a:focus div.en-news-slider-summary {
    opacity: 1;
    top: 0;
    position: absolute;
    height: 158px;
    margin: -397px 0 0;
  }
  
  #hp-news div.en-news-slider-buttons button.en-news-prev {
    left: 0;
    border-radius: 0;
    text-indent: -9999px;
    width: 90px;
    height: 18px;
    background: url('/pics/news-leftArrow.png') 0 0 no-repeat;
    position: absolute;
    padding: 0;
  }
  
  #hp-news div.en-news-slider-buttons button.en-news-next {
    border-radius: 0;
    text-indent: -9999px;
    width: 67px;
    height: 18px;
    background: url('/pics/news-rightArrow.png') 0 0 no-repeat;
    padding: 0;
    position: absolute;
    right: 0;
  }
  #hp-news div.en-news-slider-buttons button.en-news-next:hover{
    background-position: -98px 0 !important;
  }
  #hp-news div.en-news-slider-buttons button.en-news-prev:hover {
    background-position: -98px 0 !important;
  }
  #hp-news div.en-news-slider-buttons button.en-card-slider-button-disabled {
    opacity: 0.5;
    cursor: auto;
  }
  
  #hp-news div.en-news-slider-buttons button.en-news-next:focus {
    background-position: right 0 !important;
    right: 4px;
  }
  #hp-news div.en-news-slider-buttons button.en-news-prev:focus {
    background-position: right 0 !important;
    left: -5px;
  }
  #hp-news div.en-news-show-all a {
    color: #002d62;
    font-family: "soleil", sans-serif;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    width: 110px;
    height: 40px;
    border: 1px solid #cbd9e3;
    padding: 6px 2px 6px 4px;
    box-sizing: border-box;
    text-align: center;
  }
  #hp-news div.en-news-show-all a:hover, #hp-news div.en-news-show-all a:focus {
    border: 3px solid #58a2fb;
  }
  #hp-news div.en-news-show-all {
    border: 0;
    padding: 0;
    position: absolute;
    left: -230px;
    top: 200px;
    border-radius: 0;
  }
  #hp-news div.en-news-slider-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    max-width: 184px;
    height: 18px;
    position: absolute;
    right: -8px;
    bottom: -63px;
    z-index: 999;
  }
  #hp-news div.en-news-slider-buttons button {
    position: absolute;
    cursor: pointer !important;
    border: 0;
    /* top: -5px;
    bottom: 0;
    margin: auto; */
  }
  
  @media only screen and (max-width: 1375px) {
    #hp-news {
      left: 0;
    }
  
  
  }

  @media only screen and (max-width: 1225px) {
  
    .news_wrapper {
      align-items: center;
      justify-content: center;
      flex-direction: column;
      text-align: center;
    }
    .news_left {
      max-width: 100%;
      margin: 0 0 21px;
    }
    #hp-news div.en-news-show-all {
      left: unset;
      top: unset;
      bottom: -72px;
      right: 200px;
    }
    #fourth-row::after {
      width: 50.85%;
    }
  }
  @media only screen and (max-width: 1183px) {
    .news_wrapper {
      align-items: center;
      flex-direction: column;
    }
    .news-head a > br {
      display: none;
    }
    .news_left {
      max-width: 100%;
      margin: 0 0 31px 0px;
    }
    .news-head {
      text-align: center;
    }

  }
  @media only screen and (max-width: 1055px) {
  
    #hp-news {
      max-width: 645px;
    }
  }
  
  @media only screen and (max-width: 801px) {
    #hp-news {
      max-width: 320px;
    }
    #fourth-row::after {
    content: unset;
    display: none;
    }
  }
  @media only screen and (max-width: 467px) {
    #hp-news div.en-news-slider-buttons {
      max-width: 312px;
      bottom: -40px;
      top: auto;
      width: 312px;
      left: 0;
    right: 0;
    }
   
    .news_wrapper {
      padding: 0 0 30px;
    }
    #hp-news div.en-news-show-all {
      left: unset;
      top: unset;
      bottom: -50px;
      right: 0;
      left: 9px;
      margin: 0 auto;
      z-index: 9999;
    }
    #hp-news div.en-news-slider-buttons {
      max-width: 320px;
      bottom: -39px;
      top: auto;
      width: 100%;
    }
    #fourth-row-inner {
      padding: 10px 0 70px;
    }
  }
  
  @media only screen and (max-width: 337px) {
    #hp-news {
      max-width: 270px;
    }
    #hp-news > div.en-news-slider {
      --image-width: 270px;
    }
    #hp-news div.en-card-slider-inner-container > a > h3.en-news-slider-title {
      margin: 15px 0 0 0;
    }
    #hp-news div.en-news-slider-buttons {
      width: 280px;
    }
    #hp-news div.en-news-show-all {
      left: 30px;
    }
  }
  
/* fifth-row */
#main-fifth-row {
  background: url('/pics/video-bg.png') center top no-repeat #fff;
}
  #fifth-row {
    background: rgb(0,45,98);
    background: linear-gradient(90deg, rgba(0,45,98,0) 59.35%, rgb(0, 45, 98) 59.35%, rgb(0, 45, 98) 100%);
  }
  #fifth-row-inner {
    display: flex;
    align-items: flex-start;
    padding: 70px 0 60px;
    gap: 56px;
  }
  /* VIDEO SECTION */
  #video-sec {
    position: relative;
    margin: 0 0 0 -1px;
  }
  
  .HPVideo {
  margin-bottom: 0px;
  position: relative;
  }
  .HPVideo .videowrapper {
  position: relative;
  width: 100%;
  }
  .HPVideo p {
    position: relative;
    text-align: left;
    margin: 0;
    bottom: 0px;
    padding: 0;
    box-sizing: border-box;
    min-height: 120px !important;
    width: 100%;
    max-width: 675px;
    background: #98b4c8;
    padding: 0;
  }
  .HPVideo p a {
    font-size: 22px;
    letter-spacing: 0;
    color: #002d62;
    text-decoration: none;
    line-height: 24px;
    padding: 0;
    display: inline-block;
    margin: 0;
    letter-spacing: 0.2px;
    top: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 340px;
    position: absolute;
    right: 39px;
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
  }
  #video_player1 {
  position: relative;
  margin: 0 !important;
  }
  .HPVideo {
  margin-bottom: 0;
  position: relative;
  }
  .HPVideo video {
  width: 100%;
  height: 100%;
  }
  .HPVideo h2 a {
    font-size: clamp(28px, 3.33vw, 34px);
    line-height: clamp(28px, 3.33vw, 32px);
    letter-spacing: 0;
    text-align: left;
    color: #002d62;
    text-decoration: none;
    margin: 0px 0 0 0px;
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
  }
  .HPVideo h2 {
    position: absolute;
    bottom: 29px;
    z-index: 1;
    left: 41px;
  }
  @media only screen and (max-width: 1200px) {
    .HPVideo .video_player,
    .HPVideo .video_player video {
      width: 100% !important;
    }
    .HPVideo p {
      width: 100%;
      left: 0;
    }
  
  }
  @media only screen and (max-width: 1175px) {
  
    .HPVideo .video_player, .HPVideo .video_player video {
      width: 100% !important;
    }
 
  
  }
  
  @media only screen and (max-width: 1020px) {
    #video-sec {
      margin-left: 0;
      max-width: clamp(400px,49.16vw,590px);
    }
  
    .HPVideo p {
      left: 0;
      width: auto;
      right: 0;
    }
    .HPVideo p a {
      max-width: 45%;
    }
  }

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

  #video-sec {
    margin-left: 0;
    max-width: clamp(300px,49.16vw,590px);
  }
  
  .HPVideo h2 {
    left: 17px;
  }

  .HPVideo p a {
    max-width: 48%;
    top: 0;
    white-space: unset;
    height: auto !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    bottom: 0;
    margin: auto;
    max-height: 40px;
    text-align: right;
  }
  }

  


/** Social Feeds   **/

#social_feeds {
  position: relative;
  padding: 50px 0 0px;
}
.social_head {
  text-align: center;
  margin: 0 0 14px 0;
}
#social_feeds  .tabbed {
  display: flex;
  justify-content: flex-start;
  margin: 0;
  flex-direction: column;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
#social_feeds .tabs2 {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  left: 0;
  align-items: center;
  justify-content: center;
  gap: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  height: 60px;
  top: 0;
}
#social_feeds .tabs2 li {
  position: relative;
  width: 100%;
  height: 100%;
}

#en-insta-feed-div ul {
margin: 0 0 0 0px !important;
display: flex;
flex-wrap: wrap;
}
#social_feeds .tab-content {
  display: none;
  position: relative;
  width: 470px;
  height: 440px;
  border: none;
  box-sizing: border-box;
  position: relative;
  padding: 0px;
  background: #fff;
  margin: 0;
  border-radius: 0;
  z-index: 1;
  position: relative;
  box-sizing: border-box;
}
#social_feeds .tabbed	[type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(1),  
#social_feeds .tabbed	[type="radio"]:nth-of-type(2):checked	~ .tab-content:nth-of-type(2)
{
  display: block;
}
#social_feeds .tabbed [type="radio"] {
  display: none;
}
#social_feeds	.tabbed	[type="radio"]:nth-of-type(1):checked ~ .tabs2	.tab:nth-of-type(1)	label,
#insta_feed:hover,#insta_feed:focus,#social_feeds	.tabbed	[type="radio"]:nth-of-type(2):checked ~ .tabs2	.tab:nth-of-type(2)	label,  
#fb_feed:hover,  #fb_feed:focus {
background:  #fff;
padding: 2px 2px 2px 3px;
} 


#social_feeds li label {
  position: relative;
  cursor: pointer;
  color: #000;
  -moz-transition: all ease 0.5s;
  background-color: #959ca1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 2px 2px 2px 2px;
}
#social_feeds li label#insta_feed {
  padding: 4px 2px 2px 0px;
}
#social_feeds li label:hover,
#social_feeds li label:focus{
  background-color: #fff;
}  
.active-icon {
  display: none;
  width: 30px;
  height: 30px;
}
.inactive-icon {
  width: 29px;
  height: 29px;
}
#social_feeds .tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs2 .tab:nth-of-type(1) label .active-icon, #social_feeds .tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs2 .tab:nth-of-type(2) label .active-icon {
  display: block;
}
#social_feeds .tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs2 .tab:nth-of-type(1) label .inactive-icon, #social_feeds .tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs2 .tab:nth-of-type(2) label .inactive-icon {
  display: none;
}
#social_feeds li label:hover .active-icon, #social_feeds li label:focus .active-icon {
  display: block;
}
#social_feeds li label:hover .inactive-icon, #social_feeds li label:focus .inactive-icon {
  display: none;
}
#en-insta-feed-div ul li a div {
  height: 142px !important;
}
#en-insta-feed-div ul li{
  padding: 0px !important
}
#social_feeds .tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs2 .tab:nth-of-type(2) label, #social_feeds .tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs2 .tab:nth-of-type(2) label .active-icon,social_feeds li label#insta_feed:hover, #social_feeds li label#insta_feed:focus {
  padding: 2px 4px 1px 3px !important;
}
#social_feeds {
padding: 0;
position: relative;
  }

  #en-insta-feed-div ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0px;
    top: 0;
    left: 0;
    padding: 2px;
    box-sizing: border-box;
    height: 100%;
    column-gap: 5px;
  }
  #en-insta-feed-div ul li {
    width: 150px !important;
    height: 142px !important;
    border-radius: 0;
    min-height: 142px !important;
    max-width: 150px !important;
  }
  #en-insta-feed-div ul li a {
    width: 150px;
    height: 142px;
    min-height: 142px !important;
    border-radius: 0 !important;
    display: flex;
  }

  @media only screen and (max-width: 572px) {
      #social_feeds {
          width: clamp(250px,87.4125vw,500px) !important;
        }
  
        #social_feeds .panel {
          width: clamp(250px,87.4125vw,500px) !important;
          
        }
  }
  @media only screen and (max-width: 1100px) {

  #social_feeds {
    margin: 0 auto;
    width: auto !important;
    min-width: unset;
  }
  }
  @media only screen and (max-width: 570px) {

    #en-insta-feed-div ul {
      height: 100%;
    }
    #en-insta-feed-div ul li {
      height: auto !important;
      min-height: auto !important;
    }
}
@media only screen and (max-width: 1260px) {
  #social_feeds .tab-content {
    width: clamp(300px, 39.16vw,470px);
  }
}
@media only screen and (max-width: 1200px) {

#en-insta-feed-div ul li {
padding: 1px !important;
}
#en-insta-feed-div ul {
  column-gap: 0px;
}
#en-insta-feed-div ul li a div {
  height: auto !important;
}
#en-insta-feed-div ul li a {
  width: 100%;
  height: auto;
  min-height: 142px !important;
}
#en-insta-feed-div ul li {
  width: 100% !important;
  height: auto !important;
  min-height: 142px !important;
  max-width: 150px !important;
}
}
@media only screen and (max-width: 1100px) {
  #social_feeds{
      display: flex; 
      justify-content: center;
      padding: 0px 0;
  
  }
}

@media only screen and (max-width: 420px) {
  #social_feeds .tab-content {
    width: 310px;
      height: 430px;
  }
  #social_feeds .tab-content iframe{
      height: 430px;
  }
  #en-insta-feed-div ul li a div {
      height: 130px !important;
  }
}
@media only screen and (max-width: 940px) {
  #fifth-row-inner {
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
  }

}
@media only screen and (max-width: 688px) {
  .HPVideo h2 {
    top: 0;
    position: relative;
    text-align: center;
    margin: 0 0 18px;
    left: 0;
    right: 0;
    bottom: auto;
  }
  .HPVideo h2 a {
    text-align: center;
  }
  .HPVideo p a {
    max-width: 100%;
    text-align: center;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    position: relative;
  }
  .HPVideo p {
    left: 0;
    width: auto;
    right: 0;
    min-height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
  }
  #fifth-row {
    background: #fff;
  }
  #fifth-row-inner {
    gap: 30px;
  }
  #fifth-row-inner {
    padding: 0 0 60px;
  }
}
/*Schools Logo's Slider*/

  #sixth-row-inner {
    padding: 83px 0 82px;
    max-width: 1180px;
  }
  #sixth-row-inner .index-heading {
    text-align: center;
    margin: 0 0 30px;
  }
  #sixth-row-inner .index-subhead::before {
    top: -19px;
    left: -1px;
    right: 0;
    margin: 0 auto;
  }
  
  .en-infinite-carousel::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( to right, #fff 0%, transparent 15%, transparent 85%, #fff 100% );
  }
  
  
  #sixth-row-inner .en-infinite-carousel {
    z-index: 9;
    position: relative;
  }
  #sixth-row-inner .en-infinite-carousel > div > div {
    margin: 0 30px 0 44px;
  }
  .en-infinite-carousel > .en-infinite-carousel-track {
    align-items: center;
  }
  .ir {
    display: block;
    text-indent: -999em;
    overflow: hidden;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
  }
  
  .toggleclass.active_togle .en-infinite-carousel-track {
      animation-play-state: paused;
    }
    #pause_toggle {
      border: 0;
      padding: 0;
      margin: 0;
      background: url('/pics/pause-button.png') no-repeat center;
      width: 30px;
      height: 30px;
      color: #000;
      background-color: #98b4c8 !important;
      background-size: 55% !important;
      cursor: pointer;
      position: absolute;
      right: 15px;
      bottom: 20px;
      transition: 0.3s all ease;
      z-index: 99;
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
      border-radius: 20%;
    }
    .toggleclass.active_togle #pause_toggle {
      background: url('/pics/play-button.png') no-repeat center;
    }
  
  
  
    @media only screen and (max-width: 768px) {
      #pause_toggle{
          position: relative;
      right: 0;
      bottom: inherit;
      margin: 10px 0px 0px 0px;
      left: 0;
      margin: 10px auto 0;
      }
    }
  
  
  @media only screen and (max-width:420px) {
    #sixth-row-inner {
      padding: 27px 0 50px;
    }
  }
  @media screen and (prefers-reduced-motion: reduce) {
   
  
    .en-infinite-carousel > .en-infinite-carousel-track{
      animation-duration: 40s !important;
    }
  }







  /* Buzz section */
  #seventh-row {
    background: url('/pics/buzz-bg.png') center top no-repeat;
    margin: -98px 0 0px 0;
    z-index: 9;
    padding-bottom: 102px;
  }
  #seventh-row-inner {
    padding: 20px 0 12px;
  }  
  .bonnie-buzz {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 1060px;
    width: 100%;
    background: #98b4c8;
    padding: 44px 0 36px 80px;
    gap: 75px;
    box-sizing: border-box;
  }
  .buzz-subhead {
    padding: 0;
    margin: 0 0 14px;
    font-family: "soleil", sans-serif;
    font-weight: 600;
    color: #002d62;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 1.65px;
    text-transform: uppercase;
  }

  .buzz-head {
    font-family: "baskerville-display-pt", serif;
    font-weight: 400;
    color: #002d62;
    font-size: 44px;
    line-height: 36px;
  }

  .buzz-buttons {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    margin: -2px 0 0;
  }
  .buzz-buttons a {
    color: #002d62;
    font-family: "soleil", sans-serif;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 16px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    width: 280px;
    height: 70px;
    border: 1px solid #597f9d;
    padding: 4px 30px 6px 31px;
    box-sizing: border-box;
    text-align: center;
  }
  .buzz-buttons a:hover, .buzz-buttons a:focus {
    border: 3px solid #fff;
  }

  @media only screen and (max-width: 1188px) {
    #seventh-row {
      background: transparent;
      margin: -30px auto 0;
    }
    #seventh-row-inner {
      background: #98b4c8;
      padding: 12px 0 12px;
      width: 90%;
    }
    .bonnie-buzz {
      justify-content: center;
      padding: 36px 0 36px 0;
      flex-wrap: wrap;
      gap: 40px;
    }
    .buzz-buttons {
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin: 0;
      flex-wrap: wrap;
    }
  }
  @media only screen and (max-width: 985px) {

    .bonnie-buzz {
      text-align: center;
    }
  }
/**************************** Extra CSS *******************/

body .top-video-info {
    padding: 2px 0 0.4em 0.16em;
    }
    
    .VIpgJd-yAWNEb-L7lbkb .VIpgJd-yAWNEb-mrxPge {
      color: #2b2b2b !important;
    }
  
    #events-page #events.v1 .event span.location {
      color: #404040 !important;
    }
    .DatePickerNT div.arrow {
      color: #5b5b5b !important;
    }
    #events-page div#infobar.stick #infobarwrap {
      padding: 14px 0 !important;
    }
    .VIpgJd-ZVi9od-ORHb-OEVmcd
  {
    z-index: var(--en-z-index-max) !important;
  }
    .VIpgJd-ZVi9od-xl07Ob-OEVmcd
    {
      z-index: var(--en-z-index-max) !important;
    }
    
    
    @media screen and (max-width: 600px) {
    
    .en-bell-schedules-data-header {
      line-height: 1.1;
    }
    
    }
    div.en_unused_images_gallery img.en-unused-image-enlarge-icon {
      bottom: 5px;
      right: 0px;
    }
  
    @media (max-width: 700px) {
      #STAFF_SINGLE_PAGE_WO_ASIDE #contactStaff table tbody tr td {
        width: 96% !important;
        margin: 0 auto !important;
        flex-wrap: wrap;
        gap: 10px;
        padding: 5px 0 !important;
    }
    #wrapperPageInner {
      margin: 20px 0;
    }
  
    }
    .en-header-popup-wrapper {
      height: 45px !important;
      margin: auto !important; 
    }
    
    .en-header-popup-body {
      padding-top: 0 !important;
    }
    .en-header-popup-wrapper form input[type*="text"] {
      font-family: 'Inter', sans-serif;
      font-size: 15px !important;
      padding: 10px 10px !important;
      height: 45px !important;
      font-weight: 600;
      color: #000000;
    }
    @media only screen and (max-width: 1000px) {
      .single-video #big-video #hd-link, .single-video #big-video #sd-link {
        margin: 0 10px !important;
      }
    }
    
      
      #contactStaff input[type="button"], #contactStaff input[type="submit"] {
        color: #fff !important;
        background-color: #002d62 !important;
      }
      #contactStaff input[type="button"]:hover, #contactStaff input[type="submit"]:hover,
      #contactStaff input[type="button"]:focus, #contactStaff input[type="submit"]:focus {
        background-color: #dfe5eb !important;
        color: #000 !important;
      }
    
      #mobileapp-smart-banner .en-smartAppBanner-content {
        width: 100% !important;
      }
    
    #staff.staffR1.staff-horizontal .staff-categoryStaffMember dl dt{
    padding-bottom:2px;
    }
    
    
    #mobileapp-smart-banner .en-smartAppBanner-content {
      width: 100% !important;
    }
    

    
    .disable-overflow header {
      z-index: var(--en-z-index-max) !important;
    }
    .disable-overflow header.enh1 nav.en-nav {
      z-index: var(--en-z-index-max) !important;
    }
    
  
    
    @media only screen and (max-width: 768px){
      #staff .staff-categoryStaffMembers {  
        flex-wrap: wrap;
      }
      #events-page #events.v1 .event .info {
        width: 100%;
      }
      #events-page #events.v1 .dayeventwrap {
        display: flex;
        align-items: center;
      }
      #events-page #events.v1 .dayInfoWrap {
        margin-top: 0px !important;
      }
    }
    
    
    .newsContent .newsPostTitle {
      margin: 0 0 10px;
      line-height: 30px;
      }
      
      
      #big-video #video_player {
      display: flex;
      }
      
      #big-video #video_player video {
      aspect-ratio: 64/36;
      }
      
    
      #pageContentWrapper .contactStaffMember #contactStaff button {
        background-color: #002d62 !important; 
        color: #fff !important;
      }
      #pageContentWrapper .contactStaffMember #contactStaff button:hover {
        background: #dfe5eb !important;
        color: #000!important;
      }
    
      @media only screen and (max-width: 860px) {
        .translated-ltr header.enh1 nav.en-nav,
      .translated-rtl header.enh1 nav.en-nav
      { 
       margin-top:40px;
       
      }
       .translated-rtl header.enh1 nav.en-mobnav-show,
       .translated-ltr header.enh1 nav.en-mobnav-show{
       height: calc(100% - 40px);
       margin-top: 40px auto 0 auto;
       }
       .bell-description {
        font-size: 14px !important;
        line-height: 17px !important;
      }
      .en-bell-schedules-data .row-value {
        font-size: 15px !important;
        line-height: 18px !important;
      }
      }
      
    
  

  
    #submitButton{
        background: #002d62  !important;
        color: #fff !important;
        border: 1px solid #002d62 !important;
    }
    #submitButton:hover,
    #submitButton:focus{
        background-color: #002d62  !important;
        color: #fff !important;
        border: 1px solid #002d62  !important;
    }
    input::-webkit-contacts-auto-fill-button {
        visibility: hidden;
        display: none !important;
        pointer-events: none;
        position: absolute;
        right: 0;
      }
  
  
  
      #events-page div#infobar.stick #infobarwrap {
        z-index: var(--en-z-index-max) !important;
      }
      .top_title {
        line-height: 1.2;
      }
      #events-page #events.v1 .event span.location {
        margin: 2px 0 0 2px;
      }
  
      @media (max-width: 576px) {
        .bell-schedule {
          width: auto !important;
        }
      }
      @media (max-width: 700px) {
      #staff.staffR1 #staff-search input {
        max-width: 95%;
      }
    }
      @media (max-width: 1246px) {
      #staff.staffR1.staff-horizontal .staff-categoryStaffMembers {
        margin-right: 0 !important;
      }
    }
  
  
  
    @media (max-width: 768px) {
  
      #albumsWrapper.narrow #albums
      {
          width: 90% !important;
        }
    #albums ul li.home a.home{
    margin-left: 0 !important;
  }
  }
  /**** image centre for DB dialog box ****/

.DB_mask {
  z-index: 99999999999999 !important;
}
.DB_dialog {
  z-index: 999999999999999 !important;
}
.DB_dialog {
  position: fixed !important;
  width: auto !important;
  height: auto !important;
  max-height: 90vh;
  padding-left: 0px !important;
  background-color: transparent !important;
  top: 50% !important;
  transform: translate(-50%, -50%);
  left: 50% !important;
}

.DB_dialog #PV_imageDiv img:first-child {
  padding: 0px 3px 5px 8px !important;
}

.DB_dialog #PV_imageDiv img:last-child {
  /* width: auto !important; */
  height: auto !important;
  max-height: 90vh;
  max-width: 90vw;
  padding: 5px !important;
}

.DB_dialog #PV_imageDiv img:nth-child(2) {
  /* width: auto !important; */
  height: auto !important;
  max-height: 80vh;
  max-width: 90vw;
  padding: 5px !important;
}
@media screen and (max-height: 414px) and (max-width: 991px) {
  .DB_dialog {
    position: fixed !important;
    width: auto !important;
    height: auto !important;
    max-height: 90vh;
    padding-left: 0px !important;
    background-color: transparent !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    left: 50% !important;
  }
  .DB_dialog #PV_imageDiv img:last-child {
    width: auto !important;
    height: auto !important;
    max-height: 80vh;
    max-width: 90vw;
    padding: 5px !important;
  }
}


div.en-cms{
z-index:9 !important;
}
.slideshow2 img, .slideshow2 .nivoSlider, .slideshow2 .nivo-slice{
max-height: 35vw !important;
}

#schools{
  background: #fff;
  padding: 0 0 40px;
  position: relative;
}


#schools:after{
  background: url('/pics/grey_bg.png') repeat-y center top,linear-gradient(to right,#98b4c8 50%, #fff 50%);
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  height: 200px;
  z-index: 0;
}

#schools-rows-inner{
  
}

.schl-btns{
  padding: 60px 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 560px));
  z-index: 1;
  position: relative;
  gap: 20px;
}

.schl-btns li{
  list-style: none;
}

.schl-btns li a{
  text-decoration: none;
  display: block;
  width: 100%;
  position: relative;
  max-height: 200px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.15);
}

.schl-btns li a:after{
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(transparent,rgba(0, 0, 0, 0.1),rgba(0, 0, 0, 0.9));
  bottom: 0;
}

.schl-btns li a img{
  width: 100%;
    height: 200px;
    object-fit: cover;
}

.schl-btns li a span{
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  text-align: center;
  right: 0;
  font-family: "baskerville-display-pt", serif;
  font-weight: 400;
  font-size: clamp(30px,6.66vw,34px);
  line-height: clamp(30px,6.16vw,32px);
  padding: 29px 33px 28px;
  box-sizing: border-box;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 1;
}

.schl-btns li a:hover:after,.schl-btns li a:focus:after{
  background: rgba(0,0,0,0.7);
}

.schl-btns li a:hover span,.schl-btns li a:focus span{
  align-items: center;
}


   @media (max-width: 1190px) {

    .schl-btns{

justify-content: center;
}
}