:root {
    --color: #383E42;
    --color-dark: #3D3732;
    --primary-color: #7b91a6;
    --secondary-color: #F3F3F3;
    --dark-blue: #7b91a6;
	--h1-size: 4rem;
	--h2-size: 4rem;
	--h2-color: #7b91a6;
    --h2-weight: 900;
	--h3-size: 4rem;
	--h4-size: 24px;
	--h5-size: 24px;
	--p-size: 18px;
	--entry-content-padding: 0; /*Se full width mettere "0px" se no "0 30px"*/
	--header-menu-font-size: 16px;
	--header-menu-hover-background: transparent;
	--header-menu-hover-color: #7b91a6;
	--header-submenu-background: #7b91a6;
	--header-submenu-color: #fff;
	--header-submenu-border: none;
	--header-submenu-hover-background: transparent;
	--header-submenu-hover-color: #383E42;
	--header-hamburger-menu-color: #383E42;
	--scheda-tecnica-button-background: transparent;
	--scheda-tecnica-button-color: #383E42;
	--scheda-tecnica-button-hover-background: transparent;
	--scheda-tecnica-button-hover-color: #ffffff;
	--blog-archive-title-background: transparent;
	--blog-archive-title-color: #383E42;
	--blog-archive-button-color: #383E42;
    --button-background: #383E42;
    --button-font-color: #fff;
    --button-background-hover: #999794;
    --button-font-color-hover: #fff;
    --secondary-font-family: 'Libre Baskerville', serif;
}


/*
    0.1 BOTTONI
    0.2 HEADER
        0.2.1 toggle
    0.3 MENU
        SUB MENU
        0.3.1 SVG MENU
    0.4 PRE HEADER
    0.5 COPERTINA PAGINE
    0.6 ANIMAZIONE CARICAMENTO PAGINE
    0.7 BREADCRUMBS
    1. Pagine
        1.1 Homepage
            1.1.1 Counter homepage
            1.1.2 MARQUEE
            1.1.3 Magazine home
        1.2 CHI SIAMO
        1.3 MAPPA DEL SITO
        1.4 PAGINA CATALOGO
	2. Footer
        2.1 FOOTER CONTACT FORM
    3. Prodotti SINGLE
    4. CATEGORIE
        4.1 FILTRI
        4.2 Navigation
        4.3 PAGINA PRODUTTORE
    6. CONTATTI
        6.1 CONTACT FORM
    7. BLOG
        7.1 Archive page
        7.2 Post page

*/


/*
 Custom CSS
 */

p {
    font-weight: 300;
}
@media (max-width: 768px) {
    p {
        line-height: calc(var(--p-size) * 1.6) !important;
    }	
}
li {
    font-size: var(--p-size);
    font-weight: 300;
}
.grids-section.fullgrid {
	width: 100% !important;
}

.post-inner {
    padding-top: 0px;
}

.img-nobordi {
    margin: 0px !important;
}

p.col-2 {
    columns: 2;
}

.t-shadow{
    text-shadow: 0px 0px 10px rgb(150 150 150);
}

h2 {
	text-transform: uppercase;
}

@media (max-width: 768px) {
    p.col-2 {
        columns: 1;
    }
}

.special-p {
    font-weight: 300;
    font-size: 24px;
    line-height: 29px !important;
    font-family:var(--secondary-font-family);
}

@media (max-width: 999px) {
    .special-p {
        font-size: 20px;
        line-height: 25px !important;
    }    
}
@media (max-width: 768px) {
    .special-p {
        line-height: 30px !important;
    }    
}
.separatore-linea {
    border-top: 1px solid var(--primary-color);
    width: 30%;
    margin: 30px auto;
}

.nomargin {
	margin: 0 !important;
}

.nomargin img {
	margin: 0 !important;
}

p.second-title {
    font-family: 'Libre Baskerville';
    font-style: italic;
    font-size: 36px;
    line-height: 60px;
    color: #939393;
}

@media (max-width: 768px) {
    p.second-title {
        font-size: calc(36px*0.7);
        line-height: calc(36px*0.7);
    }
}

