/*
	Theme Name: Hygge Child - Le Strade
	Theme URI: http://demo.korra.io/hygge/
	Template: hygge
	Version: 1.0
	Description: Child Theme for Hygge
	Author: korra.io
	Author URI: http://korra.io/
	Text Domain: hygge
*/

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


/* .hygge-logo .main-content { text-align: left; } */
/* .hygge-logo .main-content a img { transform: translateX(-13px); } */

/* OLD */
a:not(.button) {
	text-decoration: underline;
}
.loop-container article a,
a.hygge-nav--mobile-btn,
.post__category .items a,
.leaflet-touch .leaflet-bar a,
.pagination a,
.hygge-nav--mobile .menu a {
	text-decoration: none !important;
    font-family: var(--font-secondario);
}
a.no-underline {
    text-decoration: none!important;
}

.footer__bottom .fr {
	float: none;
}
.footer__bottom .fr #block-2 p {
	margin-bottom: 0 !important;
}

.post__content ul>li.blocks-gallery-item:before {
	content: none
}

#map {
	height:50vh;
}

.video-iframe {
	position: relative;
	padding-bottom: 56.25%;
}
.video-iframe iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



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

    --torino: #97B4C2;
    --milano: #E8CE9E;
    --genova: #A5CEB9;

    --light-grey: #EFEFEF;
    --light-grey-alt: #F8F8F8;
    --grey: #B3B3B3;
    --dark-grey: #A1A1A1;
    --darker-grey: #A1A1A1;

    --radius: 15px;
    --radius-small: 10px;
    --radius-smaller: 5px;
    --shadow: 0px 4px 8px #00000005;
    --shadow-dark: 0px 4px 8px #00000015;

	/* Font family */
    --font-principale: neue-haas-grotesk-display, Helvetica, sans-serif;
    --font-secondario: 'Work Sans', sans-serif;
    --font-terziario: 'canela regular', sans-serif;

    --size-h1: 60px;
    --lineH-h1: 70px;
    --weight-h1: 500;

    --size-h2: 38px;
    --lineH-h2: 42px;
    --weight-h2: 400;

    --size-h3: 24px;
    --lineH-h3: 28px;
    --weight-h3: 400;

    --size-h5: 20px;
    --lineH-h5: 24px;
    --weight-h5: 400;

    --size-p-big: 18px;
    --lineH-p-big: 32px;
    
    --size-p: 16px;
    --lineH-p: 24px;

    --size-p-small: 14px;
    --lineH-p-small: 20px;

    --size-p-smaller: 12px;
    --lineH-p-smaller: 20px;

    /* Elementi */
    --w-container: 980px;
    --w-container-stretto: 750px;
    --width-btn: auto;

    --padding-container: 0 00px;
    --padding-singolo: 30px;

    --padding-colonne: 30px;
    --padding-box: 50px;
    --space-margin: 100px;
}

/* Classi per correggere impostazioni tema */
::-moz-selection {
    /* Code for Firefox */
    color: var(--white);
    background: var(--black);
}
::selection {
    color: var(--white);
    background: var(--black);
}
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-thumb {
    background:rgb(128 128 128 / 0.5);
    border-radius: 5px;
}
::-webkit-scrollbar-track {background:transparent;}

a {
    transition: none;
}

/* 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}

/*Righe e colonne */
section {margin: 0 auto;}
section.margin {
    margin-top: var(--space-margin);
    margin-bottom: var(--space-margin);
}

.margin-top {margin-top: var(--space-margin);}
.margin-bottom {margin-bottom: var(--space-margin);}
.contenuto {padding: var(--padding-container);}
section.bg .w-container-small.contenuto {padding: inherit;}
section.bg .w-container-small.contenuto > div {padding: 50px;}
.w-container-small.contenuto {padding: 0px;}
.full-height {height: 100vh;}
.full-width {max-width: none !important;}
.height-100 {height: 100%;}
.width-max {width: max-content;}

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;
}

/* Container */
.w-container {width: var(--w-container);}
.w-container-small {width: var(--w-container-stretto);}
.col-100,
.full-width {width: 100%;}
.fit-content {width: -webkit-fit-content;}

/* Colonne */
.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 */
.col-15-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 9%;
  }
.col-20-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 14%;
  }
  .col-25-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 19%;
  }
.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%;
    max-width: 64%;
  }
.col-70-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 64%;
  }
.col-80-flex {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis:74%;
  }
  
 @media screen and (max-width: 1024px) {
    .col-60-flex {
    max-width: 100%;
  }
}

/* Gap */
.gap-5px {gap: 5px;}
.gap-10px {gap: 10px;}
.gap-15px {gap: 15px;}
.gap-20px {gap: 20px;}
.gap-30px {gap: 30px;}
.gap-40px {gap: 40px;}
.gap-70px {gap: 70px;}

.column-gap-5px {column-gap: 5px;}
.column-gap-15px {column-gap: 15px;}
.column-gap-20px {column-gap: 20px;}
.column-gap-50px {column-gap: 50px;}

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

.row-gap-5px {row-gap: 5px;}
.row-gap-10px {row-gap: 10px;}
.row-gap-20px {row-gap: 20px;}
.row-gap-30px {row-gap: 30px;}
.row-gap-40px {row-gap: 40px;}
.row-gap-50px {row-gap: 50px;}

/*----------------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;}

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

.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;}


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

.padding5 {padding: 5px;}
.padding5sx {padding-left: 5px;}
.padding5dx {padding-right: 5px;}
.padding5top {padding-top: 5px;}
.padding5bottom {padding-bottom: 5px;}

.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;}

.padding50 {padding: 50px;}
.padding50sx {padding-left: 50px;}
.padding50dx {padding-right: 50px;}
.padding50top {padding-top: 50px;}
.padding50bottom {padding-bottom: 50px;}

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

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

.padding80 {padding: 80px;}
.padding80sx {padding-left: 80px;}
.padding80dx {padding-right: 80px;}
.padding80top {padding-top: 80px;}
.padding80bottom {padding-bottom: 80px;}

.padding90 {padding: 90px;}
.padding90sx {padding-left: 90px;}
.padding90dx {padding-right: 90px;}
.padding90top {padding-top: 90px;}
.padding90bottom {padding-bottom: 90px;}

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

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

.margin5 {margin: 5px;}
.margin5sx {margin-left: 5px;}
.margin5dx {margin-right: 5px;}
.margin5top {margin-top: 5px;}
.margin5bottom {margin-bottom: 5px;}

.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;}
.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;}

.margin70 {margin: 70px;}
.margin70sx {margin-left: 70px;}
.margin70dx {margin-right: 70px;}
.margin70top {margin-top: 70px;}
.margin70bottom {margin-bottom: 70px;}

.margin80 {margin: 80px;}
.margin80sx {margin-left: 80px;}
.margin80dx {margin-right: 80px;}
.margin80top {margin-top: 80px;}
.margin80bottom {margin-bottom: 80px;}

.margin90 {margin: 90px;}
.margin90sx {margin-left: 90px;}
.margin90dx {margin-right: 90px;}
.margin90top {margin-top: 90px;}
.margin90bottom {margin-bottom: 90px;}

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

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

/* Classi 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!important;}
.align-right {text-align: right!important;}
.align-left {text-align: left!important;}
.align-justify {text-align: justify;}
.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(--light-grey);}
.bordo-bottom {border-bottom: 1px solid var(--light-grey);}
.bordo-destra {border-right: 1px solid var(--light-grey);}
.bordo-sinistra {border-left: 1px solid var(--light-grey);}
.bordo {border: 1px solid var(--light-grey);}
.tondo, .cerchio {border-radius: 100% !important;}
.avoid-clicks {pointer-events: none;}

.rilievo {
    outline: 1px solid #ffffff50;
    outline-offset: -1px;
    box-shadow: 0px 4px 8px #00000015;
}

/* Stili generici */
.box-shadow {box-shadow: var(--shadow);}
.box-shadow-dark {box-shadow: var(--shadow-dark);}
.outline {
    outline: 1px solid #ffffff50;
    outline-offset: -1px;
}
.border-radius {border-radius: var(--radius);}
.border-radius-small {border-radius: var(--radius-small);}
.border-radius-smaller {border-radius: var(--radius-smaller);}
.circle {border-radius: 100%;}
.figure-radius {
    overflow: hidden;
    display: flex;
    border-radius: var(--radius);
}
.figure-radius-small {
    overflow: hidden;
    display: flex;
    border-radius: var(--radius-small);
}
.figure-radius-smaller {
    overflow: hidden;
    display: flex;
    border-radius: var(--radius-smaller);
}
.figure-no-radius {
    overflow: hidden;
    display: flex;
}
.figure-radius img,
.figure-radius-small img,
.figure-no-radius img,
video.figure-no-radius
 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    align-self: center;
}
figure {margin: 0px}
.quadrato, .square {aspect-ratio: 1 / 1}
.rettangolo {aspect-ratio: 3 / 2}
.rettangolo-v {aspect-ratio: 2 / 3}

