/*
Theme Name: GeneratePress Child
Description: GeneratePress child thema voor NGK Groningen Oost. Met aangepaste CSS, broodkruimel navigatie, Open Graph meta tags in head sectie, GA-trackingcode in head sectie, homepage widgets en homepage slider. Slider kan ingesteld worden via de Customizer. Plugins Meta Slider en VS Event List worden ondersteund.
Version: 2.4
Author: Guido
Template: generatepress
*/

/* Header widgets */
.header-widget .widget-title {color:#d9541e;}

/* Menu */
.main-navigation .main-nav ul li a {padding-left:15px; padding-right:15px;}
.menu-item-has-children .dropdown-menu-toggle {padding-right:15px;}

/* Homepage widget area */
#homepage-widgets {clear:both; padding:20px 0 0;}
#homepage-widgets:after {content:''; display:block; height:0; clear:both;}
#homepage-widgets .widget {width:48%; float:left; margin:0 0 30px;}
#homepage-widgets div.widget:nth-of-type(odd) {clear:left;}
#homepage-widgets div.widget:nth-of-type(even) {margin:0 0 30px 4%;}
#homepage-widgets .widget-title {font-size:25px; font-weight:normal; color:#d9541e;}

/* Fix for search field */
.search-field {-webkit-appearance:none !important;}

/* Sidebar widgets */
.one-container .sidebar .widget {padding:20px;}

/* Footer widgets */
#footer-widgets .widget {font-size:14px;}

/* Broodkruimels */
.broodkruimels {clear:both; margin-top:20px; padding:10px 20px; background:#f2f2f2;}

/* Plugin: VS Event List */
.home #vsel .vsel-content {width:44%; clear:none; float:left; margin:0 0 30px; padding:20px 2%; background:#eee; border-bottom: 2px solid #d9541e; box-sizing:content-box;}
.home #vsel div.vsel-content:nth-of-type(odd) {clear:left;}
.home #vsel div.vsel-content:nth-of-type(even) {margin:0 0 30px 4%;}
.home .vsel-start-icon, .home .vsel-end-icon {background:#fff;}
.vsel-day-top, .vsel-month-top {background:#522e91;}
.vsel-meta-title, .vsel-meta-time, .vsel-meta-location {font-weight:bold;}

/* Tablet */
@media screen and (min-width:1024px) and (max-width:1200px) {
	/* Header */
	.site-logo {max-width:50%;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
	/* Header */
	.header-widget {clear:both; width:100%; max-width:100%; overflow:visible; float:left; margin-bottom:20px; text-align:center;}
	.site-branding {clear:both; width:100%; margin-bottom:20px; text-align:center;}
	.site-logo {clear:both; width:100%; text-align:center;}
}

/* Mobile */
@media screen and (max-width:768px) {
	/* Sidebar */
	.one-container .sidebar {margin-top:40px;}
}
@media screen and (max-width:767px) {
	/* Homepage widget area */
	#homepage-widgets .widget {width:100%; clear:both; margin:0 0 30px;}
	#homepage-widgets div.widget:nth-of-type(odd) {clear:both;}
	#homepage-widgets div.widget:nth-of-type(even) {margin:0 0 30px 0;}

	/* Plugin: Meta Slider */
	.home .metaslider .slides {min-height:250px;}
	.home .metaslider .slides .ms-image img {min-height:250px; object-fit:cover;}

	/* Plugin: VS Event List */
	.home #vsel .vsel-content {width:94%; clear:both; padding:20px 3%;}
	.home #vsel div.vsel-content:nth-of-type(odd) {clear:both;}
	.home #vsel div.vsel-content:nth-of-type(even) {margin:0 0 30px 0;}
}