:root {
	--mosgroen: 			#45572f;		/* 	var(--mosgroen) 			*/
	--goudgeel: 			#b78328;		/* 	var(--goudgeel) 			*/
	--menustyle: 			#000000;		/*	var(--menustyle) 			*/
	
	--cornslik:				#FAF4D3;		/* 	var(--cornslik) 			*/
	--eggplant: 			#6C464E;		/* 	var(--eggplant) 			*/
	--bittersweetshimmer:	#BC4B51;		/* 	var(--bittersweetshimmer) 	*/
	
}

/* ============================ BODY ============================ */
body {	color: #000; }

body.site {
    /*background-image: url(../../../images/design/drenthe-veenstra-bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;
}

.h1, .h2, h1, h2					{ color: var(--mosgroen); }
.h3, .h4, .h5, .h6, h3, h4, h5, h6	{ color: var(--mosgroen); font-weight: 700; }


h1.sppb-addon-title {
	color: var(--mosgroen);
}

.pictogram h3.sppb-addon-title.sppb-feature-box-title {
	color: #ffffff!important;
}


.headerh1bg {
	background-image: url(../../../images/design/drenthe-veenstra-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;
}


iframe {
	border: 0!important;
}


a.rivierenbuurt {
	background-color: var(--goudgeel);
	color: #ffffff!important;
}

a.rivierenbuurt:hover {
	background-color: var(--cornslik);
	color: var(--mosgroen)!important;
}


/* ============================ TOP ============================ */

/* ============================ LOGO ============================== */

/* ============================ MENU ============================== */
#sp-menu {
	height: 87px;
}
.sp-megamenu-parent > li:hover > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a 	{ color: var(--mosgroen); }
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a { border-bottom: 4px solid var(--mosgroen); }

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover > a 	{ color: var(--mosgroen); }

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    /*text-transform: uppercase;*/
	font-size: 16px;
	font-weight: 500;
}

/*.herhaalmedicatiemenu { background: #f5f5f5; }*/

li.patientportaalmenu {
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

li.patientportaalmenu > a {
	background: url('../../../images/patientportaal/uwzorgonline-button.png');
	width: 180px; /*174*/
	height: 40px;
	vertical-align: middle;
}
li.patientportaalmenu > a:hover {
	background: url('../../../images/patientportaal/uwzorgonline-button-hover.png');
	width: 180px;
	height: 40px;
}

li.patientportaalmenu:hover > a { border-bottom: none; }


/* *************** BURGER ICON ******************** */
.burger-icon > span {
  background-color: #000000;
}
/* **************** OFFCANVAS MENU **************** */
.offcanvas-menu {
  background-color: #ffffff;
}


/* ---------------------------------------- MOBIEL MENU ------ */ 
@media only screen and (max-width: 800px) {
	#sp-header {
		height: 60px;
	}
	.logo-image {
		height: 42px!important;
	}
	#sp-menu {
		height: 64px;
	}
	li.patientportaalmenu {
		text-indent:-9999px;
		margin-top: 20px !important;
		margin-bottom: 10px !important;
	}
}


/* ============================ PAGE TITEL ============================== */
/*.sp-page-title {
    background: #4a433d none repeat scroll 0 0;
}*/

/* ============================ ALGEMEEN ============================ */
.teammember {
	clear: both;
}
	.teammember img {
		width: 200px;
		float: left;
		margin-right: 25px;
		margin-bottom: 25px;
	}

.sppb-person-addon-content-wrap {
	background-color: #d4e7ed!important;
	height: 100%;
}
.sppb-person-designation { color: var(--mosgroen)!important; }

.badge-drenthe {
    color: #fff;
    background-color: var(--mosgroen);
}

/* ============================ SP PAGE BUILDER IN ARTIKELEN ============================== */
#sp-page-builder .sppb-col-md-12 {
	padding-right: 0px!important;
	padding-left: 0px!important;
}


