@charset "utf-8";

/*
Theme Name: Chef Studio
Version: 1.0.0
License: Copyright
Description: Custom template designed by Chef Studio, Pietrasanta (LU), Italy
Author: Chef Studio
Author URI: https://www.chefstudio.it
*/


/* -------------reset----------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

:root {
  --primary-color: #709971;
  --primary-light-color: #9AC79B;
  --secondary-color: #634764;
  --secondary-light-color: #8A6381;
  --super-color: #6d2e72;
  --super-light-color: #875189;

  --bonus-color: #F8F5F5;
  --sfondo-color: #FCFBFB;
  --txt-color: #000;

  --info-color: #A5D1E8;	
  --warning-color: #FAE68C;
  --danger-color: #E69391;
  --success-color: #93DB95;
	
  --box-shadow: 0.6px 0.6px 15.4px rgb(0 0 0 / 5%), 5px 5px 80px rgb(0 0 0 / 10%);
  --border-radius: 10px;
  --border: 1px solid #634764;/*solo per tabella*/
}

/* ----------------- banner cookies------------------ */

#cookie-law-info-bar, .wt-cli-cookie-bar{
	width: 100%!important;
	/*border-top-right-radius: var(--border-radius);
	border-top-left-radius: var(--border-radius);*/
	box-shadow: var(--box-shadow)!important;
	background-color:var(--bonus-color)!important;
}
.cli-wrapper{
	max-width: 1200px!important;
	margin-right: auto;
	margin-left: auto;
}

.cli-bar-message {
	padding:5px;
	/* background-color: var(--bonus-color); */
	border-radius: var(--border-radius);
	font-size: 11px;
}

.cli-bar-message a:focus {
	border:none;
}

.wt-cli-accept-all-btn{
	color: #fff!important;
}

.impostazioni-cookie{
	margin-bottom: 0!important;
    margin-top: 5px!important;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: var(--primary-color)!important;
	border-radius:var(--border-radius)!important;
}

.cli-bar-message a:focus {
 	outline: none!important;
}

.cli-modal-content {
   	box-shadow: var(--box-shadow)!important;
	border-radius: var(--border-radius)!important;
}

.cli-bar-message .cli-plugin-button, .cli-plugin-button:visited {
	padding: 0!important;
}

.cli-bar-message {
  	padding: 0!important;
}
/* ----------------- cookies fine ------------------ */

ul li{ 
	list-style:none;
	margin-bottom: 5px;
}

html,body{
}

img {
    vertical-align: middle; /* togliere margine bot delle immagini di 3 px */
}

/* ----------------- super-wtapper, contenitore e contenuto ------------------ */

a{
	color:var(--primary-color);
	transition:color 0.17s ease-in;
	font-weight: bold;
	text-decoration:none;
}

a:hover, a:focus{
	color:var(--primary-light-color);
	outline: none;
}

.super-wrapper img{
	border-radius: var(--border-radius)
}

.super-wrapper {
	background-color: var(--sfondo-color);
}

.contenitore{
	/* se metto il background color non funziona il parallasse*/
}

.contenitore .contenuto{
	max-width:1200px;
	margin:auto;
	padding: 20px 10px 40px 10px;/* sèpazio tra i blocchi*/
}

#breadcrumbs{
	padding: 10px 10px 0 10px;
	font-size: 14px;
	margin:auto;
	max-width: 1200px;/* come il .contenuto*/
}

#breadcrumbs p{
	margin-bottom: 0;
}

.color-primary{
	color:var(--primary-color);
}

.color-primary-light{
	color:var(--primary-color);
}

.color-secondary{
	color:var(--secondary-color);
}

.color-secondary-light{
	color:var(--secondary-light-color);
}

/* back color*/

.back-color{/* per staccare meglio quando cambia colore*/
	padding: 20px 0;
	margin: 20px 0;
}

.back-color h1 , .back-color h2 , .back-color h3, .back-color h4, .back-color h5,.back-color h6, .back-color h1 , .back-color .h2 , .back-color .h3, .back-color .h4, .back-color .h5, .back-color .h6 {
	color: #ffffff;
	text-align: left!important;
}

