/*!
 * GamudaLand.net
 * 04-header-navigation.css
 * Version: 2.0
 * Header Refresh
 */

/* ===== Header Desktop ===== */

#header,
.header,
.header-wrapper{
    background:#fff !important;
    box-shadow:0 2px 18px rgba(0,0,0,.06);
    border-bottom:1px solid #eef1f4;
}

.header-main{
    min-height:96px !important;
}

.header .container,
.header-main .container{
    max-width:1320px;
    padding-left:42px !important;
    padding-right:42px !important;
}

.logo img,
.header .logo img{
    max-height:46px !important;
    width:auto;
    transition:.3s;
}

.header .button,
.header .button.primary{
    background:#c62828 !important;
    color:#fff !important;
    border-radius:999px !important;
    padding:0 28px !important;
    min-height:46px;
    line-height:46px;
    font-weight:700;
    box-shadow:0 10px 24px rgba(198,40,40,.22);
    transition:.25s;
}

.header .button:hover,
.header .button.primary:hover{
    background:#a91f24 !important;
    transform:translateY(-2px);
}

.stuck .header-main{
    min-height:82px !important;
}

.stuck .logo img{
    max-height:40px !important;
}

/* Space below header */
#main,
.main{
    padding-top:20px;
}

/* ===== Mobile ===== */
@media (max-width:849px){

.header-main{
    min-height:72px !important;
}

.header .container,
.header-main .container{
    padding-left:18px !important;
    padding-right:18px !important;
}

.logo img,
.header .logo img{
    max-height:36px !important;
}

.nav-icon,
.mobile-nav,
.icon-menu{
    font-size:24px !important;
    color:#1f2937 !important;
}

.header .button{
    min-height:38px;
    line-height:38px;
    padding:0 18px !important;
    font-size:13px;
}

#main,
.main{
    padding-top:10px;
}
}
/* ===== Homepage Transparent Header ===== */

.home .header.transparent .header-main.nav-dark .nav > li > a{
    color:#1d2c4c !important;
}

.home .header.transparent .header-main.nav-dark .nav > li > a:hover{
    color:#c72528 !important;
}

.home .header.transparent .header-main.nav-dark .nav > li.active > a,
.home .header.transparent .header-main.nav-dark .nav > li.current-menu-item > a{
    color:#c72528 !important;
}
.home .nav-dark .nav > li > a{
    color:#1d2c4c !important;
}