/* Roundal custom styles. Converted from Easy Custom Code LESS.
   Uses native CSS nesting (supported in current evergreen browsers).
   Original rules retained; check keyboard focus and legacy selectors separately. */

.hideArticle, .hideColumn {
	display: none !important;
}
.elementor-element.content-block {
	display: none;
	opacity: 0;
	transition: all 0.3s ease 0s;
}
.elementor-editor-active {
	.content-block {
		display: block;
		opacity: 1;
	}
}
.content-block.show {
	display: block;
	opacity: 1;
}
.elementor-item {
	.icon {
		&+span {
			margin-left: 0.6rem;
		}
	}
}
.custom_field_select {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid;
	border-radius: 0px;
	width: 100% !important;
}
.wppb-select {
	label {
		font-weight: 700;
		text-transform: uppercase;
		width: 100%;
	}
}
#fasttrack_thumblist .e-con-inner {
	width: auto;
}
.toggle-panel-trigger {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	.chevron {
		margin-right: 1.4rem;
	}
}
a.elementor-item:focus, a.elementor-button-link:focus, .elementor-widget-container a:focus, .elementor-element a:focus, a:focus {
    outline: solid 0px !important;
}

#realisation-slider {
	.e-con {
		>.e-con-inner {
			width: 100% !important;
		}
	}
}
.hidefasttrack {
	display: none !important;
}
.fasttrack {
	ul, ol {
		/*max-width: 350px; */
		counter-reset: my-awesome-counter;
		list-style: none;
		padding-left: 1rem;
		 li {
			margin: 0 0 1rem 0;
			counter-increment: my-awesome-counter;
			position: relative;
			 &:before {
				content: counter(my-awesome-counter);
				color: #ffffff;
				font-size: 1rem;
				font-weight: bold;
				position: absolute;
				--size: 18px;
				left: calc(-1 * var(--size) - 10px);
				line-height: var(--size);
				width: var(--size);
				height: var(--size);
				top: calc(var(--size) - 14px);
				background: #00ACE8;
				border-radius: 50px;
				text-align: center;
			}
		}
	}
}

.single-referenties {
	#content-wrap {
		margin: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	#primary {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		border: 0 !important;
	}
	#right-sidebar {
		display: none;
	}
}
.product-list-item {
	.product-list-item-overlay {
		transition: all 0.3s ease-in-out 0s;
		opacity: 0;
	}
	&:hover {
		.product-list-item-overlay {
			opacity: 0.88;
		}
	}
	.e-con {
		>.e-con-inner {
			width: calc(100% - 1.6rem) !important;
		}
	}
}
.reference-list-item {
	.reference-list-item-overlay {
		transition: all 0.3s ease-in-out 0s;
		opacity: 0;
	}
	&:hover {
		.reference-list-item-overlay {
			opacity: 0.88;
		}
	}
}
.product-list-item-caption {
	min-width: 50% !important;
}
.nieuws-item-slide {
	strong {
		color: #879ECA;
		font-weight: 300;
	}
}

