/*
Theme Name: GBS Child
Theme URI: https://cv-be.caffevergnano.com/
Author: Global Business Solution S.r.l.
Author URI: https://www.gbs-group.it/
Description: GBS Custom WordPress Theme. This theme is not available for you to download or buy.
Template: gbs
Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */



/*variabili es var(--nome)*/
:root {
    --white: #FFFFFF;
    --black: #040404;

    --grey:#F6F6F6;
    --lightgrey:#DFDFDF;
    --darkgrey:#2A2A2A;
    --rosa: #ee99a9;
    --verde-acc:#81A478;

    --text-color: #040404;
    --text-color-alt: #ffffff;
    --accent-color: #81A479;

    --background-color: #ffffff;
    --background-color-alt: #eaf1f6;

    --radius:20px;
    --radius-small:10px;
    --shadow: rgb(0 0 0 / 30%) 0 10px 20px;
    --shadow-light: rgb(0 0 0 / 5%) 0 5px 15px;

    /*font family*/
    --font-principale: 'Playfair Display', serif;
    --font-secondario: 'Raleway', sans-serif;

    /*font size/line height*/
    --size-h1: 64px;
    --lineH-h1: 1.2;
    --weight-h1: 600;

    --size-h2: 44px;
    --lineH-h2: 1.2;
    --weight-h2: 600;

    --size-h3: 38px;
    --lineH-h3: 1.2;
    --weight-h3: 600;

    --size-h4: 32px;
    --lineH-h4: 1.2;
    --weight-h4: 600;

    --size-h5: 24px;
    --lineH-h5: 1.2;
    --weight-h5: 600;

    --size-h6: 20px;
    --lineH-h6: 1.4;
    --weight-h6: 600;

    --size-p:16px;
    --lineH-p: 1.5;
    --size-p-smaller:12px;
    --size-p-small:14px;
    --size-p-big:18px;


    /*Elementi*/
    --w-container:1100px;
    --w-container-stretto:780px;
    --w-container-header:1580px;

    --width-btn:200px;

    --padding-container: 0 45px;
    --padding-singolo:45px;

    --padding-colonne:25px;
    --space-margin:50px;
}




/*classi per correggere impostazioni tema */
::-moz-selection {
    /* Code for Firefox */
    color: var(--white);
    background: var(--verde-acc);
}
::selection {
    color: var(--white);
    background: var(--verde-acc);
}

::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background: var(--verde-acc);
    border-radius: 5px;
}
::-webkit-scrollbar-track {
    background: #393c40;
}
html, body {
    overflow-x: hidden;
}
a:hover {text-decoration: none;}
*:focus {outline: none;}
* img {image-rendering: -webkit-optimize-contrast !important;}
* {text-rendering: optimizeLegibility !important;}
html {scroll-behavior: smooth;}
main{overflow:hidden;}
div#Content {padding: 0;}
.post,.page {margin:0em;}
p {margin-block-start: initial; margin-block-end: initial; margin: 0 0 15px;}
@media screen and (max-width:1023px){br.desk-only {display: none;}}
figure {margin: 0px}

.page-content,
.entry-content,
.entry-summary {margin: 0em 0 0;}

html.stop {overflow: hidden !important;}





/* CLEAR */
.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}





/* RULES FOR ICON SIZE */
.material-icons {
    line-height: inherit!important;
    vertical-align: sub !important;
    font-size: 1.2em !important;
}
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; } /* Default */
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }





/* RIGHE E COLONNE */
section {margin: 0 auto;}
section.margin {
    margin-top: var(--space-margin);
    margin-bottom: var(--space-margin);
}
section.margin.first {
    margin-top: calc(var(--padding-colonne));
    margin-bottom: var(--padding-colonne);
}
section.margin.last {
    margin-bottom: calc(var(--space-margin) * 2);
    margin-top: var(--space-margin);
}
section.margin.last.margin0bottom {
    margin-bottom: 0;
    margin-top: var(--space-margin);
}
.contenuto {
    padding: var(--padding-container);
}
.margin-top {margin-top: var(--space-margin);}
.margin-topx2 {margin-top: calc(var(--space-margin)*2);}
.margin-bottom {margin-bottom: var(--space-margin);}
.margin-bottomx2 {margin-bottom: calc(var(--space-margin)*2);}
.full-height {height: 100vh;}
.height-100 {height: 100%;}
.full-width {max-width: none !important;}
.width-100 {width: 100%;}
.width-auto {width: auto;}

section,
.w-container,
.w-container-small,
.col-100,
.col-85,
.col-80,
.col-75,
.col-70,
.col-60,
.col-50,
.col-40,
.col-33,
.col-30,
.col-25,
.col-15 {
    box-sizing: border-box;
}





/* COLONNE */
.w-container {width: var(--w-container);margin: 0 auto;}
.w-container-small {width: var(--w-container-stretto);}
.col-100,
.full-width {width: 100%;}

/* COLONNE STANDARD */
.col-85 {width: 85%;}
.col-80 {width: 80%;}
.col-75 {width: 75%;}
.col-70 {width: 70%;}
.col-66 {width: 66%;}
.col-60 {width: 60%;}
.col-50 {width: 50%;}
.col-45 {width: 45%;}
.col-40 {width: 40%;}
.col-35 {width: 35%;}
.col-33 {width: 33%;}
.col-30 {width: 30%;}
.col-25 {width: 25%;}
.col-20 {width: 20%;}
.col-15 {width: 15%;}
.col-12 {width: 12.5%;}

/* COLONNE FLEX + GAP */
.col-20-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 14%;
  }
.col-30-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 24%;
  }
.col-40-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 34%;
  }
.col-50-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 44%;
  }
.col-60-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 54%;
  }
.col-80-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis:74%;
  }

.gap-15px {gap: 15px !important;}
.gap-30px {gap: 30px !important;}
.gap-20 {gap: 20px}
.gap-40 {gap: 40px}

.column-gap-1 {column-gap: 3%;}
.column-gap-3 {column-gap: 6%;}
.column-gap-6 {column-gap: 12%;}

.row-gap-12 {row-gap: 12px;}
.row-gap-24 {row-gap: 24px;}
.row-gap-48 {row-gap: 48px;}

.unmezzo { 
    width:49%;
    float:left;
    margin:10px 1% 0 0;
}

/* FLEX */
.flex {display: flex;}

.flex-row {flex-direction: row;}
.flex-column {flex-direction: column;}

.flex-row-rev {flex-direction: row-reverse;}
.flex-column-rev {flex-direction: column-reverse;}

.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}

.flex-top {display:flex;align-items: top;}
.flex-bottom {display:flex;align-items: bottom;}

.align-items-center {align-items: center !important;}
.align-items-end {align-items: flex-end;}
.align-items-start {align-items: flex-start;}
.align-items-stretch {align-items: stretch!important;}

.align-content-center {align-content: center;}
.align-content-end {align-content: flex-end;}
.align-content-start {align-content: flex-start;}
.align-content-stretch {align-content: stretch;}

.justify-content-center {justify-content: center;}
.justify-content-end {justify-content: flex-end;}
.justify-content-start {justify-content: flex-start;}
.justify-content-space-around {justify-content: space-around;}
.justify-content-space-between {justify-content: space-between;}
.justify-content-space-evenly {justify-content: space-evenly;}





/* SPAZI */
.padding {padding: var(--padding-box);}

.padding10 {padding: 10px;}
.padding10sx {padding-left: 10px;}
.padding10dx {padding-right: 10px;}
.padding10top {padding-top: 10px;}
.padding10bottom {padding-bottom: 10px;}

.padding15 {padding: 15px;}
.padding15sx {padding-left: 15px;}
.padding15dx {padding-right: 15px;}
.padding15top {padding-top: 15px;}
.padding15bottom {padding-bottom: 15px;}

.padding20 {padding: 20px;}
.padding20sx {padding-left: 20px;}
.padding20dx {padding-right: 20px;}
.padding20top {padding-top: 20px;}
.padding20bottom {padding-bottom: 20px;}

.padding30 {padding: 30px;}
.padding30sx {padding-left: 30px;}
.padding30dx {padding-right: 30px;}
.padding30top {padding-top: 30px;}
.padding30bottom {padding-bottom: 30px;}

.padding40 {padding: 40px;}
.padding40sx {padding-left: 40px;}
.padding40dx {padding-right: 40px;}
.padding40top {padding-top: 40px;}
.padding40bottom {padding-bottom: 40px;}

.padding60 {padding: 60px;}
.padding60sx {padding-left: 60px;}
.padding60dx {padding-right: 60px;}
.padding60top {padding-top: 60px;}
.padding60bottom {padding-bottom: 60px;}

.padding100 {padding: 100px;}
.padding100sx {padding-left: 100px;}
.padding100dx {padding-right: 100px;}
.padding100top {padding-top: 100px;}
.padding100bottom {padding-bottom: 100px;}

.padding70 {padding: 70px;}
.padding70sx {padding-left: 70px;}
.padding70dx {padding-right: 70px;}
.padding70top {padding-top: 70px;}
.padding70bottom {padding-bottom: 70px;}

.padding125top {padding-top: 125px;}
.padding125bottom {padding-bottom: 125px;}

.paddingContainer{padding: var(--padding-container);}



/* MARGIN */
.margin0 {margin: 0px!important;}
.margin0sx {margin-left: 0px;}
.margin0dx {margin-right: 0px;}
.margin0top {margin-top: 0px;}
.margin0bottom {margin-bottom: 0px!important;}

.margin10 {margin: 10px;}
.margin10sx {margin-left: 10px;}
.margin10dx {margin-right: 10px;}
.margin10top {margin-top: 10px;}
.margin10bottom {margin-bottom: 10px;}

.margin20 {margin: 20px;}
.margin20sx {margin-left: 20px!important;}
.margin20dx {margin-right: 20px;}
.margin20top {margin-top: 20px;}
.margin20bottom {margin-bottom: 20px;}

.margin30 {margin: 30px;}
.margin30sx {margin-left: 30px;}
.margin30dx {margin-right: 30px;}
.margin30top {margin-top: 30px;}
.margin30bottom {margin-bottom: 30px;}

.margin40 {margin: 40px;}
.margin40sx {margin-left: 40px;}
.margin40dx {margin-right: 40px;}
.margin40top {margin-top: 40px;}
.margin40bottom {margin-bottom: 40px;}

.margin60 {margin: 60px;}
.margin60sx {margin-left: 60px;}
.margin60dx {margin-right: 60px;}
.margin60top {margin-top: 60px;}
.margin60bottom {margin-bottom: 60px;}

.margin70bottom {margin-bottom: 70px;}
.margin70top {margin-top: 70px;}

.margin100bottom {margin-bottom: 100px;}
.margin100top {margin-top: 100px;}

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

.margin-auto {margin: 0 auto;}
.no-margin {margin: 0px !important;}
.no-padding {padding: 0px !important;}





