/*
Theme Name: Interlake SD Division Theme
Theme URI: http://chezkoop.ca
Description: Interlake SD Division Template
Author: Chez Koop
Version: 1.7.0
*/
/*

Basic reset

*/

* {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    font-family: 'Yantramanav', sans-serif;
}
html,
body {
    width: 100%;
    height: 100%;
    font-family: 'Yantramanav', sans-serif;
}

.wrap {
	width: 95%;
	margin: 0 auto;
    max-width: 1240px;
}


/* Grid System */

#site-wrapper {
    position: relative;
}
#body {
    padding-bottom: 2em;
}
.section-centre,
.section-narrow,
.section-full,
.section-wide {
    padding: 0.8em 2em;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
}

.section-centre {
    width: 95%;
    max-width: 940px;
    text-align: center;
}
.section-narrow {
    width: 95%;
    max-width: 740px;
}
.section-full {
    width: 95%;
    max-width: 1240px;
    padding: 0.8em 4em;
}

.section-wide {
    width: auto;
}
header .section-full {
    overflow: visible;
}
footer {} .col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12,
.col_logo {
    float: left;
}
.col1 {
    width: 4.47%;
}
.col2 {
    width: 13.14%;
}
.col3 {
    width: 21.84%;
}
.col_logo {
    width: 17.38%;
}
.col4 {
    width: 30.52%;
}
.col5 {
    width: 39.21%;
}
.col6 {
    width: 47.89%;
}
.col7 {
    width: 56.58%;
}
.col8 {
    width: 65.26%;
}
.col9 {
    width: 73.94%;
}
.col10 {
    width: 82.62%;
}
.col11 {
    width: 91.31%;
}
.col12 {
    width: 100%;
}
.margin1 {
    margin-right: 4.21%;
}
.margin2 {
    margin-right: 12.893%;
}
/* Responsive embed css courtesy of embedresponsively.com */

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* http://sonspring.com/journal/clearing-floats */

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix, .cf {
  zoom: 1;
    &:before, &:after { content: ""; display: table; }
    &:after { clear: both; }
}

/* End of Grid System Stuff */
/*Wordpress Image Styles */

.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.wp-caption {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 1em 0;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 1.4em;
    line-height: 1.8em;
    margin: 0;
    padding: 0 4px;
}
.wp-caption.alignnone {
    width: 100% !important;
}
img.alignright {
    margin: 0 0 1em 1em
}
img.alignleft {
    margin: 0 1em 1em 0
}
a img.alignright {
    float: right;
    margin: 0 0 1em 1em
}
a img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
/*End wordpress image styles*/
/*

Basic Styling

*/

body {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    background-color: #f3f3f3;
    color: #4c4c4c;
    line-height: 1.67;
}
strong,
b {
    font-weight: bold;
}
em,
i {
    font-style: italic;
}
p,
ul,
ol {
    margin-bottom: 1em;
    font-size: 1.8em;
    letter-spacing: 0.05em;
}
li ul,
li ol {
    font-size: 1em;
}
ul li,
ol li {
    margin-bottom: 0.5em;
}
ul,
ol {
    margin-left: 2.2em;
}
table {
    font-size: 1.6em;
    font-family: 'Yantramanav', sans-serif;
}
table thead {
    line-height: 1.4;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    line-height: 1em;
    margin: 0.2em 0 0.4em;
}
h1 {
    font-size: 4.4em;
    font-weight: 300;
    letter-spacing: -0.02em;
}
h1 span {
    font-size: 0.8em;
    color: #4d4d4d;
}
h2 {
    font-size: 3.6em;
    font-weight: 300;
}
h3 {
    font-size: 2.8em;
    line-height: 1.2;
    letter-spacing: -0.01em;
    color: #222222;
}
h3 a {
    color: #222222;
}
h4 {
    font-size: 2em;
    font-weight: bold;
}
h5 {
    font-size: 1.8em;
}
h6 {
    font-size: 2em;
      color: #222222;
      font-weight: bold;
    letter-spacing: 0.025em;
}
h6.section-id {
    margin: 1em 0 1.5em;
}
h6.section-id a {
    font-size: 0.9em;
    font-weight: normal;
/*     font-family: 'chaparral-pro', serif; */
    color: #222222;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a:hover,
a:focus {
    text-decoration: underline;
}
a:visited {
    opacity: 0.8;
}
hr {
    border-bottom: 1px solid #dfdfdf;
    padding: 1em 0 0;
    margin: 0 0 1em;
}
img {
    display: block;
}
img.alignnone {
    max-width: 100%;
    height: auto;
}
small {
    font-size: 0.8em;
}
time {
    font-weight: normal;
    font-size: 0.6em;
    letter-spacing: normal;
    text-transform: uppercase;
    white-space: nowrap;
}
blockquote {
    padding: 2em 2em 2em 5em;
    margin-bottom: 2em;
    background-color: #fbfbfb;
    border-left: 6px solid #dedede;
}
blockquote p {
    font-size: 2em;
    font-style: italic;
}
blockquote p.quote-author {
    margin-bottom: 0;
    margin-top: -0.8em;
    font-style: normal;
    font-weight: bold;
    text-align: right;
}
.readmore,
#rcg_sidebar .rcg_view_details a {
    white-space: nowrap;
}



nav>ul>li,
h1,
h2,
h3,
h4,
h5,
h6,
.button_sidebar .button_title,
.feature_button_title,
#pre-header ul {
    font-family: 'Yantramanav', sans-serif;
}
/*

Pre-header styling

*/

#pre-header {
    color: #fff;
    overflow: hidden;
}
#pre-header .section-full {
    padding: 0 4em;
}
#pre-header a {
    color: white;
    padding: 0.5em 0.5em;
    display: inline-block;
}
#pre-header a:hover,
#pre-header a:focus {
    text-decoration: none;
    position: relative;
    background-color: rgba(0, 0, 0, 0.2);
}
#pre-header ul {
    list-style: none;
    margin: 0;
    font-size: 1.6em;
      color: #fff;
}
#pre-header ul li {
    display: inline-block;
    margin: 0 1em 0 0;
}
#pre-header ul li.schoolday {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.5em 0.4em;
}
#pre-header ul li.search-form {
    float: right;
    margin-right: 0;
}
/*

Pre header search form

*/