/* ============================ OPENINGSTIJDENMODULE ============================== */
.openinghours-open, .openinghours-closed {
	padding: 10px;
}

/* ============================ TABLE ============================== */
table.drenthetabel {
	margin-bottom: 30px;
}
table.drenthetabel td {
	padding: 5px 5px;
	border-bottom: 1px solid #e5e5e5;
}

table.drenthetabel td:first-child {
	padding-right: 30px;
}

/* ============================ NIEUWS MODULE ============================== */

.theme_elegant .mix 	{ background: var(--puurwit) }
.mix-date 	{ color: var(--mosgroen); font-weight: 500;}
.mix-title 	{ color: var(--goudgeel); }


.sppb-article-info-wrap {
	border: 1px solid #e5e5e5;
	padding: 20px;
	border-radius: 10px;
}


/* ============================ FORMULIEREN ============================== */
/* headers */ 
.rsform-block-rvreisgegevens,
.rsform-block-rvmedischegegevens,
.rsform-block-rvvaccinatiegegevens,
.rsform-block-ifpatientgegevens  {
	font-size: 24px;
	color: var(--mosgroen);
	font-weight: 800;
}

/* free text */
.rsform-block-rvlandengebieden,
.rsform-block-iftoestemming {
	font-size: 16px;
}

/* bredere labels */
.rsform-block-rvmedischegegevens01 .control-label, .rsform-block-rvmedischegegevens02 .control-label, .rsform-block-rvmedischegegevens03 .control-label, .rsform-block-rvmedischegegevens04 .control-label, .rsform-block-rvmedischegegevens05 .control-label, .rsform-block-rvmedischegegevens06 .control-label, .rsform-block-rvmedischegegevens07 .control-label, .rsform-block-rvmedischegegevens07welke .control-label, .rsform-block-rvmedischegegevens08 .control-label, .rsform-block-rvmedischegegevens09 .control-label, .rsform-block-rvmedischegegevens10 .control-label, .rsform-block-rvmedischegegevens11 .control-label, .rsform-block-rvmedischegegevens12 .control-label, .rsform-block-rvmedischegegevens13 .control-label, .rsform-block-rvmedischegegevens14 .control-label, .rsform-block-rvmedischegegevens15 .control-label, .rsform-block-rvmedischegegevens16 .control-label, .rsform-block-rvmedischegegevens17 .control-label, .rsform-block-rvmedischegegevens17info .control-label, .rsform-block-ifverzekeringsadresanders .control-label, .rsform-block-ifgriepvaccinatie .control-label, .rsform-block-iftoestemminglsp .control-label {
	width: 50%;
}

/* ============================ BOTTOM ============================ */
#sp-bottom {
	background: none;
	background: var(--mosgroen);
	color: #ffffff;
	padding: 30px 0 30px;
}

/*
#sppb-addon-1582120745079 #btn-1582120745079.sppb-btn-custom,
#sppb-addon-1582121292478 #btn-1582121292478.sppb-btn-custom		{ background-color: var(--mosgroen)!important; color: #ffffff; }
#sppb-addon-1582120745079 #btn-1582120745079.sppb-btn-custom:hover,
#sppb-addon-1582121292478 #btn-1582121292478.sppb-btn-custom:hover	{ background-color: var(--mosgroen)!important; color: #ffffff; }
*/


/* ============================ BUTTONS ============================== */
.btn-drentheveenstra, .btn.btn-primary, .btn.btn-secondary {
    background-color: var(--mosgroen);
    border-color: var(--mosgroen);
    color: #fff;
}
.btn-drentheveenstra:hover, .btn-primary:hover, .btn-secondary:hover {
	background-color: var(--mosgroen);
	border-color: var(--mosgroen);
	color: #fff;
}

/* ---------------------------------------- MOBIEL MENU ------ */ 
@media only screen and (max-width: 800px) {
	#sp-header {
		height: 70px;
	}
	.logo-image-phone {
		height: 65px!important;
		margin-top: 10px;
	}

}