/* Fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* Colors */
/* Global Codes */
*:hover, *:focus {
  box-shadow: none; }

* {
  box-sizing: border-box; }

a, a:hover {
  text-decoration: none; }

body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased; }
  body button, body input, body textarea, body select {
    font-family: "Poppins", sans-serif;
    font-size: 16px; }
  body a, body p, body ul, body ol, body li, body div, body strong, body i, body b, body em {
    font-family: "Poppins", sans-serif; }
  body p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400; }
  body h1, body h2, body h3, body h4, body h5, body h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    margin: 0 0 8px 0;
    line-height: normal; }
  body h1 {
    font-size: 32px; }
  body h2 {
    font-size: 28px; }
  body h3 {
    font-size: 22px; }
  body h4 {
    font-size: 20px; }
  body h5 {
    font-size: 16px; }
  body h6 {
    font-size: 14px; }
  body a {
    color: #75140c;
    text-decoration: underline;
    font-weight: 500; }
    body a:hover, body a:focus {
      text-decoration: none;
      color: #75140c; }
  body ul p, body menu p, body dir p {
    margin: 0; }
  body blockquote {
    border-left: 7px solid #75140c;
    padding-left: 20px; }
  body strong {
    font-weight: 600; }

/* Flex */
.container {
  width: 100%;
  max-width: 3000px;
  margin: 0 auto;
  padding: 0; }

.w-row {
  display: flex;
  flex-wrap: wrap; }

.w-column {
  flex-direction: column; }

.w-align-h {
  justify-content: center; }

.w-align-v {
  align-items: center; }

.w-align-sb {
  justify-content: space-between; }

/* Width */
.w-20 {
  width: 20%;
  float: left; }

.w-25 {
  width: 25%;
  float: left; }

.w-30 {
  width: 30%;
  float: left; }

.w-33 {
  width: 33.33%;
  float: left; }

.w-40 {
  width: 40%;
  float: left; }

.w-50 {
  width: 50%;
  float: left; }

.w-60 {
  width: 60%;
  float: left; }

.w-66 {
  width: 66.66%;
  float: left; }

.w-70 {
  width: 70%;
  float: left; }

.w-80 {
  width: 80%;
  float: left; }

.w-100 {
  width: 100%; }

@media screen and (max-width: 1200px) {
  .w-25 {
    width: 50%; } }
@media screen and (max-width: 1200px) {
  .w-33, .w-66, .w-30, .w-70, .w-20, .w-80 {
    width: 100%; } }
@media screen and (max-width: 1000px) {
  .w-20, .w-25, .w-30, .w-33, .w-40, .w-50, .w-60, .w-66, .w-70, .w-80 {
    width: 100%; } }
div[id$="divChangToPublish"] .modalPopup {
  height: auto !important; }

div#CMS_DragDropWrapper {
  z-index: 12000 !important; }

#news-summary .content .date {
  color: #6b6b6b; }

button[id*="btn_month"] {
  color: #000; }

.CMS_adminBar {
  z-index: 12100 !important; }

.portletEditMode #page, .checkoutAndEditMode #page, .add-new-page #page {
  padding: 30px; }
.portletEditMode .ptl_page, .checkoutAndEditMode .ptl_page, .add-new-page .ptl_page {
  display: block !important; }

.main-section {
  display: flex;
  width: 100%; }
  .main-section#events {
    background: #f3f3f3;
    justify-content: center; }

#skip a:focus {
  top: 50px;
  background: #f2f2f2;
  color: #282828;
  padding: 10px 20px;
  text-transform: uppercase; }

/* Content portlet */
div[id$="divContent"], span[id$="ltContent"], div[id*="divInlineEdit"] div[id*="contentDiv"] {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400; }
  div[id$="divContent"] img[style*="float: left"], span[id$="ltContent"] img[style*="float: left"], div[id*="divInlineEdit"] div[id*="contentDiv"] img[style*="float: left"] {
    margin: 0 1em .5em 0; }
  div[id$="divContent"] img[style*="float: right"], span[id$="ltContent"] img[style*="float: right"], div[id*="divInlineEdit"] div[id*="contentDiv"] img[style*="float: right"] {
    margin: 0 0 .5em 1em; }
  div[id$="divContent"] table, span[id$="ltContent"] table, div[id*="divInlineEdit"] div[id*="contentDiv"] table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0; }
    div[id$="divContent"] table > caption, span[id$="ltContent"] table > caption, div[id*="divInlineEdit"] div[id*="contentDiv"] table > caption {
      padding: 10px;
      font-weight: bold; }
    div[id$="divContent"] table tbody tr td, div[id$="divContent"] table tbody tr th, span[id$="ltContent"] table tbody tr td, span[id$="ltContent"] table tbody tr th, div[id*="divInlineEdit"] div[id*="contentDiv"] table tbody tr td, div[id*="divInlineEdit"] div[id*="contentDiv"] table tbody tr th {
      border: 1px solid #000;
      padding: 5px; }
    div[id$="divContent"] table tbody tr th, span[id$="ltContent"] table tbody tr th, div[id*="divInlineEdit"] div[id*="contentDiv"] table tbody tr th {
      background: #e2e2e2; }

/* End of Content portlet */
/* End of Global Codes */
/* Section Heading */
.section-heading {
  text-align: center;
  padding: 20px; }
  .section-heading h2 {
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    line-height: normal;
    font-weight: 900;
    color: #75140c;
    display: flex;
    align-items: baseline;
    width: 100%;
    justify-content: center; }
    @media screen and (max-width: 1200px) {
      .section-heading h2 {
        font-size: 38px; } }
    @media screen and (max-width: 900px) {
      .section-heading h2 {
        font-size: 30px; } }
    .section-heading h2:after {
      content: '';
      position: relative;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #f2a740;
      display: block;
      margin-left: 3px; }
      @media screen and (max-width: 700px) {
        .section-heading h2:after {
          display: none; } }

/* End of Section Heading */
/* Back to top */
#Btop {
  position: fixed;
  right: 20px;
  bottom: -50px;
  background: #75140c;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: all 400ms ease;
  z-index: 8000;
  text-decoration: none; }
  #Btop span {
    font-size: 26px; }
  #Btop:hover, #Btop:focus {
    background: #fff;
    text-decoration: none;
    color: #75140c;
    border: 2px solid #75140c; }
  #Btop.show {
    bottom: 20px !important; }

