/* ============================================================
   Shared Header CSS — included by ALL pages on asiansol.com
   ============================================================ */

html, body {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}
html {
    background: #1a1a2e !important;
}

#content {
    background: transparent !important;
    padding-top: 0 !important;
}

header {
    position: fixed !important;
    top: 0 !important;
    width: 100%;
    height: 70px;
    background: rgba(10, 20, 50, 1) !important;
    z-index: 9999;
    transition: box-shadow .5s;
}

header.smaller {
    background: rgba(10, 20, 50, 1) !important;
    box-shadow: 0 2px 20px rgba(0,0,0,.6) !important;
}

@media only screen and (max-width: 992px) {
    header,
    header.transparent,
    header.header-mobile {
        background: rgba(10, 20, 50, 1) !important;
    }
}

/* Nav links — same padding as home page (25px top/bottom, line-height 35px) */
header #mainmenu > li > a {
    color: #fff !important;
    outline: none !important;
    border: none !important;
    text-decoration: none !important;
    padding: 25px 15px !important;
    line-height: 35px !important;
}
header #mainmenu a,
header #mainmenu > li > a {
    color: #fff !important;
    outline: none !important;
    border: none !important;
    text-decoration: none !important;
}

/* Dropdown items — compact */
header #mainmenu li li a {
    padding: 8px 16px !important;
    line-height: 1.4 !important;
    font-size: 13px !important;
}
header #mainmenu a:hover,
header #mainmenu a:focus,
header #mainmenu > li:hover > a {
    color: #ff4400 !important;
    outline: none !important;
    border: none !important;
    text-decoration: none !important;
    background: transparent !important;
}

#mainmenu li li a:hover,
#mainmenu ul li:hover > a {
    background: #ff4400 !important;
    color: #fff !important;
}

a:focus, a:active,
button:focus, button:active,
input:focus, textarea:focus, select:focus {
    outline: none !important;
    box-shadow: none !important;
}