.search-form {
    display: inline-block;
}
.search-form .search-field {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    width: 220px;
    padding: 0.71em 0.5em;
}
.search-form .search-field::-webkit-input-placeholder {
    color: white;
}
.search-form .search-field:-moz-placeholder {
    color: white;
}
.search-form .search-field::-moz-placeholder {
    color: white;
}
.search-form .search-field:-ms-input-placeholder {
    color: white;
}
.search-form .search-submit {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 0.71em 0.71em 0.7em;
    color: white;
}
.search-form label {
    margin-right: -4px;
    display: inline-block;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus {
    background-color: rgba(255, 255, 255, 0.1);
}
.search-excerpt {
    background-color: rgba(255, 255, 0, 0.4);
}
/*

Translate options

*/

.translate_options {
    display: none;
    text-align: center;
}
.translate_languages {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.translate_languages li {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}
/*

Header Styling

*/

#main-header {
    background-color: #fff;
    margin-bottom: 1em;
    z-index: 10000;
}
#main-header .section-full {
    padding: 2em 4em;
}
#main-header.is_stuck {
    background-color: rgba(255, 255, 255, 0.9);
}

#inner-header {
	display: flex;
	flex-direction: column;
	position: relative;
}
#inner-header .site-logo {
	width: 240px;
    height: auto;
    margin: .4em 0;
}

#inner-header .site-logo img {width: 100%; height: auto;}

#body .main-content {
    background-color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
    padding: 3em 4em;
}
/*

Breadcrumbs

*/

.breadcrumbs {
    list-style: none;
    margin: 0;
    font-size: 1.6em;
}
.breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
    color: rgba(0, 0, 0, 0.3);
}
.breadcrumbs li a {
    color: rgba(0, 0, 0, 0.3);
}
.breadcrumbs .separator {
    color: #c4c4c4;
}
.breadcrumbs li.item-current {
    color: rgba(0, 0, 0, 0.4);
}
/*

Child Pages menu

*/

.child-pages {
    margin: -0.2em 0 1em;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.4;
}
.child-pages li {
    border-left: 1px solid #c1c1c1;
    box-sizing: border-box;
    padding: 0 0.5em;
    margin: 0 0 0.5em;
}
.child-pages li:first-child {
    border-left: none;
    padding-left: 0;
}
.child-pages li.current_page_item {
    font-weight: 600;
}
.child-pages li.page_item_has_children {} .child-pages li a {
    color: #000;
    opacity: 0.6;
}
.child-pages li a:hover,
.child-pages li a:focus {
    text-decoration: none;
    opacity: 1;
}
.child-pages li ul {
    display: block;
    font-size: 1em;
    margin: 0;
    font-weight: 400;
    list-style: none;
}
.child-pages li ul li {
    border: none;
    padding: 0;
    margin: 0;
    font-size: 0.8em;
}
/*

Post Formatting

*/

.post,
.index-results {
    margin: 0 0 3em;
    border-bottom: 1px solid #e7e7e7;
    clear: both;
}
.post>h3 a:hover,
.post>h3 a:focus {
    text-decoration: none;
    opacity: 0.7;
}
.post:last-of-type,
.index-results:last-of-type {
    border-bottom: none;
}
.post .post-categories {
    color: #222222;
    font-size: 1.6em;
    display: none;
}
.post.format-standard .post-categories {
    display: block;
}
.post-categories a {
    font-family: 'Yantramanav', sans-serif;

    display: inline-block;
    text-transform: uppercase;
    color: white;
    padding: 0.1em 0.4em 0.05em;
    line-height: 1.4;
    font-weight: bold;
}
.post-categories a:hover,
.post-categories a:focus {
    background-color: #222;
    text-decoration: none;
}
.post .readmore:hover,
.post .readmore:focus {
    color: black;
    text-decoration: none;
}
.post.format-status {
    background-color: #fbfbfb;
    padding: 2em 3em 3em;
}
.post.format-status p:first-child:before {
    content: 'Status Update';
    display: block;
    margin-bottom: 0.6em;
    font-size: .8em;
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    color: #8e8e8e;
}
.post.format-image img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}
.post.format-image h3 {
    margin-bottom: 0.9em;
}
.post-meta {
    font-size: 1.6em;
    margin-bottom: 0.2em;
    font-style: italic;
    color: #7e7e7e;
}
.post-meta time {
    text-transform: none;
    font-size: 1em;
}
.post-meta,
.post-categories time {
    text-transform: none;
    font-size: 1em;
    font-style: italic;
}
.post.category-daily-announcements {
    border-top: 3px solid #c1c1c1;
    padding: 0 2em 2em;
    border-bottom: none;
    background-color: #f5f5f5;
}
.post.category-daily-announcements:before {
    content: "Daily Announcement";
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #c1c1c1;
    color: white;
    display: inline-block;
    padding: 0.1em 0.5em;
    margin-bottom: 1.5em;
    border-radius: 0 0 0.25em 0.25em;
}
/* Gallery Index = .isd_gallery */
/*

Galleries

*/

.gallery,
.isd_gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
}
.gallery li,
.isd_gallery article {
    display: block;
    -ms-flex-preferred-size: 23.5%;
    flex-basis: 23.5%;
    margin-right: 2%;
    margin-bottom: 1em;
}
.isd_gallery article {
    font-size: 1.6em;
    line-height: 1.2;
    text-align: center;
}
.gallery li:nth-child(4n) {
    margin-right: 0;
}
.gallery a img,
.isd_gallery a img {
    display: block;
    width: 100%;
    height: auto;
}
.gallery a:hover img,
.gallery a:focus img {
    opacity: 0.7;
}
.col12 .gallery li,
.isd_gallery article {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
}
.col12 .gallery li:nth-child(4n) {
    margin-right: 2%;
}
.col12 .gallery li:nth-child(6n),
.isd_gallery article:nth-child(6n) {
    margin-right: 0;
}
.isd_gallery .gallery_title {
    font-weight: bold;
    padding-top: 0.5em;
    display: block;
}
.isd_gallery h2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
/*

Post Navigation

*/