/* Colori fissi */
.negativo,.bianco,.bianco p,.white ,.white p {color: var(--white) !important;}
.nero, .nero p,.black ,.black p {color: var(--black) !important;}
.grigio, .grigio p,.grey ,.grey p {color: var(--grey) !important;}

/* Colori background */
.bg-black {background: var(--black) !important;}
.bg-white {background: var(--white) !important;}
.bg-light-grey {background: var(--light-grey) !important;}
.bg-light-grey-alt {background: var(--light-grey-alt) !important;}
.bg-grey {background: var(--grey) !important;}
.bg-darkgrey {background: var(--darkgrey) !important;}
.bg-black-gradient {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
.bg-city {background: var(--city-color) !important;}

section.bg {
    width: calc(100% - (var(--padding-box))*2);
    min-width: var(--w-container);
    border-radius: var(--radius);
}

/* 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;}

/* 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;}
.no-decoration {text-decoration: none!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;}
b,strong,.bold,.grassetto {font-weight: 700 !important;}

h1,.title-h1,
h2,.title-h2,
h3,.title-h3,
h4,.title-h4,
h5,.title-h5 {letter-spacing: 0; text-align: left}
/*h1,*/
.title-h1 {
    font-family: var(--font-principale);
    font-size: var(--size-h1);
    line-height: var(--lineH-h1) !important;
    font-weight: var(--weight-h1);
}
.material-icons.title-h1 {
    font-size: var(--size-h1);
    line-height: var(--lineH-h1) !important;
    font-weight: var(--weight-h1);
}
/*h2,*/
.single h2,
.title-h2 {
    font-family: var(--font-principale);
    font-size: var(--size-h2);
    line-height: var(--lineH-h2) !important;
    font-weight: var(--weight-h2);
    letter-spacing: 0;
}
.single h2 strong,
.single h2 b {
    font-weight: var(--weight-h2)!important;
}

/*h3,*/
.single h3,
.single h4,
.title-h3 {
    font-family: var(--font-principale);
    font-size: var(--size-h3);
    line-height: var(--lineH-h3) !important;
    font-weight: var(--weight-h3);
    letter-spacing: 0;
}

/*h3,*/
.single h5,
.title-h5 {
    font-family: var(--font-principale);
    font-size: var(--size-h5);
    line-height: var(--lineH-h5) !important;
    font-weight: var(--weight-h5);
}

body,
p,
#content-wrapper .single li,
.p-small,
.p-big,
.p-smaller {
    font-family: var(--font-secondario) !important;
    font-weight: 400;
    color: var(--black);
    /*text-align: justify;*/
}

p,
.size-p,
#content-wrapper .single li {
    font-size: var(--size-p);
    line-height: var(--lineH-p);
}
p.has-small-font-size {
    font-size: var(--size-p-small)!important;
    line-height: var(--lineH-p-small)!important;
}
.p-nomargin.p-small > p,
.single .p-nomargin.p-small > p,
.p-nomargin-left.p-small > p,
.p-small {
    font-size: var(--size-p-small);
    line-height: var(--lineH-p-small);
}
.p-smaller {
    font-size: var(--size-p-smaller);
    line-height: var(--lineH-p-smaller);
}
.p-big {
    font-size: var(--size-p-big) !important;
    line-height: var(--lineH-p-big);
}
.line-height-1 {line-height: 1!important;}
.nome-categoria {
    font-size:var(--size-p-small);
    line-height: var(--lineH-p-small);
    color: var(--grey);
    font-family: var(--font-secondario);
    text-align: left;
}
.breadcrumb {
	font-size:var(--size-p);
    line-height: var(--lineH-p);
	color: var(--grey);
    font-family: var(--font-secondario);
    text-align: left!important;
}
.breadcrumb a,
.nome-categoria a {
    text-decoration: none;
    color: var(--grey);
    font-family: var(--font-secondario);
    transition: ease 0.3s;
}
.breadcrumb a:hover,
.nome-categoria a:hover {
    text-decoration: none;
    color: var(--black);
    transition: ease 0.3s;
}
.font-principale {font-family: var(--font-principale) !important;}
.font-secondario {font-family: var(--font-secondario) !important;}
.font-terziario, .title-highlight {font-family: var(--font-terziario) !important; font-weight: 700}

.nowrap {white-space: nowrap;}
.no-letter-spacing {letter-spacing: 0px;}

/* Bottoni */
.pointer {cursor: pointer;}
.cursor-default {cursor: default;}
.btn i.fas.fa-arrow-right {display: none;}

.btn,
button.btn {
    border-radius:var(--radius-smaller);
    text-transform: initial;
    font-size: var(--size-p);
    font-family: var(--font-secondario);
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    text-decoration: none;
    min-width: var(--width-btn);
    display: inline-block;
    padding: 15px 20px;
    text-align: center;
    overflow: hidden;
    text-decoration: none!important;
    border:0px;
}

.btn.btn-full,
button.btn.btn-full {
    color: var(--black);
    background-color: var(--light-grey);
}

.btn.btn-solid-alt,
button.btn.btn-solid-alt {
    color: var(--black);
    background-color: var(--white);
}

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

.btn.btn-outline-alt,
button.btn.btn-outline-alt {
    color: var(--white);
    background-color: transparent;
    border: 1px solid var(--white);
}

.btn.btn-chip,
button.btn.btn-chip {
    background-color: var(--light-grey-alt);
    border-radius: var(--radius-small);
    padding: 10px 15px;
    color: var(--black);
}
.btn.btn-chip span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
    text-transform: capitalize;
}

.chip.category-chip {
    background-color: var(--black);
    border-radius: 100px;
    padding: 10px 15px;
    color: var(--white);
    text-transform: uppercase;
    font-size: var(--size-p-small);
    transition: background-color ease 0.3s;
}
.chip.category-chip span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    align-items: center;
}

/* Bottoni HOVER */
.btn {position: relative;}
.btn span {
    position: relative;
    z-index: 1;
    text-align: center;
    height: 100%;
    display: block;
    transition: all 0.3s ease;
}
.btn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    transition: all 0.35s;
    border-radius: 0px;
    z-index: 1;
}
.btn:hover:before {height: 100%;}


.btn.btn-full:hover,
button.btn.btn-full:hover,
.btn.btn-outline:hover,
button.btn.btn-outline:hover {
    color: var(--white);
}
.btn.btn-full:before,
button.btn.btn-full:before,
.btn.btn-outline:before,
button.btn.btn-outline:before {
    background-color: var(--black);
    border-radius: 0;
}

btn.btn-outline-alt:hover,
a.btn-outline-alt:hover,
button.btn.btn-outline-alt:hover {
    color: var(--black);
}
.btn.btn-outline-alt:before,
button.btn.btn-outline-alt:before {
    background-color: var(--white);
    border-radius: 0;
}

.btn.btn-chip:hover {
    color: var(--white);
    transition-property: transform;
    transition-duration: 0.1s;
}
.btn.btn-chip:before {
    background-color: var(--black);
    border-radius: 0;
}

.chip.category-chip:hover {
    background-color: var(--black)!important;
    transition: background-color ease 0.3s;
}

.btn:active {transform: scale(0.97);}
.btn.btn-chip.active {background-color: var(--black); color: var(--white)}

/* Tab */
.tabcontent,
.tabcontent2 {animation: fadeEffect 1s;}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Contact form 7 */
.btn:disabled,
button:disabled,
.wpcf7 input[type="submit"]:disabled {
    filter: grayscale(100%);
    opacity: 0.4;
    background: transparent!important;
}
.wpcf7 input[type="submit"]:hover:disabled {
    color: var(--black);
}
.wpcf7 input[type="submit"]:disable {opacity: 0.5}
.wpcf7 input[type="submit"]:hover {
    background-color: transparent;
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="submit"]:focus {
    cursor: pointer;
    color: var(--black);
    background-color: transparent;
    border-radius:var(--radius-smaller);
    font-size: var(--size-p);
    font-family: var(--font-secondario);
    font-weight: 500;
    letter-spacing: 0px;
    text-decoration: none;
    min-width: var(--width-btn);
    display: inline-block;
    text-align: center;
    overflow: hidden;
    border: 1px solid var(--black);
    padding: 15px 20px;
    height: auto;
    line-height: 1!important;
    text-transform: initial;
}
.wpcf7 input[type="submit"]:hover {
    color: var(--white);
    background-color: var(--black);
}

.wpcf7 {width: 100%;}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select {
    width:100%;
    background:transparent;
}

.wpcf7 input[type="checkbox"] {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0px;
    width:auto;
}

.wpcf7 p {margin: 0px;}
.wpcf7 label {
    font-family: var(--font-secondario);
    font-weight: 600;
    font-style: normal;
    font-size: var(--size-p);
    line-height: 1;
    text-transform: inherit;
    letter-spacing: 0;
}

