/*impostazioni generali standard*/
*, ::after, ::before {
    box-sizing: border-box;
}
::selection {
    color: #fff;
    background: #455b65;
}
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var {
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    background: 0 0;
    border: 0;
    outline: 0
}
* {
    box-sizing: border-box
}
body, button, input, textarea, label {
   font-family: var(--font-generale);
}
article,aside,details,figcaption,figure,footer,header,main,nav,section {
    display: block
}
.figure-single {
    position: relative;
}
body.noScroll {
    overflow: hidden;
}
del {
    text-decoration: line-through
}
table {
    width: 100%;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    border: medium none;
    border-collapse: collapse;
    border-spacing: 0
}
table tr {
    border: 1px solid #e1e1e1
}
table th {
    padding: 5px 7px;
    text-align: left;
    border-right: 1px solid #e1e1e1
}
table td {
    padding: 5px 10px;
    text-align: left;
    border: 0;
    border-right: 1px solid #e1e1e1
}
table td br {
    display: none
}
hr {
    background-color: #bbb;
    border: 0;
    height: 1px;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}
hr:not(.is-style-wide):not(.is-style-dots) {
    max-width: 100px
}
ol,ul {
    list-style-position: outside;
    padding: 0px;
    margin: 0 0 1.5em
}
li>ol,li>ul {
    margin-bottom: 0;
    margin-left: 1.5em
}
dt {
    font-weight: 700
}
dd {
    margin: 0 1.5em 1.5em
}
a img {
    border: none
}
img {
    height: auto;
    max-width: 100%
}
img {
    vertical-align: middle;
    border-style: none
}
figure {
    margin: 0
}
embed,iframe,object {
    display: block;
    max-width: 100%
}
video {
    display: block
}
embed,object {
    height: auto;
}
label {
    display: block;
    font-size: 16px;
    line-height: 1.25em;
    font-weight: 500;
    letter-spacing: initial;
}
fieldset {
    margin-bottom: 1em;
    padding: .35em .75em .625em;
}
input[type=submit] {
    -webkit-appearance: none;
    appearance: none;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,strong {
    font-weight: 600;
}
small {
    font-size: 80%;
}

body {
    font-size: 16px;
    line-height: 1.8rem;
    font-weight: 400;
    color: var(--testo);
    background-color: #fff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    background-color: var(--background-sito);
}

h1{
    font-family: inherit;
    color: var(--titoli-H-Menu);
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 700;
    margin-top: 0;
    margin-left: 0;
    margin-right:0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h1 a, h2 a, h3 a, h4 a, h4 a, h5 a, h6 a{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    text-decoration: none !important;
}
h1 a:focus,h1 a:hover, h2 a:focus,h2 a:hover, h3 a:focus,h3 a:hover, h4 a:focus,h4 a:hover, h5 a:focus,h5 a:hover, h6 a:focus,h6 a:hover {
    color: var(--colore-link);
    text-decoration: none !important;
}

/*---------------------------------------------------------------------------------------*/

h2 {
    font-family: inherit;
    color: var(--titoli-H-Menu);
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 10px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h3 {
    font-family: inherit;
    color: var(--titoli-H-Menu);
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 10px;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h4 {
    font-family: inherit;
    color: var(--titoli-H-Menu);
    font-size: 1.4rem;
    line-height: 1.43478em;
    font-weight: 700;
    margin: 10px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h5{
    font-family: inherit;
    color: var(--titoli-H-Menu);
    font-size: 1.2rem;
    line-height: 1.3em;
    font-weight: 700;
    margin: 10px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

h6{
    font-family: inherit;
    color: var(--titoli-H-Menu);
    font-size: 1rem;
    line-height: 1.4375em;
    font-weight: 700;
    margin: 10px 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/


@media (min-width: 440px) {
    h1{
       font-size: 2.2rem;
       line-height: 1.18em;
   }
    h2{
       font-size: 1.8rem;
       line-height: 2.4rem;
   }
    h3{
       font-size: 1.6rem;
       line-height: 1.34615em;
   }
    h4{
       font-size: 1.4rem;
       line-height: 1.43478em;
   }
    h5{
       font-size: 1.2rem;
       line-height: 1.3em;
   }
    h6{
       font-size: 1.rem;
       line-height: 1.4375em;
   }
}
@media (min-width: 730px) {
    h1{
       font-size: 2.2rem;
       line-height: 1.18em;
   }
    h2{
       font-size: 1.8rem;
       line-height: 1.13889em;
   }
    h3{
       font-size: 1.6rem;
       line-height: 1.34615em;
   }
    h4{
       font-size: 1.4rem;
       line-height: 1.43478em;
   }
    h5{
       font-size: 1.2rem;
       line-height: 1.3em;
   }
    h6{
       font-size: 1rem;
       line-height: 1.4375em;
   }
}
@media (min-width: 1024px) {
    h1{
       font-size: 2.2rem;
       line-height: 1.18em;
   }
    h2{
       font-size: 1.8rem;
       line-height: 1.13889em;
   }
    h3{
       font-size: 1.6rem;
       line-height: 1.34615em;
   }
    h4{
       font-size: 1.4rem;
       line-height: 1.43478em;
   }
    h5{
       font-size: 1.2rem;
       line-height: 1.3em;
   }
    h6{
       font-size: 1rem;
       line-height: 1.4375em;
   }
}

/*qwerty*/
@media (min-width: 1100px) {
    h1{
       font-size: 2.1rem;
       line-height: 1.1em;
   }
    h2{
       font-size: 1.7rem;
       line-height: 2rem;
   }
    h3{
       font-size: 1.6rem;
       line-height: 1.34615em;
   }
    h4{
       font-size: 1.4rem;
       line-height: 1.43478em;
   }
    h5{
       font-size: 1.2rem;
       line-height: 1.3em;
   }
    h6{
       font-size: 1rem;
       line-height: 1.4375em;
   }
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/

a,p a {
    color: var(--colore-link);
    text-decoration: underline;
    transition: color .2s ease-out;
    cursor: pointer
}
a:focus,a:hover,p a:focus,p a:hover {
    color: #1e1e1e;
    text-decoration: underline
}

p {
    margin: 10px 0
}

blockquote {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 20px 0!important;
    border: none!important;
    box-shadow: none!important;
    font-family: inherit;
    color: #1e1e1e;
    font-size: 20px;
    line-height: 1.43478em;
    font-weight: 400;
    font-style: italic;
    quotes: none;
    z-index: 1
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/

input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],input[type=url],textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin: 0 0 26px;
    padding: 10px 20px;
    font-family: inherit;
    font-size: 16px;
    line-height: 28px;
    font-weight: inherit;
    color: #a8a7a7;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    box-sizing: border-box;
    outline: 0;
    cursor: pointer;
    transition: color .2s ease-out,background-color .2s ease-out,border-color .2s ease-out
}
input[type=search] {
    margin: 0 0 26px;
    padding: 8px 20px;
    font-family: inherit;
    font-size: 16px;
    line-height: 20px;
    font-weight: inherit;
    color: #a8a7a7;
    background-color: transparent;
    border: 2px solid #282828;
}

input[type=date]:focus,input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus {
    color: #1e1e1e;
    background-color: transparent;
    border-color: #1e1e1e
}

input[type=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: inherit;
    opacity: 1
}

input[type=date]::placeholder input[type=email]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=url]::placeholder, textarea::placeholder {
    color: inherit;
    opacity: 1
}

button[type=submit], input[type=submit] {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    margin: 0;
    font-family: inherit;
    font-size: 30px;
    line-height: 1em;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
    border-radius: 0;
    outline: 0;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;
    padding: 10px 0px;
    color: #fff;
    background-color: var(--titoli-H-Menu);
    border: 0;
    cursor: pointer;
   /* margin-top: 16px;
    */
}
button[type=submit]:focus,button[type=submit]:hover,input[type=submit]:focus,input[type=submit]:hover {
    color: #fff;
    background-color: #333
}
.autorizzo{
    margin-right: 10px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*impostazioni generali*/
.container {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #ffffff;
   /* float: left;
    */
}
.d-none {
    display: none!important
}
.clear {
   clear: both;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*menu*/
header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    z-index: 110;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgb(255, 255, 255);
    height: 60px !important;
    -webkit-box-shadow: var(--sfumatura);
    box-shadow: var(--sfumatura);
}

header.logged {
   top: 32px;
}

.elementi-header {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    position: relative;
}
.larghezza-header {
   max-width: 1290px;
}

.logo {
    /* width: 16.666%; */
    display: flex;
    position: relative;
}

.align_central {
        align-content: center;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
}

.logo img {
    /* height: 50px;
    width: 100%; */
    padding-top: 5px;
    padding-bottom: 5px;
}

.central-header {
   width: 66.666%;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    width: 100%;
    text-align: center;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: block;
}
.main-navigation ul li {
    position: relative;
    display: inline-block;
    text-align: left;
}
.main-navigation ul.menu>li.menu-item>a {
    display: block;
    font-size: var(--menu-text-size);
    line-height: 1.3333333333;
    font-weight: var(--menu-text-weight);
    letter-spacing: 1px;
    text-transform: var(--menu-text-case);
    color: var(--titoli-H-Menu);
    padding: 22px 15px;
    text-decoration: none;
}
.main-navigation ul.menu>li.menu-item>a:first-letter {
    text-transform: capitalize;
}
.main-navigation::before, .main-navigation::after {
    content: '';
    display: table;
}
.main-navigation ul.menu {
    max-height: none;
    overflow: visible;
    margin-left: -1.1em;
    margin-right: -1.1em;
}
.main-navigation ul.menu>li.menu-item:hover>a {
    color: var(--colore-link)
}
.main-navigation ul.menu>li.menu-item.voce-attiva>a,.main-navigation ul.menu>li.voce-attiva>a,.main-navigation ul.menu>li.menu-item.voce-attiva>a {
    color: var(--titoli-H-Menu)
}
.voce-attiva {
   opacity: 1;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/

.central-header .main-navigation ul.menu>li.menu-item>a:hover>span:after, .central-header .main-navigation ul.menu>li.voce-attiva.menu-item>a >span:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 2px;
    margin: 0;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .3s ease;
    background-color: var(--colore-link);
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*hamburger*/
#nav-icon2 {
    width: 30px;
    height: 30px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
}
/* #nav-icon2 {
}
*/
#nav-icon2 span {
    display: block;
    position: absolute;
    height: 5px;
    width: 50%;
    background: var(--colore-hover);
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 5px 5px 0;
}
#nav-icon2 span:nth-child(odd) {
    left:0px;
    border-radius: 5px 0 0 5px;
}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
    top: 3px;
}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
    top: 13px;
}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {
    top: 23px;
}
#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#nav-icon2.open span:nth-child(1) {
    left: 3px;
    top: 8px;
}
#nav-icon2.open span:nth-child(2) {
    left: calc(50% - 3px);
    top: 8px;
}
#nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}
#nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}
#nav-icon2.open span:nth-child(5) {
    left: 3px;
    top: 17px;
}
#nav-icon2.open span:nth-child(6) {
    left: calc(50% - 3px);
    top: 17px;
}
/*eof hamburger*/
/*sottomenu*/
.main-navigation .sub-menu {
    padding: 20px 0;
    background-color: #fff
}
.main-navigation .sub-menu.hidden{
   display: none;
}
.mobile-navigation {
    clear: both
}
.mobile-navigation ul {
    margin: 0;
    list-style: none
}
.mobile-navigation ul li {
    position: relative;
    border-style: solid;
    border-width: 1px 0 0;
    border-color: #333
}
.mobile-navigation ul li a {
    padding: .5em;
    display: block;
    color: #fff
}
.mobile-navigation ul li button::after {
    transition: all,ease,.9s
}
.mobile-navigation ul li button.toggled-on::after {
    transform: rotate(180deg)
}
.mobile-navigation ul>li:first-child {
    border: none
}
.mobile-navigation ul .sub-menu {
    display: none;
    padding-left: 10px
}
.mobile-navigation .dropdown-toggle {
    background: 0 0;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 7px 1.2em;
    color: #fff;
    border-radius: 0
}
.mobile-navigation .dropdown-toggle:focus {
    outline: none;
    background-color: transparent
}
.mobile-navigation .dropdown-toggle:hover {
    background: 0 0
}
.main-navigation.toggled .menu>ul:not(.nav-menu),.main-navigation.toggled ul[aria-expanded=true] {
    max-height: 9999px
}
.main-navigation ul ul.sub-menu {
    float: left;
    position: absolute;
    top: 100%;
    z-index: 99999;
   /* opacity: 0;
    display: none;
   */
    transition: all .3s ease;
    margin-top: 0px;
    border-top: solid 2px #f8f8f8;
    box-shadow: var(--sfumatura-sottomenu);
}
.main-navigation ul ul.sub-menu.sub-menu--is-touch-device {
    display: none;
    left: 0
}
.main-navigation ul ul.sub-menu li {
    display: block;
    min-width: 258px
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px){
    .main-navigation ul.menu ul.sub-menu,.main-navigation ul.nav-menu ul.sub-menu {
        margin-left: 0
   }
    .main-navigation ul.menu ul.sub-menu li.menu-item,.main-navigation ul.nav-menu ul.sub-menu li.menu-item {
        padding: 0 30px
   }
    .main-navigation ul.menu ul.sub-menu li.menu-item a,.main-navigation ul.nav-menu ul.sub-menu li.menu-item a {
        padding: 12px 0;
        font-weight: 500;
        font-size: 12px;
        line-height: 1.25;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc;
        text-decoration: none;
        display: block;
        color: var(--titoli-H-Menu);
        letter-spacing: 1px;
   }
    .main-navigation ul.menu ul.sub-menu li.menu-item a>span:before,.main-navigation ul.nav-menu ul.sub-menu li.menu-item a>span:before {
        content: '';
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        margin-right: 9px;
        margin-bottom: 2px;
        background-color: var(--colore-link);
   }
    .main-navigation ul.menu ul.sub-menu li.menu-item a:hover,.main-navigation ul.nav-menu ul.sub-menu li.menu-item a:hover {
        text-decoration: none;
   }
    .main-navigation ul.menu ul.sub-menu li.menu-item:last-child a,.main-navigation ul.nav-menu ul.sub-menu li.menu-item:last-child a {
        border-bottom: none
   }
    .main-navigation ul.menu ul.sub-menu ul,.main-navigation ul.nav-menu ul.sub-menu ul {
        margin-left: 0
   }
    .main-navigation ul.menu ul.sub-menu li.menu-item:hover>a,.main-navigation ul.menu ul.sub-menu li.focus,.main-navigation ul.nav-menu ul.sub-menu li.menu-item:hover>a,.main-navigation ul.nav-menu ul.sub-menu li.focus {
        color: var(--colore-secondaria);
   }
    .main-navigation ul.menu ul.sub-menu li.menu-item:hover>a>span:before,.main-navigation ul.menu ul.sub-menu li.focus>span:before,.main-navigation ul.nav-menu ul.sub-menu li.menu-item:hover>a>span:before,.main-navigation ul.nav-menu ul.sub-menu li.focus>span:before {
        background-color: var(--colore-principale)
   }
}
.ricerca-menu {
   width: 16.666%;
    display: flex;
    justify-content: flex-end;
}
.cerca {
   align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.cerca img {
   padding-left: 10px;
    padding-right: 10px;
}
.menu_mobile {
   display: none;
}

@media (max-width: 1024px) {
    
    header{
            height:70px !important
    }

    .logo {
       width: 50%;
    }

    .ricerca-menu {
       width: 50%;
   }
    .central-header {
       width: 100%;
        background-color: #f8f8f8;
        position: fixed;
        top: 62px;
        left: 0;
        right: 0;
        bottom: 0;
   }
    .menu_mobile {
       display:flex;
        align-self: center;
        text-align: right;
   }
    .elementi-header {
       padding: 8px 15px 8px 15px;
   }
    .main-navigation ul li {
       text-align: left;
        width: 100%;
        padding: 5px 40px 5px 40px;
   }
    .main-navigation ul.menu>li.menu-item>a {
        padding: 15px 0px;
        border-bottom: dotted 2px #ccc;
   }
    .main-navigation ul.menu {
        padding-top: 10px;
   }
    .main-navigation ul.menu > li.menu-item.has-child > a::after{
        content: "";
        float: right;
        background-image: url("assets/images/apri-menu.svg");
        width: 16px;
        height: 16px;
        background-size: contain;
        transition: all 0.5s ease-in-out;
   }
    .main-navigation ul.menu > li.menu-item.has-child > a.open::after{
       transform: rotate(90deg);
   }
    .main-navigation .sub-menu.hidden{
        display: block;
        height: 0 !important;
        overflow: hidden;
   }
    .main-navigation .sub-menu {
       background-color: transparent;
   }
    .main-navigation ul ul.sub-menu{
       position: relative;
   }
    .main-navigation ul ul.sub-menu li {
       min-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
   }
    .main-navigation ul ul.sub-menu li a {
       text-decoration: none;
        color: #666;
       font-size: 0.85rem;
        font-weight: 500;
   }
    .main-navigation ul ul.sub-menu {
       padding-top: 0px;
        padding-bottom: 0px;
   }
    .central-header.adminbar_shift {
       top: 107px;
   }
    .central-header.hidden {
        display: none;
   }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*popup ricerca con animazione*/
.search-field {
   margin: 0 !important;
    width: 80%;
    float: left;
    height: 39px;
}
.site-search-popup.active .site-search-popup-wrap .site-search {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-in-out .3s,visibility .3s ease-in-out .3s
}
.site-search-popup {
    position: absolute;
    width: 100vw;
    top: 0;
    left: 50%;
    margin-left: -50vw;
    z-index: 99999;
    height: 100%;
    background-color: #fff;
    transition: opacity .3s ease;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}
.site-search-popup.active {
    pointer-events: auto
}
.site-search-popup.fadein {
    animation: cover_search_fade_in .3s ease both
}
.site-search-popup.fadeout {
    animation: cover_search_fade_out .3s ease both
}
.site-search-popup .site-search-popup-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 0 30px;
    width: 100%;
    height: 100%
}

@media(min-width: 1025px) {
    .site-search-popup .site-search-popup-wrap {
        padding:7px 70px
   }
}

.site-search-popup .site-search-popup-wrap .site-search-popup-close svg {
    display: block
}
.site-search-popup .site-search-popup-wrap .site-search-popup-close .close-icon:hover line,.site-search-popup .site-search-popup-wrap .site-search-popup-close .close-icon:hover path {
    animation: opal-draw .9s cubic-bezier(.22,.61,.36,1) forwards
}
.site-search-popup .site-search-popup-wrap .site-search-popup-close .close-icon:hover path {
    animation-delay: .1s
}
.site-search-popup .site-search-popup-wrap .site-search form:before {
    content: none
}
.site-search form input[type=submit], .site-search form button[type=submit] {
    float: left;
    padding: 8px 20px;
    line-height: 23px;
    font-size: 16px;
}

@media(min-width: 768px) {
    .site-search-popup .site-search-popup-wrap .site-search form input[type=text],.site-search-popup .site-search-popup-wrap .site-search form input[type=search] {
        font-size:16px
   }
    .site-search-popup .site-search-popup-wrap .site-search form input[type=text]::placeholder,.site-search-popup .site-search-popup-wrap .site-search form input[type=search]::placeholder {
        font-size: 16px
   }
}

.site-search-popup .site-search-popup-wrap .site-search form input[type=text]:focus::placeholder,.site-search-popup .site-search-popup-wrap .site-search form input[type=search]:focus::placeholder {
    opacity: 1
}

.site-search-popup .site-search-popup-wrap .site-search {
    display: block;
    width: 50%;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out
}

.site-search-popup .site-search-popup-wrap .site-search {
    margin-bottom: 0;
    border: none;
    padding: 0
}

.site-search-popup .site-search-popup-wrap .site-search .ajax-search-result {
    max-height: 50vh
}
@keyframes opal-draw {
    0%,100% {
        clip-path: inset(0 0 0 0)
   }
    42% {
        clip-path: inset(0 0 0 100%)
   }
    43% {
        clip-path: inset(0 100% 0 0)
   }
}
@keyframes cover_search_fade_out {
    0% {
        opacity: 1;
        visibility: visible
   }
    100% {
        opacity: 0;
        visibility: hidden
   }
}
@keyframes cover_search_fade_in {
    0% {
        opacity: 0;
        visibility: hidden
   }
    100% {
        opacity: 1;
        visibility: visible
   }
}
@media (max-width: 730px) {
    .site-search-popup .site-search-popup-wrap {
       padding: 0 0px;
   }
    .site-search-popup .site-search-popup-wrap .site-search {
       width: 80%;
   }
    .search-field{
       width: 65%;
        float: left;
   }
    .site-search form input[type=submit], .site-search form button[type=submit] {
       padding: 8px 10px;
   }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*sistema colonne */
.row {
   display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.row figure {
   margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}
.row figure img{
   width: 100%;
}
.col-6-bis, .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 10px;
}
.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}
.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}
.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}
.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}
.col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.col-6-bis {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}
.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}
.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}
.col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}
.col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.col-destra {
   display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

@media (min-width: 440px) {
    .col-sm {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
   }
    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
   }
    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
   }
    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
   }
    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
   }
    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
   }
    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
   }
    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
   }
    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
   }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
   }
    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
   }
    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
   }
    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
   }
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
   }
    .col-destra {
       width: 100%;
   }
}
@media (min-width: 730px) {
    .col-md {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
   }
    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
   }
    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
   }
    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
   }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
   }
    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
   }
    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
   }
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
   }
    .col-md-6-bis {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 33%
   }
    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
   }
    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
   }
    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
   }
    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
   }
    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
   }
    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
   }
    .col-destra {
       width: 100%;
   }
}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1024px) {
    .col-lg {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
   }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
   }
    .col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
   }
    .col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
   }
    .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
   }
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
   }
    .col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
   }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
   }
    .col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
   }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
   }
    .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
   }
    .col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
   }
    .col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
   }
    .col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
   }
    .col-destra {
       width: 100%;
   }
}
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1100px) {
    .col-xl {
        -ms-flex-preferred-size:0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
   }
    .col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
   }
    .col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
   }
    .col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
   }
    .col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
   }
    .col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
   }
    .col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
   }
    .col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
   }
    .col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
   }
    .col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
   }
    .col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
   }
    .col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
   }
    .col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
   }
    .col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
   }
    .col-destra {
       width: 33.333337%;
   }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*parte centrale del sito - impostazioni generali*/
