 /*
 Theme Name: Geppa
 Description: Geppa
 Author: Geppa
 Author URI: https://www.geppa.it
 Template: twentytwenty
 Version: 1.0
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0.  CSS Reset
    1.  Header
        1.1  Pre Header
    2.  Main content
        2.1 Blog
        2.2 Single post
        2.3 Single product
        2.4 Product Category
	3.  Footer
    4.  Homepage
        4.1 News Homepage

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



/* -------------------------------------------------------------------------- */
/*	0.  CSS Reset
/* -------------------------------------------------------------------------- */

body h1,
body h2,
body h3,
body h4,
body h5,
body .entry-content h1,
body .entry-content h2,
body .entry-content h3,
body .entry-content h4,
body .entry-content h5 {
    font-family: var(--title-font-family);
    margin-left: 0;
    margin-right: 0;
}
body .entry-content h1,
body .entry-content h2,
body .entry-content h3,
body .entry-content h4,
body .entry-content h5 {
    margin-top: 0;
    margin-bottom: 0 !important;
    letter-spacing: 0;
}
h1 {
    font-size: var(--h1-size);
    line-height: calc(var(--h1-size) + 0.3em);
}
h2 {
    font-size: var(--h2-size);
    line-height: calc(var(--h2-size) + 0.3em);
    color: var(--h2-color);
    font-weight: var(--h2-weight)
}

@media (max-width: 768px) {
    h1 {
        font-size: calc(var(--h1-size)*0.7);
        line-height: calc(var(--h1-size)*0.7);
    }
    h2 {
        font-size: calc(var(--h2-size)*0.7);
        line-height: calc(var(--h2-size)*0.7);
    }
}

h3 {
    font-size: var(--h3-size);;
    line-height: calc(var(--h3-size) + 0.3em);
}

@media (max-width: 768px) {
    h3 {
        font-size: calc(var(--h3-size)*0.7);
        line-height: calc(var(--h3-size)*0.7);
    }
}
h4 {
    font-size: var(--h4-size);;
    line-height: calc(var(--h4-size) + 0.3em);
    font-family: var(--body-font-family) !important;
}
h5 {
    font-size: var(--h5-size);;
    line-height: calc(var(--h5-size) + 0.3em);
}

p {
    font-size: var(--p-size);
    letter-spacing: normal;
}

@media (max-width: 768px) {
    p {
        font-size: calc(var(--p-size)*1);
    }
}
body a,
body a:active,
body a:focus,
body a:visited {
    text-decoration: none !important;
    color: var(--link-color);
    transition: 0.5s all ease;
}
body a:hover,
body .color-accent-hover:hover {
    color: var(--link-color-hover);
}

:root body {
    font-family: var(--body-font-family);
    display: grid;
    grid-template-columns: repeat( 12, 1fr );
    grid-template-rows: auto;
    grid-template-areas:
        "header header header header header header header header header header header header"
        "main main main main main main main main main main main main"
        "footer footer footer footer footer footer footer footer footer footer footer footer";
    font-size: 1.5rem;
    line-height: 2.1rem;
    letter-spacing: 1px;
    background: var(--background-color);
    color: var(--color);
}
body .entry-content {
    font-family: var(--body-font-family);
    padding: var(--entry-content-padding);
}

body .color-accent,
body .color-accent-hover:focus,
:root body .has-accent-color,
body .has-drop-cap:not(:focus):first-letter,
body .wp-block-button.is-style-outline {
    color: var(--link-color);
}
body button,
body button:focus {
    outline: 0 !important;
    text-decoration: none !important;
}
body .hidden {
    display: none !important;
    visibility: hidden !important;
}
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: unset;
}
body .social-icons a,
body #site-footer button:not(.toggle),
body #site-footer .button,
body #site-footer .faux-button,
body #site-footer .wp-block-button__link,
body #site-footer .wp-block-file__button,
body #site-footer input[type="button"],
body #site-footer input[type="reset"],
body #site-footer input[type="submit"] {
	background-color: var(--link-color);
}
:root body:not(.overlay-header) .primary-menu > li > a,
:root body:not(.overlay-header) .primary-menu > li > .icon,
body .modal-menu a,
body .footer-menu a,
body .footer-widgets a,
body #site-footer .wp-block-button.is-style-outline,
body .wp-block-pullquote:before,
body .singular:not(.overlay-header) .entry-header a,
body .archive-header a,
body .header-footer-group .color-accent {
	color: var(--link-color);
}
body .header-footer-group .color-accent-hover:hover {
	color: var(--link-color-hover);
}

