@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:700|Roboto:400,400i,700,700i&display=swap');
/* General */
  html, body{background-color:#FEE6D5;color:#342F2B;font-family:'Roboto', sans-serif;font-weight:400;scroll-behavior:smooth;}
  #container{background-color:#FEE6D5;position:relative;z-index:1;}
  
  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6{font-family:'Roboto Mono';font-weight:700;}
  
  @media( max-width: 768px ) {
    h1,.h1{font-size:3.0em;}
    h2,.h2{font-size:2.5em;}
    h3,.h3{font-size:2em;}
    h4,.h4{font-size:1.5em;}
    h5,.h5{font-size:1.25em;}
    h6,.h6{font-size:1em;}
  }
  
  b, strong{font-weight:700;}
  
  a{color:#f04e4b;}
  a:hover{}
  
  .btn,
  .wp-block-button__link,
  input[type="submit"]{background-color:#f04e4b;color:#fff;font-weight:700;padding:0.5em 1.5em;white-space:nowrap;display:inline-block;text-transform:uppercase;}
  .btn:hover,
  .wp-block-button__link:hover,
  input[type="submit"]:hover{}
    
  .btn--ghost{background-color:transparent;color:inherit;border:1px solid currentColor;}
  .btn--icon{box-sizing:border-box;text-align:left;display:inline-flex;justify-content:space-between;padding:0.6em 1em 0.6em 1em;width:240px;}
  .btn__icon{float:right;}
  
  .purple{color:#723866;}
  
  .background--red{background-color:#f04e4b;color:#FEE6D5;}
  
  .padded{padding:calc(2rem + 5vw) 0;}
      
/* Navbar */
  .navbar{background-color:#FEE6D5;font-size:16px;position:sticky;top:0;}
  .navbar a{color:#342F2B;}
  .navbar a:hover{color:#f04e4b;}
  
  .navbar__logo{margin:0;padding-top:20px;padding-bottom:20px;}
  .navbar__logo *{display:block;max-width:100%;}
  
  .navbar__menu{font-weight:bold;text-transform:uppercase;margin:10px -1rem 10px;}
  .navbar__menu .menu-item{text-transform:uppercase;position:relative;}
  .navbar__menu .menu-item a{padding:0.25rem 1rem;}
  
  .navbar__menu .sub-menu{background-color:#FEE6D5;list-style-type:none;margin:0;max-height:0;overflow:hidden;padding:0.5rem;position:absolute;right:-0.5rem;transition:0.5s all;}
  .navbar__menu .sub-menu .menu-item{font-weight:normal;text-transform:none;}
  .navbar__menu .sub-menu .menu-item a{padding:0.25rem 1rem;}
  
  .navbar__menu .menu-item:hover .sub-menu{max-height:240px;}
  
  #menutray ul.menu ul.sub-menu li a{padding-left:1.5rem;position:relative;}
  #menutray ul.menu ul.sub-menu li a:before{content:' – ';position:absolute;left:9px;top:9px;}
  
  #menutray{background-color:#262423;font-family:'Roboto Mono';font-weight:700;position:fixed;top:0;bottom:0;opacity:1;overflow:scroll;right:0;min-width:200px;transform:translate3d(0,0,0);transition:0.2s all;z-index:1;}
  #menutray .tray-inner{padding:60px 30px 30px 30px;position:relative;}
  #menutray .closebtn{color:#FEE6D5;cursor:pointer;position:absolute;top:1rem;right:30px;transform:translateY(50%);}
  #menutray ul{list-style-type:none;margin:0;padding:0;}
  #menutray ul a{font-size:24px;display:block;padding:.5rem;text-align:right;}
  
  #menutray.menu-type-slide{transform:translateX(100%);z-index:200;}
  #menutray.menu-type-slide.open{transform:translateX(0);opacity:1;}
  
  #menutray.menu-type-reveal{width:300px;}
  #menutray.menu-type-reveal + #container{transition:0.5s all;margin:0;}
  #menutray.menu-type-reveal.open{opacity:1;}
  #menutray.menu-type-reveal.open + #container{margin-right:300px;margin-left:-300px;}
  #menutray.menu-type-reveal.open + #container #navbar{transform:translateX(-300px);}
  
  #menutray.menu-type-zach{display:flex;left:0;opacity:0;padding:10%;pointer-events:none;z-index:200;transition:0.5s all;}
  #menutray.menu-type-zach .tray-inner{margin:auto;}
  #menutray.menu-type-zach .tray-inner > ul{font-size:200%;}
  #menutray.menu-type-zach .tray-inner > ul .sub-menu{font-size:80%;}
  #menutray.menu-type-zach.open{opacity:1;pointer-events:auto;}
  
  #menutray .btn a{text-align:center;}
  
  @media( max-width: 768px ) {
    .navbar__logo{max-width:30vw;padding-bottom:10px;padding-top:10px;}
  }
  
/* Front Page */
  .home #main{overflow:hidden;}
  


/* Single */
  
  .page-banner{color:#FEE6D5;display:flex;font-size:22px;margin-bottom:60px;overflow:hidden;position:relative;}
  .page-banner--red{background-color:#F04E4B;}
  .page-banner__content{flex:1 1 50%;padding:10vw 10% 10vw 10%;box-sizing:border-box;position:relative;z-index:1;}
  .page-banner__photo{flex:1 1 50%;position:relative;overflow:hidden;}
  .page-banner__photo-inner{background-size:cover;background-position:50% 50%;position:absolute;bottom:-12%;left:0;right:0;top:-12%;}
  
  .page-banner__photo--multiply{mix-blend-mode: multiply;position:absolute;top:-10%;bottom:-10%;left:50%;right:0;}
  .page-banner__photo--multiply .page-banner__photo-inner{background-position:left 50%;background-repeat:no-repeat;}
  
  .page-banner__links{margin:0 -20px;}
  .page-banner__link{color:#FEE6D5;opacity:0.75;font-family: 'Roboto Mono';font-size: 22px;padding:20px;}
  .page-banner__link:hover{opacity:1;}
  
  .post-date{font-family:'Roboto Mono';font-weight:700;}
  
  .share{padding-top:2rem;}
  .share__inner{margin:0 -10px;}
  .share__inner a{padding:10px;}
  
  .gfield label{font-weight:bold;}
  .gfield .ginput_container.ginput_complex > span label{font-weight:normal;opacity:0.7;}
  
  /* whitepaper */
  .page-banner--whitepaper{margin-bottom:0;}
  .content--whitepaper{background-color:#fff;margin-bottom:4rem;max-width:1380px;padding:4rem 0;}

  
/* Archive Page */
  .post{display:flex;align-items:stretch;margin-bottom:40px;}
  .post__img-container{flex:0 0 50%;overflow:hidden;}
  .post__img{display:block;transform:scale(1.1);transition:2s all;height:100%;object-fit:cover;}
  .post__content{padding-left:30px;}
  .post__content--featured{background-color:#F04E4B;color:#FEE6D5;padding:30px;}
  .post__title{margin-top:0;}
  .post:hover .post__img{transform:scale(1);}
  
  .whitepaper{background-color:#fff;display:block;}
  .whitepaper__content{padding:30px;}
  .whitepaper:hover .post__img{transform:scale(1);}
  
  .sidebar{padding-left:40px;position:sticky;top:120px;}
  
  .side-section{margin:1rem 0 2rem;}
  .side-section__title{font-size:18px;padding-bottom:1rem;position:relative;}
  .side-section__title:after{background-color:#f04e4b;bottom:0;content:'';height:1px;position:absolute;right:0;width:50%;}
  .side-section ul{list-style-type:none;}
  .side-section ul li{margin:10px 0;}
  .side-section ul li,
  .side-section ul li a{line-height:120%;}
  
  .search-form{color:#f04e4b;position:relative;}
  .search-form__input{box-sizing:border-box;width:100%;}
  .search-form__submit{background-color:transparent;border:none;cursor:pointer;color:#f04e4b;font:inherit;padding:0.6rem;position:absolute;top:0;right:0;}
  
  .nav-links{font-family:'Roboto Mono';font-weight:700;}
  
  .sibling-list{background-color:#f04e4b;font-size:24px;padding:20px 25px;}
  .sibling-list__item{color:#FEE6D5;display:block;font-family:'Roboto Mono';font-weight:700;padding:3px 10px;opacity:0.8;}
  .sibling-list__item:hover{opacity:1;}
  .sibling-list__item--current{opacity:1;}
  
/* Footer */
  #footer{background-color:#262423;color:#FEE6D5;font-size:16px;}
  #footer p{opacity:0.5;}
  #footer a{color:currentColor;opacity:0.7;}
  #footer a:hover{opacity:1;}
  
  .footer-menu-title{font-weight:600;text-transform:uppercase;margin-bottom:4px;}
  
  .footer__menu{margin:0;padding:0 0 20px;list-style-type:none;}
  .footer__menu--2col{column-count: 2;column-gap: 40px;}
  .footer__menu a{display:inline-block;padding:2px 0;}
  
  .grid--footer-menus{padding-bottom:20px;padding-top:40px;}
  
  .socials{margin:0 -12px;}
  .socials__link{padding:12px;}
  
  @media( max-width: 768px ) {
    .grid--footer-menus .grid__item--half{flex:0 0 100% !important;}
  }
  @media( max-width: 480px ) {
    #footer{font-size:14px;}
    .grid--footer-menus .grid__item{flex:0 0 50% !important;}
    .grid--footer-menus .grid__item--half{flex:0 0 100% !important;}
    
    #footer .grid--center{padding-top:40px;}
    #footer .grid--center *{text-align:center !important;}
  }
  
/* Animations */
  /* need to be able to animate the visible item itself or items inside of it */
  *[class*='animate']:not(.cc-revoke){opacity:0;transition:1.5s transform ease-out, 1.5s opacity ease-out;}
  .visible *[class*='animate'], .visible[class*='animate']{opacity:1;}
  *[class*='animate'] + *[class*='animate']{transition-delay:0.5s;}
  *[class*='animate'] + *[class*='animate'] + *[class*='animate']{transition-delay:1s;}
  *[class*='animate'] + *[class*='animate'] + *[class*='animate'] + *[class*='animate']{transition-delay:1.5s;}

  *[class*='animate-up']{transform:translateY(50%);}
  *[class*='animate-up'].visible,
  .visible *[class*='animate-up']{transform:translateY(0%);}

  *[class*='animate-down']{transform:translateY(-50%);}
  *[class*='animate-down'].visible,
  .visible *[class*='animate-down']{transform:translateY(0%);}

  *[class*='animate-left']{transform:translateX(100%);}
  *[class*='animate-left'].alignfull{transform:translateX(50%);}
  *[class*='animate-left'].alignwide{transform:translateX(75%);}
  *[class*='animate-left'].visible,
  .visible *[class*='animate-left']{transform:translateX(0%);}

  *[class*='animate-right']{transform:translateX(-100%);}
  *[class*='animate-right'].alignfull{transform:translateX(-50%);}
  *[class*='animate-right'].alignwide{transform:translateX(-75%);}
  *[class*='animate-right'].visible,
  .visible *[class*='animate-right']{transform:translateX(0%);}

  *[class*='animate-zoom']{transform:scale(0.5);}
  *[class*='animate-zoom'].visible,
  .visible *[class*='animate-zoom']{transform:scale(1);}

  @media( max-width: 768px ) {
    *[class*='animate-left']{transform:translateX(80%);}
    *[class*='animate-right']{transform:translateX(-80%);}
  }
