/*
Theme Name: QuickWebUtil
Theme URI: https://quickwebutil.com/
Description: Custom child theme for QuickWebUtil.
Author: QuickWebUtil
Template: generatepress
Version: 1.0
*/


/* =====================================================
   QUICKWEBUTIL HOMEPAGE HEADER
   ===================================================== */

@media (min-width: 901px) {

    /* Header container */
    body.home .inside-header {
        width: 100% !important;
        max-width: 1450px !important;

        margin: 0 auto !important;

        padding: 10px 25px !important;

        min-height: 80px !important;

        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        gap: 0 !important;
    }


    /* =================================================
       Q LOGO + QUICKWEBUTIL
       ================================================= */

    body.home .site-branding-container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 auto !important;

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

        width: 70px !important;
    }

    body.home .site-logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.home .site-logo img {
        display: block !important;

        width: 36px !important;
        height: 36px !important;

        object-fit: contain;
    }


    /* QuickWebUtil text */

    body.home .site-branding {
        margin: 3px 0 0 !important;
        padding: 0 !important;

        text-align: center !important;
    }

    body.home .site-title {
        margin: 0 !important;
        padding: 0 !important;

        font-size: 11px !important;
        line-height: 1 !important;

        font-weight: 500 !important;
    }

    body.home .site-title a {
        color: #0866c6 !important;
        text-decoration: none !important;
    }


    /* =================================================
       SLOGAN + SEARCH
       ================================================= */

    body.home .qwu-header-additions {
        position: static !important;

        transform: none !important;

        width: auto !important;

        flex: 1 1 auto !important;

        margin: 0 35px 0 18px !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;

        gap: 30px !important;
    }


    /* HEADLINE */

    body.home .qwu-header-slogan {
        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap;

        font-size: 24px !important;
        line-height: 1.15 !important;

        font-weight: 800 !important;

        letter-spacing: -0.8px !important;

        color: #111a2f !important;
    }

    body.home .qwu-header-slogan strong {
        color: #5b5ce2 !important;
        font-weight: 800 !important;
    }


    /* =================================================
       SEARCH
       ================================================= */

    body.home .qwu-header-tool-search {
        position: relative !important;

        width: 300px !important;
        min-width: 300px !important;

        margin-left: auto !important;
    }

    body.home .qwu-header-tool-search input {
        width: 100% !important;
        height: 48px !important;

        margin: 0 !important;

        padding: 0 16px 0 45px !important;

        border: 1px solid #dfe4ee !important;
        border-radius: 12px !important;

        background: #fff !important;

        color: #111a2f !important;

        font-family: inherit !important;
        font-size: 14px !important;

        outline: none !important;

        box-sizing: border-box !important;

        box-shadow: 0 7px 22px rgba(20,30,55,.06) !important;
    }

    body.home .qwu-header-tool-search input:focus {
        border-color: #5b5ce2 !important;

        box-shadow:
            0 0 0 3px rgba(91,92,226,.08),
            0 7px 22px rgba(20,30,55,.06) !important;
    }


    /* Search icon */

    body.home .qwu-header-search-icon {
        position: absolute !important;

        left: 16px !important;
        top: 50% !important;

        transform: translateY(-50%) !important;

        width: 18px !important;
        height: 18px !important;

        z-index: 2;

        pointer-events: none;
    }

    body.home .qwu-header-search-icon::before {
        content: '';

        position: absolute;

        left: 0;
        top: 0;

        width: 10px;
        height: 10px;

        border: 2px solid #26324a;

        border-radius: 50%;
    }

    body.home .qwu-header-search-icon::after {
        content: '';

        position: absolute;

        left: 10px;
        top: 12px;

        width: 7px;
        height: 2px;

        background: #26324a;

        border-radius: 2px;

        transform: rotate(45deg);
    }


    /* =================================================
       NAV / HOME
       ================================================= */

    body.home .main-navigation {
        flex: 0 0 auto !important;

        margin-left: 0 !important;
    }

}


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

@media (max-width: 900px) {

    body.home .qwu-header-additions {
        display: none !important;
    }

    body.home .site-logo img {
        width: 36px !important;
        height: 36px !important;
        object-fit: contain;
    }

    body.home .site-title {
        font-size: 11px !important;
        line-height: 1 !important;
    }

}