/* ./templates/v21/jscss/css_files/05_layout.css */
body * {
	word-wrap: break-word;
	white-space: normal;
}

body p {
	/* bootstrap reboot reset */
	margin-bottom: .6rem;
}

iframe {
	border: 0px;
}

.uitlijnen .containedcols {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.uitlijnen .containedcols>[class*='col-'] {
	display: flex;
	flex-direction: column;
}

.uitlijnen .containedcols>[class*='col-'] > div:not(.empty):not(:empty),
.uitlijnen .containedcols>[class*='col-'] > div.block_content:not(.empty):not(:empty) > .content-wrapper {
	height: 100%;
}

.uitlijnen .containedcols>[class*='col-'] .component_block {
	margin-bottom: 10px;
}

/* knoppen in text-blok onderin uitlijnen */
.uitlijnen .containedcols>[class*='col-'] .block_content .image_container,
.uitlijnen .containedcols>[class*='col-'] .block_content .no-image {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.uitlijnen .containedcols>[class*='col-'] .block_content .link_button {
    margin-top: auto;
}

.uitlijnen .containedcols>[class*='col-'] .block_content .link_button a {
    width: fit-content;
    margin: -5px auto 10px;
}

/*  DIV ELEMENTEN DIE NIET OP 100% MOETEN */
.uitlijnen .containedcols>[class*='col-'] div.img_image,
.uitlijnen .containedcols>[class*='col-'] div.admin_component_block_button_edit,
.uitlijnen .containedcols>[class*='col-'] div.image_text {
	height: unset !important;
}

/* Fix blokkken even hoog en uitlijnen */
@media (min-width: 768px) {
	/* Niet op mobiel te groot maken */
	.uitlijnen .center_blocks > div {
		height: 100%;
	}
}

.uitlijnen .center_blocks .block_content .content-wrapper {
	justify-content: center;
}

.uitlijnen .center_blocks .block_content .content-wrapper .link_button  {
	margin-top: unset;
}

@media (min-width: 1170px) {
	.container-1200 {
		max-width: 1170px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 1600px) {
	.container-1600 {
		max-width: 1600px;
		margin-left: auto;
		margin-right: auto;
	}

	#headercontainer .container {
		max-width: 1590px;
	}
}

@media (min-width: 1980px) {
	.container-1980 {
		max-width: 1980px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media(max-width:1200px) {
	.row.bgimage {
		background-size: cover;
	}
}

#googlemaps {
	overflow: hidden;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: block;
	content: "";
}

#googlemaps ~ .container .component_block {
  z-index: 1;
  position: relative;
}

/* rows full width */
.row.full-width {
	max-width: 100%;
	width: 100%;
}

.row.full-width .container {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

.row.full-width .containedcols>div {
	padding-left: 0;
	padding-right: 0;
}

.row.full-width .containedcols .component_block {
	margin-bottom: 0;
}

.row.full-width .containedcols .inner-row-spacer {
	display: none;
}

.row .containedcols.center_blocks {
	align-items: center;
	height: 100%;
}/* ./templates/v21/jscss/css_files/11_elements.css */
.row {
	margin: 0px;
	overflow: hidden;
	position: relative;
}

.row .background-image {
	max-width: 100%;
}

.slow_scroll_overlay {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;

	padding-right: 0;
	padding-left: 0;
	margin-top: 0;
}

.slow_scroll_overlay .slow_scroll_background {
	display: block;
	width: auto;
	height: auto;
}

#swipersection .slow_scroll_overlay .slow_scroll_background {
	min-height: var(--swiper-header-height);
	min-width: 100%;
}

li {
	white-space: normal;
}

li a {
	white-space: normal;
}

a {
	text-decoration: none;
}

.containedcols.empty [class*=' col-'] {
	min-height: 0px;
}

div.box-shadow {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.component_block {
	margin-top: 0px;
	top: 0;
	padding-top: 0px;
}

.component_block:first-child,
.admin_button_block_new:first-child {
	margin-top: 10px;
	top: 0;
	padding-top: 0px;
}

#top .admin_component_block_button_edit {
	margin-top: 0px;
}

.modal {
	background: rgba(1, 1, 1, 0.7);
}

.bubble {
	position: relative;
	width: 100%;
	min-height: 100px;
	padding: 10px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: #ccc solid 1px;
}

.bubble:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #FFFFFF;
	display: block;
	width: 0;
	z-index: 1;
	left: -15px;
	top: 20px;
}

.bubble:before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #ccc;
	display: block;
	width: 0;
	z-index: 0;
	left: -16px;
	top: 20px;
}

