/*** HEADER ***/
.hothHeader {
    min-height: 70px;
    background: #034891;
    border-bottom: 2px solid #fecb0b;
    color: #fff;
    font-size: 12px;
}

.hothHeader-slim {
    min-height: 0px;
}

/** LOGO **/
.hothHeader .headerLogo {
    float: left;
    padding: 0 0 0 15px;
    min-height: 70px;
    width: 165px;
    text-align: center;
}

.hothHeader .hothNavBody {
    float: left;
    padding: 0;
    width: 990px;
}
@media (max-width: 1199px) {
    .hothHeader .hothNavBody {
	width: 790px;
    }
}

.hothHeader .container-fluid {padding: 0;}
.hothHeader .navbar-collapse {padding-right: 0;}
@media (max-width: 991px) {
    .hothHeader .navbar-collapse {padding: 0;}
    .hothHeader .search-nav {padding-right: 15px !important;}
}
@media (max-width: 767px) {
    .hothHeader {min-height: inherit;height: auto;}
    .hothHeader .hothNavBody {padding: 0 15px;}
    .hothHeader .container-fluid {padding: 0 15px;}
    .hothHeader .navbar-collapse {padding: 0 15px;}
}


.hothHeader .input-group-btn>.btn:hover, .hothHeader .input-group-btn>.btn:focus, .hothHeader .input-group-btn>.btn:active {z-index: 0;}

/** NAVBARS **/

/* SEARCH */
.hothHeader .search-nav {
    float: right;
    max-width: 200px;
    padding-right: 0;
}
.hothHeader .search-nav input {
    border-right: medium none;
    display: block;
    font-size: 12px !important;
    height: 25px;
    line-height: 1.42857;
    margin-top: 2px;
    padding: 0 12px;
    border: none;
}
.hothHeader .search-nav .btn {
    border: none;
    display: block;
    height: 25px;
    background: #eee;
    font-size: 12px;
    margin-top: 2px;
    padding: 3px 7px;
}

.hothHeader .hothNavbar {
    margin: 0;
    padding: 0;
    height: 35px;
    border: none;
}
.hothHeader .hothNavbar .navbar-nav {
    height: 35px;
}
.hothHeader .hothNavbar .edumine-nav-bottom {
    text-transform: uppercase;
}

.hothHeader .hothNavbar ul {}
.hothHeader .hothNavbar ul li {}
.hothHeader .hothNavbar ul li a {
    padding: 7px 15px 8px;
    color: #fff;
    font-size: 12px;
}
.hothHeader .hothNavbar ul li a:hover, .hothHeader .hothNavbar ul li a:focus, .hothHeader .hothNavbar ul li a:active, .hothHeader .hothNavbar ul li .open>a:focus, .hothHeader .hothNavbar ul li a.active, .hothHeader .hothNavbar .open>a, .hothHeader .hothNavbar .open>a:hover, .hothHeader .hothNavbar .open>a:focus {
    background: #024184;
}
.hothHeader .hothNavbar ul li.active a {
    background: #024184;
}
.hothHeader .hothNavbar .dropdown-menu {
    margin-top: 0px;
    left: 0;
    background: #eee;
    color: #333;
    border: none;
    box-shadow: none;
}
.hothHeader .hothNavbar .dropdown-menu a {
    border: none;
    color: #555555;
}
.hothHeader .hothNavbar .dropdown-menu a:hover, .hothHeader .hothNavbar .dropdown-menu a:active, .hothHeader .hothNavbar .dropdown-menu a:focus {
    background: #cccccc;
}
.hothHeader .dropdown-menu .divider {
    background-color: #ccc;
}

/* Top Navigation */
.hothHeader .topNav {}
.hothHeader .topNav ul {
    padding: 0 5px;
}
.hothHeader .topNav ul li a {
    padding-left: 10px; 
    padding-right: 10px; 
    transition: .5s color;
}
.hothHeader .topNav ul li a:hover {background: none; color: #fecb0b;}
.hothHeader .topNav .hothNavbar ul li a:focus, .hothHeader .topNav .hothNavbar ul li a:active, .hothHeader .topNav .hothNavbar ul li .open>a:focus, .hothHeader .topNav .hothNavbar ul li a.active,  .topNav .nav .open>a,  .topNav .nav .open>a:hover,  .topNav .nav .open>a:focus {
    background: none; color: #fecb0b;
}
.hothHeader .topNav ul li .dropdown-menu a:hover {color: #555;}


.hothHeader .navbar .hothNavPrimary {text-transform: uppercase;}
.hothHeader .navbar .hothNavPrimary .dropdown-menu {text-transform: none;}

.hothHeader .navbar .hothNavCallout {margin-right: -15px; font-size: 14px; text-transform: uppercase;}
.hothHeader .navbar .hothNavCallout a {color: #fecb0b;}


/** MOBILE NAVBAR **/
.hothNavMobile {padding: 0;}
.hothNavMobile a {color: #fff;}
.hothNavMobile a:hover, .hothNavMobile a:active, .hothNavMobile a:focus {background-color: #024184 !important;}
.hothNavMobile .navbar-nav .open .dropdown-menu {background-color: #eee; color: #555;}
.hothNavMobile .dropdown-menu a {color: #555;}
.hothNavMobile .dropdown-menu a:hover {background-color: #ccc !important; color: #555;}

.hothNavMobile .navbar-brand {padding: 0 15px;}
.hothNavMobile .navbar-brand img.hothMobileLogo {height: 50px;}

.hothNavMobile .nav {border-bottom: 1px solid #024184;}
.hothNavMobile .nav:last-of-type {border-bottom: none;}
.hothNavMobile .navbar .hothNavPrimary {text-transform: none;}

.hothNavMobile .navbar .hothNavCallout a {text-transform: none; color: #fff; text-align: center; font-size: 1.25em;}

.hothNavMobile .mobileSearchNav .input-group {width: 100%;}
.hothNavMobile .mobileSearchNav .input-group-btn {width: 39px;}

@media (max-width: 991px) {
    .hothHeader {
		min-height: 50px;
    }
    .hothHeader .navbar-header {
        float: none !important;
    }
    .hothHeader .navbar-brand {margin-left: 0 !important;}
    .hothHeader .navbar-left, .hothHeader .navbar-right {
        float: none !important;
    }
    .hothHeader .navbar-toggle {
        display: block !important;
		padding: 16px;
		border: none
    }
    .hothHeader .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		overflow: auto;
    }
    .hothHeader .navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
    }
    .hothHeader .navbar-collapse.collapse {
        display: none!important;
		overflow: auto !important;
    }
    .hothHeader .navbar-nav {
        float: none!important;
	    margin-top: 7.5px;
	}
	.hothHeader .navbar-nav>li {
        float: none;
    }
    .hothHeader .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		color: #fff;
		text-shadow: none;
    }
    .hothHeader .collapse.in{
		display:block !important;
    }
    .hothHeader .navbar-nav .open .dropdown-menu {
		position: relative;
		float: none;
		width: auto;
		margin-top: 0;
		border: 0;
		box-shadow: none;
    }
    .hothHeader .navbar-form {
		padding: 10px 15px;
		padding-bottom: 10px;
		padding-top: 10px;
    }
    .hothHeader .dropdown-menu>li>a {
		padding: 5px 25px;
    }
    .hothHeader .dropdown-menu>li>a:hover, .hothHeader .dropdown-menu>li>a:focus {
		background: #ccc;
		color: #555;
    }
}