@charset "UTF-8";
/* ==========================================================================
   Plugin Styles
   ========================================================================== */
/* _fancybox.scss
 * -------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
body.fancybox-active {
  overflow: hidden; }

body.fancybox-iosfix {
  position: fixed;
  left: 0;
  right: 0; }

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

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99992;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif; }

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

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

.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: .87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s,visibility 0s linear .25s;
  box-sizing: border-box; }

.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  visibility: visible;
  transition: opacity .25s,visibility 0s; }

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

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

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

.fancybox-is-closing .fancybox-stage {
  overflow: visible; }

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

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

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

.fancybox-slide--image {
  overflow: visible; }

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

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

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

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box; }

.fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title {
  display: none; }

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: opacity,-webkit-transform;
  transition-property: transform,opacity;
  transition-property: transform,opacity,-webkit-transform; }

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

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

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

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

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

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff; }

.fancybox-iframe {
  display: block;
  padding: 0;
  border: 0;
  height: 100%; }

.fancybox-error, .fancybox-iframe {
  margin: 0;
  width: 100%;
  background: #fff; }

.fancybox-error {
  padding: 40px;
  max-width: 380px;
  cursor: default; }

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

.fancybox-button {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: rgba(30, 30, 30, 0.6);
  transition: color .3s ease;
  cursor: pointer;
  outline: none; }

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

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

.fancybox-button[disabled] {
  color: #ccc;
  cursor: default;
  opacity: .6; }

.fancybox-button svg {
  display: block;
  position: relative;
  overflow: visible;
  shape-rendering: geometricPrecision; }

.fancybox-button svg path {
  fill: currentColor;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3; }

.fancybox-button--share svg path {
  stroke-width: 1; }

.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {
  display: none; }

.fancybox-button--zoom svg path {
  fill: transparent; }

.fancybox-navigation {
  display: none; }

.fancybox-show-nav .fancybox-navigation {
  display: block; }

.fancybox-navigation button {
  position: absolute;
  top: 50%;
  margin: -50px 0 0;
  z-index: 99997;
  background: transparent;
  width: 60px;
  height: 100px;
  padding: 17px; }

.fancybox-navigation button:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(30, 30, 30, 0.6); }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0; }

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0; }

.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: "×";
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background-color: transparent;
  transition: background-color .25s;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus {
  outline: none; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small {
  top: 0;
  right: -40px; }

.fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after {
  font-size: 35px;
  color: #aaa; }

.fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after {
  color: #fff;
  background: transparent; }

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

.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 2vw 0;
  background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8));
  pointer-events: none; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
  pointer-events: all;
  position: relative; }

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

.fancybox-slide > .fancybox-loading {
  border: 6px solid rgba(99, 99, 99, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: a .8s infinite linear;
  animation: a .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 99999; }

@-webkit-keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes a {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

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

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

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

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

.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 {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

p.fancybox-share__links {
  margin-right: -10px; }

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

.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 {
  position: relative;
  top: -1px;
  width: 25px;
  height: 25px;
  margin-right: 7px;
  vertical-align: middle; }

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

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

.fancybox-thumbs {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 212px;
  margin: 0;
  padding: 2px 2px 4px;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  box-sizing: border-box;
  z-index: 99995; }

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

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

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

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

.fancybox-thumbs-x > ul {
  overflow: hidden; }

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

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

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

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 2px;
  width: 100px;
  height: 75px;
  max-width: calc(50% - 4px);
  max-height: calc(100% - 8px);
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

@media (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px); } }

/* _slick.scss
 * -------------------------------------------------------------------------- */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: grab; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* ==========================================================================
   Bus Status Styles
   ========================================================================== */
.featured-content__bus-status .bus-status__header {
  margin-bottom: 25px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-align-items: center;
  /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
  -moz-align-items: center;
  /* OLD - Firefox 19- */
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-justify-content: space-between;
  /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
  -moz-justify-content: space-between;
  /* OLD - Firefox 19- */
  -ms-flex-pack: space-between;
  /* IE 10 */
  justify-content: space-between; }