.breadcrumb {
	background: none;
}

.carousel-indicators button[data-bs-target] {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border-top: unset;
	border-bottom: unset;
}/* ./templates/v21/jscss/css_files/16_fonts.css */
small {
	font-size: 0.7em !important;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

.fas.fa-chevron-right,
.fas.fa-chevron-left {
	z-index: 0;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
	outline: 0 none;
}

div.component_block h1,
div.component_block h2,
div.component_block h3,
div.component_block h4 {
	overflow: hidden;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6 {
	padding: 10px;
}

.only-txt h1,
.only-txt h2,
.only-txt h3,
.only-txt h4,
.only-txt h5,
.only-txt h6,
.image_text h1,
.image_text h2,
.image_text h3,
.image_text h4,
.image_text h5,
.image_text h6,
.video_text h1,
.video_text h2,
.video_text h3,
.video_text h4,
.video_text h5,
.video_text h6 {
	padding: 0px;
}

/* overwrite bootstrap h1-h3 sizes */
.h1, h1 {
  font-size: calc(1.375rem + 1.5vw);
}

.h2, h2 {
	font-size: calc(1.3rem + .6vw);
}

.h3, h3 {
	font-size: 1.5rem;
}

.h4, h4 {
	font-size: 1.25rem;
}

.h5, h5, .h6, h6 {
  font-size: 1rem;
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 2.5rem;
  }

	.h2, h2 {
    font-size: 1.75rem;
  }
}/* ./templates/v21/jscss/css_files/20_buttons.css */
.btn-pxl:not(.btn-outline-secondary) {
  --bs-btn-color: var(--pxl-btn-text-color);
  --bs-btn-bg: var(--pxl-btn-bg-color);
  --bs-btn-border-color: var(--pxl-btn-border-color);
  --bs-btn-hover-color: var(--pxl-btn-text-color);
  --bs-btn-hover-bg: var(--pxl-btn-bg-color);
  --bs-btn-hover-border-color: var(--pxl-btn-border-color);
  /* --bs-btn-focus-shadow-rgb: 49, 132, 253; */
  --bs-btn-active-color: var(--pxl-btn-text-color);
  --bs-btn-active-bg: var(--pxl-btn-bg-color);
  --bs-btn-active-border-color: var(--pxl-btn-border-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-pxl {
  --bs-btn-border-radius: var(--pxl-btn-border-radius);
  --bs-btn-font-family: var(--pxl-btn-font-family);
  --bs-btn-font-size: var(--pxl-btn-font-size);

  --bs-btn-border-width: 2px;
  --bs-gradient: none;

  font-display: swap;
}

@keyframes flash {
  0% {
    opacity: .4;
  }

  100% {
    opacity: 1;
  }
}

@keyframes bounce {

  0%,
  20%,
  60%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  80% {
    -webkit-transform: translateY(8px);
    transform: translateY(3px);
  }
}

@keyframes fadeoutin {
  0% {
    opacity: .5;
    color: var(--pxl-btn-background-color) !important;
  }

  40% {
    opacity: 1;
    color: rgba(255, 255, 255, .2);
  }
}

/* for use in admin by forcing filled or outline */
.btn-pxl-primary {
  --bs-btn-color: var(--pxl-btn-secondary-color);
  --bs-btn-bg: var(--pxl-btn-primary-color);
  --bs-btn-border-color: var(--pxl-btn-primary-color);
  --bs-btn-hover-color: var(--pxl-btn-secondary-color);
  --bs-btn-hover-bg: var(--pxl-btn-primary-color);
  --bs-btn-hover-border-color: var(--pxl-btn-primary-color);
  --bs-btn-active-color: var(--pxl-btn-secondary-color);
  --bs-btn-active-bg: var(--pxl-btn-primary-color);
  --bs-btn-active-border-color: var(--pxl-btn-primary-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--pxl-btn-secondary-color);
  --bs-btn-disabled-bg: var(--pxl-btn-primary-color);
  --bs-btn-disabled-border-color: var(--pxl-btn-primary-color);

  --bs-btn-border-width: 2px;
  --bs-gradient: none;
}

.btn-pxl-outline {
  --bs-btn-color: var(--pxl-btn-primary-color);
  --bs-btn-bg: var(--pxl-btn-secondary-color);
  --bs-btn-border-color: var(--pxl-btn-primary-color);
  --bs-btn-hover-color: var(--pxl-btn-primary-color);
  --bs-btn-hover-bg: var(--pxl-btn-secondary-color);
  --bs-btn-hover-border-color: var(--pxl-btn-primary-color);
  --bs-btn-active-color: var(--pxl-btn-primary-color);
  --bs-btn-active-bg: var(--pxl-btn-secondary-color);
  --bs-btn-active-border-color: var(--pxl-btn-primary-color);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--pxl-btn-primary-color);
  --bs-btn-disabled-bg: var(--pxl-btn-secondary-color);
  --bs-btn-disabled-border-color: var(--pxl-btn-primary-color);

  --bs-btn-border-width: 2px;
  --bs-gradient: none;
}

.btn.sharp {
  --bs-btn-border-radius: 0px;
  --pxl-btn-border-radius: var(--bs-btn-border-radius);
}

.btn.round {
  --bs-btn-border-radius: 24px;
  --pxl-btn-border-radius: var(--bs-btn-border-radius);
}

.btn.btn-raised {
  box-shadow: 0 3px 0 0 var(--pxl-btn-shadow-color);
}

.btn.btn-shadow {
  box-shadow: 3px 3px 0 0 var(--pxl-btn-shadow-color);
}/* ./templates/v21/jscss/css_files/82_mobile.css */
@media (min-width: 992px) {
	.mobile_footer {
		display: none;
	}

	.background-fixed {
		background-attachment: fixed;
	}
}

@media (max-width: 991.98px) {
	.containedcols.fourinrow {
		display: flex !important;
		flex-wrap: wrap !important;
	}

	.row {
		background-attachment: scroll !important;
	}

	.row.split {
		background-size: cover !important;
		background-position: center !important;
	}

	.mobile_footer {
		display: block;
		position: relative;
		width: 100%;
		text-align: center;
		bottom: 0;
		z-index: 9999;
	}

	.mobile_footer a {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #333;
		border: none;
		border-radius: 0px;
		font-size: 20px;
	}

	.mobile_footer a:hover {
		background-color: rgba(1, 1, 1, 0.9);
	}

	.mobile_footer .whatsapp {
		background-color: #25d366;
	}

	.mobile_footer .call {
		background-color: #2d572c;
	}

	.mobile_footer .mail {
		background-color: #d53032;
	}

	.banner {
		display: none;
	}

	body,
	li,
	a:not(.btn),
	p,
	div {
		font-size: 1rem !important;
	}

	h1,
	h1 * {
		font-size: calc(1.375rem + 1.5vw) !important;
	}

	h2,
	h2 * {
		font-size: calc(1.3rem + .6vw) !important;
	}

	h3,
	h3 * {
		font-size: 1.25rem !important;
	}

	h4,
	h4 *,
	h5,
	h5 *,
	h6,
	h6 * {
		font-size: 1rem !important;
	}

	.pagetitle-shadow-behind h1.pagetitle {
		font-size: calc(1.8rem + 3.5vw) !important;
	}
}

@media (max-width: 767.98px) {
	.block_social .socialicons a {
		font-size: 60px !important;
	}

	.block_social .socialicons a i {
		font-size: 50px !important;
	}
}

@media (max-width: 350px) {

	body,
	span,
	li,
	a:not(.btn),
	p,
	div {
		font-size: 15px !important;
	}
}