.vertical-line {
    height: 100px;
    background: linear-gradient(#000, #000) no-repeat center/2px 100%;
    margin-top: 20px;
}

/*0.1 BOTTONI*/

button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bg-accent,
.bg-accent-hover:hover,
.bg-accent-hover:focus,
:root .has-accent-background-color,
.comment-reply-link,
.single-product .single_add_to_cart_button {
    font-family: var(--title-font-family);
}

.button-line a,
.button-line a:visited {
	display:inline-block;
	cursor:pointer;
	color:var(--secondary-color);
	font-size:16px;
	padding:16px 31px;
	text-decoration:none!important;
    text-transform: none;
    text-decoration-color: transparent !important;
}

.button-line a img {
    display: inline;
    padding-bottom: 4px;
}

.button-line a:hover {
    background-color:#878584;
}
.blog .button-line a, .blog .button-line a:visited {
    width: inherit!important;
}
@media (max-width: 768px) {
    .button-line a {
        font-size: calc((var(--p-size))*0.7);
        line-height: calc((var(--p-size))*0.7);
    }
}
.info-product-btn {
    border: 1px solid #000;
}

.buttons-row {
    padding-top: 80px;
}

.product-description .buttons-row {
    text-align: left;
    padding-top: 0px;
}

.url-product .info-product-btn {
    background-color: #000;
    color: #fff;
}

button.info-product-btn:hover {
    background-color: #fff;
    color: #000;
}

.url-product {
    margin-right: 20%;
}

.product-list-container button {
    font-family: var(--body-font-family);
    background: #000;
    padding: 10px 20px;
}

.product-list-container .product-title {
    font-size: 20px;
    line-height: 20px;
    min-height: 25px;
    margin: 15px 0 0;
    text-transform: uppercase;
    font-weight: bold;
}

.product-list-container .product-frase-list {
    font-size: 20px;
    line-height: 20px;
    min-height: 25px;
}

.button-trasp a {
	background: transparent;
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}

.button-trasp a:hover {
	background: var(--secondary-color);
    color: #fff;
}
/*0.2 HEADER*/
header#site-header,
header .header-inner {
    /*max-height: 111px;*/
    min-height: 111px;
}

    header .header-inner {
        padding: 10px 5% !important;
        display: grid;
        grid-template-columns: 1fr 10fr 1fr;
    }

    @media(max-width: 1619px) {
        header .header-inner {
            grid-template-columns: 2fr 10fr 2fr;
        }
    }

    .header-navigation-wrapper {
        flex-direction: column;
        row-gap: 30px;
        justify-content: center;
    }
    header .header-inner .search-bar-row {
        grid-column: 2;
    }
    header .header-inner .header-extra-info {
        grid-column: 3;
    }
    header .header-inner .header-navigation-wrapper {
        /*grid-column: 1/4;*/
        grid-row: 1;
        grid-column: 2;
        min-height: 100px;
    }
    .header-inner .header-navigation-wrapper ul.primary-menu {
        margin: 0 auto;
    }

    nav.menu-header-extra-info-container ul {
        list-style: none;
        display: flex;
        align-items: center;
        margin: 0;
        justify-content: flex-end;
    }
    li.bc-mnc.bc-mnc__float-right {
        margin-left: 10px;
    }
    .bc-mnc .bc-mnc__cart-link--container {
        align-items: center;
    }
    .bc-menu-cart-text-container {
        font-size: calc(var(--p-size)/2);
        color: #000;
        text-transform: uppercase;
        line-height: 15px;
    }

    hr.bc-menu-cart-hr {
        display: none;
    }
    .primary-menu-wrapper {
        display: block;
    }

    @media (max-width: 999px){
    .header-extra-info {
        display: none;
    }
}

.bc-mnc .bc-mnc__cart-link {
    padding: 10px;
}

header .header-inner .site-logo img {
    max-height: 90px !important;
    max-width: 233px;
}

ul.primary-menu li,
ul li.menu-item-has-children ul.sub-menu li{
    font-weight: 700;
}
@media (max-width: 1185px) and (min-width: 1000px){

#mega-menu-wrap-primary_left #mega-menu-primary_left > li.mega-menu-item > a.mega-menu-link,
body header .header-inner.position-center .header-navigation-wrapper ul.primary-menu li {
    padding: 0px 5px 0px 5px !important;
}
body header .header-inner.position-center .header-navigation-wrapper ul.primary-menu li.logo {
    padding: 0 !important;
}
}
/*0.2.1 toggle*/

.header-inner button.toggle {
    min-width: 140px;
    display: flex;
    flex-direction: row;
}
.header-inner button.toggle .toggle-icon {
    min-width: max-content;
    display: flex;
    align-items: center;
}

.header-inner button.toggle .toggle-icon > span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--primary-color);
}

.header-inner button.toggle svg {
    color: var(--primary-color);
    max-height: 40px;
    margin-left: 10px;
}



/*0.3 MENU*/

.primary-menu ul a {
    font-family: var(--title-font-family);
}

@media (max-width: 1282px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding-right: 8px;
    }
}

@media (max-width: 1123px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 13px !important;
    }
}

@media (max-width: 1074px) {
    .header-titles-wrapper {
        margin-right: 0px;
    }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        padding-right: 4px !important;
    }
}


@media (max-width: 699px) {
    .mobile-menu {
    padding-top: 20px;
    }
}

@media (max-width: 999px) {
    .menu-wrapper.section-inner {
        width: calc(100% - 8rem);
    }
}

