/*
Theme Name: campidellaberardenga
Theme URI: campidellaberardenga.it
Description: Tema minimale, che segue le ultime tendenze del web design
Version: 1.0
Author: Alessio Piazzini 
*/

@charset "UTF-8";
/* CSS Document */

:root {
  --primary-color: #F3EFE8; /* Beige */
  --secondary-color: #3F4A3C;  /* Verde */
  --tertiary-color: #90742F; /* Ocra  */
  --quaternary-color: #2B2B2B ; /* Grigio testo */  
  --quinary-color:    ; /*   */      
  --nonary-color: ;
  --black-color: ;
  --primary-gradient:  ;
  --secondary-gradient:  ;
  --primary-font:  "Source Sans 3", sans-serif;
  --secondary-font:  "DM Serif Display", serif;
}


html,body,p {font-family: var(--primary-font);color: var(--quaternary-color); line-height: 1.8;}

a:link, a:hover, a:visited{color: var(--tertiary-color); text-decoration: none;}

h1,h2,h3,h4,h5,h6{line-height: 1.6;}

a:focus-visible,
button:focus-visible {
  outline: 3px solid #000;
  outline-offset: 3px;
}


/* font */
.primary-font{font-family: var(--primary-font);}
.secondary-font{font-family: var(--secondary-font);}

/* bold */
.fw-800{font-weight: 800;}
.fw-700{font-weight: 700;}
.fw-600{font-weight: 600;}

/* title */
.fs-60 {font-size: 60px;}
.fs-18 {font-size: 18px;}
.fs-16 {font-size: 16px;}
.fs-15 {font-size: 15px;}
.fs-14 {font-size: 14px;}
.fs-13 {font-size: 13px;}
.fs-12 {font-size: 12px;}

/* Width */
.w50-16px {width: calc(50% - 16px);}
.w25-16px {width: calc(25% - 16px);}
.w33-16px {width: calc(33% - 16px);}
.w67-16px {width: calc(67% - 16px);}

/* Margin */
.mt-6 {margin-top: 5rem; }
.mb-6 {margin-bottom: 5rem; }


/* Padding */
.py-6 { padding-top: 5rem; padding-bottom: 5rem;}
.px-6 { padding-left: 5rem; padding-right: 5rem;}
.pt-6 { padding-top: 5rem; }
.pb-6 { padding-bottom: 5rem; }
.pe-6 { padding-right: 5rem; }
.ps-6 { padding-left: 5rem; }

/* Gap */
.gap-6 {gap: 6rem;}

/* Underline animated */
h2.title-underline::before {content: "";position: absolute;height: 4px; width: 15px;margin-top: 50px;border-radius: 20px; background:var(--tertiary-color);}
.preview-strumenti:hover h2.title-underline::before, .swiper-preview-news :hover h2.title-underline::before, .three-card :hover h2.title-underline::before{width: 100%;-webkit-transition: width 1s ease-in-out;-moz-transition: width 1s ease-in-out;-o-transition: width 1s ease-in-out;transition: width 1s ease-in-out;
background: -moz-linear-gradient(left, var(--tertiary-color) 0%, var(--octonary-color) 100%);
background: -webkit-linear-gradient(left,   var(--tertiary-color) 0%, var(--octonary-color) 100%);
background: linear-gradient(to right,  var(--tertiary-color) 0%, var(--octonary-color) 100%);}}

/* Position */
.position-relative{position: relative;}
.position-absolute{position: absolute;}

/* Display */
.display-inline-block{display: inline-block !important;}
.img-mobile-cover{width: 100%;height: auto;border-radius: 0;object-fit: cover;object-position: center;}

/* Bg color */
.bg-primary{background-color: var(--primary-color) !important;}
.bg-secondary{background-color: var(--secondary-color) !important;}
.bg-senary{background-color: var(--senary-color);}
.bg-quaternary{background-color: var(--quaternary-color);}
.bg-quinary{background-color: var(--quinary-color);}
.bg-septenary{background-color: var(--septenary-color);}  
.bg-tertiary{background-color: var(--tertiary-color);}  
.bg-octonary{background-color: var(--octonary-color);} 

/* Bg color */
.color-primary{color: var(--primary-color) !important;} 

/* Width */
.w50-16px {width: calc(50% - 16px);}
.w25-16px {width: calc(25% - 16px);}
.w33-14px {width: calc(33% - 14px);}

/* Color */
.color-primary{color: var(--primary-color);}
.color-secondary{color: var(--secondary-color);}
.color-quaternary{color: var(--quaternary-color);}
.color-tertiary{color: var(--tertiary-color);}
.color-quinary{color: var(--quinary-color);}


/* -1 */
.z-index-1{z-index: -1;top:0; left: 0; right:0;bottom: 0; }

/* flex-1 */
.flex-1 {flex: 1;}

/* object-fit */
.object-fit{width: 100%;height: 100%;object-fit: cover;}
  
