/*
==================================================================================================
COLORS
==================================================================================================
*/

#container6tem9Header { background: #fff; }
#container6tem9Header #siteTitle { color: #428bca; }
#container6tem9Header #siteSlogan { color: #000; }

/*
==================================================================================================
CONTENT
==================================================================================================
*/

#container6tem9Header .container { height: auto; }
#content6tem9Header { display: inline-block; }

#container6tem9Header #siteLogo img {
max-height: 90px;
width: auto;
max-width: 100%;
}

#container6tem9Header #siteLogo,
#container6tem9Header #headerTitle {
display: table-cell;
vertical-align: middle;
margin: 0;
line-height: 1.3;
}

#container6tem9Header #siteLogo { padding-right: 15px; width: auto; }
#container6tem9Header #siteTitle { font-size: 1em; text-decoration: none; }
#container6tem9Header #siteSlogan { line-height: 30px; }

#container6tem9Header .text-hide { 
color: transparent !important; 
font-size: 0 !important;
float: left;
line-height: 0 !important;
} 

#container6tem9Header #siteTitle, #container6tem9Header #siteSlogan { display: block; }

.headerEmpty #content6tem9Header { display: block; }
.headerEmpty { padding: 0 !important; }

/*
==================================================================================================
MEDIA QUERIES
==================================================================================================
*/

@media (max-width: 991px) {
	#container6tem9Header { text-align: center; }

	#content6tem9Header { display: block; }

	#container6tem9Header #siteLogo,
	#container6tem9Header #siteTitle,
	#container6tem9Header #siteSlogan,
	#container6tem9Header #headerTitle { 
	display: block !important;
	text-align: center;
	}

	#container6tem9Header #siteLogo { margin-right: 0; width: auto; }

	#container6tem9Header #siteLogo img {
	height: auto;
	margin: auto; 
	}

	#container6tem9Header #headerTitle:not(.hiddenTitle) {
	padding: 15px 0 !important;
	width: auto;
	}

	#container6tem9Header #siteSlogan { line-height: 30px; }
	#container6tem9Header #siteLogo { height: auto !important; float: none; }
}