.lang-container {
    display: flex;
    /*padding-top: 30px;*/
    align-items: center;
    z-index: 1000;
    position: relative;
}
.lang-container .wpml-ls-legacy-list-horizontal {
    padding: 0 0 0 7px;
}
.lang-container img {
    width: auto;
    height: 30px;
}

svg.lang-ico path {
    fill: #000;
}

a.wpml-ls-link {
    font-size: 14px;
}

@media (max-width: 999px) {
    .lang-container {
        display: none;
    }
}
/*SUB MENU*/
.primary-menu li.menu-item-has-children:hover > ul {
	right: auto;
    /*left: 0;*/
	left: -100px;
}
.primary-menu ul.sub-menu {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    width: auto;
}
body:not(.overlay-header) .primary-menu > li > ul:after {
    border-bottom-color: var(--header-submenu-background) !important;
    /*left: 30px;*/
    left: 140px;
    right: auto;
}
.primary-menu ul.sub-menu a {
    padding: 12px;
    width: max-content;
}
.mega-menu .mega-sub-menu .mega-menu-row .mega-sub-menu .mega-sub-menu a.mega-menu-link {
    display: inline-block !important;
}
.primary-menu ul.sub-menu a::after,
.mega-menu .mega-sub-menu .mega-menu-row .mega-sub-menu .mega-sub-menu a.mega-menu-link::after {
    content: '' !important;
    display: block !important;
    width: 0 !important;
    height: 2px !important;
    background: #fff !important;
    transition: width .3s !important;
}
.primary-menu ul.sub-menu a:hover::after,
.mega-menu .mega-sub-menu .mega-menu-row .mega-sub-menu .mega-sub-menu a.mega-menu-link:hover::after {
    width: 100% !important;
}

.primary-menu > .current-menu-item>a,
.primary-menu > .current-menu-ancestor > a,
.primary-menu .current-menu-ancestor {
	color: var(--primary-color) !important;
	text-decoration: none !important;
}




.modal-menu {
    left: inherit;
}

.modal-menu > li {
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
}
.modal-menu > li a {
    display: inline-block;
    text-transform: uppercase;
    width: auto;
	display:inline-block;
	cursor:pointer;
	color:#fff;
    padding: 1rem!important;
	text-decoration:none;
    font-size: 40px !important;
    font-weight: 900 !important;
}
.modal-menu > li a:hover {
    color: var(--color);
}
.modal-menu > li a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
}
.modal-menu > li a:hover::after {
    width: 100%;
}

@media (min-width: 768px){
.menu-modal {
    opacity: 1;
    justify-content: flex-end;
    padding: 0;
}

}

@media (max-width: 768px){
.modal-menu > li a {
    font-size: 16px!important;
    }
}
/*
.menu-col-2 .separatore-orizzontale {
    margin-top: 30px;
    margin-bottom: 30px;
}
.menu-col-2 a {
    color: var(--secondary-color);
}*/

/*0.3.1 SVG MENU*/

/* The wrapper was defined with a fixed width and height
// Note, that the pointer-events property is set to 'none'. 
// We don't need any pointer events in the entire element.*/
.menu-icon-wrapper{
    position: relative;
    display: inline-block;
    /*width: 34px;
    height: 34px;*/
    width: 100px;
    height: 100px;
    pointer-events: none;
    transition: 0.1s;
}

/* To perform the scaled transform for the second demo*/
.menu-icon-wrapper.scaled{
    transform: scale(0.5);
}

/* Adjusting the position of the SVG element
.menu-icon-wrapper svg{
    position: absolute;
    top: -33px;
    left: -33px;
}*/

/* Defining the styles for the path elements*/
.menu-icon-wrapper svg path{
    stroke: #fff;
    stroke-width: 6px;
    stroke-linecap: round;
    fill: transparent;
}

/* Setting the pointer-events property to 'auto', 
// and allowing only events for the trigger element*/
.menu-icon-wrapper .menu-icon-trigger{
    /*position: relative;
    width: 100%;
    height: 100%;*/
    position: absolute;
    width: 100px;
    height: 100px;
    cursor: pointer;
    pointer-events: auto;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    right: 0;
}

.menu-icon-wrapper svg {
    /*transform: scale(0.1);*/
    transform-origin: 0 0;
}


.modal-menu .ancestor-wrapper {
    justify-content: flex-start;
}

.menu-modal-inner {
    box-shadow: 0 0 2rem 0 rgb(0 0 0 / 10%);
    /*pacity: 0;*/
    padding: 0;
    /*transform: translateX(20rem);*/
    transition: transform 0.2s ease-in, opacity 0.2s ease-in;
    width: 100%;
    background: var(--dark-blue);
}

