/*
Theme Name: Haphm
Theme URI: http://hm
Author: Haphm
Author URI: http://hm
Description: Een aangepast thema voor Huisartspraktijk HM
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haphm
*/

*{margin: 0; padding: 0; box-sizing: border-box; }

body{
	margin: 0; 
	padding: 0; 
	font-family: 'Slabo 27px', serif; 
	background: #fffef9; 
	color: #2f2d78;
} 

.merri{font-family: 'Merriweather', serif; font-weight: bold;}

h1,h2,h3,h4,h5,h6{line-height: 100%; font-weight: 400;}

h1{font-size: 26px}
h2{font-size: 23px}
h3{font-size: 20px}
h4{font-size: 17px}
h5{font-size: 15px}
h6{font-size: 13px}

#maxw1{max-width: 1070px; margin: 0 auto;}
#maxw2{max-width: 1140px; margin: 0 auto;}

.clear:after{content: "\00a0"; visibility: hidden; display: block; height: 0; clear: both; } 

a{text-decoration: none;} 

img{max-width: 100%;}


input [type="button"], input [type="button"] *,
input [type="submit"], input [type="submit"] *,
a, a *,
button, button *,
.transition, .transition *,
.knop, .knop *{transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;	-webkit-transition: 0.3s ease-in-out; cursor: pointer;}

.knop:hover{opacity: 0.8;}


.frame {margin: 0 auto; max-width: 100%; }
.frame:after {content: ""; display: table; clear: both; }
.bit-1 {float: left; width: 100%; }

#content_container p,
p{margin: 1.2em 0;line-height: 160%; font-size: 15px;}

#content_container ul,#content_container ol,#content_container table{line-height:160%;font-size:15px;}
#content_container ul li{list-style-type:none; padding-left: 20px;}
#content_container ul li li{margin-left:20px}
#content_container ul li:before{content:"-"; margin-right:9px; margin-left: -15px;}
#content_container ol{margin-left:15px}
#content_container ol li li{margin-left:20px}

#content_container a{text-decoration: underline; color: #2f2d78}
#content_container a:hover{color: #860203;}
#content_container #mindd_widget_embedded ul li{list-style-type:none; padding-left: 0px;}
#content_container #mindd_widget_embedded ul li:before{content:""; margin-right:0px; margin-left: 0px;}