.wpcf7 span.wpcf7-list-item-label {font-weight: 400;}

.wpcf7 textarea {height: 150px;}

.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea {
    border-radius: 0px;
    font-size: var(--size-p);
    font-family: var(--font-secondario);
    color:var(--black);
    font-weight: 400;
    line-height: 1.6;
    transition: .3s;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1.5px solid var(--grey);
    padding: 10px 0px;
    margin: 0px;
}

.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
    padding: 10px 20px;
    border-bottom: 1.5px solid var(--black);
    color: var(--black);
}

.wpcf7 input::placeholder,
.wpcf7 select::placeholder,
.wpcf7 textarea::placeholder {
    color:var(--black);
    opacity:0.4;
}

.accept-privacy label span {font-size: var(--size-p-smaller);}

.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);
}

.wpcf7-checkbox {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 10px;
}
.wpcf7-checkbox span.wpcf7-list-item {
    margin: 0;
}

/* Change text in autofill textbox */
.wpcf7 input:-webkit-autofill {
    -webkit-text-fill-color: var(--black);
    padding: 10px 0px;
}

.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:var(--size-p-smaller);
    line-height:var(--lineH-p-smaller);
    color: var(--black) !important;
}

.wpcf7 .info-privacy span.wpcf7-list-item {margin: 0;}

.wpcf7 .wpcf7-list-item:first-child{margin: 0 0 0 0em;}

.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;}

.wpcf7 span.wpcf7-form-control-wrap.radio {width: auto;}

option {color: #000 !important;}

input::-webkit-calendar-picker-indicator {
    color: transparent !important;
    background: transparent 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%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55% !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450 !important;
    font-weight: bold;
    border-width: 0px !important;
    border-style: solid;
    border-radius: 5px;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.wpcf7 form.sent .wpcf7-response-output:before {
    font-size: 2em;
    margin: 0px 10px 0px 0px;
    position: relative;
    bottom: -5px;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #eaad2f !important;
    font-weight: bold;
    border-width: 0px !important;
    border-style: solid;
    border-radius: 5px;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.wpcf7 form.invalid .wpcf7-response-output:before {
    font-size: 2em;
    margin: 0px 10px 0px 0px;
    position: relative;
    bottom: -5px;
}

.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    color: #dc3232 !important;
    font-weight: bold;
    border-width: 0px !important;
    border-style: solid;
    border-radius: 5px;
    float: left;
    width: 100%;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}

.wpcf7 form.aborted .wpcf7-response-output:before,
.wpcf7 form.failed .wpcf7-response-output:before {
    font-size: 2em;
    margin: 0px 10px 0px 0px;
    position: relative;
    bottom: -5px;
}

.wpcf7 input.wpcf7-file {
    width: 100%;
}
.wpcf7 input[type="radio"] {
    margin: 5px !important;
}

/*.wpcf7 input:disabled {
    background: var(--gray)!important;
    cursor: not-allowed;
     padding: 10px 20px;
}*/

/* Owl carousel */
.owl-stage,
.owl-carousel {display: flex!important;}
.owl-dots * {
    transition: 0.5s all ease-in-out;
}
.owl-dots {
    margin-top: 30px;
    text-align: center;
    display: flex;
    border-radius: 5px;
    margin: 0px;
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 25px;
    bottom: -25px;
    justify-content: center;
    column-gap: 7px;
    overflow: visible;
}
.owl-carousel .owl-dots .owl-dot {
    height: 7px;
    width: 7px;
    border-radius: 100%;
    background-color: #d3d3d370;
}
.owl-carousel .owl-dots .owl-dot span {
    display: none;
}
.owl-carousel .owl-dots .owl-dot.active {
    opacity: 1;
    width: 7px;
    background: var(--black);
    border-radius: 100%;
}
.owl-carousel .owl-item img {
    display:initial!important;
    width: auto!important;
}

.owl-nav {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    pointer-events: none;
}

button.owl-prev,
button.owl-next {
    margin: 0;
    height: 48px;
    width: 48px;
    border-radius: 100%;
    transition: all 0s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    pointer-events: all;
}
button.owl-prev i,
button.owl-next i {font-size: 16px;}
button.owl-prev:hover,
button.owl-next:hover {
    background-color: var(--light-grey)!important;
    transition: all 0s;
}

button.owl-prev {transform: translate(-60px, -24px);}
button.owl-next {transform: translate(60px, -24px);}

/* Correzioni tema */
.p-nomargin > p {margin: 0px;} /* correzioni p editor di testo */
.p-nomargin-left > p {margin: 0px; text-align: left;}
.single .p-nomargin-left > p {margin: 0px!important; text-align: left;}
.p-nomargin-center > p {margin: 0px; text-align: center;}
.p-nomargin-small > p {margin: 0px; text-align: left; font-size: var(--p-small); line-height: var(--lineH-p-small);}
.p-nomargin-center-small > p {margin: 0px; text-align: center; font-size: var(--p-small); line-height: var(--lineH-p-small);}
.single p.margin0 {margin: 0px!important;}

.button--black:hover { /* bottoni "dove mangiare" da rifare col nuovo stile */
    color: #ffffff;
    background: var(--black)!important;
    opacity: 0.8;
}

a:hover {text-decoration: none;}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .social-nav .item:hover, .on.hygge-dropdown .hygge-dropdown__handle, .hygge-dropdown .hygge-dropdown__handle:hover, .hygge-dropdown .hygge-dropdown__menu ul li a[selected]:after, .hygge-nav--mobile-btn:hover, .header__search__toggle.on, .header__search__toggle:hover, #comments .comment__content a:hover, .editor-content p a:not(.button), .editor-content .sideblock a:hover, .loop-container--style-widget-list article a:hover .post__title, .loop-container--style-related .post a:hover .post__title, .pagination__classic a:hover, .tagcloud a:hover, .woocommerce-loop .products .product .price ins, .woocommerce-loop .products .product a:hover .woocommerce-loop-product__title, .single-woocommerce .summary .price ins, .single-woocommerce .summary .woocommerce-review-link:hover, .shop_attributes a:hover, .variations a:hover, .shop_table a:hover, #reviews .commentlist .comment .comment-text a:hover, #reviews #respond .comment-form-rating .stars span:hover a, #reviews #respond .comment-form-rating .stars.selected a, .product_list_widget a:hover .post__title, .product_list_widget .price ins, .widget_shopping_cart .remove:hover, .widget_shopping_cart .total .label, .widget_rating_filter li.chosen a .star--full, .widget_rating_filter a:hover .star--full, .cart_totals .shipping-calculator-button, .woocommerce-checkout-review-order-table .shipping-calculator-button, .editor-content .hygge-sideblock a:not(.button), .editor-content .hygge-sideblock a:not(.button):hover, .editor-content p a:not(.button):hover {
    color: var(--black);
}

.wpcf7-form-control-wrap .hygge-select-wrap { /* correzioni per cf7 */
    margin-bottom: 0px;
    border: 0px;
    padding: 0px;
}
.wpcf7-form-control-wrap .hygge-select-wrap:before {display: none;}
.hygge-select-wrap select {
    letter-spacing: 0px;
    text-transform: initial!important;
}

.footer p {text-align: center;}
.widget + .widget {margin-top: 20px;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0px 9999px var(--white);
}

.hygge-media-hover__details .item.nome-categoria a,
.hygge-media-hover__details .item.nome-categoria a:hover{color: var(--white)}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption,
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption,
.blocks-gallery-item__caption { /* didascali img */
    position: absolute;
    bottom: 0;
    padding: 50px 15px 15px 15px;
    text-align: center;
    color: var(--white);
    font-size: var(--size-p-smaller);
    line-height: var(--lineH-p-smaller);
    margin: 0;
    background: linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.3) 70%,transparent);
    width: 100%;
    z-index: 2;
}

.hygge-contentwidth {
    margin-left: calc( -260px - 70px );
}

