/*
Theme Name: Farmerbit
Theme URI: https://farmerbit.com
Description: Theme for Farmerbit website
Version: 2.1.1
Author: Bleech <info@farmerbit.com>
Author URI: https://farmerbit.com
Text Domain: flynt
Requires PHP: 7.4
License: MIT
*/


.no_landing .slide__text-content .slide__title {
    text-align: center;
}

[is="query-post"] .list--products .row .cta {
  color: #fff;
  padding-inline: 3rem;
  padding-block: 1.2rem;
}

.button, [is="menu-navigation"]:not(.nav_landing) .nav-text a {
  font-size: 1.8rem;
}

  .wp-singular [is="columns-footer"] {
    padding-top: 0rem;
    padding-bottom: 5rem;
  }

/*
// ANCHOR: FIX PER INTEGRAZIONE BREADCRUMBS
*/
[is=breadcrumbs].text_center {
    text-align: center;
}

[is=breadcrumbs] * {
    color: #fff !important;
}

[is=breadcrumbs] .breadcrumbs__link {
    color: #fff !important;
}

[is=breadcrumbs] .breadcrumb_last {
    color: #ffffffa1 !important;
}

/* END FIX PER INTEGRAZIONE BREADCRUMBS */


/*
// ANCHOR: FIX PLAYER VIEMO NATIO
*/



flynt-component[name="BlockVimeo"] .player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: unset;
  z-index: 3;
  cursor: pointer;
  transition: all 0.6s ease;
}

flynt-component[name="BlockVimeo"] .player::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10rem;
  height: 10rem;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 50%;
  z-index: -1;
  transition: all 0.6s ease;
}

flynt-component[name="BlockVimeo"] .player > img {
  width: 4rem;
  height: 4rem;
  transition: all 0.6s ease;
  position: relative;
  z-index: 2;
}

/* proporzioni e respiro visivo */
@media (min-width: 992px) {
  flynt-component[name="BlockVimeo"] .player::before {
    width: 10rem;
    height: 10rem;
  }
  flynt-component[name="BlockVimeo"] .player > img {
    width: 4.2rem;
    height: 4.2rem;
  }
}

@media (max-width: 991px) {
  flynt-component[name="BlockVimeo"] .player::before {
    width: 8rem;
    height: 8rem;
  }
  flynt-component[name="BlockVimeo"] .player > img {
    width: 3.4rem;
    height: 3.4rem;
  }
}

@media (max-width: 576px) {
  flynt-component[name="BlockVimeo"] .player::before {
    width: 6.5rem;
    height: 6.5rem;
  }
  flynt-component[name="BlockVimeo"] .player > img {
    width: 2.5rem;
    height: 2.5rem;
  }
}

/* effetto hover proporzionato */

    flynt-component[name=BlockVimeo] .player {
    	top: unset;
        left: unset;
        bottom: 5rem;
        right: 5rem;
        transform: unset;
    }


    @media (min-width: 1200px) {
            flynt-component[name=BlockVimeo]:not(:hover) .player {
                padding: 0;
                opacity: 1;
                visibility: visible;
            }

    }

       flynt-component[name=BlockVimeo] .player:hover>img {
            width: 3.4rem;
            height: 3.4rem;
        }
   


/* END FIX PLAYER VIEMO NATIO */


@media (max-width: 991px) {
    [is=hero-slider].hero-landing .container_mobile {
        height: 100svh!important;
    }
    
      .font-60 {
    font-size: 40px;
    line-height: 50px !important;
  }
    
     .font-28 {
    font-size: 20px;
    line-height: 30px !important;
  }
    
    [is="menu-navigation"].nav_landing .mobile_menu .mobile_nav_ctas .nav_cta {
  font-size: 3.2rem;

  gap: 3rem;

}
    
    [is="hero-slider"].hero-total .swiper-slide {
    min-height: 60svh;
  }
}



@media (max-width: 1024px) {
[is="hero-slider"].hero-total .swiper-slide {

  min-height: 50svh;
}
    
    }



@media (max-width: 767px) {
    
      flynt-component[name="BlockVimeo"] .player::before {
    width: 5rem;
    height: 5rem;
  }
     flynt-component[name="BlockVimeo"] .player > img {
    width: 2rem;
    height: 2rem;
  }
    
    flynt-component[name="BlockVimeo"] .player {

  bottom: 3rem;
  right: 3rem;

}
    
    [is="hero-slider"].hero-total .swiper-slide {
    min-height: 60svh;
  }
    
  [is="menu-navigation"].nav_landing.show   .container-fluid {
    padding-inline: 2rem;
  }
    
    .mobile-center { text-align: center !important;
}
    
    .font-30 {
  font-size: 22px;
  line-height: 32px !important;
}

.font-90, .font-96 {
  font-size: 50px;
  line-height: 60px;
}
    
  .post-type--prodotto  .info, .post-type--prodotto-wash .info { text-align: center;}
    
    
      .font-28 {
    font-size: 18px;
    line-height: 28px !important;
  }
}