:root {
    --primary-color: #6EB9E8;
    --secondary-color: #02407E;
    --light-color: #D8F4FF;
	--entry-content-padding: 0; /*Se full width mettere "0px" se no "0 30px"*/
	--header-menu-hover-background: transparent;
	--header-menu-hover-color: #000000;
	--header-submenu-border: none;
	--header-submenu-hover-background: transparent;
	--scheda-tecnica-button-background: transparent;
	--scheda-tecnica-button-color: #000;
	--scheda-tecnica-button-hover-background: transparent;
	--scheda-tecnica-button-hover-color: #ffffff;
	--blog-archive-title-background: transparent;
	--blog-archive-title-color: #000000;
	--blog-archive-button-color: #000000;
    --button-background: #23B2E8;
    --button-font-color: #fff;
    --button-background-hover: #02407E;
    --button-font-color-hover: #fff;
}


/*
    0.1 BOTTONI
    0.2 HEADER
    0.3 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.2 MARQUEE
        1.2 CHI SIAMO
        1.3 MAPPA DEL SITO
	2. Footer
    3. MAILCHIMP
    3. Prodotti SINGLE
    6.CONTATTI
        6.1 CONTACT FORM
    7. BLOG
        7.1 BLOG LISTING
        7.2 CATEGORY LISTING
        7.3 BLOG SINGLE
    8. WOOCOMMERCE GENERAL
        8.1 WOOCOMMERCE CATALOG

*/


/*
 Custom CSS
 */

.grids-section.fullgrid {
	width: 100% !important;
}

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

.nomar0gin {
    margin: 0px !important;
}
.nomargin img {
	margin: 0 !important;
}
p.col-2 {
    columns: 2;
}

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

.vertical-line {
    height: 100px;
    background: linear-gradient(#000, #000) no-repeat center/2px 100%;
    margin-top: 20px;
}
.otgs-development-site-front-end {
    display: none;
}
/*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);
}


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

@media (max-width: 999px){
    header .header-inner {
        grid-template-columns: 1fr;
    }
} 
.header-navigation-wrapper {
    flex-direction: column;
    row-gap: 30px;
    justify-content: center;
}
header .header-inner .header-navigation-wrapper {
    /*grid-column: 1/4;*/
    grid-row: 1;
    grid-column: 2;
    min-height: 70px;
}
.header-inner .header-navigation-wrapper ul.primary-menu {
    margin: 0 auto;
}
.primary-menu-wrapper {
    display: block;
}
@media (max-width: 999px){
    .header-extra-info {
        display: none;
    }
}
header .header-inner .site-logo img {
    max-height: 60px !important;
    max-width: 165px;
}
@media (min-width: 1000px){
    header .header-inner .header-navigation-wrapper ul.primary-menu {
        justify-content: flex-end !important;
    }
}
/*header#site-header.sticky {
    background: #fff;
}*/
/*0.3 MENU*/

.primary-menu a {
    font-family: var(--title-font-family);
    font-weight: bold;
    letter-spacing: 0;
}

.header-titles-wrapper {
	display: flex !important;
    width: auto !important;
}

@media (max-width: 999px) {
    .header-titles-wrapper {
        width: 100%;
        padding-right: 0 !important;
    }
}
@media (max-width: 1135px){
    .header-navigation-wrapper .primary-menu li {
        margin: 0.8rem 0 0 0;
        padding: 0 1%;
    }

}

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

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

.primary-menu > li > .icon {
    color: #fff !important;
}
:root body header .header-inner nav ul.primary-menu > li > a:hover + .icon {
    color: var(--header-font-color-link-hover) !important;
}
body:not(.overlay-header) .primary-menu > li > ul:after {
    border-bottom-color: #fff !important;
}
.modal-menu {
    left: inherit;
}
.modal-menu > li {
    margin-bottom: 10px;
    margin-top: 10px;
    border: 0;
}
.modal-menu > li a {
    display: inline-block;
    width: auto;
	display:inline-block;
	cursor:pointer;
	color:#000000;
    padding: 1rem!important;
	text-decoration:none;
}
.modal-menu > li a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: var(--footer-font-color-link-hover);
    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: 18px!important;
    }
}

/*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(--primary-color);
}

.modal-menu {
    position: relative;
    left: 0 !important;
    width: auto!important;
}
.menu-top .toggle .toggle-text,
.menu-top .toggle svg {
    color: #fff;
}
body .modal-menu a {
    color: #fff !important;
}
/*custom*/

body:not(.enable-search-modal) .header-titles-wrapper {
    justify-content: space-between;
}
@media (min-width: 1000px) {
    body:not(.enable-search-modal) .header-titles-wrapper {
    max-width: 150px;
}
}
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 (max-width: 768px) {
	.header-inner .toggle {
		width: 40px
	}
}
.header-inner .toggle.nav-toggle .toggle-icon,
.header-inner .toggle.nav-toggle svg {
	width: auto;
}

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

