:root {
    --bs-primary-rgb: 0,121,188;
    --bs-secondary-rgb: 5,34,100;
}
table { margin-bottom: 15px; }
table td { border: 1px solid #ccc; }
table td p { margin: 0; }
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.sc-content-block-menu {
    z-index: 9999 !important;
}
.spacer-30 { height: 15px; }
.spacer-60 { height: 30px; }
@media (min-width: 768px) {
    .spacer-30 { height: 30px; }
    .spacer-60 { height: 60px; }
}
.personabar-visible .stripe-on-admin {
    background-color: rgba(0,121,188,0.3);
    background: repeating-linear-gradient(
        -55deg,
        #FFE7C7,
        #FFE7C7 10px,
        #FFF7ED 10px,
        #FFF7ED 20px
    );
    position: relative;
}

.show-on-admin { display: none; }
.personabar-visible .show-on-admin {
    display: block;
    font-weight: bold;
    color: #ff9900ee;
}
.personabar-visible .space-on-admin {
    margin: 15px 0;
    padding: 15px 0;
    border-top: 1px dashed #ff9900;
    border-bottom: 1px dashed #ff9900;
}
.bright-content p,
.bright-content h1,
.bright-content h2,
.bright-content h3,
.bright-content h4,
.bright-content i,
.bright-content { color: #fff !important; }

#dnn_BannerPane {
    min-height: 15px; 
}

blockquote {
    margin: 60px 120px;
    text-align: center;
    border: 0;
    font-size: 150%;
    font-family: Georgia, 'Times New Roman', Times, serif;
    position: relative;
}


blockquote::before {
    content: "";
    position: absolute;
    left: -60px;
    top: -20px;
    width: 60px;
    height: 60px;
    transform: translateY(-50%);
    background-color: #0079bc;
    -webkit-mask: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'>\
        <path d='M96 280C96 213.7 149.7 160 216 160L224 160C241.7 160 256 174.3 256 192C256 209.7 241.7 224 224 224L216 224C185.1 224 160 249.1 160 280L160 288L224 288C259.3 288 288 316.7 288 352L288 416C288 451.3 259.3 480 224 480L160 480C124.7 480 96 451.3 96 416L96 280zM352 280C352 213.7 405.7 160 472 160L480 160C497.7 160 512 174.3 512 192C512 209.7 497.7 224 480 224L472 224C441.1 224 416 249.1 416 280L416 288L480 288C515.3 288 544 316.7 544 352L544 416C544 451.3 515.3 480 480 480L416 480C380.7 480 352 451.3 352 416L352 280z'/>\
        </svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'>\
        <path d='M96 280C96 213.7 149.7 160 216 160L224 160C241.7 160 256 174.3 256 192C256 209.7 241.7 224 224 224L216 224C185.1 224 160 249.1 160 280L160 288L224 288C259.3 288 288 316.7 288 352L288 416C288 451.3 259.3 480 224 480L160 480C124.7 480 96 451.3 96 416L96 280zM352 280C352 213.7 405.7 160 472 160L480 160C497.7 160 512 174.3 512 192C512 209.7 497.7 224 480 224L472 224C441.1 224 416 249.1 416 280L416 288L480 288C515.3 288 544 316.7 544 352L544 416C544 451.3 515.3 480 480 480L416 480C380.7 480 352 451.3 352 416L352 280z'/>\
        </svg>") no-repeat center / contain;
}

blockquote::after {
    content: "";
    position: absolute;
    right: -60px;
    top: -20px;
    width: 60px;
    height: 60px;
    transform: translateY(-50%);
    background-color: #0079bc;
    -webkit-mask: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'>\
        <path d='M544 360C544 426.3 490.3 480 424 480L416 480C398.3 480 384 465.7 384 448C384 430.3 398.3 416 416 416L424 416C454.9 416 480 390.9 480 360L480 352L416 352C380.7 352 352 323.3 352 288L352 224C352 188.7 380.7 160 416 160L480 160C515.3 160 544 188.7 544 224L544 360zM288 360C288 426.3 234.3 480 168 480L160 480C142.3 480 128 465.7 128 448C128 430.3 142.3 416 160 416L168 416C198.9 416 224 390.9 224 360L224 352L160 352C124.7 352 96 323.3 96 288L96 224C96 188.7 124.7 160 160 160L224 160C259.3 160 288 188.7 288 224L288 360z'/>\
        </svg>") no-repeat center / contain;
    mask: url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'>\
        <path d='M544 360C544 426.3 490.3 480 424 480L416 480C398.3 480 384 465.7 384 448C384 430.3 398.3 416 416 416L424 416C454.9 416 480 390.9 480 360L480 352L416 352C380.7 352 352 323.3 352 288L352 224C352 188.7 380.7 160 416 160L480 160C515.3 160 544 188.7 544 224L544 360zM288 360C288 426.3 234.3 480 168 480L160 480C142.3 480 128 465.7 128 448C128 430.3 142.3 416 160 416L168 416C198.9 416 224 390.9 224 360L224 352L160 352C124.7 352 96 323.3 96 288L96 224C96 188.7 124.7 160 160 160L224 160C259.3 160 288 188.7 288 224L288 360z'/>\
        </svg>") no-repeat center / contain;
}

@media (max-width: 767.8px) {
    blockquote {
        margin: 30px 60px;
        font-size: 120%;
    }
    blockquote::after {
        width: 30px;
        height: 30px;
        top: -10px;
        right: -30px;
    }
    blockquote::before {
        width: 30px;
        height: 30px;
        top: -10px;
        left: -30px;
    }
}

blockquote cite {
    display: block;
    font-size: 60%;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    margin-top: 30px;
    text-transform: uppercase;
}

.wysiwyg-container {
    container: inherit !important;
}

.btn.btn-light {
    background-color: #ececec;
    border: 1px solid #ccc;
}
.btn.btn-light:hover {
    background-color: #ccc;
    border: 1px solid #aaa;
}

:root {
  --fc-event-bg-color: #efefef;
  --fc-event-text-color: #052264;
  --fc-small-font-size: 12pt;
}

/* FONTS */
p { line-height: 1.3; margin-bottom: 0.75rem; }
h1, .h1 { color: #052264; margin-bottom: 0.5rem; font-size: 36pt; font-weight: 700; line-height: 1.1; }
h2, .h2 { color: #052264; margin-bottom: 0.5rem; font-size: 26pt; font-weight: 700; line-height: 1.1; }
h2.heading { margin-bottom: 0.5rem; }
h2.image-link-title {
    font-size: 18pt;
    line-height: 1;
}
h3, .h3 { color: #052264; margin-bottom: 1rem; font-size: 20pt; font-weight: 700; line-height: 1.1; }
h4, .h4 { color: #052264; margin-bottom: 1rem; font-size: 14pt; font-weight: 700; line-height: 1.1; }

main a, main a:visited { color: #0079bc; }

.features li h1, .features li h2, .features li h3, .features li h4 { margin: 0; }
.p-30 {
    padding: 30px;
}
.p-60 {
    padding: 60px;
}
.p-90 {
    padding: 90px;
}
.p-120 {
    pasdding: 120px;
}
.py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.px-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.px-60 {
    padding-left: 60px;
    padding-right: 60px;
}
.px-90 {
    padding-left: 90px;
    padding-right: 90px;}
.px-120 {
    padding-left: 120px;
    padding-right: 120px;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-90 {
    padding-bottom: 90px !important;
}
.pb-120 {
    padding-bottom: 120px !important;
}

.m-30 {
    padding: 30px;
}
.m-60 {
    padding: 60px;
}
.m-90 {
    padding: 90px;
}
.m-120 {
    pasdding: 120px;
}
.my-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.my-60 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.my-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}
.my-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}
.mx-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.mx-60 {
    padding-left: 60px;
    padding-right: 60px;
}
.mx-90 {
    padding-left: 90px;
    padding-right: 90px;}
.mx-120 {
    padding-left: 120px;
    padding-right: 120px;
}
.mb-30 {
    padding-bottom: 30px !important;
}
.mb-60 {
    padding-bottom: 60px !important;
}
.mb-90 {
    padding-bottom: 90px !important;
}
.mb-120 {
    padding-bottom: 120px !important;
}
.spacer-30 {
    height: 30px;
}
.spacer-60 {
    height: 60px;
}

.background-cover {
    background-size: cover;
    background-position: center center;
}

figure {
    border-radius: 8px;
}

/* ADMIN */
.grid-button div {
    background-image: linear-gradient(#ff9900,#ff0000);
}
.grid-button-layertwo div {
    background-image: linear-gradient(#99cc00,#999900);
}
.personabar-visible .shadow-on-admin {
    -webkit-box-shadow: 0 0 1px 1px #4AFFED;
box-shadow: 0 0 1px 1px #4AFFED;
}

.personabar-visible .space-on-admin {
    padding: 30px 0;
    margin: 30px 0;
    border-top: 1px dashed #ff9900;
    border-bottom: 1px dashed #ff9900;
    width: 100% !important;
}
.show-on-admin { display: none;}
.personabar-visible .show-on-admin { display: block; color: #ff9900}
.personabar-visible .stripe-on-admin {
    background-image: linear-gradient(45deg, #fff2de 25%, #fffbf5 25%, #fffbf5 50%, #fff2de 50%, #fff2de 75%, #fffbf5 75%, #fffbf5 100%);
background-size: 56.57px 56.57px;
}

.background-image-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.background-image-fixed {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bright-text h1, .bright-text h2, .bright-text h3, .bright-text h4, .bright-text p, .bright-text li, .bright-text a, .bright-text td, .bright-text th { color: #fff; }

.personabar-visible .sc-cb-pane-glow:hover {
    -webkit-box-shadow: 0 0 2px 0 #30FFF1;
box-shadow: 0 0 2px 0 #30FFF1;
}
.personabar-visible  div.sc-content-block-list:hover {

    -webkit-box-shadow: 0 0 2px 0 #30FFF1;
box-shadow: 0 0 2px 0 #30FFF1;
}


.btn.btn-outline {
    border: 1px solid #052264;
    background: #fff;
}
.btn.btn-outline:hover {
    background-color: #ececec;
}

.btn.btn-info { color: white; }

.bg-primary { background-color: #0079bc !important; }
.bg-secondary { background-color: #052264 !important; }

blockquote.quote-01,
blockquote.quote-02,
blockquote.quote-03 {
    width:90%;
    margin:30px auto 10px auto;
    padding: 1.2em 30px 1.2em 75px;
    border-left: 0;
    position: relative;
}
@media (min-width: 768px) {
    blockquote.quote-01,
    blockquote.quote-02,
    blockquote.quote-03 {
        width:60%;
        margin:30px auto 10px auto;
        padding: 1.2em 30px 1.2em 75px;
        border-left: 0;
        position: relative;
    }
    blockquote.quote-03 {
        width: 90%;
    }
}
blockquote.quote-01 p {
    font-size: 24pt;
    line-height: 1.1;
    font-family: 'Times New Roman';
}
blockquote.quote-02 p,
blockquote.quote-03 p {
    font-size: 16pt;
    line-height: 1.1;
    font-family: 'Times New Roman';
}
blockquote.quote-01::before,
blockquote.quote-02::before,
blockquote.quote-03::before {
    font-family: Arial;
    content: "\201C";
    color:#0079bc;
    font-size: 80pt;
    position: absolute;
    left: 10px;
    top: 10px;
}
blockquote.quote-01::after,
blockquote.quote-02::after,
blockquote.quote-03::after {
  content: '';
}
blockquote.quote-01 cite {
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}
blockquote.quote-02 cite,
blockquote.quote-03 cite {
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
  font-size: 10pt;
}

div.sc-content-block-list.show-placeholder:empty {
    background: rgba(47,155,242,.1);
    height: 40px !important;
    background-image: linear-gradient(45deg, #a9e2f5 25%, #8dc0e0 25%, #8dc0e0 50%, #a9e2f5 50%, #a9e2f5 75%, #8dc0e0 75%, #8dc0e0 100%);
    background-size: 56.57px 56.57px;
}

@media (max-width: 767.98px) {
    #dnn_dnnLOGO_imgLogo {
        border: 0;
        height: 65px !important;
    }
}

.lity {
    background: rgba(0,0,0,0.8);
}
.lity-close {
    position: absolute;
    right: -10px;
    top: -10px;
    background-color: #0079bc;
    border-radius: 50%;
}

.fc-event { padding: 3px; border: 0; font-weight: bold; background-color: #efefef; margin-bottom: 4px; }
a.fc-event { color: #052264; }
a.fc-event:hover { color: #0079bc; }
.fc-event.cat-whole-school { border: 2px solid #052264; }
.fc-event.cat-year-11 { border: 2px solid #0079BC; }
.fc-event.cat-year-10 { border: 2px solid #A100BC; }
.fc-event.cat-year-9 { border: 2px solid #BC4300; }
.fc-event.cat-year-8 { border: 2px solid #1BBC00; }
.fc-event.cat-year-7 { border: 2px solid #FF9900; }
.fc-event.cat-transition { border: 2px solid #990000; }

header .app-snippetinject3-edit { display: none !important; }