/*!
Theme Name: Renox
Theme URI: https://www.thelistmedia.be/
Author: The List Media
Author URI: https://www.thelistmedia.be/
Description: /
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: renox
*/

body{
	margin: 0 !important;
}

.preloader-plus{
	z-index: 1001 !important;
}

#cookie-notice{
	background-color: #121212 !important;
	z-index: 900 !important;
	font-size: 13px !important;
}

#cn-notice-text > a{
	color: #fff !important;
	font-size: 13px !important;

}

#cn-accept-cookie{
	background-color: #A56E4B !important;
	color: #fff;
}

.preloader-plus-custom-content{
	padding-top: 80px;
	font-family: 'neue-haas-grotesk-text';
	text-align: center;
}

.popmake iframe{
	width: 1000px !important;
	height: 600px !important;
	max-width: 100% !important;
}



@media screen and (max-width:1199px){
	body.page-id-10 .elementor-element-05f6277 .elementor-row{
		flex-direction: column-reverse !important;
	}
}

@media screen and (min-width: 1200px){
	#footer{
		min-height: 100vh !important;
		display: flex;
	  align-items: flex-end;
	}
}





h2 span, h1 span{
	color: var( --e-global-color-secondary );
}

.elementor-widget-nav-menu{
	margin: 0 !important;
}

@media screen and (min-width: 768px) and (max-width: 920px){
	.menu-item-home{
		display: none !important;
	}
}

@media screen and (max-height: 750px) and (max-width: 767px){
	.menu-item-home{
		display: none !important;
	}
}

.elementor-sticky{
	transition: all 0.5s;
}

.elementor-sticky--effects{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.elementor-sticky--effects .elementor-icon{
	font-size: 40px !important;
}


.wpml-ls-native{
	position: relative;
}

.wpml-ls-display:after, .wpml-ls-native:after{
		content: ' ';
		display: block;
		width: 30px;
		height:30px;
		border: 1px solid #fff;
		position: absolute;
		border-radius: 50%;
		left: -6px;
		top: 4px;
		opacity: 0;
		transition: left 0.3s;
		pointer-events: none;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-native:after{
	top: -5px;
	left: -5px;
}

.wpml-ls-display{
	color: var( --e-global-color-primary ) !important;
}

.wpml-ls-current-language .wpml-ls-display:after, .wpml-ls-current-language .wpml-ls-native:after{
	border-color: var( --e-global-color-primary );
	opacity: 1;
}

.move-hover-circle.wpml-ls-item-nl .wpml-ls-display:after{
		left: 27px !important;
}

.move-hover-circle.wpml-ls-item-fr .wpml-ls-display:after{
		left: -40px !important;
}

.menu-item.wpml-ls-first-item{
	margin-right: 15px !important;
}

html[lang="fr-FR"] .elementor-nav-menu--main .menu-item-object-page{
	margin-right: 20px !important;
}

@media screen and (min-width: 800px){
	.menu-item.wpml-ls-first-item{
		margin-left: 40px;
	}

	html[lang="fr-FR"] .elementor-nav-menu--main .menu-item-object-page{
		margin-right: 40px !important;
	}
}



@media screen and (min-width: 768px){
	#shiftnav-toggle-main{
		display: none;
	}
}

.elementor-button .elementor-button-content-wrapper{
	align-items: center;
	position: relative;
}

.elementor-button .elementor-button-icon{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid var( --e-global-color-primary );
	position: absolute;
	right: -50px;
	transition: 0.5s;
}

.elementor-button .elementor-button-icon:hover,
.elementor-button:hover .elementor-button-icon{
	width: 80px;
	height: 80px;
	right: -70px;
	z-index: 1;
	border: 1px solid var( --e-global-color-secondary );
	background-color: var( --e-global-color-secondary );
}

.elementor-button .elementor-button-icon:hover ~ .elementor-button-text{
	z-index: 2;
}

.elementor-button:hover .elementor-button-text{
	z-index: 2;
}

.elementor-button-text{
	text-align: left;
}

.elementor-button .elementor-button-icon:hover svg polygon,
.elementor-button:hover .elementor-button-icon svg polygon{
	fill: #fff;
}


@media screen and (min-width: 768px){
		#copyrightmenu ul, #copyrightmenu li, #copyrightmenu a{
			width: max-content !important;
		}

		#copyrightmenu ul{
			margin: 0 !important;
		}

		#copyrightmenu .elementor-nav-menu--main{
			display: flex;
			justify-content: flex-end;
		}
}

