/* -----------------------------------------
  ~Corrado mobiel-fix (telefoon + kleine tablets)
----------------------------------------- */
@media only screen and (max-width: 759px) {
	html, body { overflow-x: hidden; }
	.module, .module2, .module2 *, .module * { -webkit-box-sizing: border-box; box-sizing: border-box; }
	img { max-width: 100%; height: auto; }

	/* inhoud-blokken passen in de breedte */
	.module, .module2, .mod-box, .module2 center, .module2 div, .module2 label,
	.module .menu, .module ul, .module li {
		width: auto !important;
		max-width: 100% !important;
		float: none !important;
	}
	.module, .module2 { display: block; margin: 10px auto !important; padding: 0 10px; }

	/* formuliervelden over de volle breedte */
	.module2 input[type="text"], .module2 input[type="password"], .module2 input[type="email"],
	.module2 select, .module2 textarea, input.input, #username, #rgt {
		width: 100% !important;
		max-width: 100%;
		font-size: 16px;   /* voorkomt inzoomen op iPhone */
	}
	.module2 .button, #button { text-align: center; }
	.module2 small { display: block; width: auto !important; }

	/* slider-tekst niet meer afgesneden */
	.da-slide h2, .da-slide p { left: 10px !important; right: 10px !important; width: auto !important; }
	.da-slide p { font-size: 14px; }

	/* vlaggen / talen netjes laten doorlopen */
	#flags, .flags, .lang, .languages { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; width: auto !important; }

	/* facebook pop-up niet over de pagina */
	#fblikebg, #fblikepop { display: none !important; }
}

/* telefoon: hele breedte gebruiken i.p.v. vaste 297px */
@media only screen and (max-width: 459px) {
	body #main_wrapper, body #menu_wrapper, body #logo, body #main_in, body #social_ctn,
	body .top_shadow, body .bottom_shadow, body #footer, body #twitter_last,
	body .da-slider, body #da-slider {
		width: auto !important;
		min-width: 0 !important;
		margin-left: 8px !important;
		margin-right: 8px !important;
	}
	body ul#menu, body ul#menu li { width: 100% !important; }
	body #pull { width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
	body #main_news_wrapper, body #left_wrapper, body #right_wrapper, body .row,
	body .review, body .categories, body .normal, body .footer_widget, body #latest_media,
	body #right_wrapper .footer, body #footer .footer, body #hot_news, body #full_page_wrapper {
		width: 100% !important;
		float: none !important;
	}
	body .normal .body { width: auto !important; }
	.da-slide h1, .da-slide h2 { font-size: 24px !important; line-height: 30px !important; white-space: normal !important; left: 10px !important; width: auto !important; }
	.da-slide .da-link { left: 10px !important; width: auto !important; max-width: 90%; }
}

/* -----------------------------------------
  ~Corrado: formulieren netjes in het midden (computer en tablet)
----------------------------------------- */
@media only screen and (min-width: 760px) {
	.module2, .module3 {
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
	}
	.module2 label, .module3 label { text-align: center; }
	.module2 input[type="text"], .module2 input[type="password"], .module2 input[type="email"], .module2 select,
	.module3 input[type="text"], .module3 input[type="password"], .module3 input[type="email"], .module3 select {
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.module2 .button, .module3 .button { text-align: center; }
	.module2 .module { float: none !important; margin: 20px auto 0 auto !important; text-align: center; }
}

/* wachtwoord vergeten-pagina en meldingen netjes in het midden */
#system { text-align: center; }
#system fieldset { border: 0; max-width: 500px; margin: 0 auto; }
#system input[type="text"], #system input[type="password"], #system select { display: block; margin: 0 auto; }
#main_in > b { display: block; text-align: center; }
#system h1, #system .title { text-align: center; }

/* telefoon: inlogformulier (module3) ook passend maken */
@media only screen and (max-width: 759px) {
	.module3, .module3 div, .module3 label { width: auto !important; max-width: 100% !important; float: none !important; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.module3 { display: block; margin: 10px auto !important; padding: 0 10px; }
	.module3 input[type="text"], .module3 input[type="password"], .module3 select { width: 100% !important; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }
}
@media only screen and (max-width: 759px) {
	.module3 { text-align: center; }
	#system { padding: 0 10px; }
	#system input[type="text"], #system input[type="password"] { width: 100% !important; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }
}