/*
Theme Name:   griepmeting
Description:  Write here a brief description about your child-theme
Author:       snetty
Author URL:   https://griep.wijkwatcher.info
Template:     twentynineteen
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  griepmeting
*/
 @font-face {
    font-family: U500;
    src: url(fonts/Ubuntu/Ubuntu-Bold.ttf);
    
}
 @font-face {
    font-family: U400;
    src: url(fonts/Ubuntu/Ubuntu-Regular.ttf);
    
}
 @font-face {
    font-family: U300;
    src: url(fonts/Ubuntu/Ubuntu-Light.ttf);
}
  
.page-template-plein_login_template #site-navigation{
    display: none !important;
}
.afscheid p{
    margin-bottom: 10px !important;
     margin-top: 10px !important;
}
#g0, #g1, #g2{

	overflow-x:visible;
	width: 50%;
	margin-right: 3%;
	display: inline-block;
	top:0px;
	vertical-align: top;
}
#g0 h2, #g1 h2, #g2 h2{
	font-size: 1.3em;
}
#bw_{
	/*display: none !important;*/
}
#grafiek{
	margin-top: 0px !important;
	margin-bottom:  0px !important;
}
.w30{
	width: 30%;
}
.gcont div{
	height: 30px;
	border: 1px solid #128230;
	background: #79bc62;
	display: block;
	margin-top: 25px;
	padding: 2px 5px 2px 0px;
	font-size: 14px;
	text-align: right;
	color: #ffffff;
	/*text-shadow: 2px 2px 1px rgba(54, 52, 53, 1);*/
	text-shadow: 1px 1px 1px rgba(54, 52, 53, 1);
	font-weight: bold;
}
#doform{
	width: 100% !important;
}
.gcont label{
	margin-top: -5px;
display: block;
/*min-width: 300px;
width: calc(100vw);*/
text-align: left;
color: #3b3b36;
text-shadow: none;
font-size: 14px;
font-weight:300;
line-height: 17px;
padding-bottom: 3px;
}
#tog5, #tog5n{
	font-weight:bold;
	color: #009238;
	min-width: auto;
	width: auto;
	margin-top: 20px;
	cursor: pointer;
	float: right;
	margin-bottom: 20px;

}

#parsedprofile{
	max-height: auto;
	overflow-y:auto;
}
.krimp{
	max-height: 0px ;
	overflow-y:hidden;
}
.moment{
	display:none;
}
.krimp .moment{
	font-style:italic;
	display:block;
}
#vax{
	cursor: pointer;
	margin-bottom: 20px;
}
#u_9{
	background: url('https://www.griepencorona.nl/wp-content/uploads/2021/02/bannerbw.png') no-repeat right;
    background-position-x: right;
    background-position-y: center;
    background-size: auto;
background-size: 100% auto;
background-position:center
cursor: pointer;
	
}
.homeside .link-more{
	display: none;
}
.homeside #u_9{
	height: 150px;
padding-bottom: 10px;
border: 1px solid #3e8d3c;
	background-size: auto;
background-position: center;

}
.date{
	margin:0px !important;
}
.leesmeer{
	display:block;
	margin:0px !important;
}
.bannerbw{
	margin: 0px;
color: #3e8d3c !important;
text-align: right;
padding-right: 0px;
padding-top: 50%;
text-align:center;
padding-left: 40%;
cursor: pointer;
margin-top:10%;
}

.bannerbw img{
width: 70%;
margin-left: 14%;
margin-right: 14%;
float:left;
margin-bottom: -50px;
}
.bannerbw span{
	float: left;
margin-left: 35%;
font-size: 24px;
font-weight: bolder;
}
.page-template-userbackoffice .mailpoet_paragraph{
	display: none;
}
.page-template-userbackoffice .mailpoet_paragraph:nth-of-type(4), .page-template-userbackoffice .mailpoet_paragraph:nth-of-type(5){
	display: block;
}
#R1 #response{
	padding-bottom: 20px;
}

#R1 button{
	background-color:#128230;
	padding: 5px 10px;
	
}
.maill{
	border: 0px !important;
	margin-bottom: 20px;
}



/* Write here your own personal stylesheet */
body{
	hyphens: auto;
}
.csfooter{
	text-align: center;
	border-top: 20px solid #e8e6e6;
	padding:20px;
	background-color: #ffffff;
}
.csfooter img{
	width: 20%;
	min-width: 100px;
	display: inline-block;
	vertical-align:top;
	margin-right: 20px;
}
.csfooter h4{
	display: inline-block;
	text-align: left;
	font-weight: 500;
}
.csfooter p{
	display: inline-block;
	text-align: left;
	color: #91908d;
	width: 40%;
	min-width: 200px;

	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
}
.single .entry .entry-content{
	padding-left: 0px;
	
}
.right{
	float: right;
	width: auto;
	
}
#cookie-notice .cn-button{
	background-color: #ffffff;
	color:#128230;
}
h5{
	font-size: 14px;
	margin-bottom: 0px;
}

