<style>

/*
- Doorgevoerd vanuit de Opties aan de achterkant 
- In functions.php wordt dit omgezet naar styling.css 
- Gelieve hier geen abrupte wijzigingen in te maken 
*/

/* ==========================================================================
   algemeen
============================================================================= */

body{
	background-color: #ffffff;
}

header{
	background-color: #ffffff;
}

.container {
	margin: 0 auto;
	width: 90%;
	max-width: 1200px;
}

.container.full {
	max-width: none;
}

/* ==========================================================================
   Titels
============================================================================= */

/* algemeen ===============================================*/
h1{ 
	font-family: Poppins;
	font-size: px;
	line-height: %;
	font-weight: lighter;
	text-transform: none;
	letter-spacing: px;
}

h2{ 
	font-family: Poppins;
	font-size: px;
	line-height: %;
	font-weight: lighter;
	text-transform: none;
	letter-spacing: px;
}

h3{ 
	font-family: Poppins;
	font-size: px;
	line-height: %;
	font-weight: lighter;
	text-transform: none;
	letter-spacing: px;
}

h4{ 
	font-family: Poppins;
	font-size: px;
	line-height: %;
	font-weight: lighter;
	text-transform: none;
	letter-spacing: px;
}

h5{ 
	font-family: Poppins;
	font-size: px;
	line-height: %;
	font-weight: lighter;
	text-transform: none;
	letter-spacing: px;
}

/* ==========================================================================
   Teksten
============================================================================= */

body{ 
	color: #484848; 
	font-family: Poppins; 
	font-size: 14px; 
	line-height: 18%;
}

p:not(:last-of-type){
	margin-bottom: px;
}

