/* =========================================
   MAH ELECTRICAL - CUSTOM CSS
   ========================================= */

/* COMPANY LOGO */

.site-logo {
    position: fixed;
    left: 25px;
    top: 15px;
    z-index: 999999;
}

.site-logo img {
    width: 120px;
    height: auto;
    display: block;
}


/* ENQUIRY BUTTON */

.enquiry-button {
    position: fixed !important;
    right: 25px !important;
    top: 20px !important;

    z-index: 9999999 !important;

    display: block !important;

    background: #041434 !important;
    color: #ffffff !important;

    padding: 12px 22px !important;

    border-radius: 5px !important;

    font-weight: bold !important;
    text-decoration: none !important;

    cursor: pointer !important;
}


/* ENQUIRY POPUP */

.enquiry-popup {
    display: none !important;

    position: fixed !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background: rgba(0, 0, 0, 0.75) !important;

    z-index: 9999998 !important;

    overflow-y: auto !important;
}


/* OPEN POPUP */

#enquiry:target {
    display: block !important;
}


/* POPUP BOX */

.enquiry-box {
    position: relative;

    width: 90%;
    max-width: 600px;

    margin: 80px auto;
    padding: 35px;

    background: #ffffff;

    border-radius: 8px;

    box-sizing: border-box;
}


/* CLOSE BUTTON */

.close-enquiry {
    position: absolute;

    top: 8px;
    right: 18px;

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

    font-weight: bold;

    color: #041434 !important;

    text-decoration: none !important;

    cursor: pointer;
}


/* FORM */

.enquiry-box input[type="text"],
.enquiry-box input[type="email"],
.enquiry-box textarea {
    width: 100%;
    box-sizing: border-box;
}


/* SEND BUTTON */

.enquiry-box input[type="submit"] {
    background: #041434 !important;
    color: #ffffff !important;

    border: none !important;

    cursor: pointer !important;
}


/* MOBILE */

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

    .site-logo {
        left: 15px;
        top: 12px;
    }

    .site-logo img {
        width: 90px;
    }

    .enquiry-button {
        right: 15px !important;
        top: 15px !important;

        padding: 9px 14px !important;

        font-size: 13px !important;
    }

    .enquiry-box {
        width: 85%;
        margin: 60px auto;
        padding: 25px;
    }

}
#header {
    pointer-events: auto !important;
}

.site-logo {
    pointer-events: auto !important;
}

.enquiry-button {
    pointer-events: auto !important;
}
/* Mobile Number - same style as other form inputs */
#enquiry-mobile {
    border: 1px solid rgba(210, 215, 217, 0.75) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

#enquiry-mobile:focus {
    border-color: #2ebaae !important;
    box-shadow: 0 0 0 1px #2ebaae !important;
    outline: none !important;
}
/* Mobile - Keep Menu below Enquiry button */

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

    #nav {
        margin-top: 70px !important;
    }

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

    #header {
        margin-bottom: 80px !important;
    }

    #nav {
        position: relative !important;
        margin-top: 0 !important;
    }

}
/* Mobile Menu - keep below Enquiry button */

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

    #navPanelToggle {
        top: 70px !important;
        right: 15px !important;
        z-index: 10000 !important;
    }

}
/* Mobile Menu - same color as MAH Electrical */

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

    #navPanelToggle {
        color: #212931 !important;
    }

    #navPanelToggle.alt {
        color: #212931 !important;
    }

}