@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i");
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*
  Mixins and Extends functionality
*/
.subnavigation--menu:after, .content:after, .footer-menus:after, .footer--menu--about-us:after, .footer--social-media:after, .partner-logos:after, .site-info:after, .hero .notifications ul:after, .section-listing .gallery-row:after, .section-listing .posts-wrapper .row:after, .section-listing .tabcontent:after, .simcal-events-list-container:after {
  content: "";
  clear: both;
  display: table; }

/*
    Colors
*/
/*
    Primary Color Palette
*/
/*
    Secondary Color Palette
*/
/* list table */
/* Breakpoints: */
/*
  Grid Columns
*/
/* 1 column */
.col-1 {
  width: calc(100%);
  float: left;
  margin-left: 0px; }
  @media (min-width: 768px) {
    .col-1 {
      width: calc(100% - 60px);
      float: left;
      margin-left: 30px; } }

/* 2 column */
.col-2 {
  width: calc(100%);
  float: left;
  margin-left: 0px; }
  @media (min-width: 768px) {
    .col-2 {
      width: calc(50% - 45px);
      float: left;
      margin-left: 30px; } }
  .col-2--nogutter {
    width: calc(100%);
    float: left;
    margin-left: 0px; }
    @media (min-width: 768px) {
      .col-2--nogutter {
        width: calc(50%);
        float: left;
        margin-left: 0px; } }
  .col-2--mobile {
    width: calc(50%);
    float: left;
    margin-left: 0px; }

/* 3 column */
.col-3, .col-1-3 {
  width: calc(100%);
  float: left;
  margin-left: 0px; }
  @media (min-width: 768px) {
    .col-3, .col-1-3 {
      width: calc(33.33333% - 40px);
      float: left;
      margin-left: 30px; } }
  .col-3--nogutter, .col-1-3--nogutter {
    width: calc(100%);
    float: left;
    margin-left: 0px;
    /* 
      Fluid changes depending on breakpoints 
      changes # of columns depending on breakpoints
    */ }
    @media (min-width: 768px) {
      .col-3--nogutter, .col-1-3--nogutter {
        width: calc(33.33333%);
        float: left;
        margin-left: 0px; } }
    .col-3--nogutter--fluid, .col-1-3--nogutter--fluid {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      @media (min-width: 768px) {
        .col-3--nogutter--fluid, .col-1-3--nogutter--fluid {
          width: calc(50%);
          float: left;
          margin-left: 0px; } }
      @media (min-width: 980px) {
        .col-3--nogutter--fluid, .col-1-3--nogutter--fluid {
          width: calc(41.66667%);
          float: left;
          margin-left: 0px; } }
      @media (min-width: 1280px) {
        .col-3--nogutter--fluid, .col-1-3--nogutter--fluid {
          width: calc(33.33333%);
          float: left;
          margin-left: 0px; } }

/* 
  To be used with .col-3 or .col-1-3
*/
.col-2-3 {
  width: calc(100%);
  float: left;
  margin-left: 0px; }
  @media (min-width: 768px) {
    .col-2-3 {
      width: calc(66.66667% - 50px);
      float: left;
      margin-left: 30px; } }
  .col-2-3--nogutter {
    width: calc(100%);
    float: left;
    margin-left: 0px;
    /* 
      Fluid changes depending on breakpoints 
      changes # of columns depending on breakpoints
    */ }
    @media (min-width: 768px) {
      .col-2-3--nogutter {
        width: calc(66.66667%);
        float: left;
        margin-left: 0px; } }
    .col-2-3--nogutter--fluid {
      width: calc(100%);
      float: left;
      margin-left: 0px; }
      @media (min-width: 768px) {
        .col-2-3--nogutter--fluid {
          width: calc(50%);
          float: left;
          margin-left: 0px; } }
      @media (min-width: 980px) {
        .col-2-3--nogutter--fluid {
          width: calc(58.33333%);
          float: left;
          margin-left: 0px; } }
      @media (min-width: 1280px) {
        .col-2-3--nogutter--fluid {
          width: calc(66.66667%);
          float: left;
          margin-left: 0px; } }

/* 4 column */
.col-4 {
  width: calc(100%);
  float: left;
  margin-left: 0px; }
  @media (min-width: 768px) {
    .col-4 {
      width: calc(25% - 37.5px);
      float: left;
      margin-left: 30px; } }
  .col-4--nogutter {
    width: calc(100%);
    float: left;
    margin-left: 0px; }
    @media (min-width: 768px) {
      .col-4--nogutter {
        width: calc(25%);
        float: left;
        margin-left: 0px; } }

/*
  For desktop or mobile specific
*/
@media (min-width: 768px) {
  .mobile-only {
    display: none !important; } }

@media (min-width: 980px) {
  .mobile-tablet-only {
    display: none !important; } }

@media (max-width: 768px) {
  .desktop-only {
    display: none !important; } }

/*
    Breakpoints
    e.g: @include breakpoint($bp-2) { ... }
*/
/*
$bp-0: 375px;
$bp-1: 600px;
$bp-2: 768px;
$bp-3: 960px;
$bp-4: 1024px;
$bp-5: 1280px;
*/
/*
    Typography
*/
h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  text-transform: uppercase; }

