html {
    background-color: #FFFFFF;
    color: #383838;
}

body {
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
    font-size: 18px;
}

::-moz-selection {
    background: #444444;
    color: #DDDDDD;
}

::selection {
    background: #444444;
    color: #DDDDDD;
}

#documenter_sidebar #documenter_logo {
    background-image: url();
}

a {
    color: #0000FF;
}

a:focus {
    outline: none;
}

i {
    font-style: italic;
}

.btn {
    border-radius: 3px;
}

.content a {
    color: #000;
    text-decoration: underline;
}

.microsite_header img {
    max-width: 300px;
    padding: 0;
    /*margin-top: -45px;*/
}

.padding-20 {
    padding: 10px 0;
}

.btn-primary {
    background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
    background-image: -ms-linear-gradient(top, #0088CC, #0044CC);
    background-image: -webkit-gradient(linear, 0 0, 0 0088CC%, from(#DDDDDD), to(#0044CC));
    background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
    background-image: -o-linear-gradient(top, #0088CC, #0044CC);
    background-image: linear-gradient(top, #0088CC, #0044CC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#0044CC', GradientType=0);
    border-color: #0044CC #0044CC #bfbfbf;
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    border-color: #0088CC #0088CC #bfbfbf;
    background-color: #0044CC;
}

hr {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #FFFFFF;
}

#documenter_sidebar,
#documenter_sidebar ul a {}

#documenter_sidebar ul a {
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-bold);
    color: #007dc3;
    background: #f2f2f2;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
}

#documenter_content h3,
#documenter_content h1 {
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
    font-weight: normal;
    color: #007dc3;
    color: #003e7e;
    text-transform: uppercase;
    font-size: 36px;
}

#documenter_sidebar ul a:hover {
    background: #fff;
}

#documenter_sidebar ul a.current {
    background: #fff;
}

#documenter_sidebar ul .sub-menu a {
    font-size: 16px;
    font-weight: 500;
    padding-left: 4em;
    color: #666666;
    text-transform: inherit;
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
}

#documenter_copyright {
    display: block !important;
    visibility: visible !important;
}

.footer {
    padding: 20px 0 !important;
    background-color: #fff;
    border-top: solid 5px #f2f2f2;
    margin-top: 50px;
    text-align: center;
    clear: both;
}

.footer p {
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
    font-size: 90% !important;
    color: #666;
    text-transform: none;
    margin: 0 0 18px !important;
}

.content .thumb_img {
    padding: 0 15px 15px 0;
    float: left;
}

.content p {
    font-size: 16px;
}

.micrositenew_wrapper #documenter_content .content h4 {
    
    font-weight: normal;
    Color: #007dc3;
    text-transform: uppercase;
    font-size: 20px;
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-bold);
    padding-bottom: 10px;
}

.sub-text {
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
    font-size: 18px;
    color: rgb(0, 0, 0);
}

#documenter_content {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important
}

#documenter_content .hero-shot {
    width: 100%;
    margin-top: 145px;
}

#documenter_content .main-column-padding {
    padding: 0 10%;
}

#documenter_content p {
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
    padding: 0;
    line-height: 1.35em !important;
    font-size: 18px;
    color: rgb(0, 0, 0) !important;
}

table {
    font-size: 11px !important;
}

.page-header {
    border-bottom: 0px;
}

.full_img img {
    max-width: 100%;
}

a.backtotop {
    display: inline-block;
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-bold);
    font-size: 100%;
    margin: 10px auto;
    color: #007dc3;
    border-bottom: solid 2px #fbb914;
    background-color: #fff;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

a.backtotop:hover {
    background-color: #f2f2f2;
    padding: 10px 15px;
}

a.backtotop:hover,
a.backtotop:focus {
    text-decoration: none;
}

#whole_school_news+section,
#junior_school_news+section,
#secondary_school_news+section,
#performing_arts_news+section,
#sports_news+section,
#community_news+section,
#news+section {
    padding-top: 0px;
}

section .page-header {
    margin: 20px 0 0 !important;
}

.secondary-header .buttons .btn {
    margin-left: 0 !important;
}

#documenter_content section:first-child {
    margin: 0px !important;
}

.microsite_header h3 {
    padding-top: 30px;
    padding-left: 10px;
}

