/*
 * caboor.be: compatibiliteit met Widgetkit 3 (UIkit 3).
 * Widgetkit 2 zette de marges van zijn slideshowlijst zelf terug; de lijst van Widgetkit 3 (ul.uk-slideshow-items)
 * krijgt daardoor de algemene ul-marges van template.css. Deze regel geeft dezelfde plaatsing als op de oude site.
 */
#content ul.uk-slideshow-items {
	margin: 15px 0 0;
}

/*
 * Slideshow: Widgetkit 2 toonde de afbeelding op natuurlijke grootte, met de slide op top: -50% (template.css,
 * .uk-slideshow > li). Widgetkit 3 centreert ze met uk-cover; dit zet dezelfde uitsnede terug.
 */
#content .uk-slideshow-items > li > img {
	top: -50% !important;
	left: 0 !important;
	width: 100% !important;
	height: auto !important;
	max-width: none;
	transform: none !important;
}

/*
 * Kaart op de contactpagina: template.css maakt .contact .uk-img-preserve (Widgetkit 2) schermvullend;
 * Widgetkit 3 geeft de kaart de klasse uk-preserve-width.
 */
.contact .uk-preserve-width {
	display: block;
	position: fixed !important;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 0;
	height: 100% !important;
	width: 100% !important;
}