body.user_group_editor .wrap {
    margin-top: 43px;
}

body.user_group_editor .wrap h2 {
    display: none;
}

body.user_group_editor .wrap #titlediv #titlewrap input#title {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
}

body.user_group_editor .wrap #titlediv .inside {
    display: none;
}

#wpadminbar #wp-admin-bar-comments,
#wpadminbar #wp-admin-bar-new-content,
#wpadminbar #wp-admin-bar-wp-logo {
    display: none !important;
}

#adminmenuwrap #adminmenu .wp-submenu .ws-submenu-separator-wrap a:hover {
    background-color: transparent;
}

#adminmenuwrap #adminmenu a {
    font-size: 12px !important;
}

#adminmenuwrap #adminmenu li.wp-menu-separator {
    background-color: #333 !important;
    border: none;
    height: 1px !important;
    margin: 0 !important;
}

* {
    text-shadow: none !important;
}

#wp-version-message,
.versions p {
    display: none !important;
}

#wp-content-editor-container .mceEditor.wp_themeSkin #content_ifr {
    background-color: #fff;
}

.seo_page_wpseo_files #wpbody .wrap .postbox-container,
.seo_page_wpseo_import #wpbody .wrap .postbox-container,
.seo_page_wpseo_internal-links #wpbody .wrap .postbox-container,
.seo_page_wpseo_permalinks #wpbody .wrap .postbox-container,
.seo_page_wpseo_rss #wpbody .wrap .postbox-container,
.seo_page_wpseo_social #wpbody .wrap .postbox-container,
.seo_page_wpseo_titles #wpbody .wrap .postbox-container,
.seo_page_wpseo_xml #wpbody .wrap .postbox-container,
.toplevel_page_wpseo_dashboard #wpbody .wrap .postbox-container {
    display: none;
}

#wpseo_content_top {
    display: block !important;
}

#wpseo_content_top,
#wpseo_content_top .metabox-holder #wpseo-conf {
    min-width: 100% !important;
    width: 100% !important;
}

#poststuff #wpseo_meta h3.hndle:after {
    content: "SEO settings";
}

#poststuff #wpseo_meta h3.hndle span {
    display: none;
}

body.onDevServer #wpadminbar #wp-toolbar #wp-admin-bar-root-default:after {
    background-color: #111;
    color: #e51b24;
    content: "All content/media should ONLY be added via main development environment";
    float: left;
    font-weight: 700;
    padding: 0 10px;
    position: relative;
}

body.onDevServer.plugins-php .tablenav.top:after {
    border-bottom: 1px solid #e51b24;
    border-top: 1px solid #e51b24;
    clear: both;
    color: #e51b24;
    content: "Any Plugin additions/interactions or removals should ONLY be done on the main development environment, not any individual branches.";
    float: left;
    font-size: 1.5em;
    line-height: 1.4em;
    margin: 25px 0;
    padding: 25px 0;
    position: relative;
    width: 100%;
}

body.onDevServer.plugins-php table.plugins tr#debug-bar td.plugin-title strong,
body.onDevServer.plugins-php table.plugins tr#hikari-krumo td.plugin-title strong {
    color: #e51b24 !important;
}

body.onDevServer.plugins-php table.plugins tr#debug-bar td.plugin-title strong:after,
body.onDevServer.plugins-php table.plugins tr#hikari-krumo td.plugin-title strong:after {
    content: " | DEV plugin - to remove";
}

@font-face {
    font-display: swap;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(/assets/MAF/fonts/icomoon.eot?7nbo2h);
    src: url(/assets/MAF/fonts/icomoon.eot?#iefix7nbo2h) format("embedded-opentype"),
        url(/assets/MAF/fonts/icomoon.ttf?7nbo2h) format("truetype"), url(/assets/MAF/fonts/icomoon.svg?7nbo2h#icomoon) format("svg");
}

.icon,
[class*=" icon-"],
[class^="icon-"] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}

.icon-quote-left:before {
    content: "\e601";
}

.icon-envelope-o:before {
    content: "\e600";
}

.icon-linkedin:before {
    content: "\f08c";
}

.icon-pinterest:before {
    content: "\f0d2";
}

.icon-google-plus:before {
    content: "\f0d5";
}

.icon-tumblr:before {
    content: "\f173";
}

.icon-vimeo:before {
    content: "\f194";
}

.icon-check:before {
    content: "\f00e";
}

.icon-times:before {
    content: "\f00f";
}

.icon-list:before {
    content: "\f03a";
}

.icon-plus-circle:before {
    content: "\f055";
}

.icon-minus-circle:before {
    content: "\f056";
}

.icon-times-circle:before {
    content: "\f057";
}

.icon-check-circle:before {
    content: "\f058";
}

.icon-arrow-left:before {
    content: "\f060";
}

.icon-arrow-right:before {
    content: "\f061";
}

.icon-arrow-up:before {
    content: "\f062";
}

.icon-arrow-down:before {
    content: "\f063";
}

.icon-phone:before {
    content: "\f095";
}

.icon-arrow-circle-left:before {
    content: "\f0a8";
}

.icon-arrow-circle-right:before {
    content: "\f0a9";
}

.icon-arrow-circle-up:before {
    content: "\f0aa";
}

.icon-arrow-circle-down:before {
    content: "\f0ab";
}

.icon-angle-left:before,
.slider-prev:before {
    content: "\f104";
}

.icon-angle-right:before,
.slider-next:before {
    content: "\f105";
}

.accordion_item.open .accordion_item_title span:before,
.icon-angle-up:before,
.site-nav-mobile__menu li:not(.external) i.target-expanded:before {
    content: "\f106";
}

.icon-angle-down:before,
.site-nav-mobile__menu li:not(.external) i:before {
    content: "\f107";
}

.icon-search:before {
    content: "\f002";
}

.icon-trash-o:before {
    content: "\f014";
}

.icon-play-circle-o:before {
    content: "\f01d";
}

.icon-search-minus:before {
    content: "\f010";
}

.icon-gear:before {
    content: "\f013";
}

.icon-clock-o:before {
    content: "\f017";
}

.icon-calendar:before {
    content: "\f073";
}

.icon-circle-o:before {
    content: "\f10c";
}

.icon-instagram1:before {
    content: "\f16d";
}

.icon-dot-circle-o:before {
    content: "\f192";
}

.icon-circle-o-notch:before {
    content: "\f1ce";
}

.icon-facebook:before {
    content: "\e602";
}

.icon-twitter:before {
    content: "\e603";
}

.icon-youtube:before {
    content: "\e604";
}

.icon-external-link:before {
    content: "\e90f";
}

.icon-facebook1:before {
    content: "\e900";
}

.icon-wechat:before {
    content: "\e901";
}

.icon-instagram:before {
    content: "\ea92" !important;
}

.message,
.validation_error {
    display: block;
    margin-bottom: 2.5rem;
}

.message> :last-child,
.validation_error> :last-child {
    margin-bottom: 0;
}

.message,
.validation_error {
    padding: 1.25rem;
}

.region__item,
.subpages__list a {
    padding-right: 3.125rem !important;
    position: relative;
    transition: background 0.15s ease-out;
}

.region__item i,
.subpages__list a i {
    font-size: 28px;
    margin-top: -14px;
    position: absolute;
    right: 1.875rem;
    top: 50%;
}

.region__item:hover,
.subpages__list a:hover {
    background: #586775;
    color: #fff !important;
}

.region__item:hover *,
.subpages__list a:hover * {
    color: #fff !important;
}

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
* {
    box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif;
}

body.makeafuture,
body.makeafuture.unregistered {
    margin-top: 150px;
}

#jobsidebar {
    position: sticky;
    -webkit-position: sticky;
    top: 100px !important;
}

@media screen and (min-width: 375px) {}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}


abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: 700;
}

dfn {
    font-style: italic;
}