.posts-nav {
    font-size: 2em;
    border-top: 1px solid #e7e7e7;
    padding: 0.7em;
}
/*

Buttons

*/

.button {
    border: 1px solid;
    padding: 0.6em 0.8em;
    line-height: 2;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
}
.button:hover,
.button:focus {
    text-decoration: none;
}
.b1 {
    color: white;
}
.b1:hover,
.b1:focus {
    color: #fff;
    text-shadow: none;
}
.b2 {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    color: #969696;
    margin-bottom: 1.5em;
}
.b2:hover,
.b2:focus {
    color: black;
}
/*

Division Message

*/

.division-message p {
    margin: 0.4em 0 0;
}
.division-message p a {
    color: #313131;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0.5em;
}
.division-message p a i.fa-exclamation-circle {
    color: #e1521a;
    vertical-align: middle;
}
.division-message p a .dm-important {
    color: #e1521a;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0.6em;
    font-size: 1.1em;
}
.division-message p a .dm-title {
    text-align: center;
    padding: 0 0.8em;
}
.division-message p a .readmore {
    padding-left: 1em;
}
.division-message p a:hover,
.division-message p a:focus {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.1);
}
/*

Sidebar Styles

*/

.widget {
    margin-bottom: 2em;
}
.widget_sp_image h3 {
    font-weight: 300;
    font-size: 2.2em;
    text-align: center;
}
.widget_sp_image img {
    height: auto;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}
/* Sidebar Buttons */

.button_sidebar {
    display: block;
    text-align: center;
    color: white;
    padding: 3em 2em;
}
.button_sidebar span {
    display: block;
}
.button_sidebar .button_title {
    font-size: 2.4em;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0.1em;
}
.button_sidebar .button_subtitle {
    font-size: 1.8em;
/*     font-family: "chaparral-pro", serif; */
    margin-bottom: 0.4em;
}
.button_sidebar .button_link_label {
    font-size: 1.4em;
    text-transform: uppercase;
    font-weight: bold;
}
.button_sidebar:hover,
.button_sidebar:focus {
    text-decoration: none;
    opacity: 0.6;
}
.button_sidebar:not([href]):hover,
.button_sidebar:not([href]):focus {
    opacity: 1;
}
/* Category & Archive widget styling */

.widget_categories ul,
.widget_archive ul {
    list-style: none;
    margin: 0;
}
.widget_categories ul li,
.widget_archive ul li {
    padding-right: 1em;
    display: inline-block;
}
.widget_categories .current-cat a {
    color: #4c4c4c;
}
/* Homepage Featured Content */
/* 5up & 3up templates */

#featured_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 2em auto 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: visible;
    z-index: 1;
}
#featured_content article {
    position: relative;
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
#featured_content .secondary_features article .item_background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#featured_content article:hover .item_background {
    opacity: 1;
}
#featured_content .secondary_features {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#featured_content.layout_5uph .secondary_features {
    -ms-flex-preferred-size: 33.334%;
    flex-basis: 33.334%;
    height: 54.5em;
}
#featured_content.layout_5up .secondary_features article {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
#featured_content.layout_3up .secondary_features article, #featured_content.layout_5uph .secondary_features article {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
#featured_content>article:nth-child(1) {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}
#featured_content>article:nth-child(1) .item_background {
    height: 100%;
}
#featured_content article .feature-text {
    z-index: 100;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    text-align: center;
    color: white;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 2em;
    background-color: rgba(0, 0, 0, 0.0);
    -webkit-transition: background 0.1s ease;
    transition: background 0.1s ease;
}
#featured_content article .feature-text h4 {
    font-weight: bold;
    text-transform: uppercase;

}
#featured_content article .feature-text p {
    line-height: 1.2;
}
#featured_content article .feature-text:hover,
#featured_content article .feature-text:focus {
    /* background-color: rgba(0, 0, 0, 0.4); */
}
#featured_content article.slideshow .f-slideshow {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#featured_content article.slideshow img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
#featured_content article.slideshow .f-slideshow .f-slide {
    width: 100%;
    height: 100%;
}
#featured_content article.slideshow .f-slideshow .f-slide img {
    position: relative;
}
#featured_content article.slideshow .f-slideshow .f-slide .feature-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    left: 0;
}
#featured_content article.slideshow .f-slideshow .f-slide .feature-text a {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
#f-slideshow-pager {
    position: absolute;
    bottom: 0;
    z-index: 1000;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 0.5;
}
#f-slideshow-pager span {
    font-size: 5em;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    -webkit-transition: 0.1s ease;
    transition: 0.1s ease;
}
#f-slideshow-pager span:hover {
    color: white;
}
#f-slideshow-pager span.cycle-pager-active {
    color: white;
}
#featured_content .secondary_features article .feature-text p {
    margin-bottom: 0;
}
#featured_content .secondary_features article .feature-text h4 {
    margin-bottom: 0.2em;
}
#featured_content>article:nth-child(1) .feature-text h4 {
    font-size: 5.4em;
	margin-bottom: 0;
}
#featured_content.layout_3up .secondary_features .feature-text h4 {
    font-size: 3em;
}
#featured_content.layout_5up .secondary_features .feature-text {
    padding: 1em;
    text-align: left;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#featured_content.layout_5up .secondary_features .feature-text.has-url {
    padding: 0;
}
#featured_content .secondary_features .button {
    padding: 0;
    border: none;
}
#featured_content .secondary_features .b1:hover,
#featured_content .secondary_features .b1:focus {
    background: none;
}
#featured_content .secondary_features article.icon .feature-text {
    text-align: center;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    color: #222222;

}
#featured_content .secondary_features article.icon .feature-text a {
    padding-top: 4em;
    padding-bottom: 3.5em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
