/* ==========================================================================
   STATIC STYLES FOR ALL PAGES
   ========================================================================== */

/*CSS RESET - MEYERS + EXTRAS*/

      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      b, u, i, center,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td,
      article, aside, canvas, details, embed, 
      figure, figcaption, footer, header, hgroup, 
      menu, nav, output, ruby, section, summary,
      time, mark, audio, video {
         margin: 0;
         padding: 0;
         border: 0;
         font-size: 100%;
         font: inherit;
         vertical-align: baseline;
      }
      /* HTML5 display-role reset for older browsers */
      article, aside, details, figcaption, figure, 
      footer, header, hgroup, menu, nav, section {
         display: block;
      }
      body {
         line-height: 1;
      }
      ol, ul {
         list-style: none;
      }
      blockquote, q {
         quotes: none;
      }
      blockquote:before, blockquote:after,
      q:before, q:after {
         content: '';
         content: none;
      }
      table {
         border-collapse: collapse;
         border-spacing: 0;
      }

      * {
         outline: none;
      }

      a {
         text-decoration: none;
      }

      * {
            -webkit-tap-highlight-color: rgba(0,0,0,0); /* Stops flash on tap iOS */
         }
/*END CSS RESET*/

.footer-location {
cursor: pointer;
}

.menu-overlay nav ul li a {
text-shadow: rgba(0, 0, 0, 0.4) 0px 3px 5px;
}

#navlink-contact {
   cursor: pointer;
}

/*START MAIN CONTAINER PARAMETERS*/
      html, body {
         width: 100vw;
         overflow-x: hidden !important;
         background: transparent;
         z-index: 0;
         font-family: 'brandon-grotesque', sans-serif;
         text-rendering: optimizeLegibility;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
      }

      .lines-pattern {
         position: fixed;
         z-index: -1;
         width: 180vw;
         height: auto;
         overflow: hidden;
         top: 30vh;
         left: 0;
         bottom: 0;
         right: 0;
         opacity: 0.25;
      }

      .lines-pattern-img {
         width: 125vw;
         height: auto;
         overflow: hidden;
         z-index: -1;
      }

      .background-solid {
         position: fixed;
         z-index: -4;
         width: 100vw;
         height: 100%;
         overflow: hidden;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         background: #fff;
      }

      .background-container {
         position: fixed;
         z-index: -3;
         width: 100vw;
         height: 100%;
         overflow: hidden;
         opacity: 0.1;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
              background: radial-gradient(rgba(255,255,255,0.1), rgba(89,106,114,0.1));
           transition: all 0.3s linear;
      }

      .main-content {
         width: 100vw;
         height: auto;
         overflow: hidden;
      }
/*END MAIN CONTAINER PARAMETERS*/

/*START HELPER CLASSES*/

      .flexbox-center {
         -webkit-display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-justify-content: center;
             -ms-flex-pack: center;
                 justify-content: center;
      }

      .clear-fix {
         clear: both;
      }

      .italic {
         font-style: italic;
      }

      .thin {
         font-weight: 200;
      }

      .light {
         font-weight: 300;
      }

      .normal {
         font-weight: 400;
      }

      .medium {
         font-weight: 500;
      }

      .medium-text {
         font-weight: 700;
      }

      .bold {
         font-weight: 700;
      }

      .opaque {
         opacity: 1;
      }

      .transparent {
         opacity: 0;
         transition: all 0.3s linear;
      }

      .selected {
         fill: #fff;
         stroke: #333;
      }

      .gray-link {
         color: #999;
         text-decoration: none;
      }

      .gray-link:visited {
         color: #999;
         text-decoration: none;
      }

      a.normal {
         font-weight: 400;
         color: #333;
         text-decoration: none;
      }

      a.normal:visited {
         font-weight: 400;
         color: #333;
         text-decoration: none;
      }

      .display-none {
         display: none;
      }
/*END HELPER CLASSES*/

/*START CUSTOM CHECKBOX STYLES*/

    input[type="checkbox"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: transparent;
      border: 1px solid #d3d3d3;
      border-radius: 26px;
      box-shadow: inset 0 0 0 0 #d3d3d3;
      cursor: pointer;
      height: 24px;
      position: relative;
      width: 41px;
      vertical-align: top;
      margin-bottom: 20px;
      outline: none !important;
      transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
    }

    input[type="checkbox"]:after {
      background-color: #fff;
      border: 1px solid #d3d3d3;
      border-radius: 24px;
      box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
      content: '';
      display: block;
      height: 21px;
      left: 0;
      position: absolute;
      right: 16px;
      top: 0;
      margin-bottom: 19px;
      outline: none;
      transition: border .25s .15s, left .25s .1s, right .15s .175s;
    }
    input[type="checkbox"]:checked {
      border-color: rgba(3,3,3,0.75);
      box-shadow: inset 0 0 0 13px rgba(3,3,3,0.75);
      padding-left: 18px;
      outline: none;
      transition: border .25s, box-shadow .25s, padding .25s .15s;
    }
    input[type="checkbox"]:checked:after {
      border-color: rgba(3,3,3,0.75);
      left: 16px;
      right: 0;
      outline: none;
      transition: border .25s, left .15s .25s, right .25s .175s;
    }
/*END CUSTOM CHECKBOX STYLES*/

/*PREVENT FOUT*/
   .wf-loading {
      visibility: hidden;
   }

   .wf-active, .wf-inactive {
      visibility: visible;
   }
/*END PREVENT FOUT*/