.button-slanted {
	&.bg-dark-transparent {
		a {
			&:before {
				background-color: rgba(0, 0, 0, 0.2);
				border: 1px solid rgba(255, 255, 255, 0.6) !important;
			}
		}
		.a {
			border: 1px solid rgba(255, 255, 255, 0.6) !important;
		}
	}
	&.bg-blue {
		a {
			&:before {
				background-color: #879ECA;
				border: 1px solid #ffffff !important;
				color: #ffffff;
			}
			>span {
				color: #ffffff;
			}
		}
	}
	&.bg-roundalblue {
		a {
			&:before {
				background-color: #00ACE8;
				border: 1px solid #00ACE8 !important;
				color: #ffffff;
			}
			>span {
				color: #ffffff;
			}
			&:hover {
				
				&:before {
					background-color: #879ECA;
					border: 1px solid #879ECA !important;
					color: #ffffff;
				}
				>span {
					color: #ffffff;
				}
			}
		}
	}
	&.btn-lg {
				.elementor-button-text {
					font-size: 140% !important;
					padding: 0.5rem  1rem
				}
	}
	a {
		cursor: pointer;
		outline: none;
		backface-visibility: hidden;
		position: relative;
		display: inline-block;
		padding: 0;
		background-color: transparent;
		border: none;
		font: 1rem 'Inter', sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #ffffff;
		margin-left: 2rem;
		margin-right: 2rem;
		&:focus {
			outline: none !important;
		}
		>span {
			transform: translate3d(0, 0, 0);
			backface-visibility: hidden;
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			padding: 7px 20px;
			z-index: 3;
			&:before {
				display: block;
				transform: translate(-50%, -50%) skew(45deg);
				transform-origin: center center;
				z-index: -1;
			}
		}
		&:before {
			content: '';
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%) skewX(45deg);
			width: 100%;
			height: 100%;
			border: 1px solid #00ACE8;
			z-index: 2;
			transition: all 100ms ease-out;
		}
		&:after {
			transition: all 100ms ease-out;
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			transform: skewX(45deg) scaleX(0);
			width: 100%;
			height: 100%;
			background-color: rgba(0, 172, 232, 0.2);
			border: 1px solid transparent;
			z-index: 1;
		}
		&:hover {
			&:before {
				background-color: #DBEFF8;
			}
			>span {
				&:before {
					/*animation: fill 0.5s ease-out; */
					/*animation-fill-mode: forwards; */
				}
			}
			&:after {
				/*animation: swoosh 0.7s ease-in; */
			}
		}
		&:active {
			&:before {
				background-color: #00ACE8;
			}
		}
	}
	&:focus {
		outline: none !important;
	}
	.a {
		>span {
			&:before {
				content: '';
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%) skewX(45deg);
				width: 100%;
				height: 100%;
				border: 1px solid #00ACE8;
				z-index: 2;
			}
		}
	}
}
.btn-slanted-skinny {
	a {
		&:before {
			height: 20px;
		}
		span {
			&:before {
				height: 20px;
			}
			padding: 2px 5px 2px 50px;
		}
	}
}
.has-title-slanted {
	.elementor-slide-heading {
		cursor: pointer;
		outline: none;
		backface-visibility: hidden;
		position: relative;
		display: inline-block;
		padding: 0;
		background-color: transparent;
		border: none;
		font: 1.2rem 'Inter', sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		color: #ffffff;
		margin-left: 2rem;
		margin-right: 2rem;
		text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
		&:before {
			content: '';
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%) skewX(45deg);
			width: 100%;
			height: 100%;
			display: block;
			padding: 26px calc(50% + 2rem);
			border: 1px solid #ffffff;
			z-index: 2;
		}
	}
}
#btn-contact-slanted, #btn-subscribe-slanted {
	cursor: pointer;
	outline: none;
	backface-visibility: hidden;
	position: relative;
	display: inline-block;
	padding: 0 1rem 0 1rem;
	background-color: transparent;
	border: none !important;
	font: 1.2rem 'Inter', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-left: 2rem;
	margin-right: 2rem;
	color: #000000;
	&:hover {
	  color: #879ECA;
		&:before {
			border-color: #879ECA;
		}
	}
	&:before {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%) skewX(45deg);
		width: 100%;
		height: auto;
		display: block;
		padding: 12px calc(50% + 2rem);
		border: 1px solid #000000;
		z-index: 2;
	}
	&:after {
		transition: all 100ms ease-out;
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		transform: skewX(45deg) scaleX(0);
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.2);
		border: 1px solid transparent;
		z-index: 1;
	}
}
#choices .btn-slanted {
	padding: 0 1rem;
	white-space: nowrap;
}
.btn-slanted {
	cursor: pointer;
	outline: none;
	backface-visibility: hidden;
	position: relative;
	display: inline-block;
	padding: 0;
	background-color: transparent;
	border: none !important;
	font: 1.4rem 'Inter', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-left: 2rem;
	margin-right: 2rem;
	&:before {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%) skewX(45deg);
		transition: all 0.3s ease 0s;
		width: 100%;
		height: auto;
		display: block;
		padding: 12px calc(50% + 2rem);
		border: 1px solid #879ECA;
		z-index: 2;
	}
	&:hover {
		&:before {
			background-color: rgba(0, 172, 232, 0.2);
		}
	}
}
.btn-slanted-blue {
	max-width: fit-content !important;
	cursor: pointer;
	outline: none;
	backface-visibility: hidden;
	position: relative;
	display: inline-block;
	padding: 0;
	margin-left: 2rem;
	margin-right: 2rem;
	color: #ffffff;
	border: none !important;
	font: 1rem 'Inter', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	.elementor-widget-container {
		position: relative;
		z-index: 3;
		display: inline-block;
		width: auto;
	}
	span {
	margin-left: 3rem;
	margin-right: 3rem;
		color: #fff !important;
	}
	&:before {
		content: '';
		background-color: #879ECA;
	color: #ffffff !important;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%) skewX(45deg);
		transition: all 0.3s ease 0s;
		width: auto;
		height: auto;
		display: inline-block;
		padding: 12px calc(50% + 2rem);
		border: 1px solid #879ECA;
		z-index: 2;
	}
}
.elementor-button-content-wrapper {
	display: flex !important;
	align-items: center;
	justify-content: space-around;
}
.btn-slanted-blue span {
  position: relative;
  z-index: 3;
}
#form-field-message {
	border: 1px solid #000000;
	margin-top: 2rem;
}
.elementor-acceptance-field {
	border: 1px solid #000000 !important;
}
::placeholder {
	text-transform: uppercase;
	font-weight: 700;
}
.swiper-pagination-bullets {
	.swiper-pagination-bullet {
		width: 14px !important;
		height: 14px !important;
		background-color: transparent !important;
		border: 1px solid #00ACE8;
	}
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
		background-color: #00ACE8 !important;
		border: 1px solid #00ACE8;
	}
}
.swiper-pagination {
	margin-bottom: -2rem;
}
#news-loop-carousel .swiper-pagination {
	bottom: 20px !important;
	margin-top: -20px !important;
}
.lang-item {
	a.elementor-sub-item {
		display: block;
		text-align: center;
	}
}
.product-list {
	.elementor-post {
		position: relative;
		padding-bottom: 10rem;
	}
	.elementor-post__text {
		background-color: rgba(191, 227, 244, 0.33);
		display: flex !important;
		flex-direction: row !important;
		align-items: baseline;
		width: auto !important;
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 2rem 0.5rem !important;
		h2 {
			margin-right: 5px;
			&:after {
				content: ' ';
			}
		}
		p {
			&:before {
				content: ' - ';
			}
		}
	}
}
a {
	&:focus {
		outline: solid 0px !important;
	}
}
.border-box-half {
	background-image: linear-gradient(black, black), linear-gradient(transparent, black);
	background-repeat: no-repeat;
	background-size: 1px 100%, 50% 1px;
	background-position: left bottom, left bottom;
	height: 100%;
	width: 100%;
}
.border-box-full {
	background-image: linear-gradient(black, black), linear-gradient(transparent, black);
	background-repeat: no-repeat;
	background-size: 1px 100%, 100% 1px;
	background-position: left bottom, left bottom;
	height: 100%;
	width: 100%;
}
/* PROFILE BUILDER */
.wppb-form-field:not(.login-remember) {
	display: flex;
	flex-direction: column;
	input {
		&.text-input, &.extra_field_input {
		}
	}
	label {
			width: 100% !important;
			&:not(.login-remember) {
				width: unset !important;
			}
	}
}
.wppb-radios li {
	display: flex !important;
	align-items: baseline !important;
	label {
		text-transform: inherit !important;
		font-weight: normal !important;
	}
}
.wppb-mailchimp-subscribe {
	label {
		input {
			margin: 0 10px 0 0 !important;
			border: 1px solid #000000;
			font-size: 12px !important;
      width: 16px !important;
      overflow: hidden;
		}
	}
}
#newsletter_subscription {
	form {
		.elementor-form-fields-wrapper {
			display: table;
			width: 100%;
			margin: 0;
			div.elementor-field-type-email {
				width: 100%;
				display: table-cell;
				margin: 0;
				vertical-align: top;
				padding: 0px;
				input {
					line-height: 2.4;
					padding-left: 1rem;
					font-family: 'Inter', Arial, "Font Awesome 6 Pro" !important;
    font-style: normal;
    font-weight: 300 !important;
    text-decoration: inherit;
				}
			}
			div.elementor-field-type-submit {
				transform: translateX(-20px);
				width: auto;
				display: table-cell;
				padding: 0px;
				z-index: 3;
				position: relative;
				button {
					position: relative;
					z-index: 4;
					border: none !important;
				}
				&:hover {
					&:before {
					background-color: #879ECA;
					}
				}
				&:before {  
					content: '';
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%) skewX(45deg);
					transition: all 0.3s ease 0s;
					width: 100%;
					height: auto;
					display: block;
					padding: 16px 50% 16px 50%;
					border: 1px solid #fff;
					z-index: 2;
					background-color: #879ECA1;
				}
			}
		}
	}
}

