/* HEADER OVERRIDES */

/* *********************************************************************** */
/* HEADER STYLES */
/* ----------------------------------------------------------------------- */

#header.header-md #topNav #topMain>li>a {
    height: 80px;
    line-height: 80px;
}

#header.navbar-toggleable-md .navbar-collapse {
    width: auto;
}

/* *********************************************************************** */
/* HEADER SOCIAL ICONS */
/* ----------------------------------------------------------------------- */

#header div.nav-second-main {
    border-left: rgba(0,0,0,0.1) 1px solid;
    padding-left: 15px;
    margin-top: 20px;
}

/* if this class is reactivated declare them as header specific - social icons will be used on contact page and footer*/
/*.social-icon {
    margin: 0 5px 5px 0;
    width: 30px;
    height: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    border-color: transparent;
    overflow: hidden;
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    letter-spacing: 0 !important;
    color: #eaeaea !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

a.social-icon.social-icon-border {
    background-color: transparent;
    border: #eaeaea 1px solid;
    color: #8b8b8b !important;
    text-shadow: none;
}
    .social-icon i {
        display: block;
        position: relative;
        width: 30px;
        height: 30px;
        margin-top: 4px;
         margin-left: -1px;
    }

.social-icon:hover i:first-child {
    margin-top: -28px;
}

.social-icon:hover i:last-child {
    margin-top: 2px;
    margin-left: -1px;
}

a.social-icon>i[class*=" icon-"], a.social-icon>i[class^=icon-] {
    font-size: 15px;
}*/

/* *********************************************************************** */
/* LEGACY MOBILE MENU */
/* ----------------------------------------------------------------------- */

/* default triple stack icon styling */
#topNav button.btn-mobile-legacy {
	color:#333;
    font-size:21px;
	display: none;
	padding:6px 0;
	float:right;
	margin-top:18px;
	margin-right:0;
    z-index: 999999;
    overflow-y: hidden;
	-webkit-border-radius: 0;
		-moz-border-radius: 0;
			border-radius: 0;
}

/* styles handling active mobile menu */
@media only screen and (max-width: 992px) {

    /* scoots up the menu a little bit */
    #header.fixed #topNav div.nav-main-collapse, #topNav div.nav-main-collapse {
        padding-top: 57px !important;
    }

    /* hides scrollbar on mobile menu */
    #header.navbar-toggleable-md .navbar-collapse {
    overflow: hidden !important;
    }

    /* turns on triple stack mobile menu */
	#topNav button.btn-mobile-legacy { display:inline-block; }

    /* default style for dropdown menu */
    #topMain, #topNav ul.dropdown-menu {
            background-color: #fff;
            display: block;
            margin-top: 3px;
        }

    /* default style for dropdown menu-items */
    #topNav ul.dropdown-menu li>a {
        color: #333!important;
        background-color: rgba(0, 0, 0, 0.03); 
        border-top:rgba(0,0,0,0.05) 1px solid;
    }

    /* hover color for sub-menu items */
     #topNav ul.dropdown-menu li>a:hover {
        color: #333!important;
        background-color: rgba(0, 0, 0, 0.07); 
        border-top:rgba(0,0,0,0.05) 1px solid;
    }

    /* background color for menu items (no hover) */
    #header.fixed #topNav button.btn-mobile-legacy { color:#fff !important; }

    /* text color for menu items */
	#header #topMain.nav-pills>li>a { color:#333!important; }

    /* hover color for menu items */
    #header #topNav #topMain>li:hover{ background-color: rgba(0, 0, 0, 0.07); } 
     
    /* active menu item (with sub-items) */ 
    #header #topNav #topMain>li.resp-active{ background-color: rgba(0, 0, 0, 0.07); } 

}

/* *********************************************************************** */





/* *********************************************************************** */
/* DEFAULT MEDIA TAG RANGES */
/* ----------------------------------------------------------------------- */

/* ------------------------ */
/* Extra small <576px       */	
/* ------------------------ */
@media only screen and (max-width: 575px) {
    #header.header-md #topNav #topMain>li>a {padding-left: 20px;}
    #topNav nav.nav-main li > ul.dropdown-menu li a {padding-left: 35px;}
}

/* ------------------------ */
/* Small ≥576px             */	
/* ------------------------ */
@media only screen and (min-width: 576px) {
    #header.header-md #topNav #topMain>li>a {padding-left: 50px;}
    #topNav nav.nav-main li > ul.dropdown-menu li a {padding-left: 65px;}
}

/* ------------------------ */
/* Medium ≥768px            */	
/* ------------------------ */
@media only screen and (min-width: 768px) {
    #header.header-md #topNav #topMain>li>a {padding-left: 50px;}
    #topNav nav.nav-main li > ul.dropdown-menu li a {padding-left: 65px;}
}

/* ------------------------ */
/* Large ≥992px             */	
/* ------------------------ */
@media only screen and (min-width: 992px) {
    #header.header-md #topNav #topMain>li>a {padding-left: 15px;}
    #topNav nav.nav-main li > ul.dropdown-menu li a {padding-left: 15px;}
}

/* ------------------------ */
/* Extra large ≥1200px      */
/* ------------------------ */
@media only screen and (min-width: 1200px) {
    #header.header-md #topNav #topMain>li>a {padding-left: 15px;}
    #topNav nav.nav-main li > ul.dropdown-menu li a {padding-left: 15px;}
}

/* *********************************************************************** */
/* CUSTOM MEDIA TAG RANGES */
/* ----------------------------------------------------------------------- */


/* *********************************************************************** */