@charset "UTF-8";
/*
    Tablet
*/

/*
*   1.0 Header
*       1.1 Menu
*   2.0 Content
*       2.1 Home
*       2.2 Single product
*       2.3 404
*   3.0 Footer
*/

/*
*   1.0 Header
*/

/*
*   1.1 Menu
*/
.primary-navigation-open .primary-navigation > .primary-menu-container {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    border: 2px solid transparent;
}
.primary-navigation > div > .menu-wrapper {
    padding-bottom: 100px;
    padding-left: 0;
}
.primary-navigation-open .primary-navigation {
    width: 100%;
    position: fixed;
}
.menu-button-container {
    display: block;
}
.primary-navigation > .primary-menu-container {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
    padding-left: var(--global--spacing-unit);
    padding-right: var(--global--spacing-unit);
    padding-bottom: var(--global--spacing-horizontal);
    background-color: var(--global--color-background);
    transition: all 0.15s ease-in-out;
    transform: translateY(var(--global--spacing-vertical));
}
body:not(.primary-navigation-open) #site-navigation.primary-navigation {
    position: relative;
}
body.primary-navigation-open #site-navigation.primary-navigation {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
}
body.primary-navigation-open #site-navigation.primary-navigation .menu-button-container {
    top: 0;
}
body.primary-navigation-open #site-navigation.primary-navigation #primary-mobile-menu {
    margin: 0 0 0 auto;
}
.primary-navigation > div > .menu-wrapper li,
.primary-navigation > div > .menu-wrapper li a {
    width: 100%;
}

/*
*   2.0 Content
*/
.lock-scrolling .site {
    position: fixed;
    max-width: 100%;
    width: 100%;
}
.entry-content .grids-section .grids-s-w_i {
    padding: 0 2rem;
}

/*
*   2.1 Home
*/
#la-pintadera .grids-s-w_i,
#prodotto .grids-s-w_i,
#su-di-noi .grids-s-w_i,
#contatti .grids-s-w_i {
    padding: 2rem 2rem;
}

/*
*   3.0 Footer
*/
footer.site-footer {
    grid-template-columns: auto;
}
footer.site-footer .credits {
    text-align: center;
    padding: 1rem;
}