/*!
 ** Project: Allegiance
 ** Author: Piotr Kulpinski <http://kulpinski.pl>
 ** --------------------------------
 **/
/*
 ** Variables
 ** -----------------------------------------------------------------------------*/
/*
 ** Mixins
 ** -----------------------------------------------------------------------------*/
/*
 ** Setup - Normalize
 ** -----------------------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
/*  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;*/
}

:root {
  font-size: 62.5%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

*,
::before,
::after {
  box-sizing: inherit;
}

body::before {
  display: none;
  content: 'tiny';
}

@media (min-width: 480px) {
  body::before {
    content: 'small';
  }
}

@media (min-width: 768px) {
  body::before {
    content: 'medium';
  }
}

@media (min-width: 992px) {
  body::before {
    content: 'large';
  }
}

a, button {
  cursor: pointer;
  color: currentColor;
  text-decoration: none;
}

a:focus, button:focus {
  outline: none;
}

img {
  display: block;
  max-width: 100%;
}

/*!
 ** Common - Base
 ** -----------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, strong, blockquote,
p, ul, ol, dl, dt, dd, img, figure {
  margin: 0;
  padding: 0;
  font-weight: inherit;
  font-size: inherit;
  list-style: none;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

html *,
html *::before,
html *::after {
  box-sizing: inherit;
}

body {
  background: #000000;
  color: #ffffff;
  font-family: "Avenir Next", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.4em;
  line-height: 1.2;
  /**
   * These values will not show up in content, but can be
   * queried by JavaScript to know which breakpoint is active.
   * Add or remove as many breakpoints as you like.
   */
}

body::before {
  display: none;
  content: 'tiny';
}

@media (min-width: 480px) {
  body::before {
    content: 'small';
  }
}

@media (min-width: 768px) {
  body::before {
    content: 'medium';
  }
}

@media (min-width: 992px) {
  body::before {
    content: 'large';
  }
}

body.has-popup {
  overflow: hidden;
}

a, button {
  color: currentColor;
  text-decoration: none;
  -webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;
  transition: color 0.2s, background-color 0.2s, border-color 0.2s, opacity 0.2s;
}