/* GENERICHE */
.display-block {display: block !important;}
.display-inline-block {display: inline-block;}

.clear-both {clear: both;}
.hidden {display: none;}
.super-hidden {display: none!important;}

.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none;}

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

.vertical-top {vertical-align: top;}
.vertical-middle {vertical-align: middle;}

.overflow {overflow: visible !important;}
.no-overflow {overflow: hidden !important;}

.bordo-top {border-top: 1px solid var(--darkgrey2);}
.bordo-bottom {border-bottom: 1px solid var(--darkgrey2);}
.bordo-destra {border-right: 2px solid var(--background-color-alt);}
.bordo-sinistra {border-left: 2px solid var(--background-color-alt);}
.bordo {border: 1px solid var(--darkgrey);}
.bordo-verde {border: 1px solid var(--darkgreen);}
.bordo-rosa {border: 4px solid var(--rosa);}
.tondo {border-radius: 100% !important;}

.background-color {background-color: var(--grey)}

/*flex*/


.align-items-end {align-items: flex-end;}

.border-radius{ border-radius:var(--radius);}
.border-radius img{ border-radius:var(--radius);}
.border-radius-small{ border-radius:var(--radius-small);}
.circle {border-radius:100%;}

.border-top {border-top: 2px solid var(--lightgrey);}
.border-bottom {border-bottom: 2px solid var(--lightgrey);}
.border {border: 2px solid var(--lightgrey);}

.box-shadow{box-shadow:var(--shadow);}
.obj-fit-cover{object-fit: cover;}
/*Fine generiche*/

/*colori testi*/
.testo-normale {color: var(--text-color)!important;}
.negativo, .bianco {color: var(--white)!important;}
.nero {color: var(--black)!important;}
.rosa {color: var(--rosa)!important}
.darkgrey {color: var(--darkgrey)!important;}
.lightgrey {color: var(--lightgrey)!important;}
.testo-evidenza,.green {color: var(--accent-color)!important;}
/*colori background*/
.bg-evidenza {background-color: var(--accent-color);}
.bg-main {background-color: var(--main-bg-color);}
.bg-alt1  {background-color: var(--lightgrey);}
.bg-alt2  {background-color: var(--darkgrey);}
.bg-alt3  {background-color: var(--grey);}
.bg-white {background-color: var(--white);}
/*fine colori*/

.z-index1{z-index: 1;}

/*font*/
.italic {font-style:italic!important;}
.maiuscolo, .uppercase {text-transform:uppercase!important;}
.minuscolo, .lowercase {text-transform:lowercase!important;}
.iniziali-maiuscole {text-transform:capitalize!important;}

.light {font-weight: 100;}
.regular {font-weight: 400!important;}
.medium {font-weight: 500!important;}
.semibold {font-weight: 600!important;}



/* LISTE */
ul.clean,
ol.clean,
ul.clean li,
ol.clean li{
    padding:0;
    margin:0;
    list-style:none;
}
ul, ol {margin: 0 0 1.5em 1em;}





/* STILI GENERICI */
.box-shadow {box-shadow: var(--shadow);}

.border-radius {border-radius: var(--radius);}
.border-radius-small {border-radius: var(--radius-small);}
.circle {border-radius: 100%;}

.figure-radius {
    overflow: hidden;
    display: flex;
    border-radius: var(--radius);
}
.figure-radius img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.square {aspect-ratio: 1 / 1;}
.img-square,
.img-rectangle {
    display: flex;
    justify-content: center;
    align-items: stretch;
  }
.img-square img,
.img-rectangle img {
    display:block;
    object-fit: cover;
    height: 100%;
    width: 100%;
  }




/* POSITION */
.absolute {position: absolute;}
.fixed {position: fixed;}
.overlay,
.relative {position: relative;}

.top0 {top: 0;}
.bottom0 {bottom: 0;}
.left0 {left: 0;}
.right0 {right: 0;}

.z-index-1 {z-index: 1;}
.z-index-2 {z-index: 2;}





/* OVERLAY */
.pop-up-overlay * {z-index: 10;}
.pop-up-overlay:before {
    content: '';
    top: 0;
    background: #00000055;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
}
.pop-up-overlay.blur:before {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background: #0000001a;
}





/* TESTO CON SFUMATURA */
.color-clip,
.color-clip-hover:hover{
    background: rgb(26,63,244); 
    background: -moz-linear-gradient(90deg, rgba(26,63,244,1) 0%, rgba(1,164,255,1) 42%, rgba(206,255,0,1) 100%); 
    background: -webkit-linear-gradient(90deg, rgba(26,63,244,1) 0%, rgba(1,164,255,1) 42%, rgba(206,255,0,1) 100%); 
    background: linear-gradient(90deg, rgba(26,63,244,1) 0%, rgba(1,164,255,1) 42%, rgba(206,255,0,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}





/* OPACITY */
.opacity70{opacity:.7;}
.opacity50{opacity:.5;}
.opacity30{opacity:.3;}





/* FONT */
.italic {font-style: italic !important;}
.maiuscolo,.uppercase {text-transform: uppercase !important;}
.minuscolo,.lowercase {text-transform: lowercase !important;}
.iniziali-maiuscole,.capitalize {text-transform: capitalize !important;}

.thin {font-weight: 100 !important;}
.light {font-weight: 300 !important;}
.regular {font-weight: 400 !important;}
.medium {font-weight: 500 !important;}
.semibold {font-weight: 600 !important;}

.negativo {color: var(--white)!important;}

b,
strong,
.bold,
.grassetto {
    font-weight: 700 !important;
}


a, a:visited, a:focus {
    color: var(--verde-acc);
}
a:hover {
    color: var(--verde-acc);
}

h1,
.title-h1 {
    font-family: var(--font-principale);
    font-size: var(--size-h1);
    line-height: var(--lineH-h1) !important;
    font-weight: var(--weight-h1);
}
.home h1, .home .title-h1{
    font-size: calc( var(--size-h1) + 8px)
}

h2,
.title-h2 {
    font-family: var(--font-principale);
    font-size: var(--size-h2);
    line-height: var(--lineH-h2);
    font-weight: var(--weight-h2);
}

h3,
.title-h3 {
    font-family: var(--font-principale);
    font-size: var(--size-h3);
    line-height: var(--lineH-h3);
    font-weight: var(--weight-h3);
}
h4,
.title-h4,
.title-h4 p {
    font-family: var(--font-principale);
    font-size: var(--size-h4);
    line-height: var(--lineH-h4);
    font-weight: var(--weight-h4);
    text-transform: inherit;
}
h5,
.title-h5,
.title-h5 p {
    font-family: var(--font-principale);
    font-size: var(--size-h5);
    line-height: var(--lineH-h5);
    font-weight: var(--weight-h5);
    text-transform: inherit;
}
h6,
.title-h6,
.title-h6 p {
    font-family: var(--font-principale);
    font-size: var(--size-h6);
    line-height: var(--lineH-h6);
    font-weight: var(--weight-h6);
    text-transform: inherit;
}
h1,h2,h3,h4,h5,h6,
.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
    letter-spacing: -1px;
    margin: 0 0 15px 0;
}
h1.margin,h2.margin,h3.margin,h4.margin,h5.margin,h6.margin,
.title-h1.margin,.title-h2.margin,.title-h3.margin,.title-h4.margin,.title-h5.margin,.title-h6.margin {
    margin: 1em 0;
}
body,
p,
li,
.p-small,
.p-big,
.p-smaller {
    font-family: var(--font-secondario);
    font-weight: 400;
    color: var(--text-color);
}

p,
li {
    font-size: var(--size-p);
    color: var(--text-color);
    line-height: var(--lineH-p);
}
.p-small {
    font-size: var(--size-p-small);
    color: var(--text-color);
    line-height: var(--lineH-p-small);
}
.p-smaller {
    font-size: var(--size-p-smaller);
    color: var(--text-color);
    line-height: var(--lineH-p-smaller);
}
.p-big {
    font-size: var(--size-p-big) !important;
    color: var(--text-color);
    line-height: var(--lineH-p-big);
}
.breadcrumb {
    font-size:var(--size-p-big);
}
.breadcrumb a {
    text-decoration: none;
    color: var(--text-color);
}
.font-principale {font-family: var(--font-principale) !important;}
.font-secondario {font-family: var(--font-secondario) !important;}

.playfair{font-family: var(--font-principale);}
.raleway{font-family: var(--font-secondario);}
.caveat {font-family: Caveat!important;}
/*----------------Fine font----------------*/





/* BOTTONI */
.form-submit input#submit,
.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:focus,
.btn, button.btn {
    border-radius:30px;
    text-transform:uppercase;
    font-size: var(--size-p-small); 
    font-family: var(--font-secondario); 
    font-weight:700;
    letter-spacing:0.1px;
    line-height:1; 
    text-decoration: none; 
    min-width: var(--width-btn);
    display:inline-block; 
    padding: 12px 20px;
    margin: 2.5px 0;
    text-align: center; 
    overflow:hidden; 
    transition: .3s;
}
.btn.btn-solid,
button.btn.btn-solid,
.wpcf7 .col-bottone input[type="submit"],
.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:focus,
.button-default .button_theme, 
.button-default input[type="button"],
.button-default input[type="reset"], 
.button-default input[type="submit"], 
.button-flat .button_theme,
.button-flat button, 
.button-flat input[type="button"], 
.button-flat input[type="reset"],
.button-flat input[type="submit"], 
.button-round .button_theme, 
.button-round button, 
.button-round input[type="button"],
.button-round input[type="reset"],
.button-round input[type="submit"],
.woocommerce #respond input#submit, 
.woocommerce a.button:not(.default), 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:not(.default):hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
button#loadMore{
  color: var(--white); 
  border-color: var(--accent-color); 
  background-color: var(--accent-color);
  border-width: 2px; 
  border-style: solid;
}
.btn:link,
.btn:visited,
div.wpcf7 input[type="submit"]:link,
div.wpcf7 input[type="submit"]:visited{
  position:relative;
  top:0;
  left:0;
  display:inline-block;
  transition: all .5s;
}
.btn:hover,
.button-default .button_theme:hover,
.button-default input[type="button"]:hover,
.button-default input[type="reset"]:hover,
.button-default input[type="submit"]:hover, 
.button-flat .button_theme:hover,
.button-flat button:hover, 
.button-flat input[type="button"]:hover, 
.button-flat input[type="reset"]:hover,
.button-flat input[type="submit"]:hover, 
.button-round .button_theme:hover, 
.button-round button:hover,
.button-round input[type="button"]:hover,
.button-round input[type="reset"]:hover,
.button-round input[type="submit"]:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:not(.default):hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:not(.default):hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
button#loadMore:hover , .btn-outline-green:hover,
.btn.btn-outline-negativo:hover {
   box-shadow:0px 10px 10px rgba(0,0,0,0.2);
   transform : translateY(-3px);
    background: var(--white);
    color: var(--black)!important
}
.wpcf7 input[type="submit"]:hover,
form-submit input#submit:hover {
   box-shadow:0px 10px 10px rgba(0,0,0,0.2);
   transform : translateY(-3px);
}
.btn:active,
div.wpcf7 input[type="submit"]:active {
  box-shadow:0px 5px 10px rgba(0,0,0,0.2)
  transform:translateY(-1px);
}
button::after {display: none;}