.struttura-container h1 , .struttura-container h2 , .struttura-container h3, .struttura-container h4, .struttura-container h5,.struttura-container h6, .struttura-container h1 , .struttura-container .h2 , .struttura-container .h3, .struttura-container .h4, .struttura-container .h5, .back-color .h6 {
	text-align: left!important;
	
}

.struttura-container h1:first-child , .struttura-container h2:first-child , .struttura-container h3:first-child, .struttura-container h4:first-child, .struttura-container h5:first-child,.struttura-container h6:first-child, .struttura-container .h1:first-child , .struttura-container .h2:first-child , .struttura-container .h3:first-child, .struttura-container .h4:first-child, .struttura-container .h5:first-child, .back-color .h6:first-child {
	padding-top: 0;
}

.back-color, .back-color p{
	color: #ffffff!important;
}

.back-color a{
	color: #ffffff!important;
	font-weight: bold;
}

.back-color a:hover{
	color: #ffffff!important;
	text-decoration: underline;
}

.back-color-primary{
	background-color: var(--primary-color);
	color: #fff;
}

.back-color-light-primary{
	background-color: var(--primary-light-color);
	color: #fff;
}

.back-color-secondary{
	background-color: var(--secondary-color);
	color: #fff;
}

.back-color-light-secondary{
	background-color: var(--secondary-light-color);
	color: #fff;
}

.back-color-success{
	background-color:  var(--success-color);
}

.back-color-danger{
	background-color:  var(--danger-color);
}

.back-color-warning{
	background-color: var(--warning-color);
}

.back-color-info{
	background-color: var(--info-color)
}

.back-color-success,.back-color-danger,.back-color-warning,.back-color-info {
	color: black!important;
}

.back-color-success a,.back-color-danger a,.back-color-warning a,.back-color-info a, .back-color-success p,.back-color-danger p,.back-color-warning p,.back-color-info p {
	color: black!important;
}

.back-color-success a:hover,.back-color-danger a:hover,.back-color-warning a:hover,.back-color-info a:hover {
	color: black!important;
}
/* Alert*/

.alert{
	padding: 5px;
	margin: 5px 0;
	border-radius: var(--border-radius)
}

/* Classi utili*/

.floatstop {
	clear:both;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

.pointer{
	cursor:pointer;
}

.flex {
	width:100%;
}

.flex-500 {
	max-width:500px!important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.flex-700 {
	max-width: 700px!important;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.visible-only-small{
	display:block;
}

.visible-only-large{
	display:none;
}

/*margin*/

.margin-top-15px{
	margin-top:15px;
}

.margin-bot-15px{
	margin-bottom:15px;
}

.margin-top-30px{
	margin-top:30px;
}

.margin-bot-30px{
	margin-bottom:30px;
}

.margin-top-60px{
	margin-top:60px;
}

.margin-bot-60px{
	margin-bottom:60px;
}

.margin-top-90px{
	margin-top:90px;
}

.margin-bot-90px{
	margin-bottom:90px;
}

.margin-right-5px{
	margin-right: 5px;
}

.margin-right-10px{
	margin-right: 10px;
}

.margin-right-15px{
	margin-right: 15px;
}

.margin-left-5px{
	margin-left: 5px;
}

.margin-left-10px{
	margin-left: 10px;
}

.margin-left-15px{
	margin-left: 15px;
}

/*padding*/

.padding-top-15px{
	padding-top:15px;
}

.padding-bot-15px{
	padding-bottom:15px;
}

.padding-top-30px{
	padding-top:30px;
}

.padding-bot-30px{
	padding-bottom:30px;
}

.padding-top-60px{
	padding-top:60px;
}

.padding-bot-60px{
	padding-bottom:60px;
}

.padding-top-90px{
	padding-top:90px;
}

.padding-bot-90px{
	padding-bottom:90px;
}

/*bottoni*/

.btn {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
    padding: 10px 16px;
	border-radius: 100px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    font-size:20px;
    border: none;
	transition:box-shadow 0.17s ease;
	-webkit-transition:box-shadow 0.17s ease;
	-moz-transition:box-shadow 0.17s ease;
	-o-transition:box-shadow 0.17s ease;
	-ms-transition-duration: box-shadow 0.17s ease;	
}

input#gform_submit_button_1 { /** nel form, formattarlo come contatti .btn **/
	color:#ffffff;
  	background-color:var(--primary-color);
	display: inline-block;
    font-size:20px;
	border-radius:50px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    border: none;
	transition: background-color 0.17s ease;
	 padding: 10px 16px;
	font-weight: normal;
	width:100%!important;
}

input#gform_submit_button_1 {
    line-height:auto!important;
}

input#gform_submit_button_1:hover {
	background-color: var(--primary-light-color);
	box-shadow: var(--box-shadow);
}