/* Correzione Menu */
.hygge-nav--classic a {
    height: auto;
    padding: 0px;
}
.hygge-nav--classic a img {
    display: inline-block;
}
.hygge-nav--classic .menu-logo img {
    max-height: 40px;
    transition: opacity 0.3s ease;
}
.hygge-nav--classic .menu-logo a img:hover {
    opacity: 0.80;
    transition: opacity 0.3s ease;
}
.hygge-nav--classic .menu-logo > a {
    height: auto;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.select-city .city-selector{
    border-radius: 100%;
    height: 35px;
    width: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.select-city:hover .city-selector {
    transition: background-color 0.3s ease;
}
.select-city:hover .city-selector,
.select-city.active .city-selector,
.menu-mobile .select-city .city-selector {
    background-color: var(--light-grey);
}
.select-city .city-selector i.material-icons {
    transition: transform 0.3s ease;
}
.select-city.active .city-selector i.material-icons {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.select-city .sub-menu {
    position: absolute;
    padding: 25px 0px;
    width: fit-content;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    border-left: 1px solid var(--light-grey);
    border-right: 1px solid var(--light-grey);
    border-bottom: 1px solid var(--light-grey);
    background-color: var(--white);
    top: calc(100% + 1px);
    left: 0;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    pointer-events: none;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: all 0.3s cubic-bezier( 0.4, 0, 0.3, 1 );
    transition: all 0.3s cubic-bezier( 0.4, 0, 0.3, 1 );
}
.select-city.active .sub-menu {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.select-city a{
    text-decoration: none;
}

.menu .sub-menu img {
    display: none;
}

.header__menu.max-width-wrapper {
    width: var(--w-container);
    padding: var(--padding-container);
}

header .header__inwrap {
    border-bottom: 1px solid var(--light-grey);
}

.hygge-nav--classic li + li {margin-left: 0px;}

.hygge-nav--classic,
.hygge-nav--classic > .menu > ul > li .sub-menu a,
.select-city a {
    text-transform: initial;
    font-family: var(--font-principale);
    font-size: var(--size-p);
    letter-spacing: 0.8px;
    color: var(--black);
    line-height: 1!important;
    width: 100%;
}

.hygge-nav--classic .menu > ul {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    column-gap: 30px;
}

.hygge-nav--classic .menu ul li a strong { /* peso link menu corretto */
  font-weight: 500!important;
}
.hygge-nav--classic > .menu > ul > li.menu-item-has-children > ul > li > a > strong { /* peso link menu corretto */
  font-weight: 400!important;
}

.hygge-nav--classic>.menu>ul>li>a,
.hygge-nav--classic>.menu>ul>li .sub-menu a,
.select-city a {
    text-decoration: none;
    font-family: var(--font-principale);
}

.hygge-nav--classic .menu > ul > li > a {
    height: auto;
    padding: 35px 0;
}
.hygge-nav--classic > .menu > ul > li > a:after { 
    display: none;
}
.hygge-nav--classic > .menu > ul > li.menu-item-has-children > a {
    display: flex;
    gap: 5px;
}
.hygge-nav--classic > .menu > ul > li.menu-item-has-children > a > i.has-dropdown-icon {
    display: none;
}
.hygge-nav--classic > .menu > ul > li.menu-item-has-children > a:after {
    font-family: "Material Icons";
    content: '\e5cf';
    position: relative;
    display: inline-block;
    margin: auto;
    padding: 0px;
    height: auto;
    width: auto;
    background-color: transparent;
    opacity: 1;
    transform: translate(0px, 0px);
    transition: transform 0.3s ease;
}
.hygge-nav--classic > .menu > ul > li.menu-item-has-children:hover > a:after {
    transform: rotate(180deg);
}

.hygge-nav--classic > .menu > ul > li > a:before {
    content: '';
    position: absolute;
    bottom: -1px;
    display: block;
    left: 50%;
    top: 35px;
    margin: auto;
    padding: 0px;
    height: 1px;
    width: 0%;
    border-radius: 0px;
    background-color: var(--black);
    z-index: 9;
    transition: all 0.3s ease;
}
.hygge-nav--classic > .menu > ul > li:hover > a:before,
.hygge-nav--classic > .menu > ul > li.current-menu-item > a:before {
    content: '';
    position: absolute;
    display: block;
    left: 0%;
    margin: auto;
    padding: 0px;
    height: 1px;
    width: 100%;
    border-radius: 0px;
    background-color: var(--black);
    z-index: 9;
    transition: all 0.3s ease;
}

.hygge-nav--classic > .menu > ul > li.menu-item-has-children {
    position: relative;
}
.hygge-nav--classic > .menu > ul > li a {
    display: flex;
}

.hygge-nav--classic > .menu > ul > li .sub-menu {
    border: 1px solid var(--light-grey);
    border-top: 0px;
    padding: 0px;
    top: calc(100% + 1px);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 0px;
    position: absolute;
    padding: 25px 0px;
    width: max-content;
    align-content: flex-start;
    align-items: flex-start;
    min-width: 200px;
    text-align: left;
}
.hygge-nav--classic > .menu > ul > li .sub-menu li {
    padding: 10px 25px;
    height: auto;
    width: 100%;
}
.hygge-nav--classic > .menu > ul > li .sub-menu li:first-child a,
.hygge-nav--classic > .menu > ul > li .sub-menu li:last-child a,
.hygge-nav--classic > .menu > ul > li .sub-menu li a,
.select-city a {
    padding: 0px;
    height: auto;
    transition: all 0.3s ease;
    width: 100%;
}
.select-city a {
    padding: 10px 25px;
}
.hygge-nav--classic > .menu > ul > li .sub-menu li:hover,
.select-city a:hover {
    opacity: 0.5;
    transform: translateX(10px);
    transition: all 0.3s ease;
}
.hygge-nav--classic > .menu > ul > li .sub-menu:before,
.hygge-nav--classic > .menu > ul > li .sub-menu > li a:after {
    display: none;
}

.hygge-nav--classic > .menu > ul > li .sub-menu > li {
    position: relative;
}
.hygge-nav--classic > .menu > ul > li .sub-menu > li .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    border: 1px solid var(--light-grey);
}
.hygge-nav--classic > .menu > ul > li .sub-menu > li:hover .sub-menu {
    left: calc(100% - 10px);
}

.menu-mobile .select-city .sub-menu {
    padding: var(--padding-container);
    padding-top: 25px;
    padding-bottom: 30px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.menu-mobile .select-city .sub-menu a {
    font-size: var(--size-p);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0px;
}
.hygge-nav--mobile .menu a {
    padding: 10px 0;
    margin-bottom: 0px;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-size: var(--size-p);
}
.menu-mobile .select-city .sub-menu .col-20-flex {
    flex-basis: 14%;
    max-width: calc(20% - 25px);
}

.menu-mobile a:after {display: none;}

html.stop {
    overflow: hidden !important;
}

.menu-mobile {
    padding: var(--padding-container);
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--light-grey);
    position: relative;
    z-index: 999;
    margin-bottom: 0px;
}

.menu-logo-mobile a img {
    max-height: 40px;
}
.menu-logo-mobile .lestrade-mobile {
    max-width: 150px;
}
a.hygge-nav--mobile-btn {
    margin: 0;
    padding: 0;
    display: flex;
}

.hygge-nav--mobile {
    background-color: var(--white);
}
.hygge-nav--mobile .nano-content {
    margin-top: 90px;
}
.hygge-nav--mobile .nano-content-inwrap {
    min-height: 50%;
    height: 90%;
    padding: var(--padding-container);
    padding-top: 25px;
}

svg.menu-icon.active .line-1,
svg.menu-icon.active .line-2 {
  transition: ease-in 200ms;
  transform-origin: center center;
}
svg.menu-icon .line-1,
svg.menu-icon .line-2 {
    transition: ease-in 200ms;
}
svg.menu-icon.active .line-1 {
    transform: translate(-4px, 3px) rotate(45deg);
}
svg.menu-icon.active .line-2 {
    transform: translate(-9px, 4px) rotate(-45deg);
    width: 25px;
}

.hygge-nav--mobile .menu > ul > li > a {
    font-weight: 600;
}

.testo-hamburger-menu {
    height: 20px;
}
.menu-mobile .menu-chiudi,
.menu-mobile .menu-esplora {
    right: 0px;
    top: 2px;
}

.menu-mobile .menu-chiudi {
    transform: translateY(-100%);
    opacity: 0;
    transition: all 0.3s ease;
}

body.hygge-nav-open .menu-mobile .menu-chiudi {
    transform: translateY(0%);
    opacity: 1;
    transition: all 0.3s ease;
}

.menu-mobile .menu-esplora {
    transform: translateY(0);
    opacity: 1;
    transition: all 0.3s ease;
}

body.hygge-nav-open .menu-mobile .menu-esplora {
    transform: translateY(100%);
    opacity: 0;
    transition: all 0.3s ease;
}

.menu-mobile .select-city .city-selector {
    height: 25px;
    width: 25px;
}

.menu-mobile .select-city .city-selector i.material-icons {
    font-size: 18px;
}






/* Notification bar */
.hygge-notif.dark-mode.label {
    background: var(--light-grey-alt);
}
.hygge-notif.dark-mode.label .hygge-notif__text {
    color: var(--black);
    font-family: var(--font-secondario);
    letter-spacing: 0;
    font-size: var(--size-p-small)!important;
    text-transform: none;
}
.dark-mode .hygge-notif__btn {
    font-family: var(--font-secondario);
    letter-spacing: 0;
    font-size: var(--size-p-small)!important;
    text-transform: none;
    background: var(--black);
    color: var(--white);
    transition: 0.3s opacity ease;
}
.dark-mode .hygge-notif__btn:hover {
    background: var(--black);
    color: var(--white);
    opacity: 0.8;
    transition: 0.3s opacity ease;
}
.dark-mode a.hygge-notif__hide {
    text-decoration: none;
    transition: all 0.3s ease;
}
.dark-mode a.hygge-notif__hide i.hygge-icon-cross {
    width: 35px;
    height: 35px;
    background: transparent;
    color: var(--black);
    transition: background 0.3s ease;
    font-weight: bold;
}
.dark-mode a.hygge-notif__hide:hover i.hygge-icon-cross {
    background: var(--light-grey);
    transition: all 0.3s ease;
}





/* Correzione Search Cerca */
.header .header__search .search-form .hygge-form-label label {
    text-transform: capitalize;
}

.header .header__search input[type="text"]::-webkit-input-placeholder {
    font-family: var(--font-secondario);
    font-size: var(--size-p);
    line-height: var(--lineH-p);
    text-transform: capitalize;
    letter-spacing: 0px;
}

.header .header__search {
    z-index: 1;
    background: var(--white);
    border-radius: 100px;
    border: 1px solid var(--light-grey);
    top: 0px;
    box-shadow: 0px 10px 10px #00000010;
    padding: 10px 10px 10px 20px;
    height: fit-content;
    width: 20%;
    margin: 0 auto;
}
.header .header__search.on {
    top: calc(100% + 20px);
    width: 60%;
}

.header__search .search-form {
    width: 100%;
    padding: 0px;
}
.header__search .search-form .close {
    position: relative;
    color: var(--black);
    width: 35px;
    height: 35px;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: 100%;
    margin: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    transition: background-color 0.3s ease;
}
.header__search .search-form .close:hover {
    background-color: var(--light-grey);
    color: var(--black);
    transition: background-color 0.3s ease;
}
.header__search .search-form input[type="text"]::placeholder {
    font-size: var(--size-p-big);
    font-family: var(--font-principale);
    letter-spacing: 1px;
    color: var(--grey);
}
.header__search .search-form input {
    font-size: var(--size-p-big);
    font-family: var(--font-principale);
    letter-spacing: 1px;
    color: var(--black)!important;
}
.header__search .search-form form:before,
.header__search .search-form form:after {
    display: none;
}

/* Correzioni tema ARTICOLI */
.hygge-cover {
    margin-left: 0px;
    margin-right: 0px;
    padding: var(--padding-container);
}
.post__category .items { /* categoria sopra h1 */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.hygge-sideblock {
    width: 300px;
    margin-left: calc(-300px - 30px);
}
.hygge-sideblock.sideblock-single {
    flex-basis: 24%;
    margin: 0px;
    max-width: 250px;
    min-width: 200px;
}
.hygge-sideblock .loop-container {overflow: visible;}
.post__content {
    padding-left: calc(300px + 30px);
}
.post__content.single-content {
    padding-left: 0px;
}
.editor-content:before, .editor-content:after {
    display: none;
}
.post__content.single-content {
    flex-basis: 64%;
    flex-grow: 1;
}

.single p,
.single li {text-align: justify;}

p.has-text-align-center {text-align: center!important;}

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background,
p.has-background
 {
    padding: 20px;
    border-radius: var(--radius-small);
    word-break: break-word;
    text-align:left;
}
p.has-background {margin: 0 0 25px 0!important;}
p.has-very-dark-gray-color.has-background {background-color: var(--light-grey-alt)}

.single h2,
.single h3,
.single h4 {margin: 0 0 20px 0;}

.single h3,
.single h4 {
    font-weight: var(--weight-h1);
    letter-spacing: 1px;
}

.single p,
.post__content ol,
.single .content-wrapper ul:not(.blocks-gallery-grid):not(.indice-posti),
li.blocks-gallery {
    margin: 0 0 25px 0!important;
}
.blocco-img-cont p.blocks-gallery-item__caption {
    margin: 0px !important;
}
.single ul.wp-block-gallery {
    margin: 50px 0!important;
}

.wp-block-image,
.wp-block-gallery {
    gap: 20px;
    margin: 50px 0!important;
}
ul.blocks-gallery-grid {
    gap: 10px!important;
}
.wp-block-image figure,
.wp-block-image figure img,
figure.wp-block-image img{
    width: 100%;
}
li.blocks-gallery-item {
    padding: 0px!important;
    margin: 0px!important;
    flex-basis: 24%;
}
.blocks-gallery-grid:not(.has-nested-images),
.wp-block-gallery:not(.has-nested-images) {
    align-items: stretch;
}
.single .has-nested-images figure.wp-block-image {
    margin: 0px!important;
}

.post__content ol li,
.post__content ul li {
    padding: 0 0 10px;
    font-size: var(--size-p);
    line-height: var(--lineH-p);
    text-align: left;
}
.post__content ol > li:before {
    top: 12px;
    font-size: var(--size-p);
    font-weight: 700;
    font-family: var(--font-secondario);
}
.post__content ul > li:before {
    font-size: var(--size-p);
    top: 12px;
}

.hygge-cover .post__title {
    margin: 0px;
    font-family: var(--font-principale);
    font-size: var(--size-h2);
    line-height: var(--lineH-h2);
    font-weight: 600;
    letter-spacing: 0;
}
.hygge-cover--type-notebook.hygge-cover--overlay .hygge-cover__text {
    padding: 45px 20px;
    border-radius: var(--radius-smaller);
    margin-left: 0px;
    margin-right: 0px;
}
.hygge-cover--overlay .post__category {
    margin-top: -45px;
    margin-bottom: 10px;
}

.single .wp-block-media-text {
    gap: 25px;
}
.single .wp-block-media-text .wp-block-media-text__content {
    padding: 0px;
}

.post__meta__data.label,
section#slider .post__meta__data.label {
    letter-spacing: 0;
    text-transform: capitalize;
}
.post__meta__data.label a {
    text-decoration: none;
}

.author-text p {
    text-align: left;
    font-size: var(--size-p-small);
}
.post__meta--single.author--true {
    padding: 0px;
}
.author-img {
    background-image: url(/wp-content/uploads/2024/05/placeholder-strade.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
#blocco-autore .author-img,
.post__meta--single .author-img {
    margin: 0px;
    padding: 0px;
    width: 80px;
    height: auto;
}
#blocco-autore .author-img img,
.post__meta--single .photo-img img,
.post__meta--single .author-img img {width: 100%;}

.post__meta--single .photo-img {
    margin: 0px;
    padding: 0px;
    width: 36px;
    height: auto;
}

.post__meta--single .post__meta__item:last-child:not(:first-child) {
    padding-left: 0px;
}

blockquote {margin: 0 0 25px 0;}
.single blockquote p {
    text-align: left;
    margin: 0px!important;
}
.wp-block-quote.is-style-large:not(.is-style-plain) p {
    font-size: var(--size-h2);
    line-height: var(--lineH-h2);
    font-family: var(--font-secondario)!important;
    font-style: normal;
}
.wp-block-quote.is-style-large:not(.is-style-plain) {margin-bottom: 25px;}

.single .title-sidebar {
    font-size: var(--size-p-small);
    text-transform: uppercase;
    font-weight: bold;
}
.single .title-sidebar:after,
.wouse-page .info-title:after {
    content: '';
    background-color: var(--light-grey);
    height: 1px;
    width: -webkit-fill-available;
    position: relative;
    display: inline-block;
}

.item.nome-categoria:after {
    content: '•';
    padding-left: 5px;
}
.item.nome-categoria:last-child:after {
    display: none;
}

.loop-container article.post--sidebar .post__title a {
    font-family: var(--font-principale);
}
/*.loop-container article a:hover,*/
.loop-container article.post--sidebar .post__title a:hover,
article.img-card .article-info h3:hover {
    text-decoration: underline!important;
    color: var(--black);
}

.loop-container article.post--sidebar .material-icons {
    font-size: var(--size-p-big);
}

.loop-container article.post--sidebar .author-box figure {
    height: 35px;
}

/* Post navigation */
a.post__navigation__item.prev,
a.post__navigation__item.next {
    height: 400px;
    flex-basis: 400px;
}

.post__navigation:before, .post__navigation:after {display: none;}






/* Effetti e transizioni */
article a figure.img-zoom img,
a figure.img-zoom img {
    transition: height ease-in-out 0.3s;
}
article:hover a figure.img-zoom img,
a:hover figure.img-zoom img {
    height: 105%;
    transition: height ease-in-out 0.3s;
}







/* Elementi grafici */
.vertical-divider {
    width: 1px;
    height: auto;
    background-color: var(--light-grey);
}

/* After BG black */
section#eventi.events-full .owl-carousel.carosello-immagini .owl-item:after,
figure.bg-after-black:after {
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    background: #000;
    top: 0;
    right: 0;
    pointer-events: none;
    opacity: 0.5;
}
a figure.bg-after-black:after {
    opacity: 0;
    transition: opacity 0.3s ease;
}
a:hover figure.bg-after-black:after {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}
figure.figure-radius.bg-after-black:after {
    border-radius: var(--radius-small);
}

/* Hidden element */
.hidden-hover {
    position: absolute;
    opacity: 0;
    transform: translateY(10px);
    transition: transform 0.3s, opacity ease 0.3s;
}
a:hover .hidden-hover {
    opacity: 1;
    transform: translateY(0px);
    transition: transform 0.3s, opacity ease 0.3s;
}


/* Milano sostenibile */
section#categorie-milano-sostenibile h3.line-height-1 {line-height: 1!important}

/* Articoli */
.author-box figure {height: 50px;}
#blocco-autore a img,
#blocco-autore .author-name a,
.author-box a,
.author-text a {
    transition: opacity ease 0.3s;
}
#blocco-autore a:hover .author-img,
#blocco-autore .author-name a:hover,
.author-box a:hover,
.author-text a:hover {
    opacity: 0.8;
    transition: opacity ease 0.3s;
}
.author-bio {max-width: 500px;}

.single .main-content .post__content.single-content {
    margin: 0px;
}

figure.social-icon,
a figure.social-icon {
    height: 16px;
    width: 16px;
}
a.social-link,
span.social-link {
    width: fit-content;
    background-color: var(--white);
    padding: 10px;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    transition: background-color ease 0.3s;
}
a.social-link:hover,
span.social-link:hover {
    background-color: var(--light-grey);
}
a.social-link.social-link-meta {
    background-color: var(--white);
    width: 30%;
    flex-grow: 1;
    height: fit-content;
    padding: 10px 0px;
    aspect-ratio: auto;
    border-radius: var(--radius-smaller);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 5px;
    text-decoration: none;
}
a.social-link.social-link-meta:hover {
    background-color: var(--light-grey);
    transition: background-color ease 0.3s;
}

/* Articoli lista OLD */
.single .wp-block-media-text {
    gap: 0px;
}

.single .wp-block-media-text .wp-block-media-text__content {
    padding: 20px;
}
.single .wp-block-media-text .wp-block-media-text__content p {
    margin: 0px!important;
}
.single .wp-block-media-text .wp-block-media-text__content > p:first-child {
    margin-bottom: 20px!important;
}

figure.wp-block-media-text__media {
    height: 100%;
}

figure.wp-block-media-text__media img {object-fit: cover;height: 100%;}

/* Card bianche con icone */
.blank-card {
    border-radius: var(--radius);
    border: 1px solid var(--light-grey);
    padding: 30px;
    align-content: center;
    transition: all 0.3s ease;
}
.box-citta {transition: transform 0.3s ease;}
.box-citta:hover,
.blank-card:hover {
    transition: transform 0.3s ease;
    transform: translateY(-5px);
}
.box-citta:active,
.blank-card:active {
    transition: transform 0.3s ease;
    transform: scale(0.97);
}

.single .hygge-fullwidth {
    width: 100%!important;
    margin-left: 0px!important;
}

/* Card articoli in evidenza */
.owl-carousel.carosello-tab {display: flex;}
#articoli-più-letti-milano-sostenibile .tab button.btn.btn-chip:first-child .circle-tag {
    display: inline-block!important;
}
#articoli-più-letti-milano-sostenibile .owl-item:first-child button.btn.btn-chip .circle-tag {
    display: none!important;
}

article {overflow: visible!important;}

article.img-card-text a,
article.img-card a {text-decoration: none;}
article.img-card-text:hover a h3,
article.img-card:hover a h3 {text-decoration: underline;}
article.img-card-text p,
article.img-card p {text-align: left;}

article.img-card-text figure {
    position: absolute;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    align-self: center;
    left: 0;
    top: 0;
    z-index: 0;
}
article.img-card-text figure img,
.loop-container--style-grid article .post__inwrap figure img,
.loop-container--style-sidebar article .post__inwrap figure.post-thumbnail img {
    height: 100%;
    transition: all 0.5s ease-out;
}
article.img-card-text:hover figure img,
.loop-container--style-grid article:hover .post__inwrap figure img,
.loop-container--style-sidebar article:hover .post__inwrap figure.post-thumbnail img {
    height: 105%;
    transition: all 0.5s ease-out;
}
article.img-card-text figure:after {
    content: '';
    top: 0;
    left: 0;
    background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 80%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    z-index: 4;
    opacity: 1;
}
article.img-card-text i.material-icons,
article.img-card i.material-icons,
.page-info i.material-icons,
.loop-container.loop-container--wp.loop-container--style-grid .post__inwrap i.material-icons {
    font-size: 16px;
    color: var(--grey);
}
article.img-card-text p,
article.img-card p {line-height: 20px;}

span.circle-tag { /* cerchio colorato categoria */
    background-color: var(--black);
    height: 10px;
    width: 10px;
    min-width: 10px;
    position: relative;
    left: 0;
    display: inline-block;
    margin-right: 5px;
    border-radius: 100%;
}

/* Article Grid */
.grid {display: grid;}
.grid-1-2 {grid-template-columns: 1fr 2fr;}

.article-grid,
.loop-container--style-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
}
.loop-container.loop-container--wp.loop-container--style-grid,
body:not(.browser-ie) .loop-container--style-grid {
    margin: 0px;
}
.loop-container--style-grid article {
    padding: 0px;
    margin: 0px;
}
.loop-container--style-grid article .post__inwrap {
    padding: 0px;
}
.loop-container--style-masonry article .post__text, .loop-container--style-list article .post__text, .loop-container--style-list-highlights article .post__text, .loop-container--style-grid article .post__text, .loop-container--style-grid-3-1 article .post__text, .loop-container--style-grid-3-2 article .post__text {
    padding: 0px;
}
.loop-container article a {
    text-decoration: none;
    font-family: inherit;
}
.loop-container article .title-h3:hover a {
    text-decoration: underline!important;
}

/* Home */
.page-template-home-city .space-after-menu {
    padding-top: 30px;
}

a.section-title-link {text-decoration: none;}
a.section-title-link .material-icons {
    transition: ease 0.3s transform;
}
a.section-title-link:hover .material-icons {
    transform: translate(5px,-5px);
    transition: ease 0.3s transform;
}

svg.tab-icon {
    width: 16px;
    height: 16px;
}
svg.tab-icon path {
    fill: var(--black);
    transition: ease 0.3s fill;
}
.btn:hover svg.tab-icon path,
.btn.active svg.tab-icon path {
    fill: var(--white);
    transition: ease 0.3s fill;
}


/*section#slider,
section#liste,
section#city
 {
mask: 
linear-gradient(to right,  transparent calc(((100% - var(--w-container)) / 2) - 300px), #fff calc(((100% - var(--w-container)) / 2) - 100px)),
linear-gradient(to left,  transparent calc(((100% - var(--w-container)) / 2) - 300px), #fff calc(((100% - var(--w-container)) / 2) - 100px));
mask-size: 100% 100%;
mask-position: center;
mask-repeat:no-repeat;
mask-composite: intersect;
}*/
section#slider article.img-card-text {
    height: 55vh;
    min-height: 400px;
    max-height: 500px;
}
section#slider article.img-card-text figure {
    position: absolute;
    height: auto;
    width: 100%;
    margin: 0 auto;
    align-self: center;
    left: 0;
    top: 50%;
    z-index: 0;
    transform: translateY(-50%);
}
section#slider article.img-card-text figure:after {
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 80%);
}
section#slider article.img-card-text .article-info {
    transform: translateY(-20px);
}
section#slider article.img-card-text .nome-categoria a {
    color: var(--white);
}
section#slider article.img-card-text .nome-categoria a:hover {
    color: var(--grey);
}
section#slider .author-box .post__meta__data.label a {
    color: var(--white);
}
section#slider .author-box .author-img {
    width: 35px;
}

