/* Resets */
  *{line-height:150%}
  br{line-height:100%}

  html{font-size:17px;}
  @media (min-width: 480px) and (max-width: 1240px) {
    html{font-size: calc(15px + 2 * ((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;}
  
  img{max-width:100%;height:auto;}
  
  h1,h2,h3,h4,h5,h6{margin:1rem 0;line-height:120%;}
  h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{line-height:100%;}
  
  p, ul, ol{margin:1rem 0;}
  
  h1{font-size:3em;}/*54px*/
  h2{font-size:2.5em;}/*45px*/
  h3{font-size:2em;}/*36px*/
  h4{font-size:1.5em;}/*27px*/
  h5{font-size:1.25em;}/*22.5px*/
  h6{font-size:1em;}/*18px*/
  
  hr{background-color:rgba(0,0,0,0.1);border:none;height:1px;margin:2em auto;}
  hr.spacer{background-color:transparent;}
  
  input[type="text"], input[type="password"], input[type="submit"], textarea, select{background-color:transparent;border-radius:0;-webkit-appearance: none;-moz-appearance:none;}
  input, textarea{background-color:transparent;border:1px solid;color:inherit;font-family:inherit;font-size:inherit;box-sizing:border-box;padding:0.5rem 0.75rem;}
  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.5rem 0.75rem 0.5rem 0.75rem;height:calc( 2.5rem + 2px );}
  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,
  .screen-reader-text{display:none;}
    
/* Layout */
  #container,#navbar{margin:0 auto;max-width:100%;}
  #container{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.15);display:flex;flex-direction:column;min-height:100vh;position:relative;}
  #container > .section{flex: 1 0 auto;overflow:hidden;}
  .section{padding:4rem 0;position:relative;}
  
  div[class^="wrapper"]{box-sizing:border-box;margin:0 auto;max-width:1160px;padding:0 1.5rem;position:relative;width:100%;}
  div.wrapper-wide{max-width:1440px;}
  div.wrapper-tight{max-width:760px;}
  
  /* Gutenberg handling (scoped by .content)*/
    .content * figure{margin:0;} /* because browsers */
    
    /* maybe clean this up and merge with gutenberg styling. not sure it would be used anywhere else. */
    .content .alignright{float:right;}
    .content .alignleft{float:left;}
    .content .aligncenter{ margin-left: auto; margin-right: auto}

      .content .alignright,
      .content .alignleft{max-width:50%;}
      
    /* custom classes to align columns */
      .wp-block-columns.center{align-items:center;}
      .wp-block-columns.bottom{align-items:flex-end;}
      
    /* Column Fixes because wordpress is dumb */
      .wp-block-column{margin-bottom:0;}
      @media (min-width: 600px){ 
        .wp-block-columns{flex-wrap:nowrap;} 
        .wp-block-column:not(:last-child),
        .wp-block-column:nth-child(2n+1){margin-right:0.75rem;}
        .wp-block-column:not(:first-child), 
        .wp-block-column:nth-child(2n){margin-left:0.75rem;}
      }


  .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: initial !important;}
    .hidden-tablet,
    .visible-desktop {display: none !important ;}
    
    .section{padding:3rem 0;}
    .wrapper + .wrapper{margin-top:2rem;}
  }
  @media (max-width: 767px) {
    .visible-phone,
    .hidden-desktop {display: initial !important;}
    .hidden-phone,
    .visible-desktop {display: none !important;}
            
    .section{padding:2rem 0;}
    .wrapper + .wrapper{margin-top:1rem;}
  }
  
  /* Item Grid */
    .itemgrid{display: flex;flex-wrap:wrap;margin:0 -20px;}
    .itemgrid .item{flex:1;padding:20px;box-sizing:border-box;min-width:184px;}
    
    .itemgrid.top{align-items: flex-start;}
    .itemgrid.center{align-items: center;}
    .itemgrid.bottom{align-items: flex-end;}
    
    .itemgrid .item.top{align-self: flex-start;}
    .itemgrid .item.center{align-self: center;}
    .itemgrid .item.bottom{align-self: flex-end;}
    
    /* fix width of items by item or container */
    .itemgrid .item.item-half,
    .itemgrid.halves .item{flex: 0 0 50%;}
    .itemgrid .item.item-third,
    .itemgrid.thirds .item{flex: 0 0 33.3333%;}
    .itemgrid .item.item-fourth,
    .itemgrid.fourths .item{flex: 0 0 25%;}
    .itemgrid .item.item-fifth,
    .itemgrid.fifths .item{flex: 0 0 20%;}
    
    /* fix width of items by item or container */
    
    /* loners fill container and children have special media queries*/
    .itemgrid.fluid{justify-content: stretch;}
    .itemgrid.fluid .item{flex-grow:1;margin:auto;}
    
    /* loners center */
    .itemgrid.centered{justify-content: center;}
    
    /* loners spread */
    .itemgrid.spaced{justify-content: space-between;}
    
    @media (min-width: 1240px) {
      /* nothing yet */
    }
    @media (max-width: 979px) {
      .itemgrid{margin:0 -15px;}
      .itemgrid .item{padding:15px;}
    }
    @media (max-width: 767px) {
      .itemgrid{margin:0 -10px;}
      .itemgrid .item{padding:10px;}
      .itemgrid.fluid.fourths .item,
      .itemgrid.fluid .item.item-fourth{flex: 0 0 50%;}
      .itemgrid.fluid.thirds .item,
      .itemgrid.fluid .item.item-third{flex: 0 0 50%;}
      .itemgrid.fluid.halves .item,
      .itemgrid.fluid .item.item-half{flex: 0 0 100%;}
      
      .itemgrid .item.item-third{flex: 0 0 100%;}
    }
    @media (max-width: 480px) {
      .itemgrid .item{flex: 0 0 100% !important;}
    }

  
  /* iPhone X safe areas */
  @supports(padding: max(0px)) {
    .max,
    .wrapper{padding-right:max(20px, env(safe-area-inset-right)) !important;padding-left:max(20px, env(safe-area-inset-left)) !important;}
  }
  
  /* maybe clean this up and merge with gutenberg styling. not sure it would be used anywhere else. */
  .alignright{float:right; }
  .alignleft{float:left; }
  .aligncenter{display: block; margin-left: auto; margin-right: auto}
  
  img.alignright,
  .wp-caption.alignright {margin:0 0 1em 1em}
  img.alignleft,
  .wp-caption.alignleft {margin:0 1em 1em 0}
  
  .center-text{text-align:center;}
  .left-text{text-align:left;}
  .right-text{text-align:right;}

/* 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;}
  
  a.btn{padding:0.65em 1.5em;white-space:nowrap;display:inline-block;}
  a.btn + a.btn{margin-bottom: 0.25em;}
  
  .pagination .nav-links{text-align:center;}
  .pagination .nav-links > *{padding:0.5rem;}
  
/* Header */
  
  #navbar {position:absolute;top:0;left:0;right:0;z-index:100;padding:20px 0;transition:all 0.5s;}
  #navbar.fixed{position:fixed;}
  #navbar h1{font-size:1rem;margin:0;}
  #navbar [class^="wrapper"]{align-items:stretch;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;}
  #navbar [class^="wrapper"] > *{display:flex;flex:auto;}
  #navbar [class^="wrapper"] .navleft{text-align:left;justify-content: flex-start;}
  #navbar [class^="wrapper"] .navright{text-align:right;justify-content: flex-end;white-space: nowrap;}
  
  #navbar #logo{margin-bottom:auto;margin-top:auto;padding:0.5rem 0;}
  
  #navbar .navbar{display:inline-block;margin-bottom:auto;margin-top:auto;padding:0.5rem 0;white-space:nowrap;}
  #navbar .navbar a{display:inline-block;padding:0.5rem;}
  #navbar .navbar .btn{margin-left:0.5em;}
  #navbar .navbar > li{display:inline-block;}
  
  #navbar ul{list-style-type:none;margin:0;padding:0;}
  
  #banner{overflow:hidden;position:relative;}
  
  #bg{background-position:50% 50%;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;}

  .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;}
  
/* Email Capture */
  .page-template-page-email-capture #container{background-color:#000000;color:#fff;}
  .page-template-page-email-capture #container > .section{align-items:center;}
  .page-template-page-email-capture .pxl-horizontal{text-align:left !important;}
  .page-template-page-email-capture h2{color:inherit;}
  .page-template-page-email-capture h3{color:inherit;}
  
  @media (max-width: 767px) {
    .page-template-page-email-capture #container{background-color:#fff;color:inherit;}
  }