.offScreen {
  position: fixed !important; }

/* Header */
header {
  display: flex;
  flex-wrap: wrap;
  background: #75140c;
  padding: 10px 60px;
  color: #ffffff; }
  @media screen and (max-width: 1200px) {
    header {
      padding: 10px 30px; } }
  @media screen and (max-width: 900px) {
    header {
      padding: 0; } }
  header .left-header {
    width: calc(100% - 500px);
    padding: 10px; }
    @media screen and (max-width: 1200px) {
      header .left-header {
        width: calc(100% - 400px); } }
    @media screen and (max-width: 900px) {
      header .left-header {
        width: 100%;
        text-align: center; } }
    header .left-header .logo {
      text-decoration: none;
      display: inline-flex;
      align-items: center; }
      @media screen and (max-width: 900px) {
        header .left-header .logo {
          flex-direction: column;
          justify-content: center; } }
      header .left-header .logo img {
        width: 100px; }
        @media screen and (max-width: 900px) {
          header .left-header .logo img {
            width: 80px;
            margin: 0 auto; } }
      header .left-header .logo .school-name {
        padding-left: 20px;
        color: #ffffff; }
        @media screen and (max-width: 900px) {
          header .left-header .logo .school-name {
            padding: 10px 0 0 0; } }
        header .left-header .logo .school-name span {
          font-size: 28px;
          line-height: 32px;
          font-weight: 400;
          display: block; }
          @media screen and (max-width: 900px) {
            header .left-header .logo .school-name span {
              font-size: 22px;
              line-height: 26px; } }
          header .left-header .logo .school-name span.bold-text {
            font-size: 38px;
            line-height: 42px;
            font-weight: 700;
            text-transform: uppercase; }
            @media screen and (max-width: 900px) {
              header .left-header .logo .school-name span.bold-text {
                font-size: 30px;
                line-height: 34px; } }
          header .left-header .logo .school-name span:not(.bold-text) {
            font-size: 16px;
            font-weight: 300;
            font-style: italic; }
      header .left-header .logo:hover, header .left-header .logo focus {
        color: #75140c; }
  header .right-header {
    width: 500px;
    padding: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    @media screen and (max-width: 1200px) {
      header .right-header {
        width: 400px; } }
    @media screen and (max-width: 900px) {
      header .right-header {
        width: 100%;
        text-align: center; } }
    header .right-header .address span, header .right-header .phone span, header .right-header .fax span {
      font-size: 14px;
      line-height: normal; }
    header .right-header .address .fa, header .right-header .phone .fa, header .right-header .fax .fa {
      padding-right: 10px; }
  header .mainNav {
    width: 100%; }

#menubar {
  position: relative;
  margin: 0 0 10px 0; }
  @media screen and (max-width: 900px) {
    #menubar {
      margin: 0; } }
  #menubar > .inside-padding {
    padding: 0;
    max-width: 100%;
    display: flex;
    justify-content: center; }
  @media screen and (max-width: 900px) {
    #menubar .RadMenu {
      display: none; } }
  #menubar .RadMenu:focus {
    box-shadow: none;
    outline: none; }
  #menubar .RadMenu .rmHorizontal > li > a {
    padding: 10px;
    text-decoration: none; }
    #menubar .RadMenu .rmHorizontal > li > a span {
      color: #ffffff;
      font-weight: 600;
      font-size: 16px;
      padding: 0;
      position: relative; }
      #menubar .RadMenu .rmHorizontal > li > a span:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 50%;
        transform: translateX(-50%);
        transition: all .2s ease;
        height: 7px;
        width: 0; }
    #menubar .RadMenu .rmHorizontal > li > a.rmSelected span:after {
      width: calc(100% + 20px);
      background: #75140c; }
    #menubar .RadMenu .rmHorizontal > li > a:hover, #menubar .RadMenu .rmHorizontal > li > a.rmExpanded, #menubar .RadMenu .rmHorizontal > li > a.rmFocused {
      background: #ffffff; }
      #menubar .RadMenu .rmHorizontal > li > a:hover span, #menubar .RadMenu .rmHorizontal > li > a.rmExpanded span, #menubar .RadMenu .rmHorizontal > li > a.rmFocused span {
        color: #75140c; }
        #menubar .RadMenu .rmHorizontal > li > a:hover span:after, #menubar .RadMenu .rmHorizontal > li > a.rmExpanded span:after, #menubar .RadMenu .rmHorizontal > li > a.rmFocused span:after {
          width: calc(100% + 20px);
          background: #ffffff; }
  #menubar .RadMenu .rmHorizontal .rmVertical {
    background: #f2f2f2;
    padding: 0;
    border: none;
    border-top: none; }
    #menubar .RadMenu .rmHorizontal .rmVertical li a {
      padding: 7px 12px;
      transition: all .2s ease-in-out;
      text-decoration: none;
      width: 300px !important; }
      #menubar .RadMenu .rmHorizontal .rmVertical li a span {
        color: #000000;
        padding: 0 !important;
        margin: 0 !important;
        font-weight: 400;
        font-size: 15px;
        text-transform: capitalize;
        position: relative;
        transition: all .2s ease-in-out; }
        #menubar .RadMenu .rmHorizontal .rmVertical li a span.rmExpandRight:after {
          font-family: "Fontawesome";
          content: '\f054';
          position: absolute;
          font-size: 15px;
          color: #000000;
          top: 50%;
          transform: translateY(-50%);
          transition: all .2s ease-in-out;
          right: 0; }
      #menubar .RadMenu .rmHorizontal .rmVertical li a:hover, #menubar .RadMenu .rmHorizontal .rmVertical li a.rmExpanded, #menubar .RadMenu .rmHorizontal .rmVertical li a.rmFocused {
        background: #e6e6e6;
        text-decoration: underline; }
        #menubar .RadMenu .rmHorizontal .rmVertical li a:hover span, #menubar .RadMenu .rmHorizontal .rmVertical li a.rmExpanded span, #menubar .RadMenu .rmHorizontal .rmVertical li a.rmFocused span {
          color: #800000; }
          #menubar .RadMenu .rmHorizontal .rmVertical li a:hover span.rmExpandRight:after, #menubar .RadMenu .rmHorizontal .rmVertical li a.rmExpanded span.rmExpandRight:after, #menubar .RadMenu .rmHorizontal .rmVertical li a.rmFocused span.rmExpandRight:after {
            color: #800000; }
  #menubar #mobileNav {
    background: #333333;
    color: #ffffff;
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
    text-decoration: none; }
    #menubar #mobileNav .hamburger .bar, #menubar #mobileNav .hamburger .bar:before, #menubar #mobileNav .hamburger .bar:after {
      background-color: #ffffff; }
    #menubar #mobileNav:hover, #menubar #mobileNav:focus {
      background: #000; }
      #menubar #mobileNav:hover .hamburger .bar, #menubar #mobileNav:hover .hamburger .bar:before, #menubar #mobileNav:hover .hamburger .bar:after, #menubar #mobileNav:focus .hamburger .bar, #menubar #mobileNav:focus .hamburger .bar:before, #menubar #mobileNav:focus .hamburger .bar:after {
        background-color: #fff; }
  #menubar .mobile-nav-items {
    max-height: 60vw;
    overflow: auto; }
    #menubar .mobile-nav-items::-webkit-scrollbar {
      width: 10px; }
    #menubar .mobile-nav-items::-webkit-scrollbar-track {
      background: #f1f1f1; }
    #menubar .mobile-nav-items::-webkit-scrollbar-thumb {
      background: #888; }
    #menubar .mobile-nav-items::-webkit-scrollbar-thumb:hover {
      background: #555; }
    #menubar .mobile-nav-items ul li a {
      text-decoration: none; }
      #menubar .mobile-nav-items ul li a:hover, #menubar .mobile-nav-items ul li a:focus {
        background: #75140c; }
    #menubar .mobile-nav-items ul li .subnav-items.level1 li a:hover, #menubar .mobile-nav-items ul li .subnav-items.level1 li a:focus {
      background: #75140c; }

