@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";

body#ctl00_PageBody {
    color: #282828
}

*:hover,
*:focus {
    box-shadow: none
}

* {
    box-sizing: border-box
}

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

body {
    font-family: "Roboto", 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: "Roboto", 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: "Roboto", 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: 900;
    margin: 0 0 8px 0;
    line-height: normal
}

body h1 {
    font-size: 34px
}

body h2 {
    font-size: 30px
}

body h3 {
    font-size: 26px
}

body h4 {
    font-size: 22px
}

body h5 {
    font-size: 18px
}

body h6 {
    font-size: 16px
}

body a {
    color: #800080;
    text-decoration: underline;
    font-weight: 500
}

body a:hover,
body a:focus {
    text-decoration: none;
    color: #590059
}

body ul p,
body menu p,
body dir p {
    margin: 0
}

body blockquote {
    border-left: 7px solid #800080;
    padding-left: 20px
}

body strong {
    font-weight: 600
}

.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
}

.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-90 {
    width: 90%;
    float: left
}

.w-100 {
    width: 100%
}

@media screen and (max-width: 1200px) {
    .w-25 {
        width: 50%
    }
}

@media screen and (max-width: 1200px) {
    .w-33 {
        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%
}

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

div[id$=divContent],
span[id$=ltContent],
div[id*=divInlineEdit] div[id*=contentDiv] {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 2rem;
    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
}

#Btop {
    position: fixed;
    right: 20px;
    bottom: -50px;
    background: #800080;
    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: #800080;
    border: 2px solid #800080
}

#Btop.show {
    bottom: 20px !important
}

.offScreen {
    position: fixed !important
}

@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%
    }
}

.admin-area a {
    text-decoration: none
}

.admin-area a:hover,
.admin-area a:focus {
    text-decoration: underline;
    color: #590059
}

.exlink-modal-dialog a,
.exlink-modal-dialog a:hover {
    height: auto
}

header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #800080;
    color: #fff
}

@media screen and (max-width: 1200px) {
    header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

header > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px
}

@media screen and (max-width: 900px) {
    header > div {
        padding: 10px 20px
    }
}

header #header-left {
    background: #590059;
    width: 430px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px
}

@media screen and (max-width: 1200px) {
    header #header-left {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (max-width: 900px) {
    header #header-left {
        padding-left: 20px
    }
}

header #header-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 40px
}

@media screen and (max-width: 1200px) {
    header #header-right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (max-width: 900px) {
    header #header-right {
        background: #590059;
        padding: 0
    }
}

header #header-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 1200px) {
    header #header-top {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
}

@media screen and (max-width: 900px) {
    header #header-top {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        padding: 10px 20px
    }
}

header #header-top .school-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 900px) {
    header #header-top .school-info {
        display: none
    }
}

header #header-top .school-info > div {
    margin-right: 40px
}

@media screen and (max-width: 1200px) {
    header #header-top .school-info > div {
        margin: 0 10px 0 10px
    }
}

header #header-bottom {
    margin-top: 30px
}

@media screen and (max-width: 1200px) {
    header #header-bottom {
        margin-top: 10px
    }
}

@media screen and (max-width: 900px) {
    header #header-bottom {
        margin-top: 0px;
        width: 100%
    }
}

header #menubar {
    position: relative;
    margin: 0
}

header #menubar > .inside-padding {
    padding: 0;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width: 900px) {
    header #menubar .RadMenu {
        display: none
    }
}

header #menubar .RadMenu:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

header #menubar .RadMenu .rmHorizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 1200px) {
    header #menubar .RadMenu .rmHorizontal {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

header #menubar .RadMenu .rmHorizontal > li > a {
    padding: 10px 15px;
    text-decoration: none
}

header #menubar .RadMenu .rmHorizontal > li > a span {
    font-family: "Poppins", sans-serif;
    color: #fdda0d;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0;
    position: relative
}

header #menubar .RadMenu .rmHorizontal > li > a.rmSelected span {
    color: #fff
}

