/*
Theme Name:   GMgreen
Theme URI:    https://snappysnail.io/works/gmgreen
Description:  Tema WordPress realizzato per GMgreen
Author:       Snappysnail.io
Author URI:   https://snappysnail.io
Template:     idrogeno
Version:      1.0.7
Text Domain:  gmgreen
*/

/*
    COLORS:
        :root {
            --color-ssnail-brand: #01994c;
            --color-ssnail-brand-light: #89ba96;
            --color-ssnail-brand-alt: #b3b3b3;
            --color-ssnail-brand-alt-light: #939393;
            --color-ssnail-background: #ffffff;
        }
*/
:root {
    --color-ssnail-nav-link-hover: var(--color-ssnail-brand);
    --color-ssnail-text-alt: #fff;
    --ssnail-sections-scroll-margin-top: 200px;
    --ssnail-subsections-scroll-margin-top: 200px;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}
.ssnail-navigation .ssnail-site-name {
    display: none !important;
}
.ssnail-search-panel-trigger:before,
.ssnail-navigation .navbar-toggler:before {
    background-color: var(--color-ssnail-brand);
}
.ssnail-navigation.bg-transparent .navbar-brand {
    transition: none;
}
.ssnail-is-sticky .ssnail-navigation.bg-transparent .navbar-brand {
    transition: none;
    filter: brightness(0) invert(1);
}
.ssnail-navigation {
    --bs-navbar-toggler-focus-width: 0;
    --ssnail-gutter-x: 13px;
}
.ssnail-navigation .dropdown-menu {
    --bs-dropdown-padding-y: 0;
    --color-ssnail-nav-link: var(--color-ssnail-brand);
    overflow: clip;
    background-color: var(--color-ssnail-background);
}
.ssnail-navigation .nav-link {
    text-transform: uppercase;
    font-weight: 600;
}
footer.site-footer a {
    color: var(--color-ssnail-text-alt);
}
footer.site-footer a:hover {
    color: var(--color-ssnail-brand);
}
@media screen and (min-width: 992px) {
    footer.site-footer .ssnail-footer-widget {
        display: flex;
        align-items: baseline;
        gap: 2rem;
    }
    footer.site-footer .ssnail-footer-widget h5,
    footer.site-footer .ssnail-footer-widget p {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 991px) {
    .ssnail-navigation .container-fluid {
        --bs-gutter-x: 0;
    }
    .ssnail-navigation .navbar-collapse {
        position: absolute;
        top: calc(50px + var(--ssnail-gutter-x));
        width: calc(100% - var(--ssnail-gutter-x) * 2);
        background-color: var(--color-ssnail-background);
        overflow: clip;
        border-radius: 5px;
        border: 1px solid var(--color-ssnail-brand);
    }
    .ssnail-navigation .navbar-collapse .menu-item {
        padding: 0 13px;
    }
    .ssnail-navigation .navbar-collapse .nav-link {
        color: var(--color-ssnail-brand);
    }
}
.ssnail-search-panel {
    background-color: transparent;
}
body.home.page-template-home section {
    scroll-margin-top: var(--ssnail-sections-scroll-margin-top);
}
body.home.page-template-home section.ssnail-opening-section .splide .splide__arrows .splide__arrow {
    background-color: transparent;
}
body.home.page-template-home section.ssnail-opening-section {
    min-height: 100vw;
    background-color: #131313;
}
@media screen and (min-width: 992px) {
    body.home.page-template-home section.ssnail-opening-section {
        min-height: 100vh;
    }
}
body.home.page-template-home section.ssnail-opening-section .splide .splide__arrows .splide__arrow svg {
    fill: #fff;
}
@media screen and (min-width: 992px) {
    body.home.page-template-home section.ssnail-opening-section .splide .splide__arrows .splide__arrow svg {
        scale: 2;
    }
}
body.page-template-home .ssnail-home .ssnail-opening-section .splide .splide__slide figure figcaption {
    padding-left: 4rem;
    padding-right: 4rem;
}
body.page-template-home .ssnail-home .ssnail-opening-section .splide {
    color: var(--color-ssnail-text-alt);
}
body.page-template-home .ssnail-home .ssnail-opening-section .splide .splide__slide figure:after {
    background: rgba(0,0,0,.75);
}
body.home.page-template-home section.ssnail-advantages .ssnail-icon {
    color: var(--color-ssnail-brand);
}
body.home.page-template-home section.ssnail-advantages .ssnail-description p {
    font-size: 0.8rem;
}
@media screen and (min-width: 992px) {
    body.home.page-template-home section.ssnail-advantages .ssnail-vantaggi-bg-image {
        position: absolute;
    }
    body.home.page-template-home section.ssnail-advantages .ssnail-vantaggi-bg-image img {
        mask-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
    }
}
body.home.page-template-home section.ssnail-services .ssnail-services-navigation {
    top: var(--ssnail-navbar-height);
    background-color: var(--color-ssnail-background);
}
body.home.page-template-home section.ssnail-services .ssnail-services-navigation a {
    color: var(--color-ssnail-brand);
    text-transform: uppercase;
    font-family: var(--font-ssnail-headings),Sans-Serif;
    font-size: 0.8rem;
    font-weight: 600;
}
body.home.page-template-home section.ssnail-services .ssnail-services-navigation a:hover {
    color: var(--color-ssnail-brand-light);
}
body.home.page-template-home section.ssnail-services .ssnail-subsections section {
    overflow: clip;
}
body.home.page-template-home section.ssnail-services .ssnail-subsections section {
    scroll-margin-top: var(--ssnail-subsections-scroll-margin-top);
}
body.home.page-template-home section.ssnail-services .ssnail-subsections section .ssnail-content h3,
body.home.page-template-home section.ssnail-services .ssnail-subsections section .ssnail-content h4,
body.home.page-template-home section.ssnail-services .ssnail-subsections section .ssnail-content h5 {
    text-align: center;
}
body.home.page-template-home section.ssnail-services .ssnail-subsections section .ssnail-gallery img {
    width: 100%;
    height: auto;
}
@media screen and (min-width: 992px) {
    body.home.page-template-home section.ssnail-services .ssnail-services-navigation a {
        font-size: 0.9rem;
    }
    body.home.page-template-home section.ssnail-services .ssnail-subsections section .order-lg-0 .ssnail-gallery {
        transform: translateX(calc(-1 * (var(--bs-gutter-x) / 2)));
        width: calc(100% + var(--bs-gutter-x));
    }
    body.home.page-template-home section.ssnail-services .ssnail-subsections section .order-lg-1 .ssnail-gallery {
        transform: translateX(calc(-1 * (var(--bs-gutter-x) / 2)));
        width: calc(100% + var(--bs-gutter-x));
    }
    body.home.page-template-home section.ssnail-services .ssnail-subsections section .ssnail-gallery img {
        aspect-ratio: 1/1;
        object-fit: cover;
    }
}
body.home.page-template-home section.ssnail-brands {
    color: var(--color-ssnail-text-alt);
    background-color: #131313;
}
body.home.page-template-home section.ssnail-brands h2,
body.home.page-template-home section.ssnail-brands h3,
body.home.page-template-home section.ssnail-brands h4,
body.home.page-template-home section.ssnail-brands h5,
body.home.page-template-home section.ssnail-brands h6,
body.home.page-template-home section.ssnail-brands a, {
    color: var(--color-ssnail-text-alt);
}
body.home.page-template-home section.ssnail-work-with-us {
    background-color: var(--color-ssnail-brand-light);
    color: var(--color-ssnail-text-alt);
}
body.home.page-template-home section.ssnail-contacts .wpforms-submit-container {
    text-align: center;
}