#dealer_map_BE {
	
	 .gm-style-cc, .customize-unpreviewable, .gm-fullscreen-control {
		display: none !important;
	}
}

.roundalized {
	background-image: url('/wp-content/uploads/2023/06/2023_logo_Roundal_LB.svg'), url('/wp-content/uploads/2023/06/2023_logo_Roundal_RT.svg');
	background-color: transparent;
background-position: left bottom, right top;
background-repeat: no-repeat, no-repeat;
	background-size: inherit !important;
	&.blue {
		background-image: url('/wp-content/uploads/2023/06/2023_logo_Roundal_LB_blue.svg'), url('/wp-content/uploads/2023/06/2023_logo_Roundal_RT_blue.svg');
	}
	&.paleblue {
		background-image: url('/wp-content/uploads/2023/06/2023_logo_Roundal_LB_paleblue.svg'), url('/wp-content/uploads/2023/06/2023_logo_Roundal_RT_paleblue.svg');
	}
}
/* field "andere" met minder tussenruimte */

.elementor-field-group-field_882f138 {
	/*width: auto !important;*/
	width: 11% !important;
  padding-right: 0 !important;
		& + .elementor-col-80 {
			width: 89% !important;
			padding-left: 0 !important;
			}
}

/* END PROFILE BUILDER */
@media (min-width: 1025px) {
    .btn-same-width .elementor-button {
         max-width: 100%;
			   min-width: 360px !important;
    }
	#realisation-slider {
		.elementor-swiper-button-next {
			/*right: -48px; */
		}
		.elementor-swiper-button-prev {
			/*left: -48px; */
		}
	}
	.sub-menu {
		min-width: 100% !important;
		.elementor-sub-item {
			text-align: center;
			display: block;
		}
	}
	.__elementor-element-dfb7666 {
		.swiper-wrapper {
			.swiper-slide:nth-of-type(1)  {
				transform: scale(0.7);
			}
			.swiper-slide:nth-of-type(2)  {
				transform: scale(1);
			}
			.swiper-slide:nth-of-type(3)  {
				transform: scale(1.2);
			}
			.swiper-slide:nth-of-type(4)  {
				transform: scale(1);
			}
			.swiper-slide:nth-of-type(5)  {
				transform: scale(0.7);
			}
		}
	}

}
@media (max-width: 1024px) {
	.nieuws-item-slide {
		padding: 0 1rem;
		.e-con-inner {
			display: flex;
			flex-direction: column;
			width: 100%;
		}
		.e-con-full {
			width: 100%;
			text-align: center;
			padding: 0 1rem;
		}
	}
	.lang-item {
		display: inline-block !important;
		border: 1px solid #879ECA !important;
		margin: 8px 0px 8px 8px !important;
		padding: 0px !important;
		transition: all 0.3s ease 0s;
		a {
			padding: 6px 12px !important;
		}
		&:hover {
			a {
				background-color: #879ECA !important;
				color: #ffffff !important;
			}
		}
		&:active {
			a {
				background-color: #879ECA !important;
				color: #ffffff !important;
			}
		}
		&:focus {
			a {
				background-color: #879ECA !important;
				color: #ffffff !important;
			}
		}
	}
	.lang-item.current_page_item {
		a {
			background-color: #879ECA !important;
			color: #ffffff !important;
		}
	}
	.border-box-half {
		background-size: 1px 100%, 100% 1px;
	}
	#realisation-slider {
		.elementor-swiper-button-next {
			/*right: -48px; */
		}
		.elementor-swiper-button-prev {
			/*left: -48px; */
		}
	}
	.elementor-field-group-field_882f138 {
		/*width: auto !important;*/
		width: 16% !important;
		padding-right: 0 !important;
			& + .elementor-col-80 {
				width: 84% !important;
				padding-left: 0 !important;
				}
	}
}

