/*
	Theme Name: HTML5 Blank
	Template: html5blank-stable
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

/*------------------------------------*\
    BODY CSS
\*------------------------------------*/
body{
    font-family: "PT Sans";
	font-size:16px;
	font-weight:400;
	color:#777777;
}

/*------------------------------------*\
    HEADINGS CSS
\*------------------------------------*/
h1, h2, h3, h4, h5, h6{
	color: #333333;
}
/*------------------------------------*\
    LINKS CSS
\*------------------------------------*/
a {
	color:#333333;
}
a.read-more:hover:after,
a:hover {
	color:#98BF0C;
}
/*------------------------------------*\
    LIST CSS
\*------------------------------------*/
li:before {
    color: #98BF0C;
}

/*------------------------------------*\
    BUTTONS CSS
\*------------------------------------*/
a.button,
.button,
span.button,
a.button-white,
.button-white,
span.button-white,
a.button-dark,
.button-dark,
span.button-dark,
a.button-outline,
.button-outline,
span.button-outline,
a.button-outline-dark,
.button-outline-dark,
span.button-outline-dark  
{
	background:#98BF0C;
	color: #fff !important;
	border: 2px solid #98BF0C;
	font-size:18px !important;
}
a.button:hover,
.button:hover,
span.button:hover {
	background:#fff;
	color: #98BF0C !important;
	border: 2px solid #98BF0C;	
}
a.button-white,
.button-white,
span.button-white {
	background:#fff;
	color: #98BF0C !important;
	border: 2px solid #fff;		
}
a.button-white:hover,
.button-white:hover,
span.button-white:hover {
	background:#98BF0C;
	color: #fff !important;
	border: 2px solid #98BF0C;		
}
a.button-dark,
.button-dark,
span.button-dark {
	background:#333;
	color: #fff !important;
	border: 2px solid #333;		
}
a.button-dark:hover,
.button-dark:hover,
span.button-dark:hover {
	background:#fff;
	color: #333 !important;
	border: 2px solid #333;		
}
a.button-outline,
.button-outline,
span.button-outline {
	background:#fff;
	color: #98BF0C !important;
	border: 2px solid #98BF0C;	
}
a.button-outline:hover,
.button-outline:hover,
span.button-outline:hover {
	background:#98BF0C;
	color: #fff !important;
	border: 2px solid #98BF0C;	
}
a.button-outline-dark,
.button-outline-dark,
span.button-outline-dark {
	background:#fff;
	color: #333 !important;
	border: 2px solid #333;	
}
a.button-outline-dark:hover,
.button-outline-dark:hover,
span.button-outline-dark:hover {
	background:#333;
	color: #fff !important;
	border: 2px solid #333;	
}
/*------------------------------------*\
    START FORMS CSS
\*------------------------------------*/
select, 
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="date"], 
input[type="tel"],
textarea {
    border: 1px solid #ccc;
	background-color: #fff;
	color: #333;
}
select {
	-webkit-appearance: menulist;
    -webkit-border-radius: 2px;	
}
.home select, 
.home input[type="text"], 
.home input[type="email"], 
.home input[type="password"], 
.home input[type="date"], 
.home input[type="tel"],
.home textarea {
    border: 1px solid #f8f8f8;
	color: #c8c8c8;	
}
::-webkit-input-placeholder {
	color: #c8c8c8;
}
::-moz-placeholder { 
	color: #c8c8c8;
}
:-ms-input-placeholder {
	color: #c8c8c8;
}
:-moz-placeholder { 
	color: #c8c8c8;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #98BF0C;
}
/*------------------------------------*\
    END FORMS CSS
\*------------------------------------*/
/*------------------------------------*\
    START TOPHEADER CSS
\*------------------------------------*/
.topheader {
	background: #e8e8e8;
}
/*------------------------------------*\
    END TOPHEADER CSS
\*------------------------------------*/

/*------------------------------------*\
    START MIDDLEHEADER CSS
\*------------------------------------*/
ul.list-items-middelheader li,
ul.list-items-middelheader li a {
	color: #98BF0C;	
}
ul.list-items-middelheader li a:hover {
	color: #333;	
}
/*------------------------------------*\
    END MIDDLEHEADER CSS
\*------------------------------------*/


/*------------------------------------*\
    START MENU CSS
\*------------------------------------*/
.nav ul li a:link, 
.nav ul li a:visited, 
.nav ul li a:active {
    color: #333;
}
.nav ul li.current_page_item a:link,
.nav ul li.current_page_item a:visited,
.nav ul li.current_page_item a:active {
	color: #98BF0C;
	border-top: 4px solid #98BF0C;	
}
.nav ul li a:hover
{
	color: #98BF0C;
}
.nav ul ul li a:link,
.nav ul ul li a:visited,
.nav ul ul li a:active
{
    color: #fff;
}
.nav ul ul li a:hover
{
	background-color: #98BF0C;
	color: #fff;
}
.nav ul ul li.current_page_item a:link, 
.nav ul ul li.current_page_item a:visited, 
.nav ul ul li.current_page_item a:active {
    color: #fff;
	border: none;
}
/*------------------------------------*\
    END MENU CSS
\*------------------------------------*/