.w450{
	/*margin-right: calc(100% - 300px);
	min-width: 300px;*/
	width: 450px;
}
.regbut{
	background-color: #128230;
}
.postid-351 .post-navigation{
	display: none;
}
.svgshadow{
	-webkit-box-shadow: 0px 0px 15px 5px rgba(119,119,119,0.6); 
box-shadow: 0px 0px 15px 5px rgba(119,119,119,0.6);
}
#tip {
    display:none;
}
#grp:hover #tip {
    display:block;
    position:fixed;
    overflow:hidden;
}
#refilltip, #vax{
	font-style:italic;
	background-color:#cacac8;
	padding: 20px;
}
/*+++++++++++++++++++ admin questions +++++++++++ */
.backhome, .toforum{
	border-radius: 0px;
	line-height: 12px;
	background-color: #128230;
	font-size: 14px;
}
.toforum a{
    color: #ffffff !important;
    font-weight: 700;
}
.aforum{
padding: 14px 40px;
    float: right;
    color: #128230 !important;
}
.aforum:visited{
color: #128230 !important;
}
#svglegend{

top: 0px;
font-weight: 200;
font-size: 11px;
padding-left: 20px;
position: relative;
font-size: 10px;
font-weight: 700;
width: 120px;
}
#svglegend li{
	list-style-type: none;
}

#svglegend li div{
	width: 20px;
	height: 10px;
	border: 1px solid #5b5b59;
	margin-right: 10px;
	display: inline-block;
	background-color: #ff0202;
	height: 8px;
}
#Layer_1{
	width: 100%;
height: 100%;
padding: 10px;
padding-top: 10px;
position: absolute;
}
#svgholder{
	position: relative;
	height: 100%;
	width: 100%;
}
.adminblock{
	width: 30%;
	display: inline-block;
	vertical-align: top;
}
#vraagblock{
	width: 60%;
	padding-left: 20px;
}
.crit{
	display:none;
	font-size:smaller;
	padding-left: 20px;
}
.scrolldiv{
	height: 100px;
	overflow-y: scroll;
	border: 2px solid #908e8c;
	border-left: 0px;
	border-right: 0px;
}
.scrolldiv label{
	padding: 0px 10px !important;
}
.red{
	color: #ec1d28;
	font-weight: 500;
}
.antw{
	/*width: 75%;
	display: inline-block;*/
}
.adminblock .vraag, .adminblock .tip{
	display: block;
}
.adminblock .tip{
	float: none;
	position: relative;
	max-width: 100%;
	min-width: auto;
	width:100%;
	left: 0px;
}
.adminblock label{
	display: block;
	padding: 10px;
}
.adminblock button{
	background-color: #128230;
	padding: 10px 15px;
	float: right;
}
.cancel{
	background-color: #908e8c !important;
}
.edit{
	background-color: #1c94c4 !important;
	float: right  !important;
	padding: 3px 15px  !important;
	
}
.delete, .delA{
	float: right  !important;
	padding: 3px 15px  !important;
	background-color: #ec1d28 !important;
}
#antblock{
	background-color: #fff799 !important;
	
}
#antblock span{
	width: 100%;
	display: block;
}
#aupdate{
	background-color: #1c94c4 !important;
	padding: 3px 15px  !important;
}
#acancel{
	padding: 3px 15px  !important;
}
.cancela, .delAnot{
	background-color: #908e8c !important;
	float: right  !important;
	padding: 3px 15px  !important;
}
.tinybut{
	padding: 3px 15px  !important;
}
.ans button, #qedit button{
	position: relative;
right: 0px;
float: none;
}
.adminblock input[type=text]{
	padding: 3px 15px;
	/*min-width: 180px;*/
}
.ans{
	border: 2px solid #bad6ba;
	padding: 20px;
	padding-top: 0px;
}
.adminmenu{
	border-top: 5px solid #bad6ba;
	margin-top: 20px;
}
.subm{
	cursor: pointer;
	color: #128230;
	font-weight: 500;
	padding-left: 10px;
}
.adminblock .vraag{
	font-weight: 500;
}
.adminblock input[type="checkbox"], .adminblock input[type="radio"]{
	margin-right: 10px;
}
#qedit input, #aedit select, #aedit optgroup, #qedit textarea{
	font-family: 'Ubuntu', sans-serif;
}
#asradio{
	display: none;
}
.editlab, #setQ, #qedit{
	background-color: #bee48b;
}
#setQ, #qedit{
padding-bottom: 50px;
}
#hulp{
	border: 1px solid #bee48b;
	padding: 10px;
}
#hulp li{
	list-style: none;
}