#featured_content .feature-text a {
    color: white;
    /*display: block;*/
    padding: 1em;
    height: 50%;
	display: flex;
    vertical-align: bottom;
    justify-content: center;
    align-items: flex-end;
}

#featured_content .feature-text a:hover,
#featured_content .feature-text a:focus {
    text-decoration: none;
}
#featured_content article.icon .featured_icon {
    font-size: 6em;
    margin-bottom: 0.2em;
}
#featured_content article.icon .feature-text {
    background: #fff;
    min-height: 250px;
}
#featured_content.layout_5uph  article.icon:nth-child(odd) .feature-text a {
    background-color: #fafafa;
}
#featured_content article.icon .feature-text a:hover,
#featured_content article.icon .feature-text a:focus {
    background-color: #f1f1f1;
}
#featured_content.layout_5up .secondary_features article.image img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 340px;
}

#featured_content.layout_5up .secondary_features article.image .attachment-featured-small {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    height: 78%;
    max-height: 181px;
}
#featured_content.layout_3up .secondary_features article.image img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 570px;
    max-height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
}
#featured_content.layout_5up .secondary_features article.image .feature-text {
    display: block;
    height: auto;
    text-shadow: none;
}
#featured_content.layout_5up .secondary_features article.image .feature-text p {
    font-size: 1.5em
}
#featured_content.layout_5up .secondary_features article.image .feature-text h4 {
    font-size: 1.8em
}
#featured_content .feature-progress {
    height: 0.6em;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    z-index: 100;
}
/* .layout_5uph is the isd-esque wide slider / horizontal icons layout */
#featured_content.layout_5uph .secondary_features article {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
}
#featured_content.layout_5uph .secondary_features article.icon .feature-text {
    text-align: left;
    min-height: 0;
    height: 11.2em;
    padding: 1em;
    box-sizing: border-box;

}
#featured_content.layout_5uph .secondary_features article.icon .feature-text {
    display: block;
    color: #222222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 11.2em;
    padding: 1em;

}
#featured_content.layout_5uph .secondary_features article.icon .feature-text.has-url {
    padding: 0;
}
#featured_content.layout_5uph .secondary_features article.icon .feature-text.has-url a {
    display: block;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1em;
    height: 11.2em;

}
#featured_content.layout_5uph article.icon .featured_icon {
    font-size: 5em;
    padding: 0 0.4em;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 20%;
    line-height: 2.2;
    margin-bottom: 0;
}
#featured_content.layout_5uph article.icon h4,
#featured_content.layout_5uph article.icon p {
    width: 68%;
}
#featured_content.layout_5uph article.image img {
    display: none;
}


#featured_content.layout_5uph>article:nth-child(1) {
    -ms-flex-preferred-size: 66.666%;
    flex-basis: 66.666%;
    height: 54.5em;
    max-width: 66.666%;
}
/* Colours */

#featured_content article.black:nth-child(1) .feature-text,
#featured_content article.black:nth-child(1) .feature-text a {
    color: black;
    text-shadow: none;
}
/* 1up template, slider */

#featured_content .feature_slider {
    width: 100%;
}
#featured_content .feature_slider article {
    width: 100%;
    height: 54.5em;
}
#featured_content .feature_slider article .feature-text {
    padding: 2em 12em;
}
#featured_content .feature_slider article .feature-text h4 {
    font-size: 5.4em;
}
#featured_content .feature_slider article .feature-text p {
    font-size: 2em;
}
#featured_content article.text-top .feature-text {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
#featured_content article.text-bottom .feature-text {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#featured_content article.text-middle .feature-text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#featured_content #feature-pager {
    width: 100%;
    display: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background-color: white;
    height: 12em;
}
#featured_content #feature-pager a {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    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;
    padding: 1em;
    font-size: 2.2em;
    font-weight: bold;
    text-align: center;
    color: #4c4c4c;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.1) inset;
}
#featured_content #feature-pager a:last-child {
    box-shadow: none;
}
#featured_content #feature-pager a:hover,
#featured_content #feature-pager a.cycle-pager-active {
    color: white;
    text-decoration: none;
    position: relative;
}
#featured_content #feature-pager a:focus {
    text-decoration: none;
}
#featured_content #feature-pager a.cycle-pager-active:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 0.8em solid transparent;
    border-right: 0.8em solid transparent;
    border-bottom: 0.8em solid white;
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -0.8em;
}
#featured_content .feature-previous,
#featured_content .feature-next {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 8em;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    z-index: 100;
    color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
#featured_content .feature-previous {
    left: -0.6em;
}
#featured_content .feature-next {
    right: -0.6em;
}
#featured_content .feature-previous:hover,
#featured_content .feature-next:hover {
    color: rgba(0, 0, 0, 0.4)
}

/*

Home Feature Buttons

*/

.home_feature_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -3em -4em 3em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.home_feature_buttons a {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    text-align: center;
    padding: 1em 1.5em 2em;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid white;
    background-color: #f8f8f8;
    color: #fff;
    letter-spacing: 0.05em;
}
.home_feature_buttons a:last-child {
    border-right: none;
}
.home_feature_buttons a:hover,
.home_feature_buttons a:focus {
    text-decoration: none;
    background-color: #151650;
}
.home_feature_buttons a .feature_button_icon {
    font-size: 3.5em;
    display: block;
    color: black;
}
.home_feature_buttons a .feature_button_title {
    font-size: 2.4em;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: -5px;
}
.home_feature_buttons a .feature_button_subtitle {
    font-size: 1.8em;
    display: block;
}

/*

Homepage Mission Statement

*/

.mission-statement {
    margin: 0 0 3em;
    padding: 0;
    border-bottom: 1px dotted #e5e5e5;
}
.mission-statement h4 {
    font-size: 2.4em;
}
.mission-statement p {
    font-style: italic;
}
/*

Resources

*/

