@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@400;700&display=swap');

:root{
  --orange: #F1652C;
  --brightorange: #FF6F45;
  --textcolor: #000;
  --grey: #f9f9f9;
  --linkcolor: var(--orange);
  --linkhovercolor: var(--brightorange);
  --shadow: #2E2E2E;
}

/* General */
  html, body{color:var(--textcolor);font-family:'Lexend Deca', sans-serif;font-weight:400;}
  
  @media(max-width:480px){
    body.scroll-lock{overflow:hidden;}
  }
  
  h1,h2,h3,h4,h5,h6,
  .h1,.h2,.h3,.h4,.h5,.h6{font-weight:700;}
  
  .h60{font-size:60px;font-weight:700;}
  .h45{font-size:45px;font-weight:700;}
  .h30{font-size:30px;font-weight:700;}
  
  @media(max-width:979px){
    .h60{font-size:calc(30px + 3vw);}
    .h45{font-size:calc(20px + 2.5vw);}
    .h30{font-size:calc(15px + 1.5vw);}
  }
  
  
  b, strong{font-weight:700;}
  
  a, .swiper-btn{color:var(--linkcolor);display:inline-block;}
  a:hover, .swiper-btn:hover{color:var(--linkghovercolor);}
  
  a.btn,
  a.wp-block-button__link,
  input[type="submit"]{background-color:var(--linkcolor);color:#fff;padding:0.1em 1.5em;white-space:nowrap;display:inline-block;}
  a.btn:hover,
  a.wp-block-button__link:hover,
  input[type="submit"]:hover{background-color:var(--linkhovercolor);}
  
  .orangetext{color:var(--orange);}
  
  .swiper-btn{font-size:24px;padding:10px;}
  .swiper-button-disabled{color:var(--grey);}
  
/* Navbar */
  .navbar{font-size:14px;padding:20px 0;color:#000;}
  .navbar a{color:#000;}
  .navbar--scrolled{background-color:#fff;}
  .navbar:after{background-color:var(--orange);content:'';left:0;position:absolute;right:0;top:100%;height:5px;opacity:0;}
  .navbar--scrolled:after{opacity:0.8;}
  
/*  .navbar--open{background-color:transparent;color:#fff;}
  .navbar--open a{color:#fff;}
  .navbar--open .navbar__logo{opacity:0;}*/
  
  .navbar__menu{transition:0.2s all;}
  .navbar__menu a{font-weight:700;padding:10px 20px;}
  .scroll-lock .navbar__menu{opacity:0;}
  .navbar__menu-btn{padding:10px 20px;}
  
  .navbar__logo{margin:0;float:left;}
  .navbar__logo *{display:block;}
  
  #menutray{color:#fff;background-color:var(--orange);transform:translateX(100%);position:fixed;top:0;bottom:0;right:0;z-index:5;transition:0.2s all;overflow:scroll;width:100%;max-width:400px;}
  #menutray.open{transform:translateX(0);}
  #menutray ul:not(.sub-menu){list-style-type:none;padding:140px 0 60px;}
  #menutray a{display:inline-block;font-size:1.5rem;padding:0.75rem 2rem;color:#fff;font-weight:700;}
  #menutray ul.sub-menu{list-style-type:none;margin:0 0 1em 0;padding:0;padding:0 2rem;}
/*  #menutray ul.sub-menu li{display:inline;}*/
  #menutray ul.sub-menu li a{font-weight:400;/*display:inline;*/font-size:1rem;padding:0;opacity:0.8;}
  #menutray ul.sub-menu li a:hover{font-weight:400;display:inline;font-size:1rem;padding:0;opacity:1;}
/*  #menutray ul.sub-menu li + li:before{content:' // ';opacity:0.8;}*/

  #main{margin-top:-96px;}
  #main .content > *:first-child{padding-top:calc(100px + 4vw);}
  
  .home .navbar:not(.navbar--scrolled){color:#fff;}
  .home .navbar:not(.navbar--scrolled) a{color:#fff;}
  .home .navbar:not(.navbar--scrolled) .navbar__logo{opacity:0;}
  
  .navbar--white:not(.navbar--scrolled){color:#fff;}
  .navbar--white:not(.navbar--scrolled) a{color:#fff;}
    
    
  @media(max-width:767px){
    .navbar__menu{display:none;}
  }

/* Banner */
  .banner{overflow:hidden;position:relative;background-color:var(--shadow);--textcolor:#fff;padding-bottom:3vw;}
  .banner__bg{background-position:50% 50%;background-size:cover;position:absolute;top:0;left:0;bottom:0;right:0;opacity:0.8;}
  .banner__vid{position: absolute;bottom:0;top: 0;left: 0;right:0;object-fit:cover;width:100%;max-height:100%;height:100%;}
  
  .banner__tagline{color:var(--textcolor);font-size:min(calc(14px + 8vw), 180px);line-height:100%;}
  .home .banner__tagline{font-size:min(calc(20px + 10vw), 180px);}
  
  .home .banner{display:flex;min-height:80vh;align-items:flex-end;}
  
/* Front Page */
  .tabs__menu-item{cursor:pointer;transition:0.5s all;}
  
  .tabs__panels{display:grid;grid-template: 1fr / 1fr ;}
  .tabs__panel{grid-column: 1 / span 1; grid-row: 1 / span 1;opacity:0;pointer-events:none;transition:0.5s all;}
  .tabs__panel--active{opacity:1;pointer-events:auto;}
  
  .darkside{background-color:var(--shadow);--textcolor:#fff;color:var(--textcolor);padding-top:calc(60px + 3vw);padding-bottom:calc(60px + 3vw);}
  .darkside p{opacity:0.8;}
  

/* Single Page */
  
  .page-title{color:var(--orange);font-size:min(calc(15px + 8vw), 130px);margin-top:0 !important;line-height: 100%;}
  
  .post__thumb{overflow:hidden;}
  .post__thumb img{display:block;transition:0.7s;width:100%;}
  .post__header{padding:10px;}
  .post__title{margin:0;}
  .post__date{font-size:14px;}
  .post:hover .post__thumb img{transform:scale(1.1);}
  .post{color:#000;}
  .post:hover{color:var(--orange);}

/* Single Post */
  .share__inner{margin-left:-0.5rem;}
  .share__inner a{padding:0.5rem;}
  
/* Footer */
  .footer{font-size:12px;}
  
  .footer__hr{background-color:var(--orange);}
    
  .socials{margin:0 -15px;font-size:24px;}
  .socials__link{padding:15px;display:inline-block;}
  
  .footer__menu{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;margin:0 -20px;}
  .footer__menu a[href='#']{pointer-events:none;color:#000;font-weight:700;font-size:16px;}
  .footer__menu > li > a{color:#000;font-weight:700;font-size:16px;}
  .footer__menu > li{flex:1;padding:20px;}
  .footer__menu .sub-menu{list-style-type:none;margin:1em 0 0;padding:0;font-size:14px;}
/*  .footer__menu .sub-menu li{display:inline;}*/
/*  .footer__menu .sub-menu li + li:before{content:' // ';color:var(--orange);}*/
  
/* Animations */
  /* need to be able to animate the visible item itself or items inside of it */
  *[class*='animate']:not(.cc-revoke){opacity:0;transition:0.8s transform ease-out, 0.8s opacity ease-out;}
  .visible *[class*='animate'], .visible[class*='animate']{opacity:1;}
  *[class*='animate'] + *[class*='animate']{transition-delay:0.3s;}
  *[class*='animate'] + *[class*='animate'] + *[class*='animate']{transition-delay:0.6s;}
  *[class*='animate'] + *[class*='animate'] + *[class*='animate'] + *[class*='animate']{transition-delay:0.9s;}
  *[class*='animate'] + *[class*='animate'] + *[class*='animate'] + *[class*='animate'] + *[class*='animate']{transition-delay:1.2s;}

  *[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%);}
  }
  
/* Facebook Feed */
  .cff-wrapper{max-width:1440px;padding-bottom:5px;}
  .cff-posts-wrap{display:flex;}
  
  #cff{padding-left:4px !important;}
  #cff .cff-item{display:flex;align-items:flex-end;position:relative;padding:70px 40px 40px 40px !important;flex-direction: column;justify-content: flex-end;}
  #cff .cff-item:not(.cff-photo-post){box-shadow: inset 0 0 0 1px var(--orange);}
  #cff .cff-item.cff-photo-post{background-color:#000;color:#fff;}
    
  #cff .cff-post-text{position:relative;z-index:2;font-weight:bold;}
  #cff .cff-meta-wrap{position:absolute;top:20px;left:40px;width:auto;}
  #cff .cff-post-links a{color:var(--orange);font-size:0;}
  #cff .cff-post-links a svg{fill:var(--orange);}
  #cff .cff-post-links .cff-dot{display:none;}
  #cff .cff-viewpost-facebook:before{display:inline-block;content:url("data:image/svg+xml, <svg width='25px' height='24px' viewBox='0 0 25 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-42, -33)'><path fill='%23F1652C' d='M56.3163733,56.4843691 C61.8738399,55.6115532 66.1249437,50.8022079 66.1249437,45.0000215 C66.1249437,38.5781618 60.9218311,33.3750492 54.4999714,33.3750492 C48.0781117,33.3750492 42.8749991,38.5781618 42.8749991,45.0000215 C42.8749991,50.8022079 47.1261029,55.6115532 52.6835695,56.4843691 L52.6835695,48.3605023 L49.7304515,48.3605023 L49.7304515,45.0000215 L52.6835695,45.0000215 L52.6835695,42.438794 C52.6835695,39.5255014 54.4179403,37.9162829 57.0743366,37.9162829 C58.3465046,37.9162829 59.6768542,38.14315 59.6768542,38.14315 L59.6768542,41.0025182 L58.2105949,41.0025182 C56.7668575,41.0025182 56.3163733,41.8987715 56.3163733,42.8180046 L56.3163733,45.0000215 L59.5404409,45.0000215 L59.0248172,48.3605023 L56.3163733,48.3605023 L56.3163733,56.4843691 Z'></path></g></svg>");}
  #cff .cff-share-link:before{margin-left:15px;display:inline-block;content:url("data:image/svg+xml, <svg width='23px' height='23px' viewBox='0 0 23 23' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-81, -32.000000)' ><polygon fill='%23F1652C' points='86.2224815 32 81.0040991 37.2224372 87.2839599 43.5020495 81 49.7775628 86.2224815 55 92.5062463 48.7201925 98.7775185 55 104 49.7775628 95.1132903 40.8907333 92.5021472 38.2796123'></polygon></g></svg>");}
  #cff .cff-share-tooltip a svg {font-size: 26px;}
    
  #cff .cff-photo{position:static;}
  #cff .cff-lightbox-link{position:static;}
  #cff .cff-photo img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;width:100%;height:100%;opacity:0.5;}
  
  /* for swiper */
    .cff-posts-wrap{
      position: relative !important;
      width: 100% !important;
      height: 100% !important;
      z-index: 1 !important;
      display: flex !important;
      transition-property: transform !important;
      box-sizing: content-box !important;
    }

    .cff-item{
      flex-shrink: 0 !important;
      position: relative !important;
      transition-property: transform !important;
    }
    
    @media( max-width: 768px ){
      #cff{padding-left:10px !important;padding-right:10px !important;}
    }