/*+++++++++++++++++ user backoffice ++++++++++++++*/
#toevoegdiv{
	background-color: #bad6ba;
	font-size: 16px;
	font-weight: 700;
	padding: 10px;
}
#myperson{
	margin:20px;
	display: block;
	width: 50%;
}
#Q_1{
	border: 1px solid #128230;
	padding: 5px 10px;
	margin-bottom: 20px;
}
#Q_1 .title{
	font-weight:200;
	font-style:italic;
	width: 90%;
	display: block;
}
#naam label{
	font-weight: bold;
}
#extranaam{
	width: 100%;
	margin-bottom: 10px;
}
#voegtoe, #toonvoegtoe{
	background:#128230;
	padding: 10px 20px;
	width: 100%;
}
#WQ_1{
	font-style:italic;
}
.datepicker{
	/*float: right;
	margin-right: 30%;*/

}
.datepicker1{
	margin-left: -30px;

}
.email{
	width: 80%;
}
.ui-widget-header{
	border: 0px solid #dddddd !important;
background: #128230 !important;
color: #ffffff !important;
font-weight: 500;
font-family: 'Ubuntu', sans-serif;
}
.floatfield{
	padding: 0px 10px !important;
right: 40%;
position: absolute;
display: none;
width: 2em;

}
#Q_12 label{
	display:inline-block;
	width: 30%;
}
.plusnum{
	padding-left: 10px  !important;
padding: 2px 10px !important;

	display:none;
	
}
.autoh {

	padding-bottom: 30px;
		height: 200px !important;

}
#uitk{
	font-size: 14px;
	color: blue;
}
#u_5 span{
	display: block;

}
.closenew{
	width: 100% !important;
	background:#128230 !important;
	color: #ffffff !important;
}
.titnew{
	width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.titnew select{
		width: 40% !important;
		margin-right: 2% !important;
}
.wie, .ik{
	text-transform:capitalize;
}
.u{
	text-transform:capitalize;
}
label b{

	font-weight:300;
}
label b::first-letter{
		text-transform:capitalize;
}
.question-wrapper .title{
	font-weight:bold;
}
.derived-values{
	display: none;
}
.error-message{
	color: #ffffff;
	background-color: #b9141a;
	
	padding-left: 20px;
	padding-right: 20px;
font-weight: bold;
}
.error-message div{
	padding: 20px;
}
#success{
	color: #ffffff;
	background-color: #128230;
	font-weight: bold;
	padding-left: 20px;
	padding-right: 20px;
}
#success p, #success span{
	padding:20px;
	padding-left: 0px;
	padding-right: 0px;

}
#success span{
	font-style:italic;
	margin-bottom: 20px;
}
#success p:first-child{
	padding-top: 40px;
}
.dignos{
	padding-left: 20px !important;
	border-left: 2px solid #fff;
}
.monthyear{
	float: right;
display: none;
}
.blockform .ans{
	border: none;
}
.blockform .answers label{
	display: block;
	padding-left: 20px;
}
.blockform .answers label input{
	margin-left:-30px;
}
.blockform .antw{
	padding-left: 10px;
}
.blockform .answers label .margcorr{
	margin-left: -20px ;
}
.blockform .answers label .textplus{
	float: right;
width: 70%;
}
.pcsrong{
	float:right;
	display:none;
}
/* ++++ kaartje ++ */
article{
	padding: 20px;
}
.article .content img{
	display: block;
	width: 100%;
	height: auto;
}
.leaflet-control-attribution{
	display: none;
}
.barholder{
	float: right;
	width: 35% ;
	height: 100px !important;
}
#myChart{
height: 100px !important;
	background-color: #ffffff;
}

.kaart { 
	border: 0px solid red;
	height: 450px;
	width: 100%;
	
	background-color: #ffffff;
	background-size: contain;
background-repeat: no-repeat;
background-position: center;
border: 0px solid #5b5b59;
border-top: 0px;
margin-left: 0px !important;
overflow: hidden;
	 }
.largebut{
	cursor: pointer;
	float: right;
	margin-right: 10px;
}
.enlarged{

	width: 100% !important;
	display: inline-block;
	float:none !important;
	border: 1px solid #5b5b59;
	margin-bottom: 20px;
	
}

.home #kaart { 

	 }
.big{
	height: 800px ;
	min-height: 800px ;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background-color: #ffffff !important;
	float: none !important;
	}

.leaflet-tile-pane{
	display: none;
}
.leaflet-container{
	background: #ffffff;
}
#maptit{
	font-family: U500;
	font-size: 18px;
	font-weight: 500;
	border: 0px solid #5b5b59;
	border-top: none;
	border-bottom: none;
	color:#5b5b59;
	width: 100%;
	text-align:center;
	z-index: 5000;
	position: relative;
	background-color: #ffffff;
	margin-left: 0px !important;
}
#maptit span{
		display: inline-block !important;
}
.prev, .nxt{
	width: 30px;
	height: 30px;

	cursor:pointer;
}
.nxt{
	text-align: right;
}
.gm-style-cc{
	display: none;
} 
#legend{
	padding-left: 20px;
	padding-top: 10px;
	z-index: 5000;