header #menubar .RadMenu .rmHorizontal > li > a:hover,
header #menubar .RadMenu .rmHorizontal > li > a.rmExpanded,
header #menubar .RadMenu .rmHorizontal > li > a.rmFocused {
    background: #590059
}

header #menubar .RadMenu .rmHorizontal > li > a:hover span,
header #menubar .RadMenu .rmHorizontal > li > a.rmExpanded span,
header #menubar .RadMenu .rmHorizontal > li > a.rmFocused span {
    color: #fdda0d
}

header #menubar .RadMenu .rmHorizontal .rmVertical {
    background: #262826;
    padding: 0;
    border: none;
    border-top: none
}

header #menubar .RadMenu .rmHorizontal .rmVertical li a {
    padding: 5px 10px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none
}

header #menubar .RadMenu .rmHorizontal .rmVertical li a span {
    font-family: "Poppins", sans-serif;
    color: #fff;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px;
    text-transform: capitalize;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

header #menubar .RadMenu .rmHorizontal .rmVertical li a span.rmExpandRight:after {
    font-family: "Fontawesome";
    content: "";
    position: absolute;
    font-size: 15px;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    right: 0
}

header #menubar .RadMenu .rmHorizontal .rmVertical li a:hover,
header #menubar .RadMenu .rmHorizontal .rmVertical li a.rmExpanded,
header #menubar .RadMenu .rmHorizontal .rmVertical li a.rmFocused {
    background: #d0dbd5
}

header #menubar .RadMenu .rmHorizontal .rmVertical li a:hover span,
header #menubar .RadMenu .rmHorizontal .rmVertical li a.rmExpanded span,
header #menubar .RadMenu .rmHorizontal .rmVertical li a.rmFocused span {
    color: #800080
}

header #menubar .RadMenu .rmHorizontal .rmVertical li a:hover span.rmExpandRight:after,
header #menubar .RadMenu .rmHorizontal .rmVertical li a.rmExpanded span.rmExpandRight:after,
header #menubar .RadMenu .rmHorizontal .rmVertical li a.rmFocused span.rmExpandRight:after {
    color: #800080
}

header #menubar #mobileNav {
    background: #800080;
    color: #fdda0d;
    -webkit-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);
    text-decoration: none
}

header #menubar #mobileNav .hamburger .bar,
header #menubar #mobileNav .hamburger .bar:before,
header #menubar #mobileNav .hamburger .bar:after {
    background-color: #fdda0d
}

header #menubar #mobileNav:hover,
header #menubar #mobileNav:focus {
    background: #000
}

header #menubar #mobileNav:hover .hamburger .bar,
header #menubar #mobileNav:hover .hamburger .bar:before,
header #menubar #mobileNav:hover .hamburger .bar:after,
header #menubar #mobileNav:focus .hamburger .bar,
header #menubar #mobileNav:focus .hamburger .bar:before,
header #menubar #mobileNav:focus .hamburger .bar:after {
    background-color: #fff
}

header #menubar .mobile-nav-items {
    max-height: 60vw;
    overflow: auto
}

header #menubar .mobile-nav-items::-webkit-scrollbar {
    width: 10px
}

header #menubar .mobile-nav-items::-webkit-scrollbar-track {
    background: #f1f1f1
}

header #menubar .mobile-nav-items::-webkit-scrollbar-thumb {
    background: #888
}

header #menubar .mobile-nav-items::-webkit-scrollbar-thumb:hover {
    background: #555
}

header #menubar .mobile-nav-items ul li a {
    text-decoration: none
}

header #menubar .mobile-nav-items ul li a:hover,
header #menubar .mobile-nav-items ul li a:focus {
    background: #800080
}

header #menubar .mobile-nav-items ul li .subnav-items.level1 li a:hover,
header #menubar .mobile-nav-items ul li .subnav-items.level1 li a:focus {
    background: #800080
}

.logo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-decoration: none
}

@media screen and (max-width: 900px) {
    .logo a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }
}