rs-layer img{
	    object-fit: cover;
}

/* #rev_slider_1_1:hover, rs-slide:hover{
		cursor: grab !important;
} */

#rev_slider_1_1 h2{
	font-family: 'neue-haas-grotesk-text' !important;
	font-size: 20px !important;
	line-height: 25px !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px !important;
}

p.rs-layer{
	font-family: 'neue-haas-grotesk-text' !important;
	font-size: 15px !important;
	line-height: 19px !important;
	font-weight: 400 !important;
	letter-spacing: 0.5px !important;
}

@media screen and (min-width: 1450px){
	rs-carousel-wrap{
		right: 0 !important;
		left: auto !important;
	}
}


@media screen and (min-width: 1200px) and (max-width: 1450px) {
	#rev_slider_1_1_wrapper{
		width: 60vw !important;
		margin-right: 0 !important;
	}
}



















.shiftnav-main-item{
	opacity: 0;
	max-height: 0;
	overflow: hidden;
}

.shiftnav-social, .shiftnav-cta{
	opacity: 0;
}

#shiftnav-main{
	background-color: #fff;
}

#menu-shiftnav, #menu-fr-shiftnav{
	display: flex;
	flex-direction: column;
	padding-top: 180px;
}

#menu-shiftnav .menu-item, #menu-fr-shiftnav .menu-item{
		width: auto;
		padding-left: 40px;
}

#menu-shiftnav .menu-item a, #menu-fr-shiftnav .menu-item a{
		padding: 0;
		font-size: 30px;
		line-height: 60px;
		color: var( --e-global-color-primary );
}

#menu-shiftnav .menu-item.current-menu-item a, #menu-fr-shiftnav .menu-item.current-menu-item a{
	background-color: transparent;
}


#menu-shiftnav .shiftnav-social a, #menu-fr-shiftnav .shiftnav-social a{
	font-size: 15px;
	line-height: 30px;
}

#menu-shiftnav .shiftnav-social.first, #menu-fr-shiftnav .shiftnav-social.first{
	margin-top: 52px !important;
}

#menu-shiftnav .shiftnav-social.last, #menu-fr-shiftnav .shiftnav-social.last{
	margin-bottom: 66px !important;
}

#menu-shiftnav > .shiftnav-cta > a, #menu-fr-shiftnav > .shiftnav-cta > a{
	font-size: 15px;
	line-height: 19px;
	margin-bottom: 35px;
}

.shiftnav-cta, .shiftnav-cta a{
	position: relative;
	width: fit-content;
}

.menu-item.no-hover:hover a{
	color: initial;
}

#menu-shiftnav .menu-item.current-menu-item.shiftnav-cta a, #menu-fr-shiftnav .menu-item.current-menu-item.shiftnav-cta a{
	color: var( --e-global-color-primary );
}

.shiftnav-cta a:after{
	content: url('https://www.renox.be/wp-content/uploads/2021/04/R21-Website-Icons-Arrow-Right-Dark-10px.svg');
	display: flex;
	width: 40px;
	height: 40px;
	border: 1px solid var( --e-global-color-primary );
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: -50px;
	top: -12px;
	transition: 0.5s;
}


@media screen and (min-width: 1200px) {
	.shiftnav-cta a:hover:after{
		content: url('https://www.renox.be/wp-content/uploads/2026/02/Vector.svg');
		width: 80px;
		height: 80px;
		top: -32px;
		right: -70px;
		z-index: -1;
		border: 1px solid var( --e-global-color-secondary );
		background-color: var( --e-global-color-secondary );
	}
}


body .shiftnav.shiftnav-right-edge {
  z-index: 998;
  width: 100vw;
  max-width: 100%;
  transform: translateX(100vw);
  -webkit-transform: translateX(100vw);
  -moz-transform: translateX(100vw);
  -ms-transform: translateX(100vw);
  -o-transform: translateX(100vw);
}

body .shiftnav.shiftnav-left-edge {
  z-index: 998;
  width: 100vw;
  max-width: 100%;
  transform: translateX(-100vw);
  -webkit-transform: translateX(-100vw);
  -moz-transform: translateX(-100vw);
  -ms-transform: translateX(-100vw);
  -o-transform: translateX(-100vw);
}

body .shiftnav:after {
  display: none;
}

body.shiftnav-open .shiftnav.shiftnav-open-target {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

body.shiftnav-open #header-logo{
	width: 40px;
}

#header-logo svg path{
	transition: 0.3s;
}