position: relative;
}
#legend .enlarged{
	margin-top: 30px;
}
#legend>span{
	display: block;
	cursor: pointer;
	font-size: 11px;
font-weight: 700;
}
#legend span div{
	display: inline-block;
}
.page-template-results .enlarged{
	border-top: 0px;
background-repeat: no-repeat;
	background-size: 84%;
background-position: center;
}
.sublegend{
	padding-left: 0px;
padding-top: 0px;
text-align: center;
font-weight: 200;
font-size: 13px;
}
.tabs{
	height: 30px;
	height: auto;
	font-weight: 700;
margin-bottom: -1px;
border: 0px;
border: 1px solid #5b5b59;
/*border-right: 0px;
border-bottom: 0px;
border-top: 0px;*/
width: 38%;
	min-width: 270px;
	float: right;
background-color: #ffffff;
}

.tab{
	font-size: 14px;
	display: inline-block;
	width: 24%;
	text-align:center;
	/*border-top: 1px solid #5b5b59;
	 * 	
	 */
	border-bottom: 1px solid #5b5b59;
border-right: 1px solid #5b5b59;
		background-color: #ffffff;
		cursor: pointer;
		color: #a1a1a1;
		margin-top: 0px !important;
		padding-top: 3px;
}
#tab3{
	width: 27.6%;
	border-right: 0px solid #5b5b59;
}
.tab:hover{
	color:#5b5b59;
}
.tabact{
	border-bottom: 1px solid #ffffff;
	color:#5b5b59;
}
.klogo{
	position: absolute;
width: 60%;
height: auto;
bottom: 0px;
vertical-align:bottom;
}
.klogo p{
	font-size: 11px !important;
	padding-left: 5px  !important;
}
.klogo img{
	margin-bottom: -5px   !important;
}
.big .klogo{
	width: 30%;
}
.ix{ /*toggle*/
	width: 6px;
	height: 6px;
	background-color: #ffffff !important;
	border: 1px solid #ffffff !important;
}
.leaflet-marker-icon{
		width: 6px;
	height: 6px;
}
.see{
	width: 25px;
	height: 16px;
	margin-bottom: -4px;
	opacity:0.5;
	display: inline-block;
	background-image: url('infeez/see.gif');
	background-size: 70%;
background-repeat: no-repeat;
background-position-y: bottom;
}
.nosee{
	background-image: url('infeez/nosee.gif');
}
.i0{ /*ziek*/
	width: 6px;
	height: 6px;
	background-color: #ff0000;
	border: 1px solid #ff0000;
	margin-right: 4px;
}
.i1{/*beter*/
	width: 6px;
	height: 6px;
	background-color: #0288d1;
	border: 1px solid #0288d1;
	margin-right: 4px;
}
.i2{
	width: 6px;
	height: 6px;
	background-color: #a1a1a1;
	border: 1px solid #a1a1a1;
	margin-right: 4px;
}
.i3{
	width: 6px;
	height: 6px;
	background-color: #f8941d;
	border: 1px solid #f8941d;
	margin-right: 4px;
}
.i4{
	width: 6px;
	height: 6px;
	background-color: #e388eb;
	border: 1px solid #e388eb;
	margin-right: 4px;
}
.histcont{
	cursor: pointer;
}

#history>div{
	width:auto;
	border-radius: 5px;
	border: 1px solid #a1a1a1;
	padding: 10px;
	margin-bottom:20px;
}
#history h3{
	margin:0px;

}
.hist{
	font-weight: 300;
	text-align: left;
	cursor: pointer;
	display:block;
	position: relative;
}
.histtxt{
	display:inline-block;
	position: absolute;
    top: 20px;

}
.nohist{
	
	
}
#history .nohist h3{
	color: #c7c6c5 !important;
	
}
#history .nohist{
	cursor:default;
	border-color: #c7c6c5 !important;
}
.pop5{
	display:inline-block;
	height: 60px;
	width: 30px;
	background: url('infeez/man.gif') no-repeat top center;
	background-size:cover;
	background-color:  #39b54a;
}
.pop4{
	display:inline-block;
	height: 60px;
	width: 30px;
	background: url('infeez/man.gif') no-repeat top center;
	background-size:cover;
	background-color:  #e388eb;
}
.pop3{
	display:inline-block;
	height: 60px;
	width: 30px;
	background: url('infeez/man.gif') no-repeat top center;
	background-size:cover;
	background-color:  #f8941d;
}
.pop2{
	display:inline-block;
	height: 60px;
	width: 30px;
	background: url('infeez/man.gif') no-repeat top center;
	background-size:cover;
	background-color:  #a1a1a1;
}
.pop1{
	display:inline-block;
	height: 60px;
	width: 30px;
	background: url('infeez/man.gif') no-repeat top center;
	background-size:cover;
	background-color:  #0288d1;
}
.pop0{
	display:inline-block;
	height: 60px;
	width: 30px;
	background: url('infeez/man.gif') no-repeat top center;
	background-size:cover;
	margin-bottom: 10px;
	background-color:  #ff0000;
}
/*results */