#documenter_nav {
    margin-top: 40px;
}

@media (max-width: 1200px) and (orientation: portrait) {
    .microsite_header h3 {
        padding-top: 15px;
    }

    /*#documenter_sidebar{width:30% !important;}
            #documenter_content{width:70%; }*/
}

.mobile-fix {
    display: none;
}

#documenter_content section .main_thumb_img img.bio_image_landscape {
    width: 360px;
}

@media (max-width: 767px) and (orientation: portrait) {
    .secondary-header .col-xs-12 .buttons .pull-right {
        float: right !important;
    }

    .mobile-fix {
        display: block;
    }

    .secondary-header h2 {
        font-size: 22px;
    }

    .micrositenew_wrapper .secondary-header {
        padding: 15px 10px;
    }

    .microsite_header .logo {
        padding-left: 0px;
    }

    .micrositenew_wrapper #documenter_content {
        /*width:90% !important;*/
    }

    .microsite_header h3 {
        padding-left: 0px;
    }

    .microsite_header img {
        max-width: 280px;
    }

    #documenter_content .main-column-padding {
        padding: 0 10%;
    }

    #documenter_content {
        /*width:70%;*/
    }

    #documenter_content .hero-shot {
        margin-top: 0px;
        display: none;
    }

    .microsite_header .align-center {
        text-align: center;
    }

    #documenter_sidebar ul {
        overflow: visible;
        padding-top: 20px;
        margin-bottom: 0px;
        float: left;
        width: 100%;
    }

    #documenter_sidebar ul li.sub-menu {
        display: none;
    }

    #documenter_nav {
        margin-top: 0;
    }

    #documenter_content section .main_thumb_img img {
        width: 100% !important;
        margin: 0 0 10px 0 !important;
    }

    .main_thumb_img {
        float: left !important;
        margin-right: 20px;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
    .micrositenew_wrapper #documenter_content {
        /*position:initial;width:100% !important;*/
    }

    .microsite_header {
        position: initial;
    }

    /*#documenter_content{width:70%; }*/
    #documenter_content .hero-shot {
        margin-top: 0px;
    }
}

a {
    word-wrap: break-word;
}

#topbutton {
    position: fixed;
    opacity: 0;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #777777;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

#topbutton.show {
    visibility: visible;
    cursor: pointer;
    opacity: 1.0;
}

#topbutton .fa {
    padding-top: 5px;
}

#topbutton {
    bottom: 15px;
    right: 5px;
}

#documenter_content section .featured-image img {
    max-width: 100%;
    width: 100%;
}

@media all and (max-width:600px) {
    iframe {
        width: 100%;
        height: auto;
    }

    .microsite_header img {
        /*margin-top: -30px;*/
    }

    #documenter_content h3,
    #documenter_content h1 {
        font-size: 30px;
    }

    #documenter_content section .main_thumb_img img {
        width: auto;
        margin: 0 20px 20px 0;
        float: left;
    }

    .microsite_header .logo {
        padding-top: 0px;
    }

    .microsite_header h3 {
        font-size: 25px;
        padding-top: 25px;
    }
}

@media all and (max-width:400px) {
    body {
        font-size: 16px;
    }

    .microsite_header h3 {
        font-size: 22px;
        padding-top: 13px;
    }

    .sub-text {
        font-size: 16px;
    }

    #documenter_content p {
        font-size: 16px;
    }

    #documenter_content h3,
    #documenter_content h1 {
        font-size: 28px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) {
    .col-xs-4 {
        /*width:25%;*/
    }

    .col-xs-8 {
        /*width:75%;*/
    }

    microsite_header h3 {
        padding-top: 25px;
    }
}