.featured-content__bus-status .bus-status__title .icon {
  display: inline-block;
  vertical-align: middle;
  height: 31px;
  width: 32px;
  margin-right: 10px;
  background-image: url("../../all_img/icon-bus.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px 31px; }

.featured-content__bus-status .bus-status__title .text {
  display: inline-block;
  vertical-align: middle; }

.featured-content__bus-status .bus__item {
  margin-bottom: 2px;
  background-color: #F0F0F0; }
  .featured-content__bus-status .bus__item.bus--on-time .bus__info {
    border-left-color: #6EC744; }
  .featured-content__bus-status .bus__item.bus--delayed .bus__info {
    border-left-color: #FFB43F; }
  .featured-content__bus-status .bus__item.bus--early .bus__info {
    border-left-color: #006FE6; }
  .featured-content__bus-status .bus__item.bus--cancelled .bus__info {
    border-left-color: #FC3842; }
  .featured-content__bus-status .bus__item.bus--others-on-time .bus__info {
    border-left-color: #6EC744; }
    .featured-content__bus-status .bus__item.bus--others-on-time .bus__info .bus__status {
      font-weight: bold; }
  .featured-content__bus-status .bus__item.bus--all-inactive .bus__info {
    border-left-color: #DAD7D7; }

.featured-content__bus-status .bus__info {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border-left: 34px solid #000;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal; }
  .featured-content__bus-status .bus__info .bus__number {
    display: inline-block;
    vertical-align: middle;
    color: #4A4A4A;
    font-weight: bold;
    margin-right: 5px;
    font-size: 16px;
    line-height: 22px; }
  .featured-content__bus-status .bus__info .bus__status {
    display: inline-block;
    vertical-align: middle;
    color: #4A4A4A;
    font-size: 12px;
    line-height: 17px; }
  .featured-content__bus-status .bus__info button {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    display: block;
    width: 36px;
    background-color: #E8E7E7;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0; }
    .featured-content__bus-status .bus__info button:before {
      content: "";
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0.5;
      transition: 0.25s;
      background-repeat: no-repeat;
      background-position: center; }
    .featured-content__bus-status .bus__info button:hover:before, .featured-content__bus-status .bus__info button:focus:before {
      opacity: 1; }
  .featured-content__bus-status .bus__info .bus-comments__icon {
    background-color: #E8E7E7; }
    .featured-content__bus-status .bus__info .bus-comments__icon.open {
      background-color: #E8E7E7; }
    .featured-content__bus-status .bus__info .bus-comments__icon:before {
      background-image: url("../../all_img/icon-comment.svg");
      background-size: 17px 15px; }
  .featured-content__bus-status .bus__info .bus-notice__icon {
    background-color: #DAD7D7; }
    .featured-content__bus-status .bus__info .bus-notice__icon + .bus-comments__icon {
      right: 36px; }
    .featured-content__bus-status .bus__info .bus-notice__icon.open {
      background-color: #DAD7D7; }
    .featured-content__bus-status .bus__info .bus-notice__icon:before {
      background-image: url("../../all_img/icon-alert.svg");
      background-size: 17px 16px; }

.featured-content__bus-status .bus__extras {
  display: none;
  position: relative;
  background-color: #fff; }
  .featured-content__bus-status .bus__extras .bus__comments,
  .featured-content__bus-status .bus__extras .bus__special-notice {
    display: none;
    padding: 9px 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #4A4A4A; }
  .featured-content__bus-status .bus__extras .bus__comments {
    background-color: #E6E5E5; }
  .featured-content__bus-status .bus__extras .bus__special-notice {
    background-color: #DAD7D7; }

.featured-content__bus-status .bus-status__footer {
  margin-top: 30px; }

/* Full-Width/Wide Layout Option
 * -------------------------------------------------------------------------- */
body.full .featured-content__bus-status.last.after_enticers .buses__container,
body.full .featured-content__bus-status.first.before_enticers .buses__container {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-align-items: flex-start;
  /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
  -moz-align-items: flex-start;
  /* OLD - Firefox 19- */
  -ms-flex-align: flex-start;
  /* IE 10 */
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome, TWEENER - IE 10 */
  -moz-flex-wrap: wrap;
  /* OLD - Firefox 19- */
  -ms-flex-wrap: wrap;
  /* IE 10 */
  flex-wrap: wrap; }

body.full .featured-content__bus-status.last.after_enticers .bus__item,
body.full .featured-content__bus-status.first.before_enticers .bus__item {
  flex: 0 0 auto;
  width: calc(50% - 1px);
  margin-right: 2px; }
  body.full .featured-content__bus-status.last.after_enticers .bus__item:nth-child(2n + 2),
  body.full .featured-content__bus-status.first.before_enticers .bus__item:nth-child(2n + 2) {
    margin-right: 0; }

/* Sidebar/Narrow Option
 * -------------------------------------------------------------------------- */
body.full .featured-content__bus-status.last.after_social-media .bus__item,
body.full .featured-content__bus-status.first.before_social-media .bus__item,
body.full .featured-content__bus-status.after_social-media.before_enticers .bus__item,
body.sidebar .featured-content__bus-status .bus__item {
  width: 100%; }

/* ==========================================================================
   District Header Styles
   ========================================================================== */
body.district-quicklinks-open {
  overflow: hidden; }

.district-header {
  position: relative;
  z-index: 19;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background: #F2F2F2;
  height: 90px; }
  .district-header .district-header__branding {
    flex: 1 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 180px);
    height: 100%;
    overflow: hidden; }
    .district-header .district-header__branding .branding__logo {
      flex: 0 1 auto;
      height: 100%; }
      .district-header .district-header__branding .branding__logo a {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 90px;
        padding: 0 0 0 32px; }
        .district-header .district-header__branding .branding__logo a img {
          flex: 0 1 auto;
          position: relative;
          max-height: 74px; }
        @media (max-width: 525px) {
          .district-header .district-header__branding .branding__logo a {
            padding: 0; }
            .district-header .district-header__branding .branding__logo a img {
              max-width: 90%;
              max-height: 90%; } }
        @media (max-width: 375px) {
          .district-header .district-header__branding .branding__logo a img {
            margin-top: 5%; } }
        .district-header .district-header__branding .branding__logo a .logo_fallback {
          font-family: 'Open Sans', sans-serif;
          font-size: 24px;
          font-weight: 600;
          color: #121212;
          transition: all ease 0.25s; }
        .district-header .district-header__branding .branding__logo a:hover .logo_fallback {
          color: #525252; }
    .district-header .district-header__branding .branding__tagline {
      flex: 1 0 auto;
      padding-right: 32px;
      text-align: right; }
      .district-header .district-header__branding .branding__tagline h3 {
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        font-weight: 600;
        color: #121212; }
      @media (max-width: 940px) {
        .district-header .district-header__branding .branding__tagline {
          visibility: hidden;
          max-width: 0;
          padding: 0;
          overflow: hidden; } }
  .district-header .district-header__action-items {
    flex: 1 0 180px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    .district-header .district-header__action-items .district-header__bus-status {
      flex: 1 0 50%;
      height: 90px;
      border-left: solid thin #CDCDCD;
      box-sizing: border-box; }
      .district-header .district-header__action-items .district-header__bus-status .bus_status_container .status {
        position: relative;
        width: 100%;
        height: 90px; }
        .district-header .district-header__action-items .district-header__bus-status .bus_status_container .status .icon_bus {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          background: url("../../all_img/icon-busstatus.svg") center center no-repeat transparent;
          background-size: 28px 28px;
          width: 100%;
          height: 90px; }
        .district-header .district-header__action-items .district-header__bus-status .bus_status_container .status .bus_status {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          display: inline-block;
          width: 100%;
          height: 100%; }
          .district-header .district-header__action-items .district-header__bus-status .bus_status_container .status .bus_status span {
            position: absolute;
            left: -9999rem;
            visibility: hidden; }
      .district-header .district-header__action-items .district-header__bus-status .bus_status_container .info-apps {
        display: none; }
      .district-header .district-header__action-items .district-header__bus-status .bus_status_container.delayed .status .icon_bus {
        background: url("../../all_img/icon-bus-delayed.svg") center center no-repeat transparent;
        background-size: 28px 28px; }
      .district-header .district-header__action-items .district-header__bus-status .bus_status_container.cancelled .status .icon_bus {
        background: url("../../all_img/icon-bus-cancelled.svg") center center no-repeat transparent;
        background-size: 28px 28px; }
      @media (max-width: 450px) {
        .district-header .district-header__action-items .district-header__bus-status {
          border-left: solid thin transparent; } }
    .district-header .district-header__action-items .district-header__quick-links {
      flex: 1 0 50%;
      background: none transparent;
      height: 90px;
      border-left: solid thin #CDCDCD;
      box-sizing: border-box; }
      .district-header .district-header__action-items .district-header__quick-links .district-header__quick-links__toggle {
        display: inline-block;
        background: none transparent;
        width: 100%;
        height: 90px;
        padding: 0;
        border: none; }
        .district-header .district-header__action-items .district-header__quick-links .district-header__quick-links__toggle span {
          width: 100%;
          height: 90px; }
          .district-header .district-header__action-items .district-header__quick-links .district-header__quick-links__toggle span.icon_inactive {
            display: inline-block;
            background: url("../../all_img/icon-dh-quicklinks.svg") center center no-repeat transparent;
            background-size: 28px auto; }
          .district-header .district-header__action-items .district-header__quick-links .district-header__quick-links__toggle span.icon_active {
            display: none;
            background: url("../../all_img/icon-dh-close.svg") center center no-repeat transparent;
            background-size: 32px auto; }
        .district-header .district-header__action-items .district-header__quick-links .district-header__quick-links__toggle.active span.icon_inactive {
          display: none; }
        .district-header .district-header__action-items .district-header__quick-links .district-header__quick-links__toggle.active span.icon_active {
          display: inline-block; }
      @media (max-width: 450px) {
        .district-header .district-header__action-items .district-header__quick-links {
          border-left: solid thin transparent; } }
.district-header__quick-link-menu__wrapper {
  background: transparent;
  transition: all ease 0.25s; }
  .district-header__quick-link-menu__wrapper.active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 17;
    display: inline-block;
    background: rgba(255, 255, 255, 0.75);
    width: 100vw;
    height: 100vh; }

.district-header__quick-link-menu {
  position: fixed;
  top: 90px;
  right: 0;
  z-index: 18;
  display: inline-block;
  background: #ffffff;
  width: 450px;
  max-width: 0;
  height: 100vh;
  overflow-y: scroll;
  box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.25);
  transition: all ease 0.25s; }
  .district-header__quick-link-menu.active {
    max-width: 450px; }
  @media (max-width: 500px) {
    .district-header__quick-link-menu {
      width: 100vw; }
      .district-header__quick-link-menu.active {
        max-width: 100vw; } }
  .district-header__quick-link-menu .quick-link-menu__close {
    display: inline-block;
    background: #f2f2f2;
    width: 30px;
    height: 30px;
    margin: 16px 0 0 16px;
    padding: 0;
    border: solid thin transparent;
    border-radius: 50%;
    transition: all ease 0.25s; }
    .district-header__quick-link-menu .quick-link-menu__close .close__icon {
      position: relative;
      top: -1px;
      left: -1px;
      display: inline-block;
      background: url("../../all_img/icon-dh-close.svg") center center no-repeat transparent;
      background-size: 18px auto;
      width: 30px;
      height: 30px; }
    .district-header__quick-link-menu .quick-link-menu__close:hover {
      border-color: #CDCDCD; }
  .district-header__quick-link-menu .quick-link-menu__category {
    padding: 0 32px 24px;
    border-bottom: solid thin #CDCDCD; }
    .district-header__quick-link-menu .quick-link-menu__category h4.quick-link-menu__category-title {
      height: 32px;
      margin: 32px 0 0 0;
      overflow: hidden;
      font-family: "Open Sans", sans-serif;
      font-size: 16px;
      font-weight: 600;
      color: #121212;
      cursor: pointer; }
      .district-header__quick-link-menu .quick-link-menu__category h4.quick-link-menu__category-title .category-title__text {
        float: left;
        margin-right: 32px;
        transition: all ease 0.25s; }
      .district-header__quick-link-menu .quick-link-menu__category h4.quick-link-menu__category-title .category-title__icon {
        position: relative;
        top: 8px;
        float: right;
        transition: all ease 0.25s; }
        .district-header__quick-link-menu .quick-link-menu__category h4.quick-link-menu__category-title .category-title__icon .icon-stroke {
          stroke: #121212; }
      .district-header__quick-link-menu .quick-link-menu__category h4.quick-link-menu__category-title:hover .category-title__text {
        color: #929292; }
      .district-header__quick-link-menu .quick-link-menu__category h4.quick-link-menu__category-title:hover .category-title__icon .icon-stroke {
        stroke: #929292; }
      .district-header__quick-link-menu .quick-link-menu__category h4.quick-link-menu__category-title.active .category-title__icon {
        transform: rotate(180deg); }
    .district-header__quick-link-menu .quick-link-menu__category .quick-link-menu__nav-items {
      display: none;
      margin: 18px 0 32px;
      padding: 0;
      font-family: "Open Sans", sans-serif;
      list-style: none; }
      .district-header__quick-link-menu .quick-link-menu__category .quick-link-menu__nav-items .quick-link-menu__nav-item {
        margin-bottom: 16px; }
        .district-header__quick-link-menu .quick-link-menu__category .quick-link-menu__nav-items .quick-link-menu__nav-item .nav-item__link {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between;
          align-items: center;
          font-size: 14px;
          color: #121212;
          text-decoration: none;
          line-height: 1.8;
          transition: all ease 0.25s; }
          .district-header__quick-link-menu .quick-link-menu__category .quick-link-menu__nav-items .quick-link-menu__nav-item .nav-item__link:hover {
            color: #929292; }
          .district-header__quick-link-menu .quick-link-menu__category .quick-link-menu__nav-items .quick-link-menu__nav-item .nav-item__link .nav-item__image-wrapper {
            flex: 0 1 auto;
            width: 50px;
            height: 50px;
            overflow: hidden; }
            .district-header__quick-link-menu .quick-link-menu__category .quick-link-menu__nav-items .quick-link-menu__nav-item .nav-item__link .nav-item__image-wrapper img {
              width: auto;
              max-width: unset;
              height: 50px; }
          .district-header__quick-link-menu .quick-link-menu__category .quick-link-menu__nav-items .quick-link-menu__nav-item .nav-item__link .nav-item__image-fallback {
            flex: 0 1 auto;
            background: #F2F2F2;
            width: 35px;
            height: 35px;
            margin-left: 7px;
            border-radius: 50%; }
          .district-header__quick-link-menu .quick-link-menu__category .quick-link-menu__nav-items .quick-link-menu__nav-item .nav-item__link .nav-item__text-wrapper {
            flex: 1 0 auto;
            max-width: calc(100% - 75px); }
        .district-header__quick-link-menu .quick-link-menu__category .quick-link-menu__nav-items .quick-link-menu__nav-item:last-of-type {
          margin-bottom: 0; }
    .district-header__quick-link-menu .quick-link-menu__category:last-of-type {
      margin-bottom: 12rem; }

.microsite-bar + .school-header .district-header__quick-link-menu {
  top: 130px; }

/* ==========================================================================
   District Footer Styles
   ========================================================================== */
.district-footer {
  padding: 80px 0;
  position: relative; }
  .district-footer button {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0; }
  .district-footer input[type="text"],
  .district-footer select:not([class*="ui-"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: block;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    border: none;
    background: none; }
  .district-footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .district-footer .container {
    position: relative; }
    @media (min-width: 801px) {
      .district-footer .container {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-justify-content: flex-start;
        /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
        -moz-justify-content: flex-start;
        /* OLD - Firefox 19- */
        -ms-flex-pack: flex-start;
        /* IE 10 */
        justify-content: flex-start;
        -webkit-align-items: center;
        /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
        -moz-align-items: center;
        /* OLD - Firefox 19- */
        -ms-flex-align: center;
        /* IE 10 */
        align-items: center; } }
  .district-footer div.district-logo,
  .district-footer a.district-logo {
    /* No Logo by default */
    display: block; }
    .district-footer div.district-logo:hover, .district-footer div.district-logo:focus,
    .district-footer a.district-logo:hover,
    .district-footer a.district-logo:focus {
      opacity: 0.7; }
  .district-footer p.district-links {
    max-width: 300px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.66); }
    @media (min-width: 801px) {
      .district-footer p.district-links {
        -webkit-box-flex: 0 1 100%;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 1 100%;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 1 100%;
        /* Chrome */
        -ms-flex: 0 1 100%;
        /* IE 10 */
        flex: 0 1 100%;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district-footer p.district-links {
        margin: 0 auto; } }
  @media (min-width: 801px) {
    .district-footer p.siteby {
      -webkit-box-flex: 0 0 125px;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 0 0 125px;
      /* OLD - Firefox 19- */
      -webkit-flex: 0 0 125px;
      /* Chrome */
      -ms-flex: 0 0 125px;
      /* IE 10 */
      flex: 0 0 125px;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-item-align: flex-end;
      /* IE 10 */
      -webkit-align-self: flex-end;
      /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
      -moz-align-self: flex-end;
      /* OLD - Firefox 19- */
      align-self: flex-end;
      margin: 0 0 0 auto; } }
  @media (max-width: 800px) {
    .district-footer p.siteby {
      margin: 30px auto 0; } }
  .district-footer input[type="text"],
  .district-footer select:not([class*="ui-"]) {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    height: 36px;
    margin-top: 15px;
    background-color: rgba(255, 255, 255, 0.15);
    padding: 0 35px 0 10px;
    background-image: url("../district-footers/base/dropdown-arrow-white.svg");
    background-size: 18px 11px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    -webkit-transition: 0.25s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: 0.25s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
    .district-footer input[type="text"] option,
    .district-footer select:not([class*="ui-"]) option {
      color: #555555;
      background-color: #fff; }
    .district-footer input[type="text"]:hover, .district-footer input[type="text"]:focus,
    .district-footer select:not([class*="ui-"]):hover,
    .district-footer select:not([class*="ui-"]):focus {
      background-color: rgba(255, 255, 255, 0.35); }
  .district-footer #boxclever-logo {
    font-size: 14px;
    color: #fff; }
  .district-footer #boxclever-logo-svg {
    color: #fff; }

/* Common use Box Clever logo Styles
 * -------------------------------------------------------------------------- */
p.siteby {
  text-align: right; }
  @media (max-width: 800px) {
    p.siteby {
      text-align: center; } }
#boxclever-logo {
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: 1;
  height: 30px;
  color: #FFF;
  padding-right: 30px; }
  #boxclever-logo span {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    -webkit-transition: 0.25s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: 0.25s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  #boxclever-logo span.text {
    text-align: left;
    overflow: hidden;
    -webkit-transform: scale(1, 1);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: scale(1, 1);
    /* IE 9 */
    transform: scale(1, 1);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transform-origin: 0 50%;
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform-origin: 0 50%;
    /* IE 9 */
    transform-origin: 0 50%;
    /* Firefox 16+, IE 10+, Opera */
    white-space: nowrap;
    opacity: 1;
    line-height: 30px; }
  #boxclever-logo span.logo {
    position: absolute;
    left: calc(100% - 20px);
    top: 5px; }
  #boxclever-logo svg {
    display: block;
    width: 110px;
    height: auto; }
  #boxclever-logo:hover span.text, #boxclever-logo:focus span.text {
    -webkit-transform: scale(0.5, 0.5);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: scale(0.5, 0.5);
    /* IE 9 */
    transform: scale(0.5, 0.5);
    /* Firefox 16+, IE 10+, Opera */
    opacity: 0; }
  #boxclever-logo:hover span.logo, #boxclever-logo:focus span.logo {
    left: 0; }

#boxclever-logo-svg {
  color: #FFF; }

.district__dev-district .district-footer, .district__district .district-footer {
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__dev-district .district-footer, .district__district .district-footer {
      padding: 40px 0; } }
  .district__dev-district .district-footer .container, .district__district .district-footer .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative; }
  .district__dev-district .district-footer div.district-logo,
  .district__dev-district .district-footer a.district-logo, .district__district .district-footer div.district-logo,
  .district__district .district-footer a.district-logo {
    height: 53px;
    width: 150px; }

.district__elk-island-catholic-schools .district-footer {
  -webkit-font-smoothing: antialiased;
  border-top: 15px solid rgba(0, 0, 0, 0.6);
  padding: 40px 0; }
  @media (max-width: 800px) {
    .district__elk-island-catholic-schools .district-footer {
      padding: 20px 0;
      background-image: none; } }
  .district__elk-island-catholic-schools .district-footer .container {
    display: block; }
  .district__elk-island-catholic-schools .district-footer div.district-logo,
  .district__elk-island-catholic-schools .district-footer a.district-logo {
    height: 91px;
    width: 250px;
    flex: 0 0 250px;
    background-image: url("../district-footers/eics/eics-logo.svg");
    background-size: 250px 91px;
    margin-bottom: 15px; }
    @media (max-width: 800px) {
      .district__elk-island-catholic-schools .district-footer div.district-logo,
      .district__elk-island-catholic-schools .district-footer a.district-logo {
        margin: 0 auto 15px; } }
  @media (min-width: 801px) {
    .district__elk-island-catholic-schools .district-footer p.district-links {
      max-width: 625px; }
      .district__elk-island-catholic-schools .district-footer p.district-links input[type="text"],
      .district__elk-island-catholic-schools .district-footer p.district-links select:not([class*="ui-"]) {
        width: 300px;
        display: inline-block;
        vertical-align: middle; }
        .district__elk-island-catholic-schools .district-footer p.district-links input[type="text"] + input[type="text"],
        .district__elk-island-catholic-schools .district-footer p.district-links input[type="text"] + select:not([class*="ui-"]),
        .district__elk-island-catholic-schools .district-footer p.district-links select:not([class*="ui-"]) + input[type="text"],
        .district__elk-island-catholic-schools .district-footer p.district-links select:not([class*="ui-"]) + select:not([class*="ui-"]) {
          margin-left: 20px; } }
.district__elk-island-public-schools .district-footer {
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__elk-island-public-schools .district-footer {
      padding: 40px 0; } }
  .district__elk-island-public-schools .district-footer .container {
    background-image: url("../district-footers/eips/eips-bg.png");
    background-size: 238px 52px;
    background-repeat: no-repeat;
    background-position: right 25px top; }
    @media (max-width: 800px) {
      .district__elk-island-public-schools .district-footer .container {
        background: none; } }
  .district__elk-island-public-schools .district-footer div.district-logo,
  .district__elk-island-public-schools .district-footer a.district-logo {
    height: 123px;
    width: 123px;
    background-image: url("../district-footers/eips/eips-logo.png");
    background-size: 123px 123px; }
    @media (min-width: 801px) {
      .district__elk-island-public-schools .district-footer div.district-logo,
      .district__elk-island-public-schools .district-footer a.district-logo {
        -webkit-box-flex: 0 0 123px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 123px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 123px;
        /* Chrome */
        -ms-flex: 0 0 123px;
        /* IE 10 */
        flex: 0 0 123px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__elk-island-public-schools .district-footer div.district-logo,
      .district__elk-island-public-schools .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__foundations-for-the-future-charter-academy .district-footer {
  background-image: url("../district-footers/ffca/ffca-bg.png");
  background-repeat: repeat;
  background-position: center;
  padding: 40px 0; }
  @media (max-width: 800px) {
    .district__foundations-for-the-future-charter-academy .district-footer {
      padding: 20px 0;
      background-image: none; } }
  .district__foundations-for-the-future-charter-academy .district-footer .container {
    display: block; }
  .district__foundations-for-the-future-charter-academy .district-footer div.district-logo,
  .district__foundations-for-the-future-charter-academy .district-footer a.district-logo {
    height: 91px;
    width: 250px;
    flex: 0 0 250px;
    background-image: url("../district-footers/ffca/ffca-logo.svg");
    background-size: 250px 91px;
    margin-bottom: 15px; }
    @media (max-width: 800px) {
      .district__foundations-for-the-future-charter-academy .district-footer div.district-logo,
      .district__foundations-for-the-future-charter-academy .district-footer a.district-logo {
        margin: 0 auto 15px; } }
  @media (min-width: 801px) {
    .district__foundations-for-the-future-charter-academy .district-footer p.district-links {
      max-width: 625px; }
      .district__foundations-for-the-future-charter-academy .district-footer p.district-links input[type="text"],
      .district__foundations-for-the-future-charter-academy .district-footer p.district-links select:not([class*="ui-"]) {
        width: 300px;
        display: inline-block;
        vertical-align: middle; }
        .district__foundations-for-the-future-charter-academy .district-footer p.district-links input[type="text"] + input[type="text"],
        .district__foundations-for-the-future-charter-academy .district-footer p.district-links input[type="text"] + select:not([class*="ui-"]),
        .district__foundations-for-the-future-charter-academy .district-footer p.district-links select:not([class*="ui-"]) + input[type="text"],
        .district__foundations-for-the-future-charter-academy .district-footer p.district-links select:not([class*="ui-"]) + select:not([class*="ui-"]) {
          margin-left: 20px; } }
.district__fort-vermilion-school-division .district-footer {
  -webkit-font-smoothing: antialiased;
  background-image: url("../district-footers/fvsd/fvsd-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-color: #00667F;
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__fort-vermilion-school-division .district-footer {
      padding: 40px 0;
      background: none; } }
  .district__fort-vermilion-school-division .district-footer .container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 40px; }
  .district__fort-vermilion-school-division .district-footer div.district-logo,
  .district__fort-vermilion-school-division .district-footer a.district-logo {
    height: 150px;
    width: 150px;
    background-image: url("../district-footers/fvsd/fvsd-logo.svg");
    background-repeat: no-repeat;
    background-position: center; }
    @media (min-width: 801px) {
      .district__fort-vermilion-school-division .district-footer div.district-logo,
      .district__fort-vermilion-school-division .district-footer a.district-logo {
        -webkit-box-flex: 0 0 150px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 150px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 150px;
        /* Chrome */
        -ms-flex: 0 0 150px;
        /* IE 10 */
        flex: 0 0 150px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__fort-vermilion-school-division .district-footer div.district-logo,
      .district__fort-vermilion-school-division .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__gsacrd .district-footer {
  padding: 40px 0; }
  @media (min-width: 985px) {
    .district__gsacrd .district-footer:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 50vw;
      background-image: url("../district-footers/gsacrd/gsacrd-bg.svg");
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: right center; } }
  @media (max-width: 800px) {
    .district__gsacrd .district-footer {
      padding: 20px 0;
      background-image: none; } }
  .district__gsacrd .district-footer .container {
    display: block; }
  .district__gsacrd .district-footer div.district-logo,
  .district__gsacrd .district-footer a.district-logo {
    height: 91px;
    width: 290px;
    background-image: url("../district-footers/gsacrd/gsacrd-logo.svg");
    background-size: 290px 91px; }
    @media (min-width: 801px) {
      .district__gsacrd .district-footer div.district-logo,
      .district__gsacrd .district-footer a.district-logo {
        -webkit-box-flex: 0 0 290px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 290px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 290px;
        /* Chrome */
        -ms-flex: 0 0 290px;
        /* IE 10 */
        flex: 0 0 290px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-bottom: 15px; } }
    @media (max-width: 800px) {
      .district__gsacrd .district-footer div.district-logo,
      .district__gsacrd .district-footer a.district-logo {
        margin: 0 auto 15px; } }
  @media (min-width: 801px) {
    .district__gsacrd .district-footer p.district-links {
      max-width: 625px; }
      .district__gsacrd .district-footer p.district-links input[type="text"],
      .district__gsacrd .district-footer p.district-links select:not([class*="ui-"]) {
        width: 300px;
        display: inline-block;
        vertical-align: middle; }
        .district__gsacrd .district-footer p.district-links input[type="text"] + input[type="text"],
        .district__gsacrd .district-footer p.district-links input[type="text"] + select:not([class*="ui-"]),
        .district__gsacrd .district-footer p.district-links select:not([class*="ui-"]) + input[type="text"],
        .district__gsacrd .district-footer p.district-links select:not([class*="ui-"]) + select:not([class*="ui-"]) {
          margin-left: 20px; } }
  @media (min-width: 985px) {
    .district__gsacrd .district-footer p.siteby {
      position: absolute;
      bottom: 0;
      right: 195px;
      z-index: 1; } }
  @media (min-width: 1121px) {
    .district__gsacrd .district-footer p.siteby {
      right: 300px; } }
.district__holy-family-catholic-regional-division .district-footer {
  padding: 40px 0; }
  @media (min-width: 801px) {
    .district__holy-family-catholic-regional-division .district-footer:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      height: 258px;
      width: 239px;
      background-image: url("../district-footers/holy-family/holy-family-bg.svg");
      background-size: 239px 258px;
      background-repeat: no-repeat;
      background-position: right center; } }
  @media (max-width: 800px) {
    .district__holy-family-catholic-regional-division .district-footer {
      padding: 20px 0;
      background-image: none; } }
  .district__holy-family-catholic-regional-division .district-footer .container {
    display: block; }
  .district__holy-family-catholic-regional-division .district-footer div.district-logo,
  .district__holy-family-catholic-regional-division .district-footer a.district-logo {
    height: 90px;
    width: 288px;
    background-image: url("../district-footers/holy-family/holy-family-logo.svg");
    background-size: 288px 90px; }
    @media (min-width: 801px) {
      .district__holy-family-catholic-regional-division .district-footer div.district-logo,
      .district__holy-family-catholic-regional-division .district-footer a.district-logo {
        -webkit-box-flex: 0 0 288px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 288px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 288px;
        /* Chrome */
        -ms-flex: 0 0 288px;
        /* IE 10 */
        flex: 0 0 288px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-bottom: 15px; } }
    @media (max-width: 800px) {
      .district__holy-family-catholic-regional-division .district-footer div.district-logo,
      .district__holy-family-catholic-regional-division .district-footer a.district-logo {
        margin: 0 auto 15px; } }
  @media (min-width: 801px) {
    .district__holy-family-catholic-regional-division .district-footer p.district-links {
      max-width: 625px; }
      .district__holy-family-catholic-regional-division .district-footer p.district-links input[type="text"],
      .district__holy-family-catholic-regional-division .district-footer p.district-links select:not([class*="ui-"]) {
        width: 300px;
        display: inline-block;
        vertical-align: middle; }
        .district__holy-family-catholic-regional-division .district-footer p.district-links input[type="text"] + input[type="text"],
        .district__holy-family-catholic-regional-division .district-footer p.district-links input[type="text"] + select:not([class*="ui-"]),
        .district__holy-family-catholic-regional-division .district-footer p.district-links select:not([class*="ui-"]) + input[type="text"],
        .district__holy-family-catholic-regional-division .district-footer p.district-links select:not([class*="ui-"]) + select:not([class*="ui-"]) {
          margin-left: 20px; } }
  @media (min-width: 1121px) {
    .district__holy-family-catholic-regional-division .district-footer p.siteby {
      position: absolute;
      bottom: 0;
      right: 215px; } }
.district__lloydminster-public-school-division .district-footer {
  padding: 40px 0; }
  @media (max-width: 800px) {
    .district__lloydminster-public-school-division .district-footer {
      padding: 20px 0;
      background-image: none; } }
  .district__lloydminster-public-school-division .district-footer .container {
    display: block; }
    @media (min-width: 985px) {
      .district__lloydminster-public-school-division .district-footer .container:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -40px;
        right: 0;
        height: 206px;
        width: 350px;
        background-image: url("../district-footers/lpsd/LPSD-bg.png");
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: right center; } }
  .district__lloydminster-public-school-division .district-footer div.district-logo,
  .district__lloydminster-public-school-division .district-footer a.district-logo {
    height: 72px;
    width: 238px;
    flex: 0 0 238px;
    background-image: url("../district-footers/lpsd/LPSD-logo.png");
    background-size: 238px 72px;
    margin-bottom: 15px; }
  @media (min-width: 801px) {
    .district__lloydminster-public-school-division .district-footer p.district-links {
      max-width: 625px; }
      .district__lloydminster-public-school-division .district-footer p.district-links input[type="text"],
      .district__lloydminster-public-school-division .district-footer p.district-links select:not([class*="ui-"]) {
        width: 300px;
        display: inline-block;
        vertical-align: middle; }
        .district__lloydminster-public-school-division .district-footer p.district-links input[type="text"] + input[type="text"],
        .district__lloydminster-public-school-division .district-footer p.district-links input[type="text"] + select:not([class*="ui-"]),
        .district__lloydminster-public-school-division .district-footer p.district-links select:not([class*="ui-"]) + input[type="text"],
        .district__lloydminster-public-school-division .district-footer p.district-links select:not([class*="ui-"]) + select:not([class*="ui-"]) {
          margin-left: 20px; } }
  @media (min-width: 985px) {
    .district__lloydminster-public-school-division .district-footer p.siteby {
      position: absolute;
      bottom: 0;
      right: 60px;
      z-index: 1; } }
  @media (min-width: 1121px) {
    .district__lloydminster-public-school-division .district-footer p.siteby {
      right: 60px; } }
.district__medicine-hat-catholic-board-of-education .district-footer {
  background-image: url("../district-footers/medicine-hat/medicine-hat-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 0; }
  @media (max-width: 2000px) {
    .district__medicine-hat-catholic-board-of-education .district-footer {
      background-size: 2000px 364px;
      background-position: center bottom; } }
  @media (max-width: 800px) {
    .district__medicine-hat-catholic-board-of-education .district-footer {
      padding: 40px 0;
      background-image: none; } }
  .district__medicine-hat-catholic-board-of-education .district-footer .container {
    display: block; }
  .district__medicine-hat-catholic-board-of-education .district-footer div.district-logo,
  .district__medicine-hat-catholic-board-of-education .district-footer a.district-logo {
    height: 87px;
    width: 355px;
    -webkit-box-flex: 0 0 355px;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 0 355px;
    /* OLD - Firefox 19- */
    -webkit-flex: 0 0 355px;
    /* Chrome */
    -ms-flex: 0 0 355px;
    /* IE 10 */
    flex: 0 0 355px;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    background-image: url("../district-footers/medicine-hat/medicine-hat-logo.png");
    background-size: 355px 87px; }
    @media (max-width: 425px) {
      .district__medicine-hat-catholic-board-of-education .district-footer div.district-logo,
      .district__medicine-hat-catholic-board-of-education .district-footer a.district-logo {
        height: 63px;
        width: 260px;
        -webkit-box-flex: 0 0 260px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 260px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 260px;
        /* Chrome */
        -ms-flex: 0 0 260px;
        /* IE 10 */
        flex: 0 0 260px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        background-size: 260px 63px; } }
    @media (max-width: 800px) {
      .district__medicine-hat-catholic-board-of-education .district-footer div.district-logo,
      .district__medicine-hat-catholic-board-of-education .district-footer a.district-logo {
        margin: 0 auto 15px; } }
  @media (min-width: 801px) {
    .district__medicine-hat-catholic-board-of-education .district-footer p.district-links {
      max-width: 625px; }
      .district__medicine-hat-catholic-board-of-education .district-footer p.district-links input[type="text"],
      .district__medicine-hat-catholic-board-of-education .district-footer p.district-links select:not([class*="ui-"]) {
        width: 300px;
        display: inline-block;
        vertical-align: middle; }
        .district__medicine-hat-catholic-board-of-education .district-footer p.district-links input[type="text"] + input[type="text"],
        .district__medicine-hat-catholic-board-of-education .district-footer p.district-links input[type="text"] + select:not([class*="ui-"]),
        .district__medicine-hat-catholic-board-of-education .district-footer p.district-links select:not([class*="ui-"]) + input[type="text"],
        .district__medicine-hat-catholic-board-of-education .district-footer p.district-links select:not([class*="ui-"]) + select:not([class*="ui-"]) {
          margin-left: 20px; } }
  @media (min-width: 801px) {
    .district__medicine-hat-catholic-board-of-education .district-footer p.siteby {
      margin-top: 15px; } }
.district__northern-gateway-public-schools .district-footer {
  -webkit-font-smoothing: antialiased;
  background-image: url("../district-footers/ngps/ngps-bg.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-color: #00667F;
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__northern-gateway-public-schools .district-footer {
      padding: 40px 0;
      background: none; } }
  .district__northern-gateway-public-schools .district-footer .container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 40px; }
  .district__northern-gateway-public-schools .district-footer div.district-logo,
  .district__northern-gateway-public-schools .district-footer a.district-logo {
    height: 150px;
    width: 180px;
    background-image: url("../district-footers/ngps/ngps-logo.svg");
    background-repeat: no-repeat;
    background-position: center; }
    @media (min-width: 801px) {
      .district__northern-gateway-public-schools .district-footer div.district-logo,
      .district__northern-gateway-public-schools .district-footer a.district-logo {
        -webkit-box-flex: 0 0 180px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 180px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 180px;
        /* Chrome */
        -ms-flex: 0 0 180px;
        /* IE 10 */
        flex: 0 0 180px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__northern-gateway-public-schools .district-footer div.district-logo,
      .district__northern-gateway-public-schools .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__northern-lights-public-schools .district-footer {
  background-image: url("../district-footers/nlps/nlps-bg.svg");
  background-size: 855px 372px;
  background-repeat: no-repeat;
  background-position: right top;
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__northern-lights-public-schools .district-footer {
      padding: 40px 0;
      background-image: none; } }
  .district__northern-lights-public-schools .district-footer div.district-logo,
  .district__northern-lights-public-schools .district-footer a.district-logo {
    height: 91px;
    width: 150px;
    background-image: url("../district-footers/nlps/nlps-logo.svg");
    background-size: 150px 91px; }
    @media (min-width: 801px) {
      .district__northern-lights-public-schools .district-footer div.district-logo,
      .district__northern-lights-public-schools .district-footer a.district-logo {
        -webkit-box-flex: 0 0 150px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 150px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 150px;
        /* Chrome */
        -ms-flex: 0 0 150px;
        /* IE 10 */
        flex: 0 0 150px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__northern-lights-public-schools .district-footer div.district-logo,
      .district__northern-lights-public-schools .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__northland-school-division .district-footer {
  padding: 83px 0; }
  @media (min-width: 801px) {
    .district__northland-school-division .district-footer:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      height: 267px;
      width: 363px;
      background-image: url("../district-footers/northland/northland-bg.png");
      background-size: 363px 267px;
      background-repeat: no-repeat;
      background-position: right top; } }
  @media (max-width: 800px) {
    .district__northland-school-division .district-footer {
      padding: 40px 0;
      background-image: none; } }
  .district__northland-school-division .district-footer .container {
    z-index: 2; }
  .district__northland-school-division .district-footer div.district-logo,
  .district__northland-school-division .district-footer a.district-logo {
    height: 93px;
    width: 133px;
    background-image: url("../district-footers/northland/northland-logo.png");
    background-size: 133px 93px; }
    @media (min-width: 801px) {
      .district__northland-school-division .district-footer div.district-logo,
      .district__northland-school-division .district-footer a.district-logo {
        -webkit-box-flex: 0 0 133px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 133px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 133px;
        /* Chrome */
        -ms-flex: 0 0 133px;
        /* IE 10 */
        flex: 0 0 133px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__northland-school-division .district-footer div.district-logo,
      .district__northland-school-division .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__palliser-regional-schools .district-footer {
  background-image: url("../district-footers/palliser/palliser-bg.svg");
  background-size: 1757px 540px;
  background-repeat: repeat-x;
  background-position: center bottom -230px;
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__palliser-regional-schools .district-footer {
      padding: 40px 0; } }
  .district__palliser-regional-schools .district-footer .container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 40px; }
  .district__palliser-regional-schools .district-footer div.district-logo,
  .district__palliser-regional-schools .district-footer a.district-logo {
    height: 195px;
    width: 195px;
    background-image: url("../district-footers/palliser/palliser-logo.svg");
    background-size: 195px 195px; }
    @media (min-width: 801px) {
      .district__palliser-regional-schools .district-footer div.district-logo,
      .district__palliser-regional-schools .district-footer a.district-logo {
        -webkit-box-flex: 0 0 195px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 195px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 195px;
        /* Chrome */
        -ms-flex: 0 0 195px;
        /* IE 10 */
        flex: 0 0 195px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__palliser-regional-schools .district-footer div.district-logo,
      .district__palliser-regional-schools .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__red-deer-catholic-regional-schools .district-footer {
  -webkit-font-smoothing: antialiased;
  background-color: #053A6D;
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__red-deer-catholic-regional-schools .district-footer {
      padding: 40px 0; } }
  .district__red-deer-catholic-regional-schools .district-footer .container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 40px; }
  .district__red-deer-catholic-regional-schools .district-footer div.district-logo,
  .district__red-deer-catholic-regional-schools .district-footer a.district-logo {
    height: 120px;
    width: 200px;
    background-image: url("../district-footers/rdcrs/rdcrs-logo.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom; }
    @media (min-width: 801px) {
      .district__red-deer-catholic-regional-schools .district-footer div.district-logo,
      .district__red-deer-catholic-regional-schools .district-footer a.district-logo {
        -webkit-box-flex: 0 0 200px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 200px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 200px;
        /* Chrome */
        -ms-flex: 0 0 200px;
        /* IE 10 */
        flex: 0 0 200px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__red-deer-catholic-regional-schools .district-footer div.district-logo,
      .district__red-deer-catholic-regional-schools .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__st--thomas-aquinas-roman-catholic .district-footer {
  padding: 76px 0; }
  @media (min-width: 801px) {
    .district__st--thomas-aquinas-roman-catholic .district-footer:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      height: 267px;
      width: 380px;
      background-image: url("../district-footers/star/star-bg.png");
      background-size: 380px 267px;
      background-repeat: no-repeat;
      background-position: right top; } }
  @media (max-width: 800px) {
    .district__st--thomas-aquinas-roman-catholic .district-footer {
      padding: 40px 0;
      background-image: none; } }
  .district__st--thomas-aquinas-roman-catholic .district-footer .container {
    z-index: 2; }
  .district__st--thomas-aquinas-roman-catholic .district-footer div.district-logo,
  .district__st--thomas-aquinas-roman-catholic .district-footer a.district-logo {
    height: 115px;
    width: 107px;
    background-image: url("../district-footers/star/star-logo.png");
    background-size: 107px 115px; }
    @media (min-width: 801px) {
      .district__st--thomas-aquinas-roman-catholic .district-footer div.district-logo,
      .district__st--thomas-aquinas-roman-catholic .district-footer a.district-logo {
        -webkit-box-flex: 0 0 107px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 107px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 107px;
        /* Chrome */
        -ms-flex: 0 0 107px;
        /* IE 10 */
        flex: 0 0 107px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__st--thomas-aquinas-roman-catholic .district-footer div.district-logo,
      .district__st--thomas-aquinas-roman-catholic .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__westwind-school-division .district-footer {
  /*background: {
		image: url('../district-footers/westwind/westwind-bg@2x.png');
		size: 587px 281px;
		repeat: no-repeat;
		position: right top;
	}*/
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__westwind-school-division .district-footer {
      padding: 40px 0;
      background-image: none; } }
  .district__westwind-school-division .district-footer div.district-logo,
  .district__westwind-school-division .district-footer a.district-logo {
    height: 116px;
    width: 150px;
    background-image: url("../district-footers/westwind/westwind-logo.png");
    background-size: 150px 116px; }
    @media (min-width: 801px) {
      .district__westwind-school-division .district-footer div.district-logo,
      .district__westwind-school-division .district-footer a.district-logo {
        -webkit-box-flex: 0 0 150px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 150px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 150px;
        /* Chrome */
        -ms-flex: 0 0 150px;
        /* IE 10 */
        flex: 0 0 150px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__westwind-school-division .district-footer div.district-logo,
      .district__westwind-school-division .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__wolf-creek-public-schools .district-footer {
  background-image: url("../district-footers/wolf-creek/wc-bg.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__wolf-creek-public-schools .district-footer {
      padding: 40px 0;
      background-image: none; } }
  .district__wolf-creek-public-schools .district-footer .container {
    display: block; }
  .district__wolf-creek-public-schools .district-footer div.district-logo,
  .district__wolf-creek-public-schools .district-footer a.district-logo {
    height: 77px;
    width: 390px;
    background-image: url("../district-footers/wolf-creek/wc-logo.svg");
    background-size: 390px 77px; }
    @media (min-width: 801px) {
      .district__wolf-creek-public-schools .district-footer div.district-logo,
      .district__wolf-creek-public-schools .district-footer a.district-logo {
        -webkit-box-flex: 0 0 390px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 390px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 390px;
        /* Chrome */
        -ms-flex: 0 0 390px;
        /* IE 10 */
        flex: 0 0 390px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__wolf-creek-public-schools .district-footer div.district-logo,
      .district__wolf-creek-public-schools .district-footer a.district-logo {
        margin: 0 auto 15px; } }
  @media (min-width: 801px) {
    .district__wolf-creek-public-schools .district-footer p.district-links {
      max-width: 625px; }
      .district__wolf-creek-public-schools .district-footer p.district-links input[type="text"],
      .district__wolf-creek-public-schools .district-footer p.district-links select:not([class*="ui-"]) {
        width: 300px;
        display: inline-block;
        vertical-align: middle; }
        .district__wolf-creek-public-schools .district-footer p.district-links input[type="text"] + input[type="text"],
        .district__wolf-creek-public-schools .district-footer p.district-links input[type="text"] + select:not([class*="ui-"]),
        .district__wolf-creek-public-schools .district-footer p.district-links select:not([class*="ui-"]) + input[type="text"],
        .district__wolf-creek-public-schools .district-footer p.district-links select:not([class*="ui-"]) + select:not([class*="ui-"]) {
          margin-left: 20px; } }
  @media (min-width: 801px) {
    .district__wolf-creek-public-schools .district-footer p.siteby {
      margin-top: 15px; } }
.district__wetaskiwin-regional-public-schools---wrps .district-footer {
  padding: 80px 0; }
  @media (min-width: 801px) {
    .district__wetaskiwin-regional-public-schools---wrps .district-footer:after {
      content: "";
      display: block;
      position: absolute;
      top: 80px;
      right: 0;
      height: 59px;
      width: 287px;
      background-image: url("../district-footers/wrps/wrps-bg.png");
      background-size: 287px 59px;
      background-repeat: no-repeat;
      background-position: right top; } }
  @media (max-width: 800px) {
    .district__wetaskiwin-regional-public-schools---wrps .district-footer {
      padding: 40px 0;
      background-image: none; } }
  .district__wetaskiwin-regional-public-schools---wrps .district-footer div.district-logo,
  .district__wetaskiwin-regional-public-schools---wrps .district-footer a.district-logo {
    height: 123px;
    width: 139px;
    background-image: url("../district-footers/wrps/wrps-logo.png");
    background-size: 139px 123px; }
    @media (min-width: 801px) {
      .district__wetaskiwin-regional-public-schools---wrps .district-footer div.district-logo,
      .district__wetaskiwin-regional-public-schools---wrps .district-footer a.district-logo {
        -webkit-box-flex: 0 0 139px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 139px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 139px;
        /* Chrome */
        -ms-flex: 0 0 139px;
        /* IE 10 */
        flex: 0 0 139px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__wetaskiwin-regional-public-schools---wrps .district-footer div.district-logo,
      .district__wetaskiwin-regional-public-schools---wrps .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__wild-rose-school-division---wrsd .district-footer {
  -webkit-font-smoothing: antialiased;
  background-image: url("../district-footers/wrsd/wrsd-bg-2.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__wild-rose-school-division---wrsd .district-footer {
      padding: 40px 0;
      background-image: none; } }
  .district__wild-rose-school-division---wrsd .district-footer .container {
    max-width: 1500px;
    margin: 0 auto;
    padding: 0 40px; }
  .district__wild-rose-school-division---wrsd .district-footer div.district-logo,
  .district__wild-rose-school-division---wrsd .district-footer a.district-logo {
    height: 150px;
    width: 150px;
    background-image: url("../district-footers/wrsd/wrsd-logo.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom; }
    @media (min-width: 801px) {
      .district__wild-rose-school-division---wrsd .district-footer div.district-logo,
      .district__wild-rose-school-division---wrsd .district-footer a.district-logo {
        -webkit-box-flex: 0 0 150px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 150px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 150px;
        /* Chrome */
        -ms-flex: 0 0 150px;
        /* IE 10 */
        flex: 0 0 150px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__wild-rose-school-division---wrsd .district-footer div.district-logo,
      .district__wild-rose-school-division---wrsd .district-footer a.district-logo {
        margin: 0 auto 15px; } }
.district__grande-yellowhead-public-school-division .district-footer {
  background-image: url("../district-footers/gypsd/graphic-pattern.svg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right center;
  padding: 80px 0; }
  @media (max-width: 800px) {
    .district__grande-yellowhead-public-school-division .district-footer {
      padding: 40px 0;
      background-image: none; } }
  .district__grande-yellowhead-public-school-division .district-footer .container {
    display: block; }
  .district__grande-yellowhead-public-school-division .district-footer div.district-logo,
  .district__grande-yellowhead-public-school-division .district-footer a.district-logo {
    height: 77px;
    width: 240px;
    background-image: url("../district-footers/gypsd/gypsd-logo.jpg");
    background-size: contain;
    background-repeat: no-repeat; }
    @media (min-width: 801px) {
      .district__grande-yellowhead-public-school-division .district-footer div.district-logo,
      .district__grande-yellowhead-public-school-division .district-footer a.district-logo {
        -webkit-box-flex: 0 0 240px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 240px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 240px;
        /* Chrome */
        -ms-flex: 0 0 240px;
        /* IE 10 */
        flex: 0 0 240px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__grande-yellowhead-public-school-division .district-footer div.district-logo,
      .district__grande-yellowhead-public-school-division .district-footer a.district-logo {
        margin: 0 auto 15px; } }
  @media (min-width: 801px) {
    .district__grande-yellowhead-public-school-division .district-footer p.district-links {
      max-width: 625px; }
      .district__grande-yellowhead-public-school-division .district-footer p.district-links input[type="text"],
      .district__grande-yellowhead-public-school-division .district-footer p.district-links select:not([class*="ui-"]) {
        width: 300px;
        margin-top: 30px;
        display: inline-block;
        vertical-align: middle; }
        .district__grande-yellowhead-public-school-division .district-footer p.district-links input[type="text"] + input[type="text"],
        .district__grande-yellowhead-public-school-division .district-footer p.district-links input[type="text"] + select:not([class*="ui-"]),
        .district__grande-yellowhead-public-school-division .district-footer p.district-links select:not([class*="ui-"]) + input[type="text"],
        .district__grande-yellowhead-public-school-division .district-footer p.district-links select:not([class*="ui-"]) + select:not([class*="ui-"]) {
          margin-left: 20px; } }
  @media (min-width: 801px) {
    .district__grande-yellowhead-public-school-division .district-footer p.siteby {
      margin-top: 15px; } }
.district__lethbridge-school-district .district-footer {
  padding: 40px 0; }
  @media (max-width: 800px) {
    .district__lethbridge-school-district .district-footer {
      padding: 20px 0;
      background-image: none; } }
  @media (min-width: 985px) {
    .district__lethbridge-school-district .district-footer:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      top: 0;
      width: 100%;
      background-image: url("../district-footers/lethsd/LethSD-bg.svg");
      background-size: 1247px 611px;
      background-repeat: no-repeat;
      background-position: right -200px center;
      background-blend-mode: multiply; } }
  .district__lethbridge-school-district .district-footer .container {
    z-index: 2; }
  .district__lethbridge-school-district .district-footer div.district-logo,
  .district__lethbridge-school-district .district-footer a.district-logo {
    height: 130px;
    width: 151px;
    flex: 0 0 151px;
    background-image: url("../district-footers/lethsd/LethSD-logo.svg");
    background-repeat: no-repeat;
    background-size: 151px 130px; }
    @media (min-width: 801px) {
      .district__lethbridge-school-district .district-footer div.district-logo,
      .district__lethbridge-school-district .district-footer a.district-logo {
        margin-right: 57px; } }
    @media (max-width: 800px) {
      .district__lethbridge-school-district .district-footer div.district-logo,
      .district__lethbridge-school-district .district-footer a.district-logo {
        margin: 0 auto 20px; } }
  @media (min-width: 801px) {
    .district__lethbridge-school-district .district-footer p.district-links {
      max-width: 625px; }
      .district__lethbridge-school-district .district-footer p.district-links input[type="text"],
      .district__lethbridge-school-district .district-footer p.district-links select:not([class*="ui-"]) {
        width: 300px;
        display: block; }
        .district__lethbridge-school-district .district-footer p.district-links input[type="text"] + input[type="text"],
        .district__lethbridge-school-district .district-footer p.district-links input[type="text"] + select:not([class*="ui-"]),
        .district__lethbridge-school-district .district-footer p.district-links select:not([class*="ui-"]) + input[type="text"],
        .district__lethbridge-school-district .district-footer p.district-links select:not([class*="ui-"]) + select:not([class*="ui-"]) {
          margin-top: 15px; } }
  @media (min-width: 985px) {
    .district__lethbridge-school-district .district-footer p.siteby {
      position: absolute;
      bottom: 0;
      right: 60px;
      z-index: 1; } }
  @media (min-width: 1121px) {
    .district__lethbridge-school-district .district-footer p.siteby {
      right: 60px; } }
.district__battle-river-school-division .district-footer {
  padding: 34px 0 0; }
  .district__battle-river-school-division .district-footer .container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 30px 40px 64px;
    position: relative;
    background-image: url("../district-footers/brsd/brsd-bg.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right 12% bottom -10px; }
  .district__battle-river-school-division .district-footer div.district-logo,
  .district__battle-river-school-division .district-footer a.district-logo {
    height: 113px;
    width: 115px;
    margin-right: 36px;
    margin-top: 7px;
    background-image: url("../district-footers/brsd/brsd-logo.svg");
    background-size: contain; }
  @media (max-width: 800px) {
    .district__battle-river-school-division .district-footer .container {
      padding-top: 0;
      padding-bottom: 24px; }
    .district__battle-river-school-division .district-footer div.district-logo,
    .district__battle-river-school-division .district-footer a.district-logo {
      margin: 0 auto; } }
.district__livingstone-range-school-division .district-footer {
  padding: 72px 0 82px;
  position: relative; }
  .district__livingstone-range-school-division .district-footer button {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0; }
  .district__livingstone-range-school-division .district-footer input[type="text"],
  .district__livingstone-range-school-division .district-footer select:not([class*="ui-"]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: block;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    outline: none;
    border-radius: 0;
    border: none;
    background: none; }
  .district__livingstone-range-school-division .district-footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #36363C; }
  .district__livingstone-range-school-division .district-footer .container {
    position: relative; }
    @media (min-width: 801px) {
      .district__livingstone-range-school-division .district-footer .container {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;
        /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;
        /* IE 10 */
        display: -webkit-flex;
        /* NEW - Chrome */
        display: flex;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        -webkit-justify-content: flex-start;
        /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
        -moz-justify-content: flex-start;
        /* OLD - Firefox 19- */
        -ms-flex-pack: flex-start;
        /* IE 10 */
        justify-content: flex-start;
        -webkit-align-items: center;
        /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
        -moz-align-items: center;
        /* OLD - Firefox 19- */
        -ms-flex-align: center;
        /* IE 10 */
        align-items: center; } }
  .district__livingstone-range-school-division .district-footer div.district-logo,
  .district__livingstone-range-school-division .district-footer a.district-logo {
    height: 109px;
    width: 152px;
    background-image: url("../district-footers/lrsd/logo-lrsd-white.png");
    background-repeat: no-repeat;
    background-size: 152px 109px;
    background-position: center;
    display: block; }
    @media (min-width: 801px) {
      .district__livingstone-range-school-division .district-footer div.district-logo,
      .district__livingstone-range-school-division .district-footer a.district-logo {
        -webkit-box-flex: 0 0 152px;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 0 152px;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 0 152px;
        /* Chrome */
        -ms-flex: 0 0 152px;
        /* IE 10 */
        flex: 0 0 152px;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 46px;
        margin-top: 18px; } }
    @media (max-width: 800px) {
      .district__livingstone-range-school-division .district-footer div.district-logo,
      .district__livingstone-range-school-division .district-footer a.district-logo {
        margin: 0 auto 15px; } }
    .district__livingstone-range-school-division .district-footer div.district-logo:hover, .district__livingstone-range-school-division .district-footer div.district-logo:focus,
    .district__livingstone-range-school-division .district-footer a.district-logo:hover,
    .district__livingstone-range-school-division .district-footer a.district-logo:focus {
      opacity: 0.7; }
  .district__livingstone-range-school-division .district-footer p.district-links {
    max-width: 300px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.66); }
    @media (min-width: 801px) {
      .district__livingstone-range-school-division .district-footer p.district-links {
        -webkit-box-flex: 0 1 100%;
        /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-flex: 0 1 100%;
        /* OLD - Firefox 19- */
        -webkit-flex: 0 1 100%;
        /* Chrome */
        -ms-flex: 0 1 100%;
        /* IE 10 */
        flex: 0 1 100%;
        /* NEW, Spec - Opera 12.1, Firefox 20+ */
        margin-right: 50px; } }
    @media (max-width: 800px) {
      .district__livingstone-range-school-division .district-footer p.district-links {
        margin: 0 auto; } }
  @media (min-width: 801px) {
    .district__livingstone-range-school-division .district-footer p.siteby {
      -webkit-box-flex: 0 0 125px;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 0 0 125px;
      /* OLD - Firefox 19- */
      -webkit-flex: 0 0 125px;
      /* Chrome */
      -ms-flex: 0 0 125px;
      /* IE 10 */
      flex: 0 0 125px;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      -ms-flex-item-align: flex-end;
      /* IE 10 */
      -webkit-align-self: flex-end;
      /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
      -moz-align-self: flex-end;
      /* OLD - Firefox 19- */
      align-self: flex-end;
      margin: 0 0 0 auto; } }
  @media (max-width: 800px) {
    .district__livingstone-range-school-division .district-footer p.siteby {
      margin: 30px auto 0; } }
  .district__livingstone-range-school-division .district-footer input[type="text"],
  .district__livingstone-range-school-division .district-footer select:not([class*="ui-"]) {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    height: 36px;
    margin-top: 15px;
    background-color: rgba(255, 255, 255, 0.25);
    padding: 0 35px 0 10px;
    background-image: url("../district-footers/base/dropdown-arrow-white.svg");
    background-size: 18px 11px;
    background-repeat: no-repeat;
    background-position: right 15px center;
    -webkit-transition: 0.25s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: 0.25s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
    .district__livingstone-range-school-division .district-footer input[type="text"] option,
    .district__livingstone-range-school-division .district-footer select:not([class*="ui-"]) option {
      color: #555555;
      background-color: #fff; }
    .district__livingstone-range-school-division .district-footer input[type="text"]:hover, .district__livingstone-range-school-division .district-footer input[type="text"]:focus,
    .district__livingstone-range-school-division .district-footer select:not([class*="ui-"]):hover,
    .district__livingstone-range-school-division .district-footer select:not([class*="ui-"]):focus {
      background-color: rgba(255, 255, 255, 0.35); }
  .district__livingstone-range-school-division .district-footer #boxclever-logo {
    font-size: 18px;
    color: #fff; }
  .district__livingstone-range-school-division .district-footer #boxclever-logo-svg {
    color: #fff; }

/* Common use Box Clever logo Styles
 * -------------------------------------------------------------------------- */
p.siteby {
  text-align: right; }
  @media (max-width: 800px) {
    p.siteby {
      text-align: center; } }
#boxclever-logo {
  display: inline-block;
  position: relative;
  overflow: hidden;
  line-height: 1;
  height: 30px;
  color: #FFF;
  padding-right: 30px; }
  #boxclever-logo span {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    -webkit-transition: 0.25s;
    /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
    transition: 0.25s;
    /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */ }
  #boxclever-logo span.text {
    text-align: left;
    overflow: hidden;
    -webkit-transform: scale(1, 1);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: scale(1, 1);
    /* IE 9 */
    transform: scale(1, 1);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transform-origin: 0 50%;
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform-origin: 0 50%;
    /* IE 9 */
    transform-origin: 0 50%;
    /* Firefox 16+, IE 10+, Opera */
    white-space: nowrap;
    opacity: 1;
    line-height: 30px; }
  #boxclever-logo span.logo {
    position: absolute;
    left: calc(100% - 20px);
    top: 5px; }
  #boxclever-logo svg {
    display: block;
    width: 110px;
    height: auto; }
  #boxclever-logo:hover span.text, #boxclever-logo:focus span.text {
    -webkit-transform: scale(0.5, 0.5);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: scale(0.5, 0.5);
    /* IE 9 */
    transform: scale(0.5, 0.5);
    /* Firefox 16+, IE 10+, Opera */
    opacity: 0; }
  #boxclever-logo:hover span.logo, #boxclever-logo:focus span.logo {
    left: 0; }

#boxclever-logo-svg {
  color: #FFF; }

/* ==========================================================================
   General Styles
   ========================================================================== */
/* Calendar Print
  * -------------------------------------------------------------------------- */
@media print {
  .page-template__calendar .secondary-nav,
  .page-template__calendar .featured-content,
  .page-template__calendar .school-footer,
  .page-template__calendar .district-footer,
  .page-template__calendar .emergency-notice__trigger,
  .page-template__calendar .site-search__popup,
  .page-template__calendar .breadcrumbs,
  .page-template__calendar .calendar-page__header,
  .page-template__calendar #list-calendar,
  .page-template__calendar .wg-admin-bar,
  .page-template__calendar .article,
  .page-template__calendar .microsite-bar {
    display: none !important; }
  .page-template__calendar .school-header {
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    position: static !important; }
    .page-template__calendar .school-header .school-header__logo,
    .page-template__calendar .school-header .school-header__links,
    .page-template__calendar .school-header #main-nav,
    .page-template__calendar .school-header #school-quicklinks {
      display: none !important; }
    .page-template__calendar .school-header .container {
      height: auto !important;
      padding: 0 !important;
      max-width: 100% !important;
      width: 100% !important;
      margin: 0 !important;
      position: static !important; }
    .page-template__calendar .school-header .school-header__name {
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
      font-style: normal !important;
      font-size: 50px !important;
      font-weight: 700 !important;
      color: #000 !important;
      position: absolute;
      bottom: 20px;
      left: 20px;
      opacity: 0.05; }
  .page-template__calendar #grid-calendar {
    display: block !important; }
  .page-template__calendar .page-content {
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important; }
  .page-template__calendar .calendar-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important; }
  .page-template__calendar #grid-calendar {
    display: block !important; }
    .page-template__calendar #grid-calendar tr.calendar_nav .th_prev a,
    .page-template__calendar #grid-calendar tr.calendar_nav .th_next a {
      display: none !important; }
    .page-template__calendar #grid-calendar table {
      width: calc(100% - 2px); }
    .page-template__calendar #grid-calendar td {
      width: 14.28%;
      border: 1px solid #000;
      background-color: #FFF;
      padding: 0; }
    .page-template__calendar #grid-calendar tr.calendar_nav {
      border: none; }
      .page-template__calendar #grid-calendar tr.calendar_nav th {
        padding: 10px 20px; }
      .page-template__calendar #grid-calendar tr.calendar_nav .month_heading {
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        color: #000; }
    .page-template__calendar #grid-calendar tr.calendar_nav + tr {
      border: 1px solid #000;
      border-bottom: none; }
      .page-template__calendar #grid-calendar tr.calendar_nav + tr td {
        text-align: center;
        padding: 5px 10px 8px;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
        font-style: normal;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        border: none; }
    .page-template__calendar #grid-calendar td.cal_daycell {
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
      font-style: normal;
      font-size: 10px;
      font-weight: 400;
      color: #000;
      padding: 5px;
      break-inside: avoid; }
      .page-template__calendar #grid-calendar td.cal_daycell a {
        text-decoration: none;
        display: inline;
        margin-right: 5px; }
      .page-template__calendar #grid-calendar td.cal_daycell br {
        display: none; }
      .page-template__calendar #grid-calendar td.cal_daycell span.event_date {
        display: inline;
        white-space: nowrap; }
      .page-template__calendar #grid-calendar td.cal_daycell p {
        margin: 0 0 5px !important; }
    .page-template__calendar #grid-calendar .cal_fullcell {
      min-height: 50px; } }

/* Galleries - Slider
 * -------------------------------------------------------------------------- */
.gallery-article.carousel .slider-photos__container .slick-track {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-justify-content: flex-start;
  /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
  -moz-justify-content: flex-start;
  /* OLD - Firefox 19- */
  -ms-flex-pack: flex-start;
  /* IE 10 */
  justify-content: flex-start; }

.gallery-article.carousel .slider-photos__container .slick-slide {
  height: auto;
  position: relative;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-align-items: center;
  /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
  -moz-align-items: center;
  /* OLD - Firefox 19- */
  -ms-flex-align: center;
  /* IE 10 */
  align-items: center;
  -webkit-justify-content: center;
  /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
  -moz-justify-content: center;
  /* OLD - Firefox 19- */
  -ms-flex-pack: center;
  /* IE 10 */
  justify-content: center; }

.gallery-article.carousel .slider-photos__container a {
  display: block; }
  .gallery-article.carousel .slider-photos__container a img {
    display: block;
    -webkit-transition: all 0.25s;
    transition: all 0.25s; }
  .gallery-article.carousel .slider-photos__container a:hover img, .gallery-article.carousel .slider-photos__container a:focus img {
    opacity: 0.8; }

.gallery-article.carousel .slider-photos__container .caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 37px;
  line-height: 37px;
  padding: 0 60px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFF;
  text-align: center;
  font-weight: 300;
  font-size: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.gallery-article.carousel .slider-photos__container .slick-arrow {
  height: 37px;
  width: 42px;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0;
  position: absolute;
  z-index: 1;
  bottom: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  font-size: 0; }
  .gallery-article.carousel .slider-photos__container .slick-arrow:before, .gallery-article.carousel .slider-photos__container .slick-arrow:after {
    content: "";
    display: block;
    height: 2px;
    width: 14px;
    background-color: #fff;
    position: absolute; }
  .gallery-article.carousel .slider-photos__container .slick-arrow:before {
    top: 13px; }
  .gallery-article.carousel .slider-photos__container .slick-arrow:after {
    bottom: 13px; }
  .gallery-article.carousel .slider-photos__container .slick-arrow:hover, .gallery-article.carousel .slider-photos__container .slick-arrow:focus {
    background-color: rgba(0, 0, 0, 0.8); }
  .gallery-article.carousel .slider-photos__container .slick-arrow.slick-disabled {
    opacity: 0;
    pointer-events: none; }

.gallery-article.carousel .slider-photos__container .slick-prev {
  left: 0; }
  .gallery-article.carousel .slider-photos__container .slick-prev:before, .gallery-article.carousel .slider-photos__container .slick-prev:after {
    left: 12px; }
  .gallery-article.carousel .slider-photos__container .slick-prev:before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .gallery-article.carousel .slider-photos__container .slick-prev:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.gallery-article.carousel .slider-photos__container .slick-next {
  right: 0; }
  .gallery-article.carousel .slider-photos__container .slick-next:before, .gallery-article.carousel .slider-photos__container .slick-next:after {
    right: 12px; }
  .gallery-article.carousel .slider-photos__container .slick-next:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .gallery-article.carousel .slider-photos__container .slick-next:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.gallery-article.carousel .slider-thumbnails__container {
  padding-top: 20px; }
  .gallery-article.carousel .slider-thumbnails__container .slick-track {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-justify-content: flex-start;
    /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
    -moz-justify-content: flex-start;
    /* OLD - Firefox 19- */
    -ms-flex-pack: flex-start;
    /* IE 10 */
    justify-content: flex-start;
    -webkit-align-items: center;
    /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
    -moz-align-items: center;
    /* OLD - Firefox 19- */
    -ms-flex-align: center;
    /* IE 10 */
    align-items: center; }
  .gallery-article.carousel .slider-thumbnails__container .slick-slide {
    float: none; }
    .gallery-article.carousel .slider-thumbnails__container .slick-slide img {
      display: block;
      height: auto;
      width: 100%; }
    .gallery-article.carousel .slider-thumbnails__container .slick-slide:hover, .gallery-article.carousel .slider-thumbnails__container .slick-slide:focus {
      outline: none;
      cursor: pointer; }
    .gallery-article.carousel .slider-thumbnails__container .slick-slide + .slick-slide {
      margin-left: 15px; }
    .gallery-article.carousel .slider-thumbnails__container .slick-slide.slick-current {
      -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5);
      box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.5); }

/* Google Translate Styles
 * -------------------------------------------------------------------------- */
#google-translate-element {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100; }

/* Bookings
 * -------------------------------------------------------------------------- */
[class^="bookings-section__"] .select-wrap {
  position: relative; }
  [class^="bookings-section__"] .select-wrap:before {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    z-index: 1;
    display: none;
    background-image: url("../../all_img/generic-loader.gif");
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat; }
  [class^="bookings-section__"] .select-wrap.loading select {
    opacity: 0.8; }
  [class^="bookings-section__"] .select-wrap.loading:before {
    display: block; }

[class^="bookings-section__"] .button--add-more {
  position: relative; }
  [class^="bookings-section__"] .button--add-more:before {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -8px -25px 0 0;
    display: none;
    background-image: url("../../all_img/generic-loader.gif");
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat; }
  [class^="bookings-section__"] .button--add-more.loading:before {
    display: block; }

[class^="bookings-section__"] .row.submit {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  -webkit-align-items: flex-end;
  /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
  -moz-align-items: flex-end;
  /* OLD - Firefox 19- */
  -ms-flex-align: flex-end;
  /* IE 10 */
  align-items: flex-end;
  -webkit-justify-content: flex-start;
  /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
  -moz-justify-content: flex-start;
  /* OLD - Firefox 19- */
  -ms-flex-pack: flex-start;
  /* IE 10 */
  justify-content: flex-start; }
  [class^="bookings-section__"] .row.submit input.next,
  [class^="bookings-section__"] .row.submit input.submit {
    margin: 0 0 0 auto; }

[class^="bookings-section__"] .time-slots-grid .time-slots__day .time-slots__table {
  max-width: 100%;
  overflow-x: auto; }

[class^="bookings-section__"] .time-slots-grid .time-slots__day .times-slots__times {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */
  padding-left: 200px; }
  [class^="bookings-section__"] .time-slots-grid .time-slots__day .times-slots__times .time {
    -webkit-box-flex: 0 0 50px;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 0 50px;
    /* OLD - Firefox 19- */
    -webkit-flex: 0 0 50px;
    /* Chrome */
    -ms-flex: 0 0 50px;
    /* IE 10 */
    flex: 0 0 50px;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    writing-mode: vertical-lr;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
    -moz-align-items: center;
    /* OLD - Firefox 19- */
    -ms-flex-align: center;
    /* IE 10 */
    align-items: center;
    -webkit-justify-content: flex-end;
    /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
    -moz-justify-content: flex-end;
    /* OLD - Firefox 19- */
    -ms-flex-pack: flex-end;
    /* IE 10 */
    justify-content: flex-end; }
    [class^="bookings-section__"] .time-slots-grid .time-slots__day .times-slots__times .time span {
      display: inline-block;
      text-orientation: sideways-right;
      -webkit-transform: rotate(180deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(180deg);
      /* IE 9 */
      transform: rotate(180deg);
      /* Firefox 16+, IE 10+, Opera */ }

[class^="bookings-section__"] .time-slots-grid .time-slots__day .time-slots__dependent {
  width: 100%; }

[class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-class, [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-event {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-class .class-title, [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-class .event-title, [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-event .class-title, [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-event .event-title {
    -webkit-box-flex: 0 0 200px;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 0 200px;
    /* OLD - Firefox 19- */
    -webkit-flex: 0 0 200px;
    /* Chrome */
    -ms-flex: 0 0 200px;
    /* IE 10 */
    flex: 0 0 200px;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    max-width: 200px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    /* OLD - iOS 6-, Safari 3.1-6, NEW - Chrome */
    -moz-align-items: center;
    /* OLD - Firefox 19- */
    -ms-flex-align: center;
    /* IE 10 */
    align-items: center; }
  [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-class .class-availability, [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-class .event-availability, [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-event .class-availability, [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-event .event-availability {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 0 1 100%;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 1 100%;
    /* OLD - Firefox 19- */
    -webkit-flex: 0 1 100%;
    /* Chrome */
    -ms-flex: 0 1 100%;
    /* IE 10 */
    flex: 0 1 100%;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
  [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-class .option, [class^="bookings-section__"] .time-slots-grid .time-slots__day .dependent-event .option {
    -webkit-box-flex: 0 0 50px;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 0 0 50px;
    /* OLD - Firefox 19- */
    -webkit-flex: 0 0 50px;
    /* Chrome */
    -ms-flex: 0 0 50px;
    /* IE 10 */
    flex: 0 0 50px;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    text-align: center; }

[class^="bookings-section__"] .confirmation-article {
  background: linear-gradient(135deg, #E1E4E6 0%, rgba(227, 229, 230, 0.1) 100%);
  padding: 35px 30px; }

/* IE 10/11+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [class^="bookings-section__"] .time-slots-grid .time-slots__day .times-slots__times .time {
    -ms-writing-mode: tb-lr;
    min-width: 50px; }
    [class^="bookings-section__"] .time-slots-grid .time-slots__day .times-slots__times .time span {
      -webkit-transform: rotate(0deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);
      /* IE 9 */
      transform: rotate(0deg);
      /* Firefox 16+, IE 10+, Opera */ } }

/* Edge */
@supports (-ms-ime-align: auto) {
  [class^="bookings-section__"] .time-slots-grid .time-slots__day .times-slots__times .time {
    -ms-writing-mode: tb-lr;
    min-width: 50px; }
    [class^="bookings-section__"] .time-slots-grid .time-slots__day .times-slots__times .time span {
      -webkit-transform: rotate(0deg);
      /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(0deg);
      /* IE 9 */
      transform: rotate(0deg);
      /* Firefox 16+, IE 10+, Opera */ } }

.bookings-confirmation__popup {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Opera 15+, Safari 3.1+ */
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  transform: translate(-50%, -50%);
  /* Firefox 16+, IE 10+, Opera */
  z-index: 100;
  max-width: 600px;
  width: 90%;
  max-height: 90%;
  overflow-y: auto;
  background-color: #fff; }
  .bookings-confirmation__popup .popup-content {
    padding: 25px;
    width: 100%;
    box-sizing: border-box; }

.bookings-confirmation__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.3); }

/* Staff Directory - Contact Modal
 * -------------------------------------------------------------------------- */