a:focus, button:focus {
  outline: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

/*!
 ** Common - Fonts
 ** -----------------------------------------------------------------------------*/
@font-face {
  font-family: 'Avenir Next';
  src: url("../fonts/avenirnext-ultralight.eot");
  src: url("../fonts/avenirnext-ultralight.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnext-ultralight.woff") format("woff"), url("../fonts/avenirnext-ultralight.ttf") format("truetype"), url("../fonts/avenirnext-ultralight.svg") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url("../fonts/avenirnext-regular.eot");
  src: url("../fonts/avenirnext-regular.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnext-regular.woff") format("woff"), url("../fonts/avenirnext-regular.ttf") format("truetype"), url("../fonts/avenirnext-regular.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url("../fonts/avenirnext-medium.eot");
  src: url("../fonts/avenirnext-medium.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnext-medium.woff") format("woff"), url("../fonts/avenirnext-medium.ttf") format("truetype"), url("../fonts/avenirnext-medium.svg") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url("../fonts/avenirnext-demibold.eot");
  src: url("../fonts/avenirnext-demibold.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnext-demibold.woff") format("woff"), url("../fonts/avenirnext-demibold.ttf") format("truetype"), url("../fonts/avenirnext-demibold.svg") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next';
  src: url("../fonts/avenirnext-bold.eot");
  src: url("../fonts/avenirnext-bold.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnext-bold.woff") format("woff"), url("../fonts/avenirnext-bold.ttf") format("truetype"), url("../fonts/avenirnext-bold.svg") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url("../fonts/avenirnextcondensed-ultralight.eot");
  src: url("../fonts/avenirnextcondensed-ultralight.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnextcondensed-ultralight.woff") format("woff"), url("../fonts/avenirnextcondensed-ultralight.ttf") format("truetype"), url("../fonts/avenirnextcondensed-ultralight.svg") format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url("../fonts/avenirnextcondensed-regular.eot");
  src: url("../fonts/avenirnextcondensed-regular.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnextcondensed-regular.woff") format("woff"), url("../fonts/avenirnextcondensed-regular.ttf") format("truetype"), url("../fonts/avenirnextcondensed-regular.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url("../fonts/avenirnextcondensed-medium.eot");
  src: url("../fonts/avenirnextcondensed-medium.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnextcondensed-medium.woff") format("woff"), url("../fonts/avenirnextcondensed-medium.ttf") format("truetype"), url("../fonts/avenirnextcondensed-medium.svg") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url("../fonts/avenirnextcondensed-demibold.eot");
  src: url("../fonts/avenirnextcondensed-demibold.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnextcondensed-demibold.woff") format("woff"), url("../fonts/avenirnextcondensed-demibold.ttf") format("truetype"), url("../fonts/avenirnextcondensed-demibold.svg") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir Next Condensed';
  src: url("../fonts/avenirnextcondensed-bold.eot");
  src: url("../fonts/avenirnextcondensed-bold.eot#iefix") format("embedded-opentype"), url("../fonts/avenirnextcondensed-bold.woff") format("woff"), url("../fonts/avenirnextcondensed-bold.ttf") format("truetype"), url("../fonts/avenirnextcondensed-bold.svg") format("svg");
  font-weight: 700;
  font-style: normal;
}

/*!
 ** Common - Layout
 ** -----------------------------------------------------------------------------*/
.container {
  position: relative;
  max-width: 1044px;
  padding: 0 10px;
  margin: 0 auto;
}

.container::after {
  content: '';
  display: table;
  clear: both;
}

.container--narrow {
  max-width: 880px;
}

.body-bag {
  width: 100%;
  overflow: hidden;
  color: #000000;
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-viewport {
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  display: block;
  background-color: transparent;
  border: 0;
  color: #c54b38;
  line-height: 1;
  -webkit-text-stroke: 1px #ffffff;
  cursor: pointer;
  opacity: 0.75;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.flickity-prev-next-button::before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 4rem;
}

@media (min-width: 768px) {
  .flickity-prev-next-button::before {
    font-size: 8rem;
  }
}

.flickity-prev-next-button:hover {
  opacity: 1;
}

.flickity-prev-next-button:focus {
  outline: none;
}

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button.previous {
  left: 5px;
}

@media (min-width: 768px) {
  .flickity-prev-next-button.previous {
    left: 20px;
  }
}

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 5px;
}

@media (min-width: 768px) {
  .flickity-rtl .flickity-prev-next-button.previous {
    right: 20px;
  }
}

.flickity-prev-next-button.next {
  right: 5px;
}

@media (min-width: 768px) {
  .flickity-prev-next-button.next {
    right: 20px;
  }
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 5px;
}

@media (min-width: 768px) {
  .flickity-rtl .flickity-prev-next-button.next {
    left: 20px;
  }
}

.flickity-prev-next-button svg {
  display: none;
}

/*
 ** Vendor - Icomoon
 ** -----------------------------------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-uu0kh2");
  src: url("../fonts/icomoon.eot?#iefix-uu0kh2") format("embedded-opentype"), url("../fonts/icomoon.woff?-uu0kh2") format("woff"), url("../fonts/icomoon.ttf?-uu0kh2") format("truetype"), url("../fonts/icomoon.svg?-uu0kh2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^='icon-'],
[class*=' icon-'] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}

.icon-close::before, .popup-close::before {
  content: '\e60f';
}

.icon-arrow-thin-left::before, .flickity-prev-next-button.previous::before {
  content: '\e800';
}

.icon-arrow-thin-right::before, .flickity-prev-next-button.next::before {
  content: '\e801';
}

.icon-arrow-bottom::before {
  content: '\e60b';
}

.icon-arrow-left::before {
  content: '\e60c';
}

.icon-arrow-right::before {
  content: '\e60d';
}

.icon-arrow-top::before {
  content: '\e60e';
}

.icon-menu::before {
  content: '\e60a';
}

.icon-live-info::before {
  content: '\e609';
}

.icon-facebook::before {
  content: '\e600';
}

.icon-instagram::before {
  content: '\e601';
}

.icon-pinterest::before {
  content: '\e602';
}

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

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

.icon-info::before {
  content: '\e605';
}

.icon-unmute::before {
  content: '\e606';
}

.icon-mute::before {
  content: '\e607';
}

.icon-play::before, .article-item-video::before {
  content: '\e608';
}

/*
 ** Utils - Helpers
 ** -----------------------------------------------------------------------------*/
.hide {
  position: absolute !important;
  left: -9999em !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only:active, .sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.empty {
  color: #404040;
  font-size: 1.6rem;
}

div:not([class]) iframe {
  display: none;
}

@media (min-width: 768px) {
  div:not([class]) iframe {
    display: block;
  }
}

/*
 ** Utils - Responsive
 ** -----------------------------------------------------------------------------*/
.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (min-width: 480px) {
  .visible-sm {
    display: block !important;
  }
}

@media (min-width: 480px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 480px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 480px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 768px) {
  .visible-md {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 992px) {
  .visible-lg {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 480px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg {
    display: none !important;
  }
}

/*!
 ** Utils - Switch
 ** -----------------------------------------------------------------------------*/
.switch {
  position: relative;
  cursor: pointer;
  color: #267d93;
  line-height: 24px;
}

.switch::after {
  content: '';
  display: table;
  clear: both;
}

.switch-input {
  float: left;
  height: 24px;
  margin-right: 5px;
}

.switch-input [type='checkbox'],
.switch-input [type='radio'] {
  position: absolute;
  left: -9999px;
  -webkit-appearance: none;
  -moz-appearance: window;
}

.switch-input [type='checkbox']:focus,
.switch-input [type='radio']:focus {
  background: #ddd2c0;
  outline: none;
}

.switch-toggler {
  float: left;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  background: #ffffff;
  border: 1px solid #603813;
}

.switch-toggler::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #267d93;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

input:checked ~ .switch-toggler::after {
  content: '';
}

/*!
 ** Component - Article item
 ** -----------------------------------------------------------------------------*/
.article-item {
  float: left;
  position: relative;
  padding: 3px;
  color: #ffffff;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.2;
  opacity: 0.3;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.article-item::before {
  content: '';
  display: block;
  padding-bottom: 56.25%;
}

.article-item > a {
  position: absolute;
  top: 3px;
  bottom: 3px;
  right: 3px;
  left: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap column;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.article-item > a::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: -webkit-linear-gradient(top, rgba(0, 51, 102, 0.25), #003366);
  background: linear-gradient(to bottom, rgba(0, 51, 102, 0.25), #003366);
}

.article-item > a > * {
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.article-item-header {
  position: absolute;
  top: 100%;
  padding: 5% 20px;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.article-item-title {
  text-transform: uppercase;
}

.article-item-meta {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.9em;
}

.article-item-excerpt {
  position: absolute;
  top: 100%;
  padding: 5% 20px;
  color: transparent;
  font-weight: 500;
  -webkit-transform: translate3d(0, -150%, 0);
          transform: translate3d(0, -150%, 0);
}

.article-item-video {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  color: #ffffff;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.article-item-video::before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.6rem;
}

@media (min-width: 768px) {
  .article-item-video::before {
    font-size: 4rem;
  }
}

.article-item-new {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.5em;
  height: 4.5em;
  color: #ffffff;
  font-size: 0.7em;
}

.article-item-new::before {
  content: 'New';
  position: absolute;
  bottom: 50%;
  right: 50%;
  z-index: 1;
  text-transform: uppercase;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.article-item-new::after {
  content: '';
  display: block;
  margin-top: 2em;
  margin-left: -2.2em;
  width: 0;
  height: 0;
  border-left: 3em solid transparent;
  border-right: 3em solid transparent;
  border-bottom: 3em solid #6ca552;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}

.is-selected .article-item {
  opacity: 1;
}

.is-selected .article-item > a > * {
  opacity: 1;
}

.is-selected .article-item.is-faded {
  opacity: 0.3;
}

.no-touchevents .is-selected .article-item:hover {
  z-index: 25;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.no-touchevents .is-selected .article-item:hover .article-item-video {
  opacity: 0;
}

.no-touchevents .is-selected .article-item:hover:not(.article-item--small) .article-item-header {
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.no-touchevents .is-selected .article-item:hover:not(.article-item--small) .article-item-excerpt {
  color: rgba(255, 255, 255, 0.9);
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.article-item--small {
  width: 33.2%;
  font-size: 1rem;
}

.article-item--small .article-item-meta {
  display: none;
}

@media (min-width: 480px) {
  .article-item--small {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  .article-item--small {
    width: 16.666%;
    font-size: 1rem;
  }
}

.no-touchevents .is-selected .article-item--small:hover {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

.article-item--medium {
  width: 66.5%;
  font-size: 1.2rem;
  font-weight: 600;
}

@media (min-width: 480px) {
  .article-item--medium {
    width: 33.333%;
    font-size: 1.4rem;
  }
}

.article-item--large {
  width: 100%;
  font-size: 1.4rem;
  font-weight: 600;
}

@media (min-width: 480px) {
  .article-item--large {
    width: 66.666%;
    font-size: 1.8rem;
  }
}

@media (min-width: 768px) {
  .article-item--large {
    width: 50%;
  }
}

/*!
 ** Component - Article
 ** -----------------------------------------------------------------------------*/
.article-head {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.article-head .entry-content {
  padding: 60px 0 30px;
}

.article-head--transparent {
  color: #ffffff;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.25);
}

.article-head--transparent::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(left, #000000, transparent);
  background: linear-gradient(to right, #000000, transparent);
}

.article-head--transparent .section {
  background: none;
}

.article-head--transparent .marked {
  color: inherit !important;
}

.article-head--transparent .article-name {
  color: #ddd2c0;
}

.article-head--transparent .article-lead {
  color: #c54b38;
  text-shadow: none;
  text-align: left;
}

@media (min-width: 992px) {
  .article-head--transparent .article-lead {
    margin-left: -40px;
  }
}

@media (min-width: 768px) {
  .article-section--indented {
    padding-right: 37.5%;
  }
  .article-section--indented-wide {
    padding-right: 25%;
  }
}

@media (min-width: 992px) {
  .article-body blockquote {
    margin: 0 -40px;
  }
}

.article-headshot {
  position: absolute;
  bottom: 0;
  right: -50px;
  max-width: 40%;
}

.article-name {
  padding: 40px 0 10px;
  color: #003366;
  font-weight: 100;
  font-size: 4.2rem;
  line-height: 1;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .article-name {
    font-size: 5.6rem;
  }
}

@media (min-width: 992px) {
  .article-name {
    font-size: 7.4rem;
  }
}

.article-lead {
  padding: 1em 0;
  color: #ddd2c0;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
}

@media (min-width: 480px) {
  .article-lead {
    font-size: 2rem;
  }
}

.article-lead-author {
  display: block;
  margin-top: 1em;
  font-weight: normal;
  font-size: 1.4rem;
  letter-spacing: 0;
  text-transform: none;
}

@media (min-width: 480px) {
  .article-lead-author {
    font-size: 1.8rem;
  }
}

.article-share {
  background-image: url("../img/bg/red.jpg");
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  z-index: 1;
  border-radius: 0 0 5px 5px;
  color: #ffffff;
}

/*!
 ** Component - Articles
 ** -----------------------------------------------------------------------------*/
.articles {
  padding: 20px 0;
}

@media (min-width: 768px) {
  .articles {
    padding: 40px 0;
  }
}

.articles-title {
  margin-bottom: 20px;
  color: #c54b38;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (min-width: 480px) {
  .articles-title {
    margin-bottom: 30px;
    font-size: 2rem;
    letter-spacing: 0.15em;
  }
}

.articles-title .separator, .articles-title .entry-content hr, .entry-content .articles-title hr {
  margin-top: 10px;
}

.articles-title .separator::before, .articles-title .entry-content hr::before, .entry-content .articles-title hr::before {
  background: -webkit-linear-gradient(left, rgba(221, 210, 192, 0.75), transparent);
  background: linear-gradient(to right, rgba(221, 210, 192, 0.75), transparent);
}

.articles-title .separator::after, .articles-title .entry-content hr::after, .entry-content .articles-title hr::after {
  background: -webkit-linear-gradient(right, rgba(221, 210, 192, 0.75), transparent);
  background: linear-gradient(to left, rgba(221, 210, 192, 0.75), transparent);
}

.articles-group {
  position: absolute !important;
  top: 0;
  width: 100%;
  max-width: 860px;
  outline: none;
}

.articles-group::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.articles-group-sizer {
  width: 16.666%;
}

.articles-group.is-selected::before {
  content: initial;
}

/*!
 ** Component - Button
 ** -----------------------------------------------------------------------------*/
.btn {
  display: inline-block;
  background: none;
  border: none;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

@media (min-width: 480px) {
  .btn {
    font-size: 2rem;
  }
}

.btn:hover {
  text-decoration: none;
}

.btn [class^='icon'] {
  display: inline-block;
  font-size: 0.8em;
}

.btn [class^='icon'].icon-arrow-right {
  margin-right: -5px;
  margin-left: 5px;
}

.btn [class^='icon'].icon-arrow-left {
  margin-left: -5px;
  margin-right: 5px;
}

.btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 -5px;
}

.btn-group .btn {
  margin: 0 5px;
}

.btn--primary, .btn--secondary, .btn--tertiary, .btn--white {
  padding: 8px 20px;
  border: 2px solid;
  border-radius: 2px;
  vertical-align: middle;
}

.is-compact .btn--primary, .is-compact .btn--secondary, .is-compact .btn--tertiary, .is-compact .btn--white {
  padding: 6px 15px;
  color: #267d93;
}

@media (min-width: 768px) {
  .btn--primary, .btn--secondary, .btn--tertiary, .btn--white {
    padding: 8px 25px;
    white-space: nowrap;
  }
  .is-compact .btn--primary, .is-compact .btn--secondary, .is-compact .btn--tertiary, .is-compact .btn--white {
    padding: 6px 15px;
    color: #267d93;
    font-size: 1.5rem;
  }
}

.btn--primary {
  background: #267d93;
  border-color: #ffffff;
  color: #ffffff;
}

.btn--primary:hover {
  background: #227184;
}

.btn--secondary {
  border-color: #ffffff;
  color: #267d93;
}

.btn--secondary:hover {
  color: #1e6476;
}

.btn--tertiary {
  border-color: #603813;
  border-width: 1px;
  color: #003366;
}

.btn--tertiary:hover {
  color: #267d93;
}

.btn--white {
  background: #ffffff;
  border-color: #267d93;
  color: #267d93;
}

.btn--white:hover {
  background: #e6e6e6;
}

.btn--cta {
  padding: 10px 12px;
  background: -webkit-linear-gradient(top, rgba(0, 51, 102, 0.9), rgba(38, 125, 147, 0.7));
  background: linear-gradient(to bottom, rgba(0, 51, 102, 0.9), rgba(38, 125, 147, 0.7));
  color: #ffffff;
  letter-spacing: 0.063em;
  text-shadow: 1px 1px #003366;
}

.btn--cta:hover {
  background: -webkit-linear-gradient(top, rgba(0, 51, 102, 0.9), rgba(38, 125, 147, 0.9));
  background: linear-gradient(to bottom, rgba(0, 51, 102, 0.9), rgba(38, 125, 147, 0.9));
}

@media (min-width: 992px) {
  .btn--cta {
    padding: 20px 25px 15px;
    font-size: 1.75rem;
  }
  .has-compact-head .btn--cta {
    padding: 12px 20px 8px;
     font-size: 1.3rem;
  }
}

@media (min-width: 768px) {
  .btn--large {
    font-size: 3.2rem;
  }
}

/*!
 ** Component - Calendar
 ** -----------------------------------------------------------------------------*/
.calendar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap row;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
}

.calendar::after {
  content: '';
  display: table;
  clear: both;
}

.calendar-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap row;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 15px;
  text-align: center;
}

.is-compact .calendar-head {
  margin-bottom: 0;
}

.calendar-head-btn {
  padding: 0 5px;
  width: 50%;
  text-align: right;
}

.calendar-head-btn:last-child {
  text-align: left;
}

@media (min-width: 768px) {
  .calendar-head-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    text-align: left;
  }
  .calendar-head-btn:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
    text-align: right;
  }
  .is-compact .calendar-head-btn {
    text-align: right;
  }
  .is-compact .calendar-head-btn:last-child {
    text-align: left;
  }
}

.calendar-title {
  display: block;
  width: 100%;
  margin: 5px 0 0.5em;
  color: #003366;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  vertical-align: middle;
}

.is-compact .calendar-title {
  color: #267d93;
}

@media (min-width: 768px) {
  .calendar-title {
    display: inline-block;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    width: auto;
    margin: 5px 0.4em 0;
    font-size: 3.6rem;
  }
  .is-compact .calendar-title {
    margin-top: 0;
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  .calendar-title {
    font-size: 4.6rem;
  }
  .is-compact .calendar-title {
    font-size: 2.5rem;
  }
}

.calendar-legend::after {
  content: '';
  display: table;
  clear: both;
}

.calendar-legend li {
  float: left;
  width: 14.28571%;
  padding: 5px;
  color: #003366;
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 1;
}

.is-compact .calendar-legend li {
  padding: 3px 10px;
  color: #267d93;
  font-size: 1.8rem;
}

.calendar-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  float: left;
  width: 14.28571%;
}

.calendar-item--indent-1 {
  margin-left: 14.28571%;
}

.calendar-item--indent-2 {
  margin-left: 28.57143%;
}

.calendar-item--indent-3 {
  margin-left: 42.85714%;
}

.calendar-item--indent-4 {
  margin-left: 57.14286%;
}

.calendar-item--indent-5 {
  margin-left: 71.42857%;
}

.calendar-item--indent-6 {
  margin-left: 85.71429%;
}

.calendar-day {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  position: relative;
  min-height: 50px;
  padding: 0 5px;
  margin: 2px;
  border: 1px solid rgba(159, 124, 82, 0.4);
  text-align: right;
}

@media (min-width: 480px) {
  .calendar-day {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media (min-width: 768px) {
  .calendar-day {
    padding: 0 25px;
    margin: 5px;
  }
  .is-compact .calendar-day {
    min-height: 40px;
    padding: 0 15px;
    margin: 3px;
  }
}

.calendar-day--event {
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
}

@media (min-width: 768px) {
  .calendar-day--event {
    cursor: auto;
  }
}

.calendar-day--best::before {
  content: '';
  position: absolute;
  top: -3px;
  left: -3px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #6ca552;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.calendar-day.is-selected {
  background: #267d93;
}

.calendar-number {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #886a4e;
  font-size: 1.1rem;
  font-weight: bold;
}

@media (min-width: 768px) {
  .calendar-number {
    font-size: 1.8rem;
  }
  .is-compact .calendar-number {
    font-size: 1.4rem;
  }
}

.calendar-day--event .calendar-number {
  color: #603813;
}

.is-selected .calendar-number {
  color: #ffffff;
}

.calendar-info {
  width: 100%;
  color: #9F7C52;
  font-size: 1.1rem;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  word-wrap: break-word;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .calendar-info {
    font-size: 1.4rem;
  }
  .is-compact .calendar-info {
    font-size: 1.2rem;
  }
}

.calendar-events {
  width: 100%;
}

.calendar-events a {
  color: #003366;
}

.is-selected .calendar-events a {
  color: #ddd2c0;
}

.calendar-events a:hover {
  color: #267d93;
}

.is-selected .calendar-events a:hover {
  color: #ffffff;
}

.calendar-events-item {
  display: block;
  padding: 1px 2px;
  color: #9F7C52;
  font-size: 1.1rem;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .calendar-events-item {
    padding: 2px;
  }
}

@media (min-width: 768px) {
  .calendar-events-item {
    font-size: 1.5rem;
  }
  .is-compact .calendar-events-item {
    font-size: 1.2rem;
  }
}

.is-selected .calendar-events-item {
  color: #ddd2c0;
}

.calendar-events-item.is-selected {
  text-decoration: underline;
}

.is-selected .calendar-events-item.is-selected a {
  color: #ffffff;
}

.calendar-wrapper {
  position: relative;
}

.calendar-wrapper.is-compact {
  margin-top: 20px;
}

.calendar-wrapper.is-loading::after {
  content: '';
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
  background: rgba(255, 255, 255, 0.25) url("../img/ring.svg") center no-repeat;
}

.calendar-wrapper.is-compact::after {
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
}

div[data-calendar-date="2016-2-14"] {
  background-color: #AE2209 !important;
}

#closing-message {
  margin-left: 5px;
  margin-top: 1%;
}
  
span#square {
  color: #AE2209;
  font-size: .8rem;
}

/*
 ** Component - FB Comments
 ** -----------------------------------------------------------------------------*/
.comments {
  position: relative;
}

.comments::before {
  content: '';
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -100px;
  right: -100px;
  background: -webkit-linear-gradient(right, transparent 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 75%, transparent 100%);
  background: linear-gradient(to left, transparent 0%, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.5) 75%, transparent 100%);
}

.fb-comments.fb_iframe_widget,
.fb-comments.fb_iframe_widget span,
.fb-comments.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

/*!
 ** Component - Contact
 ** -----------------------------------------------------------------------------*/
.contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap column;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
}

@media (min-width: 768px) {
  .contact {
    -webkit-flex-flow: nowrap row;
        -ms-flex-flow: nowrap row;
            flex-flow: nowrap row;
    padding: 45px 0;
  }
}

.contact p {
  margin-top: 1.2em;
  font-size: 1.8rem;
  font-weight: 500;
}

.contact p::after {
  content: '';
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .contact p {
    font-size: 2.2rem;
  }
}

.contact p:first-child {
  margin-top: 0;
}

.contact p a {
  text-decoration: underline;
}

.contact p a:hover {
  color: #003366;
}

.contact p .alignleft {
  float: left;
  margin-right: 20px;
}

.contact-details {
  width: 100%;
}

@media (min-width: 768px) {
  .contact-details {
    width: auto;
    margin-right: 20px;
  }
}

.contact-embed {
  width: 100%;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .contact-embed {
    margin-top: 0;
    max-width: 470px;
  }
}

.contact-embed iframe {
  display: block;
  width: 100%;
}

.contact-notes {
  color: #267d93;
}

/*!
 ** Component - Entry content
 ** -----------------------------------------------------------------------------*/
.entry-content h1, .entry-content h2, .entry-content h3 {
  margin-top: 1.2em;
  color: #603813;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}

@media (min-width: 992px) {
  .entry-content h1, .entry-content h2, .entry-content h3 {
    font-size: 3.6rem;
  }
}

.entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child {
  margin-top: 0;
}

.entry-content h2 {
  font-size: 2rem;
}

@media (min-width: 992px) {
  .entry-content h2 {
    font-size: 2.4rem;
  }
}

.entry-content h3 {
  font-size: 1.7rem;
}

@media (min-width: 992px) {
  .entry-content h3 {
    font-size: 2rem;
  }
}

.entry-content h4, .entry-content h5, .entry-content h6 {
  margin-top: 1.2em;
  color: #603813;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.025em;
}

@media (min-width: 992px) {
  .entry-content h4, .entry-content h5, .entry-content h6 {
    font-size: 1.6rem;
  }
}

.entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child {
  margin-top: 0;
}

.entry-content p {
  margin-top: 1.65em;
  /*font-size: 1.4rem;*/
  font-size: 1.7rem;
  /*line-height: 1.65;*/
  line-height: 1.5;
  text-align: justify;
}

.entry-content p:first-child {
  margin-top: 0;
}

.entry-content strong {
  font-weight: 600;
}

.entry-content blockquote {
  padding: 0.75em 0;
  color: #c54b38;
  font-weight: 100;
  font-size: 2.4rem;
  text-align: center;
  text-transform: uppercase;
}

.entry-content blockquote:first-child {
  padding-top: 0;
}

@media (min-width: 768px) {
  .entry-content blockquote {
    font-size: 3.6rem;
  }
}

.entry-content blockquote p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
}

.entry-content blockquote.is-spacious {
  padding: 0.75em 0;
  color: #ddd2c0;
}

.entry-content hr {
  margin: 15px 0;
}

.entry-content ul, .entry-content ol, .entry-content dl {
  margin-top: 1.65em;
  font-size: 1.4rem;
  line-height: 1.65;
  text-align: justify;
}

.entry-content ul li {
  position: relative;
  padding-left: 15px;
}

.entry-content ul li::before {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  height: 6px;
  width: 6px;
  margin-top: -3px;
  background: #267d93;
  border-radius: 50%;
}

.entry-content ol {
  padding-left: 20px;
  list-style: decimal;
}

.entry-content dl dt {
  margin-top: 1.65em;
  font-weight: 600;
}

.entry-content dl dt:first-child {
  margin-top: 0;
}

.entry-content .read-more,
.entry-content .marked {
  color: #267d93;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.65;
  text-transform: uppercase;
}

.entry-content .read-more {
  text-decoration: underline;
}

.entry-content-columns {
  -webkit-columns: 2 200px;
     -moz-columns: 2 200px;
          columns: 2 200px;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

/**
 * ~Theaters Table
 * --------------------------------------------------
 */
#table-theaters {
    margin-top: 46px;
    padding: 10px;
    overflow-x: auto;
    background: rgba(255,255,255,0.5);
}

#table-theaters tbody tr a {
    display: block;
}


#table-theaters table {
    margin-top: 46px;
    border-collapse: collapse;
}
#table-theaters tbody tr:nth-child(2n+1) {
  background: rgba(0,0,0,0.1);
}

#table-theaters table tbody tr:hover {
    background: rgba(245, 222, 179, 0.34);
}

#table-theaters td {
  padding: 0.5rem;
}

div#wpsl-wrap {
    margin-top: 46px;
    padding: 10px;
    background: rgba(255,255,255,0.5);
}

#wpsl-search-wrap .wpsl-dropdown {
    color: black;
}

.buy-tickets-btn {
    display: inline-block;
    margin: 10px 0;
    padding: 5px;
    color: white !important;
    font-size: 13px;
    font-weight: bold;
    background: #009ad0;
}

/**
 * ~WP Store Locator
 * --------------------------------------------------
 */
#wpsl-wrap #wpsl-search-btn {
    color: white;
    font-size: 13px;
    text-transform: uppercase !important;
    background: #902918;
    border: none;
}

.wpsl-store-location span {
    font-size: 14px;
    line-height: 14px;
}

.wpsl-store-location a,
#wpsl-gmap strong a {
    color: #009ad0;
}

#wpsl-wrap .wpsl-search {
    color: white;
    background: #d4614d;
}

#wpsl-wrap #wpsl-search-wrap div label,
#wpsl-wrap #wpsl-search-wrap .wpsl-input label {
    width: auto;
}

div#wpsl-wrap ul li::before {
    display: none;
}

input#wpsl-search-input {
    color: black;
}

#wpsl-radius .wpsl-dropdown .wpsl-selected-item,
input#wpsl-search-input,
#wpsl-results .wpsl-dropdown .wpsl-selected-item {
    padding: 0 !important;
    line-height: 30px;
    padding-left: 12px !important;
}

