@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 svg {
    max-width: 60vw;
}

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;
    display: block;
}
.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%;
}


.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
    display: none;
}
.primary-navigation > div > .menu-wrapper li,
.primary-navigation > div > .menu-wrapper li a {
    width: 100%;
}
.primary-navigation > div > .menu-wrapper li {
    display: block;
    position: relative;
    width: 100%;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    position: relative;
}
#site-navigation.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    z-index: 2;
}
.primary-navigation .primary-menu-container > ul > .menu-item {
    flex-direction: column;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,
.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    display: none;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu {
    border: 0;
    padding-bottom: 2rem;
}
#site-navigation.primary-navigation ul.sub-menu li a {
    font-size: 1.4rem;
}

/*
*   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
*/
#unionprofili > .grids-s-w_i {
    padding: 4rem 2rem;
}

/*
*   3.0 Footer
*/
footer.site-footer {
    margin-top: 2rem !important;
}
footer.site-footer .site-footer-slider {
    grid-column: 1 / -1;
    margin: 0;
}
footer.site-footer .site-footer-content {
    grid-template-columns: auto;
    text-align: center;
    gap: 2rem;
    margin-top: 3rem;
}
footer.site-footer .site-footer-content .site-footer-logo,
footer.site-footer .site-footer-content .site-footer-links,
footer.site-footer .site-footer-content .site-footer-credits {
    grid-row: auto;
    grid-column: auto;
}
footer.site-footer .site-footer-content .site-footer-logo {
    margin: 0;
    padding: 0;
    border: none;
}
footer.site-footer .site-footer-content .site-footer-links {
    margin: 0;
    grid-template-columns: auto;
    padding-top: 0;
}
footer.site-footer .site-footer-content .site-footer-links ul {
    column-count: auto;
}
footer.site-footer .site-footer-content .site-footer-links .site-footer-links-finanziamento {
    grid-column: auto;
    margin-top: 2rem;
}
footer.site-footer .site-footer-content .site-footer-links .site-footer-links-finanziamento img {
    max-width: 100%;
}
footer.site-footer .site-footer-content .site-footer-credits {
    display: block;
    margin: 0;
}
footer.site-footer .site-footer-content .site-footer-credits span.design-by {
    display: block;
}