.btn.btn-small,
button.btn.btn-small {
  font-size: 12px; 
  min-width: 150px!important;
  padding: 12px 25px;
  margin: 2.5px 2px;
}
.btn.btn-solid-alt,
button.btn.btn-solid-alt,
.wpcf7 .col-bottone-alt input[type="submit"] {
  color: var(--white); 
  border-color: var(--text-color); 
  background-color: var(--text-color);
  border-width: 2px; 
  border-style: solid;
}
.btn.btn-solid-negativo,
button.btn.btn-solid-negativo  {
  color: var(--text-color); 
  border-color: var(--white); 
  background-color: var(--white);
  border-width: 2px; 
  border-style: solid;
}
.btn.btn-outline,
button.btn.btn-outline {
  color: var(--text-color); 
  border-color: var(--accent-color); 
  background-color:transparent;
  border-width: 2px; 
  border-style: solid;
}
.btn.btn-outline-green {
  color: var(--white); 
  border-color: var(--accent-color); 
  background-color:var(--accent-color);;
  border-width: 2px; 
  border-style: solid;
}
.btn.btn-outline-alt,
button.btn.btn-outline-alt {
  color: var(--text-color); 
  border-color: var(--text-color);
  background-color:transparent; 
  border-width: 2px; 
  border-style: solid;
}
.btn.btn-outline-negativo,
button.btn.btn-outline-negativo{
  color: var(--white); 
  border-color: var(--white);
  background-color:transparent;
  border-width: 2px; 
  border-style: solid;
}





/*icone*/
.btn i {
    font-size: calc(var(--size-p) - 4px);
    padding-left: 5px;
}

/*piu bottoni su una riga*/
.btn-row .btn {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}
/*----------------Fine Bottoni----------------*/

/*breadcrumbs*/
section.breadcrumbs {
    border-bottom:1px solid var(--lightgrey)
  }
section.breadcrumbs .contenuto {
    height: 85px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 0px;
    padding-top: 2px;
    justify-content:space-between
  }
section.breadcrumbs .breadcrumb-list {
    margin: 0px 0px;
  }
section.breadcrumbs .breadcrumb-list a,
section.breadcrumbs .breadcrumb-list span {
    color:var(--darkgrey);
    letter-spacing:0.5px;
  }
section.breadcrumbs i {
    color:var(--accent-color);
  }
section.breadcrumbs .breadcrumb_last {
    font-weight:600;
    color:var(--accent-color)!important;
}
/*search*/
section.breadcrumbs form.search-form.wpcf7 {
    width: auto!important;
    }
section.breadcrumbs form.search-form label {
    float: left;
    }
section.breadcrumbs form.search-form input.search-field {
    margin: 0;
    border-right: 0;
    border-radius:5px 0px 0px 5px;
    }
section.breadcrumbs form.search-form button.search-submit {
    background: transparent!important;
    min-width: 48px;
    min-height: 48px;
    margin: 0;
    border: 1px solid var(--accent-color);
    border-radius: 0px 5px 5px 0px;
    float: left;
    }
section.breadcrumbs form.search-form button.search-submit:hover{
    background:var(--accent-color)!important;
    box-shadow:none!important;
    transform: translateY(-0px)!important;
    }
section.breadcrumbs form.search-form button.search-submit:hover i{
    color:#fff!important;
    }
/*fine breadcrumbs*/




/*form*/
.wpcf7 {width: 100%;}
.wpcf7 input,
.wpcf7 select {
    background-color: transparent;}
.wpcf7 input[type="checkbox"] {
    display: inline-block;
    margin:0 5px 0 0!important;
    padding:0!important;
    }
.wpcf7 span.wpcf7-list-item-label {
    font-weight: 800;
}
.wpcf7 textarea {height:150px;background: transparent}
 
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea{
    border-radius:0px;
    font-size: var(--size-p);
    font-family: var(--font-secondario);
    font-weight:600;
    line-height:1.6;
    padding: 10px 0px;
    transition: .3s;
    margin-top:0px;
    float:left;
    box-shadow: #000 0px 0px!important;
    border-top:none;
    border-right:none;
    border-left:none;
    }
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    border: 1.5px solid #c8c8c8;
    border-radius:5px;
    padding: 10px 15px;
    }
.wpcf7 .negativo input,
.wpcf7 .negativo select,
.wpcf7 .negativo textarea {
    border: 1.5px solid #c8c8c8;
    border-radius:5px;
    padding: 10px 15px;   
    }
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus{  
    padding: 10px 30px;
    }
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus{  
    background-color:#0000000f !important;
    color:var(--text-color)!important;
    }
.wpcf7 .negativo input:focus,
.wpcf7 .negativo select:focus,
.wpcf7 .negativo textarea:focus{    
    background-color:#ffffff0f !important;
    color:var(--white)!important;
    }
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea{
    color: var(--text-color);
}
.wpcf7 .negativo input,
.wpcf7 .negativo select,
.wpcf7 .negativo textarea{
    color: var(--white);
}
.wpcf7 input::placeholder,
.wpcf7 select::placeholder,
.wpcf7 textarea::placeholder{
    color:#c8c8c8!important;
    font-weight:400;
}
.wpcf7 .negativo input::placeholder,
.wpcf7 .negativo select::placeholder,
.wpcf7 .negativo textarea::placeholder{
     color: #ffffff61 !important;
     font-weight:400;
}
.wpcf7 .negativo select{
    background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23999%22%2F%3E%3C%2Fsvg%3E);
}
/*Change text in autofill textbox*/
.wpcf7 input:-webkit-autofill {
    -webkit-text-fill-color: var(--text-color) !important;
    padding: 10px 30px;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 0.9em!important;
    line-height:1.6!important;
    position: absolute;
}
/*fine Change text in autofill textbox*/
.wpcf7-not-valid {border-color: #dc3232!important;}
.wpcf7 .ajax-loader {
    filter: brightness(500%) contrast(80%);
    width: 15px;
    height: 15px;
    background-size: cover;
    }
/* FORM SPUNTE */
.wpcf7 .info-privacy {margin-top:20px}
.wpcf7 .info-privacy,.info-privacy *{
    font-size:14px;
    line-height:1.2;
    }
.wpcf7 .info-privacy,
.wpcf7 .info-privacy *{
    color:var(--text-color)!important;
    }
.wpcf7 .negativo .info-privacy,
.wpcf7 .negativo .info-privacy *{
    color:var(--white)!important;
    }
.wpcf7 .info-privacy span.wpcf7-list-item { margin: 0;}
.wpcf7 .info-privacy span.wpcf7-form-control-wrap.accettazione {width: 20px;}
.wpcf7 .info-privacy p a{text-decoration:underline;}
.wpcf7 small {display: inline;}
.wpcf7 .wpcf7-form-control-wrap.marketing { display: inline;}
span.wpcf7-form-control-wrap {
    width: 100%;
    position: relative!important;
    display: inline-block;
    margin-bottom: 3px;
}
/* FINE FORM SPUNTE */
/* Contact Form 7 */

.wpcf7::after{clear:both;content:"";display:block}
.wpcf7-form .column{margin-bottom:10px}
.wpcf7-mail-sent-ok{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#7DCC68!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;}
.wpcf7-mail-sent-ng{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#fb5455!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;}
.cf7p-message .wpcf7-validation-errors{border:none!important;margin:25px 0 0!important;padding:7px!important;background:#fb5455!important;color:#fff;text-align:center;float:left;width:98%;box-sizing:border-box;margin:0 1%!important;}
body:not(.cf7p-message) .wpcf7-validation-errors{border:none!important;display:none!important}
body:not(.cf7p-message) .wpcf7-not-valid-tip{position:absolute!important;left:-50px!important;top:0!important;width:44px!important;height:44px!important;padding:0!important;background-color:#ed3b2e; text-indent:-9999px!important;padding:0;border:none!important}
body:not(.cf7p-message) .wpcf7-not-valid-tip:after {
    content:'\e5cd';
    font-family:"Material icons";
    position:absolute;
    left:8px;
    top:0px;
    font-size:28px;
    color:#fff;
    text-indent:0
}
body:not(.cf7p-message) .wpcf7-not-valid-tip:before{content:'';position:absolute;right:-5px;top:16px;background-color:#ed3b2e;width:11px;height:11px;transform:rotate(45deg)}
.wpcf7-captchar{margin-bottom:0}
span.wpcf7-form-control-wrap .wpcf7-date,span.wpcf7-form-control-wrap .wpcf7-quiz,span.wpcf7-form-control-wrap .wpcf7-number,span.wpcf7-form-control-wrap .wpcf7-select,span.wpcf7-form-control-wrap .wpcf7-text,span.wpcf7-form-control-wrap .wpcf7-textarea{width:100%;box-sizing:border-box;margin-bottom:0}
.wpcf7 input[type="submit"]{font-size:inherit;margin-bottom:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}

.wpcf7 form .wpcf7-response-output{
    margin: 20px 0 0 0;
    border-radius: var(--radius);
}

.wpcf7-spinner {position: absolute; margin-top: 5px}

/* Contact Form 7 | Popup */

.wpcf7 input[type="file"]{
    line-height: 1;
}
.btn.btn-solid, button.btn.btn-solid, .wpcf7 .col-bottone input[type="submit"], .button-default .button_theme, .button-default input[type="button"], .button-default input[type="reset"], .button-default input[type="submit"], .button-flat .button_theme, .button-flat button, .button-flat input[type="button"], .button-flat input[type="reset"], .button-flat input[type="submit"], .button-round .button_theme, .button-round button, .button-round input[type="button"], .button-round input[type="reset"], .button-round input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button:not(.default), .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:not(.default):hover, .woocommerce button.button:hover, .woocommerce input.button:hover, button#loadMore {
    color: var(--white)!important;
    border-color: var(--accent-color);
    background-color: var(--accent-color);
    border-width: 2px;
    border-style: solid;
}

.txt-acconsenti span.wpcf7-form-control-wrap {width: fit-content;}
.txt-acconsenti{font-size:14px;}

.txt-acconsenti-small span.wpcf7-form-control-wrap {width: fit-content;}
.txt-acconsenti-small{font-size:12px;}

.txt-acconsenti-smallest span.wpcf7-form-control-wrap {width: fit-content;}
.txt-acconsenti-smallest{font-size:12px; color:white !important;}

/*----------------fine form----------------*/





/*----------------owl carousel----------------fine*/
.owl-dots * {
    transition: 0.5s all ease-in-out;
}
.owl-dots {
    margin-top: -24px;
    transform: translate(0px,-25px);
    text-align: center;
}
.owl-carousel .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    margin: 0px 5px;
    background: var(--white);
    box-shadow: none;
    opacity: 0.4;
    border-radius: 5px;
}
.owl-carousel .owl-dots .owl-dot span {
    display: none;
}
.owl-carousel .owl-dots .owl-dot.active {
    opacity: 0.9;
}
.owl-carousel .owl-item img {
    display:block!important;
    width: auto!important;
}
/*owl carousel*/





/*----------------inizio-personalizzazioni----------------*/

/*----------------icone tag custom----------------*/
arrow,plus {display: inline-block!important;}

arrow.small svg.arrow-icon,
plus.small svg.plus-icon {
    width: 24px;
    height: 24px;
}
arrow.small  svg.arrow-icon *,
plus.small svg.plus-icon *{
    stroke-width:3px!important
}





/*----------------header----------------*/

/*----------------action bar----------------*/
header #action-bar {
    width:100%;
    padding: 5px 0;
    background:var(--darkergrey)
}
header .action-bar-content {
    width: var(--w-container);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
}
header #action-bar .action-bar-left,
header #action-bar .action-bar-right {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
header #action-bar .action-bar-menu ul#menu-actionbar {
    display: inline-flex;
    padding: 0;
    margin: 0;
    column-gap: 30px;
}
header #action-bar .action-bar-menu ul#menu-actionbar li{
    list-style:none; 
}
header #action-bar .action-bar-menu ul#menu-actionbar li a{
    text-transform: uppercase;
    color: var(--white);
    font-size: var(--size-p-smaller);
    text-decoration:none;
    display: inline-block; /*animazione sottolineatura*/
    padding-bottom:0px;
    background-image: linear-gradient(var(--verde-acc), var(--verde-acc));
    background-position: 0 100%; /*OR bottom left*/
    background-size: 0% 1px;
    background-repeat: no-repeat;
    transition:background-size 0.3s, background-position 0s 0.3s; /*change after the size immediately*/
}
header #action-bar .action-bar-menu ul#menu-actionbar li a:hover {
    color: var(--verde-acc);
    text-decoration: none;
    background-position: 100% 100%; /*OR bottom right*/
    background-size: 100% 1px;
}