#titeldiv{
	text-align:center;
	width: 100%;
	margin-bottom: 30px;
}

#titeldiv>span{
	padding: 5px 5px;
	color: #ffffff;
	background-color: #a1a1a1;
	font-weight: 700;
	text-align:center;
	width: 120px;
	height: 30px;
	cursor:pointer;
	line-height: 19px;
}
#titeldiv .next{

}
#titeldiv .jaar{
	width: auto;
display: block;
width: 100%;
text-align: center;
margin-bottom: 10px;
}
#titeldiv .week{
margin-top: 10px;	
}
#titeldiv .nxt, .prv{
	height: 30px;
	width: 30px;
	background: url('infeez/prev.gif') no-repeat;
	display: inline-block;
	cursor:pointer;
	margin-bottom: -6px;
}
#titeldiv .prv{
	background: url('infeez/next.gif') no-repeat;
}
#map {
text-align:center;
}
.resultgraph{
	width: 45%;
	display: inline-block;
	margin-top: 50px;
	
}
#lb, #lo{
	margin-right: 3%;

}
/*header */

.entry .entry-content a{
	color: #128230;
	text-decoration:none;
	font-weight: 500;
}
.entry-content img{
	display: block;
	margin-bottom: 20px;
}
body{

	font-family: U300;
	font-size: 15px;
	font-weight: 300;
	color:#908e8c;
	color:#5b5b59;
	color:#22221d;
	
	
}
h1:not(.site-title)::before, h2::before, h1::before{
	display: none;
}
h1, h2, h3, h4{
	font-family: "Ubuntu", sans-serif;
	font-family: U400;
	font-weight: 400;
	color: #A3A8AD;
	color:#5b5b59;

}
h2:first-letter, a:first-letter, h3:first-letter {
    text-transform: uppercase;
}
h1{
	font-size: 1.8em;
}
h2{
	font-size: 1.5em;
}
#masthead{
	padding-top: 0px;
}
.site-branding {
    margin: 0 120px;
}
.site-logo{
	position: relative;
	right: auto;
	background: url('infeez/beeldlogo.png') no-repeat right;
	background-size: auto 130%;
	background-position: right -10px;
	vertical-align:middle;
	margin-bottom: 0px;
	 top: 0px;
}
.hkoorts .site-logo{
    background: url('infeez/HooikoortsMetingLogo_beeld.jpg') no-repeat right;
    background-size: auto 140%;
    background-position-x: 90%;
     background-position-y:-20px;
    
}
.site-logo .custom-logo-link{
	width: 50%;
	border-radius:0;
height: 80px;
padding-top: 20px;
padding-bottom: 20px;	
}
.site-logo .custom-logo-link .custom-logo {
    min-height: 50px;
    width: 100%;
   
}
.site-logo .custom-logo-link:hover, .site-logo .custom-logo-link:active, .site-logo .custom-logo-link:focus {
    box-shadow: 0 0 0 0px black;
}
#userbalk{
	height: 47px;
}
.site-content{
	overflow:visible;
}
.site-header{
	padding-bottom:1rem;
}
.whitewide{
	width: 100vw;
	background-color:#ffffff;
	position: relative;
     margin-left: -50vw;
     left: 50%;	
     display: inline-block;
}
.greywide{
	width: 100vw;
	background-color:#e8e6e6;
	position: relative;
     margin-left: -50vw;
     left: 50%;
      display: block;
}
.greywide.hkoorts{
    min-height: 550px;
}
#regdiv, #onderhoud{
	width: 100%;
	background-color:#ffffff;
	border: 1px solid #908e8c;
	display:inline-block;
	padding: 10px 20px;
	font-weight: 500;
	margin-bottom: 20px;
}
#regdiv span{
	color:#128230;
	cursor: pointer;
}
#onderhoud{
	color: #9e0b0f;
}
.loggedin #regdiv{
	display: none;
}
.greywide article, .whitewide article{
	background: #ffffff;
	border: 1px solid #908e8c;
	display:inline-block;
	width: 60%;
}
.whitewide article{
	border:0px;
	display:inline-block;
}
#content .greywide, #content .whitewide{
	     padding-top: 20px;
     padding-bottom: 20px;
     
display: block;
}
#content .whitewide{
	padding-bottom: 20px;
}
.extwide header{
	display: none;
}
.extwide, .extwide article, .extwide article iframe{
	width: 100% !important;
	max-width: 100% !important;
}
iframe{
	 width: 100%;
  height: 55vw ;
  overflow: hidden;
}

#userbalk .register{
	float: right;
	margin-right: 20px;
	height: 47px;
	font-weight: 500px;
	margin-top: 14px;
	cursor: pointer;
}
#userbalk .register:hover{
	color: #000000;
	font-weight: 500;
}
#userbalk .login{
	background-color:#128230;
	width: 300px;
	height: 47px;
	/*right: calc(100vw - 1180px);
position: absolute;*/
float: right;
	color: #ffffff;
	padding-left: 120px;
}