@media (min-width:768px) {
    .micrositenew_wrapper .microsite_header {
        position: relative;
    }

    #documenter_sidebar {
        position: fixed;
        top: 166px;
    }

    .microsite_header .header_links>a {
        /* width: 125px; */
        float: left;
        color: #fff;
    }

    .micrositenew_wrapper .microsite_header .social_icons li a {
        color: rgba(255, 255, 255, 1);
        font-size: 20px;
    }

    .microsite_header .social_icons li {
        display: inline-block;
        list-style: none;
        padding: 0px 10px;
    }

    .microsite_header h3 {
        padding-top: 20px;
    }

    .microsite_header .address {
        padding: 24px 0 15px;
        color: #ffffff;
    }

    .microsite_header .social_icons li a {
        color: rgba(255, 255, 255, .6);
        font-size: 20px;
    }

    .microsite_header .address-wrap {
        padding: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) and (orientation: portrait) {
    .microsite_header img {
        /*margin-top: -45px;*/
    }

    #documenter_content {
        left: 33.33333333%;
        width: 66.66666667%;
        right: 0 !important;
        padding: 0;
    }

    #documenter_sidebar {
        width: 33.33333333%;
        top: 160px;
    }

    .micrositenew_wrapper .microsite_header {
        position: fixed;
    }

    .microsite_header h3 {
        font-size: 35px;
        padding-top: 15px;
    }

    .microsite_header .logo {
        padding-top: 0px;
    }

    /* #documenter_content .main-column-padding {
        padding-top: 200px;
    } */
    .microsite_header .header_links {
        padding-top: 0px;
    }

    .microsite_header .social_icons ul {
        margin-top: 0;
    }

    #documenter_nav {
        margin-top: 80px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1200px) and (orientation: landscape) {
    .microsite_header .logo {
        padding-top: 20px;
    }

    .microsite_header img {
        margin-top: 0;
        margin-left: 30px;
    }

    .micrositenew_wrapper .microsite_header h3 {
        font-size: 30px;
        padding-top: 18px;
    }

    #documenter_content section .main_thumb_img img {
        width: 180px;
        display: block;
    }

    #documenter_content section .main_thumb_img img.bio_image_landscape {
        width: 360px;
        height: auto;
    }

    .microsite_header .social_icons ul {
        padding: 0px;
        margin: 12px 0px;
    }

    #documenter_content {
        left: 33.33333333%;
        width: 66.66666667%;
        right: 0 !important;
        padding: 0;
    }

    #documenter_sidebar {
        width: 33.33333333%;
    }

    .micrositenew_wrapper .microsite_header {
        position: fixed;
    }

    #documenter_nav {
        margin-top: 50px;
    }

    #documenter_content .hero-shot {
        margin-top: 188px;
    }

    .microsite_header .padding-20 {
        padding: 0;
    }
}

@media (min-width:1200px) {
    #documenter_sidebar {
        position: fixed;
        top: 145px;
    }

    .micrositenew_wrapper .microsite_header {
        position: fixed;
    }
}

@media (min-width:1281px) {
    .microsite_header .logo {
        padding-top: 15px;
    }

    .microsite_header img {
        /*margin-top: -45px;*/
    }
}

em {
    font-style: italic;
}

#documenter_content ul li {
    font-family: var(--font-univers-next-pro-condensed);
    font-weight: var(--font-weight-light);
    font-size: 18px;
}

.micrositenew_wrapper .microsite_header {
    background: #1B417B;
}

.micrositenew_wrapper .microsoft_header .knox-logo img {
    padding-top: 20px;
}

.micrositenew_wrapper .secondary-header h2 {
    margin-left: -15px;
}

.microsite_header .header_links>a:hover {
    background: #033469;
}

/*----------------------------------------------------------------------*/

/* Print Styles
            /*----------------------------------------------------------------------*/

.print-header,
.tag-name {
    display: none;
}