.logo a img {
    width: 125px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.logo a .school-name {
    padding-left: 15px;
    margin: 0
}

@media screen and (max-width: 900px) {
    .logo a .school-name {
        padding: 10px 0 0 0
    }
}

.logo a .school-name span {
    display: block;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #d0dbd5
}

.logo a .school-name span.bold-text {
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-size: 34px;
    font-weight: 800;
    line-height: 2rem;
    text-transform: uppercase
}

.school-info div {
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 14px
}

.school-info > div:before {
    font-family: "Fontawesome";
    color: #fdda0d;
    padding-right: 10px
}

.school-info > div:empty {
    display: none
}

.school-info .address:before {
    content: ""
}

.school-info .phone:before {
    content: ""
}

.school-info .fax:before {
    content: ""
}

.social-icons ul {
    padding: 0;
    margin: 0
}

.social-icons ul li {
    list-style: none;
    display: inline-block
}

.social-icons ul li:empty {
    display: none
}

.social-icons ul li:not(:last-child) {
    margin-right: 30px
}

@media screen and (max-width: 1200px) {
    .social-icons ul li {
        margin: 5px 10px 5px 10px !important
    }
}

@media screen and (max-width: 900px) {
    .social-icons ul li {
        margin: 5px 20px 5px 20px !important
    }
}

.social-icons ul li a {
    color: #fdda0d;
    font-size: 16px;
    -webkit-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);
    text-decoration: none
}

@media screen and (max-width: 900px) {
    .social-icons ul li a {
        font-size: 24px
    }
}

.social-icons ul li a:after {
    font-family: "Fontawesome"
}

.social-icons ul li a:hover,
.social-icons ul li a:focus {
    color: #fff
}

.social-icons ul li.facebook a:after {
    content: ""
}

.social-icons ul li.twitter a:after {
    content: ""
}

.social-icons ul li.youtube a:after {
    content: ""
}

.social-icons ul li.instagram a:after {
    content: ""
}

.social-icons ul li.email a:after {
    content: ""
}

footer a {
    color: #d0dbd5;
    font-family: "Poppins", sans-serif;
    font-weight: 700
}

footer .footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #800080;
    color: #fff
}

@media screen and (max-width: 900px) {
    footer .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

footer .footer > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px
}

footer .footer #footer-left {
    background: #590059;
    width: 430px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 40px
}

footer .footer #footer-left .school-name {
    line-height: normal
}

@media screen and (max-width: 900px) {
    footer .footer #footer-left {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 20px
    }

    footer .footer #footer-left .logo a .school-name {
        padding: 40px 0 0 0
    }
}

footer .footer #footer-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 40px
}

@media screen and (max-width: 1200px) {
    footer .footer #footer-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width: 900px) {
    footer .footer #footer-right {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 20px
    }
}

@media screen and (max-width: 1200px) {
    footer .footer #footer-right .school-info {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 900px) {
    footer .footer #footer-right .school-info {
        text-align: center
    }
}

footer .footer #footer-right .school-info > div:not(:last-child) {
    margin-bottom: 10px
}

footer .footer #footer-right .school-info div {
    font-size: 16px
}

footer .footer #footer-right .school-info div:before {
    font-size: 18px
}

@media screen and (max-width: 1200px) {
    footer .footer #footer-right .social-icons ul {
        margin: 0 -15px
    }
}

footer .footer #footer-right .social-icons ul li a {
    font-size: 20px
}

@media screen and (max-width: 1200px) {
    footer .footer #footer-right .social-icons ul li a {
        font-size: 24px
    }
}

footer .credit {
    padding: 5px;
    background: #fdda0d;
    color: #800080;
    text-align: center;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-weight: 500
}

footer .credit a {
    font-family: "Poppins", sans-serif;
    color: #800080;
    text-decoration: underline
}

footer .credit a:hover,
footer .credit a:focus {
    text-decoration: none
}

#featured {
    min-height: 650px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 900px) {
    #featured {
        min-height: 500px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

#featured .floating-text p:only-of-type,
#featured .floating-text p:last-child {
    margin: 0
}

