/*
 Theme Name:     Camping De Knieplanden
 Description:    Camping De Knieplanden Theme
 Author:         Promo Reclame | Ontwerpbureau
 Author URI:     https://www.promoreclame.nl
 Template:       promo
 Version:        1.0.0
*/
 
 
/* 
------------------------------------------------------- */

/* ----- Header & Navigation ----- */

/* Fix "jumping header" issue */
#page-container {
	padding-top:105px!important;
}

/* Remove box shadow from header */
#main-header {
    box-shadow:none;
}

/* Change box shadow on fixed header */
#main-header.et-fixed-header {
	box-shadow:0 0 7px rgba(0, 0, 0, 0.4)!important;
}

/* Top header styling */
#top-header {
	display:block;
	transition: all .3s ease-in-out;
	z-index:1;
}

/* Right-align top header elements */
#et-info {
	float:right;
}

/* Change size of top header icons */
#et-info-phone::before,
#et-info-email::before {
	top:1px;
}

/* Change the color of top-header elements */
#et-info-phone,
#et-info-email,
.et-social-icons a:before {
	color:#fff;
	opacity:0.7;
	transition:all .3 ease-in-out;
}

#top-menu-nav > ul > li > a:hover,
#et-secondary-menu > ul > li > a:hover,
#et-info-email:hover,
.et-social-icons a:hover,
.et-social-icons a:hover:before {
	opacity:1;
	color:#fff;
}

/* Main header styling */
#main-header {
	top:31px!important;
}
body.admin-bar #main-header {
	top:63px!important;
}
@media (max-width: 767px) {
body.admin-bar #main-header {
	top:77px!important;
}
	
}
/* Fix safari menu overlap */
nav#top-menu-nav, #top-menu {
	float:none;
	width:100%;
	text-align:right;
}
.et_header_style_left #et-top-navigation {
	padding-left:0!important;
	width:100%;
}

/* Style the logo container */
.et_header_style_left .logo_container {
	position: absolute;
	display:block;
	top:-34px;
	height:125px;
	max-height:125px;
	width:auto;
	max-width:459px;
	z-index:8;
	text-align:center;
}

/* Set the logo size */
.et_header_style_left .logo_container a img#logo {
	max-height:85%;
	width:85%;
	max-width: 85%;
}

/* Style the logo container on fixed navigation */
#main-header.et-fixed-header .logo_container {
	top:0;
	max-height:100px;
}
/* Style logo container on mobile */
@media (max-width: 980px) {
	.et_header_style_left .logo_container a img#logo {
		top:0;
		max-width:90%!important;
	}
	.et_header_style_left .logo_container {
		top:0;
		height:95px;
		max-height:95px;
		max-width:200px;
		box-shadow: none;
	}
}

span.logo_helper{display: none;width:0;height:100%;vertical-align:middle}