.btn{display: inline-block; text-decoration: none!important; border: none;}
.s_btn{font-size: 15px; padding: 3px 14px; border-radius: 4px;}
.n_btn{font-size: 15px; padding: 6px 16px; border-radius: 4px;}
.n_btn {color: white!important}
.btn.red{color: #dee6d1; background: #860203;}
.btn.red:hover{color: #860203; background: #dee6d1;}
.btn.green{color: #860203; background: #dee6d1;}
.btn.green:hover{color: #dee6d1; background: #860203;}
.btn .right{margin-left: 10px;}
.btn .left{margin-right: 10px;}


/**** Header ****/
.logo{float: left; font-size: 0; margin: 24px 0 36px}
.header_right{float: right;}
.header_top{float: right;}
.route {display: inline-block; float: left; margin: 13px;}
.route a {color: #2f2d78;}
.lang_block{display: inline-block; font-size: 0; margin: 13px 0; position: relative;}
.lang_block ul{position: absolute; top: 100%; left: -5px; display: none; float: left; background: #fff; padding: 5px 5px 0}
.lang_block ul li{list-style-type: none; float: left; font-size: 0; margin: 0 0 5px;}
.lang_btn{float: left;}
.lang_btn i{font-size: 16px; line-height: 20px; float: right; color: #2f2d78; margin-left: 7px;}
.font_resizer{float: right; margin-left: 35px; line-height: 46px; font-weight: bold; height: 46px;}
.font_resizer .smaller{font-size: 13px; color: #2f2d78}
.font_resizer .larger{font-size: 17px; color: #2f2d78}
.header_right hr{border: none; height: 1px; background: #EBEBEB}
.header_info{float: right; margin: 30px 0 0}
.header_info li{list-style-type: none; margin-bottom: 7px; font-size: 16px;}
.header_info li i{display: inline-block; width: 30px;}
.header_info li a{color: #2f2d78}
.header_info li span{font-weight: bold; color: #860203; font-size: 14px;}


/**** Menu Slider ****/
#slider_menu{background: #dee6d1; padding: 30px 0;}
#menu{float: left; width: 325px; margin: 0 25px 0 0; background: #2f2d78; border-radius: 9px; color: #fff; padding: 35px 0 30px; position: relative; z-index: 150}
#menu h4{font-size: 24px; border-bottom: 0px solid #fff; padding: 0 7px 5px 0; float: left; margin: 0 0 17px 25px;}
#menu > ul{float: left; width: 100%;}
#menu > ul > li{float: left; width: 100%; list-style-type: none; margin: 0px; position: relative; padding: 7px 25px; border-bottom: 1px solid rgba(255 ,255 ,255 , 0.2); }
#menu > ul > li:last-child{margin: 0}
#menu > ul > li > a{float: left; width: 100%; color: #fff; font-size: 18px; line-height: 40px;}
#menu > ul > li > a span{float: left; width: 40px; height: 40px; border-radius: 20px; margin: 0 30px 0 0}
#menu > ul > li:hover > a{color: #dee6d1}
#menu > ul > li:hover > a > span{background-color: #dee6d1!important}
#menu > ul > li ul{float: left; min-width: 240px; position: absolute; top: -10px; left: 100%; padding: 0 0 0 25px; display: none;}
#menu > ul > li ul:after{content: "\00a0"; float: left; width: 0; height: 0; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right:25px solid #fff; position: absolute; top: 20px; left: 0}
#menu > ul > li ul li{float: left; width: 100%; list-style-type: none;}
#menu > ul > li ul li:first-child a{border-radius: 9px 9px 0 0}
#menu > ul > li ul li:last-child a{border-radius: 0 0 9px 9px}
#menu > ul > li ul li a{float: left; width: 100%; color: #2f2d78; padding: 8px 20px; background: #fff; font-size: 16px;}
#menu > ul > li ul li a:hover{background: #2f2d78; color: #fff;}

#menu > ul > li:nth-child(1) a span {background: #fff url(https://www.huisartsheukels.nl/wp-content/uploads/2020/09/zorgonline.png) no-repeat center/cover!important;}

#mobile-menu-container{display: none;}

#slider{float: left; width: calc(100% - 350px); border-radius: 9px;}
#slider .slide{height: 100%; background-size: cover!important; border-radius: 9px;}


/**** Content ****/
#content{padding: 50px 0 40px;}
#left_column{float: left; width: 325px; margin-right: 25px;}

#actueelblock{background: #dee6d1; border-radius: 9px; padding: 30px 25px; margin: 0 0 40px;}
#actueelblock > a{font-size: 15px; color: #860203; float: right; margin: 10px 0 0}
#actueelblock > a:hover{opacity: 0.7}
#actueelblock > a i{margin: 1px 0 0 7px; float: right;}
.actueelitem{margin: 35px 0 0; padding: 0 0 0 70px; position: relative; font-size: 15px;}
.actueelitem > span{float: left; width: 70px; position: absolute; top: 0; left: 0; line-height: 21px;}
.actueelitem p{margin: 0;}
.actueelitem a{color: #860203; float: left;}
.actueelitem a i{margin: 2px 0 0 7px; float: right;}
.actueelitem a:hover{opacity: 0.7}

.snelmenu{margin: 0 0 30px 0; background: #2f2d78; border-radius: 9px; color: #fff; padding: 35px 0 30px; position: relative; z-index: 150; width:100%}
.snelmenu > ul{width: 100%;}
.snelmenu > ul > li{width: 100%; list-style-type: none; margin: 0 0 16px; position: relative; padding: 0 25px;}
.snelmenu > ul > li:last-child{margin: 0}
.snelmenu > ul > li > a{width: 100%; color: #fff; font-size: 18px; line-height: 40px;}
.snelmenu > ul > li > a span{float: left; width: 40px; height: 40px; border-radius: 20px; margin: 0 30px 0 0}
.snelmenu > ul > li:hover > a{color: #dee6d1}
.snelmenu > ul > li:hover > a > span{background-color: #dee6d1!important}


.hap_img{font-size: 0; text-align: center;}

#right_column{float: left; width: calc(100% - 350px); padding: 30px 0 0 28px;}
.page_head{color: #860203; margin: 0 0 25px;}


/**** Team block ****/
#team{margin: 30px 0 0}
.teamblock{margin: 25px 0 0}
.teamblock > h2{float: left; width: 100%; margin: 0 0 20px;}
.team_item{float: left; width: 50%; max-width: 410px; padding: 0 0 0 125px; position: relative; min-height: 100px; margin: 0 0 15px;}
.team_item_img{float: left; width: 100px; height: 100px; background-size: cover!important; position: absolute; left: 0; top: 0}
.team_item_img:after{content: "\00a0"; background: url(img/img_cirkel.png) no-repeat center; float: left; height: 100px; width: 100%;}
.team_item p{margin: 5px 0 0; line-height: 140%; color: #95a2aa; padding-right: 20%;}
.team_item p b{color: #2f2d78}
.team_item a{color:#95a2aa; font-weight:700;}


/**** Footer ****/
#footer{background: #dee6d1;font-size: 14px;}
.footer_logo{float: left; width: 95px; margin: 26px 0 0}
.footer_block{float: left; margin: 35px 0 0 283px; width: 500px}
.footer_block ul{column-count:2}
.footer_block li{float: left; list-style-type: none; line-height: 30px; width:100%}
.footer_block li i{display: inline-block; width: 30px;}
.footer_block li span{font-weight: bold; color: #860203;}
.footer_block li a{color: #2f2d78;}
#bottom{color: #989BA8; border-top: 1px solid #CCD3C8; padding: 20px 0; margin: 15px 0 0}
#bottom a{color: #989BA8;}
#bottom a:hover{color: #860203;}


/**** Nieuws archive ****/
.newslist{list-style-type: none;}
.newslist li:first-child{border-top: 1px solid #dee6d1; padding: 20px 0;}
.newslist li{padding: 0 0 20px; margin: 0 0 15px; border-bottom: 1px solid #dee6d1}
.newslist li p.first{position: relative;}
.newslist li p.first:after{content: "\00a0"; float: left; width: 100%; height: 1px; background: #dee6d1; position: absolute; left: 0; top: 50%;}
.newslist li p.first b{position: relative; z-index: 1; background: #fff; padding-right: 25px;}
.newslist li p{margin: 5px 0 10px}
.newslist li b{color: #860203;}


/**** Nieuws single ****/
.singledate{background: #dee6d1; padding: 5px 15px; margin: 0 0 15px; font-size: 15px;}
.newshr{border: none; height: 1px; background: #dee6d1; margin: 0 0 20px;}

/**** Formulier ****/
#content_container form label {
    float: left;
    margin: 0 0 2px;
    width: 100%;
}

#content_container form input[type="text"], #content_container form input[type="file"], #content_container form input[type="email"], #content_container form input[type="tel"], #content_container form input[type="number"], #content_container form input[type="date"], #content_container form textarea, #content_container form select, #content_container form button {
    font-family: 'Open Sans', sans-serif;
}


#content_container form input[type="text"], #content_container form input[type="file"], #content_container form input[type="email"], #content_container form input[type="tel"], #content_container form input[type="number"], #content_container form input[type="date"], #content_container form textarea, #content_container form select {
    float: left;
    width: 100%;
    height: 30px;
    border: 1px solid #dee6d1;
    padding: 0 10px;
    margin: 0 0 20px;
}

#content_container form button {
    float: left;
    height: 38px;
    padding: 0 25px;
    color: #fff;
    border: none;
    font-size: 17px;
    margin: 15px 0 0;
    border: 1px solid #dee6d1;
	background: #2f2d78;
	font-family: 'Merriweather', serif; font-weight: bold;
}

#content_container form button i {
    margin-left: 15px;
}

#content_container form button:hover {
    background: #fff;
    border: 1px solid #dee6d1;
	color: #2f2d78;
}

/**** Reisadvies formulier ****/
.reisadvies form{float: left; width: 100%;}
.reisadvies .formblock{padding: 0 0 20px; margin: 0 0 20px; border-bottom: 1px solid #000; font-size: 14px}
.reisadvies .formblock p{font-size: 14px;}
.reisadvies .formblock b{float: left; width: 100%; margin: 0 0 15px;}
.reisadvies form label{font-size: 14px; line-height: 22px; height: 22px;}
.reisadvies form label > i{font-style: normal; font-size: 0;}
.reisadvies form label > i.active{font-size: 14px;}
.reisadvies form label > i > i{font-size: 14px; cursor: pointer; margin-left: 5px;}
.reisadvies .personaldata > span{float: left; width: 50%; margin: 0 0 10px; padding: 0 20px 0 0}
.reisadvies .personaldata > span.two > span{float: left; width: 50%}
.reisadvies .personaldata > span.two > span:nth-child(4) label{width: 100px; padding: 0 0 0 20px;}
.reisadvies .personaldata > span.two > span input[type="text"]{width: calc(100% - 155px)}
.reisadvies .personaldata br{display: none;}
.reisadvies .personaldata label{float: left; width: 155px;}
.reisadvies .personaldata input[type="text"],
.reisadvies .personaldata input[type="number"],
.reisadvies .personaldata input[type="tel"],
.reisadvies .personaldata input[type="email"]{float: left; width: calc(100% - 155px);}
.reisadvies .inschrijven_form form label {line-height: 10px!important}
.reisadvies .extrablock p {
    font-size: 14px;
    display: block;
    clear: both!important;
    float: left!important;
    margin: 9px 0px 0px 0px!important;
    width: 100%
}

.width100 {width: auto!important;}



.reisadvies .formblock .wpcf7-radio{font-size: 14px;}
.reisadvies .formblock input[type="text"],
.reisadvies .formblock input[type="number"],
.reisadvies .formblock input[type="text"],
.reisadvies .formblock input[type="tel"],
.reisadvies .formblock select,
.reisadvies .formblock input[type="email"]{border: 1px solid #154143; height: 22px; padding: 0 10px; font-size: 14px; font-family: 'Roboto', sans-serif;    background-color: white;}
.reisadvies .formblock .date{background: url(img/calendar.png) no-repeat right 10px top 3px; background-size: 13px;}

.reisadvies .traveldata br{display: none}
.reisadvies .traveldata p > br{display: block}
.reisadvies .traveldata .before_td{margin: 0 0 15px;}
.reisadvies .traveldata p > span,
.reisadvies .traveldata > span{float: left; width: 100%; margin: 0 0 10px}
.reisadvies .traveldata span label{float: left; width: 200px; height: auto;}
.reisadvies .traveldata span input[type="radio"]{margin: 4px 5px 0 0; width: auto}
.reisadvies .traveldata span select,
.reisadvies .traveldata span input{float: left; max-width: 300px}
.reisadvies .traveldata p{font-size: 14px;}
.reisadvies .traveldata .tablewrapper{margin-bottom: 15px;}
.reisadvies .traveldata table{font-size: 14px; width: 100%;}
.reisadvies .traveldata table td{padding: 5px; line-height: 22px;}
.reisadvies .traveldata table td input{float: left; width: 100%;}

.reisadvies .medicaldata br{display: none}
.reisadvies .medicaldata span input[type="radio"]{margin: 4px 5px 0 0; width: auto}
.reisadvies .medicaldata .travelledcountry{margin: 15px 0}
.reisadvies .medicaldata .travelledcountry > span{float: left; width: 100%; margin: 0 0 10px}
.reisadvies .medicaldata .travelledcountry > span label{float: left; padding: 0 20px 0 0}
.reisadvies .medicaldata .travelledcountry > span input,
.reisadvies .medicaldata .travelledcountry > span select{float: left; width: 200px; margin: 0 20px 0 0;}
.reisadvies .medicaldata > p{float: left; margin: 0; width: 100%; }
.reisadvies .medicaldata > p > span{float: left; width: 100%; margin: 0 0 10px;}
.reisadvies .medicaldata > p > span > label{float: left; width: 50%;}
.reisadvies .medicaldata > p > span > span{float: left; width: 50%;}
.reisadvies .medicaldata > p > span > span label{width: 140px; display: inline-block; padding: 0 5px 0 15px}
.reisadvies .medicaldata .wpcf7-checkbox{font-size: 14px;}
.reisadvies .medicaldata .wpcf7-checkbox span.wpcf7-list-item{min-width: 80px;}
.reisadvies .medicaldata select{width: 200px;}

.reisadvies .vacinationdata br{display: none;}
.reisadvies .vacinationdata table{width: 100%;}
.reisadvies .vacinationdata tr td{padding: 2px 0}
.reisadvies .vacinationdata tr td:nth-child(2) label{margin-left: 20px; display: inline-block; width: 90px}
.reisadvies .vacinationdata tr td:nth-child(2) input[type="text"]{max-width: 200px;}
.reisadvies .submitdata textarea{border: 1px solid #154143; height: 130px; padding: 10px; font-size: 14px; font-family: 'Roboto', sans-serif; float: left; width: 100%; margin: 5px 0 15px;}
.reisadvies .submitdata button{float: left; height: 38px; padding: 0 25px; color: #fff; border: none; font-size: 17px; margin: 15px 0 0; border: 2px solid transparent; background: #2da390}
.reisadvies .submitdata button i{margin-left: 15px;}
.reisadvies .submitdata button:hover{background: #fff; border: 2px solid #f4f4f4; color: #2da390}
.reisadvies div.wpcf7-response-output{float: left; width: 100%; font-size: 13px; color: #f00; margin: 15px 0 0!important; padding: 0!important; border: none!important}
.wpcf7-response-output {
	display: block;
    float: left;
    width: 100%;
}
.reisadvies span.wpcf7-not-valid-tip{display: none!important}
.reisadvies [aria-invalid="true"]{border-color: #f00!important}

.reisadvies .klachtdata label{float: left; width: 155px;}
.reisadvies .klachtdata .datum input[type="text"]{display: block; width: 270px; max-width: 100%;}
.reisadvies .klachtdata .wpcf7-form-control-wrap{display: block; clear: both}
.reisadvies .klachtdata .wpcf7-checkbox .wpcf7-list-item{display: block; margin: 5px 0 5px; font-size: 14px;}

.gewicht, .wpcf7-list-item-label {font-size: 14px}
.checkbox100 .wpcf7-list-item {width: 100%}
/*.checkbox100 .wpcf7-free-text {float: right!important}*/
input[name=_wpcf7_checkbox_free_text_ziekten_soort], input[name=_wpcf7_checkbox_free_text_checkbox-887] {
	float: right!important
}
.alcolhol > span {width: 100%!important}
.alcolhol label {width: 205px!important}
.alcolhol {padding-bottom: 50px!important}
.toestemming {float: left; margin-right: 10px;}

.inschrijven_form .wpcf7-textarea{ width: calc(100% - 155px)!important; border: 1px solid #154143;}
.inschrijven_form table thead tr th{text-align: left}
.reisadvies .extrawide > span {width: 100%!important}
.extrawide label {line-height: 14px!important}
.inschrijven_table {width: auto!important}


/******************
MEDIAQUERIES
*****************/
@media screen and (max-width: 1170px){
	#maxw1,
	#maxw2{padding: 0 2%}
	
	
}

@media screen and (max-width: 1100px){
	.team_item{width: 100%;}
}

@media screen and (max-width: 960px){
	.logo{margin: 15px 0; max-width: 140px;}
	.lang_block{margin: 8px 0}
	.font_resizer{line-height:36px; height: 36px}
	.header_info{margin: 35px 0 0}
	
	#slider_menu{padding: 15px 0}
	#menu{display: none;}
	#slider{width: 100%;}
	.slide span{height: 320px}
	
	#mobile-menu-container{display: inline-block; margin: 0 0 15px;}
	#mobile-menu-container ul{display: none;}
	#mobile-menu-button{height: 40px; line-height: 40px; padding: 0 15px; background: #2f2d78; color: #fff; border-radius: 9px;}
	#mobile-menu-button.active i,
	#mobile-menu-button:hover i{border-color: #dee6d1; color: #2f2d78; background: #fff;}
	#mobile-menu-button span{float: right; margin-right: 15px; font-size: 15px;}
	#mobile-menu-button i{float: right; height: 28px; width: 28px; font-size: 15px; border: 1px solid #fff; border-radius: 5px; line-height: 28px; text-align: center; margin: 6px 0 0}
	#mobile-menu{background: #fff; border-radius: 9px; margin: 15px 0 0; list-style: none; padding: 9px 0;}
	#mobile-menu li{float: left; width: 100%; padding: 0 10px;}
	#mobile-menu li a{float: left; width: 100%; padding: 7px 5px; font-size: 14px; border-bottom: 1px solid #dee6d1; color: #2f2d78;}
	#mobile-menu li:first-child a{border-top: 1px solid #dee6d1;}
	#mobile-menu li a:hover{background: #dee6d1;}
	#mobile-menu li i{float: right; margin: 2px 0 0}
	#mobile-menu li li{list-style-type: none;}
	#mobile-menu li li:first-child a{border-top: 0px}
	
	#content{padding: 35px 0}
	
	#left_column{width: 100%; padding: 0;}
	#right_column{width: 100%; padding: 0; margin: 0 0 40px;}
	
	.team_item{width: 50%;}
	.alcolhol > span {width: 100%!important; max-width: 100%!important}
	.drugs > span {width: 100%!important; max-width: 100%!important}
	.rook > span {width: 100%!important; max-width: 100%!important}
	.anamenese > span {max-width: 100%!important}
	.verleent label {width: 300px!important}
	.footer_block{margin: 35px 0 0 80px; width: 460px; max-width: 100%}

	
	.reisadvies .personaldata > span{width: 100%; max-width: 500px;}
	.reisadvies .vacinationdata tr td:nth-child(2) input[type="text"]{max-width: 150px;}
}

@media screen and (max-width: 750px){
.reisadvies form label{height: auto; line-height: 18px;}
	
	.reisadvies .vacinationdata thead{display: none;}
	.reisadvies .vacinationdata tr{margin: 0 0 15px; display: inline-block; width: 100%;}
	.reisadvies .vacinationdata tr td{display: block; width: 100%;}
	.reisadvies .vacinationdata tr td > .wpcf7-form-control-wrap:nth-child(1){width: 100%; display: block; margin: 0 0 5px;}
	.reisadvies .vacinationdata tr td:nth-child(2) label{width: 100%; margin: 0; width: 70px;}
	.reisadvies .vacinationdata tr td:nth-child(2) input[type="text"]{margin: 0 0 5px}
	.reisadvies .vacinationdata tr td span.wpcf7-list-item{margin: 0 30px 0 0}
	.reisadvies .vacinationdata tr td:last-child span:before{content: "Jaar"; width: 70px; font-size: 13px; line-height: 22px; display: inline-block;}
}

@media screen and (max-width: 700px){
	#maxw1,
	#maxw2{padding: 0 3%}
	
	h1{font-size: 23px}
	h2{font-size: 20px}
	h3{font-size: 17px}
	h4{font-size: 15px}
	h5{font-size: 13px}
	h6{font-size: 12px}
	
	.slide span{height:220px}
	
	.header_info li{font-size: 14px;}
	.header_info li span{font-size: 12px;}
	
	.footer_logo{display: none}
	
	.footer_block{margin: 35px 0 0 }
}

@media screen and (max-width: 650px){
	.team_item{width: 100%;}
	.team_item p{padding: 0}
	.reisadvies form label{width: 100%; float: left;}
	.reisadvies .medicaldata .travelledcountry > span{border-bottom: 1px solid #000; padding: 0 0 10px; margin: 0 0 10px;}
	.reisadvies .medicaldata > p > span > label{width: 100%;}
	.reisadvies .medicaldata > p > span > span{width: 100%; margin: 0 0 15px;}
	.reisadvies .medicaldata > p > span > span label{width: 100%; padding: 0; float: none;}
	.reisadvies .medicaldata > p > span > span input[type="text"]{max-width: 200px;}
	.reisadvies .medicaldata .wpcf7-checkbox span.wpcf7-list-item{width: 100%;}
	.reisadvies span.wpcf7-list-item{margin: 0 1em 0 0}
	.alcolhol > span {width: 100%!important}
	.toestemming {float: none}
}

@media screen and (max-width: 590px){
	#header{padding: 40px 0 0; text-align: center;}
	.logo{float: none; display: inline-block}
	.header_top{position: absolute; left: 0; top: 0; width: 100%; border-bottom: 1px solid #EBEBEB; padding: 0 3%; text-align: left;}
	#header hr{display: none}
	.route {margin: 8px;}
	.header_right{width: 100%;}
	.header_info{width: 100%; margin: 15px 0}
	.footer_block ul{column-count:1}
}

@media screen and (max-width: 450px){
	.header_top,
	#maxw1,
	#maxw2{padding: 0 4%}
	
	
	.team_item{padding: 0 0 0 80px;}
	.team_item_img{width: 60px; height: 60px;}
	.team_item_img:after{width: 60px; height: 60px; background-size: 100%;}
	
	.slide span{height:190px}
	
	#actueelblock{padding: 20px 15px;}
	.actueelitem{margin: 25px 0 0}
	#content_container form label{width: 100%; line-height: 100%; margin: 0 0 2px}
	#content_container form input[type="text"], 
	#content_container form input[type="file"], 
	#content_container form input[type="email"], 
	#content_container form input[type="tel"], 
	#content_container form input[type="number"], 
	#content_container form input[type="date"], 
	#content_container form textarea, 
	#content_container form select{margin: 0 0 20px}
	.use_medicine .gebruik input[name*="gebruik"]{width: calc(100% - 110px)!important;}
	
	#content_container .wpcf7[id*="-f199-"] form .wpcf7-form-control.wpcf7-radio{float: left; width: 100%; margin: 0 0 20px;}
	#content_container .wpcf7[id*="-f199-"] form label{float: left; line-height: 100%; margin: 0 0 2px; width: 100%;}
	#content_container .wpcf7[id*="-f199-"] form input[type="text"], 
	#content_container .wpcf7[id*="-f199-"] form input[type="file"], 
	#content_container .wpcf7[id*="-f199-"] form input[type="email"], 
	#content_container .wpcf7[id*="-f199-"] form input[type="tel"], 
	#content_container .wpcf7[id*="-f199-"] form input[type="number"], 
	#content_container .wpcf7[id*="-f199-"] form input[type="date"], 
	#content_container .wpcf7[id*="-f199-"] form textarea, 
	#content_container .wpcf7[id*="-f199-"] form select{width: 100%; margin: 0 0 20px}
	#content_container .wpcf7[id*="-f199-"] form button{float: left;}
	
	.reisadvies .personaldata label{width: 100%;}
	.reisadvies .personaldata > span{padding: 0}
	.reisadvies .personaldata input[type="text"], .reisadvies .personaldata input[type="tel"], .reisadvies .personaldata input[type="email"]{width: 100%;}
	.reisadvies .personaldata > span.two > span{width: 100%;}
	.reisadvies .personaldata > span.two > span:nth-child(4) label{width: 100%; padding: 0}
	.reisadvies .personaldata > span.two > span input{width: 100%;}
	
	.reisadvies .traveldata span label{width: 100%;}
	.reisadvies .traveldata span select, .reisadvies .traveldata span input{width: 100%; max-width: none;}
	.reisadvies .traveldata .tablewrapper{overflow-y: hidden;}
	.reisadvies .traveldata table{min-width: 414px;}
	.reisadvies .traveldata table td{padding: 0}
	
	.reisadvies .medicaldata .travelledcountry > span input, .reisadvies .medicaldata .travelledcountry > span select{width: 100%;}
	.reisadvies .medicaldata > p > span > span input[type="text"]{width: 100%; max-width: none;}
	.reisadvies .medicaldata select{width: 100%;}
}

@media screen and (max-width: 360px){
	.actueelitem{padding: 0}
	.actueelitem > span{position: static; float: left; width: 100%;}
}