/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com 
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/****************************/
/* ____FRAMEWORK CSS PP ____*/
/****************************/
/**
 * The main template file.
 *
 * This is the css file for FONT, PADDING e MARGIN
 * of the standard theme (the other being style.css).
 *
 * @package GeneratePress & FRAMEWORD CSS PAOLO PELI
 */

/* ! Helpers  */

body, html{ font-family: "Montserrat", sans-serif; line-height: 1.1; font-size: 15px; box-sizing: border-box;margin: 0;padding: 0;}*,*:before,*:after{ box-sizing: border-box; }h1,h2,h3,h4,h5,h6, p, ol, ul{font-family: 'Montserrat', sans-serif !important; margin: 0 0 1rem 0;padding: 0;}ol,ul{padding-left: 20px;line-height: 1.5;}img{height: auto;}

p {font-family: "Montserrat", sans-serif !important; font-size:15px !important; font-weight:300; line-height:25px !important;}


/* ! Title System */

h1, .text-1 {
	font-size: 2.9rem !important; 
	margin-bottom:0.5rem; 
	font-weight:700;
	font-family: 'Montserrat', sans-serif !important; 

}

h2, .text-2 {font-family: 'Montserrat', sans-serif; font-weight:500; font-size: 2rem !important; margin-bottom:1rem}
h3, .text-3  {font-family: 'Montserrat', sans-serif;font-size: 1.9rem; margin-bottom:1rem}
h4, p, .text-4 {font-family: 'Montserrat', sans-serif;font-size: 1.4rem; margin-bottom:1rem; line-height: 1.5;}
.text-5 {font-family: 'Montserrat', sans-serif;font-size: 18px !important; margin-bottom:1rem; line-height: 1.5;}
a {text-decoration:none !important;}
/*a {text-decoration:none; color:#000000 !important; font-weight:400;}*/
a:hover {text-decoration:none; font-weight:400; color:#464646 !important;}

a.button:hover {text-decoration:none; font-weight:400; color:#ffffff !important; font-size:20px;}
a.button {text-decoration:none; font-weight:400; color:#ffffff !important; font-size:20px;}


.titolopagine h1, h2 {
     font-weight:300;
  }

@media (max-width: 768px) {
  h1, .text-1 {
    font-size: 2rem; margin-bottom:0.3rem; font-weight:800;
  }
} 

@media (max-width: 768px) {
  h2.wp-block-heading, h2, .text-2 {font-size: 1.6rem; margin-bottom:1rem}
} 

@media (max-width: 768px) {
  h3.wp-block-heading, h3, .text-3 {font-size: 1.2rem;margin-bottom:1rem}
} 


.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

/****************************/
/*____ PADDING E MARGIN ____*/
/****************************/


.left0 {left: 0px;}

.padding10 {padding:10px;}
.padding20 {padding:20px;}

.pt8 {padding-top:8px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt40 {padding-top:40px;}
.pt60 {padding-top:60px;}
.pt80 {padding-top:80px;}
.pt120 {padding-top:120px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb40 {padding-bottom:40px;}
.pb60 {padding-bottom:60px;}
.pb80 {padding-bottom:80px;}

.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr40 {padding-right:40px;}
.pr60 {padding-right:60px;}
.pr80 {padding-right:80px;}

.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl40 {padding-left:40px;}
.pl60 {padding-left:60px;}
.pl80 {padding-left:80px;}

/****************************/

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}
.mt100 {margin-top:100px;}
.mt120 {margin-top:120px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}

.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}
.mr60 {margin-right:60px;}
.mr100 {margin-right:100px;}

.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:60px;}
.ml100 {margin-left:100px;}

/******/

.mr-20 {margin-right:-20px !important;}
.mr-40 {margin-right:-40px !important;}

.ml20 {margin-left:20px !important;}
.ml40 {margin-left:40px !important;}

.mt-10 {margin-top:-10px;}
.mt-20 {margin-top:-20px;}
.mt-40 {margin-top:-40px;}
.mt-80 {margin-top:-80px !important;}

.mb-10 {margin-bottom:-10px !important;}
.mb-20 {margin-bottom:-20px !important;}
.mb-40 {margin-bottom:-40px !important;}
.mb-50 {margin-bottom:-50px !important;}

/****************************/
/*___ PERSONMALIZZO font ___*/
/****************************/

.SourceSansPro {font-family:Source Sans Pro;}

.fs11 {font-size: 11px !important;}
.fs13 {font-size: 13px !important;}
.fs18 {font-size: 18px !important;}
.fs20 {font-size: 20px !important;}
.fs28 {font-size: 28px !important;}
.fs80 {font-size: 80px !important;}


/****************************/
/*______ ALLINEAMENTI ______*/
/****************************/

.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left; }

.allineoalcentro {margin:0 auto;}

/****************************/
/*___ SOTTOLINEATO e non ___*/
/****************************/

.underline {text-decoration:underline;}
.text-no-deco {text-decoration:none !important;}
.text-no-deco a {text-decoration:none !important;}
.text-no-deco a:hover {text-decoration:none !important; color:#464646}
.text-no-deco-bianco a:hover {text-decoration:none !important; color:#fff} 


/****************************/
/*______ BORDER RADIUS ______*/
/****************************/

.br15 img {border-radius:15px} 


/****************************/
/*______ COLORI ______*/
/****************************/


div .verdeB i {color:#009D51 !important;}
a.nero {color:#222222 !important;}



/****************************/
/*_______ MAX-WIDTH ________*/
/****************************/

.mw300 {max-width:300px;}
.mw400 {max-width:400px;}
.mw600 {max-width:600px;}
.mw700 {max-width:700px;}
.mw800 {max-width:800px;}
.mw900 {max-width:900px;}
.mw1000 {max-width:1000px;}
.mw1100 {max-width:1100px;}
.mw1400 {max-width:1400px;}

/* _______________________ */
/* ! REVEAL PER JAVASCRIPT */
/* _______________________ */

.reveal{
  position: relative;
  transform: translateY(5px) scale(0.99);
  opacity: 0;
  transition: 1s all ease;
}

.reveal.active{
  transform: translateY(0) scale(1);
  opacity: 1;
}


/* ! CREAO ANIMAZIONE STANDARD CARICAMENTO CONTENUTI */

.animazione-0 {
  -webkit-animation: fadeIn_Up 1.2s both;
  -moz-animation: fadeIn_Up 1.2s both;
  -o-animation: fadeIn_Up 1.2s both;
  animation: fadeIn_Up 1.2s ease;
}

.animazione-1 {
  -webkit-animation: fadeIn_Up 1.2s both;
  -moz-animation: fadeIn_Up 1.2s both;
  -o-animation: fadeIn_Up 1.2s both;
  animation: fadeIn_Up 1.2s both;
  animation-delay: 500ms;
}

.animazione-2 {
  -webkit-animation: fadeIn_Up 1.2s both;
  -moz-animation: fadeIn_Up 1.2s both;
  -o-animation: fadeIn_Up 1.2s both;
  animation: fadeIn_Up 1.2s both;
  animation-delay: 1s;
}

.animazione-3 {
  -webkit-animation: fadeIn_Up 1.2s both;
  -moz-animation: fadeIn_Up 1.2s both;
  -o-animation: fadeIn_Up 1.2s both;
  animation: fadeIn_Up 1.2s both;
  animation-delay: 1.5s;
}

@-webkit-keyframes fadeIn_Up {
  0%{
    opacity:0;
    -webkit-transform: translateY(5px) scale(0.95);
  }
  100%{
    opacity:1;
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes fadeIn_Up {
  0%{
    opacity:0;
    -webkit-transform: translateY(5px) scale(0.95);
  }
  100%{
    opacity:1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeIn_Up {
  0%{
    opacity:0;
    -moz-transform: translateY(5px) scale(0.95);
  }
  100%{
    opacity:1;
    -moz-transform: translateY(0);
  }
}

@-o-keyframes fadeIn_Up {
  0%{
    opacity:0;
    -o-transform: translateY(5px) scale(0.95);
  }
  100%{
    opacity:1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeIn_Up {
  0%{
    opacity:0;
    /*transform: translateY(10px);*/
    transform: translateY(5px) scale(0.95);
  }
  100%{
    opacity:1;
    /*transform: translateY(0);*/
    -webkit-transform: translateY(0) scale(1);
  }
}


/* __________________ */
/* ! PERSONALIZZO CF7 */
/* __________________ */

.date-picker {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Corregge la visualizzazione mobile */
.date-picker {
    min-height: 40px;
    padding: 8px 12px !important;
}

/* Forza il formato UK nell'input */
input.date-picker[type="date"] {
    text-transform: uppercase;
}



.ui-datepicker {
    background: white;
    border: 1px solid #ddd;
    padding: 10px;
    font-family: Arial;
    z-index: 9999999 !important;
}

.ui-datepicker-header {
    background: #f5f5f5;
    padding: 5px;
}

.ui-datepicker td {
    padding: 2px;
}

.ui-datepicker td a {
    display: block;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}
@media (max-width: 768px) {
    .ui-datepicker {
        width: 90% !important;
        left: 5% !important;
    }
}


/* sposto i DOTS del carosello DI SHORTCODE in basso */

.su-image-carousel>ol.flickity-page-dots {
    position: absolute;
    top: 90% !important;
    bottom: auto;
    left: 50%;
    margin: 0;
    padding: 0;
    width: auto;
    list-style: none;
    opacity: 0;
    transition: opacity .2s ease;
    transform: translate(-50%, -50%);
    pointer-events: yes !important;
}

.su-image-carousel-item-content  img  
	{border-radius:15px !important;}



/* _______________________ */
/* ! REVEAL PER JAVASCRIPT */
/* _______________________ */

.reveal{
  position: relative;
  transform: translateY(40px) scale(0.99);
  opacity: 0;
  transition: 4s all ease;
}

.reveal.active{
  transform: translateY(0) scale(1);
  opacity: 1;
}

/* __________________________________ */
/* ! ANIMAZIONE CARICAMENTO CONTENUTI */
/* __________________________________ */

.animazione-0 {
  -webkit-animation: fadeIn_Up 1.2s both;
  -moz-animation: fadeIn_Up 1.2s both;
  -o-animation: fadeIn_Up 1.2s both;
  animation: fadeIn_Up 1.2s ease;
}

.animazione-1 {
  -webkit-animation: fadeIn_Up 1.2s both;
  -moz-animation: fadeIn_Up 1.2s both;
  -o-animation: fadeIn_Up 1.2s both;
  animation: fadeIn_Up 1.2s both;
  animation-delay: 500ms;
}

.animazione-2 {
  -webkit-animation: fadeIn_Up 1.2s both;
  -moz-animation: fadeIn_Up 1.2s both;
  -o-animation: fadeIn_Up 1.2s both;
  animation: fadeIn_Up 1.2s both;
  animation-delay: 1s;
}

.animazione-3 {
  -webkit-animation: fadeIn_Up 1.2s both;
  -moz-animation: fadeIn_Up 1.2s both;
  -o-animation: fadeIn_Up 1.2s both;
  animation: fadeIn_Up 1.2s both;
  animation-delay: 1.5s;
}


/**************************/
/**************************/
/* 9 ottobre per hero home 4 box */
/**************************/
/**************************/


//* Hero grid con 4 box */
.hero-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0; /* nessuno spazio tra box */
  width: 100vw;
  max-width: 100vw;
  margin: 0;
  min-height: 100vh; /* occupa tutto lo schermo in alto */
}

/* Ogni cover box */
.hero-grid .wp-block-cover {
  margin: 0;
  padding: 0;
}

/* Mobile: stack verticale */
@media (max-width: 768px) {
  .hero-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto;
    min-height: auto;
  }
}

/************/

.rv-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 400px;
  gap: 40px;
  align-items: center;
}

.rv-hero-image {
  background-image: url('https://www.rvrental-bonometti.com/wp-content/uploads/2026/06/rv-rentals-cover_6.webp');
  /* background-image: url('https://www.rvrental-bonometti.com/wp-content/uploads/2025/07/rv-rentals-cover_2.jpg'); */
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  min-height: 500px;
  border-radius: 8px;
}

/* Mobile */
@media (max-width: 999px) {
  .rv-hero-grid {
    grid-template-columns: 1fr;
  }

  .rv-hero-image {
    min-height: 320px;
  }
}