.main-navigation ul li:hover > ul {
    width: 100%;
    left: 0;
    z-index: 100;
}
header #action-bar .action-bar-spacer {
    height: 0;
    transition:ease 0.5s;
}
header #action-bar.active .action-bar-spacer {
    height: 15px;
    transition:ease 0.5s;
}
header .site-menu #primary-menu .menu-item-has-children .custom-sub{

}
.sticky .site-menu div, .sticky .site-menu nav, .sticky .site-menu .menu-main-menu-container > ul{
    height: 100%;
}
header .site-menu #primary-menu .menu-item-has-children .custom-sub{
    height: auto;
}
.sticky .site-menu .menu-main-menu-container > ul > li{
    display: flex;
    align-items: center;
}
header .sticky .site-menu #primary-menu .menu-item-has-children .custom-sub{
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}





/*----------------action-separator----------------*/
header #action-separator {
    height:3.5px;
    width: 100%;
    transition: all ease-out 500ms
}
header #action-separator.sticky {
    position: fixed;
    height:5px;
    top:0px;
    z-index: 10000;
    display: block;
    transition: all ease-out 1000ms
}
body.admin-bar header #action-separator.sticky{
    top: 32px;
}
header #action-separator.progress-container {
  width: 100%;
  height: 5px;
  background:var(--black);
}
header #action-separator .progress-bar {
    height: 5px;
    background: rgb(26,63,244); 
    background: -moz-linear-gradient(90deg, rgba(26,63,244,1) 0%, rgba(1,164,255,1) 42%, rgba(206,255,0,1) 100%); 
    background: -webkit-linear-gradient(90deg, rgba(26,63,244,1) 0%, rgba(1,164,255,1) 42%, rgba(206,255,0,1) 100%); 
    background: linear-gradient(90deg, rgba(26,63,244,1) 0%, rgba(1,164,255,1) 42%, rgba(206,255,0,1) 100%);
    width: 0%;
}
/*fine action bar*/





/*----------------menu----------------*/
header #navigation-bar .main-navigation ul {gap: 30px;}
header #navigation-bar .main-navigation ul .sub-menu {gap: 0;}
header #navigation-bar .main-navigation a {color: var(--text-color); transition: 0.3s}
header #navigation-bar .main-navigation a:hover {color: var(--verde-acc); transition: 0.3s}

header #navigation-bar .logo-vergnano {padding-top: 20px;}
header #navigation-bar.sticky .logo-vergnano {padding-top:0px}
header #navigation-bar .custom-logo-link {max-width: 150px;}

header #navigation-bar {
    width: 100%;
    background: var(--white);
    display: block;
    position: relative;
    box-shadow: var(--shadow-light);
    transition: 0.3s;
}
header #navigation-bar.sticky {
    position: fixed;
    top: 0px;
    z-index: 10000;
    box-shadow: var(--shadow-light);
    transition: 0.3s;
}
/*body.admin-bar header #navigation-bar.sticky {top: 37px;}*/
header #navigation-bar .header-content {
    width: var(--w-container-header);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    transition: all ease-out 500ms;
    max-width: 100%;
    padding: var(--padding-container);
}
header #navigation-bar .header-content #menu-bar ul#primary-menu li {
    padding-top:35px;
    padding-bottom:35px;
    transition: all ease-out 1000ms;
    text-transform: uppercase;
    font-weight: 500;
}
header #navigation-bar .header-content #menu-bar ul#primary-menu li ul.sub-menu li {
    text-transform: capitalize;
}
header #navigation-bar.sticky .header-content #menu-bar ul#primary-menu li {
    padding-top:20px;
    padding-bottom:20px;
    transition: all ease-out 1000ms
}
header #navigation-bar .header-content #menu-bar ul#primary-menu li.menu-item-has-children li {
    display: inline-block;
    padding: 25px 15px;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
header #navigation-bar .header-content #menu-bar ul#primary-menu li.menu-item-has-children li:last-of-type{
    padding-right: 10px;
    border: none;
}
header #navigation-bar .site-menu nav#site-navigation.desk ul.menu .sub-menu a {font-size:  var(--size-p)}

header #navigation-bar ul.sub-menu {
    background-color: #fff;
    padding: 10px 25px;
}
#site-navigation.mobile {
    display: none;
}
#navigation-bar #contact-link {
    right: 0;
    border-left: 1px solid var(--lightgrey);
    padding: 10px 0;
}
.custom-sub:before {
    content:
    '';
    background: rgba(255,255,255,0.8);
    width: calc((100vw - 100%) / 2);
    height:100%;
    position:
    absolute;
    top:0;
    left: calc((100% - 100vw) / 2);
}

.custom-sub:after {
    content:
    '';
    background: rgba(255,255,255,0.8);
    width: calc((100vw - 100%) / 2);
    height:100%;
    position:
    absolute;
    top:0;
    right: calc((100% - 100vw) / 2);
}




/*----------------site-branding----------------*/
header #navigation-bar .header-content .site-branding,
header #navigation-bar .header-content .site-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
}
header  #navigation-bar .header-content .site-branding{
    width: auto;
    justify-content: flex-start;
    position: absolute;
}
header #navigation-bar .header-content .site-branding .logo-container {
    padding:0;
    margin:0;
}
header #navigation-bar .header-content .site-branding .logo-container #logo{
  display:block;
  fill:var(--text-color);
}





/*----------------site-menu----------------*/
header #navigation-bar .header-content .site-menu {
    width: 100%;
    justify-content: center;
}
header #navigation-bar .header-content .site-menu #burger-btn {
    display: block;
}

header #navigation-bar .header-content .site-branding .logo-container,
header #navigation-bar .header-content .site-menu #burger-btn {
    position:relative;
    z-index:10000;
}





/*----------------site-menu mobile----------------*/

/*----------------animazione icona menu----------------*/
header #navigation-bar .header-content .site-menu #burger-btn {
    border: none;
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0;
    outline: none;
    overflow: visible;
}
header #navigation-bar .header-content .site-menu #burger-btn .menu-icon{
    overflow: visible;
    cursor: pointer;
    fill: var(--text-color);
    transition: fill cubic-bezier(0.68, -0.55, 0.27, 1.55) 400ms !important;
}
header #navigation-bar .header-content .site-menu #burger-btn .menu-icon .line-1, 
header #navigation-bar .header-content .site-menu #burger-btn .menu-icon .line-2, 
header #navigation-bar .header-content .site-menu #burger-btn .menu-icon .line-3 {
  transition:  ease-in 200ms;
  transform-origin: center center;
}
header #navigation-bar .header-content .site-menu #burger-btn.active .menu-icon .line-1 {
  transform: translate(-6px, 7px) rotate(45deg);
}
header #navigation-bar .header-content .site-menu #burger-btn.active .menu-icon .line-2 {
  transform: translateX(30px);
  opacity: 0;
}
header #navigation-bar .header-content .site-menu #burger-btn.active .menu-icon .line-3 {
  transform: translate(-23px, 9px) rotate(-45deg);width:46px!important
}





/*----------------ridimensionamento menu e logo----------------*/
header #navigation-bar.sticky .header-content .site-branding .logo-container{
    transform:scale(.70);
    padding-left:5px;
}
header #navigation-bar.sticky .header-content .site-menu #burger-btn{
    transform:scale(.8);
    padding-right:5px;
}
header #navigation-bar .header-content .site-branding .logo-container,
header #navigation-bar.sticky .header-content .site-branding .logo-container{
   transition: all ease-out 1000ms;
   transform-origin: left center;
}
header #navigation-bar .header-content .site-menu #burger-btn,
header #navigation-bar.sticky .header-content .site-menu #burger-btn {
   transition: all ease-out 1000ms;
   transform-origin: right center;
}
/*fine menu*/

/*----------------Fine header----------------*/





/*----------------Footer----------------*/
footer #widget-area .logo-footer-container #logo-footer {
    display: block;
    fill: var(--text-color);
}

footer #copyright-area .footer-border {
    height: 6px;
    margin-top: 40px;
}
footer #copyright-area .col-1,
footer #copyright-area .col-2 {
    padding:0px;
    margin:0px;
}
footer #copyright-area ul.social-footer {
    padding: 0;
    margin: 0;
    justify-content:flex-end;
}
footer #copyright-area ul.social-footer li.wp-social-link {
    margin: 0px!important;
    padding: 0px!important;
    color:var(--text-color)!important
}



footer #social-area  {background-color: var(--darkgrey3);}
footer #widget-area {background-color: var(--darkergrey);}
footer #copyright-area {background-color: var(--darkergrey2);}