/*------------------------------------*\
    START SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/

.social-icons a {
    color: #c8c8c8;
    background-color: #fff;
    border: 2px #c8c8c8 solid;
}
.social-icons a:hover {
    color: #98BF0C;
}
/*------------------------------------*\
    END SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/

/*------------------------------------*\
   START SLIDER CSS
\*------------------------------------*/
.slider-content h3 {
	color:#fff;
}
.slider-content h2 {
	color:#fff;
}
/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
.top-footer {
    background-image: none;
	background: #263b4e;
}
.top-footer h3 {
	color: #fff;
}
.top-footer a {
	color: #fff;
}
.top-footer a:hover {
	color: #98BF0C;
}
.top-footer ul.arrow li:before {
	color: #fff;
}
.cd-top {
    background: #98BF0C;
    color: #fff;	
}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/
/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/
p.subtitel {
	color: #98BF0C;
}
.home h2 {

}
h4.subtitel {
	color: #98BF0C;
}
.post-date-fp {
	color: #98BF0C;
}
.section-row-4-fp h2,
.section-row-4-fp p.subtitel {
	color: #fff;
}
.recensie-slider blockquote {
	color: #fff;
}
.recensie-slider h3 {
	color: #fff;
}
.recensie-slider h5 {
	color: #fff;
}
/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
    START ANIMATIONS CSS
\*------------------------------------*/

a.button[data-aos="button-bg-change"] {
  background: #fff !important;
  color: #98BF0C !important;
  transition-property: background;
}
a.button.aos-animate[data-aos="button-bg-change"]{
    background: #98BF0C !important;
	color: #fff !important;
}
/*------------------------------------*\
    END ANIMATIONS CSS
\*------------------------------------*/


/*------------------------------------*\
	START LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/

.sidebar .widget_text {

}
.sidebar .widget-first.widget_text {
    background-color: #98BF0C;
    color: #fff;
}
.sidebar .widget_text h3,
.sidebar .widget_text a,
.sidebar .widget_text li:before {
	color: #333;
}
.sidebar .widget-first.widget_text h3,
.sidebar .widget-first.widget_text h4,
.sidebar .widget-first.widget_text a,
.sidebar .widget-first.widget_text li:before {
	color: #fff;
}
.sidebar .widget_text a:hover {
	color: #98BF0C;
}
.sidebar .widget-first.widget_text a:hover {
	color: #333;
}

/*------------------------------------*\
    END LANDINGSPAGINA SIDEBAR CSS
\*------------------------------------*/
/*------------------------------------*\
	START RESPONSIVE TABLE CSS
\*------------------------------------*/
.prijstable tr:nth-child(odd) {
	background-color: #e5e5e5;	
}
.prijstable a {
	color:#4e4e4e;
}
.prijstable a:hover {
	color:#0c3646;
}
.prijstable tr {
	border-color: #f1f1f1;
}
@media (min-width: 768px) {
	.prijstable th {  
		color: #6d6d6d;
	}
}
/*------------------------------------*\
	END RESPONSIVE TABLE CSS
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1024px) {
/*------------------------------------*\
    START RESPONSIVE MENU CSS
\*------------------------------------*/	
	.mobile-menu-container {
		background-color: #fff;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.1);		
	}
	#menu-mobielmenu .menu-item-has-children.active, 
	#menu-mobielmenu .haschild.active {
		background-color: #fff;		
	}
	#menu-mobielmenu .menu-item-has-children.active .mobile-close, 
	#menu-mobielmenu .first-child .mobile-exit, 
	#menu-mobielmenu .haschild.active .mobile-close {
		background: #333;
		color: #fff !important;		
	}
	#menu-mobielmenu li {
		border-bottom: 1px solid rgba(229,229,229,0.7);
	}	
	#menu-mobielmenu li .sub-menu a, 
	#menu-mobielmenu li a {
		color: #98BF0C;
	}
	#menu-mobielmenu .menu-item-has-children.active > a, 
	#menu-mobielmenu .haschild.active > a {
		color: #98BF0C;
		border-bottom: 1px solid rgba(229,229,229,0.7);		
	}
	.contact-mobile-menu h3 {
		color: #98BF0C;
	}	
/*------------------------------------*\
    END RESPONSIVE MENU CSS
\*------------------------------------*/	
}