/* Resets */
  *{box-sizing:border-box;line-height:150%}
  br{line-height:100%}
  html{font-size:16px;}

/*  @media (min-width:480px) and (max-width:1240px){html{font-size:calc(15px + 3 * ((100vw - 480px) / (1240 - 480)));}}
  @media (max-width:480px){html{font-size:15px;}}*/
  
  html, body{background-color:#ffffff;margin:0;padding:0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
  a{text-decoration:none;transition:0.2s all;}
  a *:not(svg):not(path){transition:0.2s all;}
  
  button{font:inherit;text-align:inherit;background-color:transparent;border:none;padding:0;}
  
  img{max-width:100%;height:auto;}
  
  h1,h2,h3,h4,h5,h6{margin-bottom:1rem;margin-top:1rem;}
  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6{line-height:120%;}
  h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,
  .h1 *,.h2 *,.h3 *,.h4 *,.h5 *,.h6 *{line-height:100%;}
  
  p, ul, ol{margin:1rem 0;}
  
  h1,.h1{font-size:3em;}/*48px*/
  h2,.h2{font-size:2.5em;}/*40px*/
  h3,.h3{font-size:2em;}/*32px*/
  h4,.h4{font-size:1.5em;}/*24px*/
  h5,.h5{font-size:1.25em;}/*20px*/
  h6,.h6{font-size:1em;}/*16px*/
  
  .nomar{margin:0;}
  
  .hr{background-color:rgba(0,0,0,0.1);border:none;height:1px;margin:2em auto;}
  .hr--thin{margin:15px auto;}
  .hr--spacer{background-color:transparent;margin:10px auto;}
  
  input[type="checkbox"], input[type="radio"], label{cursor:pointer;}
  
  input[type="text"], input[type="password"], input[type="submit"], input[type="email"], textarea, select{-webkit-appearance: none;-moz-appearance:none;}
  input, textarea{background-color:transparent;border:1px solid;color:inherit;font:inherit;box-sizing:border-box;padding:0.5em 1em;}
  input[type="submit"]{border:none;cursor:pointer;transition:0.2s all;padding:calc( 0.5rem + 1px ) calc( 0.75rem + 1px );}
  ::-webkit-file-upload-button {border-radius:5px;font-size:inherit;-webkit-appearance: none;padding:0.2em 0.5em;}
  ::-webkit-input-placeholder {color: inherit;opacity:0.7;}
  ::-moz-placeholder {color: inherit;opacity:0.7;}
  :-ms-input-placeholder {color: inherit;opacity:0.7;}
  :-moz-placeholder {color: inherit;opacity:0.7;}
  
  select{border:1px solid;color:inherit;font:inherit;padding:0.5em 1em;}
  select[multiple]{padding:0;height:auto;}
  select[multiple] option{padding:0.5rem 0.75rem;margin:-0.3rem 0;}
  select[multiple] option:first-child{margin-top:0;}
  select[multiple] option:last-child{margin-bottom:0;}
  
  .select-container{display:inline-block;overflow: hidden;position:relative;box-sizing:border-box;}
  .select-container:before{border: 6px solid transparent;border-top-color: transparent;border-top-color: currentColor;content: '';position: absolute;right:0.75rem;top: 1.25em;}
  .select-container select{cursor:pointer;padding-right: 1.5rem;position:relative;}
  .select-container select::-ms-expand{display: none;}
  
  .hide{display:none!important;}
  .screen-reader-text{border: 0; clip: rect(0,0,0,0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important;}
  .skip-to-main-content-link{left:-9999px;color:black;background-color:white;position:absolute;z-index:999;padding:0.5em;}
  .skip-to-main-content-link:hover{color:white;background-color:black;}
  .skip-to-main-content-link:focus{left:0;opacity:1;}
  
/* Layout */
  #container{display:flex;flex-direction:column;margin:0 auto;max-width:100%;min-height:100vh;position:relative;}
  #main{display:flex;flex-direction:column;flex: 1 0 auto;justify-content: stretch;opacity:1;}
  #main .content{flex: 1 0 auto;}
  
  .wrapper{box-sizing:border-box;margin:0 auto;max-width:1160px;padding:0 40px;position:relative;width:100%;}
  .wrapper--wide{max-width:1440px;}
  .wrapper--tight{max-width:760px;}
  
  /* iPhone X safe areas */
    @supports( padding: max(0px) ) {
      div[class^="wrapper"]{padding-right:max(40px, env(safe-area-inset-right)) !important;padding-left:max(40px, env(safe-area-inset-left)) !important;}
    }
    
  .flex-split{display:flex;justify-content:space-between;flex-wrap:wrap;}
  .flex-split__item{flex:0 1 auto;}
  .flex-split__item--flow{flex:100;}/* for something that SHOULD wrap like a p or h*/
  .flex-split__item:first-child{padding-right:30px;}

  /* Item Grid */
    .grid{display: flex;flex-wrap:wrap;margin:-20px;}
    .grid__item{flex:1;padding:20px;box-sizing:border-box;min-width:184px;}
    
    .grid--tight{margin:-15px;}
    .grid--tight .grid__item{padding:15px;}
  
    .grid--top{align-items: flex-start;}
    .grid--center{align-items: center;}
    .grid--bottom{align-items: flex-end;}
  
    .grid__item--top{align-self: flex-start;}
    .grid__item--center{align-self: center;}
    .grid__item--bottom{align-self: flex-end;}
  
    /* fix width of items by item or container */
      .grid__item--half,
      .grid--halves .grid__item{flex: 0 0 50%;}
      .grid__item--third,
      .grid--thirds .grid__item{flex: 0 0 33.3333%;}
      .grid__item--fourth,
      .grid--fourths .grid__item{flex: 0 0 25%;}
      .grid__item--fifth,
      .grid--fifths .grid__item{flex: 0 0 20%;}
    
    /* loners center */
      .grid--centered{justify-content: center;}
  
    /* loners spread */
      .grid--spaced{justify-content: space-between;}
    
    @media (max-width: 979px) {
      .grid{margin:0 -15px;}
      .grid__item{padding:15px;}
      
      .grid__item--979-full{flex: 0 0 100% !important;}
      .grid__item--979-half{flex: 0 0 50% !important;}
      .grid__item--979-third{flex: 0 0 33.3333% !important;}
      
      .wrapper{padding:0 30px;}

    }
    @media (max-width: 767px) {
      .grid{margin:0 -10px;}
      .grid__item{padding:10px;}
      
      .grid--tight{margin:0 -10px;}
      .grid--tight .grid__item{padding:10px;}
    
      .grid__item--767-full{flex: 0 0 100% !important;}
      .grid__item--767-half{flex: 0 0 50% !important;}
      .grid__item--767-third{flex: 0 0 33.3333% !important;}
      
      .wrapper{padding:0 20px;}
    }
    @media (max-width: 480px) {
      .grid__item{flex: 0 0 100% !important;}
    }
  
  .center-text{text-align:center;}
  .left-text{text-align:left;}
  .right-text{text-align:right;}
  
  /* Visibility */
    .visible-phone {display: none !important;}
    .visible-tablet {display: none !important;}
    .hidden-desktop {display: none !important;}
    @media (min-width: 768px) and (max-width: 979px) {
      .visible-tablet,
      .hidden-desktop {display: block !important;}
      .hidden-tablet,
      .visible-desktop {display: none !important ;}
    }
    @media (max-width: 767px) {
      .visible-phone,
      .hidden-desktop {display: block !important;}
      .hidden-phone,
      .visible-desktop {display: none !important;}
    }

/* Common Elements */  
  .embed-container{float:none;position: relative;padding-bottom: 56.25%;/* 16/9 ratio */height: 0;overflow: hidden;}
  .embed-container iframe,
  .embed-container object,
  .embed-container embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:0;}
  
/* Header */
  .navbar{z-index:100;padding:5px 0;transition:all 0.5s;}
  .navbar--fixed{position:sticky;top:0;}
  .navbar h1{font-size:1rem;margin:0;}
  .navbar-wrapper{align-items:stretch;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;padding-left:40px;padding-right:40px;}
  .navbar__area{display:flex;flex:auto;align-items:center;}
  .navbar__area--left{flex:1;text-align:left;justify-content: flex-start;}
  .navbar__area--right{flex:1;text-align:right;justify-content: flex-end;white-space: nowrap;}
  .navbar__area--middle{justify-content: center;}
  
  .navbar__logo{margin-bottom:auto;margin-top:auto;}
  .navbar__logo svg{display:block;}
  
  .navbar__menu{display:inline-block;list-style-type:none;margin:0;padding:0;margin-bottom:auto;margin-top:auto;padding:0;white-space:nowrap;}
  .navbar__menu a{display:inline-block;padding:0.5rem;}
  .navbar__menu .btn{margin-left:0.5em;}
  .navbar__menu > li{display:inline-block;}

  
/* WP Admin Bar Fix */
  .admin-bar #navbar.fixed{top:32px;}
  @media (max-width: 782px) {.admin-bar #navbar.fixed{top:46px;}}
  @media (max-width: 600px) {.admin-bar #navbar.scrolled{top:0;}}
  
/* Footer */
  .footer{padding:2rem 0;}
  .footer > .content{position:relative;top:-2rem;}
  
/* Template issue fix */
  #template-pre-content{flex:0 0 auto;}
  #template-post-content{flex:0 0 auto;}

/* Modal */
  .mfp-container{display:flex;}
  .mfp-container:before{display:none;}
  .mfp-content{margin:auto!important;}
  .mfp-content figcaption{margin-top:0;}
  .mfp-container .modal{margin:auto;}
  .modal .closebutton{position:fixed;top:1rem;right:1rem;font-size:36px;text-align:center;width:54px;}
  .modal .content > *{max-width:400px;overflow:hidden;}
  .modal .content >.alignfull{max-width:1024px;}
  .modal .content >.alignwide{max-width:700px;}
  .modal .content *[class$="__inner-container"] > *{max-width:100%;}
  .modal .content .wp-block-media-text,
  .modal .content .wp-block-group,
  .modal .content .wp-block-cover,
  .modal .content .wp-block-image{padding-left:0;padding-right:0}