@charset "UTF-8";
/* Prince William County Public Schools - Patriot High School*/
 @media screen and (max-width: 900px) {
     .homeNewsWrapper {
         position: relative;
    }
     .homeNewsWrapper .controls .arrows {
         display: flex;
         justify-content: center;
         align-items: center;
         position: relative;
         padding-top: 20px;
    }
     .homeNewsWrapper .controls .arrows .slick-arrow {
         position: relative;
         font-size: 0;
         border: 0;
         width: 40px;
         background: #002852;
    }
     .homeNewsWrapper .controls .arrows .slick-arrow:after {
         color: #fff;
    }
     .homeNewsWrapper .controls .arrows .slick-next {
         margin-left: 20px;
    }
     .homeNewsWrapper .slick-slide {
         opacity: 0.6;
    }
     .homeNewsWrapper .slick-active {
         opacity: 1;
    }
}
 @media screen and (max-width: 750px) {
     #upcoming-events .slick-slide {
         opacity: 0.5;
    }
     #upcoming-events .slick-center {
         opacity: 1;
         transition: 0.2s ease-in-out;
    }
}
 #upcoming-events .controls .arrows {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     padding-top: 20px;
     padding-bottom: 0px;
}
 @media screen and (max-width: 600px) {
     #upcoming-events .controls .arrows {
         padding-top: 0;
         padding-bottom: 20px;
    }
}
 #upcoming-events .controls .arrows .slick-arrow {
     position: relative;
     font-size: 0;
     border: 0;
     width: 40px;
     background: #0d2d62;
}
 #upcoming-events .controls .arrows .slick-arrow:after {
     color: #fff;
}
 #upcoming-events .controls .arrows .slick-next {
     margin-left: 20px;
}
 .sectionHeading {
     color: #000;
     position: relative;
     display: flex;
     justify-content: space-between;
     padding-bottom: 35px;
}
 .sectionHeading .sectionName {
     font-size: 25px;
     font-weight: 900;
     letter-spacing: normal;
     padding: 0;
     text-transform: uppercase;
}
 .sectionHeading .news-title-container a {
     font-size: 15px;
     color: #fff;
     padding: 5px 20px;
     font-weight: bold;
     text-transform: uppercase;
     background: #0d2d62;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 150px;
     border-radius: 2em;
     transition: 0.2s ease-in-out;
     position: relative;
     overflow: hidden;
     z-index: 1;
}
 .sectionHeading .news-title-container a:hover, .sectionHeading .news-title-container a:focus {
     letter-spacing: 2px;
     background: #9b0505;
     color: #fff;
}
 .sectionHeading .news-title-container a:hover:before, .sectionHeading .news-title-container a:focus:before {
     opacity: 1;
     transform: scale(1, 1);
}
 .sectionHeading .news-title-container a:hover:after, .sectionHeading .news-title-container a:focus:after {
     opacity: 0;
     transform: scale(0.1, 1);
}
 .fa,.fas{
    font-family: 'Font Awesome 5 Free' !important;
     font-weight: 900;
}
 a, a:hover {
     text-decoration: none;
}
 * {
     box-sizing: border-box;
}
 body {
     font-family: "Lato", sans-serif;
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
}
 h1, h2, h3, h4, h5, h6, a, p, span, ul, ol, li, div, strong, i, b, em {
     font-family: "Lato", sans-serif;
}
 strong {
     font-weight: 600;
}
 section {
     overflow: auto;
}
 .w-20 {
     width: 20%;
     float: left;
}
 .w-30 {
     width: 30%;
     float: left;
}
 .w-40 {
     width: 40%;
     float: left;
}
 .w-50 {
     width: 50%;
     float: left;
}
 .w-60 {
     width: 60%;
     float: left;
}
 .w-70 {
     width: 70%;
     float: left;
}
 .w-80 {
     width: 80%;
     float: left;
}
 .w-100 {
     width: 100%;
}
 div[id^="divContent"] {
     font-family: "Lato", sans-serif;
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
}
 div[id^="divContent"] a {
     text-decoration: underline;
     color: #767676;
}
 div[id^="divContent"] a:hover, div[id^="divContent"] a:focus {
     text-decoration: none;
}
 div[id^="divContent"] img {
     padding: 20px;
}
 div[id^="divContent"] h1, div[id^="divContent"] h2, div[id^="divContent"] h3, div[id^="divContent"] h4, div[id^="divContent"] h5, div[id^="divContent"] h6 {
     font-family: "Lato", sans-serif;
     font-weight: 400;
     text-transform: capitalize;
     margin: 0 0 8px 0;
}
 div[id^="divContent"] h1 {
     font-size: 32px;
     line-height: 38px;
     padding-bottom: 10px;
     border-bottom: 2px solid #0d2d62;
     display: inline-block;
     margin: 0 0 15px 0;
}
 div[id^="divContent"] h2 {
     font-size: 28px;
     line-height: 34px;
     padding-bottom: 10px;
     border-bottom: 2px solid #0d2d62;
     display: inline-block;
     margin: 0 0 15px 0;
}
 div[id^="divContent"] h3 {
     font-size: 22px;
     line-height: 26px;
     font-family: "lato", sans-serif;
     font-weight: 700;
     position: relative;
     margin-bottom: 20px;
}
 div[id^="divContent"] h4 {
     font-size: 20px;
     line-height: 24px;
     font-family: "lato", sans-serif;
     font-weight: 500;
}
 div[id^="divContent"] h5 {
     font-size: 16px;
     line-height: 20px;
}
 div[id^="divContent"] h6 {
     font-size: 14px;
     line-height: 18px;
}
 div[id^="divContent"] ul li {
     list-style-type: none;
}
 div[id^="divContent"] ul li:before {
     content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
     color: #505050;
    /* Change the color */
     font-weight: bold;
    /* If you want it to be bold */
     display: inline-block;
    /* Needed to add space between the bullet and the text */
     width: 1em;
    /* Also needed for space (tweak if needed) */
     margin-left: -1em;
    /* Also needed for space (tweak if needed) */
}
 @media screen and (max-width: 900px) {
     .w-20, .w-30, .w-40, .w-50, .w-60, .w-70, .w-80 {
         width: 100% !important;
    }
}
 .CAL-timeAlert {
     color: #fff;
}
/*.RadWindow {
     z-index: 1000000 !important;
}
*/
 div#CMS_DragDropWrapper {
     z-index: 12000 !important;
}
 button[id*="btn_month"] {
     color: #000;
}
 .CMS_adminBar {
     z-index: 12100 !important;
}
 .portlet_instance {
     position: relative;
     z-index: 10000;
}
 .portletEditMode #page, .checkoutAndEditMode #page {
     padding: 30px;
     margin-top: 100px;
}
 .portletEditMode .ptl_page, .checkoutAndEditMode .ptl_page {
     display: block !important;
}
 .designMode .container {
     padding: 40px 70px;
     overflow: auto;
}
 @media screen and (max-width: 1060px) {
     .designMode .container {
         padding: 40px 50px;
    }
}
 @media screen and (max-width: 600px) {
     .designMode .container {
         padding: 30px;
    }
}
 .inside-padding {
     max-width: 1366px;
     padding: 20px;
     position: relative;
}
 @media screen and (max-width: 420px) {
     .has-adminbar img {
         max-width: 100px;
    }
}
 @media screen and (max-width: 1050px) {
     header {
         top: 0;
    }
}
 .arrows .slick-prev:after {
     content: "\f104";
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     font-size: 35px;
}
 .slick-next:after {
     content: "\f105";
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     font-size: 35px;
}
/* Global Hover Effects */
 .hvr-sweep-to-right {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 .hvr-sweep-to-right:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #9b0505;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     -webkit-transform-origin: 0 50%;
     transform-origin: 0 50%;
     -webkit-transition-property: transform;
     transition-property: transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
}
 .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before {
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
}
 .hvr-fade .newsContent {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     overflow: hidden;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: color, background-color;
     transition-property: color, background-color;
}
 .hvr-fade:hover .newsContent, .hvr-fade:focus .newsContent {
     background-color: #e60000 !important;
     color: #fff;
}
/* Trim */
 .hvr-trim {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .hvr-trim:before {
     content: '';
     position: absolute;
     border: #9b0505 solid 4px;
     top: 4px;
     left: 4px;
     right: 4px;
     bottom: 4px;
     opacity: 0;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: opacity;
     transition-property: opacity;
}
 .hvr-trim:hover:before, .hvr-trim:focus:before {
     opacity: 1;
}
/* Prince Styling */
 #pubWrapper a {
     font-family: "Open Sans", sans-serif !important;
     font-size: 13px !important;
     font-weight: normal !important;
}
 #pubWrapper ul.pubList .pubDropdown-btn:hover, #pubWrapper ul.pubList .pubDropdown-btn:focus, #pubWrapper ul.pubList li .user_link:hover, #pubWrapper ul.pubList li .user_link:focus, #pubWrapper ul.pubList li .admin_menu:hover, #pubWrapper ul.pubList li .admin_menu:focus {
     background: #0d2d62 !important;
}
 #pubWrapper .pub-icon {
     padding-right: 10px;
}
 header {
     z-index: 5;
     position: relative;
     display: block;
     top: 0;
     left: 0;
     width: 100%;
    /*Top Header Above Menu*/
}
 header .top-header {
     background: #fff;
     margin: 0;
     z-index: 100 !important;
}
 header .top-header .inside-padding {
     padding: 20px 60px;
     display: flex;
     width: 100%;
     justify-content: space-between;
     align-items: center;
}
 @media screen and (max-width: 1200px) {
     header .top-header .inside-padding {
         flex-direction: column;
    }
     header .top-header .inside-padding #header-logo {
         margin-bottom: 20px;
    }
     header .top-header .inside-padding #header-logo a {
         width: 100%;
         padding: 0;
         padding-bottom: 20px;
    }
     header .top-header .inside-padding #header-logo .school-name {
         text-align: center;
    }
}
 @media screen and (max-width: 620px) {
     header .top-header .inside-padding {
         flex-direction: column;
    }
     header .top-header .inside-padding .social-media {
         flex-wrap: wrap;
         justify-content: center;
         margin: 0;
    }
     header .top-header .inside-padding .social-media li {
         padding-bottom: 20px;
    }
}
 @media screen and (max-width: 400px) {
     header .top-header .inside-padding {
         padding: 20px;
    }
     header .top-header .inside-padding #header-logo a img {
         width: 100%;
    }
}
 header .top-header .inside-padding #header-social .social-media {
     margin: 0;
     padding: 0;
     list-style-type: none;
     display: flex;
}
 header .top-header .inside-padding #header-social .social-media li {
     margin-right: 20px;
}
 @media screen and (max-width: 620px) {
     header .top-header .inside-padding #header-social .social-media li {
         margin: 0;
    }
}
 header .top-header .inside-padding #header-social .social-media li:last-child {
     margin: 0;
}
 header .top-header .inside-padding #header-social .social-media li a {
     font-size: 30px;
     color: #9b0505;
     flex-direction: column;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: 0.2s ease-in-out;
     padding: 0 10px;
     transition: 0.2s ease-in-out;
}
 header .top-header .inside-padding #header-social .social-media li a span {
     color: #0d2d62;
     font-size: 14px;
     font-weight: 600;
     margin-top: 10px;
     text-transform: uppercase;
}
 header .top-header .inside-padding #header-social .social-media li a:hover, header .top-header .inside-padding #header-social .social-media li a:focus {
     color: #fff;
}
 header .top-header .inside-padding #header-social .social-media li a:hover:before, header .top-header .inside-padding #header-social .social-media li a:focus:before {
     border: 3px solid #9b0505;
     background: #0d2d62;
}
 header .top-header .inside-padding #header-social .social-media li .fas:before {
     background: #F2F2F2;
     border-radius: 50%;
     width: 70px;
     height: 70px;
     display: flex;
     justify-content: center;
     align-items: center;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
     border: 3px solid #f2f2f2;
}
 @media screen and (max-width: 900px) {
     header .top-header .inside-padding #header-social {
         display: none;
    }
}
 #header-logo {
     display: flex;
     width: 50%;
     position: relative;
     z-index: 200;
     align-items: center;
}
 #header-logo a {
     padding-right: 20px;
}
 @media screen and (max-width: 1200px) {
     #header-logo {
         width: 100%;
         justify-content: center;
         flex-wrap: wrap;
    }
}
 #header-logo .school-name {
     display: flex;
     flex-direction: column;
}
 #header-logo .school-name span, #header-logo .school-name h1 {
     color: #0d2d62;
}
 #header-logo .school-name .district-name {
     font-size: 14px;
     font-weight: 600;
     font-family: "Raleway", sans-serif;
     letter-spacing: 1px;
     line-height: 1;
}
 #header-logo .school-name h1 {
     font-size: 28px;
     font-weight: 900;
     font-family: "Lato", sans-serif;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     margin: 10px 0;
     line-height: 1;
}
 #header-logo .school-name .motto {
     font-size: 14px;
     font-weight: 400;
}
 #header-logo a {
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
}
 @media screen and (max-width: 400px) {
     #header-logo a img {
         margin-bottom: 20px;
    }
}
 #header-logo a .schoolName {
     display: flex;
     flex-direction: column;
     padding-left: 20px;
}
 #header-logo a .schoolName .school-main {
     font-family: "Lato", sans-serif;
     font-size: 48px;
     font-weight: 900;
     color: #9b0505;
     text-transform: uppercase;
     padding-bottom: 20px;
}
 #header-logo a .schoolName .school-type {
     font-family: "Lato", sans-serif;
     font-size: 25px;
     font-weight: 400;
     color: #9b0505;
     text-transform: uppercase;
}
 #header-logo a img {
     max-width: 175px;
}
/*Menu*/
 #menubar {
     background: #787677;
     z-index: 2;
     display: block;
     position: relative;
}
 #menubar .inside-padding {
     display: flex;
     justify-content: flex-start;
     flex-wrap: wrap;
     align-items: center;
     padding: 0 20px;
     max-width: 1143px;
}
 @media screen and (max-width: 980px) {
     #menubar .inside-padding {
         justify-content: center;
    }
}
 #menubar .inside-padding .row {
     margin: 0;
     width: 100%;
}
 #menubar .inside-padding .row a {
     padding: 20px;
}
 #menubar .inside-padding .row a:hover, #menubar .inside-padding .row a:focus {
     background-color: #0d2d62;
}
 #menubar .inside-padding .row a:hover span, #menubar .inside-padding .row a:focus span {
     color: #fff;
}
 @media screen and (max-width: 1140px) {
     #menubar .inside-padding .row a {
         padding: 15px;
    }
}
 @media screen and (max-width: 1060px) {
     #menubar .inside-padding .row a {
         padding: 10px;
    }
}
 #menubar .inside-padding .row a span {
     color: #fff;
     font-size: 14px;
     font-family: 'Open Sans', sans-serif;
     font-weight: 700;
}
 #menubar .inside-padding .row .sub-nav-group a {
     padding: 10px;
}
 #menubar .inside-padding .row .rmVertical {
     background: #787677;
     padding: 0;
}
 #menubar .inside-padding .row .rmVertical a {
     padding: 10px 0px;
}
/* District News Section */
 .district-news-section {
     position: relative;
}
 .district-news-section:before {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(19, 54, 90, 0.48);
}
 .district-news-section > .inside-padding {
     max-width: 1105px;
     padding: 80px 60px;
     position: relative;
}
 @media screen and (max-width: 400px) {
     .district-news-section > .inside-padding {
         padding: 20px;
    }
}
 .district-news-section > .inside-padding .sectionHeading {
     color: #fff;
}
 @media screen and (max-width: 400px) {
     .district-news-section > .inside-padding .sectionHeading {
         flex-wrap: wrap;
         justify-content: center;
    }
     .district-news-section > .inside-padding .sectionHeading a {
         margin-top: 20px;
    }
}
 .district-news-section .homeNewsWrapper .sectionHeading {
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: #fff !important;
}
 .district-news-section .homeNewsWrapper .sectionHeading .sectionName {
     margin: 0;
     padding: 10px;
}
 @media screen and (max-width: 660px) {
     .district-news-section .homeNewsWrapper .sectionHeading .section-title {
         margin: 0 auto;
         text-align: center;
    }
     .district-news-section .homeNewsWrapper .sectionHeading .news-controls {
         position: absolute;
         bottom: 50%;
         left: 49%;
         -webkit-transform: translate(-50%, 50%);
         -moz-transform: translate(-50%, 50%);
         -o-transform: translate(-50%, 50%);
         transform: translate(-50%, 110%);
    }
}
 @media screen and (max-width: 660px) and (max-width: 400px) {
     .district-news-section .homeNewsWrapper .sectionHeading .news-controls {
         display: none;
    }
}
 .district-news-section .homeNewsWrapper .sectionHeading .news-title-container {
     padding-right: 10px;
}
 @media screen and (max-width: 400px) {
     .district-news-section .homeNewsWrapper .sectionHeading .news-title-container {
         margin: 0;
    }
}
 .district-news-section .homeNewsWrapper .sectionHeading .news-title-container a, .district-news-section .homeNewsWrapper .sectionHeading .news-title-container span {
     color: #fff;
     font-family: "Open Sans", sans-serif;
     font-weight: bold;
     text-decoration: underline;
}
 .district-news-section .homeNewsWrapper .sectionHeading .news-title-container a:hover, .district-news-section .homeNewsWrapper .sectionHeading .news-title-container a:focus, .district-news-section .homeNewsWrapper .sectionHeading .news-title-container span:hover, .district-news-section .homeNewsWrapper .sectionHeading .news-title-container span:focus {
     text-decoration: none;
}
 @media screen and (max-width: 400px) {
     .district-news-section .homeNewsWrapper .sectionHeading .section-title {
         margin-bottom: 0;
    }
}
 .district-news-section .homeNewsWrapper .news-controls .news-arrows .slick-arrow {
     color: #0d2d62;
}
 .district-news-section .homeNewsWrapper .news-controls .news-arrows .slick-arrow:hover, .district-news-section .homeNewsWrapper .news-controls .news-arrows .slick-arrow:focus {
     background: #0d2d62;
}
 .district-news-section .homeNewsWrapper .news-controls .news-arrows .slick-arrow:hover:after, .district-news-section .homeNewsWrapper .news-controls .news-arrows .slick-arrow:focus:after {
     color: #000;
}
 .district-news-section .homeNewsWrapper .news-controls .news-arrows .slick-prev {
     color: #0d2d62;
}
 .district-news-section .homeNewsWrapper .news-controls .news-arrows .slick-next {
     color: #0d2d62;
}
 .district-news-section .homeNewsWrapper .newsItem {
     -webkit-transition: 0.1s ease-in-out;
     -o-transition: 0.1s ease-in-out;
     transition: 0.1s ease-in-out;
     width: 100%;
     padding: 0;
}
 .district-news-section .homeNewsWrapper .newsItem .inside .image {
     background: #fff;
}
 .district-news-section .homeNewsWrapper .newsItem .inside .newsContent {
     background: #9b0505;
     width: 100%;
}
 .district-news-section .homeNewsWrapper .newsItem .inside .newsContent .inside-padding {
     padding: 20px 35px;
     min-height: 110px;
}
 .district-news-section .homeNewsWrapper .newsItem .inside .newsContent .inside-padding .newsDate {
     background: #0d2d62;
     color: #9b0505;
}
 .district-news-section .homeNewsWrapper .newsItem .inside .newsContent .inside-padding .newsTitle {
     font-family: "Lato", sans-serif;
     font-size: 15px;
     font-weight: 500;
     color: #fff;
}
 .district-news-section .homeNewsWrapper .newsItem .inside .newsContent .inside-padding .newsSummary {
     margin-bottom: 20px;
}
 .district-news-section .homeNewsWrapper .newsItem .inside .readMore {
     color: #fff;
     background: #0d2d62;
     font-size: 15px;
     font-weight: 900;
     text-transform: uppercase;
     letter-spacing: 1px;
}
 .district-news-section .homeNewsWrapper .newsItem .readMore {
     display: flex;
     transition: all .2s ease-in-out;
     width: 100%;
     padding: 10px 0px 10px 0px;
     justify-content: center;
     align-items: center;
     font-size: 17px;
     width: 100%;
}
 .district-news-section .homeNewsWrapper .newsItem:hover .newsTitle, .district-news-section .homeNewsWrapper .newsItem:focus .newsTitle {
     color: #fff !important;
}
 .events-section {
     background: #9b0505;
     position: relative;
}
 .events-section:before {
     content: '';
     background: url(https://www.pwcs.edu/userfiles/servers/server_340140/templates/pwcs/events_background.svg);
     width: 100%;
     height: 100%;
     position: absolute;
     background-repeat: no-repeat;
     background-position: center right;
     background-size: 28%;
     background-position-x: 102%;
}
 .events-section .inside-padding {
     padding: 50px 60px;
}
 @media screen and (max-width: 400px) {
     .events-section .inside-padding {
         padding: 20px;
    }
}
 .events-section .inside-padding #event-title {
     display: flex;
     justify-content: center;
     text-align: center;
     align-items: center;
}
 .events-section .inside-padding #event-title h2 {
     font-size: 25px;
     font-weight: 900;
     text-transform: uppercase;
     color: #fff;
     letter-spacing: 1px;
     margin-bottom: 40px;
     margin-top: 0;
}
 @media screen and (max-width: 400px) {
     .events-section .inside-padding #event-title h2 {
         margin-bottom: 20px;
    }
}
 .events-section .inside-padding .events-list {
     position: relative;
}
 .events-section .inside-padding .events-list .event-item {
     display: flex;
     flex-wrap: wrap;
     width: 33%;
     padding: 10px 20px;
}
 .events-section .inside-padding .events-list .event-item .event-container {
     display: flex;
     align-items: flex-start;
}
 @media screen and (max-width: 400px) {
     .events-section .inside-padding .events-list .event-item .event-container {
         flex-wrap: wrap;
         justify-content: center;
         text-align: center;
    }
     .events-section .inside-padding .events-list .event-item .event-container .eventDetails {
         padding-top: 20px !important;
    }
     .events-section .inside-padding .events-list .event-item .event-container .eventDate {
         margin-right: 0 !important;
    }
}
 .events-section .inside-padding .events-list .event-item .event-container .eventDate {
     margin-right: 20px;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .events-section .inside-padding .events-list .event-item .event-container .eventDate:before {
     content: '';
     position: absolute;
     border: #9b0505 solid 4px;
     border-radius: 13px;
     top: 4px;
     left: 4px;
     right: 4px;
     bottom: 4px;
     opacity: 0;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: opacity;
     transition-property: opacity;
}
 .events-section .inside-padding .events-list .event-item .event-container .eventDate .eventDate-container {
     width: 90px;
     height: 90px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     background: #fff;
     border-radius: 13px;
     padding: 20px;
}
 .events-section .inside-padding .events-list .event-item .event-container .eventDate .eventDate-container .top-date {
     width: 100%;
     text-align: center;
     color: #9b0505;
     font-size: 15px;
     font-weight: normal;
     text-transform: uppercase;
     padding-bottom: 5px;
}
 .events-section .inside-padding .events-list .event-item .event-container .eventDate .eventDate-container .bottom-date {
     width: 100%;
     text-align: center;
     color: #9b0505;
     font-size: 32px;
     font-weight: normal;
}
 .events-section .inside-padding .events-list .event-item .event-container .eventDetails .eventName {
     color: #fff;
     font-weight: bold;
     font-size: 15px;
     font-family: "Open Sans", sans-serif;
     padding-bottom: 10px;
}
 .events-section .inside-padding .events-list .event-item .event-container .eventDetails .EventTime {
     color: #fff;
     font-weight: normal;
     font-size: 15px;
     font-family: "Open Sans", sans-serif;
     padding-bottom: 10px;
}
 .events-section .inside-padding .events-list .event-item .event-container .eventDetails .EventTime span {
     font-family: "Open Sans", sans-serif;
}
 .events-section .inside-padding .events-list .event-item .event-container .eventDetails .location {
     display: none;
}
 .events-section .inside-padding .events-list .event-item:hover .eventDate:before, .events-section .inside-padding .events-list .event-item:focus .eventDate:before {
     opacity: 1;
}
 .events-section .inside-padding .event-title-container {
     display: flex;
     justify-content: center;
     width: 100%;
     text-align: center;
     align-items: center;
}
 .events-section .inside-padding .event-title-container a {
     font-size: 15px;
     color: #fff;
     padding: 5px 20px;
     font-weight: bold;
     text-transform: uppercase;
     background: #0d2d62;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 150px;
     border-radius: 2em;
     transition: 0.2s ease-in-out;
     position: relative;
     overflow: hidden;
     z-index: 1;
     margin-top: 40px;
}
 @media screen and (max-width: 400px) {
     .events-section .inside-padding .event-title-container a {
         margin-top: 0;
    }
}
 .events-section .inside-padding .event-title-container a:hover, .events-section .inside-padding .event-title-container a:focus {
     letter-spacing: 2px;
     background: #fff;
     color: #9b0505;
}
 .events-section .inside-padding .event-title-container a:hover:before, .events-section .inside-padding .event-title-container a:focus:before {
     opacity: 1;
     transform: scale(1, 1);
     background: #fff;
}
 .events-section .inside-padding .event-title-container a:hover:after, .events-section .inside-padding .event-title-container a:focus:after {
     opacity: 0;
     transform: scale(0.1, 1);
}
/* Slider */
 .banner-section .inside-padding {
     padding: 60px 60px;
}
 @media screen and (max-width: 900px) {
     .banner-section .inside-padding {
         padding: 30px 60px;
    }
}
 @media screen and (max-width: 600px) {
     .banner-section .inside-padding {
         padding: 20px;
    }
}
 .banner-section .inside-padding #main-slider {
     position: relative;
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide {
     position: relative;
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption {
     position: absolute;
     bottom: 15%;
     left: 7%;
     width: 400px;
     line-height: 1.2;
     padding: 20px;
     background: rgba(0, 0, 0, 0.7);
}
 @media screen and (max-width: 780px) {
     .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption {
         left: 10%;
    }
}
 @media screen and (max-width: 420px) {
     .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption {
         width: 250px;
         left: 15%;
    }
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption .inside-caption {
     position: relative;
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption .inside-caption .main-text .summary {
     color: #fff;
     font-family: "Arial", sans-serif;
     font-size: 25px;
     font-weight: 900;
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption .inside-caption .links {
     padding-top: 10px;
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption .inside-caption .links a {
     color: #fff;
     font-weight: 16px;
     font-family: "Arial", sans-serif;
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption .inside-caption .links a:hover, .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption .inside-caption .links a:focus {
     text-decoration: underline;
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption .inside-caption .links a span {
     position: relative;
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide .caption .inside-caption .links a span:after {
     display: block;
     position: absolute;
     content: '\f0da';
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     right: -20px;
     bottom: 50%;
     transform: translateY(50%);
     font-size: 22px;
     color: #0d2d62;
}
 .banner-section .inside-padding #main-slider .banner-container .banner-slide .image {
     height: 370px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
 @media screen and (max-width: 900px) {
     .banner-section .inside-padding #main-slider .banner-container .banner-slide .image {
         height: 300px;
    }
}
 @media screen and (max-width: 600px) {
     .banner-section .inside-padding #main-slider .banner-container .banner-slide .image {
         height: 100px;
    }
}
 .banner-section .inside-padding #main-slider .nav-container-dot {
     display: block;
     position: absolute;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots {
     display: block;
     display: flex !important;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-arrow {
     width: 25px;
     height: 25px;
     border: none;
     transition: 0.1s ease-in-out;
     background: transparent;
     font-size: 0;
     transition: 0.2s ease-in-out;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-next:after {
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 12px 0 12px 11px;
     border-color: transparent transparent transparent #fff;
     font-size: 0;
     display: block;
     transition: 0.2s ease-in-out;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-next:hover, .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-next:focus {
     transition: 0.2s ease-in-out;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-next:hover:after, .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-next:focus:after {
     border-color: transparent transparent transparent #9b0505;
     transition: 0.2s ease-in-out;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-prev:after {
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 12px 11px 12px 0;
     border-color: transparent #fff transparent transparent;
     transition: 0.2s ease-in-out;
     font-size: 0;
     display: block;
     transition: 0.2s ease-in-out;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-prev:hover, .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-prev:focus {
     transition: 0.2s ease-in-out;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-prev:hover:after, .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-prev:focus:after {
     border-color: transparent #9b0505 transparent transparent;
     transition: 0.2s ease-in-out;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots .slick-dots {
     margin: 0;
     padding: 0;
     position: relative;
     list-style-type: none;
     display: flex !important;
     justify-content: center;
     align-items: center;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots li {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0 10px;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots li.slick-active, .banner-section .inside-padding #main-slider .nav-container-dot .dots li:hover, .banner-section .inside-padding #main-slider .nav-container-dot .dots li:focus {
     transition: 0.2s ease-in-out;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots li.slick-active button, .banner-section .inside-padding #main-slider .nav-container-dot .dots li:hover button, .banner-section .inside-padding #main-slider .nav-container-dot .dots li:focus button {
     background: #0d2d62;
     border: 1px solid #fff;
     width: 20px;
     height: 20px;
     transition: 0.2s ease-in-out;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots li:last-child {
     margin: 0;
}
 .banner-section .inside-padding #main-slider .nav-container-dot .dots li button {
     font-size: 0;
     background: #fff;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     padding: 0;
     border: 1px solid #707070;
     transition: 0.2s ease-in-out;
}
 .schedule-section .inside-padding {
     max-width: 1300px;
     display: flex;
     justify-content: center;
     padding: 30px 20px;
     padding-left: 200px;
}
 @media screen and (max-width: 1200px) {
     .schedule-section .inside-padding {
         padding: 30px 60px !important;
    }
}
 @media screen and (max-width: 950px) {
     .schedule-section .inside-padding {
         flex-wrap: wrap;
    }
     .schedule-section .inside-padding h2 {
         margin-top: 20px !important;
    }
     .schedule-section .inside-padding h2 a {
         margin-bottom: 0;
    }
     .schedule-section .inside-padding .image-section {
         width: 100% !important;
         margin-right: 0px !important;
    }
     .schedule-section .inside-padding .schedule-section {
         width: 100% !important;
    }
}
 @media screen and (max-width: 600px) {
     .schedule-section .inside-padding {
         padding: 20px !important;
    }
     .schedule-section .inside-padding h2 {
         justify-content: center !important;
    }
     .schedule-section .inside-padding h2 a {
         margin-top: 20px !important;
    }
}
 .schedule-section .inside-padding .image-section {
     width: 350px;
     margin-right: 50px;
}
 .schedule-section .inside-padding .image-section .image-container .image {
     min-height: 420px;
     background-repeat: no-repeat;
     background-size: cover;
     min-width: 350px;
     background-position: center center;
     border-radius: 13px;
}
 @media screen and (max-width: 900px) {
     .schedule-section .inside-padding .image-section .image-container .image {
         min-width: 100%;
         min-height: 250px;
    }
}
 .schedule-section .inside-padding .schedule-section {
     width: 50%;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 h2 {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     color: #0d2d62;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     font-size: 25px;
     padding: 20px 10px;
     margin: 0;
     padding-top: 0;
}
 @media (max-width: 1010px) and (min-width: 950px) {
     .schedule-section .inside-padding .schedule-section #upcoming-events2 h2 {
         justify-content: center;
    }
     .schedule-section .inside-padding .schedule-section #upcoming-events2 h2 a {
         margin-top: 10px !important;
    }
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 h2 a {
     font-size: 15px;
     color: #9b0505;
     padding: 5px 20px;
     font-weight: bold;
     text-transform: uppercase;
     background: #0d2d62;
     margin: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 150px;
     border-radius: 2em;
     transition: 0.2s ease-in-out;
     position: relative;
     overflow: hidden;
     z-index: 1;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 h2 a:hover, .schedule-section .inside-padding .schedule-section #upcoming-events2 h2 a:focus {
     letter-spacing: 2px;
     color: #fff;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item {
     font-size: 15px;
     color: #fff;
     padding: 5px 10px;
     font-weight: bold;
     text-transform: uppercase;
     margin: 0;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     min-width: 150px;
     border-radius: 2em;
     transition: 0.2s ease-in-out;
     position: relative;
     overflow: hidden;
     z-index: 1;
     padding-bottom: 20px;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container {
     display: flex;
     align-items: flex-start;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container .eventDate {
     margin-right: 20px;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     position: relative;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container .eventDate:before {
     content: '';
     position: absolute;
     border: #fff solid 4px;
     border-radius: 13px;
     top: 4px;
     left: 4px;
     right: 4px;
     bottom: 4px;
     opacity: 0;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: opacity;
     transition-property: opacity;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container .eventDate .eventDate-container {
     width: 90px;
     height: 90px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     background: #9b0505;
     border-radius: 13px;
     padding: 20px;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container .eventDate .eventDate-container .top-date {
     width: 100%;
     text-align: center;
     color: #fff;
     font-size: 15px;
     font-weight: normal;
     text-transform: uppercase;
     padding-bottom: 5px;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container .eventDate .eventDate-container .bottom-date {
     width: 100%;
     text-align: center;
     color: #fff;
     font-size: 32px;
     font-weight: normal;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container .eventDetails .eventName {
     color: #000;
     font-weight: bold;
     font-size: 15px;
     font-family: "Open Sans", sans-serif;
     padding-bottom: 10px;
     text-transform: capitalize;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container .eventDetails .EventTime {
     color: #000;
     font-weight: normal;
     font-size: 15px;
     font-family: "Open Sans", sans-serif;
     padding-bottom: 10px;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container .eventDetails .EventTime span {
     font-family: "Open Sans", sans-serif;
     text-transform: capitalize;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item .event-container .eventDetails .location {
     display: none;
}
 .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item:hover .eventDate:before, .schedule-section .inside-padding .schedule-section #upcoming-events2 .event-item:focus .eventDate:before {
     opacity: 1;
}
/* Quicklinks */
 #quicklinks {
     position: relative;
}
 #quicklinks .controls .slick-arrow {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     font-size: 0;
     border: 0;
     width: 40px;
     background: #9b0505;
}
 #quicklinks .controls .slick-arrow:after {
     color: #fff;
}
 #quicklinks .controls .slick-next {
     right: 0;
}
 .quicklinks-section {
     position: relative;
     margin: 0;
}
 .quicklinks-section .inside-padding {
     max-width: 1070px;
     padding: 30px 20px;
}
 .quicklinks-section .inside-padding .quicklink-items {
     margin: 0;
     padding: 0;
}
 .quicklinks-section .inside-padding .quicklink-items .slick-slide {
     opacity: 0.8;
}
 .quicklinks-section .inside-padding .quicklink-items .slick-active {
     opacity: 1;
}
 .quicklinks-section .inside-padding .quicklink-items a {
     font-size: 30px;
     color: #0d2d62;
     flex-direction: column;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: 0.2s ease-in-out;
     padding: 0 10px;
     transition: 0.2s ease-in-out;
}
 .quicklinks-section .inside-padding .quicklink-items a .ql-title {
     color: #0d2d62;
     font-size: 14px;
     font-weight: normal;
     margin-top: 10px;
     text-transform: capitalize;
}
 .quicklinks-section .inside-padding .quicklink-items a:hover, .quicklinks-section .inside-padding .quicklink-items a:focus {
     color: #fff;
}
 .quicklinks-section .inside-padding .quicklink-items a:hover .ql-icon, .quicklinks-section .inside-padding .quicklink-items a:focus .ql-icon {
     border: 3px solid #e60000;
     background: #9b0505;
}
 .quicklinks-section .inside-padding .quicklink-items a:hover .ql-title, .quicklinks-section .inside-padding .quicklink-items a:focus .ql-title {
     font-weight: 600;
}
 .quicklinks-section .inside-padding .quicklink-items .ql-icon {
     background: #F2F2F2;
     border-radius: 50%;
     width: 92px;
     height: 92px;
     display: flex;
     justify-content: center;
     align-items: center;
     box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
     border: 3px solid #f2f2f2;
     font-size: 35px;
}
 .quicklinks-section .inside-padding .nav-container .arrows .slick-arrow {
     position: absolute;
     top: 40%;
     -webkit-transform: translateY(-40%);
     -moz-transform: translateY(-40%);
     -o-transform: translateY(-40%);
     transform: translateY(-40%);
     background: transparent;
     border: none;
}
 .quicklinks-section .inside-padding .nav-container .arrows .slick-arrow:hover, .quicklinks-section .inside-padding .nav-container .arrows .slick-arrow:focus {
     background: #0d2d62;
}
 .quicklinks-section .inside-padding .nav-container .arrows .slick-arrow:hover:after, .quicklinks-section .inside-padding .nav-container .arrows .slick-arrow:focus:after {
     color: #fff;
}
 .quicklinks-section .inside-padding .nav-container .arrows .slick-prev {
     left: 20px;
     width: 40px;
     height: 40px;
     background: #fff;
     -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
 .quicklinks-section .inside-padding .nav-container .arrows .slick-next {
     right: 20px;
     width: 40px;
     height: 40px;
     background: #fff;
     -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
}
 .quicklinks2-section {
     position: relative;
}
 .quicklinks2-section:before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(36,62,144, 0.52);
}
 .quicklinks2-section .inside-padding {
     padding: 0 60px;
     max-width: 1300px;
}
 @media screen and (max-width: 600px) {
     .quicklinks2-section .inside-padding {
         padding: 0 20px;
    }
}
 .quicklinks2-section .inside-padding .ql2-container {
     padding: 60px 25px;
}
 @media screen and (max-width: 900px) {
     .quicklinks2-section .inside-padding .ql2-container {
         padding-bottom: 0;
    }
}
 .quicklinks2-section .inside-padding .ql2-container .slick-slide {
     padding: 0 10px;
}
 .quicklinks2-section .inside-padding .ql2-container .item-contain {
     width: 240px;
     height: 100%;
}
 .quicklinks2-section .inside-padding .ql2-container .ql-item {
     margin: auto;
     height: 155px;
     border-radius: 13px;
     transition: 0.2s ease-in-out;
}
 .quicklinks2-section .inside-padding .ql2-container .ql-item a {
     display: flex;
     flex-wrap: wrap;
     width: 100%;
     height: 100%;
     justify-content: center;
     align-items: center;
     background-color: rgba(204, 0, 0, 0);
     transition: 0.2s ease-in-out;
     border-radius: 13px;
     font-size: 25px;
     color: #fff;
     font-family: "Lato", sans-serif;
     font-weight: 500;
     opacity: 0;
}
 .quicklinks2-section .inside-padding .ql2-container .ql-item a:hover, .quicklinks2-section .inside-padding .ql2-container .ql-item a:focus {
     background-color: rgba(204, 0, 0, 0.82);
     transition: 0.2s ease-in-out;
     opacity: 1;
}
 @media screen and (max-width: 900px) {
     .quicklinks2-section .slick-slide a {
         background-color: rgba(204, 0, 0, 0) !important;
    }
     .quicklinks2-section .slick-active {
         opacity: 1 !important;
    }
     .quicklinks2-section .slick-active a {
         opacity: 1 !important;
         background-color: rgba(204, 0, 0, 0.82) !important;
    }
}
 .quicklinks2-section .controls .arrows {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     padding-top: 20px;
     padding-bottom: 20px;
}
 .quicklinks2-section .controls .arrows .slick-arrow {
     position: relative;
     font-size: 0;
     border: 0;
     width: 40px;
     background: #9b0505;
}
 .quicklinks2-section .controls .arrows .slick-arrow:after {
     color: #fff;
}
 .quicklinks2-section .controls .arrows .slick-next {
     margin-left: 20px;
}
 .homeNewsWrapper .slick-slide:first-child .newsitem-container {
     padding-left: 0;
}
 .homeNewsWrapper .slick-slide:last-child .newsitem-container {
     padding-right: 0;
}
 .school-section .inside-padding {
     max-width: 1000px;
     padding: 60px 20px;
}
 @media screen and (max-width: 700px) and (max-width: 400px) {
     .school-section .inside-padding .homeNewsWrapper .sectionHeading {
         flex-direction: column;
    }
     .school-section .inside-padding .homeNewsWrapper .sectionHeading .sectionName {
         width: 100%;
    }
     .school-section .inside-padding .homeNewsWrapper .sectionHeading .sectionName .section-title {
         display: flex;
         justify-content: center;
         align-items: center;
    }
     .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-title-container {
         padding: 0 !important;
         padding-bottom: 20px !important;
    }
}
 @media screen and (max-width: 700px) {
     .school-section .inside-padding .homeNewsWrapper .sectionHeading .sectionName {
         width: 60%;
    }
}
 .school-section .inside-padding .homeNewsWrapper .sectionHeading {
     display: flex;
     justify-content: space-between;
     align-items: center;
     color: #000;
}
 .school-section .inside-padding .homeNewsWrapper .sectionHeading .sectionName {
     margin: 0;
     padding: 10px;
}
 @media screen and (max-width: 660px) {
     .school-section .inside-padding .homeNewsWrapper .sectionHeading .section-title {
         margin: 0 auto;
         text-align: center;
    }
     .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-controls {
         position: absolute;
         bottom: 50%;
         left: 49%;
         -webkit-transform: translate(-50%, 50%);
         -moz-transform: translate(-50%, 50%);
         -o-transform: translate(-50%, 50%);
         transform: translate(-50%, 110%);
    }
}
 @media screen and (max-width: 660px) and (max-width: 400px) {
     .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-controls {
         display: none;
    }
}
 .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-title-container {
     padding-right: 10px;
}
 @media screen and (max-width: 400px) {
     .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-title-container {
         margin: 0;
    }
}
 .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-title-container a, .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-title-container span {
     color: #fff;
     font-family: "Open Sans", sans-serif;
     font-weight: bold;
     text-decoration: underline;
}
 .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-title-container a:hover, .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-title-container a:focus, .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-title-container span:hover, .school-section .inside-padding .homeNewsWrapper .sectionHeading .news-title-container span:focus {
     text-decoration: none;
}
 @media screen and (max-width: 400px) {
     .school-section .inside-padding .homeNewsWrapper .sectionHeading .section-title {
         margin-bottom: 0;
    }
}
 .school-section .inside-padding .homeNewsWrapper .news-controls .news-arrows .slick-arrow {
     color: #0d2d62;
}
 .school-section .inside-padding .homeNewsWrapper .news-controls .news-arrows .slick-arrow:hover, .school-section .inside-padding .homeNewsWrapper .news-controls .news-arrows .slick-arrow:focus {
     background: #0d2d62;
}
 .school-section .inside-padding .homeNewsWrapper .news-controls .news-arrows .slick-arrow:hover:after, .school-section .inside-padding .homeNewsWrapper .news-controls .news-arrows .slick-arrow:focus:after {
     color: #000;
}
 .school-section .inside-padding .homeNewsWrapper .news-controls .news-arrows .slick-prev {
     color: #0d2d62;
}
 .school-section .inside-padding .homeNewsWrapper .news-controls .news-arrows .slick-next {
     color: #0d2d62;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem {
     -webkit-transition: 0.1s ease-in-out;
     -o-transition: 0.1s ease-in-out;
     transition: 0.1s ease-in-out;
     width: 100%;
     padding: 0;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem:hover .newsContent, .school-section .inside-padding .homeNewsWrapper .newsItem:focus .newsContent {
     background: rgba(230, 0, 0, 0.84) !important;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem:hover .newsContent .newsTitle, .school-section .inside-padding .homeNewsWrapper .newsItem:focus .newsContent .newsTitle {
     color: #fff !important;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .inside .image {
     background: #fff;
     min-height: 221px;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .inside .image .inside {
     height: 221px;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .inside .image .inside img {
     width: 100% !important;
     height: 100% !important;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .inside .newsContent {
     background: rgba(155,5,5, 0.84);
     width: 100%;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .inside .newsContent .inside-padding {
     padding: 20px 35px;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .inside .newsContent .inside-padding .newsDate {
     background: #0d2d62;
     color: #9b0505;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .inside .newsContent .inside-padding .newsTitle {
     font-family: "Lato", sans-serif;
     font-size: 17px;
     font-weight: bold;
     color: #fff;
     margin: 0;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .inside .newsContent .inside-padding .newsSummary {
     margin-bottom: 20px;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .inside .readMore {
     color: #fff;
     background: #0d2d62;
     font-size: 15px;
     font-weight: 900;
     text-transform: uppercase;
     letter-spacing: 1px;
     position: relative;
}
 .school-section .inside-padding .homeNewsWrapper .newsItem .readMore {
     display: flex;
     transition: all .2s ease-in-out;
     width: 100%;
     padding: 10px 0px 10px 0px;
     justify-content: center;
     align-items: center;
     font-size: 17px;
     width: 100%;
}
 .school-section .controls .arrows {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     padding-top: 20px;
}
 .school-section .controls .arrows .slick-arrow {
     position: relative;
     font-size: 0;
     border: 0;
     width: 40px;
     background: #9b0505;
}
 .school-section .controls .arrows .slick-arrow:after {
     color: #fff;
}
 .school-section .controls .arrows .slick-next {
     margin-left: 20px;
}
 .misc-section {
     display: block;
     position: relative;
}
 .misc-section .sectionHeading {
     justify-content: center;
     font-size: 25px;
     font-weight: 900;
     text-transform: uppercase;
     letter-spacing: 1px;
     padding: 0;
}
 .misc-section .inside-padding {
     max-width: 1030px;
     display: flex;
     flex-wrap: wrap;
     align-items: flex-start;
     justify-content: space-between;
     padding: 20px;
     padding-bottom: 40px;
}
 @media screen and (max-width: 960px) {
     .misc-section .inside-padding {
         padding: 20px 130px;
    }
}
 @media screen and (max-width: 700px) {
     .misc-section .inside-padding {
         padding: 20px 50px;
    }
}
 @media screen and (max-width: 600px) {
     .misc-section .inside-padding {
         padding: 20px;
    }
     .misc-section .inside-padding .misc-50 {
         width: 435px;
    }
     .misc-section .inside-padding .misc-50 .featured_image {
         margin-bottom: 20px;
    }
     .misc-section .inside-padding .misc-50 .featured_image img {
         border-radius: 13px;
         width: 100%;
         height: 100%;
    }
}
 .misc-section .inside-padding .misc-50 {
     width: 435px;
}
 .misc-section .inside-padding .misc-50 .featured_image {
     margin-bottom: 20px;
}
 .misc-section .inside-padding .misc-50 .featured_image img {
     border-radius: 13px;
}
 .misc-section .inside-padding .misc-50 .image_caption {
     display: block;
     text-align: center;
}
 .misc-section .inside-padding .misc-50 .image_caption span {
     font-family: "Lato", sans-serif;
     font-size: 16px;
     font-weight: 500;
     color: #9b0505;
}
 @media screen and (max-width: 960px) {
     .misc-section .inside-padding .misc-50 {
         width: 100%;
    }
     .misc-section .inside-padding .misc-50 .featured_image {
         text-align: center;
    }
     .misc-section .inside-padding .misc-50 .image_caption {
         padding-bottom: 20px;
    }
}
 footer {
     background: #9b0505;
}
 footer #footer-container {
     position: relative;
}
 footer #footer-container .inside-padding {
     display: flex;
     width: 100%;
     justify-content: center;
     align-items: center;
     max-width: 1310px;
     flex-wrap: wrap;
}
 footer #footer-container .inside-padding > div {
     width: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
}
 @media screen and (max-width: 900px) {
     footer #footer-container .inside-padding > div {
         width: 100%;
         text-align: center;
    }
}
 footer #footer-container .inside-padding > div h2 {
     font-size: 28px;
     font-weight: 900;
     text-transform: uppercase;
     letter-spacing: 1.5px;
     margin: 0;
     padding-bottom: 10px;
     line-height: 1;
}
 footer #footer-container .inside-padding > div ul {
     list-style-type: none;
     color: #fff;
     padding: 0;
     margin: 0;
}
 footer #footer-container .inside-padding > div ul li {
     font-size: 14px;
     padding: 2px 0;
     font-weight: 500;
}
 footer #footer-container .inside-padding > div#footer-logo {
     padding-bottom: 20px;
}
 footer #footer-container .inside-padding > div#footer-logo img {
     max-width: 305px;
}
 footer #footer-container .inside-padding > div.footer-list {
     color: #fff;
     font-size: 15px;
     font-family: "Lato", sans-serif;
     font-weight: normal;
}
 footer #footer-container .inside-padding > div.footer-list .social-media {
     display: flex;
     margin: 0;
     padding: 0;
     list-style-type: none;
}
 footer #footer-container .inside-padding > div.footer-list .social-media a {
     color: #ffff;
     font-size: 25px;
     padding: 15px 15px;
     transition: 0.2s ease-in-out;
     border-radius: 50%;
     border: 3px #9b0505 solid;
}
 footer #footer-container .inside-padding > div.footer-list .social-media a:hover, footer #footer-container .inside-padding > div.footer-list .social-media a:focus {
     background: #fff;
     color: #0d2d62;
     border: 3px #0d2d62 solid;
}
 footer #footer-container .inside-padding > div:last-child {
     display: flex;
     flex-direction: column;
}
 footer #footer-container .inside-padding > div:last-child .footer-title {
     font-size: 13px;
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     padding: 15px 0;
}
 footer #footer-container .inside-padding > div:last-child .social-media {
     display: flex;
     list-style-type: none;
}
 footer #footer-container .inside-padding > div:last-child .social-media li a {
     color: #fff;
     padding: 0 20px;
     font-size: 20px;
     transition: 0.2s ease-in-out;
}
 footer #footer-container .inside-padding > div:last-child .social-media li a:hover, footer #footer-container .inside-padding > div:last-child .social-media li a:focus {
     color: #D1D1D1;
}
 #menubar a {
     color: #fff;
}
 #menubar #mobile-bar:hover, #menubar #mobile-bar:focus {
     color: #fff;
}
 .homeNewsWrapper .slick-slide .newsitem-container {
     padding: 0px 10px;
}
 #subpage .ptl_col_1 h3 {
     text-transform: uppercase;
     color: #333;
     font-weight: 500;
     font-size: 24px;
}
 #subpage .ptl_col_1 h4 {
     text-transform: uppercase;
     color: #333;
     font-weight: 500;
     font-size: 22px;
}
 #subpage .pagetitle h1 {
     font-size: 36px;
     line-height: 1.2;
     color: #333;
     font-weight: 500;
     margin-bottom: 20px;
}
 #subpage .breadcrumbs a, #subpage .breadcrumbs span {
     text-transform: uppercase;
     color: #333;
}
 #subpage .breadcrumbs a {
     text-decoration: underline;
}
 #subpage .breadcrumbs a:hover {
     text-decoration: none;
}
 #subpage .breadcrumbs #spanBreadcrumbPageId {
     font-weight: bold;
}
 #subpage .breadcrumbs .separator {
     padding: 0 10px;
}
/*Telerik Menu Focus Fix*/
/* level0 */
 .rmHorizontal > li > a.rmExpanded, .rmHorizontal > li > a.rmFocused, .rmHorizontal > li > a.rmSelected, .rmHorizontal > li > a.rmExpanded span, .rmHorizontal > li > a.rmFocused span, .rmHorizontal > li > a.rmSelected span {
     background: #0d2d62;
     color: #fff !important;
}
/* level 1 */
 .telerik_main_menu .rmGroup a:hover, .telerik_main_menu .rmGroup a.rmFocused, .telerik_main_menu .rmGroup a.rmExpanded, .telerik_main_menu .rmGroup a:hover span, .telerik_main_menu .rmGroup a.rmFocused span, .telerik_main_menu .rmGroup a.rmExpanded span {
     background: #0d2d62;
     color: #fff !important;
}
 .telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
     content: '';
     position: absolute;
     top: 50%;
     transform: translateY(-41%);
     right: 5px;
     width: 18px;
     height: 26px;
}
 .telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
     background-position: -18px -44px !important;
}
 .telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
     background: url(https://www.pwcs.edu/common/resources/designportfolio/arrows-sprite.png);
}
 .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
     background-color: #e60000 !important;
     color: #fff !important;
}
 @media screen and (max-width: 980px) {
     #mobile-bar {
         display: block;
    }
     .RadMenu {
         display: none;
    }
}
 #subpage .sub-bg {
     height: 300px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
 #subpage .inside-padding {
     max-width: 1360px;
}
/* New Sidebar */
 #subpage .main-container .main-content .sidebar {
     min-width: 300px;
     max-width: 300px;
}
 #subpage .main-container .main-content .inside-padding {
     display: flex;
     flex-wrap: wrap;
}
 #subpage .main-container .main-content .content-side {
     width: calc(100% - 300px);
}
 #subpage .main-container .sidebar .mobile-side-nav {
     display: none;
     background: #9b0505;
     margin-bottom: 10px;
     display: none;
     justify-content: space-between;
     align-items: center;
     text-decoration: none;
     display: none;
     -webkit-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     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 {
     background: #9b0505;
     color: #fff;
}
 #subpage .main-container .sidebar .ptl_col_1 {
     box-sizing: border-box;
     padding: 0 20px 0 0;
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl0 {
     padding: 0;
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl0 a {
     display: block;
     color: #222446;
     padding: 15px 10px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
     -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     position: relative;
     font-weight: 200;
     padding-left: 30px;
     text-transform: uppercase;
     background: rgba(0, 0, 0, 0.02);
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl0 a:hover, #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl0 a:focus {
     background: #9b0505;
     color: #fff;
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl0:last-child a {
     border: none;
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl0.currentpage a {
     background: #0d2d62;
     color: #fff;
     margin-bottom: 0px;
     font-size: 21px;
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl0.currentpage a:hover, #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl0.currentpage a:focus {
     background: #9b0505;
     color: #fff;
}
 a.topPage {
     color: #9b0505;
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl1 a, #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl2 a {
     display: block;
     color: #222446;
     padding: 15px 10px;
     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
     -webkit-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     -moz-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     -o-transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     transition: all 400ms cubic-bezier(0.19, 1, 0.22, 1);
     position: relative;
     font-weight: 200;
     padding-left: 30px;
     text-transform: uppercase;
     background: rgba(0, 0, 0, 0.02);
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl1 a:after {
     position: absolute;
     content: "";
     font-family: 'Font Awesome 5 Free';
     font-weight: 900;
     font-size: 20px;
     top: 50%;
     left: -20px;
     opacity: 0;
     -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -o-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all 400ms ease;
     -moz-transition: all 400ms ease;
     -o-transition: all 400ms ease;
     transition: all 400ms ease;
}
 @media screen and (min-width: 900px) {
     #subpage .main-container .sidebar .ptl_col_1 #inside-nav {
         display: block !important;
    }
}
 @media screen and (max-width: 900px) {
     #subpage .main-container .main-content .sidebar {
         min-width: 100%;
         max-width: 100%;
    }
     #subpage .main-container .main-content .content-side {
         width: 100%;
    }
     #subpage .main-container .sidebar .mobile-side-nav {
         display: flex;
    }
     #subpage .main-container .sidebar .ptl_col_1 {
         padding: 0;
    }
     #subpage .main-container .sidebar .ptl_col_1 #inside-nav {
         display: none;
         background: rgba(0, 0, 0, 0.05);
    }
}
 .ptl_col_1 {
     padding: 0;
}
/* End of New Sidebar */
 .sitenavl1, .sitenavl2 {
     padding: 0;
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl2 a {
     padding-left: 40px;
}
 #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl1 a:hover, #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl1 a:focus, #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl2 a:hover, #subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl2 a:focus {
     background: #9b0505;
     color: #fff;
}
 #subpage .pagetitle h2 {
     font-size: 36px;
     font-family: "Raleway", sans-serif;
     text-align: center;
}
 .iziModal-overlay {
     z-index: 10000 !important;
}
 .iziModal.search-modal {
     z-index: 10001 !important;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .iziModal.search-modal .search-wrapper {
     position: relative;
     width: 90vw;
     max-width: 400px;
     margin: 0 auto;
}
 .iziModal.search-modal .search-wrapper a {
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     right: 1rem;
     color: #0172b9;
     opacity: 0.6;
     font-size: 2em;
     text-decoration: none;
}
 .iziModal.search-modal .search-wrapper a img {
     display: none;
}
 .iziModal.search-modal .search-wrapper input {
     display: block;
     width: 100%;
     font-family: "Source Sans Pro", sans-serif;
     border: none;
     padding: 0.5em 2.5em 0.5em 1em;
     font-size: 1.5rem;
     border-radius: 0.25rem;
}
 #searchPanel #searchBtn {
     position: relative;
     right: auto;
     width: 40px;
     height: 35px;
     padding: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}
 #searchPanel #searchBtn:hover, #searchPanel #searchBtn:focus {
     background: #0d2d62;
}
 #search-modal {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     display: none;
     justify-content: center;
     align-items: center;
     z-index: 99999;
     display: flex;
     opacity: 0;
     transition: all 400ms ease-in-out;
     pointer-events: none;
}
 #search-modal.active {
     opacity: 1;
     pointer-events: all;
}
 #search-modal .closeBtn {
     position: absolute;
     right: 50px;
     top: 50px;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background: red;
     color: #fff;
     font-size: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 99999;
}
 #search-modal .closeBtn:hover, #search-modal .closeBtn:focus {
     background: darkred;
}
 #search-modal .gsc-search-box-tools .gsc-search-box .gsc-input {
     width: 300px;
}
 #search-modal .gsc-search-box-tools .gsc-search-box .gsc-input {
     height: 30px !important;
     line-height: 30px;
     padding: 0;
}
 #search-modal table.gsc-search-box td {
     padding: 5px;
}
 #search-modal .gsc-input-box {
     border: none;
}
 #search-modal .gsst_b {
     font-size: 27px;
}
 #search-modal table.gsc-search-box td.gsc-search-button {
     padding: 0 !important;
     display: flex;
     height: 42px;
}
 #search-modal .gsc-search-button {
     background: #0d2d62;
}
 #search-modal .gsc-search-button:hover, #search-modal .gsc-search-button:focus {
     background: #9b0505;
}
 #search-modal .gsc-search-button-v2 svg {
     width: 20px;
     height: 20px;
}
 #pubWrapper .container {
     max-width: 1265px;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     width: 100% !important;
}
 #pubWrapper .container .pubList {
     width: 50% !important;
     border: 0 !important;
}
 @media screen and (max-width: 900px) {
     #pubWrapper .container .pubList {
         width: 100% !important;
         justify-content: center;
         align-items: center;
         display: flex;
         flex-wrap: wrap;
    }
     #pubWrapper .container .pubList li {
         border-right: none !important;
    }
}
 .responsiveTemplate #pubWrapper.responsive #selectSchool, .responsiveTemplate #pubWrapper.responsive #selectLang {
     width: auto !important;
}
 .responsiveTemplate #pubWrapper.responsive #pubWrapper-btn {
     background: #0d2d62 !important;
     color: #fff !important;
}
 .responsiveTemplate #pubWrapper.responsive #pubWrapper-btn:hover, .responsiveTemplate #pubWrapper.responsive #pubWrapper-btn:focus {
     background: #9b0505 !important;
}
 #divisionHome a {
     height: 35px;
     line-height: 35px;
     padding: 0 15px;
     cursor: pointer;
     display: block;
     color: #ffffff;
     overflow: hidden;
}
 #divisionHome a:hover, #divisionHome a:focus {
     background: #0d2d62;
}
/**/
 #menubar {
     background: #0d2d62;
     text-align: center;
     position: relative;
}
 #menubar:before {
     content: "";
     display: block;
     width: 200vw;
     height: 100%;
     background: #0d2d62;
     position: absolute;
     top: 0px;
     left: -100%;
     z-index: -1;
}
 .nav-item {
     background: none;
}
 .megamenu {
     margin: 0px auto;
     display: block;
     text-align: center;
}
 .megamenu .level1 > a {
     font-weight: 700;
}
 .megamenu .level2 > a, .megamenu .level3 a {
     color: #512677;
}
 div.sub-nav {
     background: #0d2d62;
}
 .megamenu .level2 > a:not(:only-child) {
     border-bottom: 1px solid #694887;
}
 .megamenu .level2 > a:not(:only-child):hover, .megamenu .level2 > a:not(:only-child):focus, .megamenu .level3 a:hover, .megamenu .level3 a:focus, .megamenu .level3 a:active {
     background: #c5c5c5;
}
 #socialTab .TA-tab-content {
     padding-bottom: 5%;
     border-bottom-left-radius: 28px;
     border-bottom-right-radius: 28px;
}
 .megamenu ul.second-level-list {
     text-align: left;
     -webkit-column-count: 4;
     -moz-column-count: 4;
     column-count: 4;
}
 .nav-menu {
     text-align: left;
}
 .nav-lists {
     margin: 0 auto;
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
}
 .sub-nav ul {
     display: inline-block;
     vertical-align: top;
     margin: 0;
     padding: 0 10px;
     width: 23%;
}
 .nav-item > a.open {
     background-color: #0d2d62 !important;
     border-bottom: none;
     z-index: 1;
}
 .sub-nav-group.category > span {
     border-bottom: 1px solid #fff !important;
}
 .level0.parent a {
     font-size: 15px;
     font-weight: bold;
     font-family: "Open Sans", sans-serif;
     text-transform: capitalize;
}
 @media screen and (max-width: 980px) {
     .nav-menu {
         display: none !important;
    }
}
/**/
 #pubWrapper {
     padding: 0;
}
 #pubWrapper .container {
     max-width: 1250px !important;
     position: relative;
}
 #pubWrapper ul li {
     color: white;
     display: inline-block;
     letter-spacing: 0.8px;
}
 #pubWrapper .pubDropdown li {
     padding: 0;
}
 #pubWrapper ul li a {
     color: white;
     text-decoration: none;
     height: 35px;
     line-height: 35px;
     padding: 0 15px;
     cursor: pointer;
     display: block;
     color: #ffffff;
     overflow: hidden;
     transition: 0.2 ease-in-out;
}
 #pubWrapper ul li a:hover, #pubWrapper ul li a:focus {
     background: #0d2d62;
     transition: 0.2 ease-in-out;
}
 #pubWrapper ul {
     margin-bottom: 0;
}
 #districtlogo {
     font-size: 1.2em;
}
 #districtlogo a {
     display: block;
}
 #districtlogo:hover {
     opacity: 0.6;
}
 .pubDropdown-wrapper {
     position: relative;
}
 #pubWrapper.mega-pub ul.schoolDropdown.pubDropdown {
     width: 960px;
}
 .pubDropdown-panel {
     display: none;
     position: absolute;
     top: 5px;
     left: 0;
     z-index: 99999;
}
 #selectSchool {
     cursor: pointer;
     margin-right: 10px;
}
 #schoolExpand .schoolDropdown {
     display: block;
}
 #pubWrapper .pubDropdown-wrapper .PublishedLinkMenu a.admin_menu, #pubWrapper .pubDropdown-wrapper .pubDropdown a {
     background: none !important;
}
 #pubWrapper .pubDropdown-wrapper .PublishedLinkMenu a.admin_menu:hover, #pubWrapper .pubDropdown-wrapper .pubDropdown a:hover {
     color: #FFF !important;
     text-decoration: none;
}
 #pubWrapper .pubDropdown-wrapper .schoolGroup h2 {
     margin: 0 !important;
     padding: 10px 15px !important;
     font-weight: bold !important;
     text-transform: uppercase !important;
}
 #pubWrapper .pubDropdown-wrapper .pubDropdown a {
     padding: 8px 15px !important;
}
 #pubWrapper .pubDropdown-wrapper .pubDropdown a:hover, #pubWrapper .pubDropdown-wrapper .pubDropdown a:focus {
     background: #0d2d62 !important;
     color: #fff !important;
     text-decoration: none;
}
 #pubWrapper.mega-pub ul.schoolDropdown.pubDropdown {
     width: 1100px !important;
}
 #pubWrapper .pubDropdown-wrapper .pubDropdown li {
     display: block !important;
}
 .inside-padding {
     padding: 30px 10px;
}
 #menubar::after {
     z-index: 1 !important;
}
 .RadMenu .rmHorizontal .rmText {
     padding: 0 !important;
}
 ul.footer-links {
     display: flex;
     margin: 0;
     padding: 0;
     list-style-type: none;
}
 ul.footer-links a {
     color: #fff;
}
 #credits .row {
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin: 0;
     padding: 0;
}
 #credits p {
     margin-bottom: 0;
}
 .footer-links {
     margin: 0;
}
 .footer-links li {
     display: inline-block;
     padding: 0 8px;
     border-right: 1px solid white;
     line-height: 12px;
}
 .footer-links li:first-child {
     padding-left: 0;
}
 .footer-links li:last-child {
     border-right: none;
}
 #credits {
     padding: 15px;
     color: white;
     background: #0d2d62;
     max-width: 1310px;
     display: flex;
     justify-content: center;
     margin: 0 auto;
}
 #credits a {
     font-weight: 500;
     font-size: 13px;
}
 #credits p {
     text-align: right;
     margin: 0;
     font-size: 8pt;
     font-weight: 500;
}
 #credits a {
     color: white;
     text-decoration: underline;
}
 #credits a:hover {
     text-decoration: underline;
}
 .label_skin_corporation {
     font-size: 13px !important;
}
 @media screen and (max-width: 1020px) {
     #credits .row {
         flex-wrap: wrap;
         justify-content: center;
         align-items: center;
    }
     .col.col-6 {
         padding: 10px 0;
         text-align: center;
    }
     .col.col-6 a {
         line-height: 1.5;
    }
     .col.col-6 p {
         text-align: center !important;
    }
}
 .gsc-search-button-v2 {
     padding: 0 20px !important;
     background: #0d2d62 !important;
     border: none !important;
     transition: 0.2s ease-in-out;
}
 .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
     background: #9b0505 !important;
     transition: 0.2s ease-in-out;
}
 input#gsc-i-id2::placeholder {
     color: #000;
}
 .gsc-search-box-tools .gsc-search-box .gsc-input::placeholder {
     color: #000;
}
 li.fr.searchPanel {
     border: none !important;
}
 @media screen and (max-width: 800px) {
     #search-container {
         background: #9b0505;
    }
}
 .sub-nav {
     width: 100%;
}
 .top-bar {
     width: 100%;
     background: #9b0505;
}
 .rmHorizontal > li > a.rmExpanded, .rmHorizontal > li > a.rmFocused, .rmHorizontal > li > a.rmSelected, .rmHorizontal > li > a.rmExpanded span, .rmHorizontal > li > a.rmFocused span, .rmHorizontal > li > a.rmSelected span {
     background: #9b0505;
}
/* level0 */
 .rmHorizontal > .rmItem > .rmLink:hover, .rmHorizontal > .rmItem > .rmLink:focus, .rmHorizontal > .rmItem > .rmLink:hover span, .rmHorizontal > .rmItem > .rmLink:focus span, .rmHorizontal > li > a.rmExpanded, .rmHorizontal > li > a.rmFocused, .rmHorizontal > li > a.rmSelected, .rmHorizontal > li > a.rmExpanded span {
     background: #9b0505 !important;
}
/* level 1 */
 .telerik_main_menu .rmGroup a:hover span, .telerik_main_menu .rmGroup a.rmFocused span, .telerik_main_menu .rmGroup a.rmExpanded span, #google_translate_element:hover select, #google_translate_element:focus select {
     background: #0d2d62 !important;
     color: #fff;
}
 .sidebar img {
     width: 100%;
}
 .top-bar, .top-bar h2, .top-bar .portal-breadcrumb, #subpage .top-bar .breadcrumbs span, #subpage .top-bar .breadcrumbs a {
     color: #ffffff;
}
 .events-section .inside-padding .event-title h2 {
     color: #ffffff !important;
}
 .footer-contact h2 {
     color: #ffffff;
}
 #menubar .inside-padding .row a:hover span, #menubar .inside-padding .row a:focus span {
     color: #000000;
}
 ul.footer-contact a{
    color: #fff
}
 .footer_new .footer-school .footer-contact a:hover,.footer_new .footer-school .footer-contact a:active{
    text-decoration:none
}