@media (min-width:1235px) {
    .menu-modal-inner {
        background-image: url(/wp-content/uploads/2023/11/img-menu-1.jpg);
        background-repeat: no-repeat;
        background-size: contain;
    }
}
.menu-modal-inner a {
    color: #fff !important;
}
.modal-menu {
    position: relative;
    left: 0 !important;
    width: auto!important;
}

/*custom*/

body:not(.enable-search-modal) .header-titles-wrapper {
    justify-content: space-between;
}

header#site-header {
    /*position: fixed;*/
    z-index: 102 !important;
}

.header-inner .toggle {
    height: 4.4rem;
    padding: 0;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    top: auto;
    width: auto;
}

@media (min-width: 1000px) {
    .menu-icon-wrapper {
        display: none;
    }
}

header#site-header i {
    font-weight: 400;
    font-size: 2rem;
    color: var(--secondary-color);
}

/*cdv*/
@media (min-width: 1000px) {
    .menu-wrapper.section-inner {
        width: calc(100% - 20rem);
        max-width: 100%;
    }
    .expanded-menu {
        position: absolute;
        left: 40%;
    }
}

.menu-modal button.toggle.close-nav-toggle {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    /*padding-top: 60px;*/
}
/*0.4 PRE HEADER*/
.preheader-section p {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px !important;
}
.preheader-section p a,
body .preheader-section a,
body .preheader-section a:active,
body .preheader-section a:focus,
body .preheader-section a:visited {
    color: #fff !important;
}
.preheader-section p img {
    margin: 0 5px 0 0;
}
.preheader-section p img + a + img {
    margin-left: 10px;
}
/*.pre-header-inner .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
    margin: 0px;
    max-width: 25px;
}*/

@media (max-width: 550px) {
    .pre-header-inner p {
        font-size: 12px !important;
    }
    .pre-header-inner {
        padding: 0px !important;
    }
}

@media (max-width: 426px) {
    .preheader-section p img {
        display: none;
    }
    .preheader-section p {
        justify-content: space-between;
    }
}
@media (max-width: 353px) {
    .preheader-section p a {
        max-width: 70px;
        line-height: 15px;
    }
    .preheader-section p > a+img+a {
        max-width: 270px;
    }
}
/*0.5 COPERTINA PAGINE */
/*.block-title-pagine{
    position:relative;
}
.block-title-pagine:before {
    background: transparent;
    position: absolute;
    height: 100%;
    display: inline-block!important;
    content: "";
    width: 50%;
    left: 50%;
    max-height: 100px;
    border-left: 1px solid;
    top: 100%;
}*/
header.entry-header {
    background-color: #fbfaf8 !important;
}
header.entry-header .entry-header-inner {
    padding: 30px 5%;
}

header.entry-header h1.entry-title {
    text-transform: uppercase;
    color: var(--primary-color);
    letter-spacing: 1px;
}

h2.subtitle {
    color: var(--color);
    font-size: var(--p-size);
    margin-top: 0;
    font-weight: 600;
    font-family: var(--title-font-family);
    letter-spacing: 1px;
    margin-bottom:0px;
}

/* 0.6 ANIMAZIONE CARICAMENTO PAGINE */

.transition-1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    transition: 0.3s ease-out;
}

.transition-1.is-active {
    opacity: 1;
    pointer-events: all;
}

.transition-2 {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background-color: #fff;
    transition: 0.3s ease-out;
}

.transition-2.is-active {
    left: 0px;
}

/* 0.7 BREADCRUMBS*/

#breadcrumbs {
    padding-bottom: 30px;
    width: 90%;
    margin: 0 auto;
    max-width: 1240px;
}


/*1. Pagine*/

.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background) {
    margin-bottom: 0;
    margin-top: 0;
}

@media (max-width: 768px) {
    .grids-s-w_i {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: flex-end;
    }
    }
/*1.1 Homepage*/

.main-section-home {
    width: 100% !important;
}

.home #site-header:not(.sticky) a.custom-logo-link:before {
    content: '';
    background: url(/wp-content/uploads/2023/06/logo-w-compagnia-del-vino.png);
    height: 100px;
    width: 250px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.home #site-header:not(.sticky) a.custom-logo-link img {
    display: none;
}

.home header#site-header:not(.sticky)  {
    background: transparent;
}

.home header#site-header:not(.sticky) button.nav-toggle .toggle-icon i.fas.fa-bars,
.home header#site-header:not(.sticky) i,
.home header#site-header:not(.sticky) .header-inner button.toggle .toggle-icon > span,
.home header#site-header:not(.sticky) .header-inner button.toggle .toggle-icon > svg {
    color: #fff;
}

.home header#site-header:not(.sticky) .primary-menu>li>a,
.home header#site-header:not(.sticky) #mega-menu-wrap-primary_left #mega-menu-primary_left > li.mega-menu-item > a.mega-menu-link {
    color: #fff !important;
}
.home header#site-header:not(.sticky) .primary-menu>li>a:hover {
    color: var(--primary-color) !important;
}