h2 {
  font-size: 100px;
  line-height: 75px;
  color: #ffffff; }

h3 {
  font-size: 48px;
  font-weight: 900;
  color: #5A4080; }

h4 {
  font-size: 30px;
  font-weight: 800;
  color: #0F7D7C; }

h5 {
  font-size: 24px;
  font-weight: 800;
  color: #FFBB57;
  margin-bottom: 25px; }

p {
  line-height: 1.5;
  margin: 1.5em 0 2em;
  font-weight: 100;
  /* Specific for paragraph content */ }
  p a {
    font-weight: 700;
    color: #186592;
    text-decoration: none; }
  p strong {
    font-weight: 700; }

/*
  SVG icons
*/
.svg--search {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='icon:_seach' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 23 23' style='enable-background:new 0 0 23 23;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:2.5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Ellipse_748_copy'%3E%3Ccircle class='st0' cx='9' cy='9' r='8'/%3E%3C/g%3E%3Cg id='Layer_2'%3E%3Cline class='st1' x1='14.8' y1='14.8' x2='22' y2='22'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #7E8080;
  height: 50px;
  width: 50px; }

.svg--down-arrow {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='15px' height='9px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M14.692,1.500 L7.500,8.693 L0.308,1.500 L1.722,0.085 L7.500,5.864 L13.278,0.085 L14.692,1.500 Z'/%3E%3C/svg%3E");
  background-size: 15px 9px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #2b6f97;
  height: 25px;
  width: 25px; }

.svg--right-arrow {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9px' height='14px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M9.005,7.000 L7.524,8.377 L7.524,8.377 L1.473,14.005 L-0.008,12.627 L6.043,7.000 L-0.008,1.372 L1.473,-0.005 L7.524,5.623 L7.524,5.623 L9.005,7.000 Z'/%3E%3C/svg%3E");
  background-size: 9px 14px;
  background-repeat: no-repeat;
  background-position: center;
  height: 14px;
  width: 9px; }

.svg--menu-hamburger {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='12px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M-0.000,12.000 L-0.000,10.000 L12.000,10.000 L12.000,12.000 L-0.000,12.000 ZM-0.000,5.000 L12.000,5.000 L12.000,7.000 L-0.000,7.000 L-0.000,5.000 ZM-0.000,-0.000 L12.000,-0.000 L12.000,2.000 L-0.000,2.000 L-0.000,-0.000 Z'/%3E%3C/svg%3E");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  height: 12px;
  width: 12px; }

.svg--close {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1_copy' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 12' style='enable-background:new 0 0 12 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Layer_3'%3E%3Cpolygon class='st0' points='11.9,1.8 10.2,0.1 6,4.3 1.8,0.1 0.1,1.8 4.3,6 0.1,10.2 1.8,11.9 6,7.7 10.2,11.9 11.9,10.2 7.7,6 '/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 12px 12px;
  background-repeat: no-repeat;
  background-position: center;
  height: 12px;
  width: 12px; }

/*
    General styles
*/
html {
  box-sizing: border-box;
  color: #060606;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif; }

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

.screen-reader-text {
  display: none; }

.page {
  position: relative;
  margin: 0 auto;
  padding: 0;
  /* custom for background CMS images */ }
  .page--wrapper {
    overflow-x: hidden; }
  .page .background-align-top {
    background-position: 50% 0%; }
  .page .background-align-bottom {
    background-position: 50% 100%; }

.section--container {
  max-width: 1280px;
  margin: 0 auto; }
  .section--container.row {
    max-width: 1040px; }
    @media (max-width: 768px) {
      .section--container.row .col-2:first-child {
        margin-bottom: 70px; } }
  .section--container img .size-thumbnail {
    width: 150px;
    height: auto; }
  .section--container img .size-medium {
    width: 300px;
    height: auto; }
  .section--container img .size-large {
    width: 600px;
    height: auto; }
  .section--container img .size-full {
    width: 100%;
    height: auto; }

.section-light div h4 {
  color: #186592; }

.section-light div p {
  color: #3A3A3A; }

.section-light div .btn {
  color: white;
  background: #186592; }

.section-text-shadow h4 {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3); }

.section-text-shadow p {
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9); }

.pagination div ul {
  list-style: none;
  list-style-type: none;
  padding: 0; }
  .pagination div ul li {
    list-style: none;
    list-style-type: none; }
    .pagination div ul li:first-child {
      float: right; }
    .pagination div ul li:last-child {
      float: left; }

header.site-header {
  position: absolute;
  z-index: 2;
  display: inline-block;
  padding: 0;
  margin: 0;
  width: 100%;
  color: #ffffff; }
  @media (max-width: 980px) {
    header.site-header {
      transition: background-color 0.5s; } }
  @media (max-width: 980px) {
    header.site-header.js-open {
      background-color: #3A3A3A;
      position: fixed;
      overflow-y: auto;
      overflow-x: hidden;
      height: 100%; } }
  header.site-header ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0; }
  header.site-header p.simcal-align-right {
    display: none; }
  header.site-header .site-logo {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 60px; }
    @media (min-width: 980px) {
      header.site-header .site-logo {
        float: left;
        background-size: cover;
        background-position: 0 -3px;
        width: 160px;
        height: 105px; } }
    @media (max-width: 980px) {
      header.site-header .site-logo {
        background-color: #DA7321; } }
  header.site-header .site-search {
    display: flex; }
    @media (max-width: 980px) {
      header.site-header .site-search {
        width: 100%; } }
    @media (min-width: 980px) {
      header.site-header .site-search {
        position: absolute;
        top: 0;
        right: 0; } }
    header.site-header .site-search input {
      margin-right: 0; }
      header.site-header .site-search input[type=search] {
        width: 100%; }
        @media (min-width: 980px) {
          header.site-header .site-search input[type=search] {
            display: none;
            width: 375px; } }
  header.site-header .today-hours {
    position: absolute;
    z-index: 0;
    float: left;
    margin: 0;
    display: inline-block; }
    @media (min-width: 980px) {
      header.site-header .today-hours {
        position: relative;
        z-index: -2; } }
    @media (max-width: 980px) {
      header.site-header .today-hours {
        top: 60px;
        background-color: #3A3A3A;
        text-align: center; } }
    @media (min-width: 980px) and (max-width: 1280px) {
      header.site-header .today-hours {
        padding: 0 10px; } }
    @media (max-width: 1280px) {
      header.site-header .today-hours {
        width: 100%; } }
    header.site-header .today-hours .simcal-default-calendar-list {
      min-height: 0px;
      padding: 5px 10px; }
      @media (max-width: 980px) {
        header.site-header .today-hours .simcal-default-calendar-list {
          padding: 0px;
          text-align: center; } }
      header.site-header .today-hours .simcal-default-calendar-list .simcal-events-list-container p {
        display: none; }

.menu-main-menu-container {
  float: left; }

/*
  for mobile menu
*/
@media (max-width: 980px) {
  .main-menu--mobile {
    display: flex;
    flex-grow: 1; } }

.main-menu--mobile ul li {
  flex-grow: 1; }
  .main-menu--mobile ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .main-menu--mobile ul li:last-child {
    flex-grow: 0; }

.main-menu--mobile .hamburger {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 12px 15px;
  /*
        Start dynamic hamburger menu
      */
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  /* End dynamic hamburger menu */ }
  .main-menu--mobile .hamburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 12px;
    background: #ffffff;
    border-radius: 9px;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out; }
    .main-menu--mobile .hamburger span:nth-child(1) {
      top: 22px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center; }
    .main-menu--mobile .hamburger span:nth-child(2) {
      top: 28px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center; }
    .main-menu--mobile .hamburger span:nth-child(3) {
      top: 34px;
      -webkit-transform-origin: left center;
      -moz-transform-origin: left center;
      -o-transform-origin: left center;
      transform-origin: left center; }
  .main-menu--mobile .hamburger.js-open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 24px;
    left: 9px;
    width: 16px; }
  .main-menu--mobile .hamburger.js-open span:nth-child(2) {
    width: 0%;
    opacity: 0; }
  .main-menu--mobile .hamburger.js-open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 35px;
    left: 9px;
    width: 16px; }

@media (max-width: 980px) {
  .main-menu--wrapper {
    position: relative;
    z-index: 2;
    left: 100%;
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
    transition: left 0.5s; } }

@media (max-width: 980px) {
  .main-menu--wrapper.js-open {
    left: 0%; } }

.main-navigation > li {
  float: left;
  width: 100%;
  height: 100px;
  position: relative; }
  @media (min-width: 980px) {
    .main-navigation > li {
      width: 140px;
      height: 105px; } }
  .main-navigation > li a {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase; }
  .main-navigation > li div.text {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 18px; }
    @media (min-width: 980px) {
      .main-navigation > li div.text {
        align-items: flex-start; } }
    @media (max-width: 980px) {
      .main-navigation > li div.text {
        justify-content: space-between; } }

.subnavigation {
  position: absolute;
  top: 0;
  z-index: -1; }
  @media (max-width: 980px) {
    .subnavigation {
      z-index: 2;
      transition: margin-left 0.5s;
      margin-left: 100%; } }
  @media (min-width: 980px) {
    .subnavigation {
      transition: margin-top 0.5s;
      margin-top: -295px; } }
  @media (max-width: 980px) {
    .subnavigation.js-open {
      margin-top: 0px;
      margin-left: 0%; } }
  @media (min-width: 980px) {
    .subnavigation.js-open {
      margin-top: 105px; } }
  .subnavigation.visit {
    background-color: #5A4080; }
  .subnavigation.donate {
    background: #5A4080;
  }
    @media (max-width: 980px) {
      .subnavigation.visit {
        top: 0px; } }
    @media (min-width: 980px) {
      .subnavigation.visit {
        left: 0px; } }
  .subnavigation.explore {
    background-color: #54A048; }
    @media (max-width: 980px) {
      .subnavigation.explore {
        top: -100px; } }
    @media (min-width: 980px) {
      .subnavigation.explore {
        left: -140px; } }
  .subnavigation.learn {
    background-color: #FFBB57; }
    @media (max-width: 980px) {
      .subnavigation.learn {
        top: -200px; } }
    @media (min-width: 980px) {
      .subnavigation.learn {
        left: -280px; } }
  .subnavigation.support {
    background-color: #DA7321; }
    @media (max-width: 980px) {
      .subnavigation.support {
        top: -300px; } }
    @media (min-width: 980px) {
      .subnavigation.support {
        left: -420px; } }
  .subnavigation.buy {
    display: none; }
  .subnavigation ul li {
    margin-bottom: 30px; }
  .subnavigation--menu {
    width: 100vw;
    padding: 40px 20px 900px; }
    @media (min-width: 980px) {
      .subnavigation--menu {
        width: 700px;
        padding: 50px 0px 20px 90px; } }
    .subnavigation--menu--close {
      position: relative;
      z-index: 9;
      top: 20px;
      right: 20px;
      display: block;
      height: 12px;
      width: 100%; }
      .subnavigation--menu--close span {
        display: inline-block;
        float: right; }
  .subnavigation--footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 10px;
    background-color: #2b2869; }
    .subnavigation--footer span {
      font-size: 16px;
      font-weight: 100;
      padding: 0 20px; }

.main-navigation > li:nth-child(5n+1) {
  background-color: #5A4080; }
  .main-navigation > li:nth-child(5n+1) div.shim {
    background-color: #4e386f; }

.main-navigation > li:nth-child(5n+2) {
  background-color: #54A048; }
  .main-navigation > li:nth-child(5n+2) div.shim {
    background-color: #4b8e40; }

.main-navigation > li:nth-child(5n+3) {
  background-color: #FFBB57; }
  .main-navigation > li:nth-child(5n+3) div.shim {
    background-color: #ffb13e; }

.main-navigation > li:nth-child(5n+4) {
  background-color: #DA7321; }
  .main-navigation > li:nth-child(5n+4) div.shim {
    background-color: #c4671e; }

.main-navigation > li:nth-child(5n+5) {
  background-color: #2b6f97; }
  .main-navigation > li:nth-child(5n+5) div.shim {
    background-color: #256083; }

/*
  Site side content styles
*/

.main-navigation > li:last-child .subnavigation.donate {
  right: 0;
  background: #2b6f97;
}
.content {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  padding: 60px 20px;
  margin: 0; }
  @media (min-width: 768px) {
    .content {
      padding: 80px 40px; } }
  @media (min-width: 1280px) {
    .content {
      padding: 80px 40px; } }

footer {
  width: 100%;
  background-color: #3A3A3A;
  padding: 60px 20px 20px; }
  @media (min-width: 768px) {
    footer {
      padding: 70px 40px; } }
  @media (min-width: 980px) {
    footer {
      padding: 70px 80px; } }
  @media (min-width: 1280px) {
    footer {
      padding: 70px 170px; } }
  footer ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0; }

.footer-menus {
  display: flex;
  flex-direction: column-reverse;
  position: relative; }
  @media (min-width: 768px) {
    .footer-menus {
      flex-direction: row; } }

.footer--elements {
  max-width: 980px;
  margin: 0 auto; }

.footer--section {
  margin-bottom: 70px; }
  @media (min-width: 768px) {
    .footer--section {
      margin-bottom: 90px; } }

@media (max-width: 768px) {
  .footer--menu--about-us {
    border-top: 1px solid gray;
    border-bottom: 1px solid grey;
    padding-top: 60px;
    padding-bottom: 40px;
    padding-left: 5px;
    margin-bottom: 15px; } }

@media (min-width: 1280px) {
  .footer--menu--about-us {
    padding-right: 20%; } }

.footer--menu--about-us ul li {
  margin-bottom: 30px; }

.footer--menu--about-us a {
  color: white;
  text-decoration: none; }

@media (max-width: 360px) {
  .footer--subscribe input[type=text], .footer--subscribe input[type=submit] {
    width: 60%; } }

.menu-social-menu-container ul.social-navigation li {
  float: left;
  padding: 0;
  margin: 0 14px 0 0; }
  @media (min-width: 360px) {
    .menu-social-menu-container ul.social-navigation li {
      margin: 0 18px 0 0; } }
  .menu-social-menu-container ul.social-navigation li div.icon {
    width: 40px;
    height: 40px; }
    .menu-social-menu-container ul.social-navigation li div.icon.facebook {
      background-image: url("../images/icon-facebook.png"); }
    .menu-social-menu-container ul.social-navigation li div.icon.twitter {
      background-image: url("../images/icon-twitter.png"); }
    .menu-social-menu-container ul.social-navigation li div.icon.instagram {
      background-image: url("../images/icon-instagram.png"); }
    .menu-social-menu-container ul.social-navigation li div.icon.youtube {
      background-image: url("../images/icon-youtube.png"); }
    .menu-social-menu-container ul.social-navigation li div.icon.linkedin {
      background-image: url("../images/icon-linkedin.png"); }

.partner-logos {
  position: relative;
  text-align: center;
  padding: 40px 0; }
  .partner-logos ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    @media (min-width: 768px) {
      .partner-logos ul {
        margin: 0 auto; } }
  @media (min-width: 768px) {
    .partner-logos li {
      margin-right: 20px; } }
  .partner-logos li:last-child {
    margin-right: 0; }
  .partner-logos li img {
    border: 0;
    max-height: 80px; }

.site-info {
  position: relative;
  text-align: center;
  padding: 40px 0 0 0;
  color: #7E8080;
  font-size: 12px; }
  .site-info .footer-logo {
    display: inline-block;
    width: 130px;
    height: 110px;
    background-image: url("../images/logo-white.png"); }
  .site-info .copyright {
    padding-top: 20px; }

/*
  Forms and buttons
*/
input {
  float: left;
  margin-right: 10px; }
  input[type=text], input[type=search], input[type=email] {
    padding: 5px 10px; }

button, .btn {
  display: inline-block;
  cursor: pointer;
  padding: 12px 20px;
  border: 0;
  text-transform: uppercase;
  text-decoration: none; }

.btn--blue {
  background: #2b6f97;
  color: #ffffff;
  font-weight: 600; }

.btn--orange {
  background: #DA7321;
  color: #ffffff;
  font-weight: 700; }

.btn--purple {
  background: #5A4080;
  color: #ffffff;
  font-weight: 700; }

.btn--green {
  background: #54A048;
  color: #ffffff;
  font-weight: 700; }

.btn--white {
  background: #ffffff;
  color: #2b6f97;
  font-weight: 700; }

.btn--transparent {
  border: thin solid white;
  color: #ffffff;
  font-weight: 700; }

.btn--submit {
  background: #186592;
  border: none;
  color: white;
  height: 32px;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900; }

.btn--icon {
  border: none;
  padding: 0px; }

.link {
  text-decoration: none;
  text-transform: uppercase;
  padding: 0;
  margin: 0; }

.link--blue {
  color: #2b6f97;
  font-weight: 600; }

/* Specific Advanced Custom Fields forms */
.page-template .acf-form .acf-fields > .acf-field {
  border-top: none;
  padding: 0 20px 30px 0; }
  @media (min-width: 980px) {
    .page-template .acf-form .acf-fields > .acf-field-text, .page-template .acf-form .acf-fields > .acf-field-email {
      float: left;
      clear: none;
      width: 50%; } }

.page-template .acf-form .acf-input input[type="text"], .page-template .acf-form .acf-input input[type="email"], .page-template .acf-form .acf-input textarea {
  border: 1px solid #adacaa;
  padding: 20px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.page-template .acf-form .acf-radio-list, .page-template .acf-form .acf-checkbox-list {
  margin-top: 22px; }
  .page-template .acf-form .acf-radio-list li, .page-template .acf-form .acf-checkbox-list li {
    line-height: 1;
    margin-bottom: 22px; }
    .page-template .acf-form .acf-radio-list li input[type="radio"], .page-template .acf-form .acf-radio-list li input[type="checkbox"], .page-template .acf-form .acf-checkbox-list li input[type="radio"], .page-template .acf-form .acf-checkbox-list li input[type="checkbox"] {
      margin: 0 10px 0 0; }

.page-template .acf-form .acf-field-group .acf-field-group {
  padding: 20px 0 0; }
  .page-template .acf-form .acf-field-group .acf-field-group .acf-input .-border {
    border: none; }

.page-template .acf-form .acf-label {
  color: #666666; }

.page-template .acf-form .acf-form-submit {
  padding: 0; }
  .page-template .acf-form .acf-form-submit button {
    background: #186592;
    color: white;
    font-weight: 600; }

/*
  Hero Block
*/
.hero {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 678px;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-size: cover;
  background-color: #000000;
  overflow: hidden;
  /* Notifications */ }
  @media (max-width: 768px) {
    .hero {
      margin-top: 60px; } }
  @media (max-width: 980px) {
    .hero {
      flex-direction: column; } }
  @media (min-width: 980px) {
    .hero {
      height: 700px; } }
  .hero h2 {
    font-weight: 900;
    opacity: 0.9; }
    @media (max-width: 1280px) {
      .hero h2 {
        width: 50%; } }
  .hero .notifications {
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: #FFBB57;
    padding: 20px;
    /* View Calendar button */ }
    @media (max-width: 768px) {
      .hero .notifications {
        width: 100%;
        min-height: 335px; } }
    @media (min-width: 768px) {
      .hero .notifications {
        position: absolute;
        padding: 40px 50px;
        max-width: 424px; } }
    .hero .notifications h5 {
      color: white;
      text-transform: uppercase; }
    .hero .notifications ul {
      list-style: none;
      list-style-type: none;
      padding: 0;
      margin: 0 0 20px; }
      .hero .notifications ul li {
        margin: 0 0 20px;
        color: #3A3A3A;
        font-size: 16px; }
    .hero .notifications .view-calendar.mobile-only {
      position: absolute;
      top: 20px;
      right: 20px; }
  .hero .section--container {
    width: 100%;
    text-align: left; }
    @media (min-width: 1280px) {
      .hero .section--container {
        width: 1280px;
        padding: 0 20px; } }
    @media (max-width: 980px) {
      .hero .section--container {
        display: flex;
        align-items: center;
        height: 667px; } }
    .hero .section--container h2 {
      font-size: 70px;
      line-height: 60px; }
      @media (min-width: 980px) {
        .hero .section--container h2 {
          font-size: 100px;
          line-height: 72px; } }
  @media (max-width: 768px) {
    .hero.has-notifications {
      height: 900px; } }

/*
  Masthead Block
*/
.masthead {
  display: flex;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-size: cover;
  background-position: center;
  height: 400px; }
  @media (max-width: 768px) {
    .masthead {
      margin-top: 60px; } }
  @media (max-width: 980px) {
    .masthead {
      flex-direction: column;
      justify-content: flex-end; } }
  .masthead h2 {
    font-weight: 900;
    font-size: 24px;
    line-height: 50px;
    float: left;
    display: block;
    padding: 0px 20px;
    width: 100%; }
    @media (min-width: 768px) {
      .masthead h2 {
        font-size: 48px;
        padding: 80px 0 10px; } }
  .masthead .breadcrumbs {
    float: left;
    display: none;
    color: #ffffff; }
    @media (min-width: 768px) {
      .masthead .breadcrumbs {
        display: block; } }
    .masthead .breadcrumbs a {
      text-decoration: none;
      color: white; }
  .masthead .section--container {
    width: 100%; }
    @media (min-width: 768px) {
      .masthead .section--container {
        padding: 20px; } }
    @media (min-width: 1280px) {
      .masthead .section--container {
        width: 1280px; } }

/*
  Featured Section
*/
.section {
  /* featured Section */ }
  .section-featured {
    display: flex;
    align-items: center;
    /* h3  {
      font-size: 16px;
      color: $matisse;
      padding-bottom: 20px;
    } */
    /* Specific for 2 column */
    /* Modified from Featured Section */ }
    .section-featured h4 {
      color: #F8D889;
      font-size: 30px; }
    .section-featured h5 {
      font-weight: lighter;
      font-size: 14px;
      color: #000000; }
    .section-featured p {
      color: #ffffff; }
    .section-featured img {
      width: 100%;
      height: auto; }
    @media (min-width: 980px) {
      .section-featured .featured_1_2_content, .section-featured .featured_2_2_content {
        padding-right: 25%; } }
    .section-featured .row {
      width: 100%; }
      @media (max-width: 768px) {
        .section-featured .row .col-2:first-child {
          margin-bottom: 70px; } }
    .section-featured-col-2 {
      flex-direction: column; }
      @media (min-width: 980px) {
        .section-featured-col-2 .row:nth-child(2) {
          margin-top: 100px; } }
    .section-featured-banner {
      background-size: auto;
      background-repeat: repeat;
      padding: 50px 20px; }
      .section-featured-banner h4 {
        color: white;
        font-size: 48px; }

/*
  Spotlight
*/
.section {
  /* TODO FIX: essentially, spotlight and 1 column featured is the same thing */ }
  .section-spotlight {
    display: flex;
    align-items: flex-end;
    min-height: 630px; }
    @media (min-width: 768px) {
      .section-spotlight {
        align-items: center; } }
    .section-spotlight h5 {
      color: #54A048;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 35px; }
    .section-spotlight h6 {
      color: #FFBB57;
      margin-bottom: 15px; }
    .section-spotlight h4 {
      font-size: 30px;
      color: #ffffff; }
      @media (min-width: 768px) {
        .section-spotlight h4 {
          font-size: 48px; } }
    @media (min-width: 768px) {
      .section-spotlight .featured_1_1_wrapper {
        width: 50%; } }
    @media (min-width: 768px) {
      .section-spotlight .featured_3_wrapper {
        padding-right: 25%; } }

/*
  Banner Section
*/
.section {
  /* Banner Section */ }
  .section-banner {
    padding: 30px 20px;
    min-height: 175px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left; }
    @media (min-width: 768px) {
      .section-banner {
        padding: 30px 0; } }
    .section-banner p {
      padding: 0 0 25px 0;
      margin: 0;
      color: white;
      font-size: 24px; }
    .section-banner .btn {
      margin: 0px 12px; }
      @media (max-width: 768px) {
        .section-banner .btn {
          margin: 0px 12px 20px; } }

/*
  Table layouts
*/
.section-table ul {
  list-style: none;
  padding: 0;
  float: left; }
  .section-table ul li {
    float: left;
    width: 100%;
    padding: 8px 10px; }
    .section-table ul li:nth-child(odd) {
      background-color: #DBD6E6; }
    .section-table ul li div:first-child {
      float: right; }
    .section-table ul li div:last-child {
      float: left; }
    .section-table ul li div p {
      margin: 0; }
    .section-table ul li div span {
      color: #2B2869;
      font-size: 12px;
      font-weight: bold; }

/*
  Stacked columns layouts
*/
.section-stacked-columns {
  display: flex;
  flex-direction: column; }
  .section-stacked-columns h4 {
    color: #2B2869; }
  .section-stacked-columns p {
    color: #3A3A3A; }
  .section-stacked-columns .section--container:first-child {
    margin-bottom: 100px; }
    @media (min-width: 768px) {
      .section-stacked-columns .section--container:first-child {
        margin-bottom: 120px; } }

/*
  Workhorse (Listing) layout
*/
.section-listing {
  /* Gallery */
  /* WYSIWYG */
  /* Posts */ }
  .section-listing .section--container {
    max-width: 1040px; }
    .section-listing .section--container h1, .section-listing .section--container h2, .section-listing .section--container h3, .section-listing .section--container h4, .section-listing .section--container h5, .section-listing .section--container h6, .section-listing .section--container p, .section-listing .section--container ul {
      max-width: 720px; }
    .section-listing .section--container ul {
      padding: 0 20px;
      line-height: 1.5; }
    .section-listing .section--container > div {
      margin-bottom: 20px; }
      @media (min-width: 980px) {
        .section-listing .section--container > div {
          margin-bottom: 40px; } }
      .section-listing .section--container > div:last-child {
        margin-bottom: 0; }
  .section-listing .gallery-row .gallery-image {
    text-align: center;
    padding-bottom: 40px; }
    @media (min-width: 980px) {
      .section-listing .gallery-row .gallery-image {
        padding-bottom: 90px; } }
    .section-listing .gallery-row .gallery-image img {
      width: 100%;
      height: auto; }
    .section-listing .gallery-row .gallery-image h5 {
      margin: 25px 0 10px;
      color: #3A3A3A;
      font-weight: 600; }
    .section-listing .gallery-row .gallery-image p {
      margin: 0.2em 0 2em; }
  .section-listing .wysiwyg-wrapper .wysiwyg-editor li {
    line-height: 1.8;
    font-weight: 100;
    color: #3A3A3A; }
  @media (max-width: 768px) {
    .section-listing .wysiwyg-wrapper .wysiwyg-editor .inline-image-right {
      text-align: center; } }
  @media (min-width: 768px) {
    .section-listing .wysiwyg-wrapper .wysiwyg-editor .inline-image-right {
      width: 300px;
      float: right;
      margin-left: 20px; } }
  @media (max-width: 768px) {
    .section-listing .wysiwyg-wrapper .wysiwyg-editor .inline-image-left {
      text-align: center; } }
  @media (min-width: 768px) {
    .section-listing .wysiwyg-wrapper .wysiwyg-editor .inline-image-left {
      width: 300px;
      float: left;
      margin-right: 20px; } }
  @media (min-width: 980px) {
    .section-listing .wysiwyg-wrapper .wysiwyg-editor .table-image-right {
      padding-left: 30px; } }
  @media (max-width: 980px) {
    .section-listing .wysiwyg-wrapper .wysiwyg-editor .table-image-right img {
      width: 100%;
      height: auto; } }
  @media (min-width: 980px) {
    .section-listing .wysiwyg-wrapper .wysiwyg-editor .table-image-left {
      margin-right: 30px; } }
  @media (max-width: 980px) {
    .section-listing .wysiwyg-wrapper .wysiwyg-editor .table-image-left img {
      width: 100%;
      height: auto; } }
  .section-listing .posts-wrapper img {
    width: 100%;
    height: auto; }
  .section-listing .posts-wrapper h5 {
    font-size: 22px;
    color: #DA7321; }
  .section-listing .posts-wrapper h6 {
    color: #008080;
    margin-bottom: 12px; }
  .section-listing .posts-wrapper h4 {
    color: #186592;
    margin: 20px 0; }
    @media (min-width: 768px) {
      .section-listing .posts-wrapper h4 {
        margin: 0 0 20px; } }
  .section-listing .posts-wrapper .row {
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .section-listing .posts-wrapper .row {
        margin-bottom: 80px; } }
  .section-listing .posts-wrapper--content {
    margin: 70px 0 0 0; }
    @media (min-width: 768px) {
      .section-listing .posts-wrapper--content {
        margin: 0 0 0 30px; } }
  .section-listing .posts-wrapper .pagination .page-numbers {
    background: #db605d;
    color: #fff;
    display: block;
    width: auto;
    float: left;
    margin: 4px 4px 4px 0;
    padding: 15px 18px 14px 18px;
    text-decoration: none; }
  .section-listing .posts-wrapper .pagination .page-numbers:hover {
    background: #24221D;
    color: #fff;
    text-decoration: none; }

/*
  List Table layouts
*/
.section-list-table-col-3, .section-list-table-col-4, .section-list-table-col-5 {
  overflow: auto;
  /* header formatting */
  /* side bar fotrmatting */
  /* TD fotrmatting */ }
  .section-list-table-col-3 table, .section-list-table-col-4 table, .section-list-table-col-5 table {
    background-color: #F7F8E6;
    border-collapse: collapse;
    border: 1px solid #ccc;
    padding: 0;
    margin: 0;
    width: 100%; }
  .section-list-table-col-3 tr, .section-list-table-col-4 tr, .section-list-table-col-5 tr {
    padding: 0;
    margin: 0; }
  .section-list-table-col-3 td, .section-list-table-col-4 td, .section-list-table-col-5 td {
    border: thin solid #ccc;
    padding: 20px;
    margin: 0; }
  .section-list-table-col-3 p, .section-list-table-col-4 p, .section-list-table-col-5 p {
    padding: 0;
    margin: 0; }
  .section-list-table-col-3 em, .section-list-table-col-4 em, .section-list-table-col-5 em {
    color: #156665;
    font-style: normal; }
  .section-list-table-col-3 tr:first-child td, .section-list-table-col-4 tr:first-child td, .section-list-table-col-5 tr:first-child td {
    background-color: #156665;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    font-size: 24px; }
    .section-list-table-col-3 tr:first-child td p, .section-list-table-col-3 tr:first-child td em, .section-list-table-col-4 tr:first-child td p, .section-list-table-col-4 tr:first-child td em, .section-list-table-col-5 tr:first-child td p, .section-list-table-col-5 tr:first-child td em {
      color: #ffffff; }
    .section-list-table-col-3 tr:first-child td em, .section-list-table-col-4 tr:first-child td em, .section-list-table-col-5 tr:first-child td em {
      font-style: italic;
      font-size: 12px; }
  .section-list-table-col-3 tr:first-child td:first-child, .section-list-table-col-4 tr:first-child td:first-child, .section-list-table-col-5 tr:first-child td:first-child {
    background-color: #F7F8E6; }
    .section-list-table-col-3 tr:first-child td:first-child p, .section-list-table-col-4 tr:first-child td:first-child p, .section-list-table-col-5 tr:first-child td:first-child p {
      color: #156665; }
  .section-list-table-col-3 tr td:first-child, .section-list-table-col-4 tr td:first-child, .section-list-table-col-5 tr td:first-child {
    background-color: #C89B60;
    text-align: center;
    vertical-align: middle; }
    .section-list-table-col-3 tr td:first-child p, .section-list-table-col-4 tr td:first-child p, .section-list-table-col-5 tr td:first-child p {
      color: #ffffff; }
  @media (max-width: 768px) {
    .section-list-table-col-3 td h1, .section-list-table-col-3 td h2, .section-list-table-col-3 td h3, .section-list-table-col-3 td h4, .section-list-table-col-3 td h5, .section-list-table-col-3 td h6, .section-list-table-col-4 td h1, .section-list-table-col-4 td h2, .section-list-table-col-4 td h3, .section-list-table-col-4 td h4, .section-list-table-col-4 td h5, .section-list-table-col-4 td h6, .section-list-table-col-5 td h1, .section-list-table-col-5 td h2, .section-list-table-col-5 td h3, .section-list-table-col-5 td h4, .section-list-table-col-5 td h5, .section-list-table-col-5 td h6 {
      font-size: 12px; } }
  .section-list-table-col-3 td p, .section-list-table-col-4 td p, .section-list-table-col-5 td p {
    color: #D17231;
    font-size: 12px; }
    @media (min-width: 768px) {
      .section-list-table-col-3 td p, .section-list-table-col-4 td p, .section-list-table-col-5 td p {
        font-size: 20px; } }
  .section-list-table-col-3 td li, .section-list-table-col-4 td li, .section-list-table-col-5 td li {
    font-size: 12px; }
    @media (min-width: 768px) {
      .section-list-table-col-3 td li, .section-list-table-col-4 td li, .section-list-table-col-5 td li {
        font-size: 16px; } }

/*
  Plan Visit Section
*/
.section {
  /* Plan Visit Happening Section */ }
  .section-planvisit {
    /* Admissions */
    /* Parking */
    /* Park Hours */
    /* Directions */
    /* Amenities */ }
    .section-planvisit h4 {
      margin: 0px 0px 30px; }
    .section-planvisit li, .section-planvisit p {
      color: #3A3A3A; }
    .section-planvisit .admissions {
      max-width: 440px; }
      .section-planvisit .admissions ul li {
        /* For smaller mobile devices */ }
        @media (max-width: 360px) {
          .section-planvisit .admissions ul li {
            font-size: 12px; } }
    .section-planvisit .parking {
      max-width: 440px; }
      .section-planvisit .parking ul li.vta {
        background: none;
        font-size: 14px; }
    .section-planvisit .park.hours {
      max-width: 440px; }
      .section-planvisit .park.hours p.simcal-align-right {
        display: none; }
      .section-planvisit .park.hours .simcal-day:nth-child(odd) ul {
        background-color: #DBD6E6; }
      .section-planvisit .park.hours div.simcal-calendar {
        float: left;
        width: 100%; }
      .section-planvisit .park.hours ul.simcal-events {
        list-style: none;
        margin: 0;
        padding: 8px 10px;
        float: left;
        width: 100%; }
        .section-planvisit .park.hours ul.simcal-events li {
          float: left;
          width: 100%;
          margin: 0; }
      .section-planvisit .park.hours div.simcal-event-details {
        width: 100%;
        float: left;
        font-size: 16px;
        /* For smaller mobile devices */ }
        @media (max-width: 360px) {
          .section-planvisit .park.hours div.simcal-event-details {
            font-size: 12px; } }
        .section-planvisit .park.hours div.simcal-event-details div:first-child {
          width: auto !important; }
        .section-planvisit .park.hours div.simcal-event-details div div:first-child {
          text-align: right; }
        .section-planvisit .park.hours div.simcal-event-details div div:last-child {
          text-align: left; }
    .section-planvisit .directions {
      max-width: 440px; }
      .section-planvisit .directions ul {
        padding-left: 30px;
        margin: 10px 0 30px; }
        .section-planvisit .directions ul li {
          margin-bottom: 15px; }
      .section-planvisit .directions button {
        background-color: #DBD6E6;
        width: 100%;
        margin-bottom: 10px; }
        .section-planvisit .directions button.collapsible .up {
          display: block;
          float: right; }
        .section-planvisit .directions button.collapsible .down {
          display: none;
          float: right; }
        .section-planvisit .directions button.collapsible.active .up {
          display: none; }
        .section-planvisit .directions button.collapsible.active .down {
          display: block; }
        .section-planvisit .directions button div {
          width: 90%;
          float: left;
          text-align: left; }
      .section-planvisit .directions .col-3:nth-child(2) div.wrapper {
        padding-top: 25px;
        float: left; }
      .section-planvisit .directions .col-3:nth-child(2) div.icon {
        width: 70px;
        height: 70px;
        background-image: url("images/icon-directions.png");
        float: left; }
      .section-planvisit .directions .col-3:nth-child(2) div.text {
        float: left;
        margin-left: 8px; }
      .section-planvisit .directions .col-3:nth-child(2) p {
        padding: 0;
        margin: 0; }
    .section-planvisit .amenities ul {
      float: left; }

/*
  Tabbed Section
*/
.section {
  /* Tabbed Section */ }
  .section-listing {
    /* Tabbed Content */ }
    @media (max-width: 767px) {
      .section-listing .tabs {
        display: flex;
        flex-direction: column; } }
    .section-listing .tabs .tablinks {
      color: white;
      padding: 15px 20px;
      font-size: 12px;
      font-weight: 100;
      text-transform: none;
      -webkit-border-top-left-radius: 8px;
      -webkit-border-top-right-radius: 8px;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      margin-right: -4px; }
      @media (min-width: 980px) {
        .section-listing .tabs .tablinks {
          padding: 15px 40px;
          font-size: 14px; } }
      @media (max-width: 767px) {
        .section-listing .tabs .tablinks {
          position: relative;
          margin-bottom: -5px;
          width: 100%; } }
      .section-listing .tabs .tablinks:nth-child(3n+1) {
        background-color: #2B2869; }
        @media (max-width: 767px) {
          .section-listing .tabs .tablinks:nth-child(3n+1) {
            z-index: 1; } }
      .section-listing .tabs .tablinks:nth-child(3n+2) {
        background-color: #FFBB57; }
        @media (max-width: 767px) {
          .section-listing .tabs .tablinks:nth-child(3n+2) {
            z-index: 2; } }
      .section-listing .tabs .tablinks:nth-child(3n+3) {
        background-color: #DA7321; }
        @media (max-width: 767px) {
          .section-listing .tabs .tablinks:nth-child(3n+3) {
            z-index: 3; } }
      .section-listing .tabs .tablinks:nth-child(3n+4) {
        background-color: #54A048; }
        @media (max-width: 767px) {
          .section-listing .tabs .tablinks:nth-child(3n+4) {
            z-index: 4; } }
    .section-listing .tabcontent {
      display: none;
      background-color: white;
      padding: 50px;
      color: #3A3A3A;
      -webkit-border-radius: 8px;
      -webkit-border-top-left-radius: 0;
      -moz-border-radius: 8px;
      -moz-border-radius-topleft: 0;
      border-radius: 8px;
      border-top-left-radius: 0; }
      .section-listing .tabcontent:nth-child(3n+1) {
        border: 1px solid #2B2869; }
      .section-listing .tabcontent:nth-child(3n+2) {
        border: 1px solid #FFBB57; }
      .section-listing .tabcontent:nth-child(3n+3) {
        border: 1px solid #DA7321; }
      .section-listing .tabcontent:nth-child(3n+4) {
        border: 1px solid #54A048; }
      @media (max-width: 768px) {
        .section-listing .tabcontent img {
          width: 100%;
          height: auto; } }

/*
  Map (Google) layout
*/
.section-map {
  padding: 0; }
  .section-map iframe {
    width: 100%;
    height: 650px; }
  .section-map h3 {
    color: #0F7D7C;
    font-size: 30px; }
  .section-map p {
    color: #000000; }
  @media (max-width: 768px) {
    .section-map .section--container .col-1 {
      padding: 0 20px; } }
  .section-map .featured_1_2_content, .section-map .featured_2_2_content {
    padding-right: 25%; }

/*
  Events Calendar Section
*/
.section {
  /* Events Calendar Section */
  /*
    Events list unordered list
  */
  /*
    Rides Table
  */ }
  .section-calendar {
    padding: 30px 0;
    min-height: 175px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
    color: #000000;
    /*
      Happy Hollow branded styles
    */
    /* 
      Legend for calendar
    */ }
    .section-calendar p {
      padding: 0 20px 25px;
      margin: 0 auto;
      max-width: 720px; }
      @media (min-width: 768px) {
        .section-calendar p {
          padding: 0 0 25px; } }
    @media (max-width: 768px) {
      .section-calendar h3 {
        font-size: 28px; } }
    .section-calendar h3 span.simcal-current-month {
      color: #0F7D7C; }
    .section-calendar h3 span.simcal-current-year {
      color: #0F7D7C; }
    @media (max-width: 768px) {
      .section-calendar .calendar-wrapper-full {
        display: none; } }
    @media (min-width: 768px) {
      .section-calendar .calendar-wrapper-list {
        display: none; } }
    .section-calendar .simcal-calendar {
      /* fc class prefix */
      /* simcal class prefix */ }
      .section-calendar .simcal-calendar .fc-nav button {
        color: #186592 !important; }
      @media (min-width: 768px) {
        .section-calendar .simcal-calendar .fc-today {
          background: #f9eac5; } }
      @media (min-width: 768px) {
        .section-calendar .simcal-calendar .fc-today:hover {
          background: #f4d58b; } }
      @media (min-width: 768px) {
        .section-calendar .simcal-calendar .fc-day-number {
          background: #f8b85b; } }
      @media (min-width: 768px) {
        .section-calendar .simcal-calendar .fc-day-has-events .simcal-day-label {
          background: #d47329 !important; } }
      @media (min-width: 768px) {
        .section-calendar .simcal-calendar .fc-day-void {
          background: #fdf7e8; } }
      .section-calendar .simcal-calendar .fc-day-label {
        border-bottom: none !important; }
        @media (max-width: 768px) {
          .section-calendar .simcal-calendar .fc-day-label > span {
            width: 100%;
            background-color: #d47329 !important;
            padding: 10px 20px; } }
      @media (min-width: 768px) {
        .section-calendar .simcal-calendar .fc-week-day {
          text-transform: uppercase; } }
      @media (min-width: 768px) {
        .section-calendar .simcal-calendar .fc-event {
          background: #186592;
          color: white;
          border-bottom-color: white; } }
      @media (max-width: 768px) {
        .section-calendar .simcal-calendar .fc-events {
          margin: 20px 0;
          padding: 0; } }
      .section-calendar .simcal-calendar .fc-toolbar .fc-center h2 {
        color: #5A4080;
        font-size: 60px;
        font-weight: 700; }
      @media (max-width: 768px) {
        .section-calendar .simcal-calendar .simcal-events, .section-calendar .simcal-calendar .simcal-event-details p {
          padding: 0; } }
    .section-calendar .legend {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      margin: 20px auto; }
      .section-calendar .legend > div {
        color: #151515;
        width: 80px;
        font-size: 12px;
        margin: 0 40px;
        padding: 10px 0 20px; }
      .section-calendar .legend .tangerine {
        border-top: 15px solid #fdc190; }
      .section-calendar .legend .banana {
        border-top: 15px solid #fad665; }
      .section-calendar .legend .grape {
        border-top: 15px solid #daaffd; }
      .section-calendar .legend .sage {
        border-top: 15px solid #7ee6c0; }
  .section--events-list ul {
    list-style-type: none;
    padding: 0; }
    .section--events-list ul li {
      border-left: none !important;
      padding: 0 0 8px 8px !important; }
  .section--events-list-header {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    padding: 8px;
    margin: 0;
    background-color: #dedbe3; }
  .section--rides-calendar ul {
    list-style: none; }
    .section--rides-calendar ul li {
      float: left;
      padding: 5px 8px;
      width: 75px;
      text-align: center; }
      .section--rides-calendar ul li.header {
        font-weight: bold; }
      .section--rides-calendar ul li.title {
        width: 200px;
        text-align: left; }
      .section--rides-calendar ul li.active {
        background-color: #DBD6E6; }
  .section--rides-calendar ul:first-child li {
    border: thin solid #ccc; }
  .section--rides-calendar ul:last-child li {
    border: thin solid #ccc; }

/*
  Happy Hollow branded styles
  qtip needs to sit outside scope of section-calendar
*/
div.simcal-default-calendar ul.share {
  display: inline-block;
  list-style-type: none;
  padding: 0; }
  div.simcal-default-calendar ul.share li {
    float: left;
    margin-right: 5px; }

div.simcal-default-calendar .simcal-tooltip-content {
  font-size: 16px; }
  div.simcal-default-calendar .simcal-tooltip-content img {
    width: 100%;
    height: auto; }

div.simcal-default-calendar .google-link a {
  color: #2b2869;
  text-decoration: none;
  font-size: 12px; }
  div.simcal-default-calendar .google-link a .icon {
    margin: 0 5px -5px 0; }

div.simcal-default-calendar div.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover; }
  div.simcal-default-calendar div.icon.facebook {
    background-image: url("../images/icon-facebook.png"); }
  div.simcal-default-calendar div.icon.twitter {
    background-image: url("../images/icon-twitter.png"); }
  div.simcal-default-calendar div.icon.linkedin {
    background-image: url("../images/icon-linkedin.png"); }
  div.simcal-default-calendar div.icon.event {
    background-image: url("../images/icon-event.png"); }
  div.simcal-default-calendar div.icon.google-cal {
    background-image: url("../images/icon-google-cal.png"); }
  div.simcal-default-calendar div.icon.google-maps {
    background-image: url("../images/icon-google-maps.png"); }
  div.simcal-default-calendar div.icon.email {
    background-image: url("../images/icon-email.png"); }

/*
  Alert Styles
*/
.alerts {
  background: #e33014;
  width: 100%;
  text-align: center;
  padding: 10px; }
  .alerts ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
    .alerts ul li {
      color: white;
      font-weight: 600; }
/*#alerts {
	display: none;
}*/

/*
  Socialshare elements
*/
.section--container .social-share ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .section--container .social-share ul li {
    float: left; }
    .section--container .social-share ul li span.icon {
      display: inline-block;
      background-size: contain;
      background-repeat: no-repeat;
      width: 30px;
      height: 30px;
      margin-right: 10px; }
      .section--container .social-share ul li span.icon.facebook {
        background-image: url("../images/icon-facebook.png"); }
      .section--container .social-share ul li span.icon.twitter {
        background-image: url("../images/icon-twitter.png"); }
      .section--container .social-share ul li span.icon.instagram {
        background-image: url("../images/icon-instagram.png"); }
      .section--container .social-share ul li span.icon.youtube {
        background-image: url("../images/icon-youtube.png"); }
      .section--container .social-share ul li span.icon.linkedin {
        background-image: url("../images/icon-linkedin.png"); }

/*
  General styles for Custom Post Types
  (e.g: Events, Notifications, Blogs)
*/
.section--custom-post-type h4 {
  margin: 30px 0; }

.section--custom-post-type ul {
  list-style-type: none;
  margin: 0;
  padding: 20px; }
  @media (min-width: 768px) {
    .section--custom-post-type ul li {
      margin-bottom: 70px; } }
  .section--custom-post-type ul li h6 {
    font-size: 16px;
    font-weight: 700;
    text-transform: none; }
  .section--custom-post-type ul li p {
    margin: 0.25em 0 2em; }

.section--custom-post-type .section--container {
  max-width: 1040px; }
  @media (min-width: 980px) {
    .section--custom-post-type .section--container {
      padding-right: 320px; } }

/*
  Home Page specific
*/
.page-template.home .page--wrapper {
  /* Home Page */ }
  .page-template.home .page--wrapper.home-2 .section {
    /* Hero Section */
    /* What's Happening Section */
    /* Spotlight Section
          &-spotlight  {
            background-position: bottom -50px right 0;
          }
          */ }
    .page-template.home .page--wrapper.home-2 .section-hero {
      background-color: #000000; }
      @media (max-width: 979px) {
        .page-template.home .page--wrapper.home-2 .section-hero {
          min-height: 0;
          height: 578px; } }
      .page-template.home .page--wrapper.home-2 .section-hero video {
        position: absolute;
        z-index: 0;
        height: 100%;
        /* remove from mobile */ }
        @media (min-width: 980px) {
          .page-template.home .page--wrapper.home-2 .section-hero video {
            width: 100%;
            height: auto;
            top: 0%; } }
        @media (min-width: 1366px) {
          .page-template.home .page--wrapper.home-2 .section-hero video {
            top: -6%; } }
        @media (min-width: 1900px) {
          .page-template.home .page--wrapper.home-2 .section-hero video {
            top: -35%; } }
        @media (max-width: 979px) {
          .page-template.home .page--wrapper.home-2 .section-hero video {
            display: none; } }
      .page-template.home .page--wrapper.home-2 .section-hero h2 {
        position: relative;
        font-size: 24px;
        font-weight: bolder;
        color: #ffffff;
        text-align: center;
        width: 100%;
        padding: 0 10%;
        margin-top: 290px; }
        @media (min-width: 768px) {
          .page-template.home .page--wrapper.home-2 .section-hero h2 {
            margin-top: 395px; } }
        @media (min-width: 980px) {
          .page-template.home .page--wrapper.home-2 .section-hero h2 {
            margin-top: 490px; } }
        @media (max-width: 768px) {
          .page-template.home .page--wrapper.home-2 .section-hero h2 {
            line-height: 30px; } }
        .page-template.home .page--wrapper.home-2 .section-hero h2 div.tagline {
          display: inline-block; }
        .page-template.home .page--wrapper.home-2 .section-hero h2 div.icon-play {
          background-image: url("../images/tagline-play.png");
          background-repeat: no-repeat;
          width: 84px;
          height: 60px;
          display: inline-block;
          margin-top: 10px; }
    .page-template.home .page--wrapper.home-2 .section-events_notifications {
      position: relative;
      z-index: 1; }
      .page-template.home .page--wrapper.home-2 .section-events_notifications h3 {
        position: relative;
        margin: -84px 0 60px 0;
        text-transform: uppercase;
        text-align: center;
        z-index: 1; }
        @media (min-width: 980px) {
          .page-template.home .page--wrapper.home-2 .section-events_notifications h3 {
            margin: -125px 0 80px 0; } }
        @media (max-width: 768px) {
          .page-template.home .page--wrapper.home-2 .section-events_notifications h3 {
            font-size: 26px; } }
      .page-template.home .page--wrapper.home-2 .section-events_notifications h4 {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        padding: 0;
        margin: 0;
        color: #ffffff; }
      .page-template.home .page--wrapper.home-2 .section-events_notifications p {
        font-size: 16px;
        color: #151515;
        padding: 0;
        margin: 15px 0; }
      .page-template.home .page--wrapper.home-2 .section-events_notifications .event {
        margin: 0 auto;
        float: left;
        font-size: 16px; }
      .page-template.home .page--wrapper.home-2 .section-events_notifications .event .date {
        width: 80px;
        height: 80px;
        padding: 7px;
        background-color: #186592;
        color: #ffffff;
        text-align: right;
        float: left; }
        .page-template.home .page--wrapper.home-2 .section-events_notifications .event .date span.day {
          text-transform: uppercase; }
      .page-template.home .page--wrapper.home-2 .section-events_notifications .event .description {
        padding-left: 100px; }
    @media (min-width: 768px) {
      .page-template.home .page--wrapper.home-2 .section-planvisit .section--container .col-3:first-child {
        width: calc(33.33333%);
        float: left;
        margin-left: 0px; } }
    @media (max-width: 767px) {
      .page-template.home .page--wrapper.home-2 .section-planvisit .section--container .col-3 {
        margin-bottom: 80px; } }

/*
  Visit and Tertiary Page specific
*/
.page-template.visit {
  /* Tickets Membership */ }
  .page-template.visit .page--wrapper {
    /* Visit Landing */
    /* Visit General */ }
    .page-template.visit .page--wrapper.visit .section-planvisit {
      /* Hack for multiple .col-1 */ }
      .page-template.visit .page--wrapper.visit .section-planvisit .col-1 > .col-1 {
        width: calc(100%);
        float: left;
        margin-left: 0px; }
      .page-template.visit .page--wrapper.visit .section-planvisit .margin-bottom-sm {
        margin-bottom: 40px; }
        @media (min-width: 768px) {
          .page-template.visit .page--wrapper.visit .section-planvisit .margin-bottom-sm {
            margin-bottom: 50px; } }
      .page-template.visit .page--wrapper.visit .section-planvisit .margin-bottom-lg {
        margin-bottom: 80px; }
        @media (min-width: 768px) {
          .page-template.visit .page--wrapper.visit .section-planvisit .margin-bottom-lg {
            margin-bottom: 100px; } }
    .page-template.visit .page--wrapper .section {
      /*
          Hours and Directions Section
        */
      /* Map Section */
      /*
          Directions section in Hours and Directions section
        */
      /*
          Ride Schedule
        */ }
      .page-template.visit .page--wrapper .section-hours {
        padding-bottom: 200px; }
        .page-template.visit .page--wrapper .section-hours h3 {
          font-size: 30px;
          color: #0F7D7C;
          padding-bottom: 25px; }
        .page-template.visit .page--wrapper .section-hours .row h4 {
          font-size: 16px;
          font-weight: bold;
          color: #000000;
          padding: 8px;
          margin: 0;
          background-color: #dedbe3; }
        .page-template.visit .page--wrapper .section-hours p {
          display: none; }
        .page-template.visit .page--wrapper .section-hours ul {
          list-style-type: none;
          list-style: none;
          padding: 0;
          margin: 0; }
        .page-template.visit .page--wrapper .section-hours li {
          padding: 8px;
          margin: 0; }
        .page-template.visit .page--wrapper .section-hours .list {
          min-height: 125px; }
      .page-template.visit .page--wrapper .section-map {
        /* Modification for overlap on page */
        margin-top: -150px; }
      .page-template.visit .page--wrapper .section-directions {
        margin-top: -50px; }
      @media (max-width: 768px) {
        .page-template.visit .page--wrapper .section-ride-schedule .simcal-events-list-container {
          overflow: scroll; } }
      @media (max-width: 768px) {
        .page-template.visit .page--wrapper .section-ride-schedule .simcal-events {
          min-width: 890px;
          margin: 0;
          padding: 0; } }

/*
  Explore and Tertiary Page specific
*/
.page-template.explore {
  /* Tickets Membership */ }
  .page-template.explore .page--wrapper {
    /* Visit Landing */ }

/*
  Learn and Tertiary Page specific
*/
.page-template.learn {
  /* Tickets Membership */ }
  .page-template.learn .page--wrapper {
    /* Visit Landing */ }

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

.clearfix {
  display: inline-block; }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

#accordion .ui-accordion-header {
  display: block;
  width: 100%;
  text-align: left;
  color: #fff;
  text-transform: initial;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
  background: #d8d8d8;
  padding: 13px;
  cursor: pointer; }

#accordion .ui-accordion-header:focus {
  border: 0;
  outline: 0; }

#accordion .ui-accordion-header.ui-state-active {
  margin-bottom: 0;
  border-radius: 5px 5px 0 0; }

#accordion .ui-accordion-content {
  width: 100%;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  margin-bottom: 20px;
  padding: 40px 20px; }

#accordion .ui-accordion-content img {
  max-width: 100%;
  height: auto; }

#accordion .ui-accordion-header:after {
  content: '+';
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  position: absolute;
  right: 12px;
  top: 11px;
  z-index: 1; }

#accordion .ui-accordion-header.ui-state-active:after {
  content: '-';
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 16px;
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  position: absolute;
  right: 12px;
  top: 11px;
  z-index: 1; }

#accordion #section-1 {
  background-color: #2b2869; }

#accordion #section-2 {
  background-color: #ffbb57; }

#accordion #section-3 {
  background-color: #da7321; }

#accordion #section-4 {
  background-color: #54a048; }

#accordion #section-5 {
  background-color: #ffbb57; }

#accordion #section-6 {
  background-color: #da7321; }

#accordion #section-7 {
  background-color: #54a048; }

#accordion #section-8 {
  background-color: #ffbb57; }

#accordion #section-9 {
  background-color: #da7321; }

#accordion #section-10 {
  background-color: #54a048; }

#accordion .ui-accordion-content.section-1 {
  border: 1px solid #2b2869; }

#accordion .ui-accordion-content.section-2 {
  border: 1px solid #ffbb57; }

#accordion .ui-accordion-content.section-3 {
  border: 1px solid #da7321; }

#accordion .ui-accordion-content.section-4 {
  border: 1px solid #54a048; }

#accordion .ui-accordion-content.section-5 {
  border: 1px solid #ffbb57; }

#accordion .ui-accordion-content.section-6 {
  border: 1px solid #da7321; }

#accordion .ui-accordion-content.section-7 {
  border: 1px solid #54a048; }

#accordion .ui-accordion-content.section-8 {
  border: 1px solid #ffbb57; }

#accordion .ui-accordion-content.section-9 {
  border: 1px solid #da7321; }

/*
  Support and Tertiary Page specific
*/
.page-template.support {
  /* Tickets Membership */ }
  .page-template.support .page--wrapper {
    /* Visit Landing */ }
.subnavigation.reserve { 
  display: none; 
}
.subnavigation.donate.js-open {
    margin-top: -100px;
    display: none;
}



/*
  Contact Page
*/
.page-template.contact-us {
  /* Modification to ACF contact form fields */ }
  .page-template.contact-us .section-listing .section--container {
    max-width: 800px; }
  .page-template.contact-us .acf-fields .acf-label {
    display: none; }

/*
  Blog Detail Page
*/
.section-blog-detail .section--container {
  max-width: 1040px; }
  @media (min-width: 980px) {
    .section-blog-detail .section--container {
      padding-right: 210px; } }
/*  .section-blog-detail .section--container img {
    max-width: 100%;
    height: auto;
    width: 500px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-top: 10px; }*/
  .section-blog-detail .section--container p {
    margin: 10px 0 10px 0;
  }
  .section-blog-detail .section--container h4 {
    margin: 0; }
    @media (min-width: 768px) {
      .section-blog-detail .section--container h4 {
        margin: 30px 0 0; } }
  .section-blog-detail .section--container h6 {
    margin: 0 0 40px; }
  /*.section-blog-detail .section--container figure {
    display: inline-block;
    float: left; }*/
    .section-blog-detail .section--container figure.alignleft {
      margin: 8px 16px 8px 0px; }
    .section-blog-detail .section--container figure.alignRight {
      margin: 8px 0px 8px 16px; }
    .section-blog-detail .section--container figure figcaption {
      font-size: 14px; }

.section-blog-detail .section--container h6 + img {
  width: 100%;
  height: auto;
  float: none;
  margin: 0; }
body.single-happy-hollow-blog .section--custom-post-type ul {
  list-style: disc;
}
body.single-happy-hollow-blog .section--custom-post-type ul li {
  margin-bottom: 20px;
}
body.single-happy-hollow-blog .section--custom-post-type .social-share ul {
  list-style: none;
}
body.single-happy-hollow-blog .section--custom-post-type .social-share ul li {
  margin-bottom: 0;
}
.section-blog-detail .section--container h5 {
	clear: both;
}
.section-listing .tabcontent .col-2 > .col-2 {
    width: 100%;
}