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

/*
*   1.0 Header
*       1.1 Menu
*   2.0 Content
*       2.1 Home
*       2.2 
*       2.3 404
*       2.4 Contacts
*   3.0 Footer
*   4.0 Menu
*   5.0 Gallery
*/

/*
*   1.0 header
*/
header#masthead.site-header .site-branding {
    padding: 2rem 0 2rem 1rem;
}
header#masthead.site-header.sticky .site-branding {
    padding: 1rem 0 1rem 1rem;
}
#masthead .site-logo .custom-logo {
    max-width: 20rem;
}
#masthead.sticky .site-logo .custom-logo {
    max-width: 15rem;
}
header#masthead.site-header .site-pre-header {
    flex-direction: column;
    text-align: center;
}

/*
*       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
*/
body.home #content.site-content {
    padding-top: 11.5rem;
}
header#masthead.site-header.sticky ~ #content.site-content {
    padding-top: 8rem;
}
#three-box .grids-s-w_i .grids-area {
    padding: 0 !important;
    margin: 2rem 0;
}
#la-pintadera .grids-s-w_i {
    padding: 5rem 2rem;
}
#ordina-subito .grids-s-w_i {
    padding: 5rem 2rem;
}
#ordina-subito .inline-buttons {
    flex-direction: column;
}
#ordina-subito .inline-buttons a.btn,
#ordina-subito .inline-buttons a.btn-white {
    display: block;
}
#prodotto .grids-s-w_i {
    padding: 5rem 2rem;
}
#pasta-fresca .grids-s-w_i .text-content {
    padding: 2rem 0 0 !important;
}
#non-solo-pasta {
    padding-bottom: 2rem;
}
#non-solo-pasta .grids-s-w_i .text-content {
    padding: 2rem 0 0 !important;
}
#su-di-noi .grids-s-w_i {
    padding: 5rem 2rem;
}
#su-di-noi .grids-s-w_i img {
    margin-bottom: 1.5rem;
}
#socials .grids-s-w_i {
    padding: 5rem 2rem;
}
#contatti .grids-s-w_i {
    padding: 5rem 2rem;
}
#mappa .grids-s-w_i {
    padding: 0;
}

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

/*
*   4.0 Menu
*/
.menu-list .menu-list-single {
    grid-template-columns: 1fr 1fr;
}

/*
*   5.0 Gallery
*/
.gallery-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
}
.gallery-wrapper .gallery-wrapper-image.gallery-wrapper-image-1 {
    grid-row: 1 / 3;
    grid-column: 1 / 3;
}
.gallery-wrapper .gallery-wrapper-image.gallery-wrapper-image-4 {
    grid-row: auto;
    grid-column: auto;
}