.font-secondary{
/*font-family: 'Noto Serif', serif;*/
}

.font-primary{
/*font-family: 'Noto Sans', sans-serif;*/
}

.btn-outline-primary {
	color: var(--primary-color);
	border: solid 1px var(--primary-color);
	background-color: transparent;
}

.btn-outline-primary:hover {
	background-color: var(--primary-color);
	color: #fff;
	transition:all 0.17s ease-in;
	border: solid 1px var(--primary-color);
}

.btn-outline-secondary {
	color: var(--secondary-color);
	border: solid 1px var(--secondary-color);
	background-color: transparent;
}

.btn-outline-secondary:hover {
	background-color: var(--secondary-color);
	color: #fff;
	border: solid 1px var(--secondary-color);
}

.btn-primary{
	color:#fff!important ;
	background-color: var(--primary-color);
}

.btn-primary:hover{
	color:#fff!important;
	background-color: var(--primary-light-color);	
}

.btn-secondary{
	color:#fff !important ;
	background-color: var(--secondary-color);	
}

.btn-secondary:hover{
	color:#fff !important ;
	background-color: var(--secondary-light-color);	
}

.btn-chef {
   color:#fff!important ;
   background-color: #82163e /* chef-light*/;
}

.btn-chef:hover {
   background-color: #961848 /* chef-light*/;
}

/* rimuovere bootstrap focus ecc*/
.btn-primary:focus {
  outline: none!important;
  box-shadow: none;
  background-color: var(--primary-color)!important;
  border: solid 1px var(--primary-color)!important;
}

.btn-primary:focus-whitn {
  outline: none!important;
  box-shadow: none;
  background-color: var(--primary-color)!important;
	border: solid 1px var(--primary-color)!important;
}

.btn-primary:active {
  outline: none!important;
  box-shadow: none;
  background-color: var(--primary-color)!important;
  border: solid 1px var(--primary-color)!important;
}

.btn-secondary:focus {
  outline: none!important;
  box-shadow: none;
  background-color: var(--secondary-light-color)!important;
  border: solid 1px var(--secondary-light-color)!important;
}

.btn-secondary:focus-whitn {
  outline: none!important;
  box-shadow: none;
  background-color: var(--secondary-light-color)!important;
	border: solid 1px var(--secondary-light-color)!important;
}

.btn-secondary:active {
  outline: none!important;
  box-shadow: none;
  background-color: var(--secondary-light-color)!important;
  border: solid 1px var(--secondary-light-color)!important;
}

/*Testo*/

html,body{
	font-family: Arial, Helvetica, sans-serif;
	color:var(--txt-color);
	height:100%;
	width:100%;
}

/* TEXT */
h1 , h2 , h3, h4, h5,h6, .h1 , .h2 , .h3, .h4, .h5, .h6 {
	/*text-transform: uppercase;*/
	text-align: center;
	color: var(--secondary-color)
	}

h1,.h1{
	font-size: 1.8em;
	padding:0 0 16px 0; /*sopra non c'è mai niente;*/
	text-align:center;
}

h2,.h2{
	font-size: 1.6em;
	padding: 16px 0;
	text-align:center;
}
h3,.h3{
	font-size: 1.4em;
	padding: 16px 0;
	text-align:center;
}
h4,.h4{
	font-size: 1.3em;
	padding: 10px 0;
}
h5,.h5{
	font-size: 1.2em;
	padding: 10px 0;
}

h6,.h6{
	font-size: 1.1em;
	padding: 10px 0;
}

p {
	line-height:1.45em;
	font-size: 1.1em;
	margin-bottom: 8px;
}

.multicolonna ul li, .struttura-container ul li, .testo-container ul li, .articolo ul li, .flex-container ul li, .testo-container-70 ul li{
	margin-left: 20px;
	list-style:disc;
	font-size: 1.1em;
}

