/* -------------------------------------------------------------
	CSS SITE HEADER
------------------------------------------------------------- */


/* -------------------------------------------------------------
	HEADER META & HEADER
------------------------------------------------------------- */

#header_meta
{
	border-bottom: 1px solid #fff !important;
}

#header_meta .phone-info
{
	font-size: 12px;
	font-weight: normal;
	padding: 8px 0;
}

/* Semi transparent Header */
#top .av_header_glassy.av_header_transparency #header_main
{
background-color: rgba(255,255,255,0.5);
}


/* Headroom . white boder when not top */
#header.headroom--not-top
{
	border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.avia-menu.av_menu_icon_beside
{
	border: none !important;
}



/* -------------------------------------------------------------
	HEADER WIDTH
------------------------------------------------------------- */

.html_header_top #top .av_header_stretch .container
{
    width: 100%;
    max-width: 100%;
    padding-left: var(--headerFooterPadding, 70px);
    padding-right: var(--headerFooterPadding, 70px);
}

/* Make more space on smaller screens */
@media only screen and (max-width: 1100px) {
	.html_header_top #top .av_header_stretch .container {
	    padding-left: var(--headerFooterPaddingSmall, 40px);
		padding-right: var(--headerFooterPaddingSmall, 40px);
	}
}



/* -------------------------------------------------------------
	HIDE AND SHOW HEADER ON SCROLL - HEADROOM.JS
------------------------------------------------------------- */

@media only screen and (min-width: 990px) {
		
	.headroom {
	    will-change: transform;
	    position: fixed !important;
		-webkit-transition: -webkit-transform 200ms linear;
		-moz-transition: -moz-transform 200ms linear;
		transition: transform 200ms linear;
	}
	
	.headroom--pinned {
	  -webkit-transform: translateY(0%);
	  -moz-transform: translateY(0%);
	  -ms-transform: translateY(0%);
	  -o-transform: translateY(0%);
	  transform: translateY(0%);
	}
	
	.headroom--unpinned {
	  -webkit-transform: translateY(-200%);
	  -moz-transform: translateY(-200%);
	  -ms-transform: translateY(-200%);
	  -o-transform: translateY(-200%);
	  transform: translateY(-200%);
	}
	
}



/* -------------------------------------------------------------
	FIXED HEADER ON MOBILE
------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all #header {
	    position: fixed !important;
	    margin-bottom: 70px !important; 
	}
	
	#main {
	    margin-top: 70px !important; 
	}
}



/* -------------------------------------------------------------
	LOGO
------------------------------------------------------------- */

.logo,
.logo a
{
	overflow: visible !important;
}

.logo img,
.logo svg
{
	float: left !important;
	width: 200px !important;
	height: 26px !important;
	max-height: none !important;
	position: relative;
	margin-top: 22px !important;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

#top .av_header_with_border.av_header_transparency #header_main
{
	border: none !important;
}

/* Bigger 989px */
@media only screen and (min-width: 1200px) {	
	.logo img,
	.logo svg {
		margin-top: 22px !important;
		width: 200px !important;
		height: 26px !important;
	}
}

/* Smaller 768px */
@media only screen and (max-width: 767px) {	
	.logo img,
	.logo svg {
		width: 200px !important;
		height: 26px !important;
		margin-top: 0px !important;
	}
	
	/* Fix for header size when logo is overflo */
	.responsive #top #wrap_all #header {
		max-height: 78px !important;
	}
	
}



/* -------------------------------------------------------------
	SOCIAL BOOKMARKS
------------------------------------------------------------- */

.social_bookmarks a,
.social_bookmarks a:hover,
.social_bookmarks a:visited,
.social_bookmarks a:focus
{
	text-decoration: none !important;
}