/*
Theme Name: Ecoeuros
*/

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
  }
}

@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
  }
}


@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff2') format('woff2'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('opensans-extrabold-webfont.eot');
    src: url('opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-extrabold-webfont.woff2') format('woff2'),
         url('opensans-extrabold-webfont.woff') format('woff'),
         url('opensans-extrabold-webfont.ttf') format('truetype'),
         url('opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff2') format('woff2'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: 300;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body{
    margin: 0; background:#f9f8f8
}
*{
    box-sizing: border-box;
    -moz-box-sizing: border-box;    
}
img, figure{
    max-width: 100%;
    height: auto;
}
/*Responsive Grid System Setup
------------------------------------------------------------*/
.row [class*="grid"] {
    display: inline-block;
    float: left;
    margin: 0.5% 1% 0.5% 0;
}
.row [class*="grid"]:first-child { 
	margin-left: 0; 
}
.row [class*="grid"]:last-child { 
	margin-right: 0; 
}
.group{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
.group:before, .group:after{
    content: " ";
    display:table;
}
.group:after {
	clear:both;
}
@media only screen and (min-width:769px){
	.bodywrap {
        max-width: /*1000px; ------------------------------------- Set width of your site */
        margin: 0 auto;
	}
	
	
	header.bodywrap {
        max-width: 100%; /*------------------------------------- Set width of your site */
        margin: 0 auto;
		position:fixed;
		box-shadow: 0px 1px 10px grey;
	}
	
	.headerwidth{ max-width:1024px; margin: 0 auto;}
	
	.grid1 { 
        width: 7.416%;
	}
	.grid2 { 
        width: 15.833%;
	}
	.grid3 { 
        width: 24.25%; vertical-align:middle; padding:5px; 
	}
	.grid4 { 
        width: 32.666%;
		padding:0px 10px
	}
	.grid5 { 
        width: 41.0835%; display: inline-block
	}
	.grid6 {
        width: 49.5%;
	}
	.grid7 {
        width: 57.9165%;
	}
	.grid8{
        width: 66.334%;
	}
	.grid9{
        width: 74.75%;
	}
	.grid10{
        width: 83.167%;
	}
	.grid11{
        width: 91.584%;
	}
	.grid12{
        width: 100%;
	}
}
@media only screen and (max-width:768px){
	
	.wpgmp_listing_grid .wpgmp_locations {width:100%!important}
    .bodywrap {
        padding: 0 14Spx;    
    }
	
    .row [class*="grid"] {
		width:100%; 
		padding: 0; 
		margin: 1% auto;
		float: none;
	}
	.row [class*="grid"]:first-child, 
    .row [class*="grid"]:last-child{ 
		margin-left: auto;
        margin-right: auto;
	}
}
/* Responsive Navigation Pure CSS
------------------------------------------------------------*/
nav ul{
    margin: 0;
    padding: 0; 
    list-style: none;  
}
nav li{
    display: inline-block;    
}
nav li a{
    display: inline-block;
    padding: 10px; 
    text-decoration: none; 
	color: #000;  
}

	nav li a:hover{ color:#fff}
#onav, .onav-btn{
    display: none;   
}
/* Sub menu only supports level 1 */
.menu-item-has-children, 
.page_item_has_children{
    position: relative;
}
.sub-menu,
.children{
    display: none;
    width: 320px;
    background: #fd7f07;
    position: absolute;
    top: 42px;
    left: 0;
	text-transform:none;
}
.sub-menu li,
.children li{
    width: 100%;
}
.menu-item-has-children:hover > .sub-menu,
.page_item_has_children:hover > .children{
    display: block;
}
@media only screen and (max-width:768px){
	
	.post-29, .post-75 { width: 100%!important} 
	
    .onav-btn{
        display: block;
    }
	 nav li, nav li a{
        width: 100%!important; 
		border-top: 1px solid #d07218;
    }
    .onav-btn{  
        cursor: pointer;
        display: inline-block;
        float: left;
        padding: 16px;
    }
    .onav-btn:after{
        content: "";
        background: url('img/nav-b.png') no-repeat; 
        width: 20px;
        height: 20px;
        float: right;         
    }
    nav{
        display: none;
    }
    nav li, nav li a{
        width: 100%!important; 
		border-top: 1px solid #d07218;
    }
    #onav:checked ~ nav{
        display: block;  
    }
    .sub-menu,
    .children{
        position: static;
        width: 100%;
        display: block;
        margin: 0;
    }
}
/* WordPress Style
------------------------------------------------------------*/
.alignleft{
    float: left;
    padding: 20px 20px 20px 0;
}
.alignright{
    float: right;
    padding: 20px 0px 20px 20px;
}
.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.sticky{
}
.gallery-item{
    max-width: 33.33%;
    display: inline-block;
    padding: 1.79104477%;
    text-align: center;
    vertical-align: top;
    width: 100%;
    margin: 0;
}
.gallery-item a{
    border: none;
}
/* Layout
------------------------------------------------------------*/
header.header{
    display: table;
    width: 100%;
	background: url(img/header.jpg) repeat-x;
	z-index:999999999;
	height:60px;
	margin-top: -60px;
	}
.logo{
    float: left;
    height: 28px;
	background: url(img/logo2.png) top no-repeat;
    margin-top: 4px;
	height:50px;
	width:104px; transition: color 2.5s ease;
}

.logo:hover{
	background: url(img/logo2.png) bottom no-repeat;
}
.logo img{
    max-width: 100%;
    max-height: 100%;
}
.main-nav{
    float: right;
    padding: 4px 0;
}
.main-content-wrap, 
.category-list{
	padding: 20px;
    padding-bottom: 30px;
}
.article-list article{
    padding: 30px 0;
}
.article-list article:first-child{
    padding: 0;
}
.main-banner{
	width: 100%;
	margin-top: 60px;
}
.second-banner{
    background: url(img/second-banner.jpg) no-repeat center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 535px;
	width: 100%;
}
.third-banner{
    background: url(img/third-banner.jpg) no-repeat center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 535px;
	margin-top: 60px;
}
.contact-banner{
    background: url(img/contact.jpg) no-repeat center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 535px;
	width: 100%;
	margin-top: 60px;
}
.locatiesheader-banner{
    background: url(img/locaties.jpg) no-repeat center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 535px;
	width: 100%;
	margin-top: 60px;
}
.overonsheader-banner{
    background: url(img/overons.jpg) no-repeat center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 535px;
	width: 100%;
	margin-top: 60px;
}
.hoewerktecoeurosheader-banner{
    background: url(img/hoewerktecoeurosheader.jpg) no-repeat center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 535px;
	width: 100%;
	margin-top: 60px;
}
.home-showcase{
}
.home-showcase [class*="grid"]{
    padding: 0px;
}
.home-showcase [class*="grid"] article{
    padding: 30px 60px;
}
.home-showcase [class*="grid"] p{
    color: #999;
}
.home-cta{
       text-align: center;
    color: #ff8500;
    float: right;
    padding: 189px 0px!important;
    /* margin: 10px; */
    /* width: 350px; */
	   
}
.second{
       text-align: center;
    color: #ff8500;
    float: left;
    padding: 120px 0px!important;
    width: 350px;
	   
}
.home-cta p{
background: #fe8b0a;
  -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
	padding: 20px;
    color: #FFF;
	font-size:22px;
	text-shadow: 1px 1px #e45e08;
	    line-height: 35px;
		
		}
.home-cta p:hover, .home-cta p:focus  { background:#fd7209;text-shadow: 1px 1px #fe8b0; transition: background 0.5s ease;}
.cta{
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 10px 30px;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.main {}
	.second {}
	
.sub-banner{
    display: table;
    width: 100%;
    background: #eee;
    padding: 4px 0;
    font-size: 80%;
	display:none
}
.breadcrumbs{
    float: left;
    padding-top: 4px;
}
.search-top{
    float: right;
}
.search-top input{
    margin: 0;
}
.search-top .screen-reader-text,
.search-submit{
    display: none;
}
.article-author{
    font-weight: bold;
    margin: 5px 0;
    font-size: 140%;
}
.comment-wrap{
    border-top: 1px solid #ccc;
    margin-top: 60px;
}
.comment-wrap h3{
    margin-bottom: 40px;
}
.comment-list{
    padding: 0;
}
.comment-list li,
.comment-wrap form{
    margin-bottom: 40px;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    list-style: none;
}
.comment-wrap textarea{
    height: 80px;
}
.comment-wrap .navigation{
    font-size: 80%;
    display: inline-block;
    width: 100%;
    padding: 10px;
}
.comment-list li:before, 
.comment-list li:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
}
.comment-list li:before{
    top: 30px;
    left: -14px;
    border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 14px solid #ccc;
}
.comment-list li:after{
    top: 32px;
    left: -12px;
    border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 12px solid #fff;
}
.comment-list .comment-author{
    float: left;
    max-width: 70px;
    margin: -10px 0 0 -120px;
}
.comment-author img,
.author-avatar img{
    width: 70px;
    height: 70px;
    max-width: 70px;
    border-radius: 50%;
}
.comment-author .fn, 
.comment-time{
    font-size: 80%;
    margin: 0;
    font-weight: bold;
}
.comment-author{
    line-height: 120%;
    text-align: center;
}
.comment-metadata time{
    font-style: italic;
    color: #999;
    margin-bottom: 10px;
}
.form-allowed-tags{
    display: none;
}
.author-bio{
    line-height: 160%;
}
.pagination{
    display: inline-block;
    width: 100%;
}
.pagination ul{
    padding: 0;
}
.pagination ul li{
    list-style: none;
    padding: 2px 10px;
    margin-right: 4px;
    float: left;
}
.pagination .current{
    border-radius: 4px;
    border: 1px solid #ccc;    
}
footer.footer{
    padding: 20px 0;
    border-top: 1px solid #de4a00;
	border-bottom: 1px solid #de4a00;
    text-align: center;
	background: #f95909;
	color:#eaeaea;
}
footer.footer a{
	color:#eaeaea;
	font-size:18px;
	 transition: color 0.5s ease;
	 padding: 20px 42px;
}
footer.footer a:hover, footer.footer a:focus, footer.footer a:active {color:#a3a7a6;}

.wpgmp_listing_container div.categories_filter select { border: 2px solid #fd7f07; color: #fd7f07; }


#menu-footer.nav li a {padding:10px 40px}
.article-meta{
    margin-top: 40px;
    padding: 10px;
    font-size: 80%;
    text-align: center;
}
.entry-footer{
    font-size: 80%;
    text-align: center;
}
.entry-footer span{
    padding: 0 2px;
}
.screen-reader-text{
    font-weight: bold;
}
.post-thumbnail,
.post-thumbnail:hover{
    border: none;
}
/* Font Setting
------------------------------------------------------------*/
html, 
body{
    font-family: open_sansregular;
    font-size: 16px;
    line-height: 160%;
    color: #222;
}
h1, h2, h3, h4, h5, h6{
    line-height: 140%;
    margin-bottom: 0;
	font-family:open_sansbold;
	color:#fd7f07;
}

ul, 
blockquote{
    margin: 40px 0;
}
ul ul, 
ol ol{
    margin: 10px 0;
}
nav, 
aside, 
footer{
    font-size:100%;
    line-height: 200%;
}
article, 
section, 
.category-list, 
.comment-list, 
.comment-wrap #cancel-comment-reply,
.comment-wrap form,
.page-numbers{
    max-width: 1000px;
    margin: 0 auto;
}
aside{
    padding-top: 20px;
}
aside h3{
    font-style: italic;
}
aside ul li{
    margin: 16px 0;
}
aside ul{
    padding-left: 20px;
    margin: 20px 0;
}
blockquote{
    border-left: 4px solid #ccc;
    padding-left: 20px;
    margin-left: 20px;
}
a{
    color:#fd7f07;;
    text-decoration: none;
}
a:hover{
}
nav a, 
nav a:hover, 
header.header a, 
header.header a:hover, 
footer a, 
footer a:hover{
    border: none;
}
/* Pagination
-------------------------------------------------------------- */
.home-pgn{
    text-align: center;
}
ul.page-numbers {
    list-style: none;
    margin: 20px auto;
    padding: 0;
}
ul.page-numbers li {
    display: inline-block;
    margin: 0 2px 0 0;
}
.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 4px 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
}
/* Form Elements
------------------------------------------------------------*/
input,
input[type="search"],
select,
textarea{
    border: none;
    border-bottom: 1px solid #ccc;
    background: none;
    padding: 2px;
    outline: none;
    width: 100%;
    margin: 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	transition: color 2.5s ease;
	
	background: #fff;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    padding: 20px;
    color: #a3a7a6;
    font-size: 22px;
   padding: 10px 30px;
    text-align: left;

}

textarea{
	padding:20px;
}
input[type="checkbox"], 
input[type="radio"]{
    width: auto;
}
input[type="checkbox"]{
    -webkit-appearance: checkbox;
}
input[type="radio"]{
    -webkit-appearance: radio;
}
input[type="submit"], 
button{
    background: #f75709 url('img/btnbg.jpg')repeat-x;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    padding: 20px;
    color: #FFF;
    font-size: 22px;
    text-shadow: 1px 1px #e45e08;
    line-height: 35px;
padding: 10px 30px;
}


input[type="text"]
{
    background: #fff;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    border-radius: 40px;
    padding: 20px;
    color: #a3a7a6;
    font-size: 22px;
    line-height: 35px;
    padding: 10px;
	text-align: left;
	text-indent:20px
}



@media only screen and (max-width:768px){
	.nav-menu { background:#fd7f07}
	#menu-item-31, #menu-item-60-nl { background: #000;
    color: #FFF;}
	#menu-item-31 a, #menu-item-60-nl a {     color: #FFF;}

    header.header{
        padding: 0 !important;
		position:fixed;
		top:0px;
		margin-top: 0px !important;
    }
body {
    margin: 0;
    margin-top: -60px!important;}    .logo{
        position: relative;
        z-index: 2;
        margin: 8px 10px;
    }
    .main-nav{
        float: none;
        width: 100%;
    }
    nav li a{
        padding-left: 30px;
    }
    .onav-btn{
        float: right;    
    }
    .breadcrumbs, 
    .search-top{
        float: none;
        width: 100%;
    }
    .search-top{
        margin-top: 15px;   
    }
    .main-banner{ 
		display: inline-block;}
		
	
	
.second {margin-top:20px}
    
    .home-cta{
        padding: 0px 0;   
    }
    .home-showcase [class*="grid"]{
        padding: 20px;    
    }
    .comment-list 
    .comment-author{
        float: none;
        margin: 10px 0;
        max-width: 100%;
    }
    .comment-author{
        text-align: left;
    }
    .comment-author img{
        display: block;
    }
    .comment-list li:before, 
    .comment-list li:after{
        content: none;   
    }
    footer nav{
        display: block;
    }
    footer nav li{
        width: auto;
        text-indent: 0;
    }
    article{
        word-break: break-all;    
    }
}


/*article#post-19.page.type-page.status-publish.hentry { max-width:100%!important}*/

#entry-content .partners img {width: 24.25%; vertical-align:middle; padding:10px; }

.partners {
    padding: 0px 0;
    border-top: 0px solid #ddd;
    text-align: center;
	color:#eaeaea;}
	
.partners a {border-bottom:none; -webkit-transform: translateZ(0);
  transform: translateZ(0);}
.partners a:hover, .partners a:active, .partners a:focus{ -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }
	
.partners h1 {color:#ff8500;     font-size: 1.7em; padding: 0px 0px 20px 0px;}

.inhetnieuws {
    padding: 40px 0;
    border-top: 1px solid #ddd;
    text-align: center;
	background: #eaeaea;
	color:#a3a7a6;}

.inhetnieuws a {border-bottom:none; -webkit-transform: translateZ(0);
  transform: translateZ(0);}
.inhetnieuws a:hover, .inhetnieuws a:active, .inhetnieuws a:focus{ -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }



	
.inhetnieuws h1 {     font-size: 1.4em; padding: 0px 0px 10px 0px; color:#a3a7a6; 
		text-shadow: 0px 1px 1px white;}
		
		
.footer2 {
    padding: 20px 0 !important;
    border-top: 1px solid #ddd;
    text-align: center;
	background: #eaeaea;
	color:#a3a7a6;}
.footer2 a {border-bottom:none;}

.nieuwsbrief {margin-top: -6px; background:#eaeaea; padding: 40px; color: #a3a7a6!important;}

.nieuwsbrief a {    }
.nieuwsbrief h1 {    color: #ff8500;}

.widget_wysija_cont {
    display: block;
    /* float: right; */
    display: block;
    display: inline-block;
    padding: 20px;
	right:0px;
	margn-left:100px}
	.grid5 {
    width: 45%;
}
	#menu-hoofdmenu { text-transform: uppercase}
	
	.entry-header { display:none;}
	.mansory  .entry-header { display: block;}
	
	
	
@media only screen and (max-width:568px){	


	.home-cta { width: 90%;
    margin: auto;
    float: none;
		}
		.home-cta { padding:0px !important;}
	.grid5 {
    width: 100%!important;
}	
	
	.main { float:left; margin:20px; margin-top:300px; /*width: 60%;*/}
	.main p{ font-size:16px; line-height:20px}
	
	.second { margin:20px; /*width: 60%;*/ float:left}
	.second h1{ font-size:20px; line-height:24px}
	.second p{ font-size:16px; line-height:20px}
	
	.main-banner{
	display: inline-block;
		width:100%;
}
.second-banner{
	display: inline-block;
	width:100%;
}}

.wpgmp_listing_list .wpgmp_locations, div.categories_filter select { background:#FFF!important}

.grid4 { 
        width: 32.666%;
		padding:0px 10px
	}
	
	.formError .formErrorContent { position:absolute!important}
	
	.grid5 {
    width: 45%;
}

.wpgmp_listing_grid .wpgmp_locations{ background:#FFF!important}


.place_category { text-transform:capitalize}

.post-29, .post-75 { width: 60%}

input[type="submit"]:after]]
input[type="submit"]:after{ content:'replacement string'; display:  block; text-indent:0 ;  }


.post-75 .mc4wp-form-fields p:nth-child(2) input[type="submit"] { font-size:0px}

.post-75 .mc4wp-form-fields p:nth-child(2):after {
 content: 'Submit';
    color: #FFF;
    font-size: 22px;
    text-shadow: 1px 1px #e45e08;
    line-height: 35px;
    padding: 10px 30px;
    margin-top: -60px;
    position: absolute;
}
 
 
.page-id-103 .mc4wp-form-fields p:nth-child(2) input[type="submit"] { font-size:0px}

.page-id-103 .mc4wp-form-fields p:nth-child(2):after  {
 content: 'Submit';
    color: #FFF;
    font-size: 22px;
    text-shadow: 1px 1px #e45e08;
    line-height: 35px;
    padding: 10px 30px;
    margin-top: -60px;
    position: absolute;
}
  
article#post-19 {max-width:1200px!important; width:100%}

.wpgmp_locations { height:100%!important}

#wpadminbar {    z-index: 999999999999999;}

#respond { display:none}
.poweredBy { display:none!important}


/* ftat updates*/

.statiegeldheader-banner{
    background: url(img/Ecoeuros-statiegeld-oplossingen2.jpg) no-repeat center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 535px;
	width: 100%;
	margin-top: 60px;
}