hr {
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
select {
    color: #464646;
    max-width: 420px;
}

textarea {
    color: #464646;
    height: 120px;
    resize: vertical;
}

input[type="text"]::-ms-clear {
    display: none;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: 10px;
    vertical-align: middle;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
    color: #464646;
    display: inline-block;
    font-weight: 400;
    vertical-align: -2px;
}

label {
    color: #464646;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 2px;
}

fieldset {
    border-color: #e8e8e8;
    margin-left: 0;
    margin-right: 0;
    padding: 1.25rem 2.5rem 2.5rem;
}

legend {
    color: #666;
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0 0.8em;
}

.comment-form-author,
.comment-form-comment,
.comment-form-email,
.comment-form-url,
.form__group,
.gfield {
    margin-bottom: 1.25rem;
    position: relative;
}

.comment-form-author,
.comment-form-comment,
.comment-form-email,
.comment-form-url,
.form__group--boxed {
    border: 1px solid #e8e8e8;
    border-radius: 0;
    padding: 5px 10px;
}

.comment-form-author label,
.comment-form-comment label,
.comment-form-email label,
.comment-form-url label,
.form__group--boxed label {
    margin: 0;
}

.comment-form-author select,
.comment-form-comment select,
.comment-form-email select,
.comment-form-url select,
.form__group--boxed select {
    margin-left: -6px;
}

.comment-form-author select[multiple],
.comment-form-comment select[multiple],
.comment-form-email select[multiple],
.comment-form-url select[multiple],
.form__group--boxed select[multiple] {
    margin-left: 0;
}

.form__group--inline {
    display: inline-block;
    vertical-align: baseline;
}

.form__group--inline input,
.form__group--inline label {
    width: auto;
}

@media only screen and (max-width: 800px) {
    .form__group--inline {
        display: block;
    }
}

.comment-form input.focus:not([type="submit"]),
.comment-form input:focus:not([type="submit"]),
.comment-form textarea.focus,
.comment-form textarea:focus,
.comment-form-author:focus,
.comment-form-comment:focus,
.comment-form-email:focus,
.comment-form-url:focus,
.focus.comment-form-author,
.focus.comment-form-comment,
.focus.comment-form-email,
.focus.comment-form-url,
.focus.form__control,
.focus.form__group--boxed,
.form__control:focus,
.form__group--boxed:focus,
.gfield input.focus:not([type="checkbox"]):not([type="radio"]),
.gfield input:focus:not([type="checkbox"]):not([type="radio"]),
.gfield select.focus,
.gfield select:focus,
.gfield textarea.focus,
.gfield textarea:focus {
    border-color: #666;
    box-shadow: none;
    outline: none;
}

.comment-form input:not([type="submit"]),
.comment-form textarea,
.form__control,
.gfield input:not([type="checkbox"]):not([type="radio"]),
.gfield select,
.gfield textarea {
    border: 1px solid #e8e8e8;
    border-radius: 0;
    padding: 5px;
    width: 100%;
}

.comment-form input:not([type="submit"]),
.comment-form textarea,
.form__control--boxed {
    background: transparent;
    border: none;
    padding: 0;
}

.checkbox,
.form__checklist,
.radio {
    list-style: none;
    margin: 0;
    padding: 0;
}

.checkbox input,
.checkbox label,
.form__checklist input,
.form__checklist label,
.radio input,
.radio label {
    cursor: pointer;
    display: inline-block;
}

.comment-form input.val-error:not([type="submit"]),
.comment-form textarea.val-error,
.form__control.val-error,
.gfield input.val-error:not([type="checkbox"]):not([type="radio"]),
.gfield select.val-error,
.gfield textarea.val-error,
.gfield_error input {
    border: 1px solid #b33630 !important;
}

.validation_message,
label.val-error {
    color: #b33630;
    font-size: 14px;
    font-size: 0.875rem;
}

.validation_message small,
label.val-error small {
    color: #464646;
}

.val-error--top-right {
    position: absolute;
    right: 0;
    top: 0;
}

small.val-error,
span.val-error {
    color: #b33630;
    display: block;
    margin-bottom: 2px;
    margin-top: 2px;
}



dt {
    font-weight: 700;
}

dd {
    margin: 0;
}

.border-list {
    list-style: none;
    padding: 0;
}

.border-list li {
    border-bottom: 1px solid #666;
}

.border-list li:last-child {
    border-bottom: none;
}

ul.list--check {
    list-style: none;
    list-style-position: outside;
    padding-inline-start: 0;
}

ul.list--check:last-child {
    margin-bottom: 0;
}

ul.list--check li {
    margin-bottom: 1rem;
    padding-left: calc(32px + 0.83333rem);
    position: relative;
}

ul.list--check li:before {
    background-color: transparent;
    background-image: url(https://www.makeafuture.ca/drive/themes/makeafuture/assets/img/list-check.png);
    background-repeat: no-repeat;
    background-size: 32px;
    content: "";
    display: block;
    height: 32px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
}

.list--unstyled,
.menu {
    list-style: none;
    padding: 0;
}

iframe,
img,
media {
    display: block;
    margin: auto;
    max-width: 100%;
    vertical-align: top;
}

iframe {
    margin-bottom: 3.75rem;
}

.iframe-wrap,
.img-wrap-inner {
    padding-bottom: 56%;
    position: relative;
    z-index: 0;
}

.iframe-wrap iframe,
.iframe-wrap img,
.img-wrap-inner iframe,
.img-wrap-inner img {
    position: absolute;
}

.img-wrap {
    margin-left: auto;
    margin-right: auto;
}

@media only print {
    body {
        background-image: none;
        background: #fff;
        color: #333;
        font-size: 16px;
    }

    .site-branding {
        float: left;
    }

    .post-navigation,
    .site-footer,
    .site-header,
    aside {
        display: none !important;
    }

    .page-masthead {
        padding: 0 !important;
    }

    .site-footer {
        background-image: none;
        color: #000;
    }

    .off-canvas__inner,
    .page-wrap {
        padding-top: 0;
    }

    main {
        width: 100% !important;
    }

    h1,
    h2 {
        page-break-before: always;
    }

    img {
        max-width: 500px;
        width: 100% !important;
    }

    a {
        text-decoration: underline;
    }

    img,
    ul {
        page-break-inside: avoid;
    }

    @page {
        margin: 0.5cm;
    }
}

@font-face {
    font-display: swap;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(/assets//MAF/fonts/icomoon.eot?7nbo2h);
    src: url(/assets/MAF/fonts/icomoon.eot?#iefix7nbo2h) format("embedded-opentype"),
        url(/assets//MAF/fonts/icomoon.ttf?7nbo2h) format("truetype"), url(/assets/MAF/fonts/icomoon.svg?7nbo2h#icomoon) format("svg");
}


html {
    color: #464646;
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
}

::selection {
    background: #586775;
    color: #fff;
}

head {
    font-family: '{"xs": "480px", "sm": "640px", "md": "800px", "lg": "1020px" ,"xl": "1250px"}';
}


a {
    color: #586775;
}

a:hover {
    color: #3e4852;
}

a:active,
a:focus {
    color: #3e4852;
    outline: none;
}

.arrow-link {
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
}

.arrow-link:after {
    content: "\f105";
    font-family: icomoon;
    position: absolute;
    right: -1rem;
    top: 50%;
    transform: translateY(-50%);
}

.alpha,
.beta,
.delta,
.epsilon,
.gamma,
.hero__heading,
.site-branding__name,
.template-map .tabs>span,
.zeta,
caption,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #464646;
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 2.5rem;
    margin-top: 0;
}

/*
.alpha a,
.beta a,
.delta a,
.epsilon a,
.gamma a,
.site-branding__name a,
.template-map .tabs>span a,
.zeta a,
caption a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #464646;
    text-decoration: none;
}
*/
a.beta {
    color: #586775;
}

.alpha,
h1 {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 1.07143;
}

.alpha,
.beta,
h1,
h2 {
    margin-bottom: 1.875rem;
}

.beta,
h2 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.08333;
}

.beta.entry-title,
h2.entry-title {
    margin-bottom: 0;
}

.gamma,
.site-branding__name,
.template-map .tabs>span,
h3 {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
    margin-bottom: 0.75em;
    text-transform: uppercase;
}

.delta,
caption,
h4 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.delta a,
caption a,
h4 a {
    color: #586775;
    text-decoration: none;
}

.epsilon,
h5 {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.zeta,
h6 {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
}

blockquote,
p,
pre {
    margin: 0 0 1.25em;
}

.lead {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375;
}

blockquote {
    padding: 0 1.875rem 0 2.5rem;
    position: relative;
}

blockquote p {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 56px;
    font-size: 3.5rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.07143;
    margin: 0 !important;
}

blockquote cite {
    color: #999;
    font-size: 16px;
    font-size: 1rem;
    font-style: italic;
    margin: 0;
}

blockquote .icon-quote-left {
    font-size: 24px;
    left: 0;
    position: absolute;
    top: 5px;
}

q {
    font-style: italic;
}

pre {
    border: 1px solid #666;
    border-radius: 3px;
    padding: 2.5rem;
}

code,
pre {
    font-family: courier new, monospace;
    overflow: auto;
}

dl {
    font-size: 16px;
    font-size: 1rem;
}

dl div {
    border-bottom: 1px solid #e8e8e8;
    padding: 8px 0;
}

dl div:first-child {
    padding-top: 0;
}

dl div:last-child {
    border-bottom: 0;
}

dl div dt {
    float: left;
    font-weight: 400;
}

dl div dd {
    float: right;
}

time {
    color: #586775;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 1em;
}

.home time {
    color: #464646;
    margin-bottom: 0;
}

.table-wrapper {
    max-width: 100%;
    overflow: auto;
}

table {
    border: 1px solid #666;
    border-collapse: initial;
    margin-bottom: 2.5rem;
    width: 100%;
}

th {
    background-color: #e8e8e8;
    padding: 0.5em 1em;
    text-align: left;
}

th a,
th a.active {
    color: #fff;
}

td {
    border-bottom: 1px solid #666;
    padding: 0.5em 1em;
}

tr:last-child td {
    border: none;
}

.dataTables_wrapper {
    padding-bottom: 1.875rem;
}

table.tablepress th {
    background: #f3f8f7;
    border: 0;
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-weight: 400;
    padding-bottom: 1px;
    padding-top: 3px;
}

table.tablepress td,
table.tablepress th {
    color: #464646;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
}

table.tablepress td {
    background: none !important;
    border: 1px solid #e8e8e8;
    border-bottom: none;
    border-top: none;
}

table.tablepress tr td {
    border-bottom: 1px solid #e8e8e8;
}

.accordion .btn,
.accordion input[type="submit"] {
    display: table;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.75rem;
}

.accordion_item {
    border: 1px solid #f3f8f7;
    border-bottom: 0;
}

.accordion_item:last-child {
    border-bottom: 1px solid #f3f8f7;
}

.accordion_item .accordion_item_content {
    display: none;
}

.accordion_item .accordion_item_title {
    color: #586775;
    cursor: pointer;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 0;
    padding: 1.25rem 1.25rem 1.125rem;
    text-transform: none;
    transition: background 0.15s ease-out;
}

.accordion_item .accordion_item_title:hover {
    background: #f3f8f7;
}

.accordion_item .accordion_item_title span {
    font-size: 28px;
    font-size: 1.75rem;
}

.accordion_item .accordion_item_content {
    padding: 1.25rem;
}

@media only screen and (max-width: 800px) {
    .accordion_item .accordion_item_content {
        overflow: auto;
    }
}

.accordion_item.open .accordion_item_content {
    display: block;
}

.accordion_item.open .accordion_item_title {
    background: #586775;
    color: #fff;
}

.grid.alternating-row {
    margin-bottom: 5.625rem;
}

@media only screen and (max-width: 800px) {
    .grid.alternating-row {
        margin-bottom: 3.75rem;
    }
}

.grid.alternating-row:last-child {
    margin-bottom: 0;
}

.grid.alternating-row .island {
    -ms-flex-pack: center;
    border: 1px solid #90bab4;
    border-top: 6px solid #90bab4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 450px;
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    width: 100%;
}

.grid.alternating-row:not(.row--reverse) .island {
    padding-left: 4.375rem;
    padding-right: 3.125rem;
}

.grid.alternating-row.row--reverse .island {
    padding-left: 3.125rem;
    padding-right: 4.375rem;
}

@media only screen and (max-width: 800px) {
    .alternating .grid.alternating-row {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width: 801px) {
    .alternating .grid.alternating-row .island {
        width: calc(100% + 1.25rem);
    }

    .alternating .grid.alternating-row:not(.row--reverse) .island {
        margin-left: -1.25rem;
    }
}

.alternating-grid .grid.alternating-row .island {
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 0 !important;
}

@media only screen and (max-width: 800px) {
    .alternating-grid .grid.alternating-row .grid__item:not(:last-child) {
        margin-bottom: 3.75rem;
    }

    .alternating-row__image {
        background-image: none !important;
    }
}

@media only screen and (min-width: 801px) {
    .alternating-row__image {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
    }

    .alternating-row__image img {
        display: none;
    }
}

.alternating__play,
.alternating__play:before {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.alternating__play:before {
    background-image: url(/drive/themes/makeafuture/assets/img/play-orange.png);
    background-repeat: no-repeat;
    background-size: 150px 150px;
    content: "";
    height: 150px;
    width: 150px;
    z-index: 900;
}

.breadcrumbs {
    display: block;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
}

.breadcrumbs li {
    padding-right: 0.2em;
}

.breadcrumbs li:after {
    content: ">";
    padding-left: 0.2em;
    vertical-align: baseline;
}

.breadcrumbs li:last-child:after {
    content: "";
}

.breadcrumbs li>a {
    text-decoration: underline;
}

.breadcrumbs li>a,
.breadcrumbs li>span {
    color: #464646;
    display: inline-block;
    padding: 0.5rem;
}

.hero--school .breadcrumbs li>a,
.hero--school .breadcrumbs li>span {
    color: #fff;
}

.btn,
input[type="submit"] {
    border: none;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0.85em 1.75em;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
}

header .btn,
header input[type="submit"] {
    padding: 0.55em 1em 0.5em;
}

.btn,
input[type="submit"] {
    font-weight: 700;
}

.btn,
.btn.btn--yellow,
input.btn--yellow[type="submit"],
input[type="submit"] {
    background-color: #ffe443;
    color: #2b363f;
}

.btn:focus,
.btn:hover,
input:focus[type="submit"],
input:hover[type="submit"] {
    background-color: #f47a5b;
    color: #2b363f;
    transition: background-color 0.15s ease-out;
}

.btn:active,
.btn:focus,
input:active[type="submit"],
input:focus[type="submit"] {
    outline: none;
}

.btn--small,
.ginput_container .gform_button_select_files {
    padding: 0.2em 0.4em;
}

.btn--large {
    padding: 0.8em 1em 0.7em;
}

.btn--full {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
}

.btn--ghost {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #ffe443;
    color: #fff;
}

.btn--ghost:focus,
.btn--ghost:hover {
    background-color: #fff;
    box-shadow: inset 0 0 0 2px #fff;
    color: #586775 !important;
}

.btn--ghost-green {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #586775;
    color: #586775;
}

.btn--ghost-green:focus,
.btn--ghost-green:hover {
    background-color: #586775;
    color: #fff !important;
}

.btn--primary {
    background-color: #586775;
}

.btn--primary:focus,
.btn--primary:hover,
.btn--secondary {
    background-color: #424d58;
}

.btn--secondary:focus,
.btn--secondary:hover {
    background-color: #2c343b;
}

.btn--positive {
    background-color: #b5c952;
}

.btn--positive:focus,
.btn--positive:hover {
    background-color: #9cb137;
}

.btn--negative {
    background-color: #b33630;
}

.btn--negative:focus,
.btn--negative:hover {
    background-color: #8b2a25;
}

.btn--disabled,
.btn--disabled:active,
.btn--disabled:focus,
.btn--disabled:hover {
    background-color: #e8e8e8;
    box-shadow: none;
    color: #666;
    cursor: default;
}

.btn--with-icon i {
    margin-left: 3px;
}

.btn--with-icon i:before {
    vertical-align: -1px;
}

.btn--toggle {
    background: #fff;
    border: 3px solid #586775;
    color: #586775;
    float: right;
    margin-left: 0 !important;
    margin-top: 30px;
    padding: 8px 10px 6px;
}

.btn--toggle:hover {
    background: #586775;
    border-color: #586775;
    color: #fff;
}

@media only screen and (max-width: 360px) {
    .btn--toggle {
        margin-top: 22px;
    }
}

button.icon-search {
    background: none;
    border: none;
    line-height: 1;
    outline: none !important;
}

input[type="submit"] {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    text-transform: none;
}

.cards .grid__item {
    margin-bottom: 1.625rem;
}

.card {
    background-color: #fff;
    padding: 1.875rem;
}

.card:not(.card--blue) {
    border-bottom: 6px solid #90bab4;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.card:not(.card--blue):hover {
    background-color: #f3f8f7;
}

.card.card--blue {
    border: 1px solid #e8e8e8;
    border-top: 6px solid #586775;
}

.two-col-cards .card {
    border-left: 1px solid #90bab4;
    border-right: 1px solid #90bab4;
    border-top: 1px solid #90bab4;
}

.content-section--light-grey .card:hover {
    background-color: #fff;
}

.card__content img {
    margin-bottom: 1.875rem;
}

.card__content .img-wrap {
    margin-bottom: 1.875rem;
    margin-left: 0;
    margin-right: 0;
}

.card__content p:last-child {
    margin-bottom: 1.875rem !important;
}

.card__content .read-more {
    display: none !important;
}

.card__content+a {
    margin-top: auto;
}

.posts-feed .card__content a {
    color: #464646;
    display: block;
    text-decoration: underline;
    text-transform: capitalize;
}

.posts-feed .card__content time {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.875rem;
}

.posts-feed .card__content p:last-of-type {
    margin-bottom: 1.875rem;
}

.two-col-cards .card__content p {
    margin-bottom: 3.125rem;
}

.two-col-cards .card__content+a {
    margin-left: auto;
    margin-right: auto;
}

.three-col-cards .card__content img {
    margin-left: 0;
}

.container {
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 1180px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    position: relative;
}

@media only screen and (max-width: 640px) {
    .container {
        padding-left: .5rem;
        padding-right: .5rem;
    }



}

.container--small {
    max-width: 960px;
}

.container--tiny {
    max-width: 710px;
}

.container--xs {
    max-width: 600px;
}

.container--flush {
    padding-left: 0;
    padding-right: 0;
}

.comments ul {
    list-style: none;
    padding: 0;
}

.comment {
    border: 1px solid #e8e8e8;
    margin-bottom: 2.5rem;
}

.comment:last-child {
    border-bottom: 1px solid #e8e8e8;
}

.comment .comment {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: 0;
}

.comment .children {
    margin: 0;
}

.comment .comment-respond,
.comment-body {
    padding: 1.25rem;
}

.cta-banner__inner {
    background: #586775;
    color: #fff;
    display: -ms-grid;
    display: grid;
    gap: 1.25rem;
    margin: 0 auto;
    max-width: 62rem;
    padding: 1.25rem;
}

@media only screen and (min-width: 641px) {
    .cta-banner__inner {
        gap: 2.5rem;
        padding: 2.5rem;
    }
}

@media only screen and (min-width: 801px) {
    .cta-banner__inner {
        -ms-grid-columns: 1fr auto;
        -ms-flex-align: center;
        align-items: center;
        gap: 5rem;
        grid-template-columns: 1fr auto;
        padding: 1.875rem 2.5rem;
    }
}

@media only screen and (min-width: 1021px) {
    .cta-banner__inner {
        padding: 1.625rem 3.75rem;
    }
}

.cta-banner__title {
    color: #fff;
    font-size: 1.75rem;
    line-height: 1.25;
    margin-bottom: 0.83333rem;
}

.cta-banner__img {
    margin: 0;
    max-width: 16rem;
    width: 100%;
}

.gform_fields {
    list-style: none;
    padding-left: 0;
}

.gform_body,
.gform_fields {
    margin-bottom: 2.5rem;
}

.gform_body ol,
.gform_body ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.gform_validation_container {
    display: none !important;
    left: -9000px;
    position: absolute !important;
}

.gform_drop_instructions {
    display: none;
}

.add_list_item,
.delete_list_item,
.gform_delete {
    display: inline-block;
    vertical-align: baseline;
}

.ginput_preview {
    margin-top: 2px;
}

.gfield_required {
    display: none;
}

.gform_confirmation_message {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.07143;
    margin: 3em 0;
}

.grid {
    list-style: none;
    margin-bottom: 0;
    margin-left: -1.25rem;
}

.grid>.grid {
    margin-left: 0;
}

.grid__item {
    float: left;
    padding-left: 1.25rem;
}

.grid--full {
    margin-left: 0;
}

.grid--full .grid__item {
    padding-left: 0;
}

.grid--fluid {
    margin-left: -5.26308%;
}

.grid--fluid>.grid__item {
    padding-left: 5%;
}

.grid--block>.grid__item {
    display: inline-block;
    float: none;
    vertical-align: top;
}

@media only screen and (max-width: 800px) {
    .home-positions .md-one-half:nth-child(odd) {
        clear: both;
    }
}

.grid--flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid--flex .grid__item {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.row--reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.hero {
    background-color: #464646;
    background-position: 50%;
    background-size: cover;
    color: #fff;
    padding: 8rem 0;
    position: relative;
}

.hero .hero__heading,
.hero p {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}

.hero__body {
    position: relative;
    z-index: 300;
}

.hero__body>*> :last-child,
.hero__body> :last-child {
    margin-bottom: 0;
}

.hero__bg {
    background-position: 50%;
    background-size: cover;
    position: absolute;
    z-index: 100;
}

.hero__heading {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
}

@media only screen and (max-width: 480px) {
    .hero__heading {
        font-size: 32px;
        font-size: 2rem;
    }

    body.makeafuture,
    body.makeafuture.unregistered {
        margin-top: 85px;
    }
}

.hero--overlay:before {
    background-color: #000;
    content: "";
    opacity: 0.5;
    position: absolute;
    z-index: 200;
}

.page-bottom-banner .hero--overlay:before {
    background-color: #464646;
    opacity: 0.6;
}

.hero--vert {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}

.hero--vert .hero__body {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.hero--fluid {
    padding: 15% 0;
}

.page-bottom-banner .hero--fluid {
    padding: 1.875rem 0;
}

.hero--fluid.hero--school {
    padding: calc(48px + 20%) 0 15%;
}

@media only screen and (min-width: 426px) {
    .hero--fluid.hero--school {
        padding: 20% 0 15%;
    }
}

@media only screen and (min-width: 1021px) {
    .hero--fluid {
        padding: 10.5% 0;
    }

    .page-bottom-banner .hero--fluid {
        padding: 3% 0;
    }

    .hero--fluid.hero--school {
        padding: 9% 0;
    }
}

.hero--home {
    color: #fff;
}

.hero--home:before {
    background: linear-gradient(270deg, rgba(70, 70, 70, 0), #464646);
}

@media only screen and (min-width: 1021px) {
    .hero--home .seven-twelfths {
        padding-right: 5rem;
    }
}

.hero--home h1 {
    color: #fff;
    font-weight: 600;
}

.hero--home p {
    margin-bottom: 1.875rem;
}

.hero--school>.container {
    position: unset;
}

.hero--school .breadcrumbs {
    position: absolute;
    top: 1.25rem;
    z-index: 900;
}

@media only screen and (max-width: 425px) {
    .hero--school .breadcrumbs {
        line-height: 0.5;
    }
}

@media only screen and (min-width: 1021px) {
    .hero--school .breadcrumbs {
        top: 1.875rem;
    }
}

.hero--school img {
    margin-bottom: 1.875rem;
}

.hero--school .hero__heading {
    margin-bottom: 0.625rem;
}

.hero--school p.gamma,
.hero--school p.site-branding__name {
    margin-bottom: 1.875rem;
}

.hero--school p:last-child {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
}

.page-bottom-banner {
    position: relative;
    text-align: center;
}

.page-bottom-banner .container {
    max-width: 600px;
}

.page-bottom-banner .hero__heading {
    font-weight: 400;
    margin-bottom: 1.25rem;
}

.page-bottom-banner p {
    margin-bottom: 2.5rem;
}

.page-bottom-banner .btn,
.page-bottom-banner input[type="submit"] {
    margin: 0.83333rem;
}

.media-listing {
    list-style: none;
    padding: 0;
}

.media-item {
    margin-bottom: 1.25rem;
}

.media-item:last-child {
    margin-bottom: 0;
}

.media-item__image {
    margin: auto auto 2.5rem;
    width: 50%;
}

@media only screen and (min-width: 481px) {
    .media-item__image {
        float: left;
        padding-right: 2.5rem;
        width: 25%;
    }
}

.media-item__content {
    overflow: hidden;
}

.message,
.validation_error {
    background: #fff;
    border: 1px solid;
}

.message--status {
    border-color: #6e8192;
    color: #586775;
}

.message--positive {
    border-color: #c6d579;
    color: #b5c952;
}

.message--warning {
    border-color: #fdcf0c;
    color: #d4ac02;
}

.message--error,
.validation_error {
    border-color: #ce4e48;
    color: #b33630;
}

.nav {
    margin-bottom: 0;
    margin-left: -0.625rem;
    padding-left: 0;
}

.nav li {
    padding: 0 0.625rem;
}

.nav li,
.nav--inline {
    display: inline-block;
}

.site-footer .nav--social {
    display: block;
    margin-top: 1.875rem;
}

.nav--social li {
    margin-bottom: 1.25rem;
}

.nav--social [class*="icon"] {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1;
}

.site-footer .nav--social [class*="icon"] {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
}

.main-nav {
    background: #586775;
    background: #fff;
    border-bottom: 3px solid #90bab4;
    color: #464646;
}

@media only screen and (max-width: 1200px) {
    .main-nav {
        border-bottom: none;
    }
}

@media only screen and (max-width: 1250px) {
    [lang="fr-FR"] .main-nav {
        background: #fff;
    }
}

.nav-dropdown>ul>li {
    position: relative;
}

.nav-dropdown>ul>li:active>ul,
.nav-dropdown>ul>li:focus>ul,
.nav-dropdown>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
}

.nav-dropdown>ul>li>ul {
    min-width: 100%;
    opacity: 0;
    position: absolute;
    transition: opacity 0.6s ease-out, visibility 0.6s ease-out;
    transition-delay: 0.1s;
    visibility: hidden;
    z-index: 500;
}

.pager {
    padding: 0;
    text-align: center;
}

.pager>li {
    display: inline-block;
}

.pager>li a,
.pager>li span {
    padding: 0.625rem 0;
}

.pager>li i:before {
    margin: 1px;
    vertical-align: middle;
}



.site-branding {
    display: inline-block;
}

@media only screen and (max-width: 1200px) {
    .site-branding {
        width: 180px;
    }
}

@media only screen and (max-width: 1200px) and (max-width: 360px) {
    .site-branding {
        width: 160px;
    }
}

.site-branding--header {
    padding: 0;
    vertical-align: middle;
}

@media only screen and (min-width: 1201px) {
    .site-branding--header {
        padding: 1rem 0;
    }
}

.site-branding__logo,
.site-branding__name {
    display: block;
    float: left;
}

.site-branding__logo {
    margin: 10px 0 6px;
    transition: opacity 0.15s ease-out;
    width: 6rem;
}

.site-footer .site-branding__logo {
    display: block;
    float: left;
    margin-bottom: 1.875rem;
    width: 8.5rem;
}

@media only screen and (max-width: 800px) {
    .site-footer .site-branding__logo {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

.site-branding__logo:hover {
    opacity: 0.8;
}

.site-branding__name {
    color: #fff;
    text-decoration: none;
}

.site-branding__name:visited {
    color: #fff;
}

.site-branding__name:hover {
    color: #424d58;
}

.content-section--values {
    margin-bottom: 0.625rem !important;
}

.thumbnail-grid__content {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.thumbnail-grid__content img {
    margin-bottom: 1.25rem;
    max-height: 100px;
    width: auto;
}

.collapse {
    display: none;
    visibility: hidden;
}

.collapse.in {
    display: block;
    visibility: visible;
}

.collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    transition-duration: 0.35s;
    transition-property: height, visibility;
    transition-timing-function: ease;
}

.schools-finder-form .comment-form-author .gamma,
.schools-finder-form .comment-form-author .site-branding__name,
.schools-finder-form .comment-form-author .template-map .tabs>span,
.schools-finder-form .comment-form-comment .gamma,
.schools-finder-form .comment-form-comment .site-branding__name,
.schools-finder-form .comment-form-comment .template-map .tabs>span,
.schools-finder-form .comment-form-email .gamma,
.schools-finder-form .comment-form-email .site-branding__name,
.schools-finder-form .comment-form-email .template-map .tabs>span,
.schools-finder-form .comment-form-url .gamma,
.schools-finder-form .comment-form-url .site-branding__name,
.schools-finder-form .comment-form-url .template-map .tabs>span,
.schools-finder-form .form__group .gamma,
.schools-finder-form .form__group .site-branding__name,
.schools-finder-form .form__group .template-map .tabs>span,
.schools-finder-form .gfield .gamma,
.schools-finder-form .gfield .site-branding__name,
.schools-finder-form .gfield .template-map .tabs>span,
.template-map .schools-finder-form .comment-form-author .tabs>span,
.template-map .schools-finder-form .comment-form-comment .tabs>span,
.template-map .schools-finder-form .comment-form-email .tabs>span,
.template-map .schools-finder-form .comment-form-url .tabs>span,
.template-map .schools-finder-form .form__group .tabs>span,
.template-map .schools-finder-form .gfield .tabs>span {
    margin-bottom: 5px !important;
}

.comment-form .schools-finder-form input:not([type="submit"]),
.comment-form .schools-finder-form textarea,
.gfield .schools-finder-form input:not([type="checkbox"]):not([type="radio"]),
.gfield .schools-finder-form select,
.gfield .schools-finder-form textarea,
.schools-finder-form .comment-form input:not([type="submit"]),
.schools-finder-form .comment-form textarea,
.schools-finder-form .form__control,
.schools-finder-form .gfield input:not([type="checkbox"]):not([type="radio"]),
.schools-finder-form .gfield select,
.schools-finder-form .gfield textarea {
    border-radius: 3px;
    max-width: none !important;
    min-height: 37px;
}

.schools-finder-form .checkboxes {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.schools-finder-form .checkbox {
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.625rem;
    margin-right: 1.25rem;
    padding-left: 30px;
    position: relative;
    -ms-user-select: none;
    user-select: none;
}

.schools-finder-form .checkbox span.name {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding-top: 4px;
}

.schools-finder-form .checkbox input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}

.schools-finder-form .checkmark {
    background-color: #fff;
    border: 1px solid #464646;
    border-radius: 2px;
    height: 21px;
    left: 0;
    position: absolute;
    top: 0;
    width: 21px;
}

.schools-finder-form .checkmark:after {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    content: "";
    display: none;
    height: 10px;
    left: 7px;
    position: absolute;
    top: 3px;
    transform: rotate(45deg);
    width: 5px;
}

.schools-finder-form .checkbox:hover input~.checkmark {
    background-color: #eaeaea;
}

.schools-finder-form .checkbox input:checked~.checkmark {
    background-color: #586775;
    border: 1px solid #586775;
}

.schools-finder-form .checkbox input:checked~.checkmark:after {
    display: block;
}

.schools-finder-form .btn__group .btn,
.schools-finder-form .btn__group input[type="submit"] {
    margin: 0.625rem 1.875rem 0.625rem 0;
    text-transform: uppercase;
}

.ui-autocomplete li {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
}

.ui-autocomplete .ui-state-active {
    background-color: #586775 !important;
    border-color: #586775 !important;
}

.results {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 2.18182;
    margin-bottom: 0.625rem;
}

.schools-finder-wrap {
    position: relative;
}

@media only screen and (min-width: 801px) {
    .schools-finder-wrap.is-loading .schools-map:before {
        animation: addLoadingAnimation 0.3s ease-out forwards;
        background-color: hsla(0, 0%, 100%, 0.8);
        background-image: url(/drive/themes/makeafuture/assets/img/loading-spinner.gif);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 60px;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 5;
    }
}

.schools-cards-wrap {
    border: 1px solid #f3f8f7;
    border-right: 0;
    height: 780px;
    overflow-y: scroll;
    position: relative;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.schools-card {
    border-bottom: 6px solid #90bab4;
    cursor: pointer;
    padding: 2.25rem 1.875rem 1.875rem;
    scroll-snap-align: start;
}

.schools-card.highlight {
    background-color: #f3f8f7;
}

.schools-card h2 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.21429;
    margin-bottom: 1.25rem;
}

.schools-card ul {
    margin-bottom: 1.875rem;
    padding-left: 1rem;
    padding-top: 0.35rem;
}

.schools-card__district {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
}

.schools-map {
    display: none;
}

@media only screen and (min-width: 801px) {
    .schools-map {
        border: 1px solid #95969a;
        border-left: 0;
        display: block;
        height: 780px;
        width: 100%;
    }
}

.schools-map img {
    max-width: none;
}

.schools-map__no-results {
    background-color: #f3f8f7;
    border-bottom: 6px solid #90bab4;
    padding: 2.5rem 2.5rem 2.5rem 1.875rem;
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity 0.25s ease, visibility 0s ease 0.25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    color: #ccc;
    font-size: 13px;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image:before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing;
}

.fancybox-container [data-selectable="true"] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: 0) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    to {
        transform: rotate(1turn);
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1);
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: 0) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all 0.2s;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

.fancybox-thumbs {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-tap-highlight-color: transparent;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100px;
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
    opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1;
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

.fancybox-hide {
    display: none;
}

.fancybox-content {
    padding: 2.5rem;
}

.fancybox-content.card-popup {
    max-width: 960px;
}

.map-popup {
    max-width: 600px;
    padding: 0;
    width: 100%;
}

.map-popup h2 {
    margin: 0;
    padding: 1.875rem calc(1.875rem + 76px) 1.875rem 1.875rem;
}

.map-popup iframe {
    margin: 0;
}

.map-popup .fancybox-close-small {
    color: #586775;
    right: calc(1.875rem - 10px);
    top: 1.875rem;
}

.map-popup .fancybox-close-small:before {
    content: "Close";
    left: -30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.sticky {
    max-width: 1180px;
    padding-right: 2.5rem;
    position: fixed;
    top: 0;
    width: 100%;
}

@media only screen and (max-width: 800px) {
    .sticky {
        position: static;
    }
}

.sticky-sibling {
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 1251px) {
    #sticky-con {
        position: relative;
    }

    .make-sticky {
        top: 0;
    }

    .make-sticky>div {
        margin-top: 0;
    }

    .sticky-tab {
        position: fixed;
        top: 160px;
        width: 235px;
    }

    .template-region-detail .sticky-tab {
        top: 190px;
        width: 265px;
    }

    .sticky-tab.bottom {
        bottom: 0;
        position: absolute;
        top: auto;
    }

    .fixed {
        max-width: 210px;
        position: fixed;
    }

    .fixed.bottom {
        position: absolute;
    }
}

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    -webkit-backface-visibility: hidden;
    display: none;
}

.flexslider .slides img {
    display: block;
    width: 100%;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

.no-js .slides>li:first-child {
    display: block;
}

.slider,
.slides {
    position: relative;
}

.slider ol,
.slider ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.slider .slider-nav {
    margin-top: 1.25rem;
    text-align: center;
}

.slide {
    position: absolute;
    top: 0;
}

.slide:first-child {
    position: relative;
    z-index: 100;
}

.slide .slide__caption {
    display: none;
}

.slider-viewport .slide {
    position: static;
}

.slide__image {
    display: block;
}

.slide__caption {
    background: hsla(0, 0%, 100%, 0.5);
    bottom: 0;
    font-weight: 700;
    padding: 2.5rem;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}

.slider-nav__item {
    background: #fff;
    border: 1px solid #586775;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
}

.slider-nav__item.slider-active {
    background: #586775;
}

.slider-next,
.slider-prev {
    text-decoration: none;
}

.slider-next {
    right: 0;
}

.flex-carousel {
    min-height: 282px;
}

.flex-carousel>li {
    margin-right: 1.25rem;
}

.flex-carousel>li:last-child {
    margin-right: 0;
}

.flex-carousel>li>div {
    background: #fff;
    height: 282px;
    padding: 16px 1.25rem;
    position: relative;
}

.flex-carousel>li>div:after {
    background: #b5c952;
    bottom: 0;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 100%;
}

.flex-carousel>li p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.js-slider {
    position: relative;
}

.slider {
    margin-bottom: 3.75rem;
}

.flex-direction-nav,
.slider-direction-nav {
    position: absolute !important;
    right: 0;
    top: -70px;
    z-index: 99;
}

.flex-direction-nav li,
.slider-direction-nav li {
    float: left;
}

.flex-direction-nav a,
.slider-direction-nav a {
    background: #586775;
    color: #fff;
    display: block;
    font-family: icomoon;
    font-size: 32px;
    height: 54px;
    text-align: center;
    transition: opacity 0.15s ease-out;
    width: 54px;
}

.flex-direction-nav a span,
.slider-direction-nav a span {
    vertical-align: -4px;
}

#flex-carousel .flex-direction-nav a span,
#flex-carousel .slider-direction-nav a span {
    vertical-align: 0;
}

.flex-direction-nav a.flex-prev,
.flex-direction-nav a.slider-prev,
.slider-direction-nav a.flex-prev,
.slider-direction-nav a.slider-prev {
    background: #424d58;
}

.flex-direction-nav a:hover,
.slider-direction-nav a:hover {
    opacity: 0.8;
}

.slider-direction-nav {
    bottom: 0;
    top: auto;
    z-index: 99;
}

.slider-control-nav {
    position: absolute;
}

.single-independent_school .slider-control-nav,
.template-district-detail .slider-control-nav {
    display: none;
}

@media only screen and (max-width: 410px) {
    .home-carousel h2 {
        margin-bottom: 5rem;
    }
}

.image-slider {
    overflow: hidden;
}

.image-slider .container:not(.container--xs) {
    max-width: 800px;
}

.slider--full {
    margin: 0;
    position: relative;
}

.slider--full .slider-viewport {
    overflow: visible !important;
}

.slider--full .slide:not(.slider-active-slide) {
    opacity: 0.3;
}

.slider--full .js-img-fade {
    opacity: 1 !important;
}

.slider--full .slider-direction-nav {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.slider--full .slider-direction-nav a {
    background: #586775;
}

.slider--full .slider-direction-nav .slider-next {
    position: absolute;
    right: 0;
}

.template-map .tabs {
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 780px;
}

.tabs__nav {
    border-bottom: 1px solid #424d58;
    display: -ms-flexbox;
    display: flex;
}

[role="tab"] {
    background-color: #586775;
    border: 0;
    color: #fff;
    display: inline-block;
    margin-bottom: -1px;
    padding: 0.6rem 1.25rem;
}

[role="tab"].active {
    background-color: #424d58;
}

.tabs__items {
    background-color: #f3f8f7;
    padding: 1.875rem;
}

.tabs__item {
    display: none;
    position: absolute;
}

.tabs__item.active {
    display: block;
    position: relative;
}

.js .js-img-fade,
.js .js-img-slide-fade,
.js .js-slide-fade-top,
.js .js-slider-img,
.js .js-wp-editor-img {
    transition: all 0.6s ease-out;
}

.js .js-img-fade,
.js .js-slider-img,
.js .js-wp-editor-img {
    opacity: 0;
}

.js .js-img-fade.in,
.js .js-slider-img.in,
.js .js-wp-editor-img.in {
    opacity: 1;
}

.js .js-img-slide-fade {
    opacity: 0;
    transform: translateX(-5%);
}

.js .js-img-slide-fade.in {
    opacity: 1;
    transform: translateX(0);
}

.js .js-slide-fade-top {
    opacity: 0;
    transform: translateY(-5%);
}

.js .js-slide-fade-top.in {
    opacity: 1;
    transform: translateY(0);
}

html.js .left-in-children>div:not(.in) {
    left: 100% !important;
}

.cookie-consent__box {
    background: hsla(0, 0%, 100%, 0.95);
    border-radius: 3px;
    bottom: 2.5rem;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    max-width: calc(100% - 5rem);
    opacity: 0;
    padding: 2.5rem;
    position: fixed;
    right: 2.5rem;
    transition: all 0.6s ease-out;
    width: 400px;
    z-index: 1000;
}

.cookie-consent__box.consent-given {
    pointer-events: none;
    visibility: hidden;
}

.site-header {
    background: #fff;
    position: relative;
    z-index: 600;
}


@media only screen and (max-width: 1020px) {
    .site-header {
        border-bottom: 5px solid #90bab4;
    }

    .parent-pageid-122 .site-header,
    .parent-pageid-171 .site-header,
    .parent-pageid-350 .site-header,
    .parent-pageid-78 .site-header,
    .template-careers-content .site-header {
        border: 0;
    }
}

.site-header--fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 600;
}

.site-header__toggle {
    display: none;
    margin-left: 1.25rem;
    margin-top: 1rem;
}

@media only screen and (max-width: 1200px) {
    .site-header__toggle {
        display: inline-block;
    }
}

@media only screen and (max-width: 1250px) {
    [lang="fr-FR"] .site-header__toggle {
        display: inline-block;
    }
}

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

    .site-nav,
    .site-nav-mobile,
    .site-subnav,
    .site-util {
        float: none;
    }
}

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

    [lang="fr-FR"] .site-nav,
    [lang="fr-FR"] .site-nav-mobile,
    [lang="fr-FR"] .site-subnav,
    [lang="fr-FR"] .site-util {
        float: none;
    }
}

.site-nav ul,
.site-nav-mobile ul,
.site-subnav ul,
.site-util ul {
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
}

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

    .site-nav ul,
    .site-nav-mobile ul,
    .site-subnav ul,
    .site-util ul {
        width: 100%;
    }
}

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

    [lang="fr-FR"] .site-nav ul,
    [lang="fr-FR"] .site-nav-mobile ul,
    [lang="fr-FR"] .site-subnav ul,
    [lang="fr-FR"] .site-util ul {
        width: 100%;
    }
}

.site-nav li,
.site-nav-mobile li,
.site-subnav li,
.site-util li {
    display: inline-block;
}

.site-nav li li,
.site-nav-mobile li li,
.site-subnav li li,
.site-util li li {
    display: block;
}

@media only screen and (max-width: 1200px) {
    .main-nav {
        float: right;
    }

    .site-util {
        float: left;
    }

    .site-util>.container {
        padding-right: 0;
        padding-left: 1.25rem;
    }
}

@media only screen and (max-width: 1250px) {
    [lang="fr-FR"] .main-nav {
        float: right;
    }

    [lang="fr-FR"] .site-util {
        float: left;
    }

    [lang="fr-FR"] .site-util>.container {
        padding-right: 0;
    }
}

.site-nav__cta {
    margin-top: -3px;
}

.site-nav__menu,
.site-subnav__menu,
.site-util__menu {
    display: inline-block;
}

.site-nav__menu a:not(.goog-te-menu-value),
.site-subnav__menu a:not(.goog-te-menu-value),
.site-util__menu a:not(.goog-te-menu-value) {
    color: #586775;
    display: inline-block;
    line-height: 1.2;
    text-decoration: none;
    width: 100%;
}

.site-nav__menu a:not(.goog-te-menu-value):focus,
.site-nav__menu a:not(.goog-te-menu-value):hover,
.site-subnav__menu a:not(.goog-te-menu-value):focus,
.site-subnav__menu a:not(.goog-te-menu-value):hover,
.site-util__menu a:not(.goog-te-menu-value):focus,
.site-util__menu a:not(.goog-te-menu-value):hover {
    text-decoration: underline;
}

.site-nav__menu ul.sub-menu,
.site-subnav__menu ul.sub-menu,
.site-util__menu ul.sub-menu {
    background: #90bab4;
    padding-bottom: 0.625rem;
    padding-top: 0.625rem;
}

.site-nav__menu ul.sub-menu li:not(.menu-item--static) a:hover,
.site-subnav__menu ul.sub-menu li:not(.menu-item--static) a:hover,
.site-util__menu ul.sub-menu li:not(.menu-item--static) a:hover {
    text-decoration: underline;
}

.site-nav__menu ul.sub-menu a,
.site-subnav__menu ul.sub-menu a,
.site-util__menu ul.sub-menu a {
    text-align: left !important;
}

.site-nav__menu ul.sub-menu.sub-menu li a,
.site-subnav__menu ul.sub-menu.sub-menu li a,
.site-util__menu ul.sub-menu.sub-menu li a {
    color: #fff;
    font-weight: 400;
    padding: 0.625rem 1.25rem;
    text-transform: none;
}

.site-nav {
    width: 100%;
}

.site-nav__menu {
    -ms-flex-pack: distribute;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}

.site-nav__menu>li {
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: center;
}

.site-nav__menu .menu-item-has-children:hover>a {
    background: #90bab4;
    color: #fff;
}

.site-nav__menu .menu-item a {
    color: #586775;
    display: block;
    font-weight: 700;
    padding: 10px 1.25rem;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.site-nav__menu .menu-item a:focus,
.site-nav__menu .menu-item a:hover {
    background: #90bab4;
    color: #fff;
    text-decoration: none;
}

.site-nav__menu .current-page-ancestor>a,
.site-nav__menu .current_page_item>a {
    background: #90bab4;
    color: #fff;
}

.site-nav__menu .menu-item--split .sub-menu {
    -ms-grid-columns: 1fr 1fr;
    display: -ms-grid;
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-width: 395px;
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important;
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .site-nav__menu .menu-item--split .sub-menu {
        min-width: 0;
    }
}

.site-nav__menu .menu-item--split .tertiary-menu li:last-child>a {
    padding-bottom: 0;
}

.site-nav__menu .menu-item--split .tertiary-menu a:hover {
    text-decoration: underline;
}

.site-nav__menu .menu-item--static>a {
    cursor: default;
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    padding-top: 0 !important;
}

.site-nav__menu .menu-item--static:first-child {
    position: relative;
}

.site-nav__menu .menu-item--static:first-child:before {
    background-color: #fff;
    content: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .site-nav__menu .menu-item--static:first-child:before {
        display: none;
    }
}

.site-nav__menu .menu-item--school-type>a {
    padding-top: 0 !important;
}

@media (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .site-nav__menu .menu-item--school-type>a {
        padding-top: 0.625rem !important;
    }
}

.dinner-menu__inner {
    background: #fff;
}

.dinner-menu__inner .site-nav__cta {
    margin: 1.25rem;
}

.site-nav-mobile__menu {
    background: #fff;
}

.site-nav-mobile__menu li {
    display: block;
}

.site-nav-mobile__menu li ul a {
    font-size: 90%;
    padding: 0.875rem 2.5rem;
}

.site-nav-mobile__menu>li {
    border-bottom: 1px solid #cfe1df;
}

.site-nav-mobile__menu a {
    color: #464646;
    display: block;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.site-nav-mobile__menu a:focus-visible {
    background: #90bab4;
    color: #fff;
}

.site-nav-mobile__menu .menu-item--split .sub-menu>li>a {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    padding: 0.875rem 1.25rem;
}

.site-nav-mobile__menu .menu-item--split .sub-menu li a {
    text-transform: none;
}

.site-nav-mobile__menu li:last-child {
    border: none;
    margin-bottom: 10px;
}

.site-nav-mobile__menu.small-items li {
    border: 0;
}

.site-nav-mobile__menu.small-items li a {
    background: #fff;
    color: #464646;
    padding: 0.5rem 1.25rem;
    text-transform: none;
}

.site-nav-mobile__menu.small-items li a:hover {
    background: #424d58;
    color: #fff;
}

.site-nav-mobile__menu li:not(.external) i {
    color: #464646;
}

.site-nav-mobile__menu a,
.site-nav-mobile__menu i {
    padding: 1.25rem;
}

.site-nav-mobile__menu .external i {
    display: inline;
    padding: 0;
    position: relative;
    top: 2px;
    vertical-align: top;
}

.site-nav-mobile__menu .menu-item-has-children>a,
.site-nav-mobile__menu i {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.site-nav-mobile__menu .current-page-ancestor i,
.site-nav-mobile__menu .current-page-ancestor>a,
.site-nav-mobile__menu .current_page_item i,
.site-nav-mobile__menu .current_page_item>a {
    background: #90bab4;
    color: #fff !important;
}

.site-nav-mobile__menu .sub-menu,
.site-nav-mobile__menu .sub-menu.collapse {
    display: none;
}

.site-nav-mobile__menu .sub-menu.collapse.in {
    display: block;
    visibility: visible;
}

.site-nav-mobile__menu .sub-menu li:last-child {
    margin-bottom: 1rem;
}

.site-nav-mobile__menu .sub-menu.is-expanded {
    display: block;
}

.site-nav-mobile__menu .sub-menu a {
    padding: 0.5rem 2.5rem;
}

.site-nav-mobile__menu .tertiary-menu {
    padding-left: 2.5rem;
}

.site-nav-mobile .site-search {
    float: left;
    margin-left: 1.25rem !important;
    margin-top: 1.25rem !important;
}

.site-nav-mobile .site-search input {
    width: 200px;
}

.site-subnav__menu a {
    padding: 1.25rem 1.25rem 1.25rem 0;
}

@media only screen and (min-width: 1021px) {
    body.scrolled .site-util {
        height: 54px;
        overflow: hidden;
    }

    body.scrolled .site-util .site-util__menu a {
        margin-bottom: 0;
        margin-top: 0;
        padding: 10px 1.25rem;
    }



    body.scrolled .site-branding {
        background: url(https://www.makeafuture.ca/drive/themes/makeafuture/assets/img/logo-scrolled.svg) 0 0 no-repeat;
        height: 40px;
        margin-top: 7px;
        width: 40px;
    }

    body.scrolled .site-branding img {
        display: none;
    }
}

.site-util__menu {
    margin-right: 0.875rem;
    margin-top: 6px;
}

.site-util__menu a:not(.goog-te-menu-value) {
    margin-bottom: 1.875rem;
    margin-top: 1.875rem;
    padding: 0.625rem 1rem;
}

@media only screen and (max-width: 1250px) {
    .site-util__menu a:not(.goog-te-menu-value) {
        padding: 0.625rem;
    }
}

.site-util__menu .current-menu-item a {
    color: #424d58;
}

@media only screen and (min-width: 1101px) {
    .site-util__menu .menu-item-611 a {
        border-left: 1px solid #e8e8e8;
        padding-left: 1.42857rem;
    }
}

@media only screen and (min-width: 1201px) {
    .site-util__menu .menu-item--lang {
        margin-right: 5px;
    }
}

.site-util__menu .external i {
    position: relative;
    right: -4px;
    top: 1px;
}

#google_translate_element {
    float: right;
}

@media only screen and (max-width: 1200px) {
    #google_translate_element {
        float: none;
        text-align: center;
    }
}

.goog-te-gadget img {
    display: inline;
}

.site-nav-mobile .site-search {
    display: block;
    margin: 5rem 2.5rem 0;
}

.site-search__input {
    margin: 0;
    padding-right: 1.5em;
}

.site-search__submit {
    color: #464646;
    height: 2.5rem;
    padding-right: 0.5em;
    position: absolute;
    right: 0;
    top: 0;
}

.site-search__submit:hover {
    color: #535353;
}

.site-nav-mobile button,
.site-util button {
    color: #586775;
    height: 100%;
    position: absolute;
    right: 0;
}

.site-nav__cta,
.site-search {
    display: inline-block;
    margin-top: -2px;
}

.site-search {
    font-size: 16px;
    font-size: 1rem;
    margin-right: 1em;
    position: relative;
    vertical-align: middle;
}

.site-search input {
    border-radius: 4px;
    color: #666;
    float: right;
    height: auto;
    padding: 7px 30px 6px 8px;
    width: 180px;
}

@media only screen and (max-width: 1120px) {
    .site-search input {
        width: 120px;
    }
}

@media only screen and (max-width: 640px) {
    .site-search {
        margin-top: 1.25rem;
    }
}



.site-footer a:not(.btn):not(input[type="submit"]),
.site-sub-footer a:not(.btn):not(input[type="submit"]) {
    text-decoration: none;
}

.site-footer a:not(.btn):not(input[type="submit"]):focus,
.site-footer a:not(.btn):not(input[type="submit"]):hover,
.site-sub-footer a:not(.btn):not(input[type="submit"]):focus,
.site-sub-footer a:not(.btn):not(input[type="submit"]):hover {
    color: #ffe443;
}

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

    .site-footer .grid__item,
    .site-sub-footer .grid__item {
        text-align: center !important;
    }

    body.makeafuture,
    body.makeafuture.unregistered {
        margin-top: 85px;
    }
}

.site-footer {
    background-color: #586775;
    padding: 3.75rem 0 7.5rem;
    position: relative;
}

.site-footer ul li {
    list-style: none;
}

.site-footer h4,
.site-footer ul li a {
    color: #fff;
}

@media only screen and (min-width: 801px) {
    .site-footer {
        padding-bottom: 5rem;
    }
}

.site-footer .nav:not(.nav--inline) li {
    display: block;
    margin-bottom: 0.25rem;
}

.site-footer__mailing-list {
    display: inline-block;
    width: 100%;
}

.site-sub-footer {
    background-color: #586775;
    border-top: 1px solid #fff;
    padding: 0.625rem 0;
}

.site-sub-footer * {
    font-size: 13px;
    font-size: 0.8125rem;
}

.site-sub-footer .grid--flex {
    -ms-flex-pack: justify;
    justify-content: space-between;
}

a.to-top {
    font-size: 15px;
    height: 58px;
    left: 50%;
    line-height: 1;
    margin-left: -60px;
    overflow: hidden;
    padding-top: 2px;
    text-align: center;
    top: -58px;
    z-index: 499;
}

a.to-top,
a.to-top span {
    display: block;
    position: absolute;
    width: 120px;
}

a.to-top span {
    background: #586775;
    border-radius: 50%;
    color: #fff;
    height: 120px;
    padding-top: 6px;
}

a.to-top i {
    color: #fff;
    display: block;
    font-size: 20px;
    margin-bottom: 2px;
    text-align: center;
}

body,
html {
    height: 100%;
}

body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.page-wrap {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    width: 100%;
}

.page-content {
    padding-bottom: calc(58px + 5.625rem);
    padding-top: 10rem;
}

.template-region-detail .page-content {
    padding-top: 1.875rem;
}

.single-school .page-content {
    padding-bottom: 0;
}

.single-independent_school .page-content,
.template-careers-content:not(.search-results) .page-content,
.template-content .page-content,
.template-content-sidebar .page-content,
.template-district-detail .page-content,
.template-region-offshore .page-content {
    padding: 0;
}

.single-independent_school .page-content .grey-to-right,
.template-careers-content:not(.search-results) .page-content .grey-to-right,
.template-content .page-content .grey-to-right,
.template-content-sidebar .page-content .grey-to-right,
.template-district-detail .page-content .grey-to-right,
.template-region-offshore .page-content .grey-to-right {
    padding-bottom: 11.25rem;
}

.template-region-offshore .slider-control-paging {
    display: none;
}

.template-career-overview .page-content ul:not(.subpages__list) {
    display: inline-block;
    text-align: left;
}

.search-results h2 a {
    color: #586775;
}

.search-results h2 a:hover {
    color: #424d58;
}

.sidebar ul {
    list-style: none;
    padding: 0;
}

.sidebar-layout article,
.sidebar-layout header,
.sidebar-layout section,
.sidebar__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
}

.content-section {
    margin-bottom: 5.625rem;
}

@media only screen and (max-width: 640px) {
    .content-section {
        margin-bottom: 3.75rem;
    }
}

.content-section p:last-child,
body:not(.single-school) .content-section:last-child {
    margin-bottom: 0;
}

.content-section--light-grey {
    background-color: #f3f8f7;
    padding: 5.625rem 0;
}

@media only screen and (max-width: 640px) {
    .content-section--light-grey {
        padding: 2.5rem 0;
    }
}

.content-editor p:last-child,
.entry-header p:last-child,
.intro p:last-child {
    margin-bottom: 0;
}

.content-editor {
    margin-bottom: 3.75rem;
}

body:not(.search-results) .entry-header {
    margin-bottom: 5.625rem;
}

.widget li {
    padding-bottom: 0.5em;
}

.widget li:last-child {
    padding-bottom: 0;
}

.widget_page_navigation a,
.widget_pages a {
    display: block;
    padding: 0.5em 0;
}

.widget_page_navigation .children,
.widget_pages .children {
    margin: 0 0 0 1.25rem;
}

@media only screen and (max-width: 800px) {
    article {
        overflow-x: hidden;
    }
}

.margin-top {
    margin-top: 3.75rem;
}

.margin-bottom {
    margin-bottom: 3.75rem;
}

.margin-bottom-small {
    margin-bottom: 2.5rem;
}

.padding-top {
    padding-top: 3.75rem;
}

.padding-bottom {
    padding-bottom: 3.75rem;
}

.padding-top-small {
    padding-top: 2.5rem;
}

.padding-top-tiny {
    padding-top: 1.875rem;
}

.padding-bottom-small {
    padding-bottom: 2.5rem;
}

.relative {
    position: relative;
}

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

section.intro p {
    color: #464646;
    margin-left: auto;
    margin-right: auto;
    max-width: 1060px;
}

.z9 {
    z-index: 9;
}

.z10 {
    z-index: 10;
}

.overflow-hidden {
    overflow: hidden;
}

.border-around {
    border: 1px solid #e8e8e8;
}

@media only screen and (max-width: 1020px) {
    .lg-overflow-hidden {
        overflow: hidden;
    }
}

.margin-top-huge {
    margin-top: 7.125rem;
}

.max-article-content {
    max-width: 800px;
}

#twitter-widget-0 {
    margin: 0;
}

.small-text a,
.small-text p,
.small-text span {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375;
}

.small-text p {
    color: #464646;
}

@media only screen and (max-width: 1020px) {
    .sidebar-text {
        margin-top: 3.75rem;
    }
}

.sidebar-text a,
.sidebar-text p,
.sidebar-text span {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

.sidebar-text .btn,
.sidebar-text input[type="submit"] {
    padding-left: 0.8em;
    padding-right: 0.8em;
    text-transform: none;
}

.home-positions .md-one-half {
    margin-bottom: 1.875rem;
}

.home-news__grid {
    -ms-flex-pack: justify;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home-news__grid:after {
    display: none !important;
}

.home .logo-grid .container {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 4.78125rem;
}

.home .logo-grid .grid--flex {
    -ms-flex-align: center;
    align-items: center;
}

.home .logo-grid img {
    max-height: 150px;
    width: auto;
}

@media only screen and (max-width: 640px) {
    .home .logo-grid .grid__item:not(:last-child) img {
        margin-bottom: 1.875rem;
    }
}

.home .three-col-cards,
.home .two-col-cards {
    margin-bottom: 4rem;
}

.home .posts-feed {
    padding-bottom: 4rem;
}

.home .posts-feed .btn,
.home .posts-feed input[type="submit"] {
    display: table;
    margin: 2.25rem auto 1.625rem;
}

@media only screen and (max-width: 640px) {
    .home .posts-feed {
        padding-bottom: 0.875rem;
    }
}

.job-openings {
    margin-bottom: 3.75rem;
}

.job-openings .container {
    max-width: 980px;
}

@media only screen and (max-width: 800px) {
    .job-openings .grid {
        text-align: center;
    }

    .job-openings .grid__item:last-child a.arrow-link {
        margin-bottom: 0 !important;
    }

    .job-openings a.arrow-link {
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 1.875rem;
    }
}

.job-openings ul {
    margin-bottom: 1.875rem;
}

.job-openings ul li:not(:last-child) {
    margin-bottom: 0.875rem;
}

.job-openings ul li a {
    text-decoration: underline;
}

.spacer {
    border-top: 1px solid #e8e8e8;
    padding-top: 2.5rem;
}

.email__signup {
    background: #424d58;
    max-width: 350px;
    padding: 1.75rem;
}

.email__signup p {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
}

.newsletter-signup__inner {
    background-color: #586775;
    padding: 3.75rem;
}

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

    .newsletter-signup__inner .btn,
    .newsletter-signup__inner input[type="submit"] {
        margin-top: 1.875rem;
    }
}

@media only screen and (min-width: 801px) {
    .newsletter-signup__inner {
        -ms-flex-align: center;
        -ms-flex-pack: justify;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
}

.newsletter-signup__inner * {
    color: #fff;
}

.newsletter-signup__inner h2 {
    margin-bottom: 0.83333rem;
}

.newsletter-signup__content {
    max-width: 520px;
}

@media only screen and (min-width: 801px) {
    .newsletter-signup__content {
        padding-right: 2.5rem;
    }
}

.image-text-overlay {
    background: #fff;
    padding: 3.75rem 3.75rem 3.125rem;
}

@media only screen and (max-width: 480px) {
    .image-text-overlay {
        padding: 2.5rem 1.25rem 1.25rem;
    }
}

.image-text-overlay p {
    color: #464646;
}

.featured-logo {
    position: absolute;
    right: 2.5rem;
    top: 1.25rem;
}

.home .featured-logo {
    max-height: 120px;
    max-width: 110px;
}

@media only screen and (max-width: 480px) {
    .home .featured-logo {
        display: block;
        margin-bottom: 10px;
        position: static;
        right: auto;
        top: 0;
    }
}

.link-list {
    border: 1px solid #e8e8e8;
}

.link-list h2,
.link-list h3,
.link-list p {
    margin-bottom: 0.625rem;
}

.link-list .inner {
    min-height: 310px;
    padding: 1.875rem;
}

@media only screen and (min-width: 801px) and (max-width: 1020px) {
    .link-list .inner {
        min-height: 350px;
    }
}

@media only screen and (min-width: 641px) and (max-width: 740px) {
    .link-list .inner {
        min-height: 350px;
    }
}

.link-list .grid__item {
    border-right: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}

body.page-id-18 .link-list .grid__item:first-child {
    border-right: none;
}

@media only screen and (min-width: 801px) {
    .link-list .grid__item:nth-child(4) .inner {
        border-top: 1px solid #e8e8e8;
    }

    .link-list .grid__item:nth-child(3n + 3) {
        border-right: none;
    }

    .link-list .grid__item:nth-child(2),
    .link-list .grid__item:nth-child(3),
    .link-list .grid__item:nth-child(3n + 1) {
        border-top: none;
    }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {

    .link-list .grid__item:nth-child(3) .inner,
    .link-list .grid__item:nth-child(5) .inner {
        border-top: 1px solid #e8e8e8;
    }

    .link-list .grid__item:nth-child(2n + 2) {
        border-right: none;
    }

    .link-list .grid__item:nth-child(2),
    .link-list .grid__item:nth-child(odd) {
        border-top: none;
    }
}

@media only screen and (max-width: 640px) {
    .link-list .grid__item {
        border: 0;
    }

    .link-list .grid__item .inner {
        border: 0;
        border-top: 1px solid #e8e8e8;
        min-height: auto;
    }

    .link-list .grid__item:first-child .inner {
        border-top: 0;
    }

    .link-list .grid__item .image-inside.inner {
        border: none;
        padding-bottom: 60%;
    }
}

.bg-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.with-angle i {
    margin-left: 2px;
    transition: margin 0.15s ease-out;
}

.with-angle:hover i {
    margin-left: 6px;
}

.with-angle i:before {
    vertical-align: -1px;
}

.subpages__list {
    list-style: none;
    margin: 0 0 1.25rem;
    padding: 0;
}

.subpages__list a {
    border: 1px solid #e8e8e8;
    border-top: 0;
    display: block;
    margin: 0;
    padding: 1.875rem 1.875rem 1.625rem;
    text-decoration: none;
}

.subpages__list li:first-child a {
    border-top: 1px solid #e8e8e8;
}

.grey-to-right {
    min-height: 380px;
}

@media only screen and (min-width: 1021px) {
    .grey-to-right:after {
        background: #f3f8f7;
        content: "";
        height: 100%;
        left: 0;
        left: -200%;
        position: absolute;
        top: 0;
        width: 100%;
        width: 200%;
    }
}

.grey-to-right>.inner {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
}

@media only screen and (max-width: 1020px) {
    .grey-to-right>.inner {
        padding-left: 0;
        padding-right: 0;
    }
}

.single-independent_school .grey-to-right>.inner,
.template-district-detail .grey-to-right>.inner {
    padding-right: 0;
}

.extra-block {
    border-left: 1px solid #f3f8f7;
}

@media only screen and (max-width: 1020px) {
    .extra-block {
        border: none;
        padding-left: 5rem;
        padding-top: 5rem;
    }
}

@media only screen and (max-width: 800px) {
    .extra-block {
        padding-left: 1.25rem;
    }
}

.link-listing a {
    text-decoration: none;
}

.link-listing ul {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
}

.link-listing ul li {
    line-height: 1.2;
    margin-bottom: 0.5em;
}

.link-listing ul a:not(:hover) {
    color: #999;
}

.link-listing ul .active a,
.link-listing ul .active__district>a {
    color: #424d58;
}

.link-listing ul.side-menu>li>a {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
}

.link-listing ul.sub-side-menu {
    margin-top: 0.5em;
    padding-left: 1em;
}

@media only screen and (max-width: 1020px) {
    .link-list-collapse {
        background: #f3f8f7;
        border-bottom: 5px solid #586775;
        padding-bottom: 0;
        padding-top: 10px;
        position: absolute;
    }

    .link-list-collapse+div {
        padding-top: 5rem;
    }

    .template-careers-content .link-list-collapse+div {
        padding-top: 1.25rem;
    }
}

@media only screen and (max-width: 1020px) and (max-width: 1020px) {
    .template-careers-content .link-list-collapse+div {
        padding-top: 3.75rem;
    }
}

@media only screen and (max-width: 1020px) {
    .link-list-collapse .toggle:not(.show) {
        display: none;
    }

    .link-list-collapse .toggle {
        padding: 12px 0;
    }

    .link-list-collapse h3 {
        margin-bottom: 8px;
    }

    .link-list-collapse:after {
        left: 0;
        left: -100%;
    }

    .link-list-collapse:after,
    .link-list-collapse:before {
        background: #f3f8f7;
        border-bottom: 5px solid #586775;
        content: "";
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .link-list-collapse:before {
        left: 0;
        left: 100%;
    }

    .link-list-collapse h3>span {
        height: 16px;
        margin-right: 6px;
        margin-top: 5px;
        width: 16px;
    }

    .link-list-collapse h3>span span {
        background: #586775;
        border-radius: 1px;
        display: block;
        height: 3px;
        width: 16px;
    }

    .link-list-collapse h3>span span+span {
        margin-top: 2px;
    }
}

aside.link-listing {
    padding-right: 0;
}

@media only screen and (min-width: 1251px) {
    aside.link-listing {
        padding-left: 2.5rem;
    }
}

aside.link-listing .inner {
    border-top: 0;
    box-shadow: 0 -5px 0 #424d58;
    margin-top: 5px;
    padding: 1.5rem 1.25rem 0.625rem;
}

aside.link-listing .inner h2 {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 1em;
}

aside.link-listing .inner a {
    word-wrap: break-word;
    color: #586775;
}

aside.link-listing .inner a:focus,
aside.link-listing .inner a:hover {
    color: #424d58;
}

.icon-arrow-circle-left:before {
    vertical-align: -1px;
}

.gmap {
    margin-bottom: 2.5rem;
}

.headline-with-logo,
.headline-with-logo>* {
    vertical-align: middle;
}

.headline-with-logo img {
    border: 1px solid #e8e8e8;
    display: inline-block;
    margin: 0 2.5rem 0 0;
}

.headline-with-logo .headline {
    display: inline-block;
}

.headline-with-logo .headline h1 {
    margin-bottom: 8px;
}

.headline-with-logo .headline h2 {
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 0;
}

.blue-links ul li a:not(:hover) {
    color: #586775;
}

.blue-links h5 {
    margin-bottom: 1em;
    text-transform: uppercase;
}

.form-desc {
    margin-bottom: 5rem;
    max-width: 400px;
}

.form-con .gform_wrapper {
    margin: 0;
}

@media only screen and (min-width: 801px) and (max-width: 1020px) {
    .form-con .gform_wrapper {
        padding-left: 2.5rem;
    }
}

@media only screen and (min-width: 801px) {
    .form-con .gform_wrapper {
        border-left: 1px solid #e8e8e8;
        padding-left: 7.5rem;
    }
}

.page-id-604 .content-section ul {
    margin: 0 0 2.5rem;
    padding-left: 1.25rem;
}

.page-id-604 .content-section li {
    padding: 6px;
}

.page-id-604 article {
    max-width: 640px;
}

.page-id-604 .accordion_item_content ul {
    list-style: none;
    padding-left: 0;
}

.page-id-604 .accordion_item_content li {
    font-size: 16px;
    font-size: 1rem;
    padding-bottom: 2px;
    padding-top: 2px;
}

@media only screen and (max-width: 1250px) {
    .xl-only {
        display: none;
    }
}

@media only screen and (min-width: 641px) {
    .sm-only {
        display: none;
    }
}

@media only screen and (min-width: 801px) {
    .md-only {
        display: none;
    }
}

@media only screen and (min-width: 1021px) {
    .lg-only {
        display: none;
    }
}

.fb-like span {
    margin-right: -375px;
    overflow: visible !important;
    width: 450px !important;
}

.dataTables_wrapper {
    padding-bottom: 0;
}

main .searchform {
    clear: both;
    margin-top: 7.5rem;
}

.template-login .entry-header {
    margin-bottom: 3.75rem !important;
}

.template-login .content-section {
    margin-bottom: 2.5rem;
}

.template-login .content-section--content_editor>*> :last-child,
.template-login .content-section--content_editor> :last-child {
    margin-bottom: 0;
}

.template-login .content-section--accordion>h2 {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 1.09524;
    padding-top: 0;
}

.tab-con {
    border: 1px solid #e8e8e8;
}

.tab:not(.show) {
    display: none;
}

.region__item {
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    display: block;
    min-height: 82px;
    padding: 1rem 2.5rem 0.625rem 1.25rem;
}

.region__item:first-child {
    border-top: 0;
}

.region__item:last-child {
    background: #b5c952;
}

.region__item:last-child * {
    color: #fff;
}

.region__item:last-child h2 {
    padding-top: 12px;
}

.region__item:last-child:hover {
    background: #586775;
}

@media only screen and (max-width: 800px) {
    .region__item {
        border-left: none;
    }

    .region__item:first-child {
        border-top: 1px solid #e8e8e8;
    }
}

.region__item h2,
.region__item p {
    color: #586775;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 96%;
}

.region__item p {
    color: #464646;
    font-size: 16px;
    font-size: 1rem;
}

@media only screen and (max-width: 1020px) {
    .region__item i {
        right: 1.25rem;
    }
}

.image-con {
    height: 100%;
    padding: 1.25rem 1.25rem 1.25rem 2.5rem;
    position: absolute;
}

.image-con .bg-image {
    background-size: 100% auto;
}

.image-con .inner {
    height: 100%;
    width: 100%;
}

@media only screen and (max-width: 800px) {
    .image-con {
        position: static;
    }

    .image-con .inner {
        height: 0;
        padding-bottom: 100%;
        position: relative;
    }

    .image-con .bg-image {
        position: absolute;
    }
}

ul.job-listing-style {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.job-listing-style li {
    margin-bottom: 2px;
}

ul.job-listing-style li:last-child {
    margin-bottom: 0;
}

ul.job-listing-style a {
    background: #e8e8e8;
    display: block;
    padding: 0.5em 1em 0.4em;
    position: relative;
}

ul.job-listing-style a:hover {
    background: #586775;
    color: #fff !important;
}

ul.job-listing-style a:hover * {
    color: #fff !important;
}

ul.job-listing-style i {
    font-size: 28px;
    margin-top: -14px;
    position: absolute;
    right: 1.875rem;
    right: 1.25rem;
    top: 50%;
}

@media only screen and (min-width: 481px) and (max-width: 800px) {
    .job-table .link-listing {
        border-right: 1px solid #e8e8e8;
    }
}

@media only screen and (min-width: 481px) {
    .apply-district .inner {
        padding-left: 1.25rem;
    }
}

.glance-list .inner {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 0 2.5rem;
}

@media only screen and (max-width: 800px) {
    .glance-list .inner {
        border: none;
        padding: 0;
    }
}

.district__details {
    border-bottom: 5px solid #e8e8e8;
}

.district__details .grid__item.right-bigger-md .inner {
    padding-right: 1.25rem;
}

@media only screen and (min-width: 801px) {
    .district__details .grid__item.right-bigger-md {
        float: right;
    }

    .district__details .grid__item.right-bigger-md .inner {
        padding-left: 1.25rem;
        padding-right: 0;
    }
}

@media only screen and (min-width: 641px) {
    .bottom-links>div {
        padding-right: 2.5rem;
    }
}

@media only screen and (min-width: 481px) {
    .bottom-links>div:first-child {
        border-right: 1px solid #e8e8e8;
    }
}

@media only screen and (min-width: 641px) {
    .bottom-links .inner {
        padding-left: 2.5rem;
    }
}

.district__social {
    list-style: none;
    margin: 1em 0;
    padding: 0;
}

.district__social li {
    float: left;
    margin-right: 10px;
}

.district__social li a {
    background: #e8e8e8;
    border-radius: 2px;
    color: #3b5998;
    display: block;
    height: 40px;
    line-height: 40px;
    padding-top: 2px;
    text-align: center;
    width: 40px;
}

.district__social li a:hover {
    opacity: 0.8;
}

.district__social li a.twitter {
    color: #5ea9dd;
}

.district__social li a.youtube {
    color: #d82a27;
}

@media only screen and (min-width: 1021px) {
    .four-fifths.lg-one-whole .inner {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .four-fifths.lg-one-whole .inner--left {
        padding-left: 2.5rem;
    }
}

.template-regions-districts #offshore_school_regions ul {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .template-regions-districts .img-wrap {
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 1251px) {

    .single-independent_school .xl-one-whole,
    .template-district-detail .xl-one-whole,
    .template-region-offshore .xl-one-whole {
        padding-right: 1.25rem;
    }
}

.single-independent_school #offshore_school_regions ul,
.template-district-detail #offshore_school_regions ul,
.template-region-offshore #offshore_school_regions ul {
    display: none;
}

.single-independent_school .slider_page_number,
.template-district-detail .slider_page_number,
.template-region-offshore .slider_page_number {
    background: hsla(0, 0%, 78%, 0.7);
    color: #fff;
    font-size: 32px;
    overflow: hidden;
    padding-left: 0;
    position: relative;
    text-align: center;
    width: 150px;
}

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

    .single-independent_school .slider_page_number,
    .template-district-detail .slider_page_number,
    .template-region-offshore .slider_page_number {
        display: none;
    }

    .page-content {

        padding-top: 5rem;
    }
}

.single-independent_school .current__jobs li,
.template-district-detail .current__jobs li,
.template-region-offshore .current__jobs li {
    display: none;
}

.single-independent_school .current__jobs .current__jobs_more,
.template-district-detail .current__jobs .current__jobs_more,
.template-region-offshore .current__jobs .current__jobs_more {
    background: #b5c952;
    color: #fff;
    cursor: pointer;
    padding: 8px 0;
    text-align: center;
}

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

    .single-independent_school .img-wrap,
    .template-district-detail .img-wrap,
    .template-region-offshore .img-wrap {
        max-width: 100% !important;
    }

    .page-content {

        padding-top: 5rem;
    }

}

.single-independent_school .content-section--content_editor .overview_area ul li:before,
.template-district-detail .content-section--content_editor .overview_area ul li:before,
.template-region-offshore .content-section--content_editor .overview_area ul li:before {
    content: "✔";
    margin-left: -1em;
    margin-right: 1.25rem;
}

.single-independent_school .content-section--content_editor .overview_area ul li,
.template-district-detail .content-section--content_editor .overview_area ul li,
.template-region-offshore .content-section--content_editor .overview_area ul li {
    list-style-type: none;
}

.single-independent_school .slider-active-slide,
.template-district-detail .slider-active-slide,
.template-region-offshore .slider-active-slide {
    margin: 0 1px;
}

.single-independent_school ol.list_of_school,
.template-district-detail ol.list_of_school,
.template-region-offshore ol.list_of_school {
    counter-reset: numList;
    display: block;
    padding: 0;
}

.single-independent_school ol.list_of_school li:before,
.template-district-detail ol.list_of_school li:before,
.template-region-offshore ol.list_of_school li:before {
    background: #b5c952;
    border-radius: 999px;
    color: #fff;
    content: counter(numList);
    counter-increment: numList;
    float: left;
    font-size: 0.8em;
    height: 18px;
    left: -1.25rem;
    line-height: 18px;
    position: relative;
    text-align: center;
    top: 5px;
    width: 18px;
}

.single-independent_school ol.list_of_school li,
.template-district-detail ol.list_of_school li,
.template-region-offshore ol.list_of_school li {
    border-bottom: thin solid #e8e8e8;
    list-style-type: none;
    padding: 1.25rem;
}

.single-independent_school ol.list_of_school li p,
.template-district-detail ol.list_of_school li p,
.template-region-offshore ol.list_of_school li p {
    margin: 0 0 0 1.25rem;
    padding: 0;
}

.single-independent_school ol.list_of_school li p.address,
.template-district-detail ol.list_of_school li p.address,
.template-region-offshore ol.list_of_school li p.address {
    color: #999;
}

.single-independent_school .apply_now .inner,
.template-district-detail .apply_now .inner,
.template-region-offshore .apply_now .inner {
    border-left: 1px solid #e8e8e8;
    padding: 0 2.5rem;
}

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

    .single-independent_school .apply_now .inner,
    .template-district-detail .apply_now .inner,
    .template-region-offshore .apply_now .inner {
        border: none;
        padding: 0;
    }

    .single-independent_school .apply_now .inner,
    .single-independent_school .job-table .link-listing,
    .template-district-detail .apply_now .inner,
    .template-district-detail .job-table .link-listing,
    .template-region-offshore .apply_now .inner,
    .template-region-offshore .job-table .link-listing {
        border-left: none;
        border-right: none;
    }
}

#assoc-select,
#region-select {
    background: #fff;
    border: 1px solid #e8e8e8;
    height: 45px;
}

#region-select {
    margin-bottom: 1.25rem;
    margin-right: 1rem;
}

#assoc-select {
    margin-bottom: 1.25rem;
    margin-right: 2.5rem;
}

.independent-schools__list {
    margin: 2.5rem 0 0 !important;
}

.tabs__header {
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 641px) {
    .tabs__header {
        margin: 0 0 -1px;
    }
}

@media only screen and (max-width: 1200px) {
    .tabs__header {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
        max-width: 1020px;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 2.5rem;
        width: calc(100% + 2.5rem);
    }
}

.tabs__header li {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #586775;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    justify-content: center;
    line-height: 1;
    min-height: 52px;
    padding: 0.625rem;
    text-align: center;
    width: 12.5%;
    word-break: break-word;
}

.tabs__header li:not(.active) {
    background-color: #f3f8f7;
    color: #464646;
    cursor: pointer;
}

.tabs__header li:not(.active):hover {
    background-color: #e8e8e8;
    color: #464646;
}

@media only screen and (max-width: 1200px) {
    .tabs__header li {
        min-width: 145px;
    }
}

.bc-tabs .tab-link--first,
.bc-tabs .tabs__map--first,
.first-nations-tabs .tab-link--bc,
.first-nations-tabs .tabs__map--bc {
    display: none;
}

.regions-toggle {
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(88, 103, 117, 0.2);
    border-radius: 3px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 2.5rem;
    padding: 0.65rem 1rem;
}

.regions-toggle .switch {
    display: inline-block;
    height: 30px;
    margin-bottom: 0;
    margin-right: 1.25rem;
    position: relative;
    width: 75px;
}

.regions-toggle .switch input {
    height: 0;
    opacity: 0;
    width: 0;
}

.regions-toggle .switch input:checked+.toggle {
    background-color: #586775;
}

.regions-toggle .switch input:focus+.toggle {
    box-shadow: 0 0 1px #586775;
}

.regions-toggle .switch input:checked+.toggle:before {
    transform: translateX(44px);
}

.regions-toggle .toggle {
    background-color: #ccc;
    border: 1px solid #424d58;
    border-radius: 34px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
}

.regions-toggle .toggle:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 3px;
    content: "";
    height: 22px;
    left: 4px;
    position: absolute;
    transition: 0.4s;
    width: 22px;
}