#header-logo .elementor-icon-wrapper{
	display: flex;
}

#header-logo svg path{
	fill: #4F362A;
}

#header-logo svg:hover path{
	fill: var( --e-global-color-primary );
}

.menu-toggle-icon{
	background: transparent !important;
	padding: 0 !important;
}

.mobile-menu-right .elementor-row{
	justify-content: flex-end;
}

.mobile-menu-right .wpml-ls{
	float: right;
	margin-right: 5px;
}

.menu-toggle-icon span {
	width: 40px;
	height: 1px;
	background-color: var( --e-global-color-primary );
	display: block;
	transition: all 0.5s;
}

.menu-toggle-icon span:nth-child(2) {
	margin-top: 8px;
}

.menu-toggle-column{
	width: 40px !important;
}

.menu-toggle-column .elementor-widget-wrap{
	padding: 0 !important;
}

.menu-toggle-column .elementor-widget-container{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

body.shiftnav-open .menu-toggle-icon{
	z-index: 999 !important;
}

body.shiftnav-open .menu-toggle-icon span:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(2px, 2px) ;
	transform: rotate(45deg) translate(2px, 2px) ;
}

body.shiftnav-open .menu-toggle-icon span:nth-child(2) {
	-webkit-transform: rotate(-45deg) translate(4.5px, -4.5px);
	transform: rotate(-45deg) translate(4.5px, -4.5px);
	width: 40px;
}


/* .step h2{
	color: var( --e-global-color-69c433b ) !important;
	transition: 1s;
} */

.step p{
	display: none;
}

.step.active p{
	display: block;
}

/* .step.active h2{
	color: var( --e-global-color-primary ) !important;
} */

.steps-image .elementor-image{
	width: max-content;
	position: relative !important;
}

.steps-image .elementor-widget-container{
	display: flex;
	justify-content: flex-end;

}


@media screen and (max-width: 1700px){
	.steps-image .elementor-image:after{
		left: 70px !important;
		color: #fff !important;
	}

	.steps-image .elementor-image:before{
		left: -70px !important;
		color: var( --e-global-color-69c433b ) !important;
	}

	.steps-image.step-2 .elementor-image:before, .steps-image.step-4 .elementor-image:before{
		color: var( --e-global-color-69c433b ) !important;
	}
}

@media screen and (max-width: 1360px){
	.steps-image .elementor-image:after{
		left: 200px !important;
		top: auto;
		bottom: -10px !important;
		color: var( --e-global-color-69c433b ) !important;
	}

	.steps-image .elementor-image:before{
		left: 40px !important;
		top: auto;
		bottom: -10px !important;
		color: var( --e-global-color-primary ) !important;
	}

	.steps-image.step-2 .elementor-image:before, .steps-image.step-4 .elementor-image:before{
		color: var( --e-global-color-primary ) !important;
	}
}

/*.popmake.active{
	display: flex !important;
	justify-content: center !important;
}*/

.video-popup:after, .popmake-2627:after{
	content: ' ';
	display: block;
	background-image: url('https://www.renox.be/wp-content/uploads/2021/05/icons8-play.svg');
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 80px;
	transition: 0.2s;
	background-repeat: no-repeat;
}

/* .popmake-2322[video]:before{
	content: 'Video bekijken';
	display: block;
	position: absolute;
	left: 50%;
	top: calc(50% + 40px);
	transform: translateX(-50%);
	color: #fff;
} */


.video-popup:hover:after{
	background-size: 100px;
}



@media screen and (max-width: 768px){
	.step p{
		display: block !important;
	}
	
	.popmake{
	left: 0 !important;
}

.pum-container{
	width: 100% !important;
}
}

.projecten{
	display: flex;
	flex-direction: row;
}

footer.elementor-slideshow__footer{
	display: none !important;
}

.project .image-wrapper{
	overflow: hidden;
}

.single-projecten .elementor-slideshow__footer{
	display: none !important;
}

.project h3{
	margin-bottom: 0px !important;
	margin-top: 23px;

}

.project p{
	margin-top: 3px !important;
}

.project .project-image{
	width: 310px !important;
	height: 410px !important;
	background-position: center center;
	background-size: cover !important;
	transition: 0.5s;
}

.project:hover .project-image{
	transform: scale(1.2) !important;
}

.project:hover p{
	color: var( --e-global-color-primary );
}

#projecten .elementor-column-gap-default{
		margin: 0 !important;
}

/* .hscroll_fullscreen_root{
	background-color: #fff;
} */