/* hr */
hr{border: 0;height: 3px;background-color: #ccc;width: 100%;margin: 30px 0;}

/* List */
.list-style-type-none{list-style-type: none;}

/* Background size*/
.background-cover-center {background-size: cover; background-position: center; }
.background-cover-bottom {background-size: cover; background-position: bottom; }
.background-cover-top {background-size: cover; background-position: top; }

/* skip-link*/
.skip-link {position: absolute;top: -40px;left: 10px;background: #2B2B2B;color: #fff;padding: 8px 12px;z-index: 1000; border-radius: 5px;}
.skip-link:focus {top: 10px;}
a.skip-link:visited, a.skip-link:link, a.skip-link:hover{color: #fff !important; font-weight: bold;}

/* Button primary*/
.button-primary,
a.button-primary,
a.button-primary:link {
  display: inline-flex;
  align-items: center;
  justify-content: center;font-size: 14px;
  font-weight: 500;
  line-height: 1;padding: 0 30px;height: 48px;background: linear-gradient(270deg,#3F4A3C 50%,#2F372D 0);
  background-size: 300% 200%;
  background-position: 100% center;border-radius: 5px;color: #fff;text-decoration: none;transition: .4s ease-out;}
a.button-primary:hover {  background-position: 0 100%; color: #fff;}

/* Button secondary*/
.button-secondary, a.button-secondary, a.button-secondary:link {font-size: 14px;text-decoration: none; background-color: transparent;border: 1px solid #fff;color: #fff;height: 100%;line-height: 24px;margin-top: 20px;padding: 12px 24px;align-items: center; background: linear-gradient(270deg,transparent 50%,#ffffff 0) 100%;background-color: rgba(0, 0, 0, 0);background-position-x: 100%;background-position-y: center;background-size: auto;background-origin: padding-box;background-position: 100% 100%;background-size: 300% 200%;border-radius: 5px;cursor: pointer; display: flex;font-weight: 350;height: 100%;justify-content: center;max-height: 48px;padding: 14px 30px;text-align: center;transition: .4s ease-out;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
a.button-secondary:hover  { background-origin: border-box;background-position: 0 100%;border-color: #fff;color: #3A3A3A;}

/* btn-whatsapp*/
.btn-whatsapp {font-size: 12px;text-transform: uppercase;color: #fff !important; display: inline-flex;align-items: center;gap: 8px;background-color: #25D366;color: #fff; padding: 10px 18px;border-radius: 5px;border-top-right-radius: 5px; border-bottom-right-radius: 5px;text-decoration: none;font-weight: 600;transition: background 0.3s, transform 0.2s;position: fixed;right: 0;bottom: 300px;border-radius-left: 0; z-index: 2;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-whatsapp:hover {background-color: #1ebe5d;transform: translateY(-2px);color: #fff;}


/* Hero */
.video-hero {height: 100vh;  overflow: hidden;}
.video-hero video {object-fit: cover;}
.video-hero .overlay { background: rgba(0, 0, 0, 0.3);}
.video-hero .content { padding: 40px;}
.video-hero h1{border-top: 3px dotted #fff;}
.video-hero img{width: 150px;margin-bottom: 15px;}


/* Contact list */
.contact-list {list-style: none;padding-left: 0;}
.contact-list li {display: flex;align-items: center;gap: 10px;margin-bottom: 8px;}
.contact-list i {color: #a47c2c; font-size: 1.1rem;}


/* Contact form */
#contact-form{background-color: rgba(0,0,0,0.5);padding-top: 150px !important;}
#contact-form .logo {top: -85px;width: 80px;}
.contact-form .acf-field { margin-bottom: 20px; }
.contact-form [type="submit"], .contact-form button {-webkit-appearance: button;color: #fff !important;border: 0;}
.contact-form  label { display:block; margin-bottom:24px; font-weight:600; }
.contact-form  textarea { min-height: 180px; resize: vertical; }
.contact-form  input::placeholder,
.contact-form  textarea::placeholder { color: #9aa0a6; }
.contact-form  input:focus,
.contact-form  textarea:focus { border-color: var(--quaternary-color);box-shadow: 0 0 0 3px rgba(20,116,189,.15);}
.contact-form  .first{margin-left: 0;}
.contact-form  .btn-primary {display: inline-block;padding: 10px 18px;border-radius: 4px; border: 1px solid #1474bd;background: #1474bd;color: #fff;font-weight: 600;cursor: pointer;}
.contact-form  .btn-primary:hover { filter: brightness(1.05); }
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea {width: 100%;padding: 10px 5px;border-bottom: 1px solid var(--quaternary-color);border-radius: 0;background: transparent;font-size: 16px;line-height: 24px;outline: none;border-top: 0;border-left: 0;border-right: 0;}
.contact-form textarea, .contact-form input[type="data"] { border: 1px solid var(--quaternary-color);padding: 10px 14px;}

/* Main navigation */
a.navbar-brand, a.navbar-brand:link, a.navbar-brand:hover {font-size: 26px; color: var(--secondary-color);}
.navbar-expand-md .navbar-nav .nav-link {padding: 0 24px;font-size: 13px;font-weight: 400;text-transform: uppercase;}
.navbar-expand-md {position: fixed;left: 0;right: 0;top: 0; z-index: 10;box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.1);}
.navbar li > a {color: var(--quaternary-color);text-decoration: none; }
.navbar li > a:hover {color: var(--tertiary-color);}

/* Cta final */
.cta-final .video-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 0;}
.cta-final .video-background video {width: 100%;height: 100%;object-fit: cover;}
.cta-final .video-overlay {position: absolute;top: 0;left: 0;width: 100%; height: 100%;background: rgba(0, 0, 0, 0.45);z-index: 1;}
.cta-final .area-gradient .container {position: relative;z-index: 2;}

/* Faq */
#faq{background-color: rgba(0,0,0,0.6);}

/* Titolo con ornamento */
.titolo-con-ornamento {position: relative;}
.titolo-con-ornamento::before {content: "";display: block;width: 100%;height: 60px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 60'><g fill='none' stroke='%23F2D4B9' stroke-width='1.8'><path d='M300 30 Q285 15, 270 30 Q285 45, 300 30 Q315 15, 330 30 Q315 45, 300 30 Z'/></g><circle cx='300' cy='30' r='3' fill='%23F2D4B9' /></svg>");
  background-repeat: no-repeat;background-position: center;background-size: contain;margin-bottom: 0;}

/* Movimenti */
.fade-in {opacity: 0;transform: translateY(40px);transition: opacity 1s ease-out, transform 1s ease-out;}
.fade-in.appear {opacity: 1;transform: translateY(0);}
.scroll-down {position: absolute;bottom: 20px;left: 50%;margin-left: -16px;display: block;width: 32px;height: 32px;border: 2px solid #FFF;background-size: 14px auto;border-radius: 50%;z-index: 5;-webkit-animation: bounce 2s infinite 2s;animation: bounce 2s infinite 2s;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.scroll-down:before {position: absolute; top: calc(50% - 8px);left: calc(50% - 6px);transform: rotate(-45deg);display: block;width: 12px;height: 12px;content: "";border: 2px solid white;border-width: 0px 0 2px 2px;}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

/* Gallery */
.wp-block-gallery img,
.wp-block-image img {border-radius: 5px;}


/* Photo and description */
.photo-and-description .content{padding-top: 120px;padding-bottom: 120px;}
.photo-and-description  .bg .row {height: 100%;}
.photo-and-description  .bg {position: absolute;z-index: 0;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;height: 100%;}

/* Reviews */
.reviews-swiper .swiper-button-next,
.reviews-swiper .swiper-button-prev {color: var(--secondary-color) !important; }
.reviews-swiper {--swiper-navigation-size: 20px;}
.reviews-swiper .swiper-pagination-bullet-active { background-color: var(--secondary-color) !important;}
.reviews-swiper {display: flex;}
.reviews-swiper .swiper-wrapper { align-items: stretch;}
.reviews-swiper .swiper-slide {height: auto; display: flex;}
.reviews-swiper .review-box {height: 100%;background-color: #FFF;box-shadow: 0 20px 40px rgba(0,0,0,.08); border: 1px solid #E2DED6 !important;}

/* Dots */
.title-dots {display: inline-block;width: 120px;height: 6px;background-image: radial-gradient(circle, #c9a45c 2px, transparent 2.5px);background-size: 12px 6px; margin-top: 12px;}


/* Visite */
#visite img.logo {width: 110px;margin-bottom: 15px;}

/* Footer */
.footer a:link, .footer a:hover, .footer a:visited{text-decoration: underline; color: #fff;}
.footer{list-style-type: none;}
.footer ul, .footer li{list-style-type: none;margin-left: 0; padding-left: 0;}



@media (min-width: 768px) {
/* Titoli e testi */
   .hero-video .hero-video-txt h1,
   .hero-video .hero-video-txt p {color: white;}
  .hero-video {height: 100vh;justify-content: center;align-items: center;}
  .hero-video .container-video {position: absolute;top: 0;left: 0;height: 100%;z-index: 1;}
  .hero-video .container-video video {width: 100%;height: 100%;object-fit: cover;}
  .hero-video .video-overlay {height: 100%;}
  .hero-video .hero-video-txt {position: relative;z-index: 3;padding: 2rem;background: none; }
}


@media (max-width: 991px) {
  .video-hero {height: 75vh;overflow: hidden;}
  .navbar-toggler{display:none;}
  .navbar{display: none;}
  .w-50{width: 100% !important;}
  .btn-whatsapp{top:10px; bottom: auto;}
  .scroll-down { bottom: 5px;}
}