/*
Theme Name: OWL Child
Theme URI: https://owl.jwsuperthemes.com
Template: owl
Author: the JWSThemes Team
Author URI: https://themeforest.net/user/jwsthemes
Description: OWL is a completely gorgeous and visually pristine, professionally graphically designed and very carefully crafted, thoroughly thought out and entirely engaging and inviting, warm and welcoming, technologically resourceful and easy to use, flexible and modern responsive WordPress restaurant and café theme. OWL is a theme that has been built with the deliberate intention of creating a delightfully vibrant and incredibly refined theme that is perfectly suited for elegant, upscale restaurants or cafés catering to a discerning audience that expects nothing but the highest quality and performance. OWL uses an OpenTable system for dining online reservations.
Tags: two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,flexible-header,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready,accessibility-ready
Version: 3.1.5
Updated: 2017-09-28 03:09:31
*/
/* =====================================================
   HEADER MOBILE: hamburger a sinistra e logo a destra
===================================================== */

/* =========================================================
   HEADER MOBILE ZEFIRO
   Hamburger a sinistra e logo a destra
========================================================= */

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

    /* Contenitore hamburger + logo */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar
    .container
    > .navbar-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 10px 15px !important;

        box-sizing: border-box !important;
    }

    /* Elimina i clearfix di Bootstrap che interferiscono con flex */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header::before,

    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header::after {
        display: none !important;
        content: none !important;
    }

    /* Pulsante hamburger */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header
    > button.navbar-toggle {
        position: relative !important;
        float: none !important;
        clear: none !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 42px !important;

        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 8px !important;

        border: 1px solid #ffffff !important;
        box-sizing: border-box !important;
    }

    /* Linee dell’hamburger */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-toggle
    .icon-bar {
        display: block !important;

        width: 22px !important;
        height: 2px !important;

        margin: 2px auto !important;

        background-color: #ffffff !important;
    }

    /* Logo posizionato a destra */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header
    > a.bt-logo {
        position: relative !important;
        float: none !important;
        clear: none !important;

        display: block !important;
        flex: 0 0 auto !important;

        width: auto !important;
        height: auto !important;

        margin: 0 0 0 auto !important;
        padding: 0 !important;

        line-height: normal !important;
        text-align: right !important;
    }

    /* Immagine del logo */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header
    > a.bt-logo
    > img {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: 105px !important;
        max-height: 60px !important;

        margin: 0 !important;
    }

	/* Contenitore hamburger + logo */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar
    .container
    > .navbar-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 10px 15px !important;

        box-sizing: border-box !important;
    }

    /* Elimina i clearfix di Bootstrap che interferiscono con flex */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header::before,

    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header::after {
        display: none !important;
        content: none !important;
    }

    /* Pulsante hamburger */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header
    > button.navbar-toggle {
        position: relative !important;
        float: none !important;
        clear: none !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 42px !important;

        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 8px !important;

        border: 1px solid #ffffff !important;
        box-sizing: border-box !important;
    }

    /* Linee dell’hamburger */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-toggle
    .icon-bar {
        display: block !important;

        width: 22px !important;
        height: 2px !important;

        margin: 2px auto !important;

        background-color: #ffffff !important;
    }

    /* Logo posizionato a destra */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header
    > a.bt-logo {
        position: relative !important;
        float: none !important;
        clear: none !important;

        display: block !important;
        flex: 0 0 auto !important;

        width: auto !important;
        height: auto !important;

        margin: 0 0 0 auto !important;
        padding: 0 !important;

        line-height: normal !important;
        text-align: right !important;
    }

    /* Immagine del logo */
    #bt_header.bt-header-v1
    .mainmenu-area
    .navbar-header
    > a.bt-logo
    > img {
        display: block !important;

        width: auto !important;
        height: auto !important;

        max-width: 105px !important;
        max-height: 60px !important;

        margin: 0 !important;
    }

	/*
     * Disabilita l'overlay del modulo di ricerca presente
     * nell'header mobile.
     */
    body.home .search-form-overlay {
        display: none !important;
        pointer-events: none !important;
    }

    /*
     * Rimuove trasformazioni e animazioni dalla colonna
     * che contiene il form.
     */
    .vc_custom_1778164695423 .wpb_animate_when_almost_visible,
    .vc_custom_1778164695423 .wpb_start_animation,
    .vc_custom_1778164695423 .animated {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        animation: none !important;
    }

    /*
     * Contenitori del form.
     */
    .vc_custom_1778164695423,
    .vc_custom_1778164695423 > .container,
    .vc_custom_1778164695423 .wpb_column,
    .vc_custom_1778164695423 .vc_column-inner,
    .vc_custom_1778164695423 .wpb_wrapper,
    .vc_custom_1778164695423 .wpcf7,
    .vc_custom_1778164695423 .wpcf7-form,
    .vc_custom_1778164695423 .main-reservaton-form {
        position: relative !important;
        transform: none !important;
    }

    /*
     * Ogni paragrafo contiene icona e campo.
     */
    .main-reservaton-form p {
        position: relative !important;
    }

    /*
     * Le icone rimangono visibili, ma label e icone
     * non possono più intercettare il tocco.
     */
    .main-reservaton-form p > label,
    .main-reservaton-form p > label *,
    .main-reservaton-form p > label::before,
    .main-reservaton-form p > label::after {
        pointer-events: none !important;
    }

    /*
     * Elimina il BR inserito tra icona e campo.
     */
    .main-reservaton-form p > label + br {
        display: none !important;
    }

    /*
     * Porta i controlli sopra eventuali elementi decorativi.
     */
    .main-reservaton-form .wpcf7-form-control-wrap {
        position: relative !important;
        z-index: 10 !important;
        display: block !important;
        width: 100% !important;
        pointer-events: auto !important;
    }

    /*
     * Campi effettivamente interattivi.
     */
    .main-reservaton-form input:not([type="hidden"]),
    .main-reservaton-form select,
    .main-reservaton-form textarea,
    .main-reservaton-form button {
        position: relative !important;
        z-index: 10 !important;

        display: block !important;
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;

        -webkit-user-select: text !important;
        user-select: text !important;
    }

    /*
     * Evita lo zoom automatico degli input su iPhone.
     */
    .main-reservaton-form input,
    .main-reservaton-form select,
    .main-reservaton-form textarea {
        font-size: 16px !important;
    }
	.main-reservaton-form .field-icon {
    pointer-events: none !important;
}
}