#wpsl-stores li:hover {
    background: rgba(0,0,0,0.1);
}

@media (min-width: 992px) {
  .entry-content-columns {
    -webkit-column-gap: 34px;
       -moz-column-gap: 34px;
            column-gap: 34px;
  }
}

.entry-content-columns p {
  margin-top: 0;
  text-indent: 2.5em;
  /* Avoid breaking columns inside a paragraph */
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: table;
}

.entry-content--offset-top {
  padding-top: 30px;
}

@media (min-width: 768px) {
  .entry-content--offset-top {
    padding-top: 60px;
  }
}

.entry-content--offset-bottom {
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .entry-content--offset-bottom {
    padding-bottom: 60px;
  }
}

/*!
 ** Component - Form
 ** -----------------------------------------------------------------------------*/
.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap row;
      -ms-flex-flow: wrap row;
          flex-flow: wrap row;
  margin-top: 30px;
}

.form::after {
  content: '';
  display: table;
  clear: both;
}

.form [type='text'],
.form [type='email'],
.form [type='number'],
.form textarea {
  display: block;
  width: 100%;
  margin: 0;
  padding: 8px 10px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #cfbea9;
  outline: 1px solid transparent;
  color: #603813;
  line-height: 20px;
}

.form [type='text']::-webkit-input-placeholder,
.form [type='email']::-webkit-input-placeholder,
.form [type='number']::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: #9F7C52;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  line-height: 20px;
  text-transform: uppercase;
}