/* End of Header */
/* Banner */
#hero-banner {
  padding-bottom: 10px; }
  #hero-banner .banner-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    border-bottom: 8px solid #f2a740; }
    #hero-banner .banner-container #banner {
      width: calc(100% - 400px); }
      @media screen and (max-width: 900px) {
        #hero-banner .banner-container #banner {
          width: 100%; } }
    #hero-banner .banner-container #top-quick-links {
      width: 400px; }
      @media screen and (max-width: 900px) {
        #hero-banner .banner-container #top-quick-links {
          width: 100%; } }
      #hero-banner .banner-container #top-quick-links > div > .ptl_portlet_vertical:first-child {
        display: flex;
        justify-content: center;
        align-items: center; }

.PO-banner .slider .BAN_slide .BAN_caption {
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
  text-align: center;
  padding: 20px; }
  @media screen and (max-width: 900px) {
    .PO-banner .slider .BAN_slide .BAN_caption {
      padding: 10px; } }
  .PO-banner .slider .BAN_slide .BAN_caption .BAN_title {
    display: none; }

/* End of Banner */
/* Quick links heading */
#top-quick-links h2 {
  color: #333333;
  text-align: center;
  font-size: 36px;
  line-height: normal;
  font-weight: 700;
  margin: 0; }
  @media screen and (max-width: 900px) {
    #top-quick-links h2 {
      padding: 40px 20px !important; } }
