/******************************************************************************
* $ Header
* FYI: Wordpress makes changing the markup of a menu item anchor element
* difficult. Use .has-button to style anchors that you can't directly add
* .button to. Add .has-button to a wrapping element of the target anchor
******************************************************************************/
#header {
    background-color: #2a80b9;
    border: 0;
}

#header .navbar-nav {
	font-family: ProximaNovaBold;
    font-size: 14px;
	letter-spacing: 0.025em;
	text-transform: uppercase;
}

/* Normally, you could/would target just .navbar-brand because it's unique, but bootstrap is styling for .navbar. Let's move to bootstrap source so we can change this ourselves */
#header .navbar-brand {
    background-image: url('https://premysis.com/premysis/wp-content/uploads/2023/04/logo-premysis-1.png');
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-background-size: 260px 58px;
    background-size: 260px 58px;
	height: 58px;
	width: 260px;
	color: #ffffff;
	display: block;
    margin-bottom: 8px;
    margin-bottom: 8px;
    margin-top: 22px;
    margin-top: 22px;
    margin-left: 20px;
    padding: 0;
    position: absolute;
	text-indent: -9999px;
    -webkit-transition: color 100ms;
    -moz-transition: color 100ms;
    -ms-transition: color 100ms;
    -o-transition: color 100ms;
    transition: color 100ms;
}

#header .navbar-brand:hover,
#header .navbar-brand:active,
#header .navbar-brand:focus {
    color: #ed612a;
}

/*#header .navbar-brand.over-light-background {*/
    /*color: #2a80b9;*/
    /*background-image: url('https://premysis.com/premysis/wp-content/uploads/2023/04/logo-premysis-1.png');*/
/*}*/

/* We shouldn't need to be this specific with styles, but this is what bootstrap does. Once we use bootstrap source we'll stop this kind of stuff -AG */
#header .navbar-nav > li > a {
    border: 0;
    color: #ffffff;
    margin-bottom: 20px;
    margin-right: 0;
    margin-top: 20px;
}

#header .navbar-nav > li > a:hover,
#header .navbar-nav > li > a:active,
#header .navbar-nav > li > a:focus {
    color: #ed612a;
}

#header .navbar-nav > .has-button > a {
    border: solid 2px #ed612a;
}

/***** Active state styles *****/

#header .navbar-nav > .active > a,
#header .navbar-nav > .active > a:hover,
#header .navbar-nav > .active > a:active,
#header .navbar-nav > .active > a:focus {
    background-color: transparent;
}
#header .navbar-nav > .active > a {
    /*color: #ffffff;*/
	color: #ed612a;
}
#header .navbar-nav > .active > a:hover,
#header .navbar-nav > .active > a:active,
#header .navbar-nav > .active > a:focus {
    color: #ed612a;
}

#header .ss-icon {
    top: 3px;
}

.home #header,
.tax-mg_service_category #header {
    background-color: transparent;
    height: 100px;
    margin-bottom: -100px;
    position: relative;
}

.navbar-header {
    position: absolute;
}

.navbar-toggle {
    display: block;
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #header .navbar-brand {
        margin-top: 15px;
        margin-left: 15px;
    }

    #header .navbar-nav {
        margin-top: 15px;
        margin-bottom: 0;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {

}

/**************************************************
	$ RETINA DISPLAY IMAGES
**************************************************/

/* Retina Display Images */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	
#header .navbar-brand {
    background-image: url('https://premysis.com/premysis/wp-content/uploads/2023/04/logo-premysis-1.png');
}

}

/* Retina Display Images - Mobile */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), only screen and (max-width: 767px)  {
	
#header .navbar-brand {
    background-image: url('https://premysis.com/premysis/wp-content/uploads/2023/04/logo-premysis-1.png');
}

}