section#slider .owl-stage-outer:after {
    display: none;
}
section#slider .owl-carousel.slider-home .owl-stage-outer {
    overflow: visible;
}
section#slider .owl-carousel.slider-home .owl-item {
    border-radius: var(--radius);
}
section#slider .owl-carousel.slider-home .owl-item.active {
    transition: opacity 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;
}
/*section#slider .owl-carousel.slider-home .owl-item.active:hover {
    box-shadow: 0px 5px 15px #00000050;
}*/
section#slider .owl-carousel.slider-home .owl-item.active:hover article.img-card-text figure img {
    transform: scale(1.03);
}
section#slider .owl-carousel.slider-home .owl-item:not(.active) {
    opacity: 0.2;
    transition: opacity 0.5s ease, box-shadow 0.5s ease, transform 0.5s ease;
}

section#slider .owl-carousel.slider-home .owl-nav {
    top: calc(100% - 75px);
    justify-content: flex-start;
    left: 30px;
    column-gap: 5px;
}

section#slider .owl-carousel.slider-home .owl-nav button.owl-prev,
section#slider .owl-carousel.slider-home .owl-nav button.owl-next {
    transform: translate(0,0);
    height: 35px;
    width: 35px;
    transition: ease 0.3s;
}

section#slider .owl-carousel.slider-home .owl-nav button.owl-prev:hover,
section#slider .owl-carousel.slider-home .owl-nav button.owl-next:hover{
    background-color: #ffffff25!important;
    transition: ease 0.3s;
}

