/*
Theme Name:     Erve Hesselink 2015
Theme URI:      http://www.geertbeskers.nl/
Description:    Designed by <a href="http://www.geertbeskers.nl">Geert Beskers</a>
Author:         Geert Beskers
Author URI:     http://www.geertbeskers.nl
Version:        3.0

	Copyright: (c) 2015 Geert Beskers
*/
/*  Reset & Rebuilt Browser CSS
-------------------------------------------------------------- */
/*
	@import url('_core/styles/defaults/reset.css');
	@import url('_core/styles/defaults/typography.css');
	@import url('_core/styles/defaults/forms.css');
	@import url('_core/styles/defaults/elements.css');
*/

@import url('styles/wordpress.css');

/*  Google webfonts
-------------------------------------------------------------- */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600,800');

/*  Defaults
-------------------------------------------------------------- */
a, a:visited { color: #3AAA34; text-decoration: underline; }
a:hover		 { color: #3AAA34; text-decoration: none; }

:focus { }
::selection { background: #91cd8e; color: #ffffff; }

* {
	font-size: 14px;
}
h1, h2 ,h3 ,h4 ,h5 ,h6 { 
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #333333;
}

h1 { font-size: 20px; margin-bottom: 40px; }
h2 { font-size: 18px; margin-bottom: 20px; }
h3 { font-size: 16px; margin-bottom: 12px; }
h4 { font-size: 15px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

address { font-style: normal; }

button, .button, .button:visited {
	color: #ffffff;
	background: #3AAA34;
}

button:hover, button:focus, .button:hover, .button:focus {
	background: #30932b;
}

.return_url { width: 100%; }
/*  Foundation elements
-------------------------------------------------------------- */
.clear { clear: both; }
.row {
	max-width: 1280px;
	margin: 0 auto 10px auto;
	background: #ffffff;
}
.row .row {
	margin: 0 auto 0 auto !important;
}
.column, .columns { 
	padding: 0px;
	margin-bottom: 0px;
	background: #ffffff;
}
.panel { padding: 40px; margin-bottom: 0px; border: 0px; background: #ffffff; }

/* Default template elements
-------------------------------------------------------------- */
body {
	color: #1c1c1c;
	font-size: 14px;
	line-height: 150%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background: #E8E8E8;
}

p {
	font-size: 14px;
}
/*  Main menu
-------------------------------------------------------------- */
.top-bar {
	padding: 0 10px;
	background: #3AAA34;
}
	.top-bar.expanded,
	.top-bar.expanded .title-area { background: #3AAA34; }
	.top-bar.expanded .toggle-topbar a { color: #ffffff; }
	
.top-bar .toggle-topbar a {
	text-decoration: none;
	text-transform: capitalize;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;	
}

.top-bar #logo img {
	max-height: 30px;
	margin: 7px 0 0 0;
}
.top-bar-section li a{
	/*font-size: 20px !important;*/
	font-family: 'Open Sans', sans-serif !important;
	text-decoration: none;
	background: #3AAA34 !important;
}

	.top-bar-section li:hover > a,
	.top-bar-section li.active > a{
		color: #3AAA34 !important;
		background: #ebf6eb !important;
	}

#copyright { 
	float: left;
	margin: 22px 0 0 0;
	padding-right: 0px;
}

	#affiliated {
		text-align: center;
		padding-left: 0px;
	}
	
	#affiliated a {
			display: inline-block;
			margin: 0 0 0 20px;
			height: 55px;		
		}
	
		#affiliated_svr {
			width: 90px;
			background: url('images/affiliated_logo_svr.png') no-repeat;	
		}
		
		#affiliated_acsi {
			width: 66px;
			background: url('images/affiliated_logo_acsi.png') no-repeat;	
		}
		
		
		#affiliated_achterhoek {
			width: 56px;
			background: url('images/affiliated_logo_achterhoek.png') no-repeat;	
		}
		
		#affiliated_winterswijk {
			width: 56px;
			background: url('images/affiliated_logo_100winterswijk.png') no-repeat;	
		}

/*  Pagination
-------------------------------------------------------------- */
ul.pagination li a,
ul.pagination li button {
	padding: 5px 15px;
	border-radius: 0px;
	border: 1px solid #979797;
}
	ul.pagination li a.previous,
	ul.pagination li a.next {
		border: none;
	}
	
		ul.pagination li:hover a.previous,
		ul.pagination li:hover a.next {
			background: none;
		}
		
	ul.pagination li.current a,
	ul.pagination li.current button {
		background: #3AAA34;
	}
	
	ul.pagination li.current a:hover,
	ul.pagination li.current a:focus,
	ul.pagination li.current button:hover,
	ul.pagination li.current button:focus {
		background: #3AAA34;	
	}