footer section#social-area .widget p,
footer section#widget-area p,
footer section#copyright-area p {
    color: var(--darkgrey);
    text-transform: uppercase;
    font-size: var(--size-p-small);
}

footer section#social-area .widget ul {margin: 0}

footer section#widget-area .widget h3.widget-title {
    color: var(--darkgrey);
    font-size: var(--size-p);
    text-transform: none;
    font-weight: var(--weight-h4);
    border-bottom: 1px solid var(--darkgrey);
    padding-bottom: 10px;
}
footer section#widget-area .widget ul.menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
footer section#widget-area .widget ul.menu li a {
    font-size: var(--size-p-small);
    color: var(--darkgrey);
    line-height: var(--lineH-p);
    text-transform: uppercase;
}
footer section#widget-area .widget ul.menu li ul.sub-menu {display: none;}





/*----------------widget-----------------*/
.widget {
    margin: 0!important;
}





/*----------------home welcome----------------*/

body.home section#welcome {
    justify-content: flex-end;
    min-height: 400px;
}
section#welcome,
header#welcome {
    justify-content: flex-end;
    min-height: 400px;
}
.meteo-widget.weather_widget_wrap.maxwidth a {
    cursor: default;
}

/*-----------------Pagine--------------------*/
section#welcome.no-slider {
    position: relative;
    max-height:670px;
    width:100%;
    height: 100%;
}
section#welcome.no-slider,
section#welcome.no-slider .contenuto,
section#welcome.no-slider figure{
  max-height:670px;
  min-height: 60vh;
}
section#welcome.no-slider:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left:0;
    background: linear-gradient(180deg,rgb(0 0 0 / 50%) 30%,rgb(0 0 0));
    opacity:0.3;
}
section#welcome.no-slider .contenuto {
    width: var(--w-container);
    height:100%;
    left:0;
    right:0;
    position: absolute;
    z-index:10;
    display:flex;
    justify-content:center;
    align-items: center;
    padding: 0;
}
section#welcome.no-slider figure {
    position: relative;
    z-index:1;
    width:100%;
    height:100%;
    display:flex;
    align-items:stretch;
}
section#welcome.no-slider figure img {
    display:block;
    object-fit: cover;
    width:100%;
}

/*----------------content-hub----------------*/

/*card*/
#content-hub .hub-list article.hub-card {
    position:relative;
    overflow:hidden;
    padding: 40px 35px;
    border-radius:var(--radius-small);
    min-height:400px
}

/*article posizioni*/
#content-hub .hub-list article.hub-card .article-head,
#content-hub .hub-list article.hub-card .article-body,
#content-hub .hub-list article.hub-card .article-footer {
    z-index: 12;
    }
#content-hub .hub-list article.hub-card .article-head {
    align-self: flex-start;
    }
#content-hub .hub-list article.hub-card .article-body {
    align-self:center;
    }
#content-hub .hub-list article.hub-card .article-footer {
    align-self: flex-end;
    }





/*singolo post*/
#content-hub .hub-list article.hub-card .article-body .article-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top:0px;
}
#content-hub .hub-list article.hub-card .article-body .article-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}





/*article img*/
#content-hub .hub-list article.hub-card figure{
    align-items:stretch;
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    align-self: center;
    display: flex;
    overflow:hidden;
    left:0;
    top:0;
    z-index: 2;
}
#content-hub .hub-list article.hub-card figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform:scale(1.01);
    transition:all cubic-bezier(0.68, -0.55, 0.27, 1.55) 1s;    
}
#content-hub .hub-list article.hub-card:hover figure img{
    transform:scale(1.08);
}





/*article gradient*/
#content-hub .hub-list article.hub-card:before {
    content: '';
    top: 0;
    left:0;
    background: linear-gradient(to right, #131c25 0%, #131c2530 100%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 4;
}





/*card larghezze*/
#content-hub .hub-list article.hub-card.col-40-flex .article-head,
#content-hub .hub-list article.hub-card.col-40-flex .article-body,
#content-hub .hub-list article.hub-card.col-40-flex .article-footer {
    max-width:100%;
    }
#content-hub .hub-list article.hub-card.col-60-flex .article-head,
#content-hub .hub-list article.hub-card.col-60-flex .article-body,
#content-hub .hub-list article.hub-card.col-60-flex .article-footer {
    max-width:80%;
    }
/*card color bg-blue*/
#content-hub .hub-list article.hub-card.bg-blue *{
    color:var(--white)
    }
#content-hub .hub-list article.hub-card.bg-blue .testo-evidenza {
    color:var(--lime)!important;
    }
#content-hub .hub-list article.hub-card.bg-blue .plus-icon line{
    stroke:var(--lime)
    }
#content-hub .hub-list article.hub-card.bg-blue:before{
    background: linear-gradient(to right, var(--blue) 0%, transparent 200%);
    }      
/*card color bg-darkgray */
#content-hub .hub-list article.hub-card.bg-darkgray   *{
    color:var(--white)
    }
#content-hub .hub-list article.hub-card.bg-darkgray .testo-evidenza {
    color:var(--lime)!important;
    }
#content-hub .hub-list article.hub-card.bg-darkgray .plus-icon line{
    stroke:var(--lime)
    }
#content-hub .hub-list article.hub-card.bg-darkgray:before{
    background: linear-gradient(to right, var(--darkgray) 0%, transparent 200%);
    }        
/*card color bg-blue-scuro*/
#content-hub .hub-list article.hub-card.bg-blue-scuro *{
    color:var(--white)
    }
#content-hub .hub-list article.hub-card.bg-blue-scuro .testo-evidenza {
    color:var(--lime)!important;
    }
#content-hub .hub-list article.hub-card.bg-blue-scuro .plus-icon line{
    stroke:var(--lime)
    }
#content-hub .hub-list article.hub-card.bg-blue-scuro:before{
    background: linear-gradient(to right, var(--darkblue) 0%, transparent 200%);
    }      
/*card color bg-lime*/
#content-hub .hub-list article.hub-card.bg-lime *{
    color:var(--black)
    }
#content-hub .hub-list article.hub-card.bg-lime .testo-evidenza {
    color:var(--blue)!important;
    }
#content-hub .hub-list article.hub-card.bg-lime .plus-icon line{
    stroke:var(--blue)
    }
#content-hub .hub-list article.hub-card.bg-lime:before{ 
    background: linear-gradient(to right, var(--lime) 0%, transparent 200%);
    }      
/*card color bg-gray*/
#content-hub .hub-list article.hub-card.bg-gray *{
    color:var(--black)
    }
#content-hub .hub-list article.hub-card.bg-gray .testo-evidenza {
    color:var(--blue)!important;
    }
#content-hub .hub-list article.hub-card.bg-gray .plus-icon line{
    stroke:var(--blue)
    }
#content-hub .hub-list article.hub-card.bg-gray:before{ 
    background: linear-gradient(to right, var(--gray) 0%, transparent 200%);
    }      
/*----------------Fine content-hub----------------*/





/*----------------lista solution----------------*/

ul.list-solutions > li a{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color:var(--text-color);
    text-decoration:none;
    padding:20px;
    }
ul.list-solutions > li:after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:var(--text-color);
    opacity:0.4;
}
/*icona*/
ul.list-solutions > li:before {
    background:var(--text-color);
    opacity:0.04;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    transition: all 0.35s;
    z-index: 1;
    }
ul.list-solutions > li:hover:before {
    width: 100%;
    }
/*animazione lista*/
ul.list-solutions li,
ul.list-unit li{
    position:relative;
    cursor: pointer;
}
ul.list-solutions li figure.image,
ul.list-unit li figure.image {
    display:none;
}

@media only screen and (min-width: 1280px) {
  ul.list-solutions > li:before{
    content:none;
  }
  html.desktop ul.list-solutions,
  html.desktop ul.list-unit{
    max-width:var(--w-container-stretto)!important
  }
  html.desktop ul.list-solutions li,
  html.desktop ul.list-unit li{
    position:relative;
    cursor: pointer;
  }
  html.desktop ul.list-solutions li figure.image,
  html.desktop ul.list-unit li figure.image {
    display:flex;
    overflow:hidden;
    position:absolute;
    width:100vw;
    height: 100vh;
    opacity: 0;
    transition: opacity 1.2s,filter 1.2s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1)!important;
    z-index: 0;
    pointer-events: none;
    filter: blur(10px) grayscale(100);
  }
  html.desktop ul.list-solutions li .image img,
  html.desktop ul.list-unit li .image img{
    width:30vw;
    height:30vw;
    margin:15vw;
    object-fit: cover;
    border-radius:var(--radius-small)
  }
  html.desktop ul.list-solutions li:nth-child(3n+1) .image,
  html.desktop ul.list-unit li:nth-child(3n+1) .image{ 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items:flex-end;
    justify-content:flex-start
  }
  html.desktop ul.list-solutions li:nth-child(3n+2) .image,
  html.desktop ul.list-unit li:nth-child(3n+2) .image{ 
    top: 50%;
    right:50%;
    transform: translate(50%, -50%);
    align-items:flex-start;
    justify-content:flex-end
  }
  html.desktop ul.list-solutions li:nth-child(3n+0) .image,
  html.desktop ul.list-unit li:nth-child(3n+0) .image
  { 
    top: 50%;
    right:50%;
    transform: translate(50%, -50%);
    align-items:center;
    justify-content:center;
  }
  html.desktop ul.list-solutions li a:hover + .image,
  html.desktop ul.list-unit li .list-content:hover + .image {
    opacity: 0.2!important;
    filter: blur(0px);
  }
}
/*----------------pagina-about----------------*/
/*clienti*/
.list-clients figure svg,
.list-clients figure svg path{
    fill: var(--text-color);  
}
.list-clients figure a {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    justify-content: center;
    opacity: 0.55;
    transition:opacity 0.3s;
}
.list-clients figure a:hover {
    opacity: 1;
}
.list-clients figure a,
.list-clients figure a:hover{
   transition:opacity 0.3s;
}

/*list-unit*/
ul.list-unit > li .list-content{
   padding:40px 0px;
}
ul.list-unit > li:not(:last-child):after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:var(--text-color);
    opacity:0.4;
}

/*list-faq*/
ul.list-faq > li:not(:last-child):after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:var(--text-color);
    opacity:0.4;
    margin-top: 24px;
}
ul.list-faq > li{
    width:100%;
    }
ul.list-faq > li .single-faq .faq-title,
ul.list-faq > li .single-faq .faq-content{
    text-align:left;
}
ul.list-faq > li .single-faq .faq-content{
   margin-top:15px
}
ul.list-faq > li .single-faq .col-90 {
    flex-basis:85%;
    flex-grow:1;
    width:auto;
}
ul.list-faq > li .single-faq .col-10 {
     flex-basis:10%;
     width:auto;
     flex-grow:1;
     text-align:right
}
ul.list-faq > li .single-faq .col-100 {
     flex-basis:100%;
     width:auto;
     flex-grow:1;
}
ul.list-faq > li .single-faq  plus svg {
    transform: rotate(0deg);
    transition:transform 0.4s ease !important;
}
ul.list-faq > li .single-faq .active plus svg {
    transform: rotate(-135deg);
    transition:transform 0.4s ease !important;
}