#featured .floating-text * {
    line-height: 3rem
}

@media screen and (max-width: 900px) {
    #featured .floating-text * {
        line-height: 2.5rem
    }
}

#featured .floating-text > div {
    padding: 20px;
    background: rgba(51, 53, 51, .85);
    color: #fff
}

#featured .floating-text > div h1,
#featured .floating-text > div h2,
#featured .floating-text > div h3,
#featured .floating-text > div h4,
#featured .floating-text > div h5,
#featured .floating-text > div h6 {
    margin-bottom: 20px
}

@media screen and (max-width: 900px) {
    #featured .floating-text > div {
        background: rgba(51, 53, 51, .9)
    }

    #featured .floating-text > div h1,
    #featured .floating-text > div h2,
    #featured .floating-text > div h3,
    #featured .floating-text > div h4,
    #featured .floating-text > div h5,
    #featured .floating-text > div h6 {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 900px) {
    #quicklinks {
        margin-top: 0 !important
    }

    #featured {
        padding-bottom: 0 !important
    }
}

#quicklinks > div {
    background: rgba(245, 203, 92, .8);
    padding: 20px;
    margin: 0 auto
}

@media screen and (max-width: 900px) {
    #quicklinks > div {
        width: 100%;
        padding: 0
    }
}

.PO-quickLinks {
    padding: 0
}

.quick-links .quicklink-items {
    margin: 0;
    padding: 0
}

.quick-links .quicklink-items li {
    list-style: none;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 900px) {
    .quick-links .quicklink-items li {
        padding: 0 10px
    }
}

.quick-links .quicklink-items li .ql-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #800080;
    background: #fdda0d;
    border: solid 1px #dda40e;
    padding: 20px;
    width: 180px;
    min-height: 180px;
    -webkit-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);
    text-decoration: none
}

.quick-links .quicklink-items li .ql-item:hover,
.quick-links .quicklink-items li .ql-item:focus {
    background: #800080;
    color: #fdda0d
}

.quick-links .quicklink-items li .ql-item .ql-icon .fa {
    margin: 0;
    font-size: 44px
}

@media screen and (max-width: 900px) {
    .quick-links .quicklink-items li .ql-item .ql-icon .fa {
        font-size: 40px
    }
}

.quick-links .quicklink-items li .ql-item .ql-title {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: 900;
    padding-top: 10px
}

@media screen and (max-width: 900px) {
    .quick-links .quicklink-items li .ql-item .ql-title {
        font-size: 16px
    }
}

@media screen and (max-width: 900px) {
    .quick-links .quicklink-items li .ql-item {
        width: 100%
    }
}

.quick-links .controls {
    text-align: center;
    padding-top: 20px
}

@media screen and (max-width: 900px) {
    .quick-links .controls {
        padding-top: 10px;
        background: #fff
    }
}

.quick-links .controls button {
    width: 25px;
    height: 25px;
    border: none;
    background: #590059;
    margin: 0 10px;
    outline: none;
    font-size: 0
}

.quick-links .controls button.slick-arrow:before {
    color: #fdda0d;
    font-family: "Fontawesome";
    font-size: 18px
}

.quick-links .controls button.slick-prev:before {
    content: ""
}

.quick-links .controls button.slick-next:before {
    content: ""
}

.quick-links .controls button:hover,
.quick-links .controls button:focus {
    background: #d0dbd5
}

.quick-links .controls button:hover.slick-arrow:before,
.quick-links .controls button:focus.slick-arrow:before {
    color: #590059
}

#announcements {
    padding: 60px 20px
}

@media screen and (max-width: 900px) {
    #announcements {
        padding: 20px 10px
    }
}

#announcements.main-section {
    flex-wrap: wrap
}

#announcements > div {
    padding: 20px
}

@media screen and (max-width: 900px) {
    #announcements > div {
        padding: 10px
    }
}

#events {
    padding: 60px 20px;
    background: #590059;
    color: #fff
}

@media screen and (max-width: 900px) {
    #events {
        padding: 20px 10px
    }
}