/*  Google Maps
-------------------------------------------------------------- */
#map_route {
	height: 57px;
	margin-top: -57px;
	padding: 10px; 	
	position: relative;
	background: rgba(255,255,255,0.50);

}
#map_route input,
#map_route .button {
	margin: 0px;
}

#contact-content {
	background: no-repeat;
}


.adp-directions {
	width: 100%;
}

	
#google_maps {
	height: 600px;
	position: relative;
}
#map_canvas{
	width: 100%;
	min-height: 100%;
}
	
/*  Templates
-------------------------------------------------------------- */
#sidebar {
	padding-left: 40px;
}

#sidebar img { display: block; margin: 0 0 40px 0; }
	#sidebar img:last-child { margin-bottom: 0px; }
	
/*  Home
---------------------------------- */
.template-home #news article {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #979797;
}
	.template-home #news article p:last-child { margin-bottom: 0px; }

.template-home #cycling {
	background-image: url('images/bikers_02.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.template-home #zoover {text-align: center; }

.template-home #zoover #appreciation {
	text-align: center;
	font-size: 122px;
	height: 122px;
	font-weight: 800;
	color: #EF7D36;
	margin: 100px 0 0 0;
}
	.template-home #zoover #appreciation .first {
		font-size: 122px;
	}

	.template-home #zoover #appreciation .second {
		font-size: 68px;
	}

.template-home #zoover a {
	display: block;
	text-align: center;
	color: #4A4A4A;
}
	.template-home #zoover .write_appreciation { margin-bottom: 10px; }
	.template-home #zoover .watch_appreciations { margin-bottom: 20px; }
	.template-home #zoover .write_appreciation { }
	
#info {
	background: #4A4A4A;
}

#info * { color: #ffffff; }

#info ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
	#info ul li {
		line-height: 35px;
		vertical-align: middle;
	}
	#info ul img {
		vertical-align:middle;
		margin: 0 10px 0 0;
	}

#reservation.panel {
	padding: 40px 30px;
}
#reservation .row {
	padding: 0px;
	margin: 0px;
}
#reservation .button {
	margin: 0px;
}

/*  Contact
---------------------------------- */

/*  Loop
-------------------------------------------------------------- */
.pagination {
	margin: 0px !important;
}
/*  News
---------------------------------- */
.template-news #news-items {
	padding: 40px 20px 0px 20px !important;	
}

.template-news #news-items ul {
	margin: 0px !important;
}

.template-news #news-items ul li {
	padding: 0px 20px 20px 20px !important;
}
.template-news #news-items li .news-item {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #979797;
}
.template-news .news-item p {
	margin-bottom: 0px;
}


/*  Gallery
-------------------------------------------------------------- */
.slick-slider {
	margin-bottom: 0px !important;
}
.slick-slider *{
	margin: 0px !important;
}

.slick-slider img {
	width: 100%;
}

#gallery_thumbs {
	padding: 40px 30px 20px 30px;

}
#gallery_thumbs a {
	float: left;
	margin: 0 10px 20px 10px;
}
#gallery_thumbs img{
	display: block;
}

/*  Media queries
-------------------------------------------------------------- */
/*  Medium
---------------------------------- */
@media only screen and (min-width: 641px) {
	
	.top-bar {
		height: 80px;
		padding: 0px;
	}
	
	.top-bar #logo {
		width: 100px;
		display: block;
		margin: 10px 0 0 20px;
	}
	
	.top-bar #logo img { max-height: none; }
	.top-bar-section > ul > li > a {
		height: 80px;
		line-height: 80px !important;
		padding: 0 15px !important;
		font-size: 15px;
		text-decoration: none;	
	}
	.top-bar-section .has-dropdown>a:after{
		top: 50%;
	}
	
	#affiliated {
		text-align: right;
	}	
}
/*  Medium
---------------------------------- */
@media only screen and (min-width: 900px) {
	
	.top-bar {
		height: 120px;
		padding: 0 40px;
	}
	
	.top-bar #logo {
		display: block;
		margin: 17px 0 0 0;
	}
	
	.top-bar #logo img { max-height: none; }
	.top-bar-section > ul > li > a {
		height: 120px;
		line-height: 120px !important;
		padding: 0 20px !important;
		font-size: 20px;
		text-decoration: none;	
	}
	.top-bar-section .has-dropdown>a:after{
		top: 50%;
	}
}

/*  Large
---------------------------------- */
@media only screen and (min-width: 1025px) {
	
	.top-bar #logo {
		width:auto;
		display: block;
		margin: 17px 0 0 0px;
	}	
}