#userbalk .logintext{
	left:0px;
	height: 40px;
	top: 12px;
	position: relative;
	font-weight: 400;
	color:#ffffff !important;
	text-align:left;
	cursor: pointer;
}
#userbalk .logintext span{
	display: inline-block;
}
#userbalk .logout{
	width: 32px;
	height: 32px;
	margin-left:-110px;
	margin-top: 6px;
	background: url('infeez/logout.png') no-repeat ;
	display: inline-block;
	float: left;
	color: #ffffff;
		cursor: pointer;

}
#userbut{
	
	padding-top: 8px;
	padding-bottom: 8px;
	float: left;
}
.site-title, .site-description{
	display: none;
}
.entry .entry-header {
    margin: calc(3 * 1rem) calc(10% + 60px) 0px;
    max-width: 80%;
    margin: 0 10%;
}
.entry .entry-header, .entry{
	margin-top: 0px;

}
.article{
	margin-bottom: 30px;
}
.article .content img{
	display: block;
	width: 100%;
	height: auto;
}
.entry .entry-title {

    margin-bottom: 20px;
}
.entry .entry-title::before {
    background: #767676;
    content: "\020";
    display: block;
    height: 2px;
    margin: 1rem 0;
    width: 1em;
    display: none;
}
#comments{
	display: none;
}
.vaalgroen{
	background-color:#83be93;
}
.homeside{
	float: right;
	width: 30%;
	min-width: 270px;
}
.homeside >h2::before{
	display: none;
}
.homeside >h2{
	background-color:#83be93;
	color: #ffffff;
	font-weight: 700;
	padding:20px;
	font-size: 40px;
	margin-bottom: 0px;
	hyphens: none;
}
.homeside >h2 i{
	color: #000000;
	font-weight: 300;
	display:block;
	font-size: 22px;
}
.homeside article, .homeside h2{
	width: 100%;
}
.homeside article{
	border-bottom: 30px solid #e8e6e6;
}
.homeside article h2{
	font-size: 26px;
}

#sidebar{
	width: 20%;
	float: left;

margin-left: 120px;

}
.pagew{

margin-left: auto;
margin-right: auto;
}
.pagew #sidebar{
	margin-left: 0px !important;
	margin-right: 30px;
}
.pagew #sidebar a{
	margin-bottom: 10px;
}
.date{
	font-size: 12px;
	font-variant:small-caps;
}
#page{
	margin-left: auto;
	margin-right: auto;
	max-width: 1240px;
	overflow-x: hidden;
}
#contentleft{
	
    display: inline-block;
    width: 65%;
  padding-bottom: 60px;
}
.hidden{
	display: none  !important ;
}
.rehidden, .hideq2{
	display: none !important;
}

.shown{
	display: inline-block;
}
a {
    transition: color 110ms ease-in-out;
    color: #128230;
    font-weight: 500;
   
}
#subbmenu{
	padding-top:30px;
}
.snews #subbmenu{
	padding-top:0px;
}
#menusliden{
	cursor:pointer;
}
#subbmenu a{
		line-height: 20px;
		margin-bottom: 5px;
		display: block;
}
#subbmenu .side_a{
	
	border-left: 2px  solid #128230 !important;
	padding-left: 10px;

}
#sidebar h3{
	margin-top: 30px;
	padding: 3px 10px;
	font-size: 14px;
	background-color: #5b5b59;
	color: #ffffff;
}
#sidebar p{
	margin-top: 0px;
	word-break: break-word;
}
#menuslide{
	position:relative;
	right:-80px;
	text-align:right;
}
#sidebar .art{
	cursor: pointer;
}
#sidebar .art:hover{
	color: #000000;
}
.art h4{
	margin-bottom: 4px;
}
#site-navigation{
	margin-top: 20px;
}
.main-navigation ul.main-menu > li{
	    padding-top:10px;
}
.main-navigation .main-menu > li > a {
    font-weight: 500;
    color: #A3A8AD;
    margin-right: 0.5rem;
	padding:10px;
}
.main-navigation .main-menu > li > a:hover, .main-navigation .main-menu > li > a:hover + svg {
    color: #908e8c;
}
.menu-item > a{
	border-top: 1px solid #A3A8AD;
}
.current_page_item > a{
border-top: 5px solid #128230;
}
a, a:hover, a:active {
    color: #128230;
}
.main-navigation .main-menu > .menu-item > a:hover{
	border-top: 5px solid #908e8c;
}
.submenu-expand .svg-icon{
	color:#128230;
} 
.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > a:focus, .main-navigation .sub-menu > li > .menu-item-link-return:hover, .main-navigation .sub-menu > li > .menu-item-link-return:focus {
    background: #128230;
}