section#slider .owl-carousel.slider-home .owl-nav button span {
    color: var(--white);
    font-size: var(--size-h3);
    line-height: 35px;
}

section#slider .owl-carousel.slider-home .owl-dots {
    margin: 0px;
    bottom: 25px;
    position: absolute;
    height: 0px;
    width: 100%;
    display: flex;
    flex-direction: row;
    top: calc(100% - 60px);
    justify-content: center;
    column-gap: 7px;
    overflow: visible;
}
section#slider .owl-carousel.slider-home .owl-dots .owl-dot,
section#city .owl-carousel.slider-citta .owl-dots .owl-dot {
    height: 7px;
    width: 7px;
    border-radius: 100%;
    background-color: #ffffff70;
}
section#slider .owl-carousel.slider-home .owl-dots .owl-dot.active,
section#city .owl-carousel.slider-citta .owl-dots .owl-dot.active {
    background-color: #ffffff;
}



section#luoghi .owl-carousel.carosello-luoghi .owl-item:active {
    transform: scale(0.95);
    transition: transform ease 0.1s
}

.owl-carousel.carosello-luoghi .owl-item > a > div {
    width: 100px;
}
section#luoghi .owl-carousel.carosello-luoghi .owl-item figure {
    outline: 2px solid var(--light-grey);
    outline-offset: -2px;
    border: 7px solid var(--white);
    transition: ease 0.5s;
    width: 100px;
}
section#luoghi .owl-carousel.carosello-luoghi .owl-item:hover figure {
    outline: 2px solid var(--city-color);
    transition: ease 0.5s;
}