/*0.4 PRE HEADER*/

.pre-header-inner .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon {
    margin: 0px;
    max-width: 25px;
}

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

/*0.5 COPERTINE PAGINE */

header.entry-header,
.singular .entry-header {
    background-color: var(--primary-color);
}

header.entry-header h1.entry-title {
    padding: 50px 0;
}

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

/*1.2 CHI SIAMO*/

/*1.3 MAPPA DEL SITO*/

.list-pages-shortcode li {
    font-size: var(--font-size);
}
  
/*
	2. Footer
*/
footer#site-footer {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

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

/* 3. MAILCHIMP*/

section#yikes-mailchimp-container-1 {
    padding: 0px 10px 10px;
}

.widget.widget_yikes_easy_mc_widget {
    MARGIN-TOP: 0;
}

.yikes-mailchimp-field-required input {
    background: transparent !important;
    color: #000;
    font-size: var(--font-size);
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
}

.yikes-easy-mc-form input::placeholder {
    font-size: var(--font-size);
}

.yikes-easy-mc-submit-button {
    background: #000 !important;
    font-size: var(--font-size);
    width: auto !important;
    padding: 0 20px !important;
    font-family: var(--body-font-family);
    font-weight: 400;
}

.yikes-easy-mc-submit-button:hover {
    background: #fff !important;
    padding: 0 20px !important;
    font-family: var(--body-font-family);
    font-weight: 400;
    color:#000 !important;
}

@media (min-width: 1025px) {
label.FNAME-label, label.EMAIL-label {
    width: 49% !important;
}
}

.yikes-mailchimp-eu-compliance-text p {
    font-size: calc(var(--font-size) - 3px) !important;
    letter-spacing: 0;
}

/*5.1 Navigation*/
.nav-links span, .nav-links a {
    font-size: 18px;
    font-family: var(--body-font-family);
}
.nav-links span.current {
    color: var(--primary-color);
}

/*3. Prodotti SINGLE*/
.single .product-container {
    padding: 100px 10%;
}

.single .description h1,
.single .description h2,
.single .description h3 {
    font-weight: 400;
    margin: 0;
}
.single .description h1 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.single .description h2,
.single .description h3 {
    font-size: 24px;
    line-height: 28px;
}
.columns-content {
    display: flex;
}

.columns-content > div {
    max-width: 50%;
}
@media screen and (max-width: 768px){
    .columns-content {
        flex-direction: column;
    }
	.columns-content > div {
    max-width: 100%;
}
}

@media screen and (min-width: 768px){
    .description .testo-descrittivo {
        padding-right: 5%;
    }    
}

@media screen and (min-width: 1441px){
    .description .testo-descrittivo {
        padding-right: 10%;
    }    
}

.single-tipologia {
    padding-top: 20px;
}

.single .product-specs.title {
    text-transform: uppercase;
    letter-spacing: 0;
}

@media screen and (max-width: 468px) {
    .single .product-specs.title {
        font-size: 15px;
    }
}

.single .product-specs.value {
    letter-spacing: 0;
}

@media screen and (max-width: 468px) {
    .single .product-specs.value {
        font-size: 24px;
    }
}


.description .underline {
    text-decoration: underline;
    text-decoration-thickness: 5px;
}

.info-product {
    display: flex;
    justify-content: space-around;
}
button.info-product-btn {
    padding: 20px 10px;
}

/*images*/


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

.single .product-description h3 {
    margin: 0;
    padding-top: 20px;
}

.single .product-description-text p.second-title {
    margin-bottom: 10px;
}

/*Related*/
@media screen and (min-width: 879px) {
.related-products .product-list-container {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 10%;
}
}
/*CATEGORIE*/

.archive .products-cat {
    padding: 60px 10px 100px 10px;
    background: var(--primary-color);
    margin-bottom: 80px !important;
}
.archive .products-row-container {
    margin-top: -40px;
    padding-bottom: 80px;
}
.archive .products-cat h1 {
    text-align: center;
}
.archive .product-image img {
    height: 50vh;
    width: auto;
}
.products-cat .category-content {
    display: flex;
    align-items: center;
    padding: 100px 10%;
}
@media screen and (min-width: 769px) {
	.archive .products-cat .category-content > p {
        padding: 0 0 0 10%;
    }
}

.products-cat .category-content > * {
    max-width: 50%;
}

@media screen and (max-width: 768px) {
    .products-cat .category-content {
        flex-direction: column;
        padding-top: 20px;
        padding-bottom: 0;
    }
    .products-cat .category-content > * {
        max-width: 100%;
    }
    .archive .products-cat .category-content > p {
        padding: 0;
    }
    .products-cat .category-content > .category-img {
        display: none;
    }
}

.product-list-container img {
    width: auto;
    min-height: 300px !important;
}