.resource_list, .links_list {
    list-style: none;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.resource_list li, .links_list li {
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    margin: 0 2% 0.7em 0;
    background-color: #f4f4f4;
    padding: 0.7em;
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
.links_list li {line-height: 1.1;}

.resource_list li:hover, .links_list li:hover {
    background-color: #e4e4e4
}
.resource_list li img {
    margin: -0.7em -0.7em 0.8em;
    width: auto;
    width: calc(100% + 1.4em);
    height: auto;
}
.resource_list li a, .links_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.links_list li a {
    height: inherit;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
	display: inline-block;
}
.resource_list li a:hover,
.resource_list li a:focus,
.links_list li a:hover,
.links_list li a:focus {
    text-decoration: none;
}
.resource_list li a span {
    display: block;
}
.resource_list li a i {
    color: black;
}
.resource_list li a .resource_heading {
    font-weight: bold;
}
.resource_list li a .resource_desc {
    font-size: 0.8em;
    color: #4c4c4c;
    line-height: 1.4;
}
.ext_link:hover, .ext_link:focus {background: #ffffff;}
.ext_link:before {
  content: "\f08e";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  padding-right: 3px;
}

/* Flex Content Styling */

/*

Tab Layout Styling

*/

.tabs-container {} ul.tabs {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.tabs li {
    opacity: 0.4;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    white-space: nowrap;
    position: relative;
    background-color: #606060;
    color: white;
    cursor: pointer;
    padding: 0.2em 0.6em;
    border-radius: 0.2em;
    font-weight: bold;
    letter-spacing: -0.02em;
    margin: 0 0.3em 0.6em;
}
ul.tabs li.current {
    opacity: 1;
}
ul.tabs li.current>i {
    display: inherit;
}
ul.tabs li>i {
    position: absolute;
    bottom: -0.4em;
    left: 50%;
    left: 0;
    right: 0;
    text-align: center;
    display: none;
}
ul.tabs li:hover {
    opacity: 1;
}
.tab-content {
    display: none;
    padding: 1em 0 0;
}
.tab-content.current {
    display: block;
}

/*

Accordion Layout Styling

*/

.panel {
    padding: 1.5em 1.8em 0.1em;
    background-color: rgba(0, 0, 0, 0.02);
    margin: 0 0 1em;
}
.panel>h3 {
    font-size: 1.8em;
    letter-spacing: -0.02em;
    margin: 0;
    padding: 0 0 0.6em;
    cursor: pointer;
}
/*

Staff

*/

.staff_list {
    list-style: none;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staff_list li {
    -ms-flex-preferred-size: 23.5%;
    flex-basis: 23.5%;
    margin: 0 2% 0.7em 0;
    box-sizing: border-box;
    border-bottom: 1px solid #e7e7e7;
    line-height: 1.4;
    padding-bottom: 0.6em;
}
.staff_list li img {
    width: 100%;
    height: auto;
    margin-bottom: 0.4em;
}
.staff_list li:nth-child(4n) {
    margin-right: 0;
}
.staff_list.six li {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    margin: 0 2% 0.7em 0;
}
.staff_list.six li:nth-child(4n) {
    margin-right: 2%;
}
.staff_list.six li:nth-child(6n) {
    margin-right: 0;
}
.staff_list .staff_name {
    font-weight: bold;
    display: inline-block;
    padding: 0 0.4em 0 0;
    font-size: 1.2em;
}
.staff_list.six .staff_name {
    font-size: 1em;
}
.staff_list.six .staff_subtitle {
    font-size: 0.8em;
}
.staff_list .staff_subtitle {
    display: block;
    font-weight: bold;
}
.staff_list .staff_email,
.staff_list .staff_social {
    font-size: 0.8em;
    display: block;
}
.none-found {
    margin-top: 1.1em;
    background-color: #f4f4f4;
    padding: 0.7em;
    font-style: italic;
}


/* Schools listing homepage */

.schools_list {
    margin: 0;
    -webkit-columns: 3 150px;
    -moz-columns: 3 150px;
    columns: 3 150px;
    font-size: 1.6em;
    font-family: 'Yantramanav', sans-serif;
}
.schools_list li {
    line-height: 1.1;
    margin-bottom: 8px;
    margin-left: 2em;
}
.schools_list li a {
     color: #222;
}
/* School Profiles */

.school_details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    clear: both;
    padding-bottom: 2em;
    font-family: 'Yantramanav', sans-serif;
}
.school_details>div {
    /* -ms-flex-preferred-size: 20%; */
    /* flex-basis: 20%; */
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
    padding-right: 2em;
    box-sizing: border-box;
    margin-bottom: 2em;
}
.school_details>.school_people {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin: 0 0 1em;
    list-style: none;
    font-size: 1.5em;
}
.school_details>.school_people li {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    line-height: 1.4;
    margin: 0 0 0.6em;
}
.school_details>.school_people.school_links {
    -ms-flex-preferred-size: initial;
    flex-basis: initial;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.school_details>.school_people.school_links li {
    display: inline-block;
    margin: 0 1.2em 0 0;
}
.school_details .school_links_title {
    background-color: #f4f4f4;
    padding: 1em 1em 0;
    width: 100%;
    margin: 0;
    display: block;
}
.school_details>.school_people.school_links {
    background-color: #f4f4f4;
    padding: 1em;
}
.school_people .school_people_title {
    font-weight: bold;
    text-transform: uppercase;
    display: block;
}
.school_people .school_people_name {
    display: block;
    font-size: 1.2em;
}
.school_people .school_people_email {
    font-weight: bold;
}
.school_details .school_thumbnail {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}
.school_thumbnail img {
    width: 100%;
    height: auto;
}
.school_details .school_phone,
.school_details .school_fax,
.school_details .school_email,
.school_details .school_twitter {
    display: block;
}
.school_details .school_address {
    font-size: 1.6em;
}
.school_details .school_map {
	-ms-flex: 0 0 30%;
    flex: 0 0 30%;
    padding-right: 0;
}
.school_desc {
    font-size: 0.9em;
}
h4.school_name {
    font-size: 2.8em;
    overflow: hidden;
    vertical-align: middle;
    border-top: 1px solid #c1c1c1;
    padding: 0.4em 0 0;
    margin-bottom: 0.3em;
}
.school_profile:nth-child(1) h4.school_name {
    border-top: none;
}
h4.school_name .school_subtitle {
    padding-left: 1em;
    font-size: 0.8em;
    font-weight: 400;
}
h4.school_name a {
    font-size: 0.7em;
    text-transform: uppercase;
    padding-left: 1em;
    float: right;
    font-weight: bold;
}
.acf-map {
    width: 100%;
    height: 18em;
}
h3.school_category {
    font-weight: 300;
}



/*

Calendar Styling

*/

body #calendar {
    max-width: 1200px;
    padding: 0;
}
#calendar_wrap {
    position: relative;
}
#loading {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 60px 0 0 0;
    text-align: center;
    left: 0;
    bottom: 0;
    font-size: 1px;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 5;
}
#loading i {
    font-size: 30px;
}
.fc .fc-view-container {
    font-size: 1.8em;
}
.fc .fc-center h2 {
    font-size: 4em;
    text-transform: uppercase;
    color: #4d4d4d;
}
.fc .fc-head {
    background-color: #8d8d8d;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.5;
}
.fc .fc-button {
    font-size: 1.4em;
}
.fc .fc-event {
    padding: 0.05em;
    margin: 0 0.3em 0.1em;
    font-size: 0.7em;
}
.fc .fc-view-container .fc-basic-view .fc-day-number {
    text-align: left;
    font-size: 1.2em;
    color: #959595;
}
#calendar_list {
    padding: 2em 2em 1em;
    margin-bottom: 2em;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}