section#luoghi .owl-carousel.carosello-luoghi .owl-item a {
    text-decoration: none;
}
section#luoghi .owl-carousel.carosello-luoghi .owl-item a .grey {
    transition: ease-in-out 0.3s;
}
section#luoghi .owl-carousel.carosello-luoghi .owl-item:hover a .grey {
    color: var(--black)!important;
    transition: ease-in-out 0.3s;
}

section#luoghi .owl-carousel.carosello-luoghi .owl-stage-outer:after {
    display: none;
}

.owl-carousel.nav-transparent .owl-nav button.owl-prev:before,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor .owl-nav button.owl-prev:before {
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    background: linear-gradient(to right, rgba(255,255,255,1) 40px, rgba(255,255,255,0) 100%);
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}
.owl-carousel.nav-transparent .owl-nav button.owl-next:before,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor .owl-nav button.owl-next:before {
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    background: linear-gradient(to left, rgba(255,255,255,1) 40px, rgba(255,255,255,0) 100%);
    top: 0;
    right: 0;
    pointer-events: none;
    z-index: 1;
}

/*.owl-carousel.nav-full .owl-nav {
    top: -16px;
}*/

.owl-carousel.nav-full .owl-nav button span,
.owl-carousel.nav-transparent .owl-nav button span,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor .owl-nav button span {
    color: var(--black);
    font-size: var(--size-h3);
    line-height: 35px;
    height: 35px;
    width: 35px;
    left: 0px;
    position: absolute;
    z-index: 2;
    border-radius: 100%;
    transition: background-color ease 0.3s;
    pointer-events: all;
}
.owl-carousel.nav-full .owl-nav button span {
    background-color: var(--white);
    box-shadow: var(--shadow-dark);
}
.owl-carousel.nav-full .owl-nav button.owl-next span,
.owl-carousel.nav-transparent .owl-nav button.owl-next span,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor .owl-nav button.owl-next span {
    right: 0px;
    left: auto;
}
.owl-carousel.nav-full .owl-nav button.owl-prev span {
    left: 20px;
}
.owl-carousel.nav-full .owl-nav button.owl-next span {
    right: 20px;
}
.owl-carousel.nav-full .owl-nav button span:hover,
.owl-carousel.nav-transparent .owl-nav button span:hover,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor .owl-nav button span:hover {
    background-color: #00000010;
    transition: background-color ease 0.3s;
}
.owl-carousel.nav-full .owl-nav button span:hover {
    background-color: var(--white);
}

.owl-carousel.nav-full .owl-nav button.owl-prev,
.owl-carousel.nav-full .owl-nav button.owl-next,
.owl-carousel.nav-transparent .owl-nav button.owl-prev,
.owl-carousel.nav-transparent .owl-nav button.owl-next,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor .owl-nav button.owl-prev,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor .owl-nav button.owl-next {
    transform: translate(0,0);
    height: 100%;
    width: 150px;
    border-radius: 0px;
    transition: ease 0.3s;
    pointer-events: none;
}
.owl-carousel.nav-full .owl-nav button.owl-prev.disabled,
.owl-carousel.nav-full .owl-nav button.owl-next.disabled,
.owl-carousel.nav-transparent .owl-nav button.owl-prev.disabled,
.owl-carousel.nav-transparent .owl-nav button.owl-next.disabled,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor .owl-nav button.owl-prev.disabled,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor .owl-nav button.owl-next.disabled {
    visibility: hidden;
}

.owl-carousel.nav-full .owl-nav button.owl-prev:hover,
.owl-carousel.nav-full .owl-nav button.owl-next:hover,
.owl-carousel.nav-transparent .owl-nav button.owl-prev:hover,
.owl-carousel.nav-transparent .owl-nav button.owl-next:hover,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor button.owl-prev:hover,
section#contributor-milano-sostenibile .owl-carousel.carosello-contributor button.owl-next:hover {
    background-color: transparent!important;
}

/*section#luoghi .owl-carousel .owl-dots {
    margin: 0px;
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-top: 25px;
    justify-content: center;
    column-gap: 7px;
    overflow: visible;
}
section#luoghi .owl-carousel .owl-dots .owl-dot {
    height: 7px;
    width: 7px;
    border-radius: 100%;
    background-color: #d3d3d370;
}
section#luoghi .owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--black);
}*/
section#luoghi .owl-carousel.carosello-luoghi .owl-item a p {
    line-height: 1.2;
}




figure.sticker img {width: auto!important;}
section#news .blank-card a {
    line-height: 1.2!important
}
section#news figure.smile-icon {
    height: 45%;
    top: 0px;
    left: 15%;
    transform: translateY(-50%) rotate(-15deg);
}
section#news figure.architettura-icon {
    height: 55%;
    bottom: 0px;
    right: 12%;
    transform: translateY(30%) rotate(5deg);
}
section#news figure.bicicletta-icon {
    height: 65%;
    top: 0px;
    left: 15%;
    transform: translateY(-65%) rotate(-10deg);
}
section#news figure.fiore-icon {
    height: 50%;
    bottom: 0px;
    left: 0%;
    transform: translateY(40%) rotate(-25deg);
}
section#news figure.vino-icon {
    height: 40%;
    bottom: 0px;
    right: 8%;
    transform: translateY(60%) rotate(20deg);
}


section#city .contenuto {
    overflow: hidden;
}
section#liste .owl-carousel.carosello-liste .owl-stage-outer {
    overflow: hidden;
}




section#liste .owl-carousel.carosello-liste figure:after {
    content: '';
    height: 100%;
    position: absolute;
    width: 100%;
    background: linear-gradient(to top, rgba(0,0,0,1) 0px, rgba(0,0,0,0) 75%);
    bottom: 0;
    right: 0;
    border-radius: var(--radius);
}



.data-evento {transform: translateY(-50%);}
.owl-carousel.carosello-immagini .owl-dots {
    display: flex;
    position: absolute;
    gap: 10px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 25px;
    width: auto;
    background-color:rgba(0, 0, 0, 0.3)!important;
    transition: ease 0.3s background-color;
    padding: 10px;
}
.owl-carousel.carosello-immagini .owl-dots .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--white);
    opacity: 0.4;
}
.owl-carousel.carosello-immagini .owl-dots .owl-dot.active {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--white);
    opacity: 1;
}
.owl-carousel.carosello-immagini .owl-nav {
    top: 50%;
    transform: translateY(-50%);
    height: auto;
    width: calc(100% - 40px);
    left: 20px;
}