.form [type='text']::-moz-placeholder,
.form [type='email']::-moz-placeholder,
.form [type='number']::-moz-placeholder,
.form textarea::-moz-placeholder {
  color: #9F7C52;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  line-height: 20px;
  text-transform: uppercase;
}

.form [type='text']:-ms-input-placeholder,
.form [type='email']:-ms-input-placeholder,
.form [type='number']:-ms-input-placeholder,
.form textarea:-ms-input-placeholder {
  color: #9F7C52;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  line-height: 20px;
  text-transform: uppercase;
}

.form [type='text']::placeholder,
.form [type='email']::placeholder,
.form [type='number']::placeholder,
.form textarea::placeholder {
  color: #9F7C52;
  font-size: 0.9rem;
  letter-spacing: 0.05em;
  line-height: 20px;
  text-transform: uppercase;
}

.form [type='text']:focus,
.form [type='email']:focus,
.form [type='number']:focus,
.form textarea:focus {
  outline: 1px solid transparent;
}

.form [type='text'].parsley-error,
.form [type='email'].parsley-error,
.form [type='number'].parsley-error,
.form textarea.parsley-error {
  border-color: #bb272d;
  outline-color: #bb272d;
}

.form select {
  width: 175px;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #cfbea9;
  outline: 1px solid transparent;
  color: #603813;
  font-size: 1.6rem;
}

.form select.parsley-error {
  border-color: #bb272d;
}

.form .parsley-errors-list {
  padding: 2px 10px;
  color: #bb272d;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .form .parsley-errors-list {
    position: absolute;
    bottom: 100%;
    left: 0;
  }
}

.form form {
  width: 100%;
}

.form-label {
  width: 100%;
}

@media (min-width: 768px) {
  .form-label {
    width: auto;
    float: left;
    line-height: 35px;
  }
}

.form-field {
  margin-bottom: 20px;
  width: 100%;
}

.form-field::after {
  content: '';
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .form-field {
    width: auto;
    margin-right: 20px;
  }
}

.form-field-child {
  position: relative;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .form-field-child {
    float: left;
    width: 201px;
    max-width: 100%;
    margin-left: 10px;
    margin-top: 0;
  }
  .form-field-child.small {
    width: 133px;
  }
  .form-field-child.large {
    width: 233px;
  }
  .form-field-child.wide {
    width: 376px;
  }
}

.form-field.full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap column;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  width: 100%;
}

@media (min-width: 768px) {
  .form-field.full {
    -webkit-flex-flow: nowrap row;
        -ms-flex-flow: nowrap row;
            flex-flow: nowrap row;
  }
}

.form-field.full .form-field-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.form-notes {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
}

.form-notes strong {
  color: #000000;
  font-weight: 600;
}

.form--inline {
  display: inline-block;
  margin-top: 0;
  vertical-align: middle;
}

.form--inline .form-field {
  margin: 20px 0 0 0;
}

@media (min-width: 768px) {
  .form--inline .form-field {
    margin-top: 0;
    margin-left: 20px;
  }
}

/*!
 ** Component - Home article
 ** -----------------------------------------------------------------------------*/
.home-article {
  position: relative;
  max-height: 550px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.home-article::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-linear-gradient(right, #003366, transparent);
  background: linear-gradient(to left, #003366, transparent);
}

.home-article::after {
  content: '';
  display: block;
  padding-bottom: 56.25%;
}

.home-article-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.home-article-overlay .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-flow: wrap column;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}

.home-article-content {
  width: 100%;
  max-width: 500px;
  padding: 7.5% 0;
}

.home-article-name {
  margin-bottom: 0.25em;
  color: #ddd2c0;
  font-weight: 100;
  font-size: 4.2rem;
  line-height: 1;
  letter-spacing: -0.05em;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .home-article-name {
    font-size: 5.6rem;
  }
}

@media (min-width: 992px) {
  .home-article-name {
    font-size: 7.4rem;
  }
}

.home-article-excerpt {
  color: #c54b38;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .home-article-excerpt {
    font-size: 2rem;
  }
}