.home main#site-content {
    margin-top: -120px;
}

.home header#site-header:not(.sticky) svg.lang-ico path {
    fill: #fff;
}

.home header#site-header:not(.sticky) .wpml-ls-statics-shortcode_actions a {
    color: #cacaca !important;
}

.home header#site-header:not(.sticky) .wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {
    color: #fff !important;
	font-weight: bold;
}

/*1.1.1 Counter homepage*/
.counter-home span {
    font-size: 6rem;
    color: #E2E2E2;
    font-weight: 700;
    text-align: center;
}

.counter-home p {
    color: var(--h2-color);
    font-size: 20px;
    line-height: 20px;
    padding-top: 0;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    margin-top: -35px;
}

@media (max-width:1045px) {
    .counter-home span {
        font-size: 5rem;
    }
    .counter-home p {
        padding-top: 5px;
    }
}

.counter-home-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.counter-home-flex .counter-home {
	min-width: 20%;
	padding: 0 10px;
}
/*1.1.2 MARQUEE*/

.container-marquee {
    overflow: hidden;
    /*background-color: var(--primary-color);*/
    background: var(--main-gradient);
    --offset: 20vw;
    --move-initial: calc(-25% + var(--offset));
    --move-final: calc(-75% + var(--offset));
    padding: 60px 0;
}

.inner-container-marquee {
    white-space: nowrap;
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 40s linear infinite;
    animation-play-state: running;
}

.inner-container-marquee p {
    font-size: 10vw;
    display: contents;
    color: #C9C8C7;
    font-weight: 900;
    text-transform: uppercase;
    word-spacing: 40px;
}

@media (max-width: 768px){
    .inner-container-marquee p {
        font-size: 16vw;
    }    
}
@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}

/*1.1.3 Magazine home*/
.magazine-home {
    display: grid;
}
.magazine-home h4 {
    text-transform: uppercase;
    letter-spacing: 1px !important;
}
.magazine-home a.wp-block-button__link {
    padding: var(--p-size) calc(var(--p-size) + 0.8em);
    border: 2px solid #383e42;
}
.magazine-home a.wp-block-button__link:hover {
    background: #383e42 !important;
    color: #fff !important;
}

a.wp-block-button__link:visited {
    color: #fff !important;
}
/*1.2 CHI SIAMO*/

/*1.3 MAPPA DEL SITO*/

.list-pages-shortcode li {
    font-size: var(--p-size);
}
/*1.4 PAGINA CATALOGO*/

.accordion-catalogo .ui-accordion-header {
    background: transparent;
    border: none !important;
}
#tab-catalogo .uagb-tabs__body-wrap {
    min-height: 700px;
}
/*#tab-catalogo a.uagb-tabs-list.uagb-tabs__icon-position-left:after {
    content: '';
    background: url(/wp-content/uploads/2023/02/arrow-down-b.png);
    background-size: contain;
    min-height: 15px;
    min-width: 14px;
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 10px;
    margin-left: 20px;
}*/

#tab-catalogo a.uagb-tabs-list {
    letter-spacing: 2px !important;
    font-weight: 900 !important;
    font-size: calc(var(--p-size) * 1.3);
    padding: 10px 20px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1050px) {
	#tab-catalogo a.uagb-tabs-list {
        font-size: calc(var(--p-size) * 1);
        padding: 10px !important;
	}
}
@media (max-width: 1050px) {
	#tab-catalogo a.uagb-tabs-list {
    font-size: calc(var(--p-size) * 0.8);
    padding: 10px 5px !important;

	}
}
#tab-catalogo .uagb-tabs__active {
    background: var(--primary-color) !important;
}

.accordion-catalogo .ui-state-active a,
.accordion-catalogo .ui-state-active a:link,
.accordion-catalogo .ui-state-active a:visited {
    color: var(--color);
}

@media (max-width: 1023px) {
    #tab-catalogo.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet ul.uagb-tabs__panel {
        display: flex;
        flex-direction: row !important;
        max-width: 100%;
    }
    #tab-catalogo.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet ul.uagb-tabs__panel li {
        border: none;
    }
    #tab-catalogo .uagb-tabs__body-wrap {
        max-width: 100%;
        border: none;
    }
    #tab-catalogo.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet ul.uagb-tabs__panel .uagb-tab {
        margin: 0px 10px 10px 0px !important;
    }
}
@media (max-width: 767px) {
    #tab-catalogo.uagb-tabs__wrap.uagb-tabs__vstyle6-tablet ul.uagb-tabs__panel {
        flex-wrap: wrap;
    }
}

.accordion-catalogo h4 {
    padding: 10px 0 !important;
    font-size: var(--p-size);
    text-transform: uppercase;
    letter-spacing: 0px !important;
}