#top-quick-links > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

/* End of Quick links heading */
/* Top Quick Links */
.PO-quickLinks {
  padding: 0; }
  .PO-quickLinks .top-quick-links .quicklink-items {
    padding: 0;
    margin: 0; }
    .PO-quickLinks .top-quick-links .quicklink-items li {
      list-style: none;
      padding-top: 4px; }
      .PO-quickLinks .top-quick-links .quicklink-items li .ql-item {
        padding: 15px 10px;
        background: #333333;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-decoration: none;
        transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); }
        .PO-quickLinks .top-quick-links .quicklink-items li .ql-item .ql-title {
          font-size: 16px;
          line-height: normal;
          font-weight: 400; }
        .PO-quickLinks .top-quick-links .quicklink-items li .ql-item .fa {
          font-size: 22px;
          color: #fff; }
        .PO-quickLinks .top-quick-links .quicklink-items li .ql-item:hover, .PO-quickLinks .top-quick-links .quicklink-items li .ql-item:focus {
          background: #75140c; }

/* End of Top Quick Links */
/* Quick Links */
.PO-quickLinks {
  padding: 0; }
  .PO-quickLinks .quick-links {
    padding: 20px; }
    .PO-quickLinks .quick-links .quicklink-items {
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      .PO-quickLinks .quick-links .quicklink-items li {
        list-style: none;
        min-width: 250px; }
        @media screen and (max-width: 900px) {
          .PO-quickLinks .quick-links .quicklink-items li {
            min-width: auto;
            width: 50%; } }
        @media screen and (max-width: 700px) {
          .PO-quickLinks .quick-links .quicklink-items li {
            width: 100%; } }
        .PO-quickLinks .quick-links .quicklink-items li .ql-item {
          text-decoration: none;
          transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          padding: 20px;
          text-align: center;
          color: #333333; }
          .PO-quickLinks .quick-links .quicklink-items li .ql-item .ql-title {
            font-size: 16px;
            line-height: normal;
            font-weight: 400;
            display: block; }
          .PO-quickLinks .quick-links .quicklink-items li .ql-item .fa {
            font-size: 46px;
            padding-bottom: 15px;
            display: block; }
          .PO-quickLinks .quick-links .quicklink-items li .ql-item:hover, .PO-quickLinks .quick-links .quicklink-items li .ql-item:focus {
            background: #75140c;
            color: #fff; }

/* End of Top Quick Links */
/* News */
.rss-link {
  padding: 20px 10px;
  text-align: center;
  display: none; }
  .rss-link a {
    display: inline-block;
    padding: 5px 10px;
    background: #75140c;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); }
    .rss-link a:hover, .rss-link a:focus {
      background: #f2a740;
      color: #fff; }

.home-news {
  background: #333333;
  padding: 20px; }
  .home-news .home-news-container {
    max-width: 1200px;
    margin: 0 auto; }
    .home-news .home-news-container .section-header {
      padding: 20px;
      text-align: center;
      color: #fff; }
      .home-news .home-news-container .section-header h2 {
        font-size: 38px;
        line-height: normal;
        margin: 0;
        font-weight: 700; }
    .home-news .home-news-container .news-container {
      display: flex;
      flex-wrap: wrap;
      align-items: center; }
      @media screen and (max-width: 1200px) {
        .home-news .home-news-container .news-container {
          flex-direction: column; } }
      .home-news .home-news-container .news-container .first-article {
        width: 400px;
        padding-right: 30px; }
        @media screen and (max-width: 1200px) {
          .home-news .home-news-container .news-container .first-article {
            width: 100%;
            padding: 0 0 20px 0;
            max-width: 400px;
            margin: 0 auto; } }
        .home-news .home-news-container .news-container .first-article .image {
          height: 215px;
          background-position: center;
          background-repeat: no-repeat;
          background-size: cover; }
        .home-news .home-news-container .news-container .first-article .news-content {
          background: #ffffff;
          padding: 15px; }
          .home-news .home-news-container .news-container .first-article .news-content .news-title {
            font-size: 16px;
            line-height: normal;
            font-weight: 600;
            color: #333333; }
          .home-news .home-news-container .news-container .first-article .news-content .news-date {
            font-size: 14px;
            line-height: normal;
            padding: 7px 0;
            font-style: italic; }
          .home-news .home-news-container .news-container .first-article .news-content .news-summary {
            font-size: 14px;
            line-height: normal;
            padding-bottom: 10px;
            height: 45px;
            overflow: hidden; }
          .home-news .home-news-container .news-container .first-article .news-content .read-more {
            font-size: 30px;
            color: #75140c;
            transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); }
            .home-news .home-news-container .news-container .first-article .news-content .read-more:hover, .home-news .home-news-container .news-container .first-article .news-content .read-more:focus {
              color: #333333; }
      .home-news .home-news-container .news-container.single-article .first-article {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding: 0; }
      .home-news .home-news-container .news-container .other-articles {
        width: calc(100% - 400px);
        background: #ffffff;
        padding: 20px; }
        @media screen and (max-width: 1200px) {
          .home-news .home-news-container .news-container .other-articles {
            width: 100%;
            max-width: 600px;
            margin: 0 auto; } }
        @media screen and (max-width: 800px) {
          .home-news .home-news-container .news-container .other-articles {
            max-width: 400px;
            padding: 0;
            background: none; } }
        .home-news .home-news-container .news-container .other-articles .news-item {
          display: flex;
          flex-wrap: wrap; }
          .home-news .home-news-container .news-container .other-articles .news-item:first-child {
            padding-bottom: 20px;
            border-bottom: 1px solid #e4e4e4; }
            @media screen and (max-width: 800px) {
              .home-news .home-news-container .news-container .other-articles .news-item:first-child {
                border: none; } }
          .home-news .home-news-container .news-container .other-articles .news-item:last-child {
            padding-top: 20px; }
            @media screen and (max-width: 800px) {
              .home-news .home-news-container .news-container .other-articles .news-item:last-child {
                padding: 0; } }
          .home-news .home-news-container .news-container .other-articles .news-item .image {
            width: 230px;
            height: 150px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover; }
            @media screen and (max-width: 800px) {
              .home-news .home-news-container .news-container .other-articles .news-item .image {
                width: 100%;
                height: 215px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover; } }
          .home-news .home-news-container .news-container .other-articles .news-item .news-content {
            width: calc(100% - 230px);
            padding-left: 20px; }
            @media screen and (max-width: 800px) {
              .home-news .home-news-container .news-container .other-articles .news-item .news-content {
                width: 100%;
                padding: 15px;
                background: #ffffff; } }
            .home-news .home-news-container .news-container .other-articles .news-item .news-content .news-title {
              font-size: 16px;
              line-height: normal;
              font-weight: 600;
              color: #333333; }
            .home-news .home-news-container .news-container .other-articles .news-item .news-content .news-date {
              font-size: 14px;
              line-height: normal;
              padding: 7px 0;
              font-style: italic; }
            .home-news .home-news-container .news-container .other-articles .news-item .news-content .news-summary {
              font-size: 14px;
              line-height: normal;
              padding-bottom: 10px;
              height: 45px;
              overflow: hidden; }
            .home-news .home-news-container .news-container .other-articles .news-item .news-content .read-more {
              font-size: 30px;
              color: #75140c;
              transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); }
              .home-news .home-news-container .news-container .other-articles .news-item .news-content .read-more:hover, .home-news .home-news-container .news-container .other-articles .news-item .news-content .read-more:focus {
                color: #333333; }
    .home-news .home-news-container .news-footer {
      display: flex;
      padding: 10px;
      justify-content: flex-end; }
      .home-news .home-news-container .news-footer a {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        line-height: normal;
        font-weight: 600;
        text-decoration: underline; }
        .home-news .home-news-container .news-footer a:hover, .home-news .home-news-container .news-footer a:focus {
          text-decoration: none; }

/* End of News */
/* Hoem Motto */
#home-motto {
  min-height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative; }
  #home-motto:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
  #home-motto .w-100 {
    position: relative;
    z-index: 10; }
  #home-motto h2 {
    color: #fff;
    font-size: 40px;
    line-height: normal;
    font-weight: 700;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); }

/* End of Hoem Motto */
/* Events */
.upcoming-events {
  background: #e3d0ce;
  padding: 20px; }
  .upcoming-events .upcoming-events-container {
    max-width: 1200px;
    margin: 0 auto; }
    .upcoming-events .upcoming-events-container .section-header {
      padding: 20px;
      text-align: center;
      color: #75140c; }
      .upcoming-events .upcoming-events-container .section-header h2 {
        font-size: 38px;
        line-height: normal;
        margin: 0;
        font-weight: 700; }
    .upcoming-events .upcoming-events-container .no-event {
      text-align: center;
      font-size: 16px;
      line-height: normal;
      color: #282828; }
    .upcoming-events .upcoming-events-container .events-list {
      display: flex;
      flex-wrap: wrap; }
      .upcoming-events .upcoming-events-container .events-list .event-container {
        width: 25%;
        padding: 10px;
        position: relative; }
        .upcoming-events .upcoming-events-container .events-list .event-container:after {
          content: '';
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 2px;
          height: 40px;
          background: #f2a740; }
        .upcoming-events .upcoming-events-container .events-list .event-container:before {
          content: '';
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          width: 40px;
          height: 2px;
          background: #f2a740;
          display: none; }
        .upcoming-events .upcoming-events-container .events-list .event-container:last-child:after {
          display: none; }
        @media screen and (max-width: 900px) {
          .upcoming-events .upcoming-events-container .events-list .event-container {
            width: 50%;
            padding: 15px 10px; }
            .upcoming-events .upcoming-events-container .events-list .event-container:nth-child(2):after {
              display: none; } }
        @media screen and (max-width: 700px) {
          .upcoming-events .upcoming-events-container .events-list .event-container {
            width: 100%; }
            .upcoming-events .upcoming-events-container .events-list .event-container:after {
              display: none; }
            .upcoming-events .upcoming-events-container .events-list .event-container:before {
              display: block; }
            .upcoming-events .upcoming-events-container .events-list .event-container:last-child:before {
              display: none; } }
        .upcoming-events .upcoming-events-container .events-list .event-container .event {
          display: block;
          text-align: center;
          text-decoration: none;
          color: #75140c; }
          .upcoming-events .upcoming-events-container .events-list .event-container .event .event-date .day {
            font-size: 40px;
            line-height: 44px;
            font-weight: 700;
            display: block; }
          .upcoming-events .upcoming-events-container .events-list .event-container .event .event-date .month {
            font-size: 20px;
            line-height: 24px;
            font-weight: 400;
            text-transform: uppercase;
            display: block; }
          .upcoming-events .upcoming-events-container .events-list .event-container .event .event-time {
            padding: 5px 0;
            font-size: 15px; }
            .upcoming-events .upcoming-events-container .events-list .event-container .event .event-time span {
              font-weight: 400; }
            .upcoming-events .upcoming-events-container .events-list .event-container .event .event-time .day-name {
              font-weight: 600;
              text-transform: uppercase;
              padding-right: 5px; }
          .upcoming-events .upcoming-events-container .events-list .event-container .event .event-title {
            font-weight: 400;
            font-size: 18px; }
    .upcoming-events .upcoming-events-container .events-footer {
      padding: 10px;
      text-align: center; }
      .upcoming-events .upcoming-events-container .events-footer a {
        font-weight: 600;
        color: #75140c; }

/* End of Events */
/* Footer 

footer {
	.footer {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		background: $color-1;
		color: #fff;
		padding: 20px 60px;
		@media screen and (max-width: 900px) {
			padding: 20px;
		}
		.left-sec {
			width: 50%;
			@media screen and (max-width: 900px) {
				width: 100%;
				padding-bottom: 15px;
				text-align: center;
			}
			.logo {
				text-decoration: none;
				display: flex;
				align-items: center;
				color: #fff;
				@media screen and (max-width: 900px) {
					flex-direction: column;
					justify-content: center;
				}
				img {
					width: 100px;
					@media screen and (max-width: 900px) {
						width: 80px;
						margin: 0 auto;
					}
				}
				.school-name {
					padding-left: 20px;
					@media screen and (max-width: 900px) {
						padding: 10px 0 0 0;
					}
					span {
						font-size: 28px;
						line-height: 32px;
						font-weight: 400;
						@media screen and (max-width: 900px) {
							font-size: 22px;
							line-height: 26px;
						}
						display: block;
						&.bold-text {
							font-size: 38px;
							line-height: 42px;
							font-weight: 700;
							text-transform: uppercase;
							@media screen and (max-width: 900px) {
								font-size: 30px;
								line-height: 34px;
							}
						}
					}
				}
				&:hover, focus {
					color: #fff;
				}
			}
		}
		.right-sec {
			width: 50%;
			display: flex;
			justify-content: flex-end;
			@media screen and (max-width: 900px) {
				width: 100%;
				justify-content: center;
			}
			.social-icons {
				padding: 0;
				margin: 0;
				li {
					list-style: none;
					display: inline-block;
					padding: 0 5px;
					a {
						display: flex;
						width: 40px;
						height: 40px;
						border-radius: 50%;
						background: $color-2;
						color: #fff;
						justify-content: center;
						align-items: center;
						font-size: 22px;
						transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
						text-decoration: none;
						&:after {
							font-family: $font-awesome;
						}
						&:hover, &:focus {
							color: $color-1;
							background: #fff;
						}
					}
					&:empty {
						display: none;
					}
					&.facebook {
						a {
							&:after {
								content: '\f09a';
							}
						}
					}
					&.twitter {
						a {
							&:after {
								content: '\f099';
							}
						}
					}
					&.youtube {
						a {
							&:after {
								content: '\f16a';
							}
						}
					}
					&.email {
						a {
							&:after {
								content: '\f0e0';
							}
						}
					}
				}
			}
		}
	}
	.credit {
		background: #282828;
		padding: 5px;
		color: #fff;
		text-align: center;
		font-size: 14px;
		a {
			color: #fff;
			text-decoration: underline;
			&:hover, &:focus {
				text-decoration: none;
			}
		}
	}
}

 End of Footer */
/*---- FOOTER ----*/
#footer {
  background: #75140c;
  color: #ffffff; }
  #footer .homeBtn {
    color: #ffffff;
    text-decoration: none; }
  #footer .inside {
    display: flex;
    justify-content: center;
    padding: 20px 0;
    align-items: center; }
  #footer .logo {
    padding-right: 20px; }
    #footer .logo img {
      max-width: 100px;
      width: auto;
      height: auto; }
  #footer .schoolName {
    font-weight: 700;
    font-size: 30px;
    margin: 0;
    text-transform: uppercase; }
  #footer .schoolName span {
    font-weight: 400; }
  #footer .slogan {
    font-size: 15px;
    border-left-width: 4px;
    border-left-style: solid;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    margin-top: 10px; }
  #footer .social-icons {
    padding: 0;
    margin: 0;
    text-align: center; }
    #footer .social-icons li {
      list-style: none;
      display: inline-block;
      padding: 0 5px; }
      #footer .social-icons li a {
        display: flex;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        color: #fff;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
        text-decoration: none; }
        #footer .social-icons li a:after {
          font-family: "Fontawesome"; }
        #footer .social-icons li a:hover, #footer .social-icons li a:focus {
          color: #75140c;
          background: #fff; }
      #footer .social-icons li:empty {
        display: none; }
      #footer .social-icons li.facebook a:after {
        content: '\f09a'; }
      #footer .social-icons li.twitter a:after {
        content: '\f099'; }
      #footer .social-icons li.youtube a:after {
        content: '\f16a'; }
      #footer .social-icons li.email a:after {
        content: '\f0e0'; }
      #footer .social-icons li.instagram a:after {
        content: '\f16d'; }