#events a {
    color: #fff
}

.upcoming-events {
    padding: 20px
}

@media screen and (max-width: 900px) {
    .upcoming-events {
        padding: 0 10px
    }
}

.upcoming-events .section-header {
    text-align: center;
    margin-bottom: 20px
}

.upcoming-events .section-header h2 {
    color: #fdda0d
}

.upcoming-events .event-container {
    padding: 5px
}

@media screen and (max-width: 900px) {
    .upcoming-events .event-container {
        padding: 0
    }
}

.upcoming-events .event-container .event {
    position: relative;
    height: 350px;
    background: #800080;
    color: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: normal;
    text-decoration: none;
    -webkit-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)
}

@media screen and (max-width: 1200px) {
    .upcoming-events .event-container .event {
        height: 300px
    }
}

@media screen and (max-width: 900px) {
    .upcoming-events .event-container .event {
        min-height: 250px;
        height: auto
    }
}

.upcoming-events .event-container .event:hover,
.upcoming-events .event-container .event:focus {
    background: #fdda0d;
    color: #800080 !important
}

.upcoming-events .event-container .event:hover .event-date .day,
.upcoming-events .event-container .event:focus .event-date .day {
    color: #590059
}

.upcoming-events .event-container .event:hover .fa,
.upcoming-events .event-container .event:focus .fa {
    color: #590059
}

.upcoming-events .event-container .event .event-content {
    padding-right: 30px
}

.upcoming-events .event-container .event .event-date {
    font-size: 60px;
    font-weight: 200;
    font-family: "Poppins", sans-serif
}

.upcoming-events .event-container .event .event-date .day {
    font-weight: 800;
    color: #fdda0d;
    margin-left: 15px
}

.upcoming-events .event-container .event .event-title,
.upcoming-events .event-container .event .event-time {
    font-weight: 600
}

.upcoming-events .event-container .event .event-title {
    font-size: 18px;
    margin-bottom: 20px
}

.upcoming-events .event-container .event .fa {
    color: #fdda0d;
    font-size: 30px;
    position: absolute;
    bottom: 20px;
    right: 20px
}

.upcoming-events .events-footer {
    text-align: center;
    margin-top: 30px
}

@media screen and (max-width: 900px) {
    .upcoming-events .events-footer {
        margin-top: 10px
    }
}

.upcoming-events .events-footer .controls {
    padding: 0;
    background: none;
    margin-bottom: 15px
}

.upcoming-events .events-footer a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    -webkit-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);
    background: #fdda0d;
    color: #590059 !important;
    padding: 10px;
    text-decoration: none
}

.upcoming-events .events-footer a:after {
    content: "";
    font-family: "Fontawesome";
    margin-left: 30px;
    font-size: 24px
}

.upcoming-events .events-footer a:hover,
.upcoming-events .events-footer a:focus {
    background: #d0dbd5
}

#news {
    padding: 60px 0px
}

@media screen and (max-width: 900px) {
    #news {
        padding: 20px 0
    }
}

.rss-link {
    padding: 20px 10px;
    text-align: center;
    display: none
}

.rss-link a {
    display: inline-block;
    padding: 5px 10px;
    background: #800080;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    -webkit-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);
    text-decoration: none
}

.rss-link a:hover,
.rss-link a:focus {
    background: #fdda0d;
    color: #282828
}

.home-news .section-header {
    text-align: center;
    margin-bottom: 20px;
    padding: 0 40px
}

@media screen and (max-width: 900px) {
    .home-news .section-header {
        padding: 0 20px
    }
}

.home-news .section-header h2 {
    color: #800080
}

.home-news .news-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 900px) {
    .home-news .news-container.single-item .news-item {
        min-height: 25vw
    }
}

@media screen and (max-width: 900px) {
    .home-news .news-container.single-item .news-item:after {
        background: rgba(245, 203, 92, .8)
    }

    .home-news .news-container.single-item .news-item:hover:after,
    .home-news .news-container.single-item .news-item:focus:after {
        background: rgba(245, 203, 92, .98)
    }
}

