/*Trigramma*/

.show-menu {
    position: fixed;
    right: 0.8em;
    top: 1.5em;
    border-radius: 5px;
    width:40px;
    border: 3px solid #004682;
    color: #004682;
    text-align: center;
    font-size: 30px;
    margin: 10px 0;
    z-index: 1000;
    background-color: #FFFFFFE0;
    display: none;
}

#show-menu {
    display: none;
}

#show-menu:checked ~ #menu-mobile , #show-menu:checked ~ #menu-mobile > .menu-mobile-container > *  {
    display:block;
}

#show-menu:checked ~ .show-menu {
    color: #ffffff;
    border-color: #ffffff;
}

/*******************MEDIA QUERY**********************/

@media only screen and (max-width: 440px) {
    
    #info a {
        font-size: 10px !important;
    }

    #contatti img {
        width: 30px;
    }

}


@media only screen and (max-width: 856px) {

/*menu*/

    #menu-home , #menu-interno {
        display: none;
    }

    .show-menu {
        display: block;
    }

    #menu-mobile {
        position: fixed;
        top: 0;
        background-color: #004682;
        z-index: 999;
        width: 100%;
    }

/* reset our lists to remove bullet points and padding */

    .menu {
        list-style: none;
        padding: 0;
        margin: 0;
    }

/* make ALL links (main and sub-menu) have padding and background color */
    .menu a {
        display: block;
        text-decoration: none;
        padding: 10px;
        color: #fff;
        text-align: center;
    }

/*Header*/

    .home #branding {
        background-image: url('https://www.fonderiaallegri.it/wp-content/uploads/2025/10/Slide1-scaled-e1768225457287-1024x316.jpg');
    }

    .grid-header {
        background-color: #FFFFFFE0;
        border-radius: 10px 10px 0 0;
        padding: 0 1em !important;
        margin: 0 1em;
    }

    .grid-header {
        display: grid;
        grid-template-columns: auto auto auto !important;
        grid-template-areas:
        'info contatti'
        'logo logo' !important
    }

    #social {
        display: none;
    }

    #contatti {
        display: inline-block !important;
        text-align: right;
    }

    #contatti p {
        display: none;
    }

    .logo-header {
        display: none;
    }

    .logo-header-2 {
        display: block !important;
    }

    #logo img {
        width: 75% !important;
        margin: 1em auto;
    }

    #slide-group {
        padding: 0 0 0.2em 0 !important;
        background-image: url('https://www.fonderiaallegri.it/wp-content/uploads/2025/10/Slide1-scaled-e1768225457287-1024x316.jpg');
    }

    #didascalia-home {
        position: inherit !important;
        padding: 1em 1em !important;
        background-color: #FFFFFFE0 !important;
        margin: 0 1em;
    }

    #slide-group .wp-block-buttons {
        position:inherit !important;
        margin: 0 1em 1em !important;
        padding: 0 1em 1em !important;
        background-color: #FFFFFFE0 !important;
        border-radius: 0 0 10px 10px;
        font-size: var(--wp--preset--font-size--small) !important;
    }

/*HOME PAGE*/

    h1 .has-inline-color {
        font-size: 28px !important;
    }

    h2 .has-inline-color, #paragrafo-contatti {
        font-size: 18px !important;
        font-weight: bold;
    }

    #pulsante-contatti a {
        font-size: 12px !important;
    }

    .grid-contatti .wp-block-group__inner-container {
        grid-template-columns: auto !important;
        grid-template-areas:
        'titolo-contatti'
        'sottotitolo-contatti'
        'paragrafo-contatti'
        'pulsante-contatti'
        !important;
    }
/*PAGINE DI CATEGORIA INTERNE*/

    #grid-product .wp-block-group__inner-container {
        grid-template-columns: 100% !important;
        grid-template-areas:
        'img-product   ' 
        'titolo-product' 
        'desc-product  ' 
        'tabs-wrapper  ' 
        !important;
    }

    #grid-product2 .wp-block-group__inner-container {
        grid-template-columns: 100% !important;
        grid-template-areas:
        'img-product   ' 
        'titolo-product' 
        'desc-product2  ' 
        'tabs-wrapper  ' 
        !important;
    }

    #grid-product3 .wp-block-group__inner-container {
        grid-template-columns: 100% !important;
        grid-template-areas:
        'img-product   ' 
        'titolo-product' 
        'desc-product3  ' 
        'tabs-wrapper  ' 
        !important;
    }

    #grid-product4 .wp-block-group__inner-container {
        grid-template-columns: 100% !important;
        grid-template-areas:
        'img-product   ' 
        'titolo-product' 
        'desc-product4  ' 
        'tabs-wrapper  ' 
        !important;
    }

/*PAGINA CONTATTI*/

    .wp-block-contact-form-7-contact-form-selector {
        text-align: center;
    }

    form p:nth-child(7) {
        text-align: center !important;
    }

    .wpcf7-spinner {
        display:flex;
    }

    #gmaps {
        width: 100%;
    }

/*PAGINA CHI SIAMO*/

    .crono {
        position: absolute;
        left: 0.1em;
        width: 15%;
        height: 100%;
        margin-top: 10em !important;
    } 

    .crono2 {
        margin-top: 1em !important;
    }

    .titolo-vuoto-storia {
        min-height: 65% !important;
    }

    .img-storia {
        display: none;
    }
    
/*PAGINA AREA DOWNLOAD*/

    #grid-catalog-sx .wp-block-group__inner-container,
    #grid-catalog-dx .wp-block-group__inner-container {
        grid-template-columns: auto !important;
        grid-template-areas:
        'img-catalog'
        'list-catalog' !important
    }

    #list-catalog {
        padding-right: 0 !important;
        margin-left: 0 !important;
        text-align: center !important;
    }

    #tabs-catalog {
        display: inline-flex;
    }

    .btn1-catalog {
        display: none !important;
    }

    .img-catalog a::after {
        content: url( '../FA_theme/images/Sfoglia.png' ) !important;
        opacity: 1 !important;
        top: 25% !important;
    }

    .img-catalog {
        padding: 0 !important;
    }

    .img-catalog a img {
        max-height: unset !important;
    }

    .img-catalog a::after {
        background-color: unset !important;
        opacity: 1 !important;
    }

/*FOOTER*/

    #block-19 .wp-block-columns .wp-block-column:nth-child(2) {
        padding-left: 0 !important;
    }

#block-19 .wp-block-columns .wp-block-column:nth-child(3) {
        text-align: left !important;
    }

#block-20 .wp-block-columns .wp-block-column:nth-child(2) {
        padding-left: 0 !important;
    }

#block-20 .wp-block-columns .wp-block-column:nth-child(3) {
        text-align: left !important;
    }
}