/*============ user area ================*/
.loggedin .register{
	display: none;
	
}
.page-template-userbackoffice #content{
	background-color:#e8e6e6;
}
.page-template-userbackoffice .site-header {
	padding-bottom: 0px;
}
.page-template-userbackoffice .site-content{
	margin-top: -4px;
}
.page-template-userbackoffice h1{
	
}
.page-template-userbackoffice #userbut, .page-template-userbackoffice .logintext{
	display:none;
}
.page-template-userbackoffice .login{
	width: auto;
}
.page-template-userbackoffice #userbalk {
    height: 47px;
    background-color: #128230;
   }
.blocks{
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.vert{
		width: 35%;
		float: left;
		margin-right: 20px;
}
.block{
	display: inline-block;
	cursor: pointer;
	position:relative;
	width: 30vw;
	height: 30vw;
	padding-bottom: 20%;
	background-color: #ffffff;
	margin-right:1vw;
	vertical-align: top;
	margin-bottom:1vw;
}
.vert .block{
	width: 100%;
height: 100px;
margin-bottom: 20px;

}
.block h4{
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	margin: 0px;
	position: absolute;
  top: 50%;
  left: 35%;
  -ms-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
}

 .blockform h4{
 	font-size: 24px;
	line-height: 24px;	
	margin-top: 4px;
 }
.block h4 i{
	margin-top: 10px;
	font-size: 14px;
	line-height: 18px;
	display: block;
}
.autoh{
	height: auto !important;
}
.autoh h4{
	left: 100px;
position: relative;
top: 180px;
width: 90%;

text-align: left;
}
.autoh h4 i{
	font-size: 11px !important;
}
.choices {
	list-style: none;
}
.single .entry .entry-header, .single .entry .entry-content{
	margin:0 120px;
	padding-left: 0px;
	max-width: 100%;
}
.single #sidebar{
	width: 25%;
}
.single .pagew{
	width: auto;
}
#colophon{
	height: 300px;
	background: url('infeez/GriepenCoronaMetingLogo.png') no-repeat center center;
	background-size:auto 110%;
}
#colophon.hkoorts{
    background: url('infeez/HooikoortsMetingLogo.png') no-repeat center center;
    background-size: 40%;
}
#welkom img{
	margin: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	
}
#welkom button, #welkom .toforum {
	background-color: #128230;
		margin: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
 #welkom .toforum{
    border-radius: 5px;
    background-color: #79b076;
   
}
div.forum{
margin-bottom: 20px;
}
/********************************* USER ***************************** */
.hoverinfo{
	cursor: pointer;
	float: right;
}
.hoverinfo:hover{
	color: #000000;
}

.tipnot{
	float: right;
	position:absolute;
	
	
	right: 100px;
	margin-top: 30px;
	margin-right: 20px;
	background: #5b5b59;
	color: #ffffff;
	max-width: 300px;
	min-width: 250px;
	width: 30%;
	padding: 10px;
	font-size: 14px;
	z-index: 50000;
	
	/*display: block;
	width: 100%;
	color: #5b5b59;
	background: #ffffff;*/

}
.tip{

	
	margin-right: 20px;

	padding: 10px;
	font-size: 14px;
	font-style:italic;
	display: block;
	width: 100%;
	color: #22221d;
	background: #ffffff;

}
.tip em{
	display: block;
}
.blockform{
	display: inline-block;
	 width: 61%;
	 background-color: #fff;
	padding: 20px;
	margin-right: 0px;
	min-height: 500px;
}

/*============ responsive ================*/
#menuslide{
	display:none ;
}
#sidebar{
	padding-top:10px;

	margin-left: 120px;

}

.entry .entry-content, .entry .entry-summary {
    max-width: 80%;
    margin: 0 10%;
    padding: 0px;
}
.greywide .entry .entry-header, .whitewide .entry .entry-header {
	margin: 0px;
	padding: 0px;	
}
.greywide .entry .entry-header{
	margin: 0px;
}
.entry .entry-header{
/*max-width: calc(100% - (2 * 1rem));*/	
}

.greywide .entry .entry-content, .whitewide .entry .entry-content{
	margin: 0px;
	padding: 10px 20px 30px 20px;
	padding:0px;
	width: 100%;
	max-width: 100%;
}
.slideout{
    margin-left: 10% !important;
}
.single .pagew , .page-template-results2 .pagew{
    width: auto;
    max-width: 1000px;
    margin-left: 120px;
    margin-right: 120px;
    padding: 0px;
   }
   