/*----------------Singolo articolo----------------*/
body.single header#welcome .contenuto { padding-bottom:var(--padding-box);}
body.single header#welcome p#breadcrumb span.breadcrumb_last {
    visibility: hidden;
    display: none;
}
body.single header#welcome p#breadcrumb span > span > span .testo-evidenza:nth-child(2) {
    display:none;
    visibility: hidden;
}
body.single section#immagine-evidenza {
    position: relative;
}
body.single section#immagine-evidenza img {
    position: relative;
    z-index:10;
}
body.single nav.navigation.post-navigation a {
    text-decoration: none;
    color: var(--verde-acc);
    display: inline-block;
    background-image: linear-gradient(var(--verde-acc), var(--verde-acc));
    background-position: 0 100%; /*OR bottom left*/
    background-size: 0% 1px;
    background-repeat: no-repeat;
    transition:background-size 0.3s, background-position 0s 0.3s; /*change after the size immediately*/
}
body.single nav.navigation.post-navigation a:hover {
    text-decoration: none;
    background-position: 100% 100%; /*OR bottom right*/
    background-size: 100% 1px;
}

body.single-post .entry-content p,
body.single-careers .entry-content p {
    margin-bottom: 1em;
}


section#commenti h3#reply-title {
    font-weight: var(--weight-h6);
    color: var(--verde-acc);
    font-size: var(--size-h2);
}
section#immagine-evidenza {margin-bottom: 20px;}
section#meta-articolo p {font-size: var(--size-p-small);}





/*----------------careers----------------*/
/*list-unit*/
ul.list-posizioni > li .list-content{
   padding: 0px 0px 30px 0px;
    }
ul.list-posizioni > li:after{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:var(--text-color);
    opacity:0.4;
    }
ul.list-posizioni > li:first-child:before{
    content:"";
    display:block;
    width:100%;
    height:1px;
    background:var(--text-color);
    opacity:0.4;
    margin-bottom:20px
    }
ul.list-posizioni span.new-bedge {
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 500;
    margin-left: 3px;
    vertical-align: text-top;
    }
ul.list-posizioni ul.lista-specifiche {
    column-gap: 10px;
    row-gap: 10px;
    }
ul.list-posizioni ul.lista-specifiche li {
    padding: 8px 14px;
    column-gap: 3%;
    }
ul.list-posizioni ul.lista-specifiche li span{
    opacity:0.65;
    }





/*----------------Actionbar mobile----------------*/

html.mobile header #action-bar {
    padding-top: 4px;
    padding-bottom: 0px;
}
html.mobile header #action-bar .action-bar-right .action-bar-extra {
    width:auto;
    transform:scale(0.8)!important;
    transform-origin:center right;
    }

html.mobile header #action-bar {
    padding-top: 4px;
    padding-bottom: 0px;
}
html.mobile header #action-bar .action-bar-right .action-bar-extra {
    width:auto;
    transform:scale(0.95)!important;
    transform-origin:center right;
}
html.mobile header #action-bar .action-bar-left .marquee {
  width: 95%;
  overflow: hidden;
  position: relative;
}
html.mobile header #action-bar .action-bar-left .marquee div {
  display: block;
  width:400%;
  position: relative;
  overflow: hidden;
  animation: marquee 10s linear infinite;
}
html.mobile header #action-bar .action-bar-left .marquee p {
  float: left;
  width: 50%;
  display: inline-block;
  padding:0;
  margin:0;
  text-align:center;
}
@keyframes marquee {
  0% { left: 0; }
  100% { left: -200%; }
}





/*----------------site-menu mobile----------------*/
/*contenitore menu*/
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile {
     width: auto;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

header #navigation-bar .header-content .site-menu nav#site-navigation.mobile {
     width: auto;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile.toggled .menu-mobile-container {
    position:fixed;
    z-index:9000;
    width:100%;
    height:100%;
    left:0;
    top:0;
    display:flex;
    flex-direction:row;
    align-items: center;
    justify-content: center;
    background:var(--background-color);       
    }
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul#primary-menu-mobile{
    text-align:left;
    width:100%;
    max-width:768px;
    }
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile.toggled ul#primary-menu-mobile{
    display: flex;
    flex-direction: column;
    padding: var(--padding-container);
    }

/*voci menu*/
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu a{
    font-family:var(--font-principale);
    color:var(--text-color);
    text-decoration:none;
    transition:color .4s ease;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu a:hover{
    color:var(--accent-color);
    transition:color .4s ease;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li {
    padding-bottom:15px;
    padding-top:15px;
    position:relative;
}

/*bordo-inferiore animato*/
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li:after,
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li:before  {
    content:"";
    display:block;
    position:absolute;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li:not(:last-child):after {
    background-color:var(--text-color);
    opacity:0.4;
    height:1px;
    width:100%;
    bottom:0px;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li:not(:last-child):before {
    background-color:var(--accent-color);
    opacity:1;
    height:2px;
    width:0%;
    bottom:-0.5px;
    transition:width .4s ease-in-out;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li.focus:before,
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li:hover:before {
    width:100%;
    transition:width .4s cubic-bezier(1, 0.57, 0, 0.46);
}

/*voci primarie*/
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li > a{
    font-size:var(--size-h3);
    line-height:var(--lineH-h4);
    font-family:var(--font-principale);
    text-transform: uppercase;
    font-weight:500;
    letter-spacing:1px;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu li.menu-item-has-children > a:after{
    content:" +";
    color:var(--accent-color);
    position:absolute;
    right:0
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu li.menu-item-has-children.focus > a:after{
    content:" -";
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu >  li.menu-item-has-children > ul.sub-menu {
    box-shadow:none;
    display:initial;
    position:relative;
    background:none;
    width:100%;
    overflow:hidden;
    margin:0px;
    transition:margin .3s;
}
.main-navigation ul li:hover > ul {
    width: 100%;
    left: 0;
    z-index: 100;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li.menu-item-has-children.focus > ul.sub-menu {
    margin:15px 15px 15px 15px;
    transition:margin .3s;
}

header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li.menu-item-has-children.focus > ul.sub-menu li {
   padding-bottom:2px;
   padding-top:2px;
}

header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li.menu-item-has-children > ul.sub-menu li a{
    font-size:0px;
    opacity:0;
    transition:font-size .3s cubic-bezier(0, 0.54, 0.58, 1), opacity .6s ease;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile ul.menu > li.menu-item-has-children.focus > ul.sub-menu li a {
    font-size:var(--size-p-big);
    opacity:0.9;
    transition:font-size .3s cubic-bezier(0, 0.54, 0.58, 1), opacity .6s ease;
}
.main-navigation li{
    position: initial;
}
header .site-menu #primary-menu .menu-item-has-children .custom-sub {
    position: absolute;
    width: 100%;
    left: 0;
    top: -500%;
    background: rgba(255,255,255,0.8);
    z-index: 11;
}
header .site-menu #primary-menu .menu-item-has-children:hover .custom-sub{
    top: 100%;
}
header .site-menu #primary-menu .menu-item-has-children .custom-sub .sub-menu {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    left: 0;
    top: 0;
    float: none;
    z-index: 20;
    width: var(--w-container);
    max-width: 100%;
    background: transparent;
    box-shadow: none;
    margin: 0 auto;
    /*padding-right: 0;
    padding-left: 150px;*/
    text-align: center;
}
header .site-menu #primary-menu .menu-item-has-children .custom-sub .sub-menu .menu-item {flex-basis:25%; flex-grow: 1;}
header .site-menu #primary-menu .menu-item-has-children .custom-sub .sub-menu li{
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}
header .site-menu #primary-menu .menu-item-has-children .custom-sub .sub-menu li a{
    width: 100%;
}
/*apertura*/
html.mobile header #action-bar,
html.mobile header #action-separator:not(.sticky) {
    position: relative;
    z-index: 10000;
}
header #navigation-bar .header-content .site-menu nav#site-navigation.mobile  > .menu-mobile-container{
  transform:scale(2);
  clip-path: circle(0vh);
  transition:transform 1s cubic-bezier(0.88, 0.01, 0.15, 1.01), clip-path 1s cubic-bezier(0.88, 0.01, 0.15, 1.01) !important;
}

header #navigation-bar .header-content .site-menu nav#site-navigation.mobile.toggled > .menu-mobile-container{
  transform:scale(1);
  clip-path: circle(100vh);
}


/*extra*/
.grecaptcha-badge {
    visibility: hidden;
}












/* GRID */
section .grid-container {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    grid-auto-flow: dense;
    align-items: start;
    display: grid;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    /*padding: var(--padding-container);*/
    margin-left: auto;
    margin-right: auto;
    /*border:#ff00004a 0.5px dotted;*/
    box-sizing: border-box;
}
section .grid-container.auto-fit {grid-template-columns:repeat(auto-fit, minmax(300px , 1fr));}
header .grid-container .sub-menu{
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    grid-auto-flow: dense;
    align-items: start;
    display: grid;
    /*padding: var(--padding-container);*/
    margin-left: auto;
    margin-right: auto;
    /*border:#ff00004a 0.5px dotted;*/
    box-sizing: border-box;
}

section .grid-container .cell {box-sizing: border-box; position: relative;}

section .grid-container .cell.g12 {grid-column-end: span 12;}
section .grid-container .cell.g11 {grid-column-end: span 11;}
section .grid-container .cell.g10 {grid-column-end: span 10;}
section .grid-container .cell.g9 {grid-column-end: span 9;}
section .grid-container .cell.g8 {grid-column-end: span 8;}
section .grid-container .cell.g7 {grid-column-end: span 7;}
section .grid-container .cell.g6 {grid-column-end: span 6;}
section .grid-container .cell.g5 {grid-column-end: span 5;}
section .grid-container .cell.g4 {grid-column-end: span 4;}
section .grid-container .cell.g3 {grid-column-end: span 3;}
section .grid-container .cell.g2 {grid-column-end: span 2;}
section .grid-container .cell.g1 {grid-column-end: span 1;}
.grid-column-start-2 {grid-column-start: 2}
.grid-column-start-3 {grid-column-start: 3}
.grid-column-start-4 {grid-column-start: 4}





/* HOME */
section#visore-home .slide {
    height: 70vh;
    display: flex;
    align-items: center;
}
section#visore-home .slide figure::after,
section#sustainability .slide-sostenibilita figure::after,
section#welcome figure::after,
section#how-we-work .slide-how-we-work figure.bg-how-we-work::after {
    content: "";
    background: #0005;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
}
section#sustainability .slide-sostenibilita figure img,
section#range-vehicles figure img,
section#visore-home .slide figure img,
section#dedicato figure img,
section#how-we-work .slide-how-we-work figure img {object-fit: cover; width: 100%!important; height: 100%;}

