/* Header

--------------------------------------------*/



.site-header {

	position: fixed;

	top:0;

	display: flex;

	width: 100%;

	flex-wrap: wrap;

	justify-content: space-between;

	background-color: transparent;

	height: 90px;

	z-index: 10;

	transition: background-color 0.1s linear;

	padding:0 30px;

}



.site-header + *{

	margin-top:110px;

}



.site-header *{

	

	color:var(--header-text-color);

}



.admin-bar  .site-header{

	top:32px

}





.site-header.scroll, .no-hero .site-header{

	background-color: rgba(0, 0, 0, 0.753);

}



.site-header a {

	color: white;

}



.site-header a.white-button {

	font-size: 17px;

	font-weight: 600;

}





.site-branding {

	height: 100%;

	width: max-content;

	position: relative;

	display: flex;

	align-items: center;

	float: left;

}



.custom-logo-link {

	display: flex;

	align-items: center;

	align-self: center;

	width: max-content;

	height: 70px;

}



.custom-logo {

	height: 90px;

	width: auto;

	object-fit: contain;

}





.no-hero main{

	margin-top:75px

}



body:not(.home) .hero-image {

	height: 500px;

}



.site-header .widget{

	align-self: center;

	margin:10px;

}



.site-header .widget svg{

	fill:var(--header-text-color);

	color:var(--header-text-color);



}





.site-header.scroll .widget svg{

	fill:var(--header-text-color-scroll);

	color:var(--header-text-color-scroll)

}



/*



Navigation



*/

.main-navigation a {

	display: block;

	text-decoration: none;

	color: white;

	font-size: 18px;

	padding: 5px 20px 10px 20px;

	text-align: center;

	position: relative;

	transition:  font-size 0.1s linear;

}