#calendar_list ul {
    margin: 0;
    line-height: 1;
}
#calendar_list ul li {
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}
#calendar_list ul li:hover {
    color: black;
}
#calendar_list ul li div {
    margin-right: 0.4em;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#calendar_list ul li.inactive_cal div {
    opacity: 0.6;
}
.event_details {
    font-size: 1.8em;
    max-width: 600px;
}
.event_details .rcg_title {
    font-size: 1.4em;
    font-weight: bold;
}
.event_details .rcg_date {
    text-transform: uppercase;
    display: inline;
    padding-right: 0.5em;
}
.event_details .rcg_all_day,
.event_details .rcg_start_time {
    display: inline;
    opacity: 0.7;
    padding-right: 0.5em;
}
.event_details .rcg_event_description {
    margin-top: 0.8em;
    line-height: 1.6;
}
/* Upcoming events Styling */

h4.upcoming-title {
    text-align: center;
    color: #969696;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.8;
}
#rcg_sidebar {
    width: 100%;
    margin: 0 0 1em;
    font-size: 1.8em;
    color: #4c4c4c;
    border-spacing: 0;
    font-family: 'Yantramanav', sans-serif;
}
#rcg_sidebar td {
    box-sizing: border-box;
    padding: 0 0.8em 0.8em;
}
#rcg_sidebar td:nth-child(2n) {
    padding-top: 0.8em;
}
#rcg_sidebar .rcg_odd {
    background-color: #f5f5f5;
}
#rcg_sidebar .rcg_date {
    text-transform: uppercase;
    font-size: 0.9em;
    color: #747474;
    min-width: 60px;
    padding: 0.6em 0 0.6em 0.6em;
}
#rcg_sidebar .rcg_event_title {
    font-weight: bold;
    color: #4c4c4c;
    line-height: 1.4;
    letter-spacing: 0.05em;
    font-size: 1.1em;
}
#rcg_sidebar .rcg_view_details a {
/*   font-family: "chaparral-pro", serif; */
  color: rgba(34, 34, 34, 0.702);
  line-height: 1.2;
}
.no_events {
    font-size: 1.8em;
    font-style: italic;
    margin: 0 0 1em;
    text-align: center;
}

/*

Form styling

*/

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield textarea,
input[type=number] {
    border: 1px solid #d1d1d1;
    padding: 0.5em 0.4em;
    box-sizing: border-box;
}
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_description,
body .gform_wrapper .ginput_complex label {
    font-size: 0.75em;
    margin-bottom: 0;
}
body .gform_wrapper .gform_footer input[type=submit] {
    margin-top: 1px;
    font-size: 2em;
    color: white;
    font-weight: bold;
    padding: 0.4em 0.5em;
    border-radius: 2px;
    width: 98%;
    box-sizing: border-box;
}
body .gform_wrapper .gform_footer input[type=submit]:hover,
body .gform_wrapper .gform_footer input[type=submit]:focus {
    opacity: 0.7;
    cursor: pointer;
}
body .gform_wrapper .gform_footer input[type=submit]:active {
    margin-bottom: 1px;
    margin-top: 0px;
}
body .gform_wrapper .top_label .gfield_label {
    margin: 0.7em 0 0;
}
body .gform_wrapper .gform_heading {
    margin: 0 0 0.5em;
    font-size: 1.4em;
}
.screen-reader-text {
    display: none;
}

/*

Footer Styles

*/

footer {
    font-family: 'Yantramanav', sans-serif;
}