:root body .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: unset;
	width: calc(100% - 1rem);
}

.text-center{
    text-align: center;
}
@media (max-width: 767px) {
    :root body.home .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
        width: auto;
    }
}

.entry-content .has-small-font-size{
    font-size: 18px;
}

.is-style-outline .wp-block-button__link,
.wp-block-button__link.is-style-outline {
	border: 1px solid;
	background-color: transparent;
	border: 1px solid;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0.3em;
	padding: 5px 15px!important;
	border-radius: 0px!important;
}

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 {
    background-color: var(--button-background);
    font-size: var(--p-size);
    padding: calc(var(--p-size) + 0.3em);
    color: var(--button-font-color);
}

button:hover,
.button:hover,
.faux-button:hover,
.wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.bg-accent:hover,
.bg-accent-hover:hover:hover,
.bg-accent-hover:focus:hover,
:root .has-accent-background-color:hover,
.comment-reply-link:hover,
.single-product .single_add_to_cart_button:hover {
    background-color: var(--button-background-hover);
    color: var(--button-font-color-hover);
}
/**/
.entry-content>* {
	margin-bottom: 0!important;
}

figcaption {
    font-size: var(--p-size) !important;
    font-family: var(--body-font-family) !important;

}

/* -------------------------------------------------------------------------- */
/*	1.  Header
/* -------------------------------------------------------------------------- */
header#site-header {
	top: 0;
    left: 0;
    right: 0;
	z-index: 101;
    grid-area: header;
	background-color: var(--header-background-color);
	color: var(--header-font-color);
	padding: 0;
}
header#site-header.sticky {
    position: fixed;
    z-index: 1000;
}
header .header-inner {
    padding: 0;
    margin: 0 !important;
    max-width: unset !important;
    width: unset !important;
    align-items: center;
}
header .header-inner .site-logo img {
    height: auto !important;
    max-height: 130px;
}
/*header.sticky .header-inner .site-logo img {
    max-height: 50px;
}*/
:root body header .header-inner nav ul.primary-menu > li > a:active,
:root body header .header-inner nav ul.primary-menu > li > a:focus,
:root body header .header-inner nav ul.primary-menu > li > a:visited,
:root body header .header-inner nav ul.primary-menu > li > a:focus-within,
:root body header .header-inner nav ul.primary-menu > li > a {
    color: var(--header-font-color-link);
}
:root body header .header-inner nav ul.primary-menu > li > a:hover {
    color: var(--header-font-color-link-hover);
}
:root body header .header-inner .header-navigation-wrapper {
    width: 100%;
}
.header-navigation-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
:root body header .header-inner .header-navigation-wrapper ul.primary-menu {
    justify-content: center;
    align-items: center;
}
:root body header .header-inner.position-center .header-navigation-wrapper ul.primary-menu li {
    margin: 0;
    padding: 0 15px;
}
.nav-toggle .toggle-icon, .nav-toggle svg {
    height: 40px;
    width: 40px;
}
.nav-toggle .toggle-inner {
   padding: 0;
}
header#site-header button.nav-toggle .toggle-icon i.fas.fa-bars {
    font-weight: 400;
    font-size: 3rem;
}
div.menu-modal.active {
    z-index: 102;
}

:root body header .header-inner.position-center .header-titles-wrapper {
        /*display: none;
        visibility: hidden;*/
        display: block;
        visibility: inherit;
        grid-row: 1;
        padding: 0;
        width: 32px;
        grid-column: 3;
    }

.mobile-search-toggle, .mobile-nav-toggle {
        display: inherit !important;
    }