.multicolonna ul , .struttura-container ul, .testo-container ul, .articolo ul, .flex-container ul, .testo-container-70 ul li {
	margin-bottom: 8px;
}

.primary-color{
	color:var(--primary-color);
}

.secondary-color{
	color:var(--primary-color);
}

.txt-minuscole {
	text-transform:lowercase;
}

.txt-maiuscolo {
	text-transform: uppercase;
}

.txt-lettera-maiuscola {
	text-transform:uppercase;
}

.bold{
	font-weight: bold;
}

.black-text{
	color: #000;
}

.small-txt{
	font-size:80%;
}

.large-txt{
	font-size:120%;
}


.txt-left{
	text-align:left;
}

.txt-center{
	text-align:center !important;
}

/* -----------------footer------------------ */

.footer{
	text-align:center;
	padding: 0 10px 30px 10px;
	font-weight: 300;
    line-height: 1.3em;
}

.footer a img:hover, .footer-large a img:hover {
	opacity:0.8;
}

/* -----------------footer-large------------------ */
.footer-large{
	width: 100%;
	padding-top: 30px;
	border-top: 1px solid #ccc;
	padding-left:10px;
	padding-right: 10px;
	background-color: var(--bonus-color);
}

.footer-large p{
	font-size: 1em;
}

.footer-large .footer-informazioni{
	padding: 0 15px 15px 0;
	border-bottom: 1px solid #ccc;
}

.footer-large .footer-menu{
	padding: 15px 0 10px 0;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	line-height: 1.5em;
}

.footer-large .footer-contatti{
	padding: 15px 0;
}

.avvertenze-legali p {
    font-size: 12px !important;
    line-height: 18px;
    padding: 15px 0 10px 0;
    text-align: justify;
    border-top: 1px solid #ccc;
    padding: 26px 0;
	border-bottom: 1px solid #ccc;
}

.credits {
	text-align: center;
    padding-top: 25px;
    padding-bottom: 50px;
	font-size: 0.9em;
}

.credits img{
	margin-top: 5px
}
	
/* -----------------fine_footer------------------ */

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: var(--primary-color);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* -------------- fine checkbox------------- */

/* ------------------------------------------------------------------------------- BLOG ---------------------------------------------------------------------------- */

.display-inline-block{
	display: inline-block;
}

.sfondo-color{
	/*background-color:#fff6ed;*/
}

.social-cont{
	padding:10px 0 30px 0;
	display: inline-block;
}

.social-cont ul{
	margin-top: 15px;
}

.social-cont ul li {
	display: inline-block;
	margin: 0 12px 12px 0  !important;
	vertical-align: top;
	background-color:var(--primary-color);
	height: 45px;
	width: 45px;
	border-radius: 100%;
	transition: background-color 0.17s ease;
	padding: 0!important;	
}

.social-cont ul li img{
	width: 35px;
	margin-left: auto!important;
	margin-right: auto!important;
	padding: 0!important;
	display: block;
	margin-top: 5px!important;
}

.articolo .social-cont ul li img:first-of-type {
    aspect-ratio: 16/16!important;
}

.footer-large .social-cont ul li {
	margin: 6px!important;
}

.social-cont  ul  li:hover {
	background-color: var(--primary-light-color);
}

.header-404{
    width: 100%;
	border-radius: var(--border-radius);
	background-color: var(--secondary-color);
	text-align:center;
	padding:10px;
	background-image:none!important;
	margin-bottom:10px;
}

.header-404 h1{
	color:#fff;
}

.header-404 .numero-404{
	display:block;
	color: var(--secondary-light-color);
	font-size:160px;
	font-weight: bold;
}

.header-thank-you{
    width: 100%;
	border-radius: var(--border-radius);
	background-color: var(--success-color);
	text-align:center;
	padding:10px;
	background-image:none!important;
	margin-bottom:10px;
}

.header-thank-you h1{
	color:#000;
}




/* contatti */	
	
.contatti ul li{
		list-style:none
}

.contatti ul li{
	margin-left: 0px;
}

.ginput_container .gfield_consent_label {
/* background-color: violet; */
}

#input_1_10_1, #input_1_7_1 {
width: 25px;
height: 25px;	
margin-bottom: 10px;
}


#field_1_10 .gfield_label {
/*	background-color: green; */
	padding-bottom:6px;
}