.container-centrale {
    width: 100%;
    position: relative;
    margin: 0 auto;
}
.contenitore-m {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 730px) {
    .contenitore-m {
       width: 100%;
   }
}
@media (min-width: 1100px) {
    .contenitore {
       width: 1040px;
   }
    .container-centrale {
       width: 1040px;
   }
    .container {
        width: 1040px;
        margin-top: 90px;
   }
}
.before-footer-stripe {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    width: 99%;
    /* height: 460px; */
    overflow: auto;
    flex-direction: row;
   /* background-color: var(--colore-principale);
    */
    border: 2px var(--colore-principale) dashed;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
/* .before-footer-stripe div{
}
*/
.before-footer-stripe .footer-stripe-left {
    width: 66%;
}
.before-footer-stripe .footer-stripe-right {
    width: 44%;
}
.before-footer-stripe .footer-stripe-right p{
    padding-right: 10px;
}
.spacer{
    background-color: #ffffff;
    margin: 0;
    padding-top: 25px;
}
.sezione {
   display: block;
    width: 100%;
    float: left;
    padding-bottom: 30px;
    padding-top: 20px;
}
section {
   display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.paddingB-zero {
   padding-bottom: 0px;
}
.paddingT-zero {
   padding-top: 0px;
}
.paddingLR10{
   padding-left: 10px;
    padding-right: 10px;
}
.paddingLR20{
   padding-left: 20px;
    padding-right: 20px;
}
@media (max-width: 440px){
    .medium-format h3, .micro-format h3{
       line-height: 1.6rem;
        font-size: 1.2rem;
   }
}
@media (min-width: 1100px){
    .medium-format h3, .micro-format h3{
       line-height: 1.6rem;
        font-size: 1.4rem;
   }
}
.small-format {
   float: left;
    padding: 10px;
    border-bottom: dotted 2px #fff;
   padding-bottom: 20px;
    padding-top: 0px;
    width: 100%;
}
.col-12.col-md-6:nth-last-of-type(2) .small-format, .col-12.col-md-6:last-of-type .small-format {
    border-bottom: 0;
}
.small-format h3 {
   line-height: 1.2rem;
    font-size: 0.85rem;
    margin-top: 0px;
    margin-bottom: 5px;
}
.small-format figure {
    float:left;
    width: 30%;
    margin: 0;
    border: 2px var(--smallformat-figure-border-color) solid;
}
.small-format figure img {
   height: 100px;
    object-fit: cover;
}
.small-format .area-detaglio {
   float: left;
    width: 70%;
    padding-right: 0px;
    padding-left: 10px;
}
.small-format .info-articolo {
   font-size: 0.8rem;
    padding-top: 0px;
    line-height: 1.2rem;
}
.small-format h3{
   color: var(--smallformat-h3-link-color)
}
.small-format .info-articolo{
   color: var(--smallformat-h3-link-color)
}
.border-mini {
   margin-top: 20px;
    background-color: var(--colore-box-evidenza);
    padding-top: 10px;
    max-width: calc(100% + 10px + 10px);
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
}
@media (min-width: 730px){
    .small-format h3 {
       line-height: 1.4rem;
        font-size: 1rem;
        margin-bottom: 0;
   }
    aside.destra-adv {
       margin-top: 40px;
   }
}
@media (max-width: 440px){
    .micro-format h3 {
       line-height: 1.2rem;
        font-size: 0.9rem;
        margin-top: 5px;
        margin-bottom: 0px;
   }
    .micro-format .info-articolo {
       font-size: 0.8rem;
       line-height: 1.2rem;
   }
}
/*blocchi sezioni home page*/
.primo-piano {
   width: 100%;
    float: left;
}
.titolo-categoria {
   width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
}
.titolo-sfcateg {
   width: 100%;
    border-bottom: solid 2px var(--colore-secondaria);
    float: left;
}
.sf-categ {
   background-color: var(--colore-secondaria);
    color: var(--colore-txt);
    display: block;
    float: left;
    padding:0.5rem 1.2rem 0.5rem 1.2rem;
}
.sf-categ a{
    color: #fff;
    text-decoration: none;
}
.sf-categ a:hover{
    text-decoration: underline;
}
.adv01 {
   float: left;
    width: 100%;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    background-color: #fff;
}
.contenuto-centrale {
   /* float: left;
    */
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: var(--sfumatura);
    box-shadow: var(--sfumatura);
}
.info-articolo {
    color: #666;
    font-size: 0.8rem;
    font-weight: bold;
}
/*adv impostazioni*/
.destra-adv {
   display: flex;
    justify-content: center !important;
    padding-right: 20px;
    align-content: baseline;
}
.destra-adv aside{
   width: 100%;
    text-align: center;
    background-color: #f9f7f7;
}
.adv-articolo {
   width: 100%;
    float: left;
    background-color: #fff;
    margin-top: 20px;
   margin-bottom: 20px;
}
@media (max-width: 729px){
    .destra-adv {
       padding-left: 20px;
   }
}
@media (min-width: 730px){
    .destra-adv {
       margin-top: 20px;
        padding-left: 20px;
   }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*articolo detaglio*/
.articolo-testata {
    width: 100%;
}
.articolo-contenuto {
   /*float: left;
   */
    width: 100%;
    border-bottom: 2px var(--colore-principale) dotted;
    padding-bottom: 12px;
    margin-bottom: 11px;
}
.articolo-contenuto h3 {
   color: var(--sottotitoli);
    padding-top: 10px;
   /*float: left;
   */
    width: 100%;
}
.articolo-contenuto {
   counter-reset: h2-number;
}
.articolo-contenuto h2 {
    counter-increment: h2-number;
   /*float: left;
   */
    margin-top: 30px;
    margin-left: 55px;
}
.articolo-contenuto h2::before {
    content: counter(h2-number);
    background-color: var(--colore-principale);
    width: 2.2rem;
    height: 2.2rem;
    float: left;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    margin-right: 20px;
    line-height: 2.2rem;
    margin-left: -55px;
    margin-top: 5vpx;
}
.articolo-contenuto ul {
   padding: 15px;
    margin: 0 30px 1.5em;
    padding-bottom: 0;
    padding-top: 0;
}
.articolo-contenuto ol {
    list-style-position: outside;
    padding: 0px;
    margin: 0 auto;
    width: 90%;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*autore -pagina articolo*/
.box-autore {
   float: left;
    width: 100%;
    padding: 20px;
    /* border-top: dotted 2px var(--colore-principale); */
    margin-top: 20px;
}
.box-autore figure {
    width: 180px;
    display: table-cell;
    vertical-align: middle;
}
.box-autore figure img {
   display: block;
    border-radius: 100%;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid var(--colore-principale);
    width: 180px;
    height:180px
}

/* .info-autore {
   position: relative;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 29px;
    padding-right: 10%;
    min-width: 50%;
} */

.info-autore {
	position: relative;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left: 50px;
	/* padding-right: 10%; */
	/* width: 70%; */
}

.author-header {
	font-size: 1rem;
	line-height: 1.4375em;
    font-weight: 800;
    display: block;
}
 

.box-autore p{
   font-size: 0.85rem;
    line-height: 1.4rem;
}
/*pagina autore*/
.detagli-autore {
   position: relative;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 29px;
}
@media (max-width:768px) {
   .detagli-autore {
       padding-left: 0px;
   }
}
.noborder {
   border:none !important;
}
@media only screen and (max-width: 768px) {
    .info-autore {
       display: block;
        padding: 0;
        margin-top: 30px;
        width: 100%;
   }
    .box-autore figure {
       display: block;
        width: 100%;
   }
    .box-autore figure img {
        margin-left: auto;
        margin-right: auto;
   }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*table of content*/
#ez-toc-container {
    /* float:left; */
    width: 100%;
    padding: 10px;
    background-color: var(--background-sito);
    margin-bottom: 20px;
   margin-top: 20px;
}
.ez-toc-title {
   font-size: 1.1rem;
    font-weight: 500;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: var(--colore-sf-white);
}
#ez-toc-container ul {
   list-style: auto;
    list-style-position: inside;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right:10px;
    padding-bottom: 0;
    margin: 0;
}

/* #ez-toc-container ul li {
    padding-bottom: 10px;
    padding-top: 10px;
} */

#ez-toc-container ul li ul {
   list-style: initial;
    padding-bottom: 0;
    margin-left: 40px;
    margin-right: 40px;
}
#ez-toc-container ul li a {
   text-decoration: none;
   color: var(--titoli-H-Menu);
   font-size: 1.1rem;
    font-weight: 500;
}
#ez-toc-container ul li a:hover {
   color: var(--colore-link);
}
#ez-toc-container ul li ul li{
   padding-bottom: 0;
    padding-top: 0;
    font-size: 0.85rem;
    font-weight: 500;
}
#ez-toc-container ul li ul li a {
   font-size: 0.9rem;
}
.ez-toc-title-toggle {
   display: none;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*percorsi elenco*/
.info-percorsi {
   display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding-bottom: 20px;
}
.info-percorsi ul {
   list-style: none;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    width: 100%;
}
.info-percorsi li {
   display: inline-block;
    background-color: var(--background-sito);
    padding: 8px 10px;
    width: 50%;
    font-size: 0.9rem;
    line-height: 1.2rem;
    border-bottom: dotted 3px #fff;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width: 440px) {
   .info-percorsi li {
       width: 100%;
   }
}
.social-autore {
   margin-top: 10px;
    float: left;
    width: 100%;
}
.social-autore ul{
    width: 100% !important;
}
.social-autore li{
   line-height: 2rem !important;
    width: 100% !important;
}
.social-autore li img{
   margin: 5px;
    width: 32px;
    height: 32px;
}
.mappa {
   width: 100%;
    float: left;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*ultimi articoli -destra*/
.ultimi-articoli {
   /*float: left;
   */
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
}
.titolo-categ-destra {
   width: 100%;
    float: left;
    border-bottom: solid 2px var(--colore-secondaria);
}
.ultimi-articoli h3 {
   line-height: 1.5rem;
    font-size: 1.2em;
}
.ultimi-articoli p {
   line-height: 1.25rem;
}
.ultimi-articoli ul {
   list-style-type: none;
    display: block;
}
.ultimi-articoli ul li {
   width: 100%;
   /*float: left;
   */
    padding-top: 10px;
    padding-bottom: 10px;
}
.ultimi-articoli ul li+li {
    border-top: dotted 2px var(--colore-principale);
}
.ultimi-articoli ul li a {
   text-decoration: none;
    color: var(--titoli-H-Menu);
   /*line-height: 1.4rem;
    float: left;
   */
}
.ultimi-articoli ul li a:hover {
   color: var(--colore-link);
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*paginazione*/
span.page-numbers.current {
    background-color: #979797;
    font-size: 1rem;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    line-height: 2.2rem;
    margin-left: 5px;
    padding: 5px 15px;
}
a.page-numbers {
    background-color: var(--colore-principale);
    font-size: 1rem;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    line-height: 2.2rem;
    margin-left: 5px;
    text-decoration: none;
    padding: 5px 15px;
}


/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*box Newsletter*/
.box-NL {
    float: left;
    width: 100%;
    background-color: var(--colore-secondaria);
    padding: 20px;
    margin-bottom: 30px;
}
.box-NL h5 {
    color: var(--colore-txt);
    margin: 0;
    font-size: 1.8rem;
}
.box-NL {
    color: var(--colore-txt);
    font-size: 1.2rem;
    line-height: 1.2rem;
    padding-bottom: 10px;
}
/* .box-NL-payoff{
    font-size: 1.2rem;
}
*/



.newsletter-holder {
    text-align:center;
    background-color: orange;
    transition-duration: 2s;
    width: 100%;
    /* display: flex; */
    /* justify-content: flex-start;      */
    /* gap: 3px; */
    padding: 6px;
}

.newsletter-holder-title{
    font-size: 1.7rem;
    line-height: 1.1em;
    /* color: #282828; */
}
/* .newsletter-holder p{
    color: #282828;
} */

.newsletter-holder a{
    display: block;
    width: 100%;
    min-height: 168px;
    line-height: 32px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    transition-duration: 1s;
    color: #282828;
    padding-top: 12px;
}

.newsletter-holder:hover a:hover{
	color: #ffffff;
}

.newsletter-holder:hover{
	background-color: green;
}

/* .newsletter-holder-sx{
    order:0;
    align-self:auto;
    width: 40%;
    background: url(https://dev.trueriders.it/media/2023/05/bmw-g5e47f51d1-1280.jpg&sharpen&save-as=webp&crop-to-fit&w=300&q=80);
    background-repeat: no-repeat;
    background-size: contain;
} */

/* .newsletter-holder-dx{
    width: 60%;
} */

/* .newsletter-holder img{
    border: 3px #fff solid;
} */









/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

.errore-input-nl {
   float: left;
    width: 100%;
    color: #efda32;
    font-size: 1.2rem;
    padding: 5px;
}
.success-input-nl {
   float: left;
    width: 100%;
    color: #b1daab;
    font-size: 1.2rem;
    padding: 5px;
}
@media (min-width:730px){
    .nl-articolo input {
       width: 50% !important;
   }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*footer*/
footer {
   float: left;
    width: 100%;
    background-color: #fff;
    border-top: solid 2px #424243;
}
.box-footer {
   display: flex;
    padding: 20px;
}
.logo_footer {
   width: 100%;
    float: left;
    margin-bottom: 20px;
}
.info-footer {
   width: 100%;
    float: left;
    font-size: 0.85rem;
    line-height: 1.2rem;
}
footer ul {
   width: 100%;
    float: left;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0;
}
footer ul li {
   padding-right: 10px;
    float: left;
    display: inline-block;
}
footer ul li a {
   width: 100%;
    float: left;
    display: inline-block;
    font-size: 0.85rem;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

.social {
   display: flex;
    justify-content: right;
    align-items: end;
}
.social a {
   margin: 5px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
.valica-box {
   background-color: #424243;
    float: left;
    width: 100%;
    padding: 15px;
    display: flex;
    align-items: center;
}
.logo-valica {
   float: left;
    width: 15%;
    margin-right: 30px;
    padding: 10px;
}
.info-valica {
   float:left;
    color:#fff;
    font-size: 0.8rem;
    line-height: 1.4rem;
    width: 85%;
}
.info-valica a {
   color: #fff;
}
.info-valica a:hover {
   color: var(--colore-secondaria);
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

@media (max-width:730px){
    .logo-valica{
       padding: 0px;
   }
}
.navigation.pagination {
   width: 100%;
    float: left;
    height: 40px;
    margin-top: 30px;
    text-align: center;
    line-height: 40px;
    font-size: 0.85rem;
    margin-bottom: 30px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*breadcrumb*/
#breadcrumbs, .breadcrumb {
   width: 100%;
    float: left;
    background-color: var(--background-sito);
    margin-bottom: 30px;
    line-height: 35px;
    font-size: 0.85rem;
    padding-left: 15px;
}
p#breadcrumbs {
   margin: 0;
    margin-bottom: 20px;
}
.breadcrumb ul {
   list-style: none;
    padding-top: 0;
}
#breadcrumbs span, .breadcrumb ul li {
   float: left;
}
#breadcrumbs span a, .breadcrumb ul li a {
   text-decoration: none;
    font-weight: 500;
    color: var(--titoli-H-Menu);
}
#breadcrumbs span a:hover, .breadcrumb ul li a:hover {
   color: var(--colore-link);
}
#breadcrumbs span+span:before, .breadcrumb ul li+li:before {
   content: "";
    width: 16px;
    height: 17px;
    display: inline-block;
    background-image: url("assets/images/indietro-bread.svg");
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: -1px;
    background-size: contain;
    transform: rotate(180deg);
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*risultati pagina*/
.testata-risultati {
   width: 100%;
    padding-top: 20px;
    padding-bottom:60px;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.testata-risultati .site-search {
   width: 50%;
}
.testata-risultati .site-search form {
   float: left;
    display: flex;
    justify-content: center;
    width: 100%;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

.col-ricerca {
   color: var(--colore-link);
}
@media (max-width:730px){
    .testata-risultati .site-search {
        width: 100%;
   }
}
/*correzioni fine tunning*/
/*.corect_marginLR {
   margin-right: -10px;
    margin-left: -10px;
}
*/
.corect_marginT {
   margin-top: -10px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/* .tags-mini-box-holder {
    position: absolute;
}
*/

.tags-mini-box {
    background-color: var(--tags-mini-box-background);
    font-size: 12px;
    border-radius: 20px;
    margin-right: 5px;
    text-transform: uppercase;
    display: inline-block;
    height: auto;
    line-height: 10px;
    vertical-align: top;
    padding: 7px 11px;
    font-weight: 600;
}

.ultimi-articoli .tags-mini-box:hover,
.tags-mini-box:hover {
    background-color: var(--tags-mini-box-background-hover);
}
.ultimi-articoli .tags-mini-box a,

.tags-mini-box a{
    color:var(--tags-mini-box-text-color);
    text-decoration: none;
}

.ultimi-articoli .tags-mini-box a:hover{
    color:var(--tags-mini-box-text-color);
    text-decoration: none;
}

.post-sidebar {
	width: 100%;
}

.post-sidebar ul li {
	list-style-type: none;
}