/*@media (min-width: 700px) {
    .nav-toggle {
        right: 6rem;
    }
}

@media (max-width: 575px) {
    header#site-header {
        padding: 0 1rem 1rem;
    }
    header .header-inner .site-logo img {
        max-height: 80px;
    }
}
*/
button.nav-toggle,
button.toggle.close-nav-toggle {
    background-color:transparent !important;
}

button.toggle.close-nav-toggle {
    padding-right: 10px;
}
/*MENU*/
ul.primary-menu {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

:root body header .header-inner.position-center .header-navigation-wrapper ul.primary-menu li {
    padding: 0 20px;
}

ul.primary-menu li,
ul li.menu-item-has-children ul.sub-menu li{
    font-family: var(--body-font-family);
    font-size: var(--header-menu-font-size);
}

ul.primary-menu > li {
    padding: 5px;
}

ul.primary-menu > li:hover,
ul.primary-menu > li.current-menu-item {
    background: var(--header-menu-hover-background);
    color: var(--header-menu-hover-color);
}

@media (min-width:1000px) {
    .header-titles .site-logo {
        display: none;
    }
}
@media (max-width:999px) {
    .header-navigation-wrapper {
        display: none;
    }
    :root body header .header-inner.position-center .header-titles-wrapper {
        grid-column: 1/4;
        width: 100%;
        display: grid;
        align-items: center;
    }
    .header-titles {
        grid-column: 1;
    }
    button.toggle.nav-toggle.mobile-nav-toggle {
        grid-column: 2;
    }

}

/*SOTTO-MENU*/

@media (min-width: 768px) {
ul li.menu-item-has-children ul.sub-menu {
    background-color: var(--header-submenu-background);
    padding: 17px;
    color: var(--header-submenu-color);
}
ul li.menu-item-has-children ul.sub-menu a {
    color: var(--header-submenu-color);
}


ul li.menu-item-has-children ul.sub-menu li {
    z-index: -1;
}

ul li.menu-item-has-children ul.sub-menu li:not(:first-child) a{
    border-top: var(--header-submenu-border);
}

ul li.menu-item-has-children ul.sub-menu li a:hover {
    background-color: var(--header-submenu-hover-background);
    color: var(--header-submenu-hover-color);
}
}

/*MENU MOBILE*/
header#site-header button.nav-toggle .toggle-icon i.fas.fa-bars {
    color: var(--header-hamburger-menu-color);
}



/* -------------------------------------------------------------------------- */
/*	1.1  Pre Header
/* -------------------------------------------------------------------------- */
header#site-header .pre-header-inner {
    font-size: var(--header-menu-font-size);
    padding: 0;
}
header#site-header.sticky .pre-header-inner {
    display: none;
}
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal {
    padding: 0;
    line-height: 0;
    border: 0;
    display: inline-block;
}
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li {
    padding: 0;
    transition: 0.5s all ease;
}
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li a {
    padding: 8px 12px;
}
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li:hover {
    background-color: var(--header-menu-hover-background);
}
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li:hover a {
    color: var(--header-menu-hover-color);
}
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language,
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a,
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a:active,
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a:focus,
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a:visited,
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal li.wpml-ls-current-language a:hover,
header#site-header .pre-header-inner .wpml-ls-legacy-list-horizontal a:visited {
    background-color: var(--header-menu-hover-background);
    color: var(--header-menu-hover-color) !important;
}

header#site-header .pre-header-inner ul.pre-header-socials {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0 10px;
    line-height: 0;
}
header#site-header .pre-header-inner ul.pre-header-socials li {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 2.4rem;
    line-height: 0;
}
header#site-header .pre-header-inner ul.pre-header-socials li a {
    padding: 0 7px;
}
/*
@media (min-width: 1000px) {
    header#site-header .pre-header-inner {
        padding-left: 70%;
        float: right;
        display: flex;
        width: 100%;
        justify-content: flex-end;
    }
}
*/


@media (max-width: 575px) {
    header#site-header .pre-header-inner {
        padding-bottom: 0;
    }
}

