/*
Theme Name: Preventivi Gratuiti V 3.0
Theme URI: https://preventivigratuiti.net
Author: Preventivi Gratuiti
Author URI: https://preventivigratuiti.net
Description: Preventivi Gratuiti
Version: 3.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nextframe
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* ! Reset */
body, html{font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{padding-left: 20px;}
li{margin-bottom: 10px;}
img{height: auto;}
a{text-decoration: none;}
hr{border:none; border-bottom: 1px solid #0082c3;}

:root{
  --menu-bg: transparent;
  --menu-text: #0082c3;
}

.page .header-container{background: #fff!important; box-shadow: 0 50px 55px rgba(0,0,0,12%);border-bottom: 4px solid #0082c3;}

.seo-title{position: absolute; top:-1000000px!important;}
a{text-decoration: none;color: #222222}
p{line-height: 1.3}

.spacer{height: 110px;}

.spacers{height: 190px;}


.copertina {height: 40vh; position: relative; background: #333;display: flex; width: 100%; align-items: center;z-index: 0}

.copertina__content{height: 40vh; color: #fff; padding: 20px;width: 100%; text-align: center;position: relative; background: #0082c3;}

.copertina__content h1{color: #fff; text-shadow: 3px 3px 8px #000;}

.ombreggia img{border-radius: 50px; box-shadow: 0 5px 30px rgba(0,0,0,33%);} 


/* ! Title System */
.text-0{font-size: 5rem; line-height: 1;}
h1, .text-1{font-size: 3.4rem;}
h2, .text-2{font-size: 2.2rem;}
h3, .text-3{font-size: 1.5rem;}
h4, p, .text-4{font-size: 1rem;}

h1, h2, h3, h4, p, ol, ul{margin-bottom: 1rem;}

@media (max-width: 768px) {
  .text-0{font-size: 4rem}
}

/* ! Button system */
.button,
.wp-block-button__link{font-size: 1.2rem; text-transform: uppercase; font-weight: bold; background: #333; color:#fff; padding: 14px 25px;display: inline-block;border-radius: 4px}
.button:hover,
.wp-block-button__link{background: #000;}




/* ! Header */ 
/*----------------------------------------------------------------------------------- */
.header-container{position: fixed;background: #fff;top:0;left:0;z-index: 9999;width: 100%; box-shadow: 0 50px 55px rgba(0,0,0,12%);border-bottom: 4px solid #0082c3; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
/*
.header-info{background: #0082c3; padding-top: 12px;}
.header-info p{
  display: flex;
  justify-content: center; /* centra in orizzontale 
  align-items: center;     /* centra in verticale 
  height: 100%;            /* puoi cambiare con altezza fissa, es: 400px 
  width: 100%;             /* opzionale 
  font-weight: bold; 
  font-size: 1rem; 
  color: #fff;
}
*/
.logged-in .header-container{top:30px}
.header{ display: flex; justify-content: space-between; width: 100%; max-width: 1650px; margin: 0 auto; padding: 0%;}
.header a{color:var(--menu-text); display: block; padding: 15px; font-weight: bold; font-size: 18px;}

.header__menu{margin-top: 33px;}
.header__menu li{display: inline-block;position: relative;margin-bottom: 0; }


.header__menu li a{position: relative;}

.header__menu li ul li a:hover{color: #ef8638; transition: all 0.15s cubic-bezier(.215, .61, .355, 1);}

.header__menu li a:hover{color: #ef8638; transition: all 0.15s cubic-bezier(.215, .61, .355, 1);}

.header__menu > li.menu-item-has-children > a:after{
  content: " ";
  width: 16px;height: 16px;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right:-5px;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3EChevron Down%3C/title%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144'/%3E%3C/svg%3E");
}

.header__menu li ul{position: absolute;left:0; width: 350px;background: #ffffff;display: none; visibility: hidden;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.61); }
.header__menu li ul li{width: 100%;}
.header__menu li:hover > ul{display: block;visibility: visible;}

.header a.header__logo{font-weight: bold;padding: 0;}
/*.header__logo img{height: 100px;margin: 12px;transition: all 1s cubic-bezier(.215, .61, .355, 1);}*/
.header__logo img{height: 85px;margin-bottom: 6px; margin-top: 12px; position: relative; z-index: 9999999; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.header__hamburger{display: none;}

.header__quick .button{margin-top: 33px;}




@media (max-width: 768px) {

  .header__logo img{height: 45px;margin-bottom: 3px; margin-top: 3px; margin-left: 6px; position: relative!important; z-index: 9999999; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

  .header-container{background: #fff;}
  .header__hamburger{display: block;width: 40px;height: 35px; margin-top:12px;margin-right: 6px;}
  .header__hamburger span{width: 33px;height: 3px;background: var(--menu-text);margin-top: 8px;display: block;transition: all 0.15s cubic-bezier(.215, .61, .355, 1);}
  .header__menu{position:absolute;top:26px; border-top:3px solid #0082c3; left:0; width: 100%;background: #fff;height: 100vh;overflow: hidden; transform: translateX(100%); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
  .header__menu li{display: block; text-align: center; padding-top: 1px; text-transform: uppercase; font-size: 23px;}

  .header__menu li ul{position: relative;width: 100%;padding-left: 20px;}
  .header__menu > li.menu-item-has-children > a:after{right: 22px;}

  .menu-open .header__hamburger span:nth-child(1){transform: translateY(5px) rotate(45deg);}
  .menu-open .header__hamburger span:nth-child(2){transform: translateY(-5px) rotate(-45deg);}

  .menu-open .header__menu{transform: translateX(0%);}
  .menu-open{overflow:hidden;}

  /*.header__quick .button{background: transparent!important; border: 0px solid; color:#0082c3!important; padding-top: 0px!important;}*/
  .header__quick .button{display: none;}
}

/* Spazio cover per tablet */

/* Tablet piccoli verticali */
@media (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .tablet { padding-top:130px;}
}

/* Tablet piccoli orizzontali */
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  .tablet { padding-top:6rem;}
}

/* Tablet grandi verticali */
@media (min-width: 992px) and (max-width: 1199px) and (orientation: portrait) {
  .tablet { padding-top:90px;;}
}

/* Tablet grandi orizzontali */
@media (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) {
  .tablet { padding-top:100px;}
}


/* ! Index */
/*----------------------------------------------------------------------------------- */

/* ! Tiles */

.tiles{min-height: 500px; border-radius: 30px; color:#fff; position: relative;overflow: hidden; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.48);}
.tiles__label{position: absolute; bottom: 30px; left:30px; font-weight: bold;}

.tiles__content{
  padding: 30px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
}

.tiles p{ font-size: 1rem; margin-top: 0.5rem;}


/* ! Single */
/*----------------------------------------------------------------------------------- */

.wp-post-image{border-radius: 30px;}


/* ! Footer */
/*----------------------------------------------------------------------------------- */
.footer{
  background:#fff;
  border-top: 4px solid #0082c3;
  color: #0082c3;
}
.footer h3{font-size: 1.3rem!important;}
.footer p{font-size: 0.9rem!important; line-height: 23px; font-weight:bold;}

.footer a{color:#0082c3!important;}
.footer__logo {width: 90px;margin-bottom: 20px;}
.icon-social{opacity: 1;}

.footer-bottom{
  background: #0082c3;
  color:#fff!important; margin-bottom: 0;padding: 20px;font-weight: 300;font-size: 14px;}
.footer-bottom a{color:#fff!important; font-weight: bold;}

.eu-text{color:#0082c3;font-size: 12px;width: 100%;
  background: #fff;
  margin-bottom: 0;padding: 30px;text-align: center;}
.eu-text img{width: 30px;margin-right: 10px;position: relative; bottom: -4px;}
.eu-text a{color:#0082c3!important;}

.sott-tit {
  font-weight: bold;
}

/* ! Chat Whatsapp */
.chat {
  background: #12af00;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  position: fixed;
  bottom: 5px;
  left: 5px;
  text-align: center;
  z-index: 99999;
}
.chat .fa, 
.chat .icon-wa {
  line-height: 70px;
  font-size: 38px; /* più grande rispetto ai 30px */
  color: #fff;
  margin-top: 13px; /* per centrarla verticalmente */
}

/* ! Chiamata */
.chiamata {
  background: #0082c3;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  position: fixed;
  bottom: 5px;
  right: 5px;
  text-align: center;
  z-index: 99999;
}
.chiamata img {
  width: 40px;   /* dimensione icona */
  height: 40px;
  margin-top: 10px; /* per centrarla verticalmente */
}

  /* ! Chat Whatsapp 
  .chat{background: #12af00;width: 55px;height: 55px;border-radius: 55px; position: fixed; bottom:5px; left:5px;text-align: center;z-index: 99999;}
  .chat .fa{line-height: 55px; font-size: 30px;color:#fff}
  @media (max-width: 767px) {
     .chat{left:3px; bottom: 3px;}
     .chiamata{right:3px; bottom:3px;}
     
  }

    /* ! Chiamata
    .chiamata{background: #0082c3;width: 55px;height: 55px;border-radius: 55px; position: fixed; bottom:5px; right:5px;text-align: center;z-index: 99999;}
    .chiamata .fa{line-height: 55px; font-size: 30px;color:#ffffff}
*/

/* ! Grid System */
/*----------------------------------------------------------------------------------- */
.grid{display: flex; flex-wrap: wrap; max-width: 1650px; margin: 0 auto}
.grid--small{max-width: 900px}
.grid--center{justify-content: center;}
.grid--full{max-width: 100%}

.col-11 {
  width: 11.11%;
}

.col-16{width: 16.66%}
.col-20{width:20%}
.col-25{width:25%}
.col-30{width:30%}
.col-33{width:33.33%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-70{width:70%}
.col-80{width:80%}
.col-90{width:90%}
.col-100{width:100%}

[class*='col-']{padding: 3%;}

.grid--full [class*='col-'],
.grid .grid [class*='col-'] {padding: 0;}

.grid--icons [class*='col-'] {padding: 0;}


@media (max-width: 768px) {
  [class*='col-']{width: 100%}
  .sma-33{width: 33.33%}
  .sma-50{width: 50%}
  .sma-25{width: 25%}
}

@media (max-width: 1200px) {
  .sma-33 {
    width: 33.33%;
  }
}

@media (max-width: 768px) {
  .mob-50 {
    width: 50%;
  }
}




.wpcf7 input,
.wpcf7 textarea{width: 100%;}

.wpcf7 input.wpcf7-submit{
  
  width: auto;
  font-size: 1.2rem;
  
  background: #0082c3;
  
  color:#fff!important; padding: 14px 25px;border-radius: 55px; border: 3px solid white;}
  .wpcf7 input.wpcf7-submit:hover {background: #ef8638; color: #fff!important; transition: all 1s cubic-bezier(.215, .61, .355, 1);}

   /* Pulsante accettazione
   -------------------------------------------------------- */
   input[type="checkbox" i] {
    background-color: initial;
    cursor: default;
    -webkit-appearance: checkbox;
    box-sizing: border-box;
    margin: 1px 23px 1px 1px;
    padding: initial;
    border: initial;
}


/* ! Helpers */
/*----------------------------------------------------------------------------------- */

.icon-ig {
  display: inline-block;
  margin: 0 5px;
  width: 18px;
  height: 18px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Instagram%3C/title%3E%3Cpath fill='%230082c3' d='M349.33 69.33a93.62 93.62 0 0193.34 93.34v186.66a93.62 93.62 0 01-93.34 93.34H162.67a93.62 93.62 0 01-93.34-93.34V162.67a93.62 93.62 0 0193.34-93.34h186.66m0-37.33H162.67C90.8 32 32 90.8 32 162.67v186.66C32 421.2 90.8 480 162.67 480h186.66C421.2 480 480 421.2 480 349.33V162.67C480 90.8 421.2 32 349.33 32z'/%3E%3Cpath fill='%230082c3' d='M377.33 162.67a28 28 0 1128-28 27.94 27.94 0 01-28 28zM256 181.33A74.67 74.67 0 11181.33 256 74.75 74.75 0 01256 181.33m0-37.33a112 112 0 100 224 112 112 0 000-224z'/%3E%3C/svg%3E");
}

.icon-wa{display:inline-block; margin: 7px;width: 18px;height: 18px;background-size: 100%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Ctitle%3ELogo Whatsapp%3C/title%3E%3Cpath d='M414.73 97.1A222.14 222.14 0 00256.94 32C134 32 33.92 131.58 33.87 254a220.61 220.61 0 0029.78 111L32 480l118.25-30.87a223.63 223.63 0 00106.6 27h.09c122.93 0 223-99.59 223.06-222A220.18 220.18 0 00414.73 97.1zM256.94 438.66h-.08a185.75 185.75 0 01-94.36-25.72l-6.77-4-70.17 18.32 18.73-68.09-4.41-7A183.46 183.46 0 0171.53 254c0-101.73 83.21-184.5 185.48-184.5a185 185 0 01185.33 184.64c-.04 101.74-83.21 184.52-185.4 184.52zm101.69-138.19c-5.57-2.78-33-16.2-38.08-18.05s-8.83-2.78-12.54 2.78-14.4 18-17.65 21.75-6.5 4.16-12.07 1.38-23.54-8.63-44.83-27.53c-16.57-14.71-27.75-32.87-31-38.42s-.35-8.56 2.44-11.32c2.51-2.49 5.57-6.48 8.36-9.72s3.72-5.56 5.57-9.26.93-6.94-.46-9.71-12.54-30.08-17.18-41.19c-4.53-10.82-9.12-9.35-12.54-9.52-3.25-.16-7-.2-10.69-.2a20.53 20.53 0 00-14.86 6.94c-5.11 5.56-19.51 19-19.51 46.28s20 53.68 22.76 57.38 39.3 59.73 95.21 83.76a323.11 323.11 0 0031.78 11.68c13.35 4.22 25.5 3.63 35.1 2.2 10.71-1.59 33-13.42 37.63-26.38s4.64-24.06 3.25-26.37-5.11-3.71-10.69-6.48z' fill-rule='evenodd'/%3E%3C/svg%3E");}

.icon-call{display:inline-block; margin: 5px 5px 5px 5px;width: 24px;height:24px;background-size: 100%;}
.icon-1{width: 40px;height: 40px;}
.icon-invert{filter: invert(1);}

.br{border: 1px solid red;}
.img-res{width: 100%;}
.verdino{background: #e7f1d1; padding: 33px;}
.video-res{width: 100%;height: 100%;overflow: hidden;}
.video-res video{width: 100%;height: 100%;object-fit: cover}
.fo__btn--submit {margin-left:0px!important;}
.max-width-small{max-width: 900px!important; margin: 0 auto; }

.giustificato {
  text-align: justify !important;
}

.box-servizi img{border-radius: 30px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.48);}

body form.fo .fo__btn {
 background:#0082c3!important;
 border:2px solid #fff!important;
 font-weight: bold;
 text-transform: uppercase;
}

.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}
.mt-5{margin-top: 5rem;}

.mt-cop-4{margin-top: 4rem;}

.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

.p-0{padding: 0;}
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}

.pt-0{padding-top: 0;}
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}

.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}


.icon-small{width: 40px;padding: 8px;}
.icon-white{filter: invert(1);}
.bg-dark{background: #000;}
.text-white{color:#fff}
.text-dark{color:#000}
.text-blue{color:#0082c3;}
.v-center{display: flex; justify-content: center; flex-flow: column;align-items: flex-start;}

.font-normal{font-weight: 400;}
.font-bold{font-weight: 700;}

.max-width-1{max-width: 900px; margin: 0 auto}

.none{display: none;}
@media (max-width: 768px) {
  .sma-none{display: none;}
  .sma-col-invert{flex-direction: column-reverse;}
  .mbm-2{margin-bottom: 2rem;}
  .mt-cop-4{margin-top: 0rem!important;}
}

@media (min-width: 768px) {
  .desktop-none{display: none;}
}

.icon-mark strong {
  position: relative;
  background: url(icons/check.svg) no-repeat left center;
  background-size: 25px;
  padding-left: 30px;
  margin-right: 10px;
}

.number-icon {
  width: 30px;
  height: 30px;
  background: #00a4ff;
  color: #fff;
  text-align: center;
  line-height: 30px;
  border-radius: 30px;
  border: 1px solid #00a4ff;
}

.img-phone img{
  height: 450px;
  object-fit: cover;
  object-position: top center;
  width: 100%;
  border: 10px solid #ccc;
  border-radius: 30px;
  margin-bottom: 20px;
}

@media (max-width: 768px) {

.img-phone img{ height: 600px;}
.sma-piccolo{font-size: 1rem;}

}




/* ! Wordpress Styles */
/*----------------------------------------------------------------------------------- */

input[type=text],
input[type=email] { color: #000000; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #000000; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}
input[type=tel] { color: #000000; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #000000; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}
input[type=date] { color: #000000; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #000000; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}
textarea {color: #000000; padding: 10px; width: 100%; border: 1px solid #000000; background: #fff; -webkit-appearance: none;border-radius: 20px;font-size: 18px;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #000000; border-radius: 100px;  font-size: 18px; border: none;}
#comments { width: 100%; }

.form-search{width: 100%;border: 3px solid #0082c3;border-radius: 100px; padding-left: 15px;background: #fff;}
.form-search input{width: calc(100% - 40px); border:none;background: transparent;}
.form-search button{padding: 0;background:transparent; border: none;}
.form-search img{width: 25px;margin-bottom: -8px;}

.pagination { margin: 40px 15px 40px 15px;text-align: center;}
.pagination span,
.pagination a {margin: 0 5px 5px 0; padding: 2px 8px; border: 2px solid #ddd; display: inline-block; }

.tit-mod{font-size: 2rem;}


.alignfull{width: 100vw;margin-left: calc(50% - 50vw);}
.alignwide{width: 90vw;margin-left: calc(50% - 45vw);}

.wpcf7 input[type="file"] {
	cursor: pointer;
	/*color: transparent;*/
}

.wpcf7{background: rgba(36, 56, 142, 0.09);  padding: 3%; border-radius: 20px; max-width: 650px!important; margin: 0 auto;box-shadow: 0 5px 20px rgba(0,0,0,.05);}
@media (max-width: 768px) {
.wpcf7{padding: 5%; border-radius: 0px;}
.tit-mod{font-size: 1.5rem!important;}
}

.wp-block-embed__wrapper{
  border-radius: 30px;
  overflow: hidden;
}