@media (min-width: 991px) {
	.ea-advanced-data-table-ninja, #footable_parent_3789 {
			table-layout: fixed;
	}
}


@media (min-width: 681px) {
    .btn-same-width .elementor-button {
         max-width: 100%;
			   min-width: 360px !important;
    }
}

@media (max-width: 680px) {
	.product-list-loop-item {
		.e-con-full {
			width: 100%;
		}
		.product-title-blue-bg {
			width: auto;
		}
	}
	.border-box-half {
		background-size: 1px 100%, 100% 1px;
	}
	.elementor-nav-menu ul {
    display: block !important;
	}
	.product-list-item-caption {
		width: auto !important;
	}
	.swiper-pagination {
		margin-bottom: -3rem;
	}
	.elementor-field-group-field_882f138 {
		/*width: auto !important;*/
		width: 100% !important;
		padding-right: calc( 48px/2 ) !important;
			& + .elementor-col-80 {
				width: 100% !important;
				padding-left: calc( 48px/2 ) !important;
				}
	}
}
/* Elementor specifieke css */
.elementor-element-d62fa07 {
	margin-right: -1px;
}


/* Tijdelijke taal stuff */
/*
.cpel-switcher__lang a[hreflang|=en] {
		display: none !important;
}
.cpel-switcher__lang a[hreflang|=de] {
		display: none !important;
}
*/