/*
Theme Name: Simple Life Child
Template: simple-life
Version: 1.0
*/


/* =========================================================
   DESKTOP HEADER
   ========================================================= */

@media (min-width: 768px) {

    /*
     * Main Elementor header
     */
    .elementor-element-97a6145 {

        display: flex !important;

        flex-direction: row !important;

        flex-wrap: nowrap !important;

        align-items: center !important;

        justify-content: space-between !important;

    }


    /*
     * LOGO
     *
     * Existing Elementor width was 15%.
     * Increase slightly so the logo has comfortable space.
     */
    .elementor-element-d5e42ee {

        width: 20% !important;

        flex: 0 0 20% !important;

        order: 1 !important;

    }


    /*
     * NAVIGATION
     *
     * Existing navigation was 80%.
     * Reduce it to make room for contact information.
     */
    .elementor-element-53b9782 {

        width: 50% !important;

        flex: 0 0 50% !important;

        order: 3 !important;

        padding-top: 0 !important;

    }


    /*
     * CONTACT INFORMATION
     *
     * Middle section between logo and menu.
     */
    .ewebguru-header-contact {

        width: 30% !important;

        flex: 0 0 30% !important;

        order: 2 !important;

        box-sizing: border-box;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 20px;

        position: static !important;

        margin: 0 !important;

        padding: 0 5px !important;

        z-index: 1001;

        font-family: "Open Sans", sans-serif;

        font-size: 13px;

        font-weight: 600;

        line-height: 1.2;

    }


    /*
     * Contact links
     */
    .ewebguru-header-contact a {

        display: inline-flex;

        align-items: center;

        gap: 6px;

        white-space: nowrap;

        text-decoration: none !important;

    }


    /*
     * Phone
     */
    .ewebguru-call {

        color: #333333;

    }


    .ewebguru-call:hover {

        color: #86C724;

    }


    .ewebguru-phone-icon {

        font-size: 16px;

        line-height: 1;

    }


    /*
     * WhatsApp
     */
    .ewebguru-whatsapp {

        color: #25A743;

    }


    .ewebguru-whatsapp:hover {

        color: #128C7E;

    }


    .ewebguru-whatsapp-icon {

        width: 19px;

        height: 19px;

        fill: currentColor;

        flex-shrink: 0;

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Main header
     *
     * Row 1 = Logo + hamburger
     * Row 2 = Contact information
     */
    .elementor-element-97a6145 {

        display: flex !important;

        flex-direction: row !important;

        flex-wrap: wrap !important;

        align-items: center !important;

    }


    /*
     * LOGO
     */
    .elementor-element-d5e42ee {

        width: 50% !important;

        flex: 0 0 50% !important;

        order: 1 !important;

    }


    /*
     * MENU / HAMBURGER
     */
    .elementor-element-53b9782 {

        width: 50% !important;

        flex: 0 0 50% !important;

        order: 2 !important;

        padding-top: 0 !important;

    }


    /*
     * CONTACT ROW
     */
    .ewebguru-header-contact {

        width: 100% !important;

        flex: 0 0 100% !important;

        order: 3 !important;

        box-sizing: border-box;

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 10px;

        position: static !important;

        margin: 6px 0 0 !important;

        padding: 9px 8px 8px !important;

        border-top: 1px solid #eeeeee;

        font-family: "Open Sans", sans-serif;

        font-size: 14px;

        font-weight: 600;

        line-height: 1.2;

    }


    /*
     * Phone
     */
    .ewebguru-call {

        display: inline-flex !important;

        align-items: center;

        gap: 6px;

        color: #333333;

        text-decoration: none !important;

        white-space: nowrap;

    }


    .ewebguru-phone-icon {

        font-size: 17px;

    }


    /*
     * WhatsApp
     */
    .ewebguru-whatsapp {

        display: inline-flex !important;

        align-items: center;

        gap: 5px;

        color: #25A743;

        text-decoration: none !important;

        white-space: nowrap;

    }


    .ewebguru-whatsapp-icon {

        width: 21px;

        height: 21px;

        fill: currentColor;

        flex-shrink: 0;

    }


    .ewebguru-whatsapp-text {

        display: inline;

    }

}


/* =========================================================
   VERY SMALL MOBILE SCREENS
   ========================================================= */

@media (max-width: 380px) {

    .ewebguru-header-contact {

        font-size: 12px;

        gap: 6px;

        padding-left: 4px !important;

        padding-right: 4px !important;

    }


    .ewebguru-phone-icon {

        font-size: 15px;

    }


    .ewebguru-whatsapp-icon {

        width: 19px;

        height: 19px;

    }

}