.accordion-catalogo .wp-block-getwid-accordion__content {
    border: none;
    padding: 0;
}
.accordion-catalogo .single-product-container {
    display: block;
}
.accordion-catalogo .single-product-container img {
    display: inline;
    padding-right: 10px;
}
.accordion-catalogo .single-product-container h5 {
    font-size: var(--p-size);
    font-weight: 500;
    padding-bottom: 10px;
}
.accordion-catalogo .hvr-grow:hover,
.accordion-catalogo .hvr-grow:focus,
.accordion-catalogo .hvr-grow:active {
    transform: scale(0.98);
}

/*
	2. Footer
*/
footer#site-footer {
    padding-bottom: 120px !important;
    padding-top: 120px !important;
}
footer#site-footer p, footer#site-footer a {
    font-weight: 500;
}

footer#site-footer .section-inner {
    padding: var(--entry-content-padding);
}

#site-footer h4 {
    font-size: var(--p-size);
    line-height: var(--p-size);
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

footer#site-footer a, footer#site-footer a:active, footer#site-footer a:focus, footer#site-footer a:visited {
    font-size: var(--p-size);
}

footer#site-footer .widget.widget_nav_menu {
    margin-top: 0;
}

footer#site-footer ul#menu-lista-marchi {
    columns: 2;
}
footer#site-footer ul#menu-lista-marchi a {
    font-weight: 600;
}

/* 2.1 FOOTER CONTACT FORM */

#site-footer .wpcf7-form p > span.wpcf7-form-control-wrap > input,
#site-footer .wpcf7-form textarea {
    color: #fff !important;
    font-size: calc(var(--p-size)*0.8);
    padding: 2%;
    background: transparent;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-family: var(--body-font-family);
}
#site-footer ::placeholder {
	color: #fff;
	opacity: 1;
	font-size: calc(var(--p-size)*0.8);
	letter-spacing: 1;
}
#site-footer .wpcf7-form-control-wrap {
    width: 49%;
}

#site-footer .wpcf7-form p, .wpcf7-list-item span {
    font-family: var(--body-font-family);
    text-transform: uppercase;
    font-size: 18px !important;
}

#site-footer .wpcf7-acceptance input {
    background: #fff;
    border: 1px solid #fff;
}

#site-footer .wpcf7-form textarea {
    height: 150px !important;
}

#site-footer .wpcf7-acceptance span {
    text-transform: initial;
    vertical-align: middle;
}

#site-footer .wpcf7-form input[type="submit"] {
    background: #fff !important;
    padding: 2% 10%;
    font-size: 18px;
    font-family: var(--body-font-family);
	color: var(--primary-color);
	letter-spacing: 1px;
    margin-top: 10px;
}

#site-footer p.contatti-text {
    display: flex;
    justify-content: space-between;
}
#site-footer .wpcf7-acceptance span {
    margin-left: 0;
}

@media (max-width: 425px) {
    #site-footer p.contatti-text {
        flex-direction: column;
    }
    #site-footer .wpcf7-form-control-wrap {
        width: 100%;
    }
    #site-footer .wpcf7-acceptance span {
        font-size: calc(var(--p-size)*0.8) !important;
        line-height: var(--p-size);
    }
}
/*3. Prodotti SINGLE*/
.single .product-container {
    padding: 100px 10%;
}

.single .description h1,
.single .description h2,
.single .description h3 {
    margin: 0;
}
.single .description h1 {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--primary-color);
}

button.info-product-btn {
    padding: 20px 10px;
    min-width: 170px;
}

.product-image {
    grid-row: 1;
    grid-column: 1;
    display: inherit;
}

.product-image img {
    max-height: 758px;
    margin: 0 auto;
    z-index: 2;
    min-height: 550px;
    padding-top: 50px;
}

/*4. CATEGORIE*/

.main-content.archivio-prodotti {
    padding-left: 5%;
	padding-right: 5%;
    padding-top: 30px;
    padding-bottom: 60px;
    display: grid;
    grid-template-columns: 1fr 3fr;
}

