/*

 Theme Name: Customizr futec

 Theme URI:

 Description: Customizr customized (lel) Style à la futec

 Author: futec it GmbH - Laurent Raemy

 Author URI: http://www.futec-it.ch

 Template: customizr

 Version: 1.0

*/



/*

You can start adding your own styles here. Use !important to overwrite styles if needed. */





body.page{

	background-image: url(http://www.hyko.ch/wp-content/uploads/2017/11/Hintergrundbild.jpg);

	background-repeat: no-repeat;

	background-size: cover;

}





/**** HEADER ****/



header{

	width: 80%;

	margin: 0 auto;

	background-color: rgba(255,255,255,0.75) !important;

	border: none !important;

	margin-top: 40px;

}



.header-navbars__wrapper {

	box-shadow: none !important;

	border: none !important;

}



.primary-navbar__wrapper, .topnav-navbars__container, .header-navbars__wrapper{

	background-color: rgba(255,255,255,0.0) !important;

}



.primary-nav__container{

	width: 92%;

	height: 40px;

	text-align: center;

	background-color: rgba(255,255,255,0.7);

}



ul#primary-nav{

	width: 100%;

	margin: 0 auto;

	text-align: center;

}



.entry-header {

	display: none !important;

}



.header-skin-light [class*=nav__menu] li.current-menu-item>a, .header-skin-light [class*=nav__menu] li.show:not(.dropdown-item)>a, .header-skin-light [class*=nav__menu] li:not(.dropdown-item).current-active>a, .header-skin-light [class*=nav__menu] li>a:hover{

	color: #51873e;

}



.header-skin-light [class*=nav__menu] li>a>span:first-of-type::before{

	background-color: rgba(255,255,255,0.0);

}



.nav__menu .menu-item{

	margin: 0 40px;

}



.header-tagline{

	position: relative;

	top: -40px;

	left: 70px;

	color: #2e5b23;

	font-size: 20px;

	font-style: normal;

}



.branding__container{

	padding-top: 40px;

}



/**** CONTENT ****/



.container{

	background-color: rgba(255,255,255,0.75);

	max-width: 80%;

	margin-top: 0 !important;

}



#content{

	padding-left:4%;

	padding-right: 4%;

}

.wpcf7-form label, .wpcf7-form-control{
	width: 100%;
}



/**** FOOTER ****/



footer{

	width: 80%;

	margin: 0 auto;

	background-color: rgba(255,255,255,0.75) !important;

	border: none !important;

}

#footer_one{
	max-width: 250px;
}

#footer_two{
	max-width: 550px;
	min-width: 550px;
}

#colophon{

	background-color: rgba(255,255,255,0.0) !important;

}

.container.widget__container{

	background-color: rgba(255,255,255,0.0) !important;

}



#footer__credits{

	display: none;

}



#footer-widget-area{

	background-color: rgba(255,255,255,0.0);

}



.footer__wrapper .widget__wrapper{

	padding: 0 !important;

}

@media screen and (max-width:1730px){
	
	.nav__menu .menu-item{
		margin: 0 30px;
	}
	
}

@media screen and (max-width:1513px){
	
	.nav__menu .menu-item{
		margin: 0 20px;
	}
	
}

@media screen and (max-width:1295px){
	
	.nav__menu .menu-item{
		margin: 0 10px;
	}
	
}

@media screen and (max-width:1080px){
	
	.nav__menu .menu-item{
		margin: 0 5px;
	}
	
}