.copyright {
    margin-bottom: 2em;
    text-align: right;
}
.copyright p {
    font-size: 1.4em;
/*     font-family: 'chaparral-pro', serif; */
    color: #222222;
}
.copyright .col6:last-child {
    text-align: right;
}
.isd-logo {
    width: 30%;
    max-width: 62px;
    height: auto;
    margin: 0 1.8em 1em 0;
    float: left;
}
footer .footer-content {
    position: relative;
    padding-bottom: 2em;
    margin-bottom: 2em;
    border-bottom: 1px solid #c1c1c1;
}
footer .footer-content:before {
    content: ' ';
    width: 100%;
    display: block;
    border-bottom: 1px solid #c1c1c1;
    position: absolute;
    margin-left: -4em;
    margin-top: 3.4em;
}
footer h5 {
    padding-bottom: 0.5em;
    margin-bottom: 0.9em;
}
footer p,
footer ul {
    opacity: 0.7;
    margin: 0;
    font-size: 1.6em;
}
.footer-pic {
	width: 132px;
    height: auto;
}
footer ul {
    line-height: 1.2;
}
footer .mailing-address {
    white-space: nowrap;
}
footer .organization-name {
    display: block;
    margin: 0.6em 0 0;
}
footer a {
    color: #4c4c4c;
}
footer a:hover,
footer a:focus {
    color: black;
   text-decoration: none;
}

/*

Footer menu styles

*/

footer .menu {
    margin-left: 1em;
    list-style: square;
}

/*

Rudy's extra styles

*/

.contactnames3 {
    font-size: 1.8em;
    text-align: center;
    line-height: 1.2;
/*
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
*/
}

.contactnames3 > div {
    margin: 0 0 1em;
/*
    display: flex;
    box-sizing: border-box;
    padding: 0;
*/
}

.board {
	background: #eee;
    margin: 2px 0px;
    padding: 2em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
 }
.board:after {
    content: "";
    flex: 200px;
}
.board h4 {
    flex-basis: 100%;
    text-align: center;
    margin: 0;
}

.minutes {
	display: flex;
    flex-direction: column;
    flex: 1 1 200px;
    margin: .25em 1em;
}
.minutes p {
    margin-bottom: 3px;
    line-height: 1;
    font-size: 15px;
}

.minutes p strong {
	display: block;
    text-align: center;
    background: #ccc;
    width: 100%;
    margin: 1em auto 0;
    padding: 5px 2px;
}

/*

Media queries

*/