/* -------------------------------------------------------------------------- */
/*	2.  Main content
/* -------------------------------------------------------------------------- */
#site-content {
	overflow: hidden;
	grid-area: main;
}

.singular .entry-header{
        padding: 0px !important;
}


/* -------------------------------------------------------------------------- */
/*	2.1 Blog
/* -------------------------------------------------------------------------- */
body.blog main#site-content {
    /*display: grid;*/
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    align-items: start;
    padding: 3rem 0;
    gap: 15px;
}
body.blog main#site-content .news-container {
    grid-column: 1 / 4;
    grid-row: auto;
    display: grid;
    grid-template-rows: auto;
    gap: 15px;
}
body.blog main#site-content .news-container.columns-4 {
    grid-template-columns: repeat(4, 1fr);
}
body.blog main#site-content .news-container.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}
body.blog main#site-content .news-container.columns-2 {
    grid-template-columns: repeat(2, 1fr);
}
body.blog main#site-content .news-container article {
    grid-column: auto;
    grid-row: auto;
    padding: 0 1.5rem;
}
body.blog main#site-content .news-container article .featured-media {
    margin: 0;
}
body.blog main#site-content .news-container article .featured-media .featured-media-inner {
    min-height: 250px;
    background-size: cover;
    background-position: center;
    width: 100%;
}
body.blog main#site-content .news-container article header.entry-header .entry-header-inner {
    margin: 1em 0;
    padding: 0;
    width: auto;
}
body.blog main#site-content .news-container article header.entry-header .entry-header-inner .entry-title {
    margin: 0;
    padding: 0;
    min-height: 80px;
}
body.blog main#site-content .news-container article header.entry-header .entry-header-inner .entry-title a,
body.blog main#site-content .news-container article header.entry-header .entry-header-inner .entry-title a:active,
body.blog main#site-content .news-container article header.entry-header .entry-header-inner .entry-title a:focus,
body.blog main#site-content .news-container article header.entry-header .entry-header-inner .entry-title a:visited {
    color: var(--link-color);
}
body.blog main#site-content .news-container article header.entry-header .entry-header-inner .entry-title a:hover {
    color: var(--link-color-hover);
}
body.blog main#site-content .news-container article .post-inner {
    padding: 0;
}
body.blog main#site-content .news-container article .post-inner p {
    padding: 0;
    width: auto;
}

body.blog main#site-content .news-container div.ajax-load-more-wrap {
    grid-column: 1 / -1;
    grid-row: auto;
    padding: 0;
}
body.blog main#site-content .news-container div.ajax-load-more-wrap div.alm-reveal {
    display: grid;
	grid-template-rows: auto;
    row-gap: 3em;
    align-items: start;
}
body.blog main#site-content .news-container.columns-4 div.ajax-load-more-wrap div.alm-reveal {
    grid-template-columns: repeat(4, 1fr);
}
body.blog main#site-content .news-container.columns-3 div.ajax-load-more-wrap div.alm-reveal {
    grid-template-columns: repeat(3, 1fr);
}
body.blog main#site-content .news-container.columns-2 div.ajax-load-more-wrap div.alm-reveal {
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 767px) {
    body.blog main#site-content .news-container.columns-4,
    body.blog main#site-content .news-container.columns-3,
    body.blog main#site-content .news-container.columns-2,
    body.blog main#site-content .news-container.columns-4 div.ajax-load-more-wrap div.alm-reveal,
    body.blog main#site-content .news-container.columns-3 div.ajax-load-more-wrap div.alm-reveal,
    body.blog main#site-content .news-container.columns-2 div.ajax-load-more-wrap div.alm-reveal {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    body.blog main#site-content .news-container.columns-4,
    body.blog main#site-content .news-container.columns-3,
    body.blog main#site-content .news-container.columns-2,
    body.blog main#site-content .news-container.columns-4 div.ajax-load-more-wrap div.alm-reveal,
    body.blog main#site-content .news-container.columns-3 div.ajax-load-more-wrap div.alm-reveal,
    body.blog main#site-content .news-container.columns-2 div.ajax-load-more-wrap div.alm-reveal {
        grid-template-columns: auto;
    }
}