.home-news .news-container.two-items > a {
    width: 50%
}

@media screen and (max-width: 900px) {
    .home-news .news-container.two-items > a {
        width: 100%
    }
}

@media screen and (min-width: 900px) {
    .home-news .news-container.two-items .news-item {
        min-height: 20vw
    }

    .home-news .news-container.two-items .news-item .news-content {
        padding-right: 100px
    }

    .home-news .news-container.two-items .news-item .news-content .news-title {
        font-size: 30px;
        width: 60%
    }

    .home-news .news-container.two-items .news-item .news-content .news-date {
        font-size: 20px
    }

    .home-news .news-container.two-items .news-item .news-content .read-more .fa {
        font-size: 50px
    }
}

@media screen and (max-width: 900px) {
    .home-news .news-container.two-items .news-item:nth-child(odd):after {
        background: rgba(245, 203, 92, .8)
    }

    .home-news .news-container.two-items .news-item:nth-child(odd):hover:after,
    .home-news .news-container.two-items .news-item:nth-child(odd):focus:after {
        background: rgba(245, 203, 92, .98)
    }

    .home-news .news-container.two-items .news-item:nth-child(even):after {
        background: rgba(208, 219, 213, .8)
    }

    .home-news .news-container.two-items .news-item:nth-child(even):hover:after,
    .home-news .news-container.two-items .news-item:nth-child(even):focus:after {
        background: rgba(208, 219, 213, .98)
    }
}

.home-news .news-container .news-left {
    width: 60%
}

@media screen and (min-width: 900px) {
    .home-news .news-container .news-left .news-item .news-content {
        padding-right: 100px
    }

    .home-news .news-container .news-left .news-item .news-content .news-title {
        font-size: 30px;
        width: 60%
    }

    .home-news .news-container .news-left .news-item .news-content .news-date {
        font-size: 20px
    }

    .home-news .news-container .news-left .news-item .news-content .read-more .fa {
        font-size: 50px
    }
}

@media screen and (max-width: 900px) {
    .home-news .news-container .news-left .news-item:after {
        background: rgba(245, 203, 92, .8)
    }

    .home-news .news-container .news-left .news-item:hover:after,
    .home-news .news-container .news-left .news-item:focus:after {
        background: rgba(245, 203, 92, .98)
    }
}

.home-news .news-container .news-right {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 900px) {
    .home-news .news-container .news-right .news-item:after {
        background: rgba(208, 219, 213, .8)
    }

    .home-news .news-container .news-right .news-item:hover:after,
    .home-news .news-container .news-right .news-item:focus:after {
        background: rgba(208, 219, 213, .98)
    }
}

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

    .home-news .news-container .news-left,
    .home-news .news-container .news-right {
        width: 100%
    }
}

.home-news .news-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    min-height: 17vw;
    color: #fff;
    text-decoration: none;
    background: #800080
}

@media screen and (max-width: 900px) {
    .home-news .news-item {
        color: #590059;
        min-height: 250px
    }
}

.home-news .news-item:hover:after,
.home-news .news-item:focus:after {
    background: rgba(51, 53, 51, .98)
}

.home-news .news-item:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 53, 51, .8);
    z-index: 2;
    -webkit-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)
}

.home-news .news-item .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1
}

.home-news .news-item .news-content {
    position: relative;
    z-index: 10;
    padding: 20px 40px;
    padding-right: 80px;
    width: 100%
}

@media screen and (max-width: 900px) {
    .home-news .news-item .news-content {
        padding: 10px 20px;
        padding-right: 60px
    }
}

.home-news .news-item .news-content > div {
    font-family: "Poppins", sans-serif
}

.home-news .news-item .news-content .news-title {
    font-weight: 700;
    font-size: 23px;
    margin-bottom: 20px
}

.home-news .news-item .news-content .news-date {
    font-weight: 500;
    font-size: 15px
}

.home-news .news-item .news-content .read-more .fa {
    position: absolute;
    right: 40px;
    bottom: 20px;
    color: #fdda0d;
    font-size: 30px
}