@media screen and (min-width: 879px) {
    .main-content.archivio-prodotti .product-list-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

.single-product-container-list {
    background: #F3F3F3;
    padding: 2px;
    display: flex;
    flex-direction: column;
}

.product-list-container .products-cat h1 {
    text-align: center;
}
.product-list-container .product-image img {
    max-height: 100%;
    min-height: 100%;
    width: auto;
    padding-top: 0;
    background: #fff;
}

.product-list-container .single-product-category,
.product-list-container .single-product-title {
    text-align: center;
    font-size: var(--p-size);
    margin: 0;
    line-height: calc(var(--p-size)*1.2);
    letter-spacing: 0px;
}
.product-list-container .single-product-title {
    min-height: 50px;
}
.product-list-container .single-product-category {
    color: var(--primary-color);
    font-weight: 800;
    padding-bottom: 5px;
}
.product-list-container .product-attributes {
    padding: 0 5%;
    /*min-height: 305px;*/
}

.contentToCollapse {
    display: none;
}
.product-list-container .ctaCollapse {
    background: transparent !important;
    color: var(--primary-color) !important;
    padding: 0 !important;
    padding-bottom: 18px !important;
    text-transform: none;
    font-weight: 700;
    font-family: var(--body-font-family);
    letter-spacing: 0;
    height: auto;
}
.ctaCollapse .fa {
    padding-right: 5px;
}
.ctaCollapse .fa-long-arrow-alt-up {
    display: none;
}

.ctaCollapse.active .fa-long-arrow-alt-up {
    display: inline;
}
.ctaCollapse.active .fa-long-arrow-alt-down {
    display: none;
}
.product-list-container .product-attributes .descrizione-prodotto {
   /*height: 150px;*/
    display: block;
}
.product-list-container .product-attributes .descrizione-prodotto {
    /*height: 150px;*/
    display: block;
    overflow: auto;
    padding-bottom: 0 !important;
    margin-bottom: 20px;
}
.product-list-container .product-attributes .descrizione-prodotto p {
    margin-bottom: 0;
}
.product-list-container .product-link {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}

.product-list-container .product-link > a {
    width: 50%;
}

.product-list-container .product-list-container-single-button {
    width: 100%;
    padding: 10% 2%;
    font-size: calc(var(--p-size)*0.8);
    height: 100%
}
.product-list-container button.product-list-container-single-button.scheda-btn {
    background: var(--primary-color);
}
.product-list-container button.product-list-container-single-button.shop-btn {
    background: var(--color-dark);
}
.product-list-container button.product-list-container-single-button:hover {
    background: #000;
}

/*4.1 FILTRI*/

.product-colonna-1 {
    margin-right: 5%;
}
@media (max-width: 768px) {
    .product-colonna-1 {
        grid-column: 1/12;
    }
}
@media (max-width: 1024px) {
    .product-list-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}
@media (max-width: 500px) {
    .product-list-container {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

.wpc-filters-section {
    border: 2px solid var(--primary-color);
}
.wpc-filter-header {
    background: var(--primary-color);
    padding: 5% 3%;
}
.wpc-filter-header > .wpc-filter-title {
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--p-size) !important;
    letter-spacing: 1px !important;
}
.wpc-filter-content {
    padding: 2%;
}
.wpc-filters-ul-list {
    margin-bottom: 10px;
}
.wpc-filters-ul-list label {
    font-size: calc(var(--p-size)*0.8);
}
.product-colonna-2 {
    margin-top: 26px;
}
@media (max-width: 768px) {
    .product-colonna-2 {
        grid-row: 2;
        grid-column: 1/12;
    }
}

/*4.2 Navigation*/
.nav-links span, .nav-links a {
    font-size: 18px;
    font-family: var(--body-font-family);
}
.nav-links span.current {
    color: #b5b5b5;
}
/*4.3 PAGINA PRODUTTORE*/
.products-cat {
    background: #FBFAF8;
    padding: 40px 5% 60px 5%;
    width: 100% !important;
}

.products-cat .produttore-logo {
    margin: 0 auto;
    max-height: 90px;
    margin-bottom: 40px;
}
.copertina-categoria {
    min-height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
}
@media (max-width: 768px ) {
    .copertina-categoria {
        min-height: 350px;
    }
}
.copertina-categoria h1 {
    color: #FBFAF8;
    text-transform: uppercase;
    letter-spacing: 3px !important;
    font-size: 7vw;
    line-height: 4.5vw;
}
@media (max-width: 768px ) {
    .copertina-categoria h1 {
        font-size: 13vw;
        line-height: 9vw;
    }
}
.products-cat h2 {
    color: var(--color);
    font-family: var(--secondary-font-family) !important;
    font-size: calc(var(--p-size) * 1.5);
    padding-top: 40px;
    padding-bottom: 30px;
    line-height: calc(var(--p-size) * 1.8);
}
@media (min-width: 769px ) {
    .products-cat h2 {
        max-width: 60%;
    }
}
.products-cat .info-categoria {
    display: flex;
    flex-wrap: wrap;
}
.products-cat .testo-descrittivo-categoria {
    max-width: 45%;
    padding-right: 5%;
    font-size: var(--p-size);
}
@media (max-width: 1024px ) {
    .products-cat .testo-descrittivo-categoria {
        max-width: 100%;
    }
}
.products-cat .testo-dettagli-categoria {
    max-width: 30%;
}

@media (max-width: 1024px ) {
    .products-cat .testo-dettagli-categoria {
        max-width: 50%;
    }
}
.products-cat .produttore-mappa {
    max-width: 20%;
    height: 20%;
    width: 100%;
    margin: 0 auto;
}
@media (max-width: 768px ) {
    .products-cat .produttore-mappa {
        max-width: 30%;
        height: 30%;
    }
}
@media (max-width: 425px ) {
    .products-cat .produttore-mappa {
        max-width: 45%;
        height: 45%;
    }
}

.products-cat + .products-row-container {
    margin-top: 100px;
    margin-bottom: 100px !important;
    width: 100% !important;
	padding: 0 5%;
}
/*6. CONTATTI*/
.contact-boxes {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.contact-boxes p {
    padding-left: 20px;
    margin-bottom: 0;
}

/* 6.1 CONTACT FORM */


#contatti .wpcf7-form p > span.wpcf7-form-control-wrap > input,
#contatti .wpcf7-form textarea {
    color: var(--color) !important;
    font-size: calc(var(--p-size)*0.8);
    padding: 2%;
    background: transparent;
    border: 1px solid var(--color);
    text-transform: uppercase;
    font-family: var(--body-font-family);
}
#contatti ::placeholder {
	color: var(--color);
	opacity: 1;
	font-size: calc(var(--p-size)*0.8);
	letter-spacing: 1;
}
#contatti .wpcf7-form-control-wrap {
    width: 49%;
}