.blocks-overflow .inner-block {box-shadow: none; /*cursor: pointer*/}

.blocks-overflow .inner-block:hover {
    box-shadow: var(--shadow);
    transform: scale(1.02)!important;
}
.blocks-overflow .inner-block:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,rgb(0 0 0 / 50%) 30%,rgb(0 0 0));
    opacity: 0.3;
    border-radius: var(--radius);
}
.blocks-overflow .inner-block:hover:after {
    background: linear-gradient(180deg,rgb(0 0 0 / 50%) 30%,rgb(0 0 0));
    opacity: 0.8;
}
.blocks-overflow .inner-block .hidden-area {
  position: relative;
  width:100%;
  text-align:center;
  max-height:0;
  top:10%;
  opacity: 0;
}
.blocks-overflow .inner-block:hover .hidden-area {
  top:0%;
  max-height: 180px;
  opacity: 1;
  transition: all .35s;
}

.blocks-overflow .inner-block,
.blocks-overflow .inner-block:hover,
.blocks-overflow .inner-block:after,
.blocks-overflow .inner-block:hover:after,
.blocks-overflow .inner-block .hidden-area,
.blocks-overflow .inner-block:hover .hidden-area {transition: all .35s ease-in-out;}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 9999999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
}

/* Modal Content */
.modal-content {
  position: relative;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 800px;
  box-shadow: var(--shadow);
}

/* The Close Button */
.close {
    color: var(--white);
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 35px;
    font-weight: bold;
    background: var(--verde-acc);
    border-radius: 50px;
    height: 45px;
    width: 45px;
    line-height: 1.1;
    text-align: center;
    transition: all 0.3s ease;
}

.close:hover,
.close:focus {
  color: var(--white);
  background: var(--verde-acc);
  text-decoration: none;
  cursor: pointer;
  box-shadow: var(--shadow);
  transform: translate(0,-3px);
  transition: all 0.3s ease;
}

/* Hide the slides by default */
.mySlides {
  display: none;
  background: var(--white);
}





/* PRODOTTI */
section#products-for-home .product-contact {justify-content: flex-end;}

section#scacchiera-prodotti figure.scacchiera-prodotti-figure img {border-radius: var(--radius);}
section#scacchiera-prodotti .col-100:nth-child(even) {flex-direction:row-reverse; margin-top: 100px}

section#products .product-card {min-height: 324px; transition: all 0.3s ease-in-out}
section#products .product-card-description {
    display: -webkit-box;
    /*-webkit-line-clamp: 6;*/
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
section#products .product-card figure img {
    display: block;
    border-radius: 10px;
    height: 100%;
    width: 100%;
    object-fit: cover;
	mix-blend-mode: darken;
}
section#products .btn-buy-product {
    padding: 5px;
    width: 75px;
    min-width: 0!important;
}
section#products .btn-info-product {
    padding: 5px;
    width: 30px;
    min-width: 0!important;
    height: 30px;
    border-color: var(--text-color);
    font-size: 16px;
}


@media (max-width:360px){
.mobile-300 {
    min-height: 250px;
}
}
section#products .product-card-info img {height:24px; border-radius: 0}
section#products .products-grid {row-gap:30px; column-gap:30px}
section#products .product-card .btn, div.wpcf7 input[type="submit"] {line-height: 1;}

section#products .titolo-info-prodotto {width: 100px}
section#products .product-card-info td {line-height: 1.2; padding-bottom: 5px;}
section#products .product-card-info,
section#products .product-card-data {top: -200%; transition: all 0.5s ease-in-out;}
section#products .product-card-title {margin-bottom: 10px}
/*section#products .product-card-text {min-height: 230px}*/

section#products .product-card.highlight {transform: scale(1.02); box-shadow: var(--shadow-light);}
section#products .product-card-info.highlight {top: 0px; transition: all 0.5s ease-in-out;}
section#products .product-card-data.highlight {top: 0px; transition: all 0.5s ease-in-out;}
section#products .btn-info-product.highlight,
section#products .btn-info-product.highlight:hover {background-color: var(--text-color); color: var(--white)!important; cursor: pointer;}
section#products .btn-info-product.highlight,
section#products .btn-info-product.highlight:hover,
section#products .btn-info-product,
section#products .btn-info-product:hover {cursor: pointer;}

section#products #filtro-categoria,
section#products #ordinaper {padding: 3px 15px}

.rotate {animation: rotation 2s infinite linear;}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.bordo1px {border: 1px solid var(--lightgrey);}
.align-items-initial {align-items: initial;}
.descrizione-prodotti-eng {min-height: 120px;}

/* Style the tab */
section#products .elenco-tab {column-gap: 15px;}
.tab {overflow: hidden;}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 25px;
  transition: 0s;
  font-family: var(--font-principale);
  font-size: var(--size-h5);
  font-weight: var(--weight-h3);
  color: var(--text-color);
  border-radius: 50px;
  transition: all 0.3s ease;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: var(--verde-acc);
  color: var(--white);
  transition: all 0.3s ease;
  box-shadow: var(--shadow-light);
  transform: translateY(-3px);
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: var(--verde-acc);
  color: var(--white);
}

/* Style the tab content */
.tabcontent {
    animation: fadeEffect 0.5s; /* Fading effect takes 1 second */
}
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}







#chi-siamo .testo-no-foto, .sec-cont .testo-no-foto {
    max-width:var(--w-container-stretto);
    text-align:center!important;
    margin:0 auto;  
}
  
/* ALTERNATA SINISTRA */
#chi-siamo .colonne-alternate.alternate-sinistra .testo, .sec-cont .colonne-alternate.alternate-sinistra .testo {text-align:left;}
#chi-siamo .colonne-alternate.alternate-sinistra, .sec-cont .colonne-alternate.alternate-sinistra{flex-direction:reverse;}
#chi-siamo .colonne-alternate.alternate-sinistra .col-50:nth-child(odd), .sec-cont .colonne-alternate.alternate-sinistra .col-50:nth-child(odd) {padding-right: var(--padding-colonne); box-sizing:border-box;}
#chi-siamo .colonne-alternate.alternate-sinistra .col-50:nth-child(even), .sec-cont .colonne-alternate.alternate-sinistra .col-50:nth-child(even) {padding-left: var(--padding-colonne); box-sizing:border-box;}

/* ALTERNATA DESTRA */
#chi-siamo .colonne-alternate.alternate-destra .testo, .sec-cont .colonne-alternate.alternate-destra .testo {text-align:right;}
#chi-siamo .colonne-alternate.alternate-destra, .sec-cont .colonne-alternate.alternate-destra {flex-direction:row-reverse;}
#chi-siamo .colonne-alternate.alternate-destra .col-50:nth-child(odd), .sec-cont .colonne-alternate.alternate-destra .col-50:nth-child(odd) {padding-left: var(--padding-colonne); box-sizing:border-box;}
#chi-siamo .colonne-alternate.alternate-destra .col-50:nth-child(even), .sec-cont .colonne-alternate.alternate-destra .col-50:nth-child(even) {padding-right: var(--padding-colonne); box-sizing:border-box;}

/* ALTERNATA SOPRA */
#chi-siamo .colonne-alternate.alternate-sopra .col-50, .sec-cont .colonne-alternate.alternate-sopra .col-50 {width:100%; box-sizing:border-box;}
#chi-siamo .colonne-alternate.alternate-sopra .col-50.testo, .sec-cont .colonne-alternate.alternate-sopra .col-50.testo {
    text-align:center;
    margin:0 auto; 
    max-width:var(--w-container-stretto);
    padding-top:calc(var(--padding-colonne) * 2);
    padding-right: var(--padding-colonne); 
    padding-left: var(--padding-colonne); 
}
#chi-siamo .colonne-alternate.alternate-sopra figure.col-50, .sec-cont .colonne-alternate.alternate-sopra figure.col-50 {
    width:100%;
    box-sizing:border-box;
    padding-right:0px;
    padding-left:0px;
}
#chi-siamo .colonne-alternate.alternate-sopra, .sec-cont .colonne-alternate.alternate-sopra{flex-direction:column;}
#chi-siamo .colonne-alternate.alternate-sopra figure.img-rectangle, .sec-cont .colonne-alternate.alternate-sopra figure.img-rectangle{max-height:595px;}