body.blog main#site-content .news-container article header.entry-header .entry-header-inner,
body.blog main#site-content .news-container article .entry-content {
    background-color: var(--blog-archive-title-background);
}

body.blog .site-content .sidebar-news {
    grid-column: -1;
}

body.blog main#site-content.columns-3 {
    max-width: 1240px;
    margin: 0 auto;
}

body.blog main#site-content article .post-inner a.btn-trasp {
    text-transform: uppercase;
    letter-spacing: 5px;
}

body.blog main#site-content article header.entry-header .entry-header-inner .entry-title a{
    font-size: var(--h4-size);
	color: var(--blog-archive-title-color)!important;
	text-align: center!important;
    line-height: var(--h4-size);
}

body.blog main#site-content article header.entry-header .entry-header-inner {
    margin: 0!important;
    padding: 10px!important;
    width: auto;
	text-align: center;
}

body.blog main#site-content article .entry-content {
    padding: 3rem;
	color: var(--blog-archive-button-color)!important;
	text-align: center;
}
body.blog main#site-content article header.entry-header .entry-header-inner .entry-title {
    min-height: 0px!important;
    line-height: 1.5rem;
}

body.blog main#site-content article .post-inner a.btn-trasp {
    margin-top: 2rem;
    color: var(--blog-archive-button-color);
    text-transform: none;
    padding: 0;
    text-decoration: underline !important;
    text-decoration-color: transparent !important;
    letter-spacing: 0;
}

body.single-post article .post-inner {
    max-width: 1240px;
}

.pagination-single a {
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.uagb-block-947b899b .uagb-post__text {
    text-align: center!important;
}


.uagb-block-947b899b .uagb-post__text .uagb-post__cta {
    color: #ffffff;
    background: none!important;
    border-width: 1px;
    border-style: none;
}
.uagb-block-947b899b .uagb-post__text .uagb-post__cta a {
	color: #ffffff!important;
	background: none!important;
	border-width: 1px!important;
	border-style: none!important;
	border: 1px solid #fff!important;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	margin: 0 0 2rem;
}

.uagb-block-4c278ca9 .uagb-post__text .uagb-post__title {
    text-align: center;
}

.alm-list-post {
    width: 33%;
    display: inline-block;
}


/* -------------------------------------------------------------------------- */
/*	2.2 Single post
/* -------------------------------------------------------------------------- */
body.single-post article .post-inner {
    width: 90%;
    margin: 0 auto;
}

.post-template-default.single p {
    font-size: var(--p-size);
}

/* -------------------------------------------------------------------------- */
/*	2.3 Single product
/* -------------------------------------------------------------------------- */
/*.products-cat {
    padding-top: 50px;
    padding-left: 200px;
}*/
.product-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    gap: 0;
}
.product-image {
    grid-row: 1;
    grid-column: 1;
}
.description {
    grid-row: 1;
    grid-column: 2/4;
}
.product-image img{
    max-height: calc(100vh - 240px);
    margin: auto;
}
main#site-content {
    width: 100%;
    margin: 0;
}
.description {
    padding: 10px;
}

.buy-product {
    grid-row: 1;
    grid-column: 4/7;
}
.fa-shopping-cart{
    padding-right: 7px;
}
.arrowBtn {
    color: white;
    padding-top: 22px;
    background: #403d3d;
    grid-column: 4/5;
    height: 100%;
}
.info-product-btn{
    background-color: var(--scheda-tecnica-button-background);
    color: var(--scheda-tecnica-button-color);
    font-family: var(--body-font-family);
    font-size: var(--p-size);
    line-height: var(--p-size);
    text-align: center;
    margin: 0;
}

.text-product-container{
    display: grid;
    grid-template-columns: 1fr 0.2fr 1.8fr;
    grid-template-rows: 1fr;
}