.sub{ 
	font-family: Poppins;
	font-size: px;
	line-height: %;
	font-weight: lighter;
	text-transform: none;
	letter-spacing: px;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"], 
.gform_wrapper input[type="url"], 
.gform_wrapper input[type="tel"], 
textarea{
	font-family: Poppins; 
}

a,a:visited{ color: #bc007e; } 
a:hover{ color: #6f1383; }
.popuptrigger{
	cursor: pointer;
}

*::selection, p::selection, li::selection, ul::selection, img::selection, h1::selection, h2::selection, h3::selection, h4::selection, a::selection, b::selection, span::selection, strong::selection {background: ;color: ;}
*::-moz-selection, p::-moz-selection, li::-moz-selection, ul::-moz-selection, img::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, a::-moz-selection, b::-moz-selection, span::-moz-selection, strong::-moz-selection {background: ;color: ;}

/* ==========================================================================
   Algemene melding
============================================================================= */

.alg_melding .sluiten:before,.alg_melding .sluiten:after{
	background-color: ;
}

/* ==========================================================================
   Navigatie
============================================================================= */


/* topmenu ===============================================*/

.navigatie-top{
	background-color: #ffffff;
}

.navigatie-top .container{
	height: 70px;
}

.navigatie-top div > ul > li > a{
	padding: 0 9px;
	color: #484848;
	font-family: Poppins;
	font-size: 13px;
	font-weight: lighter;
	text-transform: none;
}

.navigatie-top div > ul > li:hover > a,
.navigatie-top div > ul > li.current-menu-item > a,
.navigatie-top div > ul > li.menu-item-has-children .sub-menu > li:hover > a,
.navigatie-top div > ul > li.menu-item-has-children .sub-menu > li.current-menu-item > a{
   	color: #bc007e;
}

/* hoofdmenu ==============================================*/

.hoofd-nav div > ul > li{
   	padding: 0 30px;
}

.hoofd-nav div > ul > li > a,
.hoofd-nav div > ul > li.menu-item-has-children .sub-menu > li > a{
	font-family: Poppins;
	color: #484848;
}

.hoofd-nav div > ul > li > a{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding: px 0;
}

.hoofd-nav div > ul > li:hover > a,
.hoofd-nav div > ul > li.current-menu-item > a,
.hoofd-nav div > ul > li.menu-item-has-children .sub-menu > li:hover > a,
.hoofd-nav div > ul > li.menu-item-has-children .sub-menu > li.current-menu-item > a{
   	color: #bc007e;
}

/* submenu  ----------------------------------- */

.hoofd-nav div > ul > li.menu-item-has-children .sub-menu{
	width: px;
	background-color: #ffffff;
}

.hoofd-nav div > ul > li.menu-item-has-children .sub-menu > li > a{
	font-size: 14px;
	font-weight: lighter;
	text-transform: none;
}

/* navigatie normaal ===============================================*/

.navigatie.normaal .container{
	height: 100px;
}

/* navigatie split ===============================================*/

.navigatie-split{
	height: px;
	background-color: #ffffff;
}

/* navigatie centraal ===============================================*/

.navigatie-centraal .container{
	height: px;
}

.navigatie-centraal .hoofd-nav > div > ul > li:nth-of-type(),
header.centraal .navigatie.scroll .hoofd-nav > div > ul > li:nth-of-type(){
   	margin-right: px;
}

/* navigatie scroll
============================================================================= */

/* hoogte */
.navigatie.scroll{
	top: -100px;
	background-color: #ffffff;
}

.navigatie.scroll .container{
	height: 100px;
}

/* algemeen */
.navigatie.scroll div > ul > li > a,
.navigatie.scroll div > ul > li.menu-item-has-children .sub-menu > li > a{
   	color: #484848;
}

.navigatie.scroll div > ul > li > a{
   	font-size: 14px;
   	font-weight: bold;
   	text-transform: uppercase;
}

.navigatie.scroll div > ul > li:hover > a,
.navigatie.scroll div > ul > li.current-menu-item > a,
.navigatie.scroll div > ul > li.menu-item-has-children .sub-menu > li:hover > a,
.navigatie.scroll div > ul > li.menu-item-has-children .sub-menu > li.current-menu-item > a{
   	color: #bc007e;
}

/* submenu */

.navigatie.scroll div > ul > li.menu-item-has-children .sub-menu{
   	width: px;
   	background-color: #ffffff;
}

.navigatie.scroll div > ul > li.menu-item-has-children .sub-menu > li > a{
  	color: ;
  	font-size: 14px;
  	font-weight: lighter;
  	text-transform: none;
}

/* navigatie mobiel ============================================================================= */

.navigatie-mobiel{
	background-color: ;
	height: 80px;
}

.navigatie-mobiel .navigatie.actief{
   	background-color: ;
}

.navigatie-mobiel .navigatie > div > ul > li > a,
.navigatie-mobiel .navigatie > div > ul > li.menu-item-has-children .sub-menu > li > a{
   	color: ;
   	font-family: Poppins;
   	font-size: 14px;
   	font-weight: bolder;
   	text-transform: uppercase;
}

.navigatie-mobiel .navigatie > div > ul > li:hover > a,
.navigatie-mobiel .navigatie > div > ul > li.current-menu-item > a,
.navigatie-mobiel .navigatie > div > ul > li.menu-item-has-children .sub-menu > li:hover > a,
.navigatie-mobiel .navigatie > div > ul > li.menu-item-has-children .sub-menu > li.current-menu-item > a{
   	color: ;
}

.hamburger .lijnen,
.hamburger .lijnen:before,
.hamburger .lijnen:after{
   	background-color: ;
}

.hamburger.actief .lijnen,
.hamburger.actief .lijnen:before,
.hamburger.actief .lijnen:after,
.hamburger:hover .lijnen,
.hamburger:hover .lijnen:before,
.hamburger:hover .lijnen:after{
   	background-color: ;
}

/* Activering van Navigatie Mobiel */
@media (max-width : 1180px) {
 
	#wrapper.mob-fixed{
		padding-top: 80px;
	}

	.navigatie-mobiel {
		display: block;
	}

	.navigatie.normaal, .navigatie-centraal, .navigatie-split,
	.navigatie-top.mob-fixed, .navigatie-top.mobiel,
	.navigatie.scroll {
		display: none;
	}

}

/* breekpunt voor bepaalde hoogte van het scherm */
@media (max-height : 1000px) {
 
	header .navigatie-mobiel.mob-fixed {
	   	position: relative;
	   	left: auto;
	   	top: auto;
	   	box-shadow: none;
	}

	#wrapper.mob-fixed{
		padding-top: 0;
	}

}


/* Ingestelde breedte van de logo's  ===============================================*/

.navigatie.normaal .logo img,
.navigatie-centraal .logo img,
.navigatie-split .logo img{
	width: 130px
}

.navigatie.scroll .logo img{
	width: 130px
}

.navigatie-mobiel .logo img{
	width: 130px
}

/* ==========================================================================
   Knoppen
============================================================================= */

.k1,.k2,.k3,.k1:visited,.k2:visited,.k3:visited,
.t1,.t2,.t3,.t1:visited,.t2:visited,.t3:visited{
	font-size: 16px!important;
	font-weight: bold;
	text-transform: uppercase!important;
	padding: 24px 34px!important;
	border-style: solid;
		font-family: Poppins;
	display: inline-block;
	cursor: pointer;
	border-radius: 0px!important;
}

/* Volle knoppen ===============================================*/

/* kleur 1  ----------------------------------- */

.k1,.k1:visited {
	border-color: #bd007d;
	background-color: #bd007d;
	color: #ffffff;
}

.k1:hover,.k1:visited:hover {
	border-color: #aa007d;
	background-color: #aa007d;
	color: #ffffff;
}

/* kleur 2  ----------------------------------- */

.k2,.k2:visited{
	border-color: #6f1383;
	background-color: #6f1383;
	color: #ffffff;
}

.k2.k2:hover,.k2:visited:hover {
	border-color: #5f0070;
	background-color: #5f0070;
	color: #ffffff;
}

/* kleur 3  ----------------------------------- */

.k3,.k3:visited{
	border-color: ;
	background-color: ;
	color: ;
}

.k3.k3:hover,.k3:visited:hover {
	border-color: ;
	background-color: ;
	color: ;
}

/* Transparante knoppen ===============================================*/

/* kleur 1  ----------------------------------- */

.t1,.t1:visited{
	border-color: ;
	background-color: transparent;
	color: ;
}

.t1.t1:hover,.t1:visited:hover {
	border-color: ;
	background-color: ;
	color: ;
}

/* kleur 2  ----------------------------------- */

.t2,.t2:visited{
	border-color: ;
	background-color: transparent;
	color: ;
}

.t2.t2:hover,.t2:visited:hover {
	border-color: ;
	background-color: ;
	color: ;
}

/* kleur 3  ----------------------------------- */

.t3,.t3:visited{
	border-color: ;
	background-color: transparent;
	color: ;
}

.t3.k1:hover,.t3:visited:hover {
	border-color: ;
	background-color: ;
	color: ;
}

/* ==========================================================================
   Social links
============================================================================= */

.social a{
   	padding-right: 10px;
}

.social a i{
	font-size: px;
	color: #000000;
	background-color: ;
	border-radius: %;
	height: px;
	width: 30px;
}

.social a:hover i{
	color: #bd007d;
	background-color: ;
}


/* ==========================================================================
   footer
============================================================================= */

/* footer
===============================================*/

footer{ background-color:#464646; }
footer .kol, footer p{ color: #ffffff; }
footer a,footer a:visited{ color: #bc007e; }
footer a:hover{ color: #bc007e; }

/* copyrights
===============================================*/

.copyrights{ background-color:#000000; }
.copyrights .klant{ color:#ffffff; }
.copyrights .expliciet a{ color: #bc007e; }
.copyrights .expliciet a:hover{ color: #bc007e; }


/* ==========================================================================
    Back to top
============================================================================= */

.backtotop{ background-color: #bc007e; }
.backtotop:hover{ background-color: #6f1383; }
.backtotop:before{ color: #ffffff; }
.backtotop:hover:before{ color: #ffffff; }

/* ==========================================================================
   Popup
============================================================================= */

.popup .inner{ background-color: ; max-width: px; }
.popup .inner .sluiten { background-color:  }
.popup .inner .sluiten:hover { background-color: ; }
.popup .inner .sluiten:before, .popup .inner .sluiten:after { background-color: ;}
.popup .inner .sluiten:hover:before,.popup .inner .sluiten:hover:after { background-color: ;}


/* ==========================================================================
   Formulier (Gravityforms)
============================================================================= */

.gform_wrapper ul.gform_fields{ 
	margin: -px;
}

.gform_wrapper ul.gform_fields li.gfield { 
	padding: px;
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"], 
.gform_wrapper input[type="url"], 
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"], 
.gform_wrapper select,  
.gform_wrapper textarea{
	border-width: px!important;
	border-style:solid!important;
	border-color: !important;
	border-radius: px;
	background-color: ;
	color: ;
	padding: px px!important;
	font-size: px!important;
	line-height: px;
	background: ;
}

.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus, 
.gform_wrapper input[type="url"]:focus, 
.gform_wrapper input[type="tel"]:focus, 
.gform_wrapper input[type="number"]:focus, 
.gform_wrapper select:focus,
.gform_wrapper textarea:focus{
	color: ;
	background-color: ;
	border-color: !important;
	background: ;+
}

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"], 
.gform_wrapper input[type="url"], 
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper select{
	height: px;
}

.gform_wrapper textarea{
	height: px;
}

.gform_wrapper .gform_footer {
	margin-top: px;
}

.gform_wrapper input.gform_button{
	border-color: !important;
	background-color: ;
	color: ;
	font-size: px!important;
	font-weight: ;
	text-transform: ;
	padding: px px!important;
	border-width: px;
	border-style: solid;
	border-radius: px;
}

.gform_wrapper input.gform_button:hover {
	border-color: !important;
   	background-color: ;
   	color: ;
}

::-webkit-input-placeholder { color: ; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }
:-ms-input-placeholder { color: ; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }

</style>

	