.home-article-excerpt a {
  color: #ddd2c0;
  border-bottom: 1px solid transparent;
}

.home-article-excerpt a:hover {
  border-color: currentColor;
}

/*!
 ** Component - Home gallery
 ** -----------------------------------------------------------------------------*/
.home-gallery {
  position: relative;
  padding: 20px 0;
}

@media (min-width: 768px) {
  .home-gallery {
    padding: 40px 0;
  }
}

.home-gallery-item {
  position: relative;
  float: left;
  width: 100%;
  max-width: 860px;
  color: #ffffff;
  line-height: 1.2;
  opacity: 0.3;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

@media (min-width: 768px) {
  .home-gallery-item {
    font-size: 1.6rem;
  }
}

.home-gallery-item::before {
  content: '';
  display: block;
  padding-bottom: 56.25%;
}

.home-gallery-item > a {
  position: absolute;
  top: 3px;
  bottom: 3px;
  right: 3px;
  left: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap column;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.home-gallery-item > a::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 51, 102, 0.25) 50%, #003366 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 51, 102, 0.25) 50%, #003366 100%);
}

.home-gallery-item > a > * {
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.home-gallery-item-header {
  padding: 20px;
  max-width: 570px;
}

@media (min-width: 768px) {
  .home-gallery-item-header {
    padding: 40px;
  }
}

.home-gallery-item-header strong {
  font-weight: bold;
}

.home-gallery-item-title {
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
}

.home-gallery-item-excerpt {
  margin-top: 1em;
}

.home-gallery-item.is-selected {
  opacity: 1;
}

.home-gallery-item.is-selected > a {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.home-gallery-item.is-selected > a > * {
  opacity: 1;
}

/*!
 ** Component - Info box
 ** -----------------------------------------------------------------------------*/
.info-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: nowrap row;
      -ms-flex-flow: nowrap row;
          flex-flow: nowrap row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5px 0;
  padding: 5px 10px;
  background: -webkit-linear-gradient(left, #c54b38, transparent);
  background: linear-gradient(to right, #c54b38, transparent);
}

@media (min-width: 768px) {
  .info-box {
    -webkit-flex-flow: wrap column;
        -ms-flex-flow: wrap column;
            flex-flow: wrap column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 2px;
    padding: 20px 20px 30px;
    background: -webkit-linear-gradient(top, #c54b38 0%, rgba(197, 75, 56, 0.25) 60%, transparent 90%);
    background: linear-gradient(to bottom, #c54b38 0%, rgba(197, 75, 56, 0.25) 60%, transparent 90%);
    text-align: center;
  }
}

.info-box-title {
  padding-right: 15px;
  white-space: nowrap;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 600;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

@media (min-width: 480px) {
  .info-box-title {
    padding-right: 0;
    font-size: 2rem;
    letter-spacing: 0.05em;
  }
}

.info-box-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #003366;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  white-space: wrap;
  text-align: right;
}

@media (min-width: 768px) {
  .info-box-content {
    margin-top: 10px;
    font-family: "Avenir Next", "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.8rem;
    text-align: center;
  }
}

.info-box-content a {
  display: inline-block;
  white-space: nowrap;
  border-bottom: 1px solid currentColor;
}

.info-box-content a:hover {
  color: #267d93;
}

.info-box-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap column;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5px - 10px;
}

@media (min-width: 768px) {
  .info-box-group {
    -webkit-flex-flow: nowrap row;
        -ms-flex-flow: nowrap row;
            flex-flow: nowrap row;
    margin: 0;
  }
}

/*!
 ** Component - Item
 ** -----------------------------------------------------------------------------*/
.item {
  width: 260px;
  margin: 0 30px;
  color: #003366;
  text-align: center;
}

.item > a {
  display: block;
}

.item > a:hover {
  color: #c54b38;
}

.item.is-selected {
  color: #c54b38;
}

.item-photo {
  margin-bottom: 15px;
  border: 2px solid currentColor;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5);
}

.item-photo img {
  display: block;
  width: 100%;
}

.item-name {
  margin-bottom: 10px;
  padding: 0 40px;
  width: 100%;
  font-size: 2rem;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}

.item-name > * {
  width: 100%;
  line-height: 36px;
  white-space: nowrap;
}

.item-subtitle {
  margin-top: 10px;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.8rem;
  text-transform: uppercase;
}

.item-group {
  margin-top: 10px;
  overflow: hidden;
  outline: none;
}

@media (min-width: 768px) {
  .item-group {
    margin-top: 30px;
  }
}

/*!
 ** Component - Legend
 ** -----------------------------------------------------------------------------*/
.legend {
  position: relative;
  padding: 20px 0 16px;
  text-align: center;
}

.legend::after {
  content: '';
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .legend {
    font-size: 1.8rem;
  }
}

.legend-info {
  color: #c54b38;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .legend-info {
    float: left;
  }
}

.legend-list {
  margin: 20px -5px 0;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .legend-list {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media (min-width: 768px) {
  .legend-list {
    float: right;
    margin-top: 0;
  }
}

.legend-list-item {
  display: inline-block;
  margin: 0 5px;
  color: #003366;
}

@media (min-width: 480px) {
  .legend-list-item {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.legend-list-item del {
  color: #9F7C52;
}

.legend-list-item--best {
  position: relative;
  color: #6ca552;
}

.legend-list-item--best::before {
  content: '';
  position: absolute;
  top: -8px;
  left: -10px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #6ca552;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}

.legend-list--small {
  font-size: 1.4rem;
  line-height: 1.4;
}

.legend .separator, .legend .entry-content hr, .entry-content .legend hr {
  position: absolute;
  width: 100%;
}

.legend .separator:first-child, .legend .entry-content hr:first-child, .entry-content .legend hr:first-child {
  top: 2px;
}

.legend .separator:last-child, .legend .entry-content hr:last-child, .entry-content .legend hr:last-child {
  bottom: 2px;
}

.legend--inline {
  padding-left: 10px;
  padding-right: 10px;
}

.legend--inline .legend-info {
  float: left;
}

.legend--inline .legend-list {
  float: right;
  margin-top: -4px;
  margin-bottom: -4px;
}

.legend--inline .separator, .legend--inline .entry-content hr, .entry-content .legend--inline hr {
  left: 0;
  right: 0;
}

/*!
 ** Component - Nav primary
 ** -----------------------------------------------------------------------------*/
.nav-primary {
  position: relative;
  float: right;
}

@media (min-width: 768px) {
  .nav-primary {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: -10px;
  }
}

@media (min-width: 992px) {
  .nav-primary {
    float: none;
    margin: 0;
  }
  .has-compact-head .nav-primary {
    float: right;
    margin-top: 13px;
    margin-left: 15px;
    margin-right: -10px;
  }
}

.nav-primary ul {
  background-image: url("../img/bg/blue-tree.jpg");
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
  background-color: #ffffff;
  display: none;
  position: absolute;
  top: -15px;
  right: -25px;
  width: 320px;
  padding-top: 15px;
  padding-right: 15px;
  border: 2px solid #ddd2c0;
  border-radius: 15px;
}

@media (min-width: 768px) {
  .nav-primary ul {
    display: block;
    position: static;
    width: auto;
    padding: 0;
    background: none;
    border: 0;
  }
}

.has-active-nav .nav-primary ul {
  display: block;
}

.nav-primary li {
  margin: 0 10px;
  text-align: left;
}

@media (min-width: 768px) {
  .nav-primary li {
    display: inline-block;
    margin: 0 5px;
    text-align: center;
  }
}

.nav-primary li a {
  display: block;
  border-bottom: 2px dotted #ddd2c0;
  color: #ffffff;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  font-size: 3rem;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .nav-primary li a {
    border: 0;
    color: currentColor;
    font-size: 2rem;
  }
}

.nav-primary li a:hover {
  color: #ddd2c0;
  text-decoration: none;
}

@media (min-width: 768px) {
  .nav-primary li a:hover {
    color: #267d93;
  }
}

.nav-primary li a:not(:empty) {
  padding: 10px 15px;
}

@media (min-width: 768px) {
  .nav-primary li a:not(:empty) {
    padding: 5px;
  }
}

.nav-primary li:last-child a {
  border: 0;
}

.nav-primary .current-menu-item a,
.nav-primary .current-page-ancestor a {
  color: #ffffff;
}

.nav-primary-toggle {
  position: relative;
  z-index: 5;
  float: right;
  padding: 6px 8px;
  margin-left: 5px;
  margin-top: 7px;
  background: -webkit-linear-gradient(top, #ffffff, #ddd2c0);
  background: linear-gradient(to bottom, #ffffff, #ddd2c0);
  border-radius: 5px;
  color: #267d93;
  font-size: 2.4rem;
}

@media (min-width: 480px) {
  .nav-primary-toggle {
    padding: 8px 10px;
    margin-left: 15px;
  }
}

.nav-primary-toggle:hover {
  color: #003366;
  text-decoration: none;
}

/*!
 ** Component - Nav secondary
 ** -----------------------------------------------------------------------------*/
.nav-secondary {
  clear: both;
  float: left;
  margin: 0 -15px;
}

@media (min-width: 768px) {
  .nav-secondary {
    clear: left;
  }
}

.nav-secondary ul::after {
  content: '';
  display: table;
  clear: both;
}

.nav-secondary li {
  position: relative;
  float: left;
  padding: 0 15px;
  color: #ffffff;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  text-transform: uppercase;
}

.nav-secondary li::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 16px;
  margin-top: -9px;
  background: #ffffff;
}

.nav-secondary li:first-child::before {
  content: none;
}

.nav-secondary a {
  display: block;
}

.nav-secondary a:hover {
  color: #ddd2c0;
  text-decoration: none;
}

/*!
 ** Component - Nav side
 ** -----------------------------------------------------------------------------*/
.nav-side {
  padding: 5px 0;
  border-radius: 5px 0 0 5px;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

@media (min-width: 768px) {
  .nav-side {
    margin-bottom: 15px;
  }
}

.nav-side a {
  display: block;
  padding: 5px 9px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 2rem;
  text-align: center;
}

.nav-side a:hover {
  color: #ffffff;
  text-decoration: none;
}

.nav-side a [class^='icon'] ~ [class^='icon'] {
  margin-top: 10px;
}

.nav-side-group {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 992px) {
  .nav-side-group {
    top: 40px;
    -webkit-transform: none;
            transform: none;
  }
  .nav-side-group--floating {
    position: fixed;
    top: 155px;
    z-index: 20;
  }
}

.nav-side--red {
  background: rgba(197, 75, 56, 0.6);
}

.nav-side--red:hover {
  background: #c54b38;
}

.nav-side--green {
  background: rgba(108, 165, 82, 0.6);
}

.nav-side--green:hover {
  background: #6ca552;
}

/*!
 ** Component - Page foot
 ** -----------------------------------------------------------------------------*/
.page-foot {
  background-image: url("../img/bg/stain.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #ffffff;
  position: relative;
  z-index: 10;
  padding: 20px 0;
  color: #ddd2c0;
  letter-spacing: 0.075em;
}

.page-foot::after {
  content: '';
  display: table;
  clear: both;
}

@media (min-width: 768px) {
  .page-foot {
    padding: 40px 0;
  }
}

.page-foot::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 40px;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3), transparent);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent);
}

.page-foot a {
  display: inline-block;
  color: #ffffff;
  border-bottom: 1px solid transparent;
}

.page-foot a:hover {
  color: #ddd2c0;
  border-color: currentColor;
  text-decoration: none;
}

.page-foot-info {
  float: left;
  margin-bottom: 30px;
}

@media (min-width: 480px) {
  .page-foot-info {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .page-foot-info {
    margin-bottom: 100px;
  }
}

.page-foot-info p {
  margin-top: 1.5em;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.35;
  text-transform: uppercase;
}

.page-foot-info p:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
  .page-foot-info p {
    font-size: 2rem;
  }
}

.page-foot-logo {
  float: right;
  max-width: 230px;
  margin: -45px 0 0;
}

@media (min-width: 768px) {
  .page-foot-logo {
    max-width: none;
    margin: -95px 0 -40px;
  }
}

@media (min-width: 768px) {
  .page-foot-logo {
    margin-right: -40px;
  }
}

.page-foot-share {
  padding: 20px 0;
  opacity: 0.6;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.page-foot-share::after {
  content: '';
  display: table;
  clear: both;
}

.page-foot-share:hover {
  opacity: 1;
}

.page-foot-share > * {
  float: left !important;
  display: inline-block !important;
  margin: 0 15px 0 0 !important;
  vertical-align: middle !important;
}

/*!
 ** Component - Page head
 ** -----------------------------------------------------------------------------*/
.page-head {
  background-image: url("../img/bg/stain.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #ffffff;
  position: relative;
  z-index: 15;
  color: #003366;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
}

.page-head::after {
  content: '';
  display: table;
  clear: both;
}

.page-head.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.page-head-logo {
  float: left;
  width: 100px;
  height: 97px;
  margin: -20px 0 -30px;
  background: url("../img/logo-mobile.png") no-repeat;
  background-size: cover;
  text-indent: -999em;
}

@media (min-width: 480px) {
  .page-head-logo {
    width: 140px;
    height: 136px;
    margin: -35px 0 -50px;
  }
}

@media (min-width: 992px) {
  .page-head-logo {
    width: 560px;
    height: 177px;
    margin: -25px 0 -40px -20px;
    background-image: url("../img/logo.png");
  }
  .has-compact-head .page-head-logo {
    width: 312px;
    height: 98px;
    margin: -15px 0 -25px -10px;
  }
}

.page-head-actions {
  float: right;
  text-align: center;
}

.page-head-cta {
  float: left;
  margin-top: 7px;
  margin-bottom: 7px;
}

@media (min-width: 992px) {
  .page-head-cta {
    float: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .has-compact-head .page-head-cta {
    float: left;
    margin-top: 7px;
  }
}

.page-head-cta li {
  display: inline-block;
}

.page-head-cta li .btn {
  border-radius: 5px;
  font-size: 3vw;
  padding: 12px 4px;
}

@media (min-width: 480px) {
  .page-head-cta li:first-child .btn {
    border-radius: 5px 0 0 5px;
  }
}

@media (min-width: 992px) {
  .page-head-cta li .btn {
    border-radius: 0;
    padding: 20px 25px 15px;
    font-size: 1.75rem;
  }
  .page-head-cta li:first-child .btn {
    border-radius: 0 0 0 7px;
  }
  .has-compact-head .page-head-cta li:first-child .btn {
    border-radius: 5px 0 0 5px;
  }
}

@media (min-width: 480px) {
  .page-head-cta li:last-child .btn {
    border-radius: 0 5px 5px 0;
  }
}

@media (min-width: 992px) {
  .page-head-cta li:last-child .btn {
    border-radius: 0 0 7px 0;
  }
  .has-compact-head .page-head-cta li:last-child .btn {
    border-radius: 0 5px 5px 0;
  }
}

@media (min-width: 480px) {
  .page-head-cta li:first-child:last-child .btn {
    border-radius: 5px;
  }
}

@media (min-width: 992px) {
  .page-head-cta li:first-child:last-child .btn {
    border-radius: 0 0 7px 7px;
  }
  .has-compact-head .page-head-cta li:first-child:last-child .btn {
    border-radius: 5px;
  }
}

/*!
 ** Component - Popup
 ** -----------------------------------------------------------------------------*/
.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  overflow: auto;
  opacity: 0;
  background: #c54b38;
  background: rgba(197, 75, 56, 0.88);
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

@media (min-width: 768px) {
  .popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
  padding: 0;
  height: 36px;
  width: 36px;
  background: #267d93;
  border: 2px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
}

@media (min-width: 768px) {
  .popup-close {
    top: 0;
    right: 0;
    -webkit-transform: translateX(50%) translateY(-50%);
            transform: translateX(50%) translateY(-50%);
  }
}

.popup-close:hover {
  background: #227184;
}

.popup-close::before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.4;
}

.popup-content {
  position: relative;
  margin: 0 auto;
  width: 100%;
}

@media (min-width: 768px) {
  .popup-content {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.popup-loader {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.9);
}

.popup-loader::after {
  content: 'Just a moment...';
  position: absolute;
  top: 50%;
  left: 50%;
  color: #267d93;
  font-size: 3.6rem;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) {
  .popup-loader::after {
    font-size: 5rem;
  }
}

.popup-loader.is-visible {
  display: block;
}

.has-popup .popup {
  z-index: 25;
  opacity: 1;
}

/*!
 ** Component - Section
 ** -----------------------------------------------------------------------------*/
.section {
  position: relative;
  box-shadow: inset 5px 10px 30px 0 rgba(0, 0, 0, 0.25);
}

.section:first-of-type {
  box-shadow: none;
}

.section-heading {
  padding: 20px 0;
  text-align: center;
}

.section-heading--spacious {
  padding: 25px 0;
}

@media (min-width: 768px) {
  .section-heading--spacious {
    padding: 35px 0;
  }
}

.section-title {
  font-size: 4.6rem;
  font-weight: 100;
  line-height: 1;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .section-title {
    font-size: 6.2rem;
  }
}

@media (min-width: 992px) {
  .section-title {
    font-size: 7.4rem;
  }
}

.section-subtitle {
  margin: 0.5em 0 0.5em;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.section-content {
  padding: 20px 0;
}

@media (min-width: 480px) {
  .section-content {
    padding: 40px 0;
  }
}

.section-separator {
  background: rgba(255, 255, 255, 0.6);
}

.section--separated {
  padding-top: 30px;
}

@media (min-width: 768px) {
  .section--separated {
    padding-top: 60px;
  }
}

.section--spacious {
  padding: 20px 0;
}

@media (min-width: 768px) {
  .section--spacious {
    padding: 40px 0;
  }
}

.section--noshadow {
  box-shadow: none;
}

.section--theme-white {
  background-color: #ffffff;
}

.section--theme-white .section-title {
  color: #ddd2c0;
}

.section--theme-creme {
  background-image: url("../img/bg/creme.jpg");
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
  background-color: #ffffff;
}

.section--theme-creme .section-title {
  color: #003366;
}

.section--theme-creme .section-subtitle {
  color: #603813;
}

.section--theme-tan {
  background-image: url("../img/bg/tan-1.jpg");
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
  background-color: #ffffff;
}

.section--theme-tan .section-title {
  color: #003366;
}

.section--theme-tan .section-subtitle {
  color: #603813;
}

.section--theme-stain {
  background-image: url("../img/bg/stain.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #ffffff;
  background-image: none;
}

.section--theme-stain::before {
  background-image: url("../img/bg/stain.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  opacity: 0.75;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}

.section--theme-stain .section-title {
  color: #003366;
}

.section--theme-stain .section-subtitle {
  color: #267d93;
}

.section--theme-stain-light {
  background-image: url("../img/bg/stain-light.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #ffffff;
  background-image: none;
}

.section--theme-stain-light::before {
  background-image: url("../img/bg/stain-light.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  opacity: 0.75;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
}

.section--theme-stain-light .section-title {
  color: #003366;
}

.section--theme-stain-light .section-subtitle {
  color: #267d93;
}

.section--theme-red {
  background-image: url("../img/bg/red.jpg");
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
  background-color: #ffffff;
}

.section--theme-red .section-title {
  color: #ddd2c0;
}

.section--theme-rosegold {
  background: #F6E7E6;
}

.section--theme-rosegold .section-title {
  color: #ddd2c0;
}

.section--theme-blue {
  background-image: url("../img/bg/blue-circle.jpg");
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
  background-color: #ffffff;
  color: #ddd2c0;
}


/*********** Custom CSS for Tix 4 Students Page ******************/

body.page-id-803 .section--separated {
  padding-top: 0;
}

body.page-id-803 .container--narrow {
  max-width: none;
}

body.page-id-803 .container {
  max-width: none;
  padding: 0;
}

body.page-id-803 .entry-content--offset-bottom {
  margin-bottom: -4px;
  padding: 0;
}

body.page-id-803 .entry-content h2, body.page-id-803 .entry-content hr {
  display: none;
} 

body.page-id-803 section.section--theme-tan .container, 
body.page-id-803 section.section--theme-tan .container--narrow,
body.page-id-803 footer.page-foot .container.container--narrow{
  max-width: 880px;
}




/*!
 ** Component - Separator
 ** -----------------------------------------------------------------------------*/
.separator, .entry-content hr {
  position: relative;
  clear: both;
  display: block;
  border: 0;
  border-top: 2px dotted;
}

.separator::before, .entry-content hr::before, .separator::after, .entry-content hr::after {
  content: '';
  position: absolute;
  top: -2px;
  width: 15%;
  height: 2px;
}

.separator::before, .entry-content hr::before {
  left: 0;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7), transparent);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.7), transparent);
}

.separator::after, .entry-content hr::after {
  right: 0;
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.7), transparent);
  background: linear-gradient(to left, rgba(255, 255, 255, 0.7), transparent);
}

.separator--theme-aqua, .entry-content hr {
  border-top-color: #267d93;
}

.separator--theme-red {
  border-top-color: #c54b38;
}

/*!
 ** Component - Share
 ** -----------------------------------------------------------------------------*/
.share {
  padding: 8px 16px;
}

.share::after {
  content: '';
  display: table;
  clear: both;
}

.share ul {
  float: left;
}

.share li {
  float: left;
  margin-left: 10px;
}

.share-title {
  float: left;
  margin-right: 10px;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.2rem;
  line-height: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.share-link {
  display: block;
  font-size: 1.6rem;
}

.share-link:hover {
  opacity: 0.7;
}

/*!
 ** Component - Sign up
 ** -----------------------------------------------------------------------------*/
.sign-up {
  background-image: url("../img/bg/tan-1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #ffffff;
  position: relative;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  border: 2px solid #267d93;
  color: #000000;
}

@media (min-width: 768px) {
  .sign-up {
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
  }
}

.sign-up::before {
  position: absolute;
  top: 0;
  left: 0;
  height: 172px;
  width: 182px;
  background: url("../img/logo-sign.png") no-repeat;
  background-size: cover;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) {
  .sign-up::before {
    content: '';
  }
}

.sign-up-head {
  padding: 20px 20px 10px;
  color: #003366;
  font-size: 5rem;
  font-weight: 100;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .sign-up-head {
    font-size: 7.4rem;
  }
}

.sign-up-content {
  padding: 0 20px;
}

@media (min-width: 768px) {
  .sign-up-content {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.sign-up-content .form {
  margin-top: 0;
}

@media (min-width: 768px) {
  .sign-up-content .form .form-label {
    min-width: 45px;
  }
}

.sign-up-content p {
  max-width: 500px;
  margin: 35px auto 25px;
  color: #c54b38;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .sign-up-content p {
    font-size: 2rem;
  }
}

.sign-up-content .btn-group {
  padding: 20px 0;
}

@media (min-width: 768px) {
  .sign-up-content .btn-group {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.sign-up-content .separator, .sign-up-content .entry-content hr, .entry-content .sign-up-content hr {
  margin: 0 -20px;
}

.sign-up-content .separator::before, .sign-up-content .entry-content hr::before, .entry-content .sign-up-content hr::before {
  background: -webkit-linear-gradient(left, #ddd2c0, transparent);
  background: linear-gradient(to right, #ddd2c0, transparent);
}

.sign-up-content .separator::after, .sign-up-content .entry-content hr::after, .entry-content .sign-up-content hr::after {
  background: -webkit-linear-gradient(right, #ddd2c0, transparent);
  background: linear-gradient(to left, #ddd2c0, transparent);
}

@media (min-width: 768px) {
  .sign-up-content .separator:not(:first-child), .sign-up-content .entry-content hr:not(:first-child), .entry-content .sign-up-content hr:not(:first-child) {
    margin-top: 40px;
  }
}

.sign-up-content div:last-of-type {
  top: 0;
}

.sign-up [data-signup-message] {
  display: none;
}

/*!
 ** Component - Tabs
 ** -----------------------------------------------------------------------------*/
.tabs-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: nowrap row;
      -ms-flex-flow: nowrap row;
          flex-flow: nowrap row;
}

.tabs-list ul::after {
  content: '';
  display: table;
  clear: both;
}

.tabs-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  float: left;
  margin: 0 1px;
  text-align: center;
}

@media (min-width: 480px) {
  .tabs-list li {
    width: auto;
  }
}

.tabs-list li a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  display: block;
  width: 100%;
  padding: 7px 15px;
  border-radius: 10px 10px 0 0;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "Avenir Next Condensed", "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1;
  text-transform: uppercase;
}

@media (min-width: 480px) {
  .tabs-list li a {
    width: auto;
  }
}

@media (min-width: 768px) {
  .tabs-list li a {
    padding: 0.6em 1.25em 0.4em;
    font-size: 2rem;
  }
}

.tabs-list li a:hover {
  background: rgba(255, 255, 255, 0.25);
}

.tabs-list li a .separator, .tabs-list li a .entry-content hr, .entry-content .tabs-list li a hr {
  display: none;
}

.tabs-list li.is-active a {
  color: #c54b38;
}

.tabs-list li.is-active a .separator, .tabs-list li.is-active a .entry-content hr, .entry-content .tabs-list li.is-active a hr {
  display: block;
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
}

.tabs-content {
  clear: both;
  padding: 20px 10px;
  background: #F6E7E6;
  box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, 0.25);
}


div[data-tab-target="#tab-original-cast-recording"] div div  {
  display: inline-block;
  top: 0;
  vertical-align: top;
  width: 48%;
  position: relative;
}

div[data-tab-target="#tab-original-cast-recording"] div div img {
  padding: 8% 10%;
  top: 0;
  vertical-align: top;
  width: 100%;
  position: relative;
}

div[data-tab-target="#tab-original-cast-recording"] div div ul {
  display: inline-block;
  padding: 0 1%;
}

span#tracks {
  font-size: 120%; 
  font-weight: 500;
  text-transform: uppercase; 
}
@media (max-width: 568px) {

div[data-tab-target="#tab-original-cast-recording"] div div.tabs-content-text {
    width: 90%;
  }

  div[data-tab-target="#tab-original-cast-recording"] div div.tabs-content-image {
    display: none;
  }

  div[data-tab-target="#tab-original-cast-recording"] div div.tabs-content-image {
    display: none;
  }
  
  div[data-tab-target="#tab-original-cast-recording"] div div ul {
    display: 100%;
  } 
}

@media (min-width: 768px) {
  .tabs-content {
    padding: 30px 0 50px;
  }
}

@media (min-width: 768px) {
  .tabs-content-text {
    width: 60%;
  }
}

.tabs-content-image {
  margin-bottom: -160px;
}

.tabs-content-image img {
  max-width: 300px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .tabs-content-image {
    position: absolute;
    top: -30px;
    right: 0;
    width: 40%;
    padding-left: 20px;
    margin-bottom: 0;
  }
  .tabs-content-image img {
    max-width: none;
    margin: 0;
  }
}

.tabs-element {
  display: none;
}

.no-js .tabs-element {
  display: block;
}

.tabs--theme-rosegold .tabs-content {
  background: #F6E7E6;
}

.tabs--theme-rosegold .tabs-list .is-active a {
  background: #F6E7E6;
}

.tabs--theme-azure .tabs-content {
  background: #cce4ea;
  color: #003366;
}

.tabs--theme-azure .tabs-list .is-active a {
  background: #cce4ea;
}

.tabs--theme-tan .tabs-content {
  background: #ddd2c0;
      color: #003366;
}

.tabs--theme-tan .tabs-list .is-active a {
  background: #ddd2c0;
}





/*!
 ** Component - Ticket funnel
 ** -----------------------------------------------------------------------------*/
.ticket-funnel {
  background-image: url("../img/bg/wood.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-color: #ffffff;
  max-width: 800px;
  color: #866239;
}

@media (min-width: 768px) {
  .ticket-funnel {
    box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
  }
}

.ticket-funnel-head {
  padding: 15px 20px;
}

@media (min-width: 768px) {
  .ticket-funnel-head {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.ticket-funnel-head h3 {
  padding-right: 30px;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .ticket-funnel-head h3 {
    padding-right: 0;
  }
}

.ticket-funnel-head strong {
  font-size: 1.35em;
}

.ticket-funnel-foot {
  padding: 15px 25px;
}

.ticket-funnel-content {
  background: rgba(255, 255, 255, 0.5);
}

.ticket-funnel-title {
  padding: 10px 20px;
}

@media (min-width: 768px) {
  .ticket-funnel-title {
    padding: 5px 40px;
  }
}

.ticket-funnel-title h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-flow: wrap column;
      -ms-flex-flow: wrap column;
          flex-flow: wrap column;
  color: #206a7d;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  text-align: center;
}

@media (min-width: 768px) {
  .ticket-funnel-title h2 {
    -webkit-flex-flow: nowrap row;
        -ms-flex-flow: nowrap row;
            flex-flow: nowrap row;
  }
}

.ticket-funnel-title img {
  width: 100%;
  max-width: 320px;
}

@media (min-width: 768px) {
  .ticket-funnel-title img {
    display: inline-block;
    width: auto;
    max-width: none;
    height: 100px;
    margin: 0 -10px;
  }
}

.ticket-funnel-title-start {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}

@media (min-width: 768px) {
  .ticket-funnel-title-start {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
}

.ticket-funnel-title-end {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}

@media (min-width: 768px) {
  .ticket-funnel-title-end {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
}

.ticket-funnel-note {
  padding: 20px 40px;
}

@media (min-width: 768px) {
  .ticket-funnel-note {
    padding: 40px 80px;
  }
}

.ticket-funnel-note p {
  margin-top: 1.3em;
  font-size: 1.6rem;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .ticket-funnel-note p {
    font-size: 2rem;
  }
}

.ticket-funnel-note p:first-child {
  margin-top: 0;
}

.ticket-funnel-note strong {
  color: #000000;
  font-weight: 600;
}

.ticket-funnel-info {
  padding: 20px;
}

@media (min-width: 768px) {
  .ticket-funnel-info {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.ticket-funnel-info li {
  position: relative;
  padding-left: 15px;
  color: #000000;
  font-size: 1.6rem;
  line-height: 1.5;
}

.ticket-funnel-info li::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  height: 6px;
  width: 6px;
  background: #267d93;
  border-radius: 50%;
}

.ticket-funnel-info a {
  border-bottom: 1px solid #000000;
}

.ticket-funnel-info a:hover {
  color: #267d93;
}

.ticket-funnel-info--large {
  padding: 30px 20px 15px;
}

.ticket-funnel-info--large li {
  padding-left: 20px;
  font-size: 2.2rem;
  line-height: 1.8;
}

.ticket-funnel-info--large li::before {
  height: 8px;
  width: 8px;
  margin-top: -4px;
}

.ticket-funnel-section {
  position: relative;
  padding: 25px 20px;
}

@media (min-width: 768px) {
  .ticket-funnel-section {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.ticket-funnel-section .separator, .ticket-funnel-section .entry-content hr, .entry-content .ticket-funnel-section hr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top-width: 1px;
}

.ticket-funnel-section .separator::before, .ticket-funnel-section .entry-content hr::before, .entry-content .ticket-funnel-section hr::before, .ticket-funnel-section .separator::after, .ticket-funnel-section .entry-content hr::after, .entry-content .ticket-funnel-section hr::after {
  top: -1px;
  height: 1px;
}

.ticket-funnel-section h4 {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.ticket-funnel-section h4::before {
  content: '> ';
}

@media (min-width: 768px) {
  .ticket-funnel-section h4 {
    display: inline-block;
    margin-left: -15px;
  }
}

/*!
 ** Component - Time chooser
 ** -----------------------------------------------------------------------------*/
.time-chooser {
  background-image: url("../img/bg/tan.jpg");
  background-position: center;
  background-repeat: repeat;
  background-size: auto;
  position: relative;
  background-color: #ffffff;
  width: auto;
  margin: 5px;
  border: 2px solid #267d93;
  border-radius: 15px;
  color: #603813;
}

.time-chooser-head {
  padding: 20px;
  color: #267d93;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}

.time-chooser-head strong {
  display: block;
  color: #c54b38;
}

.time-chooser .btn-group {
  padding: 20px 10px;
}

/*!
 ** Component - Video
 ** -----------------------------------------------------------------------------*/
.video {
  position: relative;
  max-height: 575px;
  background: #000000;
  overflow: hidden;
}

.video::before {
  content: '';
  display: block;
  padding-bottom: 56%;
}

.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.video-content {
  position: relative;
  display: block;
  height: 100%;
  /*max-width: 1024px;*/
  margin: 0 auto;
}

.video-fallback {
  position: relative;
  display: block;
  /*height: 100%;*/
  height: 81%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.video-fallback::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  box-shadow: inset 0 0 100px 0 #000000;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.video-fallback:hover::before {
  background: rgba(0, 0, 0, 0.3);
}

.video-play {
  position: absolute;
  visibility: hidden;
  top: 50%;
  left: 50%;
  z-index: 5;
  color: #ffffff;
  font-size: 6rem;
  opacity: 0.0;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 992px) {
  .video-play {
    font-size: 10rem;
  }
}

.video-controls {
  display: none;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 5;
}

@media (min-width: 768px) {
  .video-controls {
    bottom: 25px;
    left: 25px;
  }
}

.video-controls .js-video-unMute {
  display: none;
}

.is-muted .video-controls .js-video-mute {
  display: none;
}

.is-muted .video-controls .js-video-unMute {
  display: inline-block;
}

.video-btn {
  margin: 0;
  padding: 5px 10px;
  background: rgba(0, 51, 102, 0.8);
  border: 0;
  border-radius: 5px;
  color: #ddd2c0;
  font-size: 2rem;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.75);
}

@media (min-width: 768px) {
  .video-btn {
    font-size: 3rem;
  }
}

.video-btn:hover {
  background: rgba(0, 51, 102, 0.6);
  color: #ffffff;
}



/*
  hide video component for now
*/

body.home section.section div.video{
  display: none;
}

.pickle {
  display: none;
}

/************ Custom Template for Reviews & Audience Comments ***************/

#audience, #reviews {
  display: inline-block;
}

#news_container li{
  display: inline-block;
}

/************ Calendar ***************/
.static-calendar:not(.show) {
    display: none;
}


/********************* Wall of Fame CSS ********************/
body.page-id-2094 h2 {
  color: #fff;
  font-size: 4rem;
  text-align: center;
}

body.page-id-2094 .entry-content li {
  color: rgb(227, 216, 198);
  display: inline-block;
}

body.page-id-2094 .section--theme-rosegold {
  background-color: #194D8C;
}

.size_1, .size_2, .size_3, .size_4{
font-size: 0.9rem;
}
.size_5, .size_6, .size_7, .size_8{
font-size: 1.1rem;
}
.size_10, .size_11, .size_12, .size_13, .size_15, .size_16, .size_17, .size_18, .size_20, .size_21, .size_22{
font-size: 1.3rem;
}
.size_25, .size_26, .size_27, .size_28, .size_29, .size_30{
font-size: 1.5rem;
}
.size_35, .size_36, .size_39, .size_40{
font-size: 1.7rem;
}
.size_47, .size_50, .size_51, .size_52, .size_54, .size_55, .size_60, .size_64{
font-size: 1.9rem;
}
.size_75, .size_100, .size_101, .size_105, .size_120, .size_125{
font-size: 2.1rem;
}
.size_150{
font-size: 2.3rem;
}
.size_200{
font-size: 2.5rem;
}
.size_250,.size_350{
font-size: 2.7rem;
}
.size_500{
font-size: 3.1rem;
}
.size_1000{
font-size: 3.2rem;
}

/*!
 ** Component - Slider
 ** -----------------------------------------------------------------------------*/
/*.hero-slider {
  height: 70vh;
}*/