.product-description{
    grid-row: 1;
    grid-column: 2/4;
    padding: 10px;
}
@media screen and (max-width:1024px){
    .product-container {
        grid-template-columns: 1fr 3fr;
    }
    .buttons-row {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 2fr;
        grid-gap: 0px;
        text-align: center;
    }
    .info-product{
        grid-row: 1;
        grid-column: 1;
    }
    .buy-product{
        margin-top: 10px;
        grid-row: 2;
        grid-column: 1/4;
    }
}
@media screen and (max-width:1250px){
    .tipologia-row {
        text-align: left;
    }
    .buttons-row{
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 2fr;
    }
    .product-container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 2fr;
        column-gap: 0;
    }
    .product-image img {
        margin: 0 auto;
    }
    .product-image {
        grid-row: 1;
        grid-column: 1;
    }
    .description {
        grid-row: 2;
        grid-column: 1;
        padding:  20px 0;
    }
    .text-product-container {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: 2fr;
    }
    .product-description {
        padding: 20px;
        grid-row: 1;
        grid-column: 1;
    }
    .text-product-container{
        grid-gap: 0;
    }
}

.section-description-product h1 {
    margin: 0;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 38px;
}

.section-description-product h3 {
    margin: 0 0 5rem;
    font-size: 24px;
    line-height: 30px;
    padding: 0 0 0.5rem;
}

a.btn-scheda {
	background-color: transparent;
	padding: 10px!important;
	width: 200px;
}

a.btn-scheda:before {
	content: url('img/ico-download.png');
	position: relative;
	left: -5px;
	top: 2px;
}

a.btn-scheda:hover{
	background-color: #f2f2f2;
	}

a.btn-shop {
	padding: 10px!important;
	color: #fff!important;
	width: 255px;
}

a.btn-shop:hover{
	color:#fff;
}

a.btn-shop,
a.btn-scheda {
	display: inline-block;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	letter-spacing: 0.3em;
	margin: 0 0 1rem;
}

.img-cover {
	min-height: 410px;
}

@media screen and (min-width:320px) and (max-width: 639px) {
	.section-description-product img {
		max-width: 50%;
		margin: 0 auto;
	}
}

@media screen and (min-width:640px) and (max-width: 768px) {
	.section-description-product img {
		max-width: 70%;
		margin: 0 auto;
	}
}

/*Effetto bottoni*/

.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--scheda-tecnica-button-hover-background);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: var(--scheda-tecnica-button-hover-color);
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

/* -------------------------------------------------------------------------- */
/*	2.4 Product Category
/* -------------------------------------------------------------------------- */
.product-cat-background {
    padding-top: 50px;
}
.products-list-filter {
    text-align: center;
    margin: 25px auto !important;
    display: block;
}
.products-list-filter a.active {
    color: var(--link-color);
}
.product-list-container {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 2em;
    row-gap: 2em;
    margin: 0 auto;
}
img.img-responsive.wp-post-image {
    margin: 0 auto;
}

@media screen and (min-width:1100px){
    .category-logo-ico{
        display:block;
        grid-column: 5;
    }
    .category-title{
        grid-column: 5/13;
        padding-left: 200px;
    }
}
@media screen and (max-width:1099px){
    .category-logo-ico{
        display:block;
        grid-column: 3;
    }
    .category-title{
        grid-column: 4/13;
    }
    h1.category-title{
     position: relative;
     margin:30px 30px 30px 0px !important;
    }
}
@media screen and (max-width:768px){
    .category-logo-ico{
        /*display:none;*/
        display: block;
    float: left;
    }     
    .category-title{
        grid-column: 1/13;

    }   
    h1.category-title{
        /*margin:30px auto !important;*/
        text-align: right;
        width: 100%;
        padding: 19px !important;
       }
    
       .product-cat-background {
           display: block;
       }
}

@media screen and (max-width:768px){
    h1.category-title{
        font-size: 40px;
    line-height: 40px;
    }
    .category-logo-ico{

    width: 40%;
    }
    .product-cat-background {
        height: 145px;
    }
}

