/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: Child Employ and More
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Foto's met subtiele afgeronde hoeken */
.entry-content img,
.wp-block-image img,
.img-inner img,
.banner img {
	border-radius: 14px;
}

/* Flatsome standaard off-canvas menu: compact, rechtsonder */
body .mfp-wrap.off-canvas .mfp-content,
body .mfp-wrap.off-canvas-right .mfp-content,
body .mfp-wrap.off-canvas-left .mfp-content {
	left: auto !important;
	right: 18px !important;
	top: auto !important;
	bottom: 0 !important;
	width: min(86vw, 380px) !important;
	max-width: calc(100vw - 36px) !important;
	max-height: 84vh !important;
	border-radius: 10px 10px 0 0 !important;
	overflow: auto !important;
	scrollbar-gutter: stable both-edges;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translate3d(0, 104%, 0) !important;
	transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1) !important;
	animation: none !important;
}

body .mfp-wrap.off-canvas.mfp-ready .mfp-content,
body .mfp-wrap.off-canvas-right.mfp-ready .mfp-content,
body .mfp-wrap.off-canvas-left.mfp-ready .mfp-content {
	transform: translate3d(0, 0, 0) !important;
}

body .mfp-wrap.off-canvas .mobile-sidebar,
body .mfp-wrap.off-canvas-right .mobile-sidebar,
body .mfp-wrap.off-canvas-left .mobile-sidebar {
	width: 100% !important;
	height: auto !important;
	max-height: 84vh !important;
	border-radius: inherit !important;
	overflow: auto !important;
	scrollbar-gutter: stable both-edges;
	overscroll-behavior: contain;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}