@media print {
    #documenter_sidebar {
        display: none;
    }

    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: sanbeiji.com/archives/953 */
    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images, or javascript/internal links */
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr,
    img {
        page-break-inside: avoid;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3,
    h4 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3,
    h4 {
        page-break-after: avoid;
    }

    hr {
        border-top: 1px solid #000 !important;
        border-bottom: 0 !important;
    }

    .print-header {
        display: block;
    }

    .print-header h2,
    .print-header h3 {
        color: #000;
        font-size: 30px !important;
    }

    .microsite_header {
        display: none;
    }

    .print-header a[href]:after {
        content: none !important;
    }

    .main-dropdown {
        display: none;
    }

    .fixed-secondary-header {
        display: none;
    }

    #main-content-area {
        margin: 0px 0 0 0;
    }

    #documenter_content section.first {
        padding-top: 0px;
    }

    #main-content-area {
        width: 100%;
    }

    .section-wrap {
        padding: 0 !important;
        float: left;
        width: 100%;
        margin: 0 0 10px;
    }

    #documenter_content .right-block {
        width: 100% !important;
    }

    .date-posted {
        font-style: italic;
        margin: 10px 0 5px 0;
        display: block !important;
    }

    iframe {
        display: none;
    }

    iframe:after {
        content: " (" attr(src) ")";
    }

    .logo a {
        text-decoration: none;
    }

    #documenter_content .page-header h4:first-child {
        font-size: 15px;
        padding-top: 0px;
    }

    #documenter_content .page-header h4 {
        font-size: 15px;
        padding-top: 50px;
    }

    #documenter_content section .featured-image img {
        width: auto;
        max-height: 200px;
    }

    #documenter_content ul li {
        list-style-type: none;
        padding: 5px 20px 5px 15px;
        position: relative;
        border-bottom: none;
        font-size: 14px;
        color: #515151;
        font-weight: normal;
    }

    #documenter_content section:first-child {
        margin-top: 10px !important;
    }

    #documenter_content section .featured-image,
    #documenter_content section .main-text {
        display: block !important;
    }

    #documenter_content .main-text p:first-child {
        margin-top: 0px;
        padding-top: 0px !important;
    }

    .logo {
        margin-top: 10px;
    }

    .logo img {
        max-height: 100px;
        display: inline-block;
        margin-top: -14px;
    }

    .logo .text {
        display: inline-block;
        font-size: 30px;
        padding-top: 23px;
        color: #005288 !important;
    }

    #documenter_content ul li:before {
        position: absolute;
        left: 0;
        font-family: 'FontAwesome';
        font-size: 80%;
        content: "\f096";
        color: #262C6A;
    }

    #documenter_content p,
    .sub-text,
    #documenter_content ul li {
        font-size: 13px;
        line-height: 16px;
        font-weight: lighter;
    }

    .section-wrap .featured-image {
        float: right;
        padding-left: 20px;
        margin-left: 15px;
    }

    .tag-name {
        display: block;
        margin: 25px;
        padding: 120px 0 0 5px;
    }

    h4 {
        font-weight: bold;
        font-size: 20px;
    }

    #documenter_content p,
    #documenter_content ul li,
    #documenter_content table td,
    #documenter_content table td span {
        font-size: 13px;
        line-height: 16px;
        font-weight: lighter;
    }

    .main-text>strong {
        font-size: 20px;
        line-height: 28px;
    }

    .main-text>strong {
        font-size: 20px;
        line-height: 28px;
    }

    .sub-text>strong {
        line-height: 26px;
    }

    .section-wrap .featured-image {
        float: right;
        margin-left: 15px;
    }

    .expand,
    .main_thumb_img,
    .featured-image {
        display: none !important;
    }

    .logo img {
        width: 20%;
        float: left;
    }

    #documenter_content h3,
    #documenter_content h1 {
        font-size: 30px !important;
    }

    #documenter_content h4 {
        font-size: 26px !important;
        font-weight: bold;
        color: #007dc3;
    }

    #topbutton {
        display: none;
    }

    #documenter_content section .featured-image {
        display: none !important;
    }

    section:first-child .sub-text strong:first-child {
        font-size: 20px !important;
        font-weight: bold;
    }

    .micrositenew_wrapper #documenter_content .content h4 {
        font-family: var(--font-univers-next-pro-condensed);
        font-weight: var(--font-weight-bold);
        font-weight: normal;
        color: #007dc3 !important;
    }

    #topbutton {
        display: none !important;
    }
}

.main_thumb_img {
    float: right;
}

#documenter_content section .main_thumb_img img {
    margin: 0 0px 20px 20px;
}

@media only screen and (max-width: 1200px) and (min-width: 730px) {
    #documenter_sidebar {
        display: none;
    }

    #documenter_content {
        width: 100%;
        padding: 0 10%;
        left: 0;
    }

    .micrositenew_wrapper .microsite_header {
        position: relative;
    }
}

@media only screen and (max-width: 767px) {
    #documenter_sidebar {
        display: none;
    }

    .micrositenew_wrapper .microsite_header {
        position: relative;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .hero-shot {
        display: none !important;
    }
}