#footer .phone a {
  color: #ffffff; }

span.fax-n {
  margin-left: 5px; }

#footer .address, #footer .phone {
  text-align: center;
  font-size: 15px;
  margin-bottom: 5px; }

.credits {
  background: #333333;
  text-align: center;
  color: #ffffff; }

.credits a {
  color: #ffffff; }

.credits a:hover, .credits a:focus {
  color: #ffffff;
  text-decoration: none; }

/* Subpage */
#subpage .sub-feature-img {
  max-height: 350px;
  height: 24vw;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }
  #subpage .sub-feature-img:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(117, 20, 12, 0.3); }
#subpage .main-container {
  width: 100%;
  padding: 20px;
  max-width: 1800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; }
  #subpage .main-container .breadcrumbs {
    width: 100%;
    padding: 10px 20px 20px;
    color: #282828;
    font-size: 15px; }
    @media screen and (max-width: 900px) {
      #subpage .main-container .breadcrumbs {
        padding: 10px; } }
    #subpage .main-container .breadcrumbs a {
      color: #75140c;
      font-weight: 400;
      text-decoration: underline; }
      #subpage .main-container .breadcrumbs a:hover, #subpage .main-container .breadcrumbs a:focus {
        text-decoration: none;
        color: #75140c; }
    #subpage .main-container .breadcrumbs a:first-child {
      font-size: 0;
      text-decoration: none; }
      #subpage .main-container .breadcrumbs a:first-child:after {
        content: 'Home';
        font-size: 15px;
        text-decoration: underline; }
      #subpage .main-container .breadcrumbs a:first-child:hover:after, #subpage .main-container .breadcrumbs a:first-child:focus:after {
        text-decoration: none; }
    #subpage .main-container .breadcrumbs .separator {
      padding: 0 7px;
      color: #f2a740;
      font-weight: 400; }
    #subpage .main-container .breadcrumbs span {
      font-weight: 600; }
  #subpage .main-container .sidebar {
    max-width: 360px;
    min-width: 360px;
    padding: 20px 10px; }
    @media screen and (max-width: 1200px) {
      #subpage .main-container .sidebar {
        max-width: 280px;
        min-width: 280px; } }
    @media screen and (max-width: 900px) {
      #subpage .main-container .sidebar {
        max-width: 100%;
        min-width: 100%;
        padding: 0; } }
    #subpage .main-container .sidebar .mobile-side-nav {
      display: none;
      background: #75140c;
      justify-content: space-between;
      align-items: center;
      text-decoration: none;
      transition: all 200ms ease-in-out;
      width: 100%;
      padding: 10px;
      box-sizing: border-box;
      color: #fff; }
      #subpage .main-container .sidebar .mobile-side-nav .fa,
      #subpage .main-container .sidebar .mobile-side-nav span {
        padding: 0 15px; }
      #subpage .main-container .sidebar .mobile-side-nav span {
        font-weight: 600; }
      #subpage .main-container .sidebar .mobile-side-nav.clicked, #subpage .main-container .sidebar .mobile-side-nav:hover, #subpage .main-container .sidebar .mobile-side-nav:focus {
        background: #75140c; }
      @media screen and (max-width: 900px) {
        #subpage .main-container .sidebar .mobile-side-nav {
          display: flex; } }
    #subpage .main-container .sidebar .ptl_col_1 {
      padding: 0; }
      @media screen and (max-width: 900px) {
        #subpage .main-container .sidebar .ptl_col_1 {
          padding: 0; } }
      #subpage .main-container .sidebar .ptl_col_1 #inside-nav {
        box-sizing: border-box;
        padding: 20px 20px 10px;
        background: #e6e6e6; }
        @media screen and (max-width: 900px) {
          #subpage .main-container .sidebar .ptl_col_1 #inside-nav {
            display: none; } }
        @media screen and (min-width: 901px) {
          #subpage .main-container .sidebar .ptl_col_1 #inside-nav {
            display: block !important; } }
        #subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp {
          padding: 0 10px;
          margin-bottom: 10px; }
          #subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a {
            color: #75140c;
            display: block;
            padding: 7px;
            margin: 0;
            padding-left: 10px;
            transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
            position: relative;
            font-weight: 500;
            text-transform: uppercase;
            text-decoration: none; }
            #subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a span {
              position: relative;
              z-index: 10; }
            #subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a:hover, #subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a:focus {
              background: #fff;
              color: #75140c; }
          @media screen and (max-width: 900px) {
            #subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp:first-child {
              margin-top: 10px; } }
          @media screen and (max-width: 900px) {
            #subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp:last-child {
              margin-bottom: 10px; } }
        #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl1 {
          padding-left: 30px; }
        #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl2 {
          padding-left: 50px; }
        #subpage .main-container .sidebar .ptl_col_1 #inside-nav .currentpage a {
          background: #fff;
          color: #75140c; }
          #subpage .main-container .sidebar .ptl_col_1 #inside-nav .currentpage a:hover, #subpage .main-container .sidebar .ptl_col_1 #inside-nav .currentpage a:focus {
            color: #75140c; }
  #subpage .main-container .main-content {
    width: calc(100% - 360px);
    padding-left: 30px; }
    @media screen and (max-width: 1200px) {
      #subpage .main-container .main-content {
        width: calc(100% - 280px); } }
    @media screen and (max-width: 900px) {
      #subpage .main-container .main-content {
        width: 100%;
        padding: 0; } }
    #subpage .main-container .main-content > .inside-padding {
      padding: 0; }
    #subpage .main-container .main-content .pageTitle {
      padding: 10px; }
      @media screen and (max-width: 900px) {
        #subpage .main-container .main-content .pageTitle {
          padding: 10px 0; } }
      #subpage .main-container .main-content .pageTitle h2 {
        font-size: 36px;
        line-height: normal;
        font-weight: 700;
        margin: 0;
        color: #75140c;
        font-family: "Poppins", sans-serif;
        position: relative;
        z-index: 10;
        display: flex;
        align-items: baseline; }
        @media screen and (max-width: 1200px) {
          #subpage .main-container .main-content .pageTitle h2 {
            font-size: 34px; } }
        @media screen and (max-width: 900px) {
          #subpage .main-container .main-content .pageTitle h2 {
            font-size: 30px; } }
    @media screen and (max-width: 1000px) {
      #subpage .main-container .main-content .ptl_col_1_2, #subpage .main-container .main-content .ptl_col_1_3, #subpage .main-container .main-content .ptl_col_1_4, #subpage .main-container .main-content .ptl_col_3_4, #subpage .main-container .main-content .ptl_col_2_3 {
        width: 100%; } }