/* ACCADEMIA */
.testo_visore_accademia{
    position: absolute;
    top: 60px;
    margin: auto;
    left: 0;
    right: 0;
    width: 50%;
    text-align: center;
    color:var(--white);
    font-weight: 700;
  }	
  .page-template-accademia .bordo-verde-acc{border: 2px solid var(--verde-acc);}
  .page-template-accademia .testo-verde-acc{color: var(--verde-acc);}
  .page-template-accademia .form-corsi-accademia,.page-template-accademia  #iscrizione-corso {
    background: #fff;
    border: 8px solid var(--verde-acc);
    border-radius: var(--radius);
    padding: 0 40px 0;
  }
  
  .contenuto-acc .colonne-alternate.alternate-sopra figure.img-rectangle {max-height: 664px;}
  .contenuto-acc .col-100.testo.testo-no-foto{max-width: var(--w-container)!important;}
  .contenuto-acc .col-25 {
    width: 23%;
    margin: 0 2% 40px 0;
    padding: 0 8px 15px;
    min-height: 170px;
  }
  .contenuto-acc .col-25 .flex {align-items: flex-end;}
  .contenuto-acc  h2 small {font-size: var(--size-h6)!important; color: var(--verde-acc)!important;}
  .contenuto-acc .submit-success{display:none;}
  .contenuto-acc .formcontatti span.wpcf7-list-item {display: inline-block;}
  .contenuto-acc .formcontatti  span.wpcf7-form-control-wrap.tipoContatto {text-align: left;}
  
  .page-template-accademia .col-25.card-corso {
    border: 6px solid var(--verde-acc);
    border-radius: 26px;
    background:var(--white);
    padding-bottom:50px;
    width: 100%;
  }
  .page-template-accademia .col-25.card-corso img {
    border-radius: 20px 20px 0 0!important;
    object-fit: cover;
    width: 100%;
  }
  .page-template-accademia .titolo-corso {font-family: var(--font-principale); font-size: var(--size-h6);}
  .page-template-accademia .titolo-corso, .testo-corso, .crediti {padding: 0 30px; margin-bottom:0;}
  .page-template-accademia .testo-corso {min-height: 170px;}
  .page-template-accademia .crediti {padding-top: 25px;}
  .page-template-accademia .titolo-corso:after{
      content:"";
      width:200px;
      display:block;
      background:var(--verde-acc);
      height:4px;
      margin-top:10px;
  }
  .page-template-accademia .crediti img {width: 100px!important; height: 100px!important;}
  .page-template-accademia .crediti .col-25 img {margin-top: -20px; object-fit:contain;}
  .page-template-accademia .row-card-corsi .owl-stage {display: flex;}
  .page-template-accademia .row-card-corsi .owl-nav {position: absolute; top: 50%; width: 100%;}
  .page-template-accademia .row-card-corsi button.owl-prev {
    position: absolute;
    left: -38px!important;
    min-width: 20px!important;
    padding: 5px;
    height: 32px;
    background-color: var(--white);
    color: var(--accent-color);
  }
  .page-template-accademia .row-card-corsi button.owl-next {
    position: absolute;
    right: -38px!important;
    min-width: 20px!important;
    padding: 5px;
    height: 32px;
    background-color: var(--white);
    color: var(--accent-color);
  }
  
  #course .testo img {vertical-align: bottom;}
  #course .elenco h3 {
    font-size: var(--size-h4);
    font-family: var(--font-secondario);
    font-weight:500;
    text-transform:uppercase;
  }
  #course .elenco h3 small{font-size: var(--size-h6);}
  #course .elenco .col-25 p {
    padding-bottom: 0!important;
    margin-bottom: 0;
    line-height: 1.2;
    text-align:left;
  }
  .page-template-accademia .elenco .col-25 .flex-top.padding20top.justify-center {justify-content: center;}
  #accademia-live h2 img{vertical-align:bottom; padding-left:10px;}
  
  #casa-famiglia h2{letter-spacing: -2px;}
  .page-template-accademia .row-corso{border-bottom:0.5px solid #707070; height:70px;}
  .page-template-accademia .gg-corso {
    font-size: var(--size-h5);
    font-family: var(--font-secondario);
    font-weight:500;
    color:var(--black);
    width:30%;height:70px;
    border-right:0.5px solid #707070;
    border-bottom: 0.5px solid #707070;
    padding:0 15px;
    display: flex;
    align-items: center;
  }
  .page-template-accademia .nome-corso {
    font-size:var(--size-h6);
    line-height:1.1;
    font-family: var(--font-secondario);
    font-weight:500;
    color:var(--black);
    text-align:left;
    width:71%;height:70px;
    border-bottom: 0.5px solid #707070;
    padding:0 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .page-template-accademia .mese-corso{
    background: #ACC3A6;
    color:var(--white);
    font-size:var(--size-h5);
    font-family:var(--font-principale);
    font-weight:bold;
    padding: 23px;
    height: 70px;
  }
  .page-template-accademia .date-corsi{align-items: flex-start; justify-content: center;}
  /*.page-template-accademia .date-corsi .bordo-verde-acc:first-child {border-width: 4px;}*/
  .page-template-accademia .page-template-accademia .date-corsi .bordo-verde-acc {border-width: 4px 4px 4px 0; width:100%;}
  .page-template-accademia .img-corso img{height: 336px!important;}
  .page-template-accademia .submit-success{display:none;}
  .page-template-accademia .submit-success{background:#ACC3A6;font-weight:bold;text-align:center; padding:30px; display:none;}
  .page-template-accademia p.DLGSTitolo , .page-template-accademia span.little{
    font-size: var(--size-p-small)!important; text-align:left!important;
  }
  .page-template-accademia .formcontatti{padding-bottom:0!important;}
  .page-template-accademia .horeca-invio {margin-bottom: 20px;}
  .horeca-invio input{
      white-space: break-spaces;
  }
  .page-template-accademia span.wpcf7-form-control-wrap.acceptance-privacy, span.wpcf7-form-control-wrap.acceptance-mkt, span.wpcf7-form-control-wrap.acceptance-profili {width: 23px!important;}
  .page-template-accademia #info-corso {display: none;}

  img.scale-with-grid,#Content img{max-width:100%;height:auto}

  .page-template-accademia .row-card-corsi button.owl-prev {
    position: absolute;
    left: -38px!important;
    padding: 5px;
    height: 32px;
    width: 32px;
    background-color: var(--white);
    color: var(--accent-color);
  }
  .page-template-accademia .row-card-corsi button.owl-next {
    position: absolute;
    right: 50px!important;
    padding: 5px;
    height: 32px;
    width: 32px;
    background-color: var(--white);
    color: var(--accent-color);
  }
  .page-template-accademia .row-card-corsi button{
    border-color: var(--accent-color);
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
  }
  .page-template-accademia .row-card-corsi button:hover{
    box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);
    transform: translateY(-3px);
    background: var(--white);
    color: var(--black)!important;
  }
.box-verdi {
    border: 4px solid var(--verde-acc);
    border-radius: var(--radius-small);
    min-height: 152px;
}





section#welcome .contenuto {box-sizing: content-box;}

/* COFFEE SHOPS */
section#why-choose {background-color: var(--grey);}
section#why-choose figure {min-width: 64px}
/*lasciare senza section*/ .cf-why-choose {border: 5px solid var(--verde-acc);}

section#how-we-work .box-processo figure {height:auto; max-height:128px}
section#how-we-work .box-processo {align-items:center; height:100%}

section#modular-solutions figure.modular-solutions-figure img {width: 100%;}

section#modular-solutions .box-modular p {min-height: 136px;}

section#where-we-are .box-numeri-shops {border: 4px solid var(--verde-acc)}
section#where-we-are .hr-box-numeri {
    width: 25%;
    background-color: var(--black);
    border: none;
    height: 4px;
    text-align: left;
    padding: 0;
    margin: 20px 0 20px 0;
}
section#where-we-are .box-numeri-shops:nth-child(1) {background-color: var(--verde-acc);}
section#where-we-are .box-numeri-shops:nth-child(1) p {color: var(--white)}
section#where-we-are .box-numeri-shops:nth-child(1) hr {background-color: var(--white)!important}





/* HORECA */
section#personalized-solutions .box-solutions figure div,
section#what-you-get-horeca .box-you-get figure div {
    bottom: 0;
    background-color: var(--white);
    opacity: 0.7;
}

.pointer {cursor: pointer}

section#personalized-solutions .box-solutions:hover,
section#what-you-get-horeca .box-you-get:hover {transform: scale(1.02)!important;}

section#personalized-solutions .box-solutions,
section#personalized-solutions .box-solutions:hover,
section#what-you-get-horeca .box-you-get,
section#what-you-get-horeca .box-you-get:hover {transition: all .35s ease-in-out;}

section#street-coffee .video-street-coffe-header:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.4;
    border-radius: var(--radius);
}

section#personalized-solutions-horeca .box-personalized-solutions figure::after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,rgb(0 0 0 / 0%) 50%,rgb(0 0 0));
    opacity: 0.5;
    border-radius: var(--radius);
}
section#personalized-solutions-horeca .griglia-personalized-solutions {row-gap: 40px}

section#range-vehicles figure img {object-fit: cover;} 

section#personalized-solutions-horeca .box-personalized-solutions .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    width: 100%;
    justify-content: space-between;
    color: #ffffff;
    font-size: 25px;
    padding: 0 15px;
}
section#personalized-solutions-horeca .box-personalized-solutions .owl-nav button{
    background: #00000040!important;
    width: 30px;
    border-radius: 5px;
    transition: all .35s ease-in-out;
}
section#personalized-solutions-horeca .box-personalized-solutions .owl-nav button:hover {
    background: #00000080!important;
    transition: all .35s ease-in-out;
}
section#personalized-solutions-horeca .box-personalized-solutions .owl-nav button i {
    top: 1.5px;
    position: relative;
}






/* WIC */
.quadretto {padding: 0 15px 15px 15px; min-height: 225px;}
section#chi-siamo .quadri-wic .qd-icon-title img {max-width:48px; margin-right: 10px}
.wic-form .wpcf7-list-item.first, .formcontatti .wpcf7-list-item.first{
    margin-left: 0;
}
.wic-form span.wpcf7-form-control-wrap.acceptance-privacy, .formcontatti span.wpcf7-form-control-wrap.acceptance-557 {
    width: auto;
}
.wic-form .wpcf7-acceptance .wpcf7-list-item, .formcontatti .wpcf7-acceptance .wpcf7-list-item{
    margin-left: 0;
}

.wic-form .wpcf7 input[type="submit"]{
    border-color: var(--rosa);
    background-color: var(--rosa);
    float: none;
}
.wic-form .horeca-invio{
    text-align: center;
}
.wic-form span.wpcf7-list-item-label, .formcontatti span.wpcf7-list-item-label {
    margin-left: 5px;
}
.order-2{
    order: 2;
}
.scacchiera-contenuti figure{
    border: 2px solid #f9f9f9;
}
.page-template-wic section#chi-siamo .quadri-wic {column-gap: 24px}

section.scacchiera-contenuti figure.pet-icon {margin-top: -40px; margin-right: -40px; border: none}
section.scacchiera-contenuti .img-scacchiera {align-items: flex-end;}
section#women-banner .gb-wic-mobile {
        display: none;
    }



/* SOSTENIBILITA */

@media(max-width: 600px){
    #sostenibilita-140 .g4{
        grid-column-end: span 12!important;
        padding-bottom: 20px;
    }
}
.list-crushed{font-size: var(--size-p-big)}
.title-green{
    color: #093d32;
    font-size: var(--size-h3);
    font-weight: var(--weight-h3);
    line-height: var(--lineH-h3);
}
.title-green small {
    color: #093d32;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}
.radius-top-mobile{
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.text-banner-women-container{
    /*padding: 30px;*/
    position: relative;
    transform: none;
    left: 0;
    top: 0;
    grid-column-end: 10 span;
    /*background-image: url(https://cv-be.caffevergnano.com/wp-content/uploads/2022/03/bg-manifesto-tbl-min.jpg);
    background-size: cover;
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);*/
}
section#women-visor .slide-sostenibilita figure img {object-fit: cover;}

section#welcome.sustainability .cta-1.g6 {justify-content: right;}
section#welcome.sustainability .cta-2.cell.g6 {justify-content: left;}
section#welcome.sustainability .title-h1{
    margin-bottom: 40px;
}
.display-1023 {display: none}





/* OUR COFFEE */
#fancybox-overlay {background-color:black!important; opacity: 0.9!important}
#fancybox-content {border:10px solid black!important;}





/* FOOTER */
footer section#copyright-area ul#menu-footer {
    margin: 10px 0 20px 0;
    padding: 0;
    font-size: 0;
}
footer section#copyright-area ul#menu-footer li:nth-child(1) {list-style:none; padding-left: 0;}
footer section#copyright-area ul#menu-footer li {font-size: var(--size-p-smaller);}
footer section#copyright-area ul#menu-footer li {
    list-style: none;
    position: relative;
    display: inline-block;
    padding: 0 7px;
}
footer section#copyright-area ul#menu-footer li:after {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(42, 42, 42, 0.4);
}
footer section#copyright-area ul#menu-footer li:last-of-type:after {content: none;}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook,
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram,
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {background-color: #000; color: #fff}