#contatti .wpcf7-form p, .wpcf7-list-item span {
    font-family: var(--body-font-family);
    text-transform: uppercase;
    font-size: 18px !important;
}

#contatti .wpcf7-acceptance input {
    background: #fff;
    border: 1px solid var(--color);
}

#contatti .wpcf7-form textarea {
    height: 150px !important;
}

#contatti .wpcf7-acceptance span {
    text-transform: initial;
    vertical-align: middle;
}

#contatti .wpcf7-form input[type="submit"] {
    background: var(--color) !important;
    padding: 2% 10%;
    font-size: 18px;
    font-family: var(--body-font-family);
	color: #fff;
	letter-spacing: 1px;
    margin-top: 10px;
}

#contatti p.contatti-text {
    display: flex;
    justify-content: space-between;
}
#contatti .wpcf7-acceptance span {
    margin-left: 0;
}
@media (max-width: 425px) {
    #contatti p.contatti-text {
        flex-direction: column;
    }
    #contatti .wpcf7-form-control-wrap {
        width: 100%;
    }
    #contatti .wpcf7-acceptance span {
        margin-left: 0;
        font-size: calc(var(--p-size)*0.8) !important;
        line-height: var(--p-size);
    }
}
/*7. BLOG*/
/*body.blog main#site-content .news-container {
    padding-top: 20px;
}

.blog h1 {
    text-align: center;
    margin-top: 10px;
}

.blog .button-line a {
    font-weight: bold !important;
}

.blog-featured {
    margin-bottom: 50px;
    background-blend-mode: multiply;
    padding-bottom: 60px;
    background-color: rgba(0, 0, 0, 0.53) !important;
    min-height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 10px;
    left: 0 !important;
}

body.blog main#site-content .news-container article .featured-media {
    box-shadow: 0px 0px 37px 0px rgb(0 0 0 / 40%);
}

nav.navigation.pagination {
    grid-row: 4;
    grid-column: 1/4;
    padding: 20px;
}*/
body.blog main#site-content .news-container article .featured-media .featured-media-inner {
    background-color: #fbfaf8;
    min-height: 500px !important;
    background-size: contain !important;
    background-repeat: no-repeat;
}
@media (max-width:1622px) {
    body.blog main#site-content .news-container article .featured-media .featured-media-inner {
        min-height: 300px !important;
    }
    
}
@media (max-width:1622px) {
    body.blog main#site-content .news-container article .featured-media .featured-media-inner {
        min-height: 250px !important;
    }
    
}
/*7.1 Archive page*/
body.blog main#site-content .news-container article .featured-media {
    box-shadow: none;
}
body.blog main#site-content .news-container article .post-inner{
    background: #fbfaf8;
}
body.blog main#site-content article .post-inner a.btn-trasp {
    padding: var(--p-size) calc(var(--p-size) + 0.8em)  !important;
    border: 2px solid #383e42;
    text-transform: uppercase;
    letter-spacing: 1px !important;
    font-size: var(--p-size);
    font-weight: 700;
}
body.blog main#site-content article .post-inner a.btn-trasp:hover {
    background: #383e42 !important;
    color: #fff !important;
}
body.blog main#site-content .news-container article header.entry-header .entry-header-inner .entry-title {
    text-transform: uppercase;
    letter-spacing: 1px !important;
}
.pagination-wrapper.section-inner {
    padding-bottom: 60px;
}
/*7.2 Post page*/
.single .type-post .entry-header {
    margin-bottom: 60px;
}

Jean-Paul Picard et fils
[products_list cat_posts="jean-paul-picard-et-fils"]