/* Print page */
@media print {
  .CMS_adminBar, #skip, header, footer, .sub-bg, #subpage .main-container .sidebar, #subpage .breadcrumbs {
    display: none !important; }

  #subpage .main-container .main-content {
    width: 100%; } }
/* Subpage News Summary */
#news-summary .content a.read-more {
  background: #75140c;
  font-size: 16px;
  transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1); }
  #news-summary .content a.read-more:hover, #news-summary .content a.read-more:focus {
    background: #f2a740; }

/* Admin Area */
.btm-section {
  width: 100%;
  max-width: 1600px;
  padding: 30px 20px; }
  .btm-section h2 {
    font-weight: 800;
    font-size: 39px;
    margin-bottom: 0px; }
  .btm-section .w-33 {
    padding-right: 30px; }

.calHeading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 20px; }
  .calHeading a {
    color: #000000; }
    .calHeading a:hover, .calHeading a:focus {
      color: #000000;
      text-decoration: none; }

#upcomingEvents * {
  box-sizing: initial; }

a.event {
  color: #000000;
  text-decoration: none; }
  a.event:hover, a.event:focus {
    color: #75140c;
    text-decoration: underline; }

.dateOrb {
  background: #75140c; }

.TA-nav-tabs > li > a {
  text-decoration: none; }

.TA-nav-tabs > li.active > a:after {
  background: #75140c; }

.TA-nav-tabs > li > a:hover {
  background: #e3d0ce; }

body a.ContextBar, body .ContextBar {
  color: #ffffff; }
  body a.ContextBar:hover, body a.ContextBar:foucs, body .ContextBar:hover, body .ContextBar:foucs {
    color: #ffffff; }

#quicklinks .PO-quickLinks .quick-links .quicklink-items {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px; }
#quicklinks button.slick-arrow {
  background: none;
  border: none;
  font-size: 2em;
  color: #75140c;
  cursor: pointer;
  transition: all 0.3s; }
  #quicklinks button.slick-arrow:hover, #quicklinks button.slick-arrow:focus {
    color: #f2a740; }

.pubwrapper .pub-right-sec .login-link.accessBtn a {
  width: auto; }
  .pubwrapper .pub-right-sec .login-link.accessBtn a:after {
    margin-left: 5px;
    content: '\f2a8'; }

#news_content_body #featured_image {
  max-width: 600px; }

.access-link a {
  background: #57100b;
  color: #ffffff;
  padding: 5px 10px;
  text-decoration: none;
  transition: all 0.3s; }

.access-link a:hover {
  background: #ffffff;
  color: #75140c; }

.access-link {
  text-align: center;
  margin: 15px 0 10px; }