/*
Theme Name: Genemuiden Actueel
Theme URI: http://www.zwartsluisactueel.nl
Description: Ontworpen voor Genemuiden Actueel
Version: 1.1
Author: buro244
Author URI: http://www.buro244.nl
*/


/* Global reset */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
 
ul, ol {
  list-style: none;
}
 
img {
  border: 0px;
}


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



.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}


.clearall {width: 100%;height: 1px;margin: 0 0 -1px;clear: both;}

body {background:url(images/topbackground.png) repeat-x center top;}
body.single, body.events-list, body.page-id-37, body.page {background:url(images/topbackground_post_detail.png) repeat-x center top;}
body.category {background:url(images/topbackground_category.png) repeat-x center top;}



.container {max-width:1150px;margin: 0 auto;padding: 0 10px;}
/* .container.articles, #post-detail .container, .container.category, #main-categories .container, #hottopics .container, #single-page .container {max-width: 1150px;} */

p a:link, p a:visited {color:#5480B1;}

#topbar {margin: 10px 0;overflow: hidden;}

ul#topnavigation {float:right;}
ul#topnavigation li {display: inline-block;margin-left:15px;}
ul#topnavigation li a:link, ul#topnavigation li a:visited {font-size:0.8125em;text-decoration: none;color:black;font-family: 'asapregular';}
ul#topnavigation li a:hover {text-decoration: underline;}

#intro-header {height: 165px;}
#intro-header span {display: block;float:right;font-size:1em;color:white;padding: 3px 10px;background:url(images/transblack.png) repeat;margin: 25px 0 0 45px;font-family: 'asapregular';font-size:1.4375em;}

a.logo {display: block;margin-top:-15px;float:left;}


#second-bar {padding-top:0px;}
#second-bar span.date {display: block;float:left;width:20%;font-family: 'aleobold';font-size:1.25em;color:#d4001f;margin-top:3px;}
#second-bar span.weather {display: block;float:left;width:30%;font-size:0.9375em;color:#009fe4;font-family: 'asapregular';margin-top:3px;}
#second-bar ul {float:right;margin-top:3px;}
#second-bar ul li {display: inline-block;margin: 0 10px;font-family: 'asapregular';vertical-align: middle;}
#second-bar ul li a:link, #second-bar ul li a:visited {font-size:0.9375em;text-decoration: none;color:black;}
#second-bar ul li a:hover {text-decoration: underline;}


#main-categories {margin-top:40px;}
#main-categories ul {float:left;}
#main-categories ul li {display: inline-block;margin-right:15px;}
#main-categories ul li a:link, #main-categories ul li a:visited {font-size:1.0625em;color:white;font-family: 'asapregular';text-decoration: none;}
#main-categories ul li a:hover {color:#C3D3E4;}
#main-categories ul li.current-menu-item a {color:#C3D3E4;}

#search {float:right;}
#search input[type=text] {border: 1px solid #5480B1;font-family: 'asapregular';padding: 3px;font-size:1em;}
#search input[type=submit] {border: 1px solid #5480B1;font-family: 'asapregular';padding: 3px;font-size:0.875em;background-color:#F3F6F9; color:#5480B1;cursor: pointer;}


#hottopics {margin-top:30px;height: 275px;}
#hottopics .wrapper {float:left;width: 33.333%;}
#hottopics ul li {margin-bottom:6px;width:80%;}
#hottopics ul li a:link, #hottopics ul li a:visited {font-size:0.75em;color:#1c72b6;font-size:0.875em;text-decoration: none;font-family: 'aleobold';}
#hottopics ul li a:hover {color:#1c72b6;}

.highlight {position: relative;}
.highlight .category-title {position: absolute;left:-10px;top:5px;padding: 5px 9px;background-color:#bc1928;color:white;font-family: 'asapregular';}
.highlight img {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #DDE6EF;margin-left:10px;}



ul.topic {margin-top:15px;}
ul.topic li {padding-left:10px;background:url(images/bullet.png) no-repeat left 6px;}

.sidebar {float:left;width:20%;}
.sidebar.second {float:left;text-align: right;width: 23%;margin-left:2%;font-family: 'asapregular';}
.sidebar.second .wrap {padding: 0 8%;}
.sidebar.big-banners {float:right;width: 12%;text-align: center;}

ul.banners li {margin-bottom:25px;}

#overview-articles, #page-detail {width:40%;float:left;}
#overview-articles ul.home-posts li h2 {margin-bottom:10px;overflow: hidden;}
#overview-articles ul.home-posts li h2 a:link, #overview-articles h2 a:visited {font-size:1.875em;color:#1c72b6;font-family: 'aleobold';text-decoration: none;}
#overview-articles ul.home-posts li h2 a:hover {color:#d4001f;}
#overview-articles ul.home-posts li {margin-bottom:25px;border-bottom:1px solid #dde6ef;padding-bottom:15px;overflow: hidden;}
#overview-articles ul.home-posts li span {font-size:0.8125em;color:#5881bb;font-family: 'asapregular';}
#overview-articles ul.home-posts li p {font-family: 'asapregular';font-size:0.875em;line-height: 20px;}
#overview-articles ul.home-posts li img {margin-top:15px;max-width: 100%;height: auto;display: block;}
#overview-articles ul.home-posts li h4 {font-family: 'asapregular';font-size:0.75em;color:#5480B1;margin-top:5px;}

a.leesverder:link, a.leesverder:visited {display: block;font-family: 'asapregular';font-size:0.875em;width:30%;margin: 5px 0;text-decoration: none;color:white;background-color:#1c72b6;text-align:center;padding: 5px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
a.leesverder:hover {background-color:#d4001f;}

.sidebar.second h2 {font-family: 'asapregular';font-size:0.875em;margin-bottom:10px;color:#d4001f;font-size:1.3125em;}
.sidebar.second ol {padding-bottom:6px;}
.sidebar.second ol li {margin-bottom:15px;}
.sidebar.second ol li h3 a:link, .sidebar.second ol li h3 a:visited {font-size:1em;font-family: 'asapregular';text-decoration: none;color:#5480B1;}
.sidebar.second ol li h3 a:hover {text-decoration: underline;}
.sidebar.second ol li .duration {font-family: 'asapregular';font-size:0.875em;}
p.tribe-events-widget-link a:link, p.tribe-events-widget-link a:visited {font-family: 'asapregular';text-decoration: none;display: block;padding: 3% 2%;background-color:#009fe4;color:white;text-align: center;}

ul.tribe-events-sub-nav li.tribe-events-nav-previous a {display: none;}

.tribe-event-duration {font-size:14px;}
h4.tribe-event-title {margin-bottom:5px;}
h4.tribe-event-title a:link, h4.tribe-event-title a:visited {text-decoration: none;color:#bc1928;}
ol.tribe-list-widget {margin-top:10px;}
ol li.tribe-events-list-widget-events {border-bottom:1px solid #dde6ef;padding:7px 0;}
.sidebar.second ol li.tribe-events-list-widget-events {margin:0;}


ol.vcalendar li {margin-bottom:6px;}
p.tribe-events-widget-link {margin-bottom:25px;}

#post-detail, #singe-page {margin-top:45px;}
#post-detail .content {width:45%;float:left;}
#post-detail .content h1 a:link, #post-detail .content h1 a:visited  {font-family: 'aleobold';font-size:1.875em;color:#1c72b6;text-decoration: none;}
#post-detail .content h2 {font-family: 'aleobold';font-size:1.125em;color:#1c72b6;padding: 10px 0;}
#post-detail .content img {margin-bottom:5px;max-width: 100%;height:auto;}
#post-detail h4 {font-family: 'asapregular';font-size:0.75em;color:#5480B1;margin-bottom:15px;}

p.nocomments, .pagination {font-family: 'asapregular';font-size:0.875em; }
.pagination {margin-botton:25px;}
.pagination span, .pagination a {display: block;float:left;padding: 5px;color:#5480b1;font-size:1.125em;}

.navigation p {font-family: 'asapregular';font-size:0.875em; }

body.page #page-detail {margin-top:25px;min-height: 400px;}
#single-page #page-detail {float:none;width: 100%;}
#single-page #page-detail p {width: 80%;}
#single-page #page-detail table.tablepress {width: 60%;}
#single-page.p404 {min-height: 500px;}



.content-post {margin-top:25px;}
.content-post p {font-family: 'asapregular';font-size:0.95em;line-height: 24px;margin-bottom:15px;}

.wpx_bannerize.positie-na-bericht-1-homepage, .wpx_bannerize.positie-na-bericht-2-homepage, .wpx_bannerize.positie-na-bericht-3-homepage, .wpx_bannerize.positie-na-bericht-4-homepage, .wpx_bannerize.positie-na-bericht-5-homepage {padding-bottom:15px;border-bottom:1px solid #dde6ef;margin-bottom:25px;}
.wpx_bannerize_banner_box {margin-bottom:10px;}
.wpx_bannerize_banner_box img {max-width: 100%; height:auto;}
.wpx_bannerize.berichtendetail-bovenaan {text-align: left !important;}

.sidebar.left .wpx_bannerize {text-align: left;}

#awesome-weather-zwolle {margin-bottom:15px;}

nav.nav-single {margin-bottom:25px;}
span.nav-previous, span.nav-next {display: block;font-family: 'asapregular';font-size:0.875em;}
span.nav-previous a:link, span.nav-previous a:visited, span.nav-next a:link, span.nav-next a:visited {color:#5480b1;text-decoration: none;}
span.nav-previous {float:left;}
span.nav-next {float:right;}

#comments {margin-bottom:25px;padding-top:15px;border-top:1px solid #5480B1;}
#comments h3 {font-family: 'asapregular';font-size:1.375em;color:#5480b1;}
#comments p {font-family: 'asapregular';margin: 6px 0; font-size:0.8125em;}
#comments p a:link, #comments p a:visited {color:#5480b1;}

span.credits-post {display: block;font-family: 'asapregular';margin: 6px 0; font-size:0.8125em;padding-top:7px;color:#1c72b6;margin-bottom:25px;}


ul.post-page-navigation li {display: inline-block;padding: 0 5px;font-family: 'asapregular';}
ul.post-page-navigation li.page-amount {margin-right:10px;}
ul.post-page-navigation li {margin:0 2px;color:#5480B1;}
ul.post-page-navigation li a:link, ul.post-page-navigation li a:visited {color:#d4001f;}
ul.post-page-navigation li span.current {color:#DF7B3A;}

#page-detail h1, .content-area h1 {font-family: 'aleobold';font-size:1.875em;color:#d4001f;}
#page-detail p {font-family: 'asapregular';font-size:0.8125em;line-height: 22px;margin-bottom:15px;margin-top:25px;}

#tribe-events-pg-template {margin-top:50px;}
#tribe-events h1.tribe-events-page-title {font-family: 'aleobold';font-size:1.75em;color:#5480b1;margin-bottom:20px;}
#tribe-events span.tribe-events-list-separator-month {display: block;padding: 7px 3px; font-family: 'asapregular'; background-color:#5480b1;color:white;font-size:1.6875em;margin-bottom:10px;text-align: center;}
#tribe-events .hentry {display: block;width:100%;border-bottom:1px solid #5480B1;padding: 25px 0;}
#tribe-events .hentry a.url:link, .hentry a.url:visited {font-size:1.75em;text-decoration: none;font-family: 'aleobold';color:#DF7B3A;}
#tribe-events .tribe-event-end-month {margin-bottom:55px;}
#tribe-events .hentry .time-details, .tribe-events-event-cost  {font-family: 'asapregular';font-size:0.8125em;}
#tribe-events .tribe-events-list-event-description {font-family: 'asapregular';font-size:0.8125em;line-height: auto;float:left;width:90%;clear:none;}
#tribe-events .tribe-events-event-image {float:right;width: 35%;}
#tribe-events .tribe-events-event-image img {max-width: 100%;height: auto;}
#tribe-events span.date-start, #tribe-events .tribe-events-event-cost, {padding-top:10px;display: block;font-size:1.125em;}
#tribe-events a:link.tribe-events-read-more, #tribe-events a:visited.tribe-events-read-more {display: inline-block;margin-top:10px;color:white;text-decoration: none;background-color:#5480B1;padding:5px 10px;}

#tribe-events-content h1 {font-family: 'aleobold';font-size:1.75em;color:#d4001f;margin-bottom:20px;}
#tribe-events-content .tribe-events-schedule {font-family: 'asapregular';font-size:1.25em;padding: 3px 12px;color:white;background-color:#DF7B3A;display: inline-block;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
#tribe-events-content .tribe-events-single-event-description, #tribe-events-content .tribe-events-cost {font-family: 'asapregular';font-size:1em;line-height: 24px;}
#tribe-events-content .tribe-events-cost {margin-bottom:35px;}
#tribe-events-content .tribe-events-event-image {padding: 8px;}
.tribe-events-cal-links {padding-right:25px;}
.tribe-events-cal-links a:link, .tribe-events-cal-links a:visited {font-family: 'asapregular';font-size:0.8125em;color:#5480b1;}


.content-area {margin-top:25px;}
.gallery_box {overflow: hidden;}
.gallery_box.entry-content ul {margin-top:25px;}
.gallery_box.entry-content ul li {float:left;width:45%;margin-bottom:40px;}
.gallery_box.entry-content ul li h2 {font-family: 'aleobold';font-size:1.25em;color:#DF7B3A;margin-bottom:7px;}
.gallery_box.entry-content ul li p {font-family: 'asapregular';font-size:0.875em;}
.gallery_detail_box {margin-left:10px;}
.gallery_detail_box a {display: block;margin-top:6px;font-family: 'asapregular';font-size:0.875em;text-decoration: none;}
.gallery_detail_box a:link, .gallery_detail_box a:visited {color:#5480b1;}
.gallery_detail_box a:hover {text-decoration: underline;}
.gallery_box_single p {padding: 20px 0;font-family: 'asapregular';font-size:0.875em;}

body.category #home-content {margin-top:20px;padding: 5px 0;}

#title-header .container {max-width: 1152px;}
#title-header h1 {font-family: 'aleobold';font-size:2.0625em;color:#d4001f;}
#title-header {border-bottom:1px solid #7FB5D9;padding: 20px 0;}
#title-header h1 span {color:#d4001f;}



ol.commentlist {margin: 25px 0;}
ol.commentlist li {background-color:#DDE6EF;margin-bottom:6px;padding: 4px;}
ol.commentlist li .comment-author {font-family: 'asapregular';font-size:1em;padding: 4px 0;}
ol.commentlist li .reply a:link, ol.commentlist li .reply a:visited {font-family: 'asapregular';font-size:0.75em;color:black;display: block;}
ol.commentlist .comment-meta a:link, ol.commentlist .comment-meta a:visited {font-family: 'asapregular';color:#5480B1;font-size:0.875em;text-decoration: none;}

form#commentform input[type=submit] {border: 1px solid #5480B1;font-family: 'asapregular';padding: 3px;font-size:0.875em;background-color:#F3F6F9; color:#5480B1;cursor: pointer;}

ul#menu-menu-links-boven-banners {margin-bottom:20px;padding:10px 0;border-bottom:2px solid #5480B1;border-top:2px solid #5480B1;width:80%;}
ul#menu-menu-links-boven-banners li {margin-bottom:4px;background:url(images/smallarrow.png) no-repeat left center;padding-left:12px;}
ul#menu-menu-links-boven-banners li a:link, ul#menu-menu-links-boven-banners li a:visited {font-family: 'asapregular';font-size:0.875em;color:#d4001f;text-decoration: none;}
ul#menu-menu-links-boven-banners li a:hover {text-decoration: underline;}

#footer {background-color:#c7ebf8;margin-top:50px;padding: 30px 0;overflow: hidden;font-family: 'asapregular';color:#1c72b6;font-size:0.875em;border-top:6px solid #1c72b6;}
#footer ul {width: 25%;float:left;}
#footer ul li {margin-bottom:4px;}
#footer ul li a:link, #footer ul li a:visited {color:#1c72b6;}

table.tablepress {font-family: 'asapregular';font-size:0.95em;}

.banner-first {border-bottom: 1px solid #dde6ef;padding-bottom:7px;margin-bottom:10px;}

.wpx_bannerize.positie-voor-bericht-1-homepage object {}

#respond textarea {width: 100%;}


/* Test responsive menu */

.show-menu {background:url(images/menu.png) no-repeat 97% center;}
.show-info {background:url(images/info.png) no-repeat 97% center;}
a.mobile-agenda {display: none;background:url(images/calendar.png) no-repeat 97% center;}
.show-menu, .show-info, a.mobile-agenda {text-decoration: none;color: #fff;background-color: #5486B1;text-align: left;padding: 10px;display: none;cursor: pointer;font-family: 'asapregular';margin-top:10px;}

h2.tribe-events-page-title {font-family: 'asapregular';font-size:0.95em;}
h2.tribe-events-list-event-title {font-family: 'asapregular';margin: 8px 0;}
h2.tribe-events-list-event-title a:link, h2.tribe-events-list-event-title a:visited {font-size:25px;text-decoration: none;color:#1aa3df;}
#tribe-events .tribe-events-list-event-description {margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #1AA3DF;}
.tribe-event-schedule-details {font-family: 'asapregular';font-size:17px;}
.tribe-events-list-event-description.tribe-events-content p {font-size:15px;line-height: 25px;}




/*Hide checkbox*/
input[type=checkbox]{display: none;}

/*Show menu when invisible checkbox is checked*/
input#show-menu[type=checkbox]:checked ~ #menu-blauwe-balk{
    display: block;
}

/*Show menu when invisible checkbox is checked*/
input#show-info[type=checkbox]:checked ~ #menu-mobiel-info-menu{
    display: block;
}

object {max-width: 100%;}

form#form1 {font-family: 'asapregular';font-size:0.95em;}
form#form1 .wdform-page-and-images {width: 100%;}
form#form1 .wdform_row {margin-bottom:15px;}
form#form1 input, form#form1 textarea {padding: 5px;border: 1px solid #CAD8E7;font-family: 'asapregular';font-size:1em;}
form#form1 button.button-submit {border:1px solid #5480B1;background-color:#5480B1;color:white;font-size:1em;font-family: 'asapregular';cursor: pointer;padding: 4px;}

.warning {font-size: 2em;}

.content-post iframe {max-width:100%; !important;height:none !important;}



/* Mobile Support */


@media only screen and (max-width : 1105px) {
		
		.sidebar.big-banners {display: none;}		
		
		#overview-articles {width: 50%;}
		.sidebar {width: 25%;}
	
		
		.wpx_bannerize {text-align: center;}
		
		#search {display: none;}
		
}

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

	#second-bar span.weather {display: none;}
	#second-bar span.date {width: 50%;}

}



@media only screen and (max-width : 929px) {
		
		#hottopics {margin:25px 0;height: auto;overflow: hidden;background-color:#F3F6F9;}
		#hottopics .wrapper {display:block;width: 100%;overflow: hidden;margin: 20px 0;}
		.highlight .category-title {left: 0;}
		.highlight {float:left;width: 235px;}
		.highlight img {max-width: 80%;height:auto;}
		ul.topic {width: 50%;float:left;margin-top:0;}
		ul.topic li {width: 100%;}
		

}


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

		.sidebar {display: none;}
		
		#overview-articles {width: 100%;}
		#overview-articles ul.home-posts li img {width: 100%;height: auto;}
		
		.wpx_bannerize {text-align: center!important;}
		
		#post-detail .content {width:100%;float:none;}
	

}

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

		#footer ul {width: 100%;float:none;margin-bottom:25px;}
		
		body.page, body.category, body.single, body.tribe-theme-genemuidenactueel {background:none;}
		
		#page-detail {float:none;width: 100%;}
		
}

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

	body {background:none;}
	#main-categories {margin-top:5px;}
	
	#tribe-events h1.tribe-events-page-title {margin-top:25px;}


}



@media screen and (max-width : 807px){
			
			/*Make dropdown links appear inline*/
			ul#menu-blauwe-balk {position: static;display: none;background-color:#7FB5D9;}
			
			/*Create vertical spacing*/
			ul#menu-blauwe-balk li {margin-bottom: 1px;border-bottom:1px solid #b2d3e8;}
		
			/*Make all menu links full width*/
			ul#menu-blauwe-balk li, ul#menu-blauwe-balk li a {width: 100%;}
			
			ul#menu-blauwe-balk li a {display: block;padding:5px;}
		
			/*Display 'show menu' link*/
			.show-menu {display:block;}
			
}



@media only screen and (max-width : 779px) {
	#intro-header span {width: 30%;}

}



@media only screen and (max-width : 757px) {
		
		.gallery_box.entry-content ul li {float:none;width:100%;border-bottom:1px solid #5480B1;}
		.gallery_detail_box {font-size:1.2em !important;}
		.gallery_detail_box {width: auto !important;}
		.gallery_box li img {width: 120px;}

}


@media only screen and (min-width : 665px) {

	ul#menu-mobiel-info-menu {display: none;}

}



@media only screen and (max-width : 665px) {
	
	
			ul#menu-menu-onder-header, ul#topnavigation {display: none;}
	
	
			/*Make dropdown links appear inline*/
			ul#menu-mobiel-info-menu {position: static;display: none;background-color:#7FB5D9;}
			
			/*Create vertical spacing*/
			ul#menu-mobiel-info-menu li {margin-bottom: 1px;border-bottom:1px solid #b2d3e8;}
		
			/*Make all menu links full width*/
			ul#menu-mobiel-info-menu li, ul#menu-blauwe-balk li a {width: 100%;}
			
			ul#menu-mobiel-info-menu li a {display: block;padding:5px;}
		
			/*Display 'show menu' link*/
			.show-info {display:block;}
			
			
			a.mobile-agenda {display: block;}
			


	
	
	
	
	

}

@media only screen and (max-width : 657px) {
	a.logo {float:none;width: 100%;margin:0 auto;text-align: center;}
	#intro-header span {float:none;text-align: center;margin:0 auto;padding:5px 0;background-color:#5480B1;width: 80%;}
	#second-bar span.date {float:none;width: 100%;text-align: center;margin: 10px 0;}
	#second-bar ul {display: none;}
	#intro-header {height:auto;}

}

@media only screen and (max-width : 657px) {
		#tribe-events .tribe-events-list-event-description {width: 100%;}

}



@media only screen and (max-width : 587px) {
		#hottopics .wrapper {}
		.highlight {float:none;width: 100%;}
		ul.topic {width: auto;float:none;text-align: left;}
		#hottopics ul li a:link, #hottopics ul li a:visited {font-size:1em;}
}


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

     #intro-header span {font-size:0.875em;}

}