:root {
  --header-height: 60px;
  --footer-height: 200px; }

body, html {
  max-width: 100vw;
  overflow-x: hidden;
  scroll-padding-top: 70px; }

@media (max-width: 991px) {
  .mobile-hidden {
    display: none; } }

@media (min-width: 992px) {
  .mobile-visible {
    display: none; } }

body {
  font-family: "Arial", sans-serif;
  font-size: 18px; }
  body * {
    box-sizing: border-box; }
  body h1, body h2, body h3, body h4, body h5, body h6, body a {
    color: #ffae00; }
  body .heading {
    position: relative;
    margin-bottom: 30px;
    display: inline-block; }
    body .heading:after {
      content: " ";
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 85%;
      height: 5px;
      background-color: #22361e; }
  body img.img-responsive {
    max-width: 100%; }
  body header {
    z-index: 99;
    width: 100%;
    height: 70px;
    padding: 5px 0 5px 0;
    top: 0;
    position: fixed;
    left: 0;
    background-color: #fff;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 15px;
    text-align: center; }
    body header nav {
      width: 100%; }
    body header a {
      font-size: 18px;
      font-weight: normal;
      text-decoration: none;
      color: #22361e;
      display: inline-block;
      line-height: 60px;
      margin-right: 20px;
      padding: 0 10px 0 10px; }
      body header a:hover {
        color: #86c35e; }
      body header a:last-child {
        margin-right: 0%; }
      body header a.logo {
        padding: 0;
        width: auto;
        position: relative;
        font-size: 36px;
        font-weight: bold; }
        @media (max-width: 991px) {
          body header a.logo {
            font-size: 28px; } }
        body header a.logo img {
          display: inline-block;
          vertical-align: top;
          height: 60px;
          width: auto; }
    @media (max-width: 767px) {
      body header nav a {
        display: none; }
        body header nav a:first-child {
          display: inline-block; }
        body header nav a.menu-opener {
          display: block;
          position: absolute;
          right: 0px;
          top: 0px;
          padding: 15px;
          width: 70px;
          height: 70px;
          cursor: pointer;
          transition: background 0.5s; }
          body header nav a.menu-opener span {
            width: calc(100% - 30px);
            height: 5px;
            top: calc(50% - 2px);
            background-color: #22361e;
            position: absolute;
            left: 15px;
            transition: all 0.5s; }
            body header nav a.menu-opener span:before {
              content: " ";
              width: 100%;
              height: 5px;
              top: 15px;
              background-color: #22361e;
              position: absolute;
              left: 0px;
              transition: all 0.5s; }
            body header nav a.menu-opener span:after {
              content: " ";
              width: 100%;
              height: 5px;
              bottom: 15px;
              background-color: #22361e;
              position: absolute;
              left: 0px;
              transition: all 0.5s; }
          body header nav a.menu-opener.active {
            background-color: #22361e; }
            body header nav a.menu-opener.active span {
              transform: rotateZ(45deg);
              background-color: #fff; }
              body header nav a.menu-opener.active span:before {
                opacity: 0; }
              body header nav a.menu-opener.active span:after {
                background-color: #fff;
                transform-origin: right middle;
                transform: translate3D(0px, 15px, 0) rotateZ(-90deg); } }
  body #mobile-menu {
    position: fixed;
    right: -285px;
    top: 70px;
    width: 270px;
    max-width: 100vw;
    height: calc(100vh - 70px);
    background: #22361e;
    color: #fff;
    transition: right 0.5s;
    z-index: 98;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; }
    body #mobile-menu.active {
      right: 0; }
    body #mobile-menu .bottom {
      position: absolute;
      bottom: 15px; }
    body #mobile-menu a {
      text-decoration: none;
      display: block;
      line-height: 20px;
      width: 100%;
      padding: 15px;
      border-bottom: 1px solid #fff;
      color: #fff;
      text-align: left;
      font-size: 18px; }
      body #mobile-menu a.noborder {
        border-bottom: none;
        padding: 5px 15px; }
      body #mobile-menu a .icon {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        margin-right: 5px; }
        body #mobile-menu a .icon svg {
          transform: scaleX(-1);
          width: 16px;
          margin-top: -14px;
          fill: #fff; }
        body #mobile-menu a .icon.icon-mobile svg {
          margin-top: -8px; }
      body #mobile-menu a:hover svg {
        fill: #fff; }
  body #mobile-menu-closer {
    position: fixed;
    display: none;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 97; }
    body #mobile-menu-closer.active {
      display: block; }
  body main {
    min-height: calc(100vh - var(--header-height) - var(--footer-height));
    overflow-y: visible;
    height: auto; }
  body #hero {
    width: 100vw;
    height: calc(100vh - var(--header-height));
    overflow: hidden;
    position: relative;
    border-bottom: 10px solid #22361e; }
    body #hero .container-fluid {
      height: 100%; }
    body #hero img {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 8;
      opacity: 0.0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
      body #hero img.active {
        z-index: 10;
        opacity: 1.0; }
      body #hero img.last-active {
        z-index: 9; }
    @media (orientation: portrait) {
      body #hero {
        width: 100vw;
        max-width: none;
        height: 100vw; } }
  body .half-visible {
    opacity: 0.5; }
    body .half-visible:hover {
      opacity: 1; }
  body section.admin {
    font-size: 14px; }
  body section .container-fluid {
    max-width: 178vh;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: auto; }
  body section.light {
    background: #fff;
    color: #222;
    padding-top: 3em;
    padding-bottom: 3em; }
    body section.light h1, body section.light h2, body section.light h3, body section.light h4, body section.light h5, body section.light h6, body section.light a {
      color: #222; }
    body section.light a.btn {
      color: #fff; }
  body section.blue-light {
    background: linear-gradient(144deg, #86c35e, #22361e);
    color: #fff;
    padding-top: 3em;
    padding-bottom: 3em;
    height: auto; }
  body section.dark {
    background-color: #22361e;
    color: #fff;
    padding-top: 60px; }
  body .card h1, body .card h2, body .card h3, body .card h4, body .card h5, body .card h6, body .card p {
    color: #222; }
  body .card a.btn {
    color: #fff; }
  body .photo-square {
    box-sizing: content-box;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    position: relative; }
    body .photo-square img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      object-fit: cover;
      z-index: 1; }
    body .photo-square .photo-label {
      background: #22361e;
      color: #fff;
      font-size: 24px;
      padding: 10px;
      z-index: 2;
      position: absolute;
      width: 100%;
      bottom: 0; }
  body footer {
    background-color: #22361e;
    color: #fff;
    min-height: 200px;
    padding-top: 3em;
    padding-bottom: 3em;
    color: #fff; }
    body footer a {
      color: inherit;
      text-decoration: none; }
      body footer a:hover {
        color: inherit;
        text-decoration: underline; }
    body footer .full-width {
      width: 100%; }
    body footer .aspect-4-3 {
      width: 100%;
      position: relative;
      height: 0;
      padding-bottom: 56%; }
      body footer .aspect-4-3 iframe {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute; }
    @media (max-width: 991px) {
      body footer .divider {
        margin-bottom: 20px; } }
    @media (max-width: 991px) {
      body footer .sm-text-center {
        text-align: center; } }
    body footer .hours tr {
      border-bottom: 1px dotted #fff; }
    body footer .hours td {
      text-align: right; }
    body footer .logo {
      width: 120px;
      height: auto;
      max-width: 100%; }
  body a .icon {
    display: inline-block;
    vertical-align: middle;
    height: auto; }
    body a .icon svg {
      transform: scaleX(-1);
      width: 16px;
      margin-top: -14px;
      fill: #22361e; }
    body a .icon.icon-mobile svg {
      margin-top: -8px; }
  body a:hover svg {
    fill: #86c35e; }

/*# sourceMappingURL=style.css.map */