.owl-carousel.carosello-immagini .owl-nav .owl-prev,
.owl-carousel.carosello-immagini .owl-nav .owl-next {
    transform: translate(0px, 0px);
    background: var(--black);
    background-color:rgba(0, 0, 0, 0.3);
    transition: ease 0.3s background-color;
}
.owl-carousel.carosello-immagini .owl-dots:hover,
.owl-carousel.carosello-immagini .owl-nav button.owl-prev:hover,
.owl-carousel.carosello-immagini .owl-nav button.owl-next:hover {
    background-color:rgba(0, 0, 0, 0.7)!important;
    transition: ease 0.3s background-color;
}
.owl-carousel.carosello-immagini .owl-nav .owl-prev span,
.owl-carousel.carosello-immagini .owl-nav .owl-next span{
    transform: translateY(7px);
}
.owl-carousel.carosello-immagini .owl-nav .owl-prev i.material-icons,
.owl-carousel.carosello-immagini .owl-nav .owl-next i.material-icons{
    color: var(--white);
    margin: 0px;
    font-size: 24px;
}

section#eventi.events-full {
    height: calc(100vh - (var(--padding-box))*2);
}
section#eventi.events-full .contenuto {
    height: 100%;
}
section#eventi.events-full .owl-carousel.carosello-immagini {
    position: absolute;
}
section#eventi.events-full .owl-carousel.carosello-immagini .owl-stage-outer,
section#eventi.events-full .owl-carousel.carosello-immagini .owl-stage-outer .owl-stage {
    height: 100%;
}
section#eventi.events-full .owl-carousel.carosello-immagini .owl-stage-outer .owl-stage img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    display: contents;
}
section#eventi.events-full .owl-carousel.carosello-immagini {
    border-radius: 0px;
}

section#city .owl-carousel .owl-stage-outer {
    overflow: visible;
}
section#city .box-citta figure {
    transform: translateX(7.5%);
    left: 0;
    -webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 65%, rgba(0,0,0,0) 98%);
}

/* Contributor avatar */
.contributor-box figure {transition: transform 0.3s;}
.contributor-box:hover figure {
    transform: scale(1.03);
    transition: transform 0.3s;
}
.contributor-box:active figure {
    transform: scale(0.97);
    transition: transform 0.3s;
}

/* Partner */
section#partner a:hover figure {
    opacity: 0.7;
    transition: opacity 0.5s ease;
}

/* Articoli lista */
section#cover .thumbnail-box {
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}
section#cover .contenuto {
    margin-top: -1px;
}
.thumbnail-box figure {max-height: 400px;}
.tag-lista {color: var(--grey);}
.tag-lista:after {
    content: '•';
    padding-left: 10px;
}
.tag-lista:last-child:after {display: none;}

.blocco-art.margin-bottom:last-child {
    margin-bottom: 0px;
}

.info-nel-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    margin: 0px;
    text-align: left;
    align-items: center;
    font-size: var(--size-p-small);
    line-height: 1;
}
.info-nel-box > .material-icons {
    font-size: 18px;
    color: var(--grey);
}

.faq-question,
.faq-question-title {
    background: none;
    border: none;
    cursor: pointer;
}
.faq-question-title {
    border-bottom: 1px solid #ccc;
}
.faq-toggle-icon {
    float: right;
    font-weight: bold;
}







/* Share */
.addtoany_shortcode {
    margin-top: 5px;
}







/* Paginazione */
.pagination:before, .pagination:after {
    display: none;
}

.pagination__classic span:not(.prev):not(.next),
.pagination__classic a:not(.prev):not(.next) {
    margin: 0px;
}
.pagination__classic a.prev,
.pagination__classic a.next {
    position: absolute;
    top: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pagination__classic a.prev {left: 0;}
.pagination__classic a.next {right: 0;}

a.prev.page-numbers,
a.next.page-numbers,
a.page-numbers:not(.prev):not(.next) {
    transition: all 0.3s ease;
}

a.prev.page-numbers:hover {
    transform: translatex(-3px);
    transition: all 0.3s ease;
}
a.next.page-numbers:hover {
    transform: translatex(3px);
    transition: all 0.3s ease;
}

.pagination__classic span,
.pagination__classic a {
    margin-left: 0px;
    color: var(--black);
}
.pagination__classic span.current, .pagination__classic a.current {
    background: var(--black);
    color: var(--white);
}

a.page-numbers:not(.prev):not(.next):hover {
    background-color: var(--light-grey);
    transition: background-color 0.3s ease;
}







/* Macro categorie */
.page-template-macro-categorie .post__content {
    margin: 0px;
    padding: 0px;
}

/* Quartieri grid */
.quartieri-grid .article-data {
    display: none;
}
.quartieri-grid .post__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    pointer-events: none;
    flex-wrap: wrap;
}
.quartieri-grid .article-info .title-h3 {
    text-align: center;
}
.quartieri-grid .article-info .title-h3 a {
    color: var(--white);
}
.quartieri-grid .article-info .title-h3:hover a {
    text-decoration: none!important;
}
.quartieri-grid .article-info .meta-loop {
    display: none;
}
.quartieri-grid .loop-container.loop-container--style-grid {
    grid-template-columns: 1fr 1fr;
}
.quartieri-grid .loop-container.loop-container--style-grid figure {
    aspect-ratio: 3 / 2;
}
.quartieri-grid .loop-container.loop-container--style-grid figure:after {
    content: '';
    top: 0;
    left: 0;
    background: #00000035;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    border-radius: var(--radius-small);
}






/* Lavora con noi */
section#collage .collage-img {
    mask-image: linear-gradient(transparent 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, transparent 100%);
    -webkit-mask-image: linear-gradient(transparent 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, transparent 100%);
}

section#clienti .lista-clienti figure svg path {
    fill: var(--black);
    opacity: 0.5;
    transition: opacity 0.3s ease;
}
section#clienti .lista-clienti figure:hover svg path {
    opacity: 1;
    transition: opacity 0.3s ease;
}

ul.remove {
    list-style-type: none;
    padding: 0px;
}

li.card-lavoro:nth-child(1),
li.card-lavoro:nth-child(4),
li.card-lavoro:nth-child(5),
li.card-lavoro:nth-child(8) {
    flex-basis: 34%;
    flex-grow: 1;
}
li.card-lavoro:nth-child(2),
li.card-lavoro:nth-child(3),
li.card-lavoro:nth-child(6),
li.card-lavoro:nth-child(7){
    flex-basis: 54%;
    flex-grow: 1;
}
.img-offerta {width: 200px;}





/* Chi siamo */
.img-squad {
    margin-top: -70px;
    mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 75%, transparent 100%);
    -webkit-mask-image: linear-gradient(rgb(0, 0, 0) 0%, rgb(0, 0, 0) 75%, transparent 100%);
}

.carosello-avatar figure {
    width: 100px;
}






/* Correzioni pagine vecchie del tema che andranno rifatte */
.article-single {
    width: var(--w-container);
    margin: auto;
    padding: var(--padding-container);
    margin-bottom: var(--space-margin);
}

.article-single .main-content {
    padding: 0px;
}

@media screen and (max-width: 1170px){
    .post__content {
        padding-left: 0px;
    }
}

.loop-container--style-masonry article .post__inwrap:before, .loop-container--style-list article .post__inwrap:before, .loop-container--style-list-highlights article .post__inwrap:before, .loop-container--style-grid article .post__inwrap:before, .loop-container--style-grid-3-1 article .post__inwrap:before, .loop-container--style-grid-3-2 article .post__inwrap:before, .loop-container--style-masonry article .post__inwrap:after, .loop-container--style-list article .post__inwrap:after, .loop-container--style-list-highlights article .post__inwrap:after, .loop-container--style-grid article .post__inwrap:after, .loop-container--style-grid-3-1 article .post__inwrap:after, .loop-container--style-grid-3-2 article .post__inwrap:after,
.loop-container--style-masonry article .post__inwrap:after, .loop-container--style-list article .post__inwrap:after, .loop-container--style-list-highlights article .post__inwrap:after, .loop-container--style-grid article .post__inwrap:after, .loop-container--style-grid-3-1 article .post__inwrap:after, .loop-container--style-grid-3-2 article .post__inwrap:after,
.loop-container--style-masonry article .post__text:before, .loop-container--style-list article .post__text:before, .loop-container--style-list-highlights article .post__text:before, .loop-container--style-grid article .post__text:before, .loop-container--style-grid-3-1 article .post__text:before, .loop-container--style-grid-3-2 article .post__text:before, .loop-container--style-masonry article .post__text:after, .loop-container--style-list article .post__text:after, .loop-container--style-list-highlights article .post__text:after, .loop-container--style-grid article .post__text:after, .loop-container--style-grid-3-1 article .post__text:after, .loop-container--style-grid-3-2 article .post__text:after,
.loop-container--style-masonry article .post__text:after, .loop-container--style-list article .post__text:after, .loop-container--style-list-highlights article .post__text:after, .loop-container--style-grid article .post__text:after, .loop-container--style-grid-3-1 article .post__text:after, .loop-container--style-grid-3-2 article .post__text:after {display: none;}
.article-grid article {
    height: -webkit-fit-content;
}

.search .main-content,
.archive.category .main-content,
.archive.author .main-content {
    padding: 0px;
    width: var(--w-container);
}












.content-wrapper {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}