/*
Theme Name: Hayduke
Theme URI: http://hayduke.darkroast.nu/
Author: Dark Roast
Author URI: http://darkroast.nu/
Description: Custom theme for Groen Front. Based on the _s
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hayduke


*/

/* (re)set */

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
/*    font-size: 100%;*/
/*    font: 1em;*/
	vertical-align: baseline;
		box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section {
	display: block;

}



a{
	text-decoration: none;
	outline: 0;
}

ol, ul {
	list-style: none;
}

strong, b{
	font-weight: bold;
}

em, i{
	font-style: italic;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

code{
	font-family: 'courier new', monospace;
}
/* General */
html{
	font-size: 17px;
	color: #1e1808;
}

body{
	font-family: 'raleway';
	font-weight: normal;
}

a{
	color: #104509;
}

h1{
	font-size: 2em;
}

h2{
	font-size: 1.6em;
}

h3{
	font-size: 1.4em;
}

p{
	margin-bottom: 1em;
}


.page-header .page-title{
	margin-top:1em;
	font-size: 1.2em;
	font-weight: bold;
}

.events-locations{
	width: 100%;
	overflow: auto;
	clear:both;
}

.events-locations h3 a:after{
	content: '' !important;
}
/* Widgets */

.events{
	margin-bottom: 1em;
}

.events li h3{
	margin-bottom: 0;
}

.twitter-widget li{
	font-size: .9em;
	padding: .7em;
	margin: 0 0 .6em 0;
	background: #efefef;
}

.twitter-widget li p{
	margin-bottom: 0;
	display: inline;
}

.twitter-widget .hashtag,
.twitter-widget .username{
	color:#104509;
/*    font-weight: bold;*/
}

li .twitter-name{
	color: #1e1808;
	padding-right: .2em;
}

..twitter-widget .date{
	color: #585858;
}


.twitter-widget li a{
/*    font-weight: bold;*/
}

.twitter-widget .follow a{
	font-size: .8em;
	text-align: right;
	float: right;
	color: #585858;
}


.facebook-widget{
	width: 100%;
	clear:both;
	border: 1px solid #efefef;;
	padding: .6em;
	margin: 3em 0 2em 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.facebook-widget:hover{
	border: 1px solid #3B5998;;
}

.facebook-widget a{
	color: #3B5998;
}

.youtube-widget{
	position: relative;
	width:100%;
	margin-bottom: 2em;
}


.youtube-widget a:after{
	position: absolute;
	content: '\e833';
	font-family: 'fontello';
	left: 0;
	right: 0;
	top: 45%;
	bottom: 55%;
	text-align: center;
	z-index: 10;
	font-size: 4em;
	color: rgba(255, 255, 255, .5);
	transition: .4s;
}

.youtube-widget img{
	width:100%;
	height: auto;
	border-radius: .7em;
	box-shadow: inset 0 0 .2em 0 rgba(216, 25, 25, 0.6);

}

.youtube-widget:hover img{
	box-shadow: inset 0 0 .9em 0 rgba(199, 13, 13, 0.8);
}

.youtube-widget:hover a:after{
	color: rgba(255, 255, 255, 1);
}


#toggle{
	display: none;
}
/* Footer */

.site-footer{
	padding-top: 2em;
	background: #1e1808;
	color: #615130 ;
	line-height: 1.4em;
}

.site-footer .col_1_4{
	padding-bottom: 2em;
}


.site-footer h3{
	color: #615130;
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: .3em;
}

.site-footer a{
	color: #806736 ;
	padding: .1em 0 .3em 0;
	border-bottom: 1px solid rgba(97, 81, 48, 0.1);
	display: inline-block;
}

.site-footer a:hover{
	border-bottom: 1px solid rgba(97, 81, 48, 1);
}


footer .tagline{
	width: 100%;
	margin: 13em 0 5em 0;
}

/* external links */

article a[href*=".pdf"]:after{
	content: '\e815';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	margin-left: .3em;
}

article a[href*="//"]:not([href*="groenfront"]):not([href*=".pdf"]):after{
	content: '\e80b';
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	margin-left: .3em;
}

.text-link,
.screen-reader-text{
	display: none;
}

/* header */
.main-header{
	margin: 1em 0 .4em 0;
	z-index: 50;
	position: relative;
}

.branding{
	display: table;
	margin-bottom: 2em;
/*    background: #ccc;*/
/*    width: 100%;*/
}

.branding .logo{
	display: table-cell;
	width: 4em;
}

.branding img{
	width: 100%;
}


.branding .site-title{
	display: table-cell;
	vertical-align: middle;
	font-family: 'weathered_sf';
	font-size: 2em;
}

.branding .site-title a{
	color: #1e1808;
}

.sharing{
	background: #eee2c8;
	padding: .1em;
	font-family: 'raleway';
}



.post-content .sharing a{
	border-bottom: none;
}




.main-nav .sub-menu{
	position: absolute;
	display: block;
	background: #fff;
	-webkit-transition: 1s;
	transition: 1s;
	z-index: 100;
}

.main-nav .sub-menu li{
	display: block;
	background: #fff;
clear: both;

}

.main-nav li .icon-home:hover:before{
	color: rgba(6, 96, 26, 1);
}

.main-nav li:hover ul{
	display: block;
}

/* nav */
.main-nav{
	height: 3em;
	margin-bottom: .2em;
	overflow: hidden;
}


/* nav */
.main-nav .col_1_1{
/*
	overflow: visible;
	height: 3.5em;
	margin: 0;
*/
	position: relative;
/*
	height: 3em;
	margin-bottom: .2em;
*/
/*	overflow: hidden;*/
}

.main-nav ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 3em;
	padding: 0;
	margin:0;
}