@media screen and (max-width: 900px) {
    .home-news .news-item .news-content .read-more .fa {
        color: #590059;
        right: 20px;
        bottom: 10px
    }
}

.home-news .news-footer {
    text-align: center;
    margin-top: 30px
}

.home-news .news-footer a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    -webkit-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);
    background: #fdda0d;
    color: #590059 !important;
    padding: 10px;
    text-decoration: none
}

.home-news .news-footer a:after {
    content: "";
    font-family: "Fontawesome";
    margin-left: 30px;
    font-size: 24px
}

.home-news .news-footer a:hover,
.home-news .news-footer a:focus {
    background: #d0dbd5
}

#subpage.full-width .main-content {
    width: 100% !important;
    padding: 0 !important
}

#subpage.full-width .main-content > .inside-padding {
    max-width: 100%
}

#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(51, 53, 51, .8)
}

#subpage .sub-feature-img .pageTitle {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 40px
}

@media screen and (max-width: 900px) {
    #subpage .sub-feature-img .pageTitle {
        left: 20px
    }
}

#subpage .sub-feature-img .pageTitle h2 {
    margin: 0;
    background: #fdda0d;
    padding: 10px 20px
}

#subpage .main-container {
    width: 100%;
    padding: 20px 30px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 900px) {
    #subpage .main-container {
        padding: 20px
    }
}

#subpage .main-container .breadcrumbs {
    width: 100%;
    padding: 10px 20px;
    color: #282828;
    font-size: 15px;
    text-transform: uppercase
}

@media screen and (max-width: 900px) {
    #subpage .main-container .breadcrumbs {
        padding: 10px
    }
}

#subpage .main-container .breadcrumbs a {
    color: #282828;
    font-weight: 400;
    text-decoration: underline
}

#subpage .main-container .breadcrumbs a:hover,
#subpage .main-container .breadcrumbs a:focus {
    text-decoration: none
}

#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: #282828;
    font-weight: 400
}

#subpage .main-container .breadcrumbs span {
    font-weight: 600
}

#subpage .main-container .sidebar {
    max-width: 360px;
    min-width: 360px;
    padding: 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: #800080;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    border-radius: 10px
}

#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: #590059
}

#subpage .main-container .sidebar .mobile-side-nav.clicked {
    border-radius: 10px 10px 0 0
}

@media screen and (max-width: 900px) {
    #subpage .main-container .sidebar .mobile-side-nav {
        display: -ms-flexbox;
        display: -webkit-box;
        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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #800080
}

@media screen and (max-width: 900px) {
    #subpage .main-container .sidebar .ptl_col_1 #inside-nav {
        display: none;
        border-radius: 0 0 10px 10px
    }
}

@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 .sitenavl0,
#subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl1,
#subpage .main-container .sidebar .ptl_col_1 #inside-nav .sitenavl2 {
    padding: 0
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a {
    font-family: "Poppins", sans-serif;
    color: #fdda0d;
    display: block;
    padding: 20px;
    margin: 0;
    -webkit-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: 700;
    text-transform: uppercase;
    text-decoration: none
}

@media screen and (max-width: 900px) {
    #subpage .main-container .sidebar .ptl_col_1 #inside-nav .navWrp a {
        padding: 10px 25px
    }
}

#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: #fdda0d;
    color: #590059
}

@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 .navWrp:not(:last-child) {
    border-bottom: solid #4e004e 1px
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .currentpage a {
    color: #fff
}

#subpage .main-container .sidebar .ptl_col_1 #inside-nav .currentpage a:before {
    content: "";
    font-family: "Fontawesome";
    margin-right: 10px
}

#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: #800080
}

#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;
    max-width: 100%
}

@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%
    }
}

#news-summary .content a.read-more {
    background: #800080;
    font-size: 16px;
    -webkit-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)
}

#news-summary .content a.read-more:hover,
#news-summary .content a.read-more:focus {
    background: #fdda0d;
    color: #590059
}