.tabs__container {
    border: 1px solid transparent;
    padding-top: 1.875rem;
}

@media only screen and (max-width: 800px) {
    .tabs__container .grid {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .tabs__container .tab {
        margin-bottom: 2.5rem;
    }
}

@media only screen and (min-width: 801px) {
    .tabs__container .grid__item.five-twelfths {
        left: 8.333%;
        position: relative;
    }
}

.tab__content h2 {
    margin-bottom: 0.625rem;
}

.tab__content h3 {
    color: #586775;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.44444;
    margin-bottom: 1.875rem;
}

.tab__content .btn,
.tab__content input[type="submit"] {
    margin-top: 2.5rem;
}

.map-link {
    fill: #586775 !important;
}

.map-link:not(.active) {
    fill: #f3f8f7 !important;
    cursor: pointer;
}

.map-link:not(.active):hover {
    fill: #e8e8e8 !important;
}

@media only screen and (max-width: 800px) {
    .region-overview .five-twelfths {
        margin-top: 2.5rem;
    }
}

@media only screen and (min-width: 801px) {
    .region-overview .five-twelfths {
        left: 8.333%;
        position: relative;
    }
}

.featured-cards .btn,
.featured-cards input[type="submit"] {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.school-district__contact .grid {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    border-bottom: 1px solid #e8e8e8;
    justify-content: center;
    padding-bottom: 1.875rem;
    padding-top: 3.75rem;
}

.school-district__contact .grid .grid__item {
    margin-bottom: 1.875rem;
}

@media only screen and (min-width: 1021px) {
    .school-district__contact .grid .grid__item:not(:last-child) {
        padding-right: 5rem;
    }
}

.school-district__contact .email {
    padding-left: calc(28px + 1.11111rem);
    position: relative;
}

.school-district__contact .email:before {
    content: url(/drive/themes/makeafuture/assets/img/email-blue.svg);
    left: 3px;
    position: absolute;
    top: 3px;
    width: 1.5em;
}

.school-district__contact .phone {
    padding-left: calc(24px + 1.11111rem);
    position: relative;
}

.school-district__contact .phone:before {
    content: url(/drive/themes/makeafuture/assets/img/phone-blue.svg);
    left: 0;
    position: absolute;
    top: 0;
    width: 1.35em;
}

.school-district__contact .address {
    padding-left: calc(19px + 1.11111rem);
    position: relative;
}

.school-district__contact .address:before {
    content: url(/drive/themes/makeafuture/assets/img/pin-blue.svg);
    left: 0;
    position: absolute;
    top: -2px;
    width: 1em;
}

.school-district__contact a {
    color: #464646;
}

.school-district__contact a:hover {
    color: #586775;
}

.school-district__list li {
    -ms-flex-pack: justify;
    border-bottom: 1px solid #e8e8e8;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.625rem;
    width: 100%;
}

.school-district__list li:not(:first-child) {
    padding-top: 0.625rem;
}

.school-district__list li span.pushed {
    padding-left: 1.875rem;
}

.jump_to_menu {
    margin-bottom: 5px;
}

.single-school .accordion .container--small {
    max-width: 780px !important;
}

.social-banner {
    background-color: #586775;
    padding-bottom: 5rem;
    padding-top: 3.75rem;
}

.social-banner h2 {
    color: #fff;
    margin-bottom: 1.875rem;
}

.social-banner .nav--social {
    margin-left: 5px;
}

.social-banner .nav--social li {
    margin: 0;
}

.social-banner .nav--social a {
    color: #fff;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    text-decoration: none;
    transition: color 0.15s ease-out;
}

.social-banner .nav--social a:hover {
    color: #ffe443;
}

div.inline>* {
    display: inline-block;
    font-family: proxima-nova-condensed, Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
}

div.inline h3 {
    float: left;
    text-transform: none;
    width: 100px;
}

div.inline ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.inline ul li {
    float: left;
    margin-right: 5px;
}

div.inline ul li:not(:last-child):after {
    color: #464646;
    content: ", ";
}

div.inline ul a {
    float: left;
}

.post-listings {
    margin-bottom: 3.75rem;
}

header+.post-listings {
    margin-top: 3.75rem;
}

.post-listings h2 a {
    color: #586775;
}

.post-listings time {
    color: #464646;
}

.dinner-menu {
    background: #fff;
    height: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
    width: 100%;
    z-index: 500;
}

.dinner-menu__inner {
    min-height: 100%;
    padding-bottom: 7.5rem;
}

.dinner-menu-active,
.dinner-menu-active body {
    overflow: hidden;
}

.dinner-menu-transiting .dinner-menu {
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    height: 100%;
    overflow: auto;
}

.dinner-menu-active .dinner-menu {
    opacity: 1;
    padding-top: 5rem;
}

.one-whole {
    width: 100%;
}

.one-half {
    width: 50%;
}

.one-third {
    width: 33.333%;
}

.two-thirds {
    width: 66.666%;
}

.one-quarter {
    width: 25%;
}

.three-quarters {
    width: 75%;
}

.one-fifth {
    width: 20%;
}

.four-tenths,
.two-fifths {
    width: 40%;
}

.six-tenths,
.three-fifths {
    width: 60%;
}

.four-fifths {
    width: 80%;
}

.one-sixth,
.two-twelfths {
    width: 16.666%;
}

.three-tenths {
    width: 30%;
}

.seven-tenths {
    width: 70%;
}

.five-twelfths {
    width: 41.666%;
}

.seven-twelfths {
    width: 58.333%;
}

@media only screen and (max-width: 1250px) {
    .xl-one-whole {
        width: 100%;
    }

    .xl-one-half {
        width: 50%;
    }

    .xl-one-third {
        width: 33.333%;
    }

    .xl-two-thirds {
        width: 66.666%;
    }

    .xl-one-quarter {
        width: 25%;
    }

    .xl-three-quarters {
        width: 75%;
    }

    .xl-one-fifth {
        width: 20%;
    }

    .xl-four-tenths,
    .xl-two-fifths {
        width: 40%;
    }

    .xl-six-tenths,
    .xl-three-fifths {
        width: 60%;
    }

    .xl-four-fifths {
        width: 80%;
    }

    .xl-one-sixth,
    .xl-two-twelfths {
        width: 16.666%;
    }

    .xl-three-tenths {
        width: 30%;
    }

    .xl-seven-tenths {
        width: 70%;
    }

    .xl-five-twelfths {
        width: 41.666%;
    }

    .xl-seven-twelfths {
        width: 58.333%;
    }
}

@media only screen and (max-width: 1020px) {
    .lg-one-whole {
        width: 100%;
    }

    .lg-one-half {
        width: 50%;
    }

    .lg-one-third {
        width: 33.333%;
    }

    .lg-two-thirds {
        width: 66.666%;
    }

    .lg-one-quarter {
        width: 25%;
    }

    .lg-three-quarters {
        width: 75%;
    }

    .lg-one-fifth {
        width: 20%;
    }

    .lg-four-tenths,
    .lg-two-fifths {
        width: 40%;
    }

    .lg-six-tenths,
    .lg-three-fifths {
        width: 60%;
    }

    .lg-four-fifths {
        width: 80%;
    }

    .lg-one-sixth,
    .lg-two-twelfths {
        width: 16.666%;
    }

    .lg-three-tenths {
        width: 30%;
    }

    .lg-seven-tenths {
        width: 70%;
    }

    .lg-five-twelfths {
        width: 41.666%;
    }

    .lg-seven-twelfths {
        width: 58.333%;
    }
}

@media only screen and (max-width: 800px) {
    .md-one-whole {
        width: 100%;
    }

    .md-one-half {
        width: 50%;
    }

    .md-one-third {
        width: 33.333%;
    }

    .md-two-thirds {
        width: 66.666%;
    }

    .md-one-quarter {
        width: 25%;
    }

    .md-three-quarters {
        width: 75%;
    }

    .md-one-fifth {
        width: 20%;
    }

    .md-four-tenths,
    .md-two-fifths {
        width: 40%;
    }

    .md-six-tenths,
    .md-three-fifths {
        width: 60%;
    }

    .md-four-fifths {
        width: 80%;
    }

    .md-one-sixth,
    .md-two-twelfths {
        width: 16.666%;
    }

    .md-three-tenths {
        width: 30%;
    }

    .md-seven-tenths {
        width: 70%;
    }

    .md-five-twelfths {
        width: 41.666%;
    }

    .md-seven-twelfths {
        width: 58.333%;
    }
}

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

    .page-content {
        padding-top: 5rem;
    }

    .sm-one-whole {
        width: 100%;
    }

    .sm-one-half {
        width: 50%;
    }

    .sm-one-third {
        width: 33.333%;
    }

    .sm-two-thirds {
        width: 66.666%;
    }

    .sm-one-quarter {
        width: 25%;
    }

    .sm-three-quarters {
        width: 75%;
    }

    .sm-one-fifth {
        width: 20%;
    }

    .sm-four-tenths,
    .sm-two-fifths {
        width: 40%;
    }

    .sm-six-tenths,
    .sm-three-fifths {
        width: 60%;
    }

    .sm-four-fifths {
        width: 80%;
    }

    .sm-one-sixth,
    .sm-two-twelfths {
        width: 16.666%;
    }

    .sm-three-tenths {
        width: 30%;
    }

    .sm-seven-tenths {
        width: 70%;
    }

    .sm-five-twelfths {
        width: 41.666%;
    }

    .sm-seven-twelfths {
        width: 58.333%;
    }
}

@media only screen and (max-width: 480px) {
    .xs-one-whole {
        width: 100%;
    }

    .xs-one-half {
        width: 50%;
    }

    .xs-one-third {
        width: 33.333%;
    }

    .xs-two-thirds {
        width: 66.666%;
    }

    .xs-one-quarter {
        width: 25%;
    }

    .xs-three-quarters {
        width: 75%;
    }

    .xs-one-fifth {
        width: 20%;
    }

    .xs-four-tenths,
    .xs-two-fifths {
        width: 40%;
    }

    .xs-six-tenths,
    .xs-three-fifths {
        width: 60%;
    }

    .xs-four-fifths {
        width: 80%;
    }

    .xs-one-sixth,
    .xs-two-twelfths {
        width: 16.666%;
    }

    .xs-three-tenths {
        width: 30%;
    }

    .xs-seven-tenths {
        width: 70%;
    }

    .xs-five-twelfths {
        width: 41.666%;
    }

    .xs-seven-twelfths {
        width: 58.333%;
    }
}

.cf:after,
.clearfix:after,
.container:after,
.grid--fluid:after,
.grid:after,
.media-item:after,
.message:after,
.site-branding:after,
.site-nav:after,
.tabs__header:after,
.validation_error:after,
div.inline:after,
dl div:after {
    clear: both;
    content: "";
    display: table;
}

.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.float--right {
    float: right !important;
}

.float--left {
    float: left !important;
}

.float--none {
    float: none !important;
}

.text--left {
    text-align: left !important;
}

.text--center {
    text-align: center !important;
}

.text--right {
    text-align: right !important;
}

.breadcrumbs,
.hlist {
    margin-bottom: 2.5rem;
    padding-left: 0;
}

.breadcrumbs>li,
.hlist>li {
    display: inline-block;
}

.hero--overlay:before,
.hero__bg,
.iframe-wrap iframe,
.iframe-wrap img,
.img-wrap-inner iframe,
.img-wrap-inner img {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.element-hidden {
    display: none !important;
}

@media only screen and (max-width: 1200px) {
    .element-hidden--mobile {
        display: none !important;
    }
}

[lang="fr-FR"] .element-hidden--mobile {
    display: block !important;
}

@media only screen and (max-width: 1250px) {
    [lang="fr-FR"] .element-hidden--mobile {
        display: none !important;
    }
}

.trailer--single {
    margin-bottom: 2.5rem;
}

.trailer--double {
    margin-bottom: 5rem;
}

.trailer--half {
    margin-bottom: 1.25rem;
}

.trailer--none {
    margin-bottom: 0;
}

@media only screen and (min-width: 1201px) {
    .element-hidden--desk {
        display: none !important;
    }
}

[lang="fr-FR"] .element-hidden--desk {
    display: block !important;
}

@media only screen and (min-width: 1251px) {
    [lang="fr-FR"] .element-hidden--desk {
        display: none !important;
    }
}

:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
    --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
}

:where(.is-layout-flex) {
    gap: 0.5em;
}

:where(.is-layout-grid) {
    gap: 0.5em;
}

body .is-layout-flex {
    display: flex;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}

.is-layout-flex> :is(*, div) {
    margin: 0;
}

body .is-layout-grid {
    display: grid;
}

.is-layout-grid> :is(*, div) {
    margin: 0;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

.has-black-color {
    color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-color {
    color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-color {
    color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-color {
    color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-background-color {
    background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-background-color {
    background-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-background-color {
    background-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-background-color {
    background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-background-color {
    background-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-background-color {
    background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-background-color {
    background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-background-color {
    background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-background-color {
    background-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}

.has-cyan-bluish-gray-border-color {
    border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}

.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}

.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}

.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}

.has-luminous-vivid-orange-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}

.has-luminous-vivid-amber-border-color {
    border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}

.has-light-green-cyan-border-color {
    border-color: var(--wp--preset--color--light-green-cyan) !important;
}

.has-vivid-green-cyan-border-color {
    border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}

.has-pale-cyan-blue-border-color {
    border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}

.has-vivid-cyan-blue-border-color {
    border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}

.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}

.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}

.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}

.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}

.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}

.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}

.has-cool-to-warm-spectrum-gradient-background {
    background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}

.has-blush-light-purple-gradient-background {
    background: var(--wp--preset--gradient--blush-light-purple) !important;
}

.has-blush-bordeaux-gradient-background {
    background: var(--wp--preset--gradient--blush-bordeaux) !important;
}

.has-luminous-dusk-gradient-background {
    background: var(--wp--preset--gradient--luminous-dusk) !important;
}

.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}

.has-electric-grass-gradient-background {
    background: var(--wp--preset--gradient--electric-grass) !important;
}

.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}

.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}

.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}

.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}

.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}

:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}

:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}

:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}

:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}

:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}