.main-nav li{
	display: inline-block;
	float: left;
	margin: 0 1em 1em 0;
}

.main-nav a{
	color:#1e1808;
		font-weight: bold;
	font-size: 1.4em;
	padding-bottom: .5em;
	border-bottom: 3px solid rgba(6, 96, 26, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.main-nav a:hover{
	color: #1e1808;
	padding-bottom: .2em;
	border-bottom: 3px solid rgb(6, 96, 26);
}

a.icon-home:hover{
	color: #1e1808;
	padding-bottom: .2em;
	color: rgba(6, 96, 26 );
	border-bottom: 3px solid #fff;
}


.main-nav .search-form{
	position: absolute;
/*margin-bottom: 1em;*/
	overflow: visible;
	right: 0;
	top: 0;
	height: 3em;
}



.search-form input{
	border: none;
	font-family: 'raleway';
	font-weight: bold;
	color:#1e1808;
		font-size: 1.4em;
/*        background: #ff0000;*/
		padding: 0 1.3em .3em .3em;
	margin:0;
	overflow: visible;
	width: 4em;
	padding-bottom: .5em;
/*    padding-right: 2em;*/
		border-bottom: 3px #fff solid;
	-webkit-transition: .5s;
	transition: .5s;
}


.search-form input:hover{
	color: #1e1808;
	padding-bottom: .2em;
	border-bottom: 3px solid rgb(6, 96, 26);
}
.search-form input:focus{
		border-bottom: 3px solid rgb(6, 96, 26);
/*    min-width: 7em;*/
	width: 8em;
/*    background: #eaeaea;*/
/*    padding-bottom: .3em;*/
}

.main-nav .search-form{
	float: right;
}

.search-form .icon{
	position: absolute;
	right: 5px;
	top: 0;
		color:#1e1808;
		font-size: 1.4em;
}

.sec-nav{
	position: absolute;
	top:0;
	z-index: 250;
	pointer-events: none;
}
.secondary-nav > ul{
	display: inline-block;
	float: right;
	margin: 2em 0;
	pointer-events: all;
}


.secondary-nav > ul > li{
	display: inline-block;
	float: left;
	padding: 0;
	position: relative;
}

.secondary-nav li a{
	padding: 0 .5em .6em .5em;
	font-size: .9em;
	color: #104509;
	transition: .3s;
}

.secondary-nav li a:hover{
	border-bottom: 1px solid #104509;
	padding-bottom: .4s;
}


.secondary-nav .sub-menu{
	position: absolute;
	display: none;
	background: #fff;
	-webkit-transition: 1s;
	transition: 1s;
}

.secondary-nav li:hover ul{
	display: block;
}

.secondary-nav .sub-menu li{
	margin: .3em 0;
}


.video-wrapper{
	width: 100%;
	height: auto;
/*    padding-bottom: 40%;*/
	background: #ccc;
	margin: 1em 0;
/*    overflow:auto;*/
}

.video-wrapper .fill{
	width: 100%;
	overflow: visible;
}

.video-wrapper iframe{
	width: 100%;
	overflow: visible;
}


.secondary-nav > ul > li:after{
	content: '|';
}

.secondary-nav li.social:after{
	content: '';
}

/* slider */
.slick{
/*    overflow-x: hidden;*/
	position: relative;
	overflow:hidden;
	background: #efefef;
/*    height: 40em;*/
}
.slick .slides{
	background-size: cover;
	background-position: center center;
	height: 30em;
}

.slick button{
	position: absolute;
	top: 0;
	bottom:0;
	z-index: 10;
	background: rgba(250,250,250, 0);
	height: auto;
	width: 8rem;
	-webkit-transition: 3s;
	transition: 3s;
}

.slick button:hover{
	background: rgba(250,250,250, 1);
}
.slick-next{
	right: 0;
}

.slick-prev{
	left: 0;
}

.slick .slick-prev:before{
	content: '\e81b';
	font-family: "fontello";
	color: #1e1808;
	font-size: 25px;
}

.slick .slick-next:before{
	content: '\e81c';
	font-family: "fontello";
	color: #1e1808;
	font-size: 25px;
}


.title-wrapper{
	bottom: 3em;
	width: 100%;
/*    margin: 1em auto*/
	text-align: center;
}

.slick .title-wrapper{
	position: absolute;
	left:0;
	right:0;
	width: 100%;
/*    margin: 1em auto*/
}

.slider-title{
		font-size: 3em;
}

.slider-title a{
	font-family: 'andada';
	font-weight: bold;
	background: rgba(250,250,250, .65);
	display: inline-block;
	padding: .3em .4em;

	-webkit-transition: .4s;
	transition: .4s;
}

.slider-title a:hover{
	background: rgba(250,250,250, 1);
	color: #1e1808;
}

.single-campagne .title-wrapper{
	margin: 3em auto 3em auto;
}

.campagne-title{
	font-family: 'andada';
	font-weight: bold;
	background: rgba(250,250,250, .65);
	display: inline-block;
	padding: .3em .4em;
	font-size: 3em;
	-webkit-transition: .4s;
	transition: .4s;
}

.post-meta .campagne-meta a{
	color: #06601A;
	background: #eee2c8;
	padding: .2em .6em;
	margin-right: .5em;
	font-weight: bold;
	border-bottom: 2px solid #eee2c8;
}

.post-meta .campagne-meta a:hover{
	border-bottom: 2px solid #06601A;
}


#content{
	z-index: -100;

}
/* tagline */
.tagline{
	font-family: 'weathered_sf';
	font-size: 2.5em;
	text-align: center;
	margin: .8em auto;
	overflow: visible;
	line-height: 1.2em;
}

.tagline .grid_wrapper{
	padding-bottom: 1em;
}

.tagline span{
	overflow: visible;
/*    padding: 1em 0;*/
/*    margin-bottom: 1em;*/
}

.headline-links{
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 2em;
}

.headline-links li{
	margin-bottom: .6em;
	padding-bottom: .6em;
	border-bottom: 1px solid #1e1808;
}



/* content */
article{
	font-size: 1rem;
	padding-top: 2em;
}

.post-title{
	font-family: 'andada';
	color: #104509;
	font-size: 3em;
	font-weight: bold;
/*    padding: .4em 0 .5em;*/
	margin-bottom: .3em;
}

.post-title a{
	color: #06601a;
	padding-bottom: .4em;
	border-bottom: 3px solid rgba(6, 96, 26, 0);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.post-title a:hover{
	color: #1e1808;
	padding-bottom: .1em;
	border-bottom: 3px solid rgb(6, 96, 26);
}

.single-post .post-title{
/*    padding-left: 1rem;*/
	text-align: center;
	margin-bottom: 1em;
}


.post-meta{
	font-family: 'raleway';
	color: #585858;
	font-size: .8em;
	margin-bottom: .5em;
}

.post-meta a{
	color: #585858;
}

.post-meta a:hover{
	border-bottom: 1px dotted;
}

.post-meta .category{
	text-transform: uppercase;
	padding-right: .3em;
}

.comments-link:before{
	content: ' | ';
}

.edit-link{
	position: absolute;
	font-size:3em;
	right: 0;
	top: .6em;
	display: none;
}

.entry:hover .edit-link{
	display: block;
}

.edit-link a:hover{
	color:#d14dd1;
	border-bottom: none;
}

.edit-link a:after {
	content: '\e811';
	font-family: 'fontello';
} /* '' */

.entry{
	position: relative;
	margin-bottom: 1.4em;
}

.content-wrapper{
	display:-webkit-box;    display:-webkit-flex;    display:-ms-flexbox;    display:flex;
}

.content-wrapper .thumbnail{
	-webkit-box-flex:1;   -webkit-flex:1;   -ms-flex:1;   flex:1;
	order:2;
	background-size: cover;
	background-position: center center;
}

.post-content h2{
	font-weight: bold;
	color: #104509;
	margin-bottom: .4em;
	color: rgba(6, 96, 26, 1);
}

.post-content h3{
	color: #104509;
	margin-bottom: .4em;
	color: rgba(6, 96, 26, 1);
}

.post-content h4{
	margin-bottom: .4em;
}

.post-content{
	-webkit-box-flex:1;    -webkit-flex:1;    -ms-flex:1;    flex:1;
	order:1;
	padding: 0;
	font-family: 'andada';
	font-size: 1.1em;
	line-height: 1.6em;
}

.page .post-content{
	font-family: 'raleway';
}

.post-content a{
	border-bottom: 1px solid rgba(6, 96, 26, 1);
}

.post-content li{
	margin-bottom: 1em;
	padding-left: 1.5em;
	position: relative;
}

.post-content li:before{
	content: '\e81c';
	font-family: fontello;
	color: #104509;
	font-size: 1.4em;
	position: absolute;
	top: 0;
	left: 0;
}


.related-links{
	font-size: 1.3em;
	font-weight: bold;
}

.related-links li{
	margin-bottom: .8em;
	padding-bottom: .8em;
	border-bottom: 1px solid #1e1808;
}

p + .post-meta{
	margin-top: 1em;
}

.related-links .page_item_has_children{
/*
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
*/
}

.thumbnail{
	overflow: hidden;
}

.thumbnail img{
	width: 100%;
	height: auto;
}

a.read-more{
	color: #1e1808;
	margin-right: .6em;
	padding: .2em .4em;
	font-family: 'raleway';
	border: 1px solid;
	transition: .4s;
}

a.read-more:hover{
	color: #fff;
	background: #615130;
	border: 1px solid #615130 !important;
}


/* entry images */
.entry-full img{
	width: 100%;
	height: auto;
}

.wp-caption{
	position: relative;
	padding: 0;
	margin: 0;
	font-family: 'raleway';
	color: #585858;
	font-size: .9em;
}

.alignleft,
.alignright,
.aligncenter,
.alignnone{
	margin-bottom: 1em;
}

.alignleft{
	float: left;
	margin-right: 2em;
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text span{
	display: block;
}

figure.alignnone{
/*
	margin-left: -16.65%;
	margin-right: -16.65%
*/
}

.alignnone .size-large{
	padding-right: 12.5%;
	padding-left: 12.5%;
	width: 100%;
}

.alignnone .size-full + .wp-caption-text span,
.alignnone .size-large + .wp-caption-text span,
.alignleft span{
	padding-right: 2em;
}

.alignright{
	float: right;
	margin-left: 2em;
}

aligncenter,
.wp-caption.aligncenter{
	display: block;
	margin-right:auto;
	margin-left: auto;
}

img.size-large{
	width: 100%;
	height: auto;
}

img.size-full{
	max-width:100%;
}

.alignright span{
	padding-left: 2em;
}

.wp-caption .wp-caption-text{

/*
	position: absolute;
	top: 0;
	width:16.65%;
*/
}

.alignnone .size-full{
	margin-left: 0;
	margin-right: 0;
}

.alignnone .size-full + .wp-caption-text{
	position: relative;
/*    float: left;*/
/*    width: 12.5%;*/
	padding-top: 0.8em;
	text-align: center;
}

.alignnone .size-large + .wp-caption-text{
/*    width: 12.5%;*/
	text-align: center;
}

.alignleft .wp-caption-text{
	text-align: right;
}

.alignright .wp-caption-text{
	text-align: right;
}

.aligncenter .wp-caption-text{
	position: relative;
	width: auto;
	padding-top: 0.8em;
	text-align: center;
}


.archive-title{
	font-family: 'andada';
	font-weight: bold;
/*    background: rgba(250,250,250, .65);*/
	display: inline-block;
	padding: .3em 0;
	margin-bottom: 1em;
	font-size: 2em;
	-webkit-transition: .4s;
	transition: .4s;
}

.archived-campagne p{
	color: #eee2c8;
}

.archived-campagne h2 a{
	color: #1e1808;
}

/* Embed */
.video-wrapper{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: visible;

}

/* Events */

.content-event{
	padding: 1em;
	background-color: #eee2c8;
	font-family: 'raleway';
	margin-bottom: 1em;
	width:100%;
	display:block;
	overflow:auto;
}

.content-event + p{
	clear:both;
}

.content-event .event-date{
	font-weight: bold;
	display: block;
}

.content-event .event-location{
	font-size: .8em;
	float: left;
/*    max-width: 30%;*/
	margin: 1em 3em 1em 0;
	line-height: 1.4em;
}

.content-event .event-location h3{
font-weight:bold;
}

.content-event.past-event{
	font-size: .8em;
	opacity: .4;
}

.content-event.past-event:hover{
	opacity: 1;
}

/*
.video-wrapper.click{
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: 0;
	padding: 0;

			cursor: pointer;
}
*/

/*
.video-wrapper.click:after{
	z-index: 10;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: 0;
	padding: 0;

			cursor: pointer;
}
*/



.video-wrapper.click:before{
	content: '\e833';
	font-family: 'fontello';
	font-size: 5em;
	z-index: 10;
	color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top:50%;
	bottom:50%;
	left:0;
	right:0;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	text-shadow: 0 0 2em #1e1808;
	transition: 1s;
			cursor: pointer;
}

.video-wrapper.click:hover:before{
	color: rgba(255, 255, 255, 0.9);
}

.video-wrapper .fill{
	position: absolute;
	top: 0;
	overflow:hidden;

}

.video-wrapper .roast-image{
	width: 100%;
	height: 100%;
}


.roast-add .roast-video{
	width: 100%;
	height: 100%;
}

.video-alert{
	position: absolute;
	background: #f00;
	width: 100%;
	height: auto;
	max-height: 0;
	bottom: 0;
	transition: .2s;
	overflow: hidden;
	font-family: 'raleway';
		font-size: .9em;
	color: #fff;
	box-shadow: .2em .5em .7em #1e1808;
	text-align: center;
}

.video-wrapper:hover .video-alert{
	max-height: 250px;

/*        font-weight: bold;*/
}

.video-alert p{
	padding: 1em 1em 0 1em;

}

.video-alert a{
	float: right;
	margin: 0 1em 1em 0;
	color: #1e1808;
	font-weight: normal;
	border-bottom: 1px dotted #f00;
}

.video-alert a:hover{
	border-bottom: 1px dotted #1e1808;
}

/*comments */
.comment{
	padding: 1em 0;
	background-color: #eee2c8;
}

.comments-aside{
	text-align: right;
}

.bypostauthor cite{
	color: #06601a;
}

.comment h3{
	margin-top: 1em;
/*    padding-left: 1rem;*/
	font-weight: bold;
}
.comment-meta{
	padding-left: 1rem;
}

.comment-author{
	display: block;
	font-weight: bold;
}
.comment-content{
	padding: 0 1rem;
	font-family: 'andada';
	font-size: 1.1em;
	line-height: 1.6em;
}

.comment-list > #respond{
	width: 58.4%;
	margin: 0 auto;

}

.depth-2 .grid_wrapper{
	padding-left 10rem;
}

/*respond */


.comment-form{
/*    padding: 0 1rem;*/
	font-size: 1.1em;
}

.comment-field{
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	margin: .4em 0 .8em 0;
	padding: 0;
	height: 2.6em;
	overflow: visible;
background: #ffffff;
}

.comment-respond label{
	position: absolute;
	left: .5em;
/*    width: 25%;*/
	display: inline-block;
	z-index: 10;
	top: .55em;
	color: #1e1808;
	font-weight: bold;
	transition: .2s;
}

.comment-respond p.comment-form-comment{
	height: 9em;
	padding-top: .3em;

}
.comment-field textarea:focus + label,
.comment-field input:focus + label{
	margin-left: -5.5em;
	border-bottom: 1px solid;
}

.comment-respond textarea,
.comment-respond input{
	position: absolute;
	left: 4.5em;
	width: 90%;
	height: 2em;
	font-family: 'raleway';
	padding: .1em .2em;
	font-size: 1.1em;
	margin: 0;
	background: none;
	border: none;
/*    float: right;*/
/*    clear: both;*/
}

.comment-respond textarea{
	height: 7em;
	overflow:hidden;
}

.comment-respond textarea:focus{
	overflow:visible;
	width:98%;
}

.comment-respond textarea:focus,
.comment-respond input:focus{
	left: .2em;
}

.form-submit{
	width: 100%;
	position: relative;

	float: right;
	clear: both;
	margin: .4em 0 .8em 0;
	padding: 0;
	height: 2.6em;
	overflow: visible;

}


.comment-respond input[type='submit']{
	position: relative;
	float:right;
	width: 30%;
	display:inline-block;
	height: 2em;
	padding: .5em .1em;
	left: auto;
	background: #ceb16a;
	font-weight: bold;
/*    float: right;*/
/*    clear: both;*/
}

/*

.comment-respond textarea{
		position: absolute;
		font-size: 1.1em;
		margin: 0;
	left: 4.5em;
	width: 95%;
	height: 4em;
	padding-bottom: 3em;
	clear: both;
		background: none;
	border: none;
}
*/
article{
	padding-bottom: 2em;
}

.form-allowed-tags{
	clear: both;
	width:100%;
	margin: .5em 0;
	float:right;
}

/* archive */
.archive-post{
/*    background-color: #cccccc;*/
overflow:auto;
	margin-bottom: 1em;
}

.archive-post .post-title{
	font-size: 2em;
}


.header-image{
/*    height: 20em;*/
	background-size: cover;
	background-position: center;

}

.active-campagnes{
		background: #eee2c8;
}

.inactive-campagnes{
		background: #615130;
}


/* pagenav */
.wp-pagenavi{
	margin:0 0 2em 0;
}


.wp-pagenavi a,
.wp-pagenavi span{
	border: none;
	margin: 0;
}


/*campagne */
.campagne{
	padding-bottom: .8em;
/*    background: #f4d485;*/
	background: #eee2c8;
}

.archived-campagne{
	background: #615130;
}

.aside{
	color: #585858;
	line-height: 1.5em;
	margin-bottom: 1em;
}

.aside h3{
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.3em;
	color: #104509;
}

footer{

}

footer .social-icons{
	margin-top:1em;
}


/*nav */
.navigation{
	position: relative;
	width: 100%;
	margin: 0px auto;
	padding: 0px 8rem;
	overflow: hidden;
	clear: both;
	box-sizing: border-box;
}

.navigation .nav-links{
	width:60%;
	margin: auto;
}


@media screen and (max-width: 1240px) {


		.slick .slides{
		height: 20em;
	}
}


@media screen and (max-width: 1024px) {
	html{
/*        font-size: 90%;*/
	}

	.post-title,
	.slider-title{
		font-size: 2em;
	}

	.introductie{
		width: 100%;
		font-size: 1.1em;
		margin-bottom: 2em;
	}

	.loop{
		width: 64%;
	}

	.entry .col_1_4,
	.entry .col_1_4 + .entry .col_3_4{
		width: 48%;
		max-width: 48%;
	}

	aside.widget{
		width: 31%;
	}

		.slick .slides{
		height: 17em;
	}

	.entry .col_4_5{
		width: 65%;
		max-width: 65%;
	}

		.entry .col_4_5 .post-content,
	.entry .col_4_5 .thumbnail{
		width: 100%;
		max-width: 100%;
	}

	.entry .col_1_5{
		width: 31%;
		max-width: 31%;
	}
}



@media screen and (max-width: 800px) {

	.content-wrapper{
		display: block;
	}


	.entry .thumbnail,
	.thumbnail,
	aside.aside,
	.entry .post-content,
	.entry .col_4_5,
	.entry .col_1_5{
		width: 100%;
		max-width: 100%;
	}

	.thumbnail{
/*
		height:0;
		padding-bottom: 40%;
*/
	}

	main .grid_wrapper nav,
	main .grid_wrapper div{
		width:100%;
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.slick .slides{
		height:14em;
	}

	.mar_left_1_5{
		margin-left: 0;
	}

.title-wrapper{

}
	.related-campagne{
		padding: 1em;
		background: #eee2c8;
		margin-bottom: 1em;
	}

	.loop{
		width: 100%;
	}

	.main-nav{
		position: fixed;
		top:0;
		right:0;
		width: 0;
		z-index: 250;
		height: 9999px;
		background: rgba(238, 226, 200, .95);
/*		transition: .4s;*/
		box-shadow:         -10px 5px 7px 0px rgba(50, 50, 50, 0.5);
	}

	#toggle{
		position: fixed;
		padding: 1.6rem 2rem;
		top:0;
		right:0;
		cursor: pointer;
		font-size: 1.2em;
		font-weight: bold;
		width:auto;
		height: auto;
		z-index: 400;
		display: block;
		background: rgba(255,255,255,.1);
		transition:.5s;
	}

	#toggle:hover{
		background: rgba(255,255,255,.8);
	}

		#toggle:after{
		content: '\e818';
		font-family: 'fontello';
		cursor: pointer;
			padding-left: .2em;
	}



	.expand-menu #toggle:after{
		content: '\e808';
				cursor: pointer;

	}


	.expand-menu .main-nav{
			width: 90%;
				transition: .6s;

		}


	.main-nav ul{
		height: auto;
		position: relative;
		margin-top: 4em;
	}
	.main-nav li{
		display: block;
		width: 100%;
	}

	a.icon-home:hover{
		border-bottom: rgba(0,0,0,0);
	}

	.main-nav .search-form{
		position: relative;
		float: left;
		width: 100%;
	}

	.search-form input,
	.search-form input:focus{
		width: 90%;

	}

	.sec-nav{
	position: fixed;
	pointer-events: all;
		width: 0;
		z-index: 300;
		right: 0;
		top: 1.3em;
/*	transition: .8s;*/

}

	.expand-menu .sec-nav{
		width:90%;
		transition: 1.2s;

	}

	.sec-nav div{
		float:left;
	}

	.sec-nav ul{
		padding: 0;
		margin: 0 auto;
				float: left;

	}

	.tagline{
		font-size: 1em;
	}

	.site-footer .col_1_4{
		width: 48%;
		max-width: 48%;
	}

.site-footer .col_1_4:nth-of-type(even){
/*    padding-right: 0;*/
		float: right;
	margin-right: 0;
}

}


@media screen and (max-width: 500px) {
	.site-footer .col_1_4{
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}


	#toggle .menu-name{
		display: none;
	}
}