/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

/* Default: Relative */
body.page-id-308 #grid-menu1 {position:relative;}
body.page-id-308 #grid-menu2 {position:relative;}
/* Header Scrolled - Fixed */

/* 1a RIGA Header Scrolled
Cocktail Tiki
Cocktail Tropicali
Cocktail Mexicani
Cocktail Analcolici
Mexican Food
Birra & Bevande
*/
body.page-id-308:has(header.scrolled)  #grid-menu1 {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 99999999;
}
/* 2a RIGA  Header Scrolled
Caffetteria
Dolci - Crepes
Frullati
Yogurt
Frappè
Bubble Waffel
Fruit Bowl
*/

body.page-id-308:has(header.scrolled)  #grid-menu2 {
    position:fixed;
    top: 90px;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 99999999;
}
/* Nascondo la Header Scrolled tanto c'è sopra i 2 menu */
body.page-id-308 header.scrolled {
    display: none;
}
/* IPAD / TABLET */
@media all and (max-width:1024px) {
    /* 1a RIGA  Header Scrolled (classe qode-animate-mobile-header )*/
    body.page-id-308:has(header.qode-animate-mobile-header)  #grid-menu1 {
        position:fixed;
        top: 0;
        left: 2%;
        width: 97%;
        height: 70px;
        overflow: hidden;
        box-sizing: border-box;
        z-index: 9999;
    }
    /* 2a RIGA  Header Scrolled (classe qode-animate-mobile-header )*/
    body.page-id-308:has(header.qode-animate-mobile-header)  #grid-menu2 {
        position:fixed;
        top: 70px;
        left: 2%;
        width: 97%;
        height: 78px;
        overflow: hidden;
        box-sizing: border-box;
        z-index: 9999;
        box-shadow: 1px 3px 4px rgba(0,0,0,.1);
    }
    /* Nascondo la Header Scrolled (qode-animate-mobile-header) tanto c'è sopra i 2 menu */
    body.page-id-308 header.qode-animate-mobile-header {
        display: none;
    }
    /* 1a RIGA - SU IPAD/TABLET Forzo 6 x riga */
    body.page-id-308:has(header.qode-animate-mobile-header)  #grid-menu1 > .e-con-inner {
        grid-template-columns: repeat(6, 1fr) !important;
        gap: 0;
    }
    /* 2a RIGA - SU IPAD/TABLET Forzo 7 x riga */
    body.page-id-308:has(header.qode-animate-mobile-header)  #grid-menu2 > .e-con-inner {
        grid-template-columns: repeat(7, 1fr) !important;
        gap: 0;
    }
    body.page-id-308:has(header.qode-animate-mobile-header) .e-con-inner .elementor-image-box-title {
       
        font-size: 14px;
        line-height: 1.2;
    }
    /*1a RIGA + 2a RIGA - diminuisco immagine */
    body.page-id-308:has(header.qode-animate-mobile-header) #grid-menu1 .elementor-image-box-img img,
    body.page-id-308:has(header.qode-animate-mobile-header) #grid-menu2 .elementor-image-box-img img {
        max-height: 60px !important;
    }
    /*2a RIGA - diminuisco contenitore immagine (perchè sono 7 colonne, una in +) */
    body.page-id-308:has(header.qode-animate-mobile-header) #grid-menu1 .elementor-image-box-img,
    body.page-id-308:has(header.qode-animate-mobile-header) #grid-menu2 .elementor-image-box-img {  
        max-width: 70px !important;
    }
    /* HEADER MOBILE SVG COLOR */
    body .light .popup_menu.qode-popup-menu-svg-opener .qode-popup-menu-opener svg * {
        
        stroke: #ff00de !important;
    }

}
/* MOBILE / SMALLS SCREEN */
@media all and (max-width:667px) {
    /* 2a RIGA - 70 pixel (c'è l'overflow:hidden) */
     body.page-id-308:has(header.qode-animate-mobile-header)  #grid-menu1 {
        height: 70px;
    }
    body.page-id-308:has(header.qode-animate-mobile-header)  #grid-menu2 {
        top: 54px;
        height: 70px;

    }
    /* 1a RIGA + 2a RIGA - Nascondo titolo */
    body.page-id-308:has(header.qode-animate-mobile-header) #grid-menu1 .elementor-image-box-content ,
    body.page-id-308:has(header.qode-animate-mobile-header) #grid-menu2 .elementor-image-box-content {
        display: none;
    }
    /*  */
    body.page-id-308:has(header.qode-animate-mobile-header)  #grid-menu2 .no-menu-small {
        /* display: none !important; */
    }
    
}   
/* SHORTCODE: LISTA SOTTO PAGINE  */
.subpage-list                           { display: flex; list-style-type: none; padding: 8px 0; width: 100%;
                                          flex-direction: column; box-sizing: border-box;
                                          border-left: var(--primario-bordo); padding-left: 8px; gap: 8px; }
.subpage-list.row                       { flex-direction: row; box-sizing: border-box; border-left: 0px none;
                                          align-items: start; padding-left: initial;}
.subpage                                { display: flex; flex-wrap: nowrap; gap: 8px; align-items: center; flex-direction: row;
                                          box-sizing: border-box; }
.subpage-list.row .subpage              { display: flex; flex-direction: column; min-width: 20%; box-sizing: border-box;
                                          text-align: center;gap: 8px;}
.subpage                   img          { aspect-ratio:1/1; width:100px; object-fit: cover; }
.subpage-list.row .subpage img          { width:100%; max-width: 300px; }
.subpage.root              h4 a         { color:  var(--primario); }
.subpage.attivo            h6 a         { color:  var(--primario); 

/* MODULO CONTATTI DINAMICO */

.wpcf7-form .wpcf7-spinner              { display: none; } /* FIX Spinner CF7 */
.wpcf7-form               label         { position: relative;}
.wpcf7-form               label::before { content:  ''; font-family: FontAwesome; position: absolute;
                                          left: -24px;font-size: 16px; color:var(--primario);}
label[for] > span,
label .wpcf7-list-item-label > span     { color: var(--secondario); font-size: 12px; }
label[for="your-name"]::before,
label[for="your-cognome"]::before       { content:  '\f2c1'; }
label[for="your-email"]::before         { content:  '\f2b6'; }
label[for="your-phone"]::before         { content:  '\f2a0'; }
label[for^="data"]::before              { content:  '\f073'; }
label[for="adulti"]::before             { content:  '\f0c0'; }
label[for="your-message"]::before       { content:  '\f27a'; }
label[for="bambini"]::before            { content:  '\f1ae'; }
label[for="portfolio_category"]::before { content:  '\f0b1'; top: 0; }
label[for="tipo-contatto"]::before      { content:  '\f590'; top: 0; }
.wpcf7-acceptance label::before         { content:  '\f505'; top: 0; left: -36px; }
select.select-dinamica                  { text-align:center; }
select.select-dinamica     option       { text-transform: uppercase; font-family: 'Noto Sans', sans-serif ;}
.submit-cf7                             { position:relative; }
.submit-cf7::after                      { content: '\f1d8'; font-family: FontAwesome; position: absolute;
                                          right: 24px; font-size: 18px; color: #fff; top: 33px; }
/* SHORTCODE: SUBPAGE LIST - Ricordati che hai modificato l'Inner page navigation */



