@import url("https://use.typekit.net/vws6iff.css");


:root {
  --bs-primary-rgb: 192, 168, 0;  
  --bs-secondary-rgb: 5, 34, 100; 
  --fc-event-bg-color: #efefef;
  --fc-event-text-color: #052264;
  --fc-small-font-size: 12pt;
}

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

body {
    overflow-x: hidden;
}

#dnn_dnnLOGO_imgLogo {
    border: 0;
    height: 50px !important;
}
header {
    padding-top: 30px !important;
}
@media (min-width: 768px) {
    #dnn_dnnLOGO_imgLogo {
        height: 80px !important;
    }
    header {
        padding-top: 12px !important;
    }
}

/* FONTS */
html, body, p, li, th, td, h1, h2, h3, h4, h5, .h1,.h2, .h3, .h4, .h5 {
    font-family: calibri, sans-serif;
    font-weight: 400;
    font-size: 12pt;
}
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; }


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

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

blockquote.quote-01,
blockquote.quote-02 {
    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 {
        width:60%;
        margin:30px auto 10px auto;
        padding: 1.2em 30px 1.2em 75px;
        border-left: 0;
        position: relative;
    }
}
blockquote.quote-01 p {
    font-size: 24pt;
    line-height: 1.1;
    font-family: 'Times New Roman';
}
blockquote.quote-02 p {
    font-size: 16pt;
    line-height: 1.1;
    font-family: 'Times New Roman';
}
blockquote.quote-01::before,
blockquote.quote-02::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 {
  content: '';
}
blockquote.quote-01 cite {
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}
blockquote.quote-02 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;
}

.footer-icons { font-size: 28pt; }
.footer-icons a:hover { color: yellow; }

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

.font-secondary {
    font-family: var(--font-secondary);
}
.text-primary { color: #0079bc; }
.text-secondary { color: #052264; }