/*

Theme Name: Divi EG

Description: Divi child theme by EG

Author:   EG

Template: Divi

*/



@import url("../Divi/style.css");

@import url(https://fonts.googleapis.com/css?family=Mate+SC);

@font-face {

	font-family: geosans;

	src:

	url('fonts/GeosansLight.otf');

	src:

	url('fonts/GeosansLight.ttf');

}

/*

 * STICKY FOOTER

 */

html, body {
    height: 100%;

}

#page-container {

    min-height: 100%;

    background-color:white;

}
ul#top-menu > li > a {

	font-family: geosans;

	font-size: 25px;

}
.et_pb_scroll_top.et-pb-icon {
	background-color:#019a3f;
}

footer, .spacer {

    height: 50px;

    line-height: 50px;

}

#footer-bottom,

#footer-bottom .container {

    padding: 0;
    line-height: 50px;

}

#footer-info {

	padding: 0;

	float: none;

}

.footer-copyright {

	float: left;

}

.footer-puik {

	float: right;

	text-align: right;

}

.footer-puik a {

	display: inline-block;

	height: 50px;

	line-height: 50px;

}

.footer-puik a img {

	vertical-align: middle;

}

.zoomContainer {

  z-index: 9999!important;

}



/*

 * HIDE LOGIN ON HOMEPAGE (WHEN LOGGED IN)

 */

.home.logged-in .et_pb_login {

	display: none;

}



/*

 * FORMS

 */

form.wpcf7 label {

	display: inline-block;

	width: 200px;

}



form.wpcf7 input[type="text"],

form.wpcf7 input[type="email"],

form.wpcf7 textarea {

	display: inline-block;

	width: calc( 100% - 250px );

	margin: 0;

	background-color: #fff; border: 1px solid #bbb; padding: 2px; color: #4e4e4e;

}



form.wpcf7 textarea {

	height: 150px;

}



form.wpcf7 input[type="submit"] {

	display: inline-block;

	width: calc( 100% - 250px );

	margin: 5px 0 0 200px;

	background-color: #2daae1;

	border: 1px solid #2daae1;

	padding: 5px 10px;

	color: #fff;

}

form.wpcf7 input[type="submit"]:hover {

	background-color: #fff;

	border: 1px solid #2daae1;

	color: #2daae1;

	cursor: pointer;

}



/*

 * FOOTABLE

 */

table.footable tr td {

	padding: 0;

}



.table-add-new {

	float: left;

	width: 50%;

}

.table-filter {

	float: right;

	width: 50%;

	text-align: right;

}

/*The code below will simply setup the price-title area to be hidden and have a background. Please note that uou will have to change the background and height to match your website color scheme and product height  but first load it as and then adjust

*/



/* Show the that was setup above when the user hovers*/

  ul.products li.product:hover .product-details {

	filter: alpha(opacity=@opacity * 100);

	opacity: 1;

  }



  ul.products li.product a img:hover {

	opacity: 0.9;

  }

/*

 * 404 ERROR

 */

 /*Custom css*/
 /* Iframe */
#iframe-wedstrijden > div > div > iframe {
	display: inherit;
	margin: 0 auto;
}
#outer {
	display: none;
}
#nieuws-blog > div.et_pb_column.et_pb_column_1_3.et_pb_column_6 {
	text-align:center;
}
body

 #footer-logo {
 	width: 50px;
 	height: 50px;
 	margin: 0 auto;
 }
 #footer-info > div.footer-copyright {
 	width: 100% !important;
 	text-align: center;
 	height: 35px !important;
 }

ul.et_pb_side_nav, .et_pb_scroll_top.et-visible {

	background-color: #019a3f !important;

}

#et_pb_contact_form_0 > div > p {
	color: white !important;
}

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



}

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



}

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



}

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

    #dienstentitle {

    	font-size: 50px !important;

    }

}

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

    #top-menu li a {

    	font-size: 20px !important;

    }

}

.et_pb_toggle_open {

background-color:#ebebeb;

transition:background 1s;

}
#et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et-social-icon a:hover, .comment-reply-link, .form-submit input, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
    color: #019a3f;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] {
    font-size: 12px;
}
.tribe-events-calendar thead th {
    color: white;
}
p, 
@media screen and (max-width: 1000px) {
	#nieuws-blog {
		width: 90% !important;
		margin: 0 5% !important;
	}
	.post-content {
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
}
::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}