@media only screen and (max-width: 1024px) {
	.pagew {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media only screen and (max-width: 850px) {
.site-branding{
margin: 0px 40px;	
}
#sidebar {
	width: 25%;
	padding-top:0px;
	margin-left: 40px;

}
}
@media only screen and (max-width: 800px) {
.site-branding{
margin: 0px 20px;	
}
.tab{
	font-size: 11px;
	height: 25px;
	top: 0px;
position: relative;
    vertical-align: text-bottom;
}
.entry .entry-header, .entry .entry-content, .entry .entry-summary {
	max-width: 100%;
}
.single .pagew, .page-template-results2 .pagew{
	margin: 0 20px;
}	

}

.enlarged .tab{
	font-size: 13px;
}
.home #kaart, .home #grp, .home #vkp {
	/*margin-top: -4px;
	margin-left: -1px;*/
}

   .single .entry .entry-header, .single .entry .entry-content {
    margin: 0 0px;
    padding-left: 0px;
}
.single .entry-meta{
	display:none;
}
.post-navigation{
	 padding-left: 20px;
}

@media only screen and (max-width: 740px) {
	.site-branding {
    margin: 0px 30px;
}
.gcont div{

}

.gcont label{
/*	margin-top: -40px;

height: 35px;*/
}

}
@media only screen and (max-width: 670px) {
	.site-branding {
    margin: 0px 30px;
}
	.site-logo{
		background-position: 120% -10px;
	}
.greywide article, .whitewide article, .tabs, .homeside{
	width: 100%;
	float:none;
	height: auto;
}
.tabs{
   	display: block;
   	margin-top: 20px;
   }
   
.greywide article, .whitewide article {
	width: 100%;
}
article{
	padding: 20px 0px;
}
.greywide article{
	padding: 20px ;
}
.largebut{
	display: none;
}
#colophon{
	background-size: auto 50%;
}
#sidebar{
	width: 30%;
	padding-top:10px;
}
#contentleft{
	width: 60%;
}
.page-template-userbackoffice .block h4{
	font-size: 20px;
	margin:0px;
	transform: translate(-30%, -50%);
}
.page-template-userbackoffice .block h4 i {
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
    display: block;
}


}
@media only screen and (max-width: 539px) {
	.vert, .blockform {
    width: 100%;
}
.vert{
		float:none;
		padding-top: 20px;
	}
	.histtxt{
		top:10px;
		font-size: 12px;
	}
	.block {
    display: block;
    position: relative;
    width: 100%;
    height: 120px;
    font-size: 70%;
    padding-bottom: 20%;
    background-color: #ffffff;
    margin-right: 0px;
    vertical-align: top;
    margin-bottom: 1vw;
}
.vert, .blockform{
	width:100%;
}

}
@media only screen and (max-width: 420px) {
	
	#masthead{
		padding-left: 0px;
		padding-right: 0px;
	}
	.site-logo{
		background: url('infeez/DeGrotegriep-coronaMetingLogo1__2.png') no-repeat center;
		background-size: 80%;
		height: 150px;
	}
	.site-logo .custom-logo-link {
		height: 30px;
	}
	.custom-logo-link{
		opacity: 0;
		width: 100%;
		height: 100%;
	}
	.entry .entry-content, .entry .entry-summary {
    max-width: 100%;
   }
	#userbalk{
		height: 94px;
	}
	#userbalk .pagew{
		padding:0px;
	}
	#userbalk .login{
		width: 100%;
		padding-left: 100px;
	}
	#userbalk .logout{
		margin-left: -90px;
	}
	#userbalk .register{
		width: 100%;
		text-align:center;	
	}
#sidebar{
	width: 90%;
	margin-left: -90%;	
}
#menuslide{
	height: 70px;
	z-index: 10000;
	display: block;
	cursor:pointer;
	padding-right: 30px;
	font-size: 12px;
	font-weight: 500;
}
.slidego{
		/*background: url('infeez/next.gif') no-repeat top right;*/
		margin-right: -100px !important;
}
.slideback{
	/*background: url('infeez/prev.gif') no-repeat top right;*/
	right: 90% !important;
	height: 30px !important;
	left: 100px !important;
}
#contentleft {
    width: 100%;
    margin-left: 0px;
    margin-top: 40px;
}
.single #contentleft {
	margin-top: 0px;
}

#titeldiv .jaar {

    
}
#titeldiv > span {
	padding: 5px;
	height: 40px;
}
#titeldiv .next {
    float: right;

   }
   #map{
   	margin-top: 60px;
   }
   .resultgraph{
   	width: 100%;
   }
   #sidebar {
    width: 80%;
    border-bottom: 10px solid #e8e6e6;
    margin-bottom: 20px;
   }
   #sidebar p {
   	margin-right: 0px;
   }
   .entry .entry-header, .entry .entry-content {
   	padding: 0px;
   	margin-left: 0px;
   	margin-right: 0px;
   }
   .entry .entry-header {
   	max-width: 100%;
   }


#Q_12 label {
    display: inline;
    width: 100%;
}



}


@media only screen and (min-width: 768px) {
.site-branding {
   
}
.pagew {
    width: 100%;
    max-width: 1000px;
    
   }

 .page-template-results2 .pagew{
 	width: auto;
 	}  
.home #kaart, .home #grp, .home #vkp {
	margin-left: -1px;
}
.entry .entry-content > *{
	max-width: 100% !important;
}
.greywide article, .whitewide article{
}

}}