@media screen and (max-width: 1240px) {
    #featured_content .feature-previous {
        left: 0.1em;
    }
    #featured_content .feature-next {
        right: 0.1em;
    }
    .section-centre {
        width: 100%;
        max-width: 940px;
    }
    .section-narrow {
        width: 100%;
        max-width: 740px;
    }
    .section-full {
        width: 100%;
        max-width: 1240px;
    }
}
@media screen and (max-width: 1024px) {
    body {
        font-size: 57.5%;
    }
    .section-full {
        padding: 0.8em 2em;
    }
    #pre-header .section-full {
        padding: 0 2em;
    }
    #main-header .section-full {
        padding: 1.2em 1.5em;
    }
    #body .main-content {
        padding: 3em 3em;
    }
    .home_feature_buttons {
        margin: -3em -3em 4em;
    }
}
@media screen and (max-width: 991px) {
    #pre-header ul li {
        display: none;
    }
    #pre-header ul li.search-form,
    #pre-header ul li.schoolday {
        display: inline-block;
    }
    #pre-header ul li.schoolday {
        float: none;
    }
}
@media screen and (max-width: 800px) {
    body {
        font-size: 52.5%;
    }
    footer {
        font-size: 1.1em;
    }

     .school_details {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .school_details .school_thumbnail,
    .school_details .school_map {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding-right: 0;
    }
    .school_details .school_contact {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    }
    .acf-map {
        height: 30em;
    }
}


/* Tablet in portrait */

@media screen and (max-width: 765px) {
    body #featured_content {
        display: block;
        height: inherit;
    }
    body #featured_content .secondary_features,
    #featured_content.layout_5uph .secondary_features {
        display: block;
        -ms-flex-preferred-size: inherit;
        flex-basis: inherit;
        height: auto;
    }

    body #featured_content article,
    body #featured_content .secondary_features article,
    body #featured_content .feature_slider article,
    #featured_content>article:nth-child(1) {
        width: 100%;
        height: auto;
    }
    body #featured_content article.image:first-child .feature-text {
        padding: 8em 2em;
    }
    body #featured_content article.image:first-child .item_background {
        display: block;
    }
    #featured_content .secondary_features article .item_background {
        position: relative;
    }
    #featured_content.layout_5up .secondary_features .feature-text {
        padding: 0 1.2em;
    }
    #featured_content>article:nth-child(1) {
        max-width: 100%;
    }
    body #featured_content .secondary_features article .feature-text {
        position: static;
    }
    body #featured_content .secondary_features article .feature-text,
    body #featured_content.layout_5up .secondary_features article .feature-text,
    #featured_content.layout_5up>article:nth-child(1) .feature-text {
        text-align: center;
        padding: 3em 2em;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    body #featured_content .secondary_features article .feature-text h4,
    body #featured_content.layout_5up .secondary_features article .feature-text h4,
    #featured_content.layout_5up>article:nth-child(1) .feature-text h4 {
        /*font-size: 3em !important;*/
    }
    body #featured_content .secondary_features article .feature-text p,
    body #featured_content.layout_5up .secondary_features article .feature-text p,
    #featured_content.layout_5up>article:nth-child(1) .feature-text p {
        font-size: 2em !important;
    }
    body #featured_content article.image:first-child .item_background {
        display: block;
    }
    #featured_content.layout_5up .secondary_features article.image .attachment-featured-small {
        width: 100%;
        height: auto;
    }
    #featured_content.layout_5up .secondary_features article.image img {
        margin: 2em auto 0;
    }
    #featured_content>article:nth-child(1) {
        max-width: 100%;
    }
    #featured_content .secondary_features article:nth-child(2n - 1) .feature-text {
        background-color: rgba(0, 0, 0, 0.2)
    }
    #featured_content article.icon .feature-text {
        box-shadow: none;
    }
    #featured_content.layout_5uph>article:nth-child(1) {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    /*height: 54.5em;*/
    max-width: 100%;
    width: 100%;
    height: auto;
    }
    #featured_content.layout_5uph .secondary_features article.icon .feature-text.has-url a, #featured_content.layout_5uph .secondary_features article.icon .feature-text {
        /*height: 15em*/
        height: 11.2em
    }
    #featured_content article .feature-text {
        height: auto;
    }
    #featured_content article .f-slide .feature-text {
        height: 100%;
    }
    #featured_content #feature-pager {
        height: auto;
    }
    body #featured_content .feature_slider {
        width: 100%;
        height: 100%;
        padding: 0;
    }
    body #featured_content .feature_slider article {
        width: 100%;
        height: 30em;
        padding: 0;
        box-sizing: border-box;
        text-align: center;
    }
    #featured_content .feature_slider article .feature-text {
        height: 100%;
        padding: 2em 2em;
        box-sizing: border-box;
    }
    body #featured_content.layout_1up article .item_background {
        display: block;
    }
    .page-header {
        text-align: center;
    }
        .page-header h1 span {
            font-size: inherit;
        }
    .child-pages {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .child-pages li {
        border: none;
        padding: 0 0.5em;
    }
    .division-message p a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    /* #pre-header ul li {
        display: none;
    }
    #pre-header ul li.search-form,
    #pre-header ul li.schoolday {
        display: inline-block;
    }
    #pre-header ul li.schoolday {
        float: none;
    } */
    .home_feature_buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .home_feature_buttons a {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1) inset;
    }
    ul.staff_list li {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        margin: 0 2% 0.7em 0;
        box-sizing: border-box;
        border-bottom: 1px solid #c4c4c4;
        line-height: 1.4;
        padding-bottom: 0.6em;
    }
    ul.staff_list li:nth-child(2n) {
        margin-right: 0;
    }
    ul.staff_list li:nth-child(4n) {
        margin-right: 0;
    }
    .staff_list.six li {
        -ms-flex-preferred-size: 23.5%;
        flex-basis: 23.5%;
        margin: 0 2% 0.7em 0;
        box-sizing: border-box;
        border-bottom: 1px solid #e7e7e7;
        line-height: 1.45;
        padding-bottom: 0.6em;
    }
    .main-content>.col4,
    .main-content>.col8 {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        float: none;
        clear: both;
    }
    .col4.widget-area {
        padding-top: 2em;
    }
    h3.widgettitle {
        text-align: center;
    }
    .widget_categories ul,
    .widget_archive ul {
        text-align: center;
    }
    .widget_categories ul li,
    .widget_archive ul li {
        padding: 0 0.5em;
    }
    footer .col3 {
        width: 47.89%;
        margin-bottom: 2em;
    }
    footer .col3:nth-child(2n) {
        margin-right: 0;
    }
    footer .footer-content:before {
        display: none;
    }
    footer .footer-content h5 {
        border-bottom: 1px solid #c1c1c1;
    }
}
@media screen and (max-width: 575px) {
   .aligncenter,
    div.aligncenter,
    img.alignleft,
    .alignleft,
    img.alignright,
    .alignright {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
        float: none;
    }
    #body .main-content {
        padding: 2em 2em;
    }
    .home_feature_buttons {
        margin: -2em -2em 3em;
    }
    .col12 .gallery li,
    .isd_gallery article {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    }
    .col12 .gallery li:nth-child(3n),
    .isd_gallery article:nth-child(3n) {
        margin-right: 0;
    }

     .school_details>.school_people,
    .school_details>.school_contact {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 0.2em;
    }
    .school_details .school_map,
    .school_details .school_thumbnail {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .school_details>.school_people,
    .school_details>.school_contact {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-bottom: 0.2em;
    }
    .school_details .school_map,
    .school_details .school_thumbnail {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    h4.school_name {
        border: none;
        padding-top: 1em;
    }
    h4.school_name {
        font-size: 4em;
        text-align: center;
    }
    h4.school_name .school_subtitle {
        display: block;
        padding: 0;
        line-height: 1.4;
    }
    h4.school_name a {
        display: block;
        font-size: 0.7em;
        text-transform: uppercase;
        padding: 0.3em 0.5em;
        margin: 0.5em 0 0;
        background-color: #0061aa;
        color: white;
        float: none;
    }
    h3.school_category {
        text-align: center;
    }
}
@media screen and (max-width: 490px) {
   .child-pages li {
        width: 100%;
        box-sizing: border-box;
    }
    .search-form .search-field {
        width: 160px;
    }
    .gallery li {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
    }
    .gallery li:nth-child(4n) {
        margin-right: 2%;
    }
    .gallery li:nth-child(3n) {
        margin-right: 0;
    }
    footer .col3,
    footer .col4 {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 2em;
        float: none;
        margin-right: 0;
    }
    .resource_list li {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 0 0.7em 0;
    }
    footer {
        font-size: 1.2em;
    }
    ul.staff_list.six li {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
        margin: 0 2% 0.7em 0;
        box-sizing: border-box;
        border-bottom: 1px solid #c4c4c4;
        line-height: 1.4;
        padding-bottom: 0.6em;
    }
    ul.staff_list.six li:nth-child(2n) {
        margin-right: 0;
    }
}
@media screen and (max-width: 370px) {
    .search-form .search-field {
        width: 130px;
    }
    .school_details .school_phone,
    .school_details .school_fax,
    .school_details .school_email,
    .school_details .school_twitter {
        font-size: 0.9em;
    }
}
.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -o-sticky;
    position: -ms-sticky;
    position: sticky;
    top: -3px;
    z-index: 1000;
}

@media only screen and (min-width: 481px) {
/* 	.wrap {	width: 461px; } */
}

@media only screen and (min-width: 768px) {
/* 	.wrap {	width: 760px; } */
	#inner-header {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}

	#inner-header .site-logo {
/* 		width: 230px; */
		max-width: 230px;
	}

	#inner-header ul#menu-main-menu {
	    display: flex;
	    flex-direction: row;
	    justify-content: space-between;
	}
}

@media only screen and (min-width: 1030px) {
/* 	.wrap {	width: 1020px; } */
}

@media only screen and (min-width: 1240px) {
/* 	.wrap {	width: 1220px; } */
}