body .gform_wrapper ul li.gfield {
 	margin-top: 15px;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 0 !important ; 
min-height: 0 !important ; 
}


#input_1_10_1{
width: 25px;
height: 25px;	
margin-bottom: 10px;
}

/* --------------inizio form dei contatti-----------*/
input:focus, button:focus {outline:0;}

input{
	height:45px;
	border-radius: var(--border-radius);
	border:1px solid #ccc;/* --la toglierei se mettiamo a tutto un colore di sfondo -- */
}

input[type="radio"]{
	width: 15px;
	height:15px;
}

#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0 10px 0 0!important;
}

.contatti textarea, .contatti input {
	font-size:1em;
	width: 96%;
	padding: 8px 2%;
	margin-top: 5px;
	/*border: 1px solid var(--primary-light-color)!important;*/	
}

.contatti input:focus,
.contatti textarea:focus{
	border: 1px solid var(--primary-light-color)!important;	
}

/* --------------formattare textarea -----------*/
.contatti textarea:focus, input:focus{
    outline: 0;
}
*:focus {
    outline: 0;
}
textarea {
	background-color:#ffffff;
	height:250px!important;
	border-radius: var(--border-radius);
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid #ccc;/* --la toglierei se mettiamo a tutto un colore di sfondo -- */
}

.messaggio{
	padding-top:8px;
	background-color:#FFF;
	padding-bottom:8px;
}

.contatti  .gform_footer input{
	width: auto!important;
	height:auto;
	margin: 10px 0;
}

.contatti  .gchoice {/* tasto input invia*/

} 

.contatti  .gchoice input{/* tasto input invia (tasto)*/
	width: auto!important;
	height:auto;
	font-size: 1em;
} 

.contatti  .gchoice input{/* tasto input invia (tasto)*/
	width: 20px!important;
	height: 20px;
}

.contatti  .gchoice label {
	background-color: var(--bonus-color)!important;
	border-radius: var(--border-radius) !important;
	padding:5px!important;
}
.contatti  .gfield_label_before_complex {
	display: block;
}
.contatti_cont select {  /* select non ancora formattate*/
	border-radius:0.6em;
	height: 35px; 
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 10px 0px;
	border:solid #c0c0c0 1px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("img/freccia-select.png") right / 90% no-repeat #ffffff;  /*dice non esista sta roba*/
} 

select {
        background:none;
        padding: 5px;
    }

#errori {
	font-size:1.1em;
	}
	
#risultato {
	color: var(--success-color); /* verde email inviata */
	font-size:1em;
}

.mappa{
	width: 100%;
    height: 400px;
    overflow: hidden;
	margin-bottom: 40px;
}

/** modifica del form **/
.gform_wrapper #field_1_4 .gfield_label {
    font-size: 1em;
}

.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
    position: inherit!important;
}

.gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description {
    max-height: 130px !important;
}

li#field_1_7 {
    padding-bottom: 30px;
}

.ginput_container .gfield_consent_label a {
font-weight: bold;
}

#input_1_10_1, #input_1_7_1 {
float: left;
display: inline;
}

select {	
color: #999;	
}

#input_1_1, #input_1_2, #input_1_3, #input_1_4, #input_1_5, #input_1_8, #input_1_9 {	
}

#input_1_5 radio{
	height: 300px;
	width: 300px;
}

@media screen and (min-width: 672px){
	
h1{
	font-size: 2em;
}
	
/* -----------------footer-medium------------------ */
.footer-large{
	display:inline-block;
	margin-top: 50px;
}
	
.footer-large .footer-menu{
width: 50%;
float: left;
border-bottom: none;
}

.footer-large .footer-contatti{
width: 50%;
float: left;
border-bottom: none;
}
	
}

@media screen and (min-width: 1024px){
	
.visible-only-small{
	display:none;
}
	
.visible-only-large{
	display:block;
}
	
/* -----------------footer-large------------------ */
	
.footer-large .footer-container{
	max-width: 1300px;
	margin: auto;
}

.footer-large .footer-informazioni{
	width: 45%;
	float: left;
	border-bottom: none;
}

.footer-large .footer-menu{
	width: 23%;
	float: left;
}

.footer-large .footer-contatti{
	width: 32%;
	float: left;
}

}