@media screen and (min-width:879px){
    .product-list-container {
        grid-template-columns: repeat(4, 1fr);
        margin: auto 10px;
    }
    
      
}
@media screen and (min-width:768px) and (max-width:878px){
    .product-list-container {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* -------------------------------------------------------------------------- */
/*	3.  Footer
/* -------------------------------------------------------------------------- */
footer#site-footer {
    grid-area: footer;
    border: 0 !important;
    margin: 0 !important;
	font-size: 1.3rem;
	background-color: var(--footer-background-color);
	color: var(--footer-font-color);
}
footer#site-footer > .section-inner {
    display: grid;
	grid-template-rows: auto;
    column-gap: 1em;
    align-items: start;
    max-width: 100%;
    margin: 0px;
    width: 100%;
    justify-content: inherit;
}
footer#site-footer > .section-inner.columns-4 {
	grid-template-columns: repeat(4, 1fr);
}
footer#site-footer > .section-inner.columns-3 {
	grid-template-columns: repeat(3, 1fr);
}
footer#site-footer > .section-inner.columns-2 {
	grid-template-columns: repeat(2, 1fr);
}
footer#site-footer > .section-inner .column {
	grid-column: auto;
	grid-row: auto;
}
footer#site-footer > .section-inner .column .footer-column-title {
	margin-bottom: 1.5rem;
    display: block;
}
footer#site-footer a,
footer#site-footer a:active,
footer#site-footer a:focus,
footer#site-footer a:visited {
	color: var(--footer-font-color-link);
}
footer#site-footer a:hover {
	color: var(--footer-font-color-link-hover);
}

@media (max-width: 767px) {
    /*footer#site-footer {
        padding: 3rem 0 0 !important;
    }*/
    footer#site-footer > .section-inner.columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    footer#site-footer > .section-inner .column {
        margin-bottom: 3rem;
    }
}
@media (max-width: 575px) {
    footer#site-footer > .section-inner.columns-4,
    footer#site-footer > .section-inner.columns-3,
    footer#site-footer > .section-inner.columns-2 {
        grid-template-rows: auto;
        grid-template-columns: auto;
    }
}
.grecaptcha-badge{
	display: none !important;
	visibility: hidden !important;
}
.google-recaptcha-v3 p a,
.google-recaptcha-v3 p {
       font-size: 10px !important;
       color: #999 !important;
}

.footer-row-logo {
    width: 100%;
    margin: auto;
    text-align: center;
}
.footer-row-logo img {
    max-width: 100%;
    height: auto;
    display: inline
}

.footer-icon-row {
    display: flex;
    justify-content: center;
    padding-top: 40px;
}

.footer-icon-column {
    padding: 20px 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {

    .footer-icon-row {
        flex-direction: row;
        display: inline-grid;
        text-align: left;
        margin: 0 auto;
        width: 100%;
    }
    .footer-icon-text {
        padding-left: 10px;
    }
}

.footer-icon-column .footer-icon-image {
    height: 52px;
}

.footer-row-bottom {
    margin: 0 auto;
    text-align: center;
    padding-top: 90px;
}

footer#site-footer {
    margin-bottom: 0px;
}

.footer-bottom-text {
    color: #fff;
    padding-bottom: 40px;
}


ul#menu-menu-footer li,ul#menu-menu-footer-en li,
ul#menu-menu-informazione li,ul#menu-information-menu li,
.textwidget.custom-html-widget ul li {
	list-style-type: none;
	margin: 1rem 0;
	padding: 0;
}

ul#menu-menu-footer,ul#menu-menu-footer-en,
ul#menu-menu-informazione,ul#menu-information-menu, 
.textwidget.custom-html-widget ul {
	margin: 0.2rem 0;
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
}

span.footer-column-title {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	margin-bottom: 30px;
}

/*4. HOMEPAGE*/
.home .entry-title {
    display: none;
}

/*
	4.1 News home
*/
.section-news  h3.uagb-post__title {
    text-align: center;
}

.section-news .uagb-post__text .uagb-post__cta {
    color: #ffffff;
    background: none!important;
    border-width: 1px;
    border: 1px solid #fff!important;
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 1px;
}

.section-news  .uagb-post__text {
    text-align: center!important;
}

/*PAGINE INTERNE*/

.hide-title {
    display: none;
}



/*Product Listing*/

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}