.product-list-container i {
    transition: transform .2s ease-in-out;
}

.product-list-container .single-product-container:hover i {
    transform: scale(1.5);
}



/* 6.1 CONTACT FORM */

.wpcf7-form p > span.wpcf7-form-control-wrap > input,
.wpcf7-form textarea {
    color: #fff !important;
    font-size: var(--font-size);
    padding: 2%;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--primary-color);
    text-transform: uppercase;
    font-family: var(--body-font-family);
}

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

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

.wpcf7-form textarea {
    height: 150px !important;
    border: 1px solid var(--primary-color);
}

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

.wpcf7-form input[type="submit"] {
    background: #fff !important;
    padding: 10px 20px;
    font-size: var(--font-size);
    font-family: var(--body-font-family);
    color: var(--secondary-color) !important;
    border: 1px solid #fff;
}
footer#site-footer .colums-form p{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.colums-form p{
    margin-bottom: 0;
}
.colums-form + .colums-form {
    margin-bottom: 18px;
}
footer#site-footer .colums-form p .wpcf7-form-control-wrap {
    width: 49%;
}
@media (max-width: 1024px) and (min-width:769px) {
    footer#site-footer .colums-form p .wpcf7-form-control-wrap {
        width: 100%;
    }
}
@media (max-width: 500px) {
    footer#site-footer .colums-form p .wpcf7-form-control-wrap {
        width: 100%;
    }
}
footer#site-footer .colums-form input, footer#site-footer textarea {
    color: #fff;
}
footer#site-footer .colums-form input::placeholder, footer#site-footer textarea::placeholder {
    color: #fff;
    opacity: 0.8;
}
footer#site-footer textarea {
    border-color: var(--primary-color);
}
/*7. BLOG*/
body.blog main#site-content .news-container,
.archive.category main#site-content .news-container {
    padding-top: 20px;
}

/* 7.1 BLOG LISTING*/

.post-meta-wrapper.post-meta-edit-link-wrapper {
    display: none;
}

nav.navigation.pagination {
    grid-row: auto;
    grid-column: 1/4;
    padding: 20px;
}

/* 7.3 BLOG SINGLE*/
body.single-post article .post-inner {
    padding-top: 60px !important;
}

/*8. WOOCOMMERCE GENERAL
.woocommerce-page main#site-content {
    margin-top: 0 !important;
}
.woocommerce .content-area {
    grid-column-start: 1;
    grid-column-end: 13;
    max-width: inherit;
    padding: var(--entry-content-padding);
}*/

/*8.1 WOOCOMMERCE CATALOG
h1.woocommerce-products-header__title.page-title,
nav.woocommerce-breadcrumb,
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering,
p.woocommerce-result-count {
    display: none;
}
.woocommerce-page main.site-main {
    margin: 0 !important;
    margin-top: -111px !important;
}
.woocommerce-page .section-copertina {
    margin-top: 0;
}

.woocommerce ul.products {
    padding: 0 10%;
}

@media (max-width: 1024px) {
    .woocommerce ul.products {
        padding: 0 5%;
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products {
        padding: 0 45px;
    }
}

.woocommerce ul.products li.product {
    justify-content: flex-start;
    align-items: center;
}
@media (min-width: 769px) {
    .woocommerce ul.products li.product {
        padding: 0 10%;
    }
}


ul.products li.product h2.woocommerce-loop-product__title {
    color: var(--secondary-color) !important;
}
ul.products li.product .price {
    font-size: var(--h3-font-size);
    line-height: calc(var(--h3-font-size) * 1.1);
    font-weight: 700;
    font-family: var(--title-font-family);
    animation-name: fadeInUp;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
}

.woocommerce img, .woocommerce-page img {
    animation-name: zoomIn;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
}

ul.products li.product p,
ul.products li.product ul {
    animation-name: fadeInUp;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
}

ul.products li.product .button {
    animation-name: fadeInUp;
    animation-duration: var(--animate-duration);
    animation-fill-mode: both;
    margin-top: 20px;
    margin: auto;
    margin-bottom: 0;
}*/

/*CART AND CHECKOUT

.woocommerce-checkout #site-content .woocommerce,
.woocommerce-cart #site-content .woocommerce {
    max-width: 100%;
    padding: 60px 10%;
}
@media (max-width: 1024px) {
    .woocommerce-checkout #site-content .woocommerce,
    .woocommerce-cart #site-content .woocommerce {
        padding: 60px 5%;
    }
}

@media (max-width: 768px) {
    .woocommerce-checkout #site-content .woocommerce,
    .woocommerce-cart #site-content .woocommerce {
        padding: 60px 45px;
    }
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals,
.woocommerce-checkout form #order_review,
.woocommerce-checkout form #order_review_heading{
    padding: 30px;
    background: var(--button-font-color);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background: var(--button-font-color);
}*/