#hscroll_fullscreen_slide_0 .elementor-element-c53154f{
	padding-left:  calc(15vw - 10px);
}

.hscroll_fullscreen_slide{
	margin-top: 25vh !important;
}
/*
.esg-grid .mainul li.eg-project-wrapper .esg-media-poster{
	transition: 0.5s !important;
}

.esg-grid .mainul li.eg-project-wrapper .esg-media-poster:hover{
	background-size: 110% !important;
}
*/
.eg-project-content{
	min-height: 115px !important;
}

.gfield input, .gfield textarea, .gfield select{
	border: 1px solid var( --e-global-color-secondary );
	padding: 10px 15px !important;
	margin: 0 !important;
	color: var( --e-global-color-primary );
	outline: none !important;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border-radius: 0px;
}

.gfield input:focus, .gfield textarea:focus, .gfield select:focus{
	border: 1px solid var( --e-global-color-primary );
}


.gfield select{
	height: 52px;
	background-image: url('https://www.renox.be/wp-content/uploads/2026/02/Vector-1.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - 24px);
	background-size: 15px;
}

@media screen and (min-width: 768px){
	.gfield select{
		height: 41px;
	}
}


span.gfield_required{
	display: none !important;
}


.validation_message{
	display: none !important;
}

.validation_error{
	border: none !important;
}

#gform_fields_1 li.gfield.gfield_error{
	padding: 0 !important;
	margin: 16px 16px 0 0 !important;
	border: none !important;
}

#field_1_5.gfield_error{
	padding: 0 !important;
}

.ginput_container_textarea{
	display: flex;
}

.gfield.py, #gform_fields_1 li.gfield_error.py{
	margin-bottom: 24px !important;
}

.gform_footer input[type="submit"]{
	margin: 0 !important;
	font-size: 15px;
	line-height: 19px;
	border: none !important;
	background-image: url('https://www.renox.be/wp-content/uploads/2021/04/R21-Website-Icons-Arrow-Right-Dark-10px.svg');
	background-repeat: no-repeat;
	background-position: 100%;
	background-size: 10px;
	padding-right: 30px !important;
	cursor: pointer;
	width: fit-content !important;
}

.gform_footer input[type="submit"]:hover{
	color: var( --e-global-color-secondary ) !important;
	background-image: url('https://www.renox.be/wp-content/uploads/2026/02/Vector.svg');
}



.gfield_error input,
.gfield_error textarea,
.gfield_error select{
	border: 1px solid #780100;
	background-color: #FFF7F7;
}

.gfield input::placeholder,
.gfield textarea::placeholder,
.gfield select::placeholder{
		color: #C8C8C8;
}

.gfield .datepicker{
	width: 100% !important;
}

.gfield .ginput_container{
	margin: 0 !important;
}

ul#description{
	padding-left: 17px;
}


input[type="checkbox"] {
  position: absolute;
  cursor: pointer;
  height: 0;
  width: 0;
	margin: 0!important;
	appearance: none !important;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	border: none !important;
	border-radius: 0 !important;
}

input[type="checkbox"]:after{
	content: ' ';
	display: block;
	width: 20px;
	height: 20px;
	background-color: #fff;
	position: absolute;
	top: 4px;
	left: 0;
	border: 1px solid var( --e-global-color-secondary );
	border-radius: 0;
}

input[type="checkbox"] ~ label{
	 padding-left: 30px;
}

input[type="checkbox"]:before{
	content: '';
	display: none;
	position: absolute;
	z-index: 1;
	left: 7px;
  top: 8px;
  width: 6px;
  height: 9px;
  border: solid var( --e-global-color-secondary );
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.gfield_error input[type="checkbox"]{
	border: none !important;
}

.gfield_error input[type="checkbox"]:after{
	border-color: #790100;
	background-color: #FFF7F7;
}

input[type="checkbox"]:checked:before{
	display: block;
}

label{
	font-weight: 300 !important;
}

.ginput_container_checkbox ul{
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
}


.ginput_container_checkbox ul li{
	margin-right: 0 !important;
}

.ginput_container_checkbox ul li label{
		margin-left: 40px !important;
    margin-top: 2px !important;
}

.ui-datepicker .ui-icon{
	display: none;
}

.eicon-share-arrow, .eicon-frame-expand, .eicon-zoom-in-bold{
	display: none !important;
}

.popmake-3010 .elementor-button-icon, .popmake-3032	.elementor-button-icon{
	border-color: #fff;
}