/* 
Theme Name: Nobels
Theme URI: https://github.com/elementor/hello-theme/
Description: Nobels theme
Author: Toro Design
Author URI: https://toro-design.be
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

form[name=GENCONTACT] select + .nice-select,
	form[name=VACCONTACT] select + .nice-select,
	form[name=ABOUTCONTACT] select + .nice-select{
	background-color: #FFFFFF00;
    border-color: #0E0E3B;
    border-width: 0px 0px 1px 0px;
    border-radius: 0px 0px 0px 0px;
	line-height : inherit;
}
form[name=GENCONTACT] select + .nice-select:after,
form[name=VACCONTACT] select + .nice-select:after,
	form[name=ABOUTCONTACT] select + .nice-select:after{
	display : none;
}
form[name=GENCONTACT] select + .nice-select > span.current,
select#form-field-propertytype + .nice-select > span.current,
form[name=VACCONTACT] select + .nice-select > span.current,
	form[name=ABOUTCONTACT] select + .nice-select > span.current{
	overflow : hidden;
	max-width : 90%;
	display : block;
}


select#form-field-propertytype + .nice-select:after{
	display: inline-block;
    font-family: eicons;
    font-size: inherit;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	content: "\e92a";
	font-size: 19px;
    line-height: 2;
	color: #0E0E3B;
	border : none;
	transform : none;
	
	position : absolute;
	right 	 : 10px;
	height	:	10px;
	width	:	10px;
	top	:	5px;
}
.nice-select.open .list{
	max-width : 100%;
}

form[name=GENCONTACT]  .nice-select.open .list .option,
select#form-field-propertytype + .nice-select.open .list .option,
form[name=VACCONTACT]  .nice-select.open .list .option,
	form[name=ABOUTCONTACT] .nice-select.open .list .option{
	max-width : 100%;
	overflow : hidden;
	position : relative;
}
form[name=GENCONTACT]  .nice-select.open .list .option:not(.selected):after,
form[name=VACCONTACT]  .nice-select.open .list .option:not(.selected):after,
	form[name=ABOUTCONTACT]  .nice-select.open .list .option:not(.selected):after{
	
	position : absolute;
	content : '';
	width : 28px;
	height : 100%;
	top : 0;
	right : 0;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
}
form[name=GENCONTACT]  select + .nice-select ul.list ,
select#form-field-propertytype + .nice-select ul.list,
form[name=VACCONTACT]  select + .nice-select ul.list ,
	form[name=ABOUTCONTACT] select + .nice-select ul.list{
	    width: 100%;
	}
select#form-field-propertytype + .nice-select{
	  line-height: 30px !important;
	background-color: #CCDCEB;
	background-position: 97% center !important;
    background-repeat: no-repeat !important;
}
div.loop-filter .nice-select{
    font-family: Poppins !important;
    font-weight: 400 !important;
    font-size: 14.8px !important;
    line-height: 20px !important;
    color: #7A7D8D !important;
    border: 1px solid #BEBEBE !important;
    border-radius: 4.55px !important;
    padding: 10px 40px 10px 20px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #FFFFFF;
    background-image: url(data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_1036_6831' fill='white'%3E%3Cpath d='M5.62646 0.873291L11.2531 6.49993L5.62646 12.1266L-0.000176563 6.49993L5.62646 0.873291Z'/%3E%3C/mask%3E%3Cpath d='M5.62646 12.1266L4.82266 12.9304L5.62646 13.7342L6.43027 12.9304L5.62646 12.1266ZM10.4493 5.69613L4.82266 11.3228L6.43027 12.9304L12.0569 7.30374L10.4493 5.69613ZM6.43027 11.3228L0.803629 5.69613L-0.803982 7.30374L4.82266 12.9304L6.43027 11.3228Z' fill='%23A8AAB7' mask='url(%23path-1-inside-1_1036_6831)'/%3E%3C/svg%3E%0A) !important;
    background-position: 97% center !important;
    background-repeat: no-repeat !important;
	
	z-index: 150;
 
}
div.loop-filter select.default + .nice-select ul.list li:first-child {
    display: none;
}
div.loop-filter .nice-select .option{
	color	:	color rgb(31, 33, 36);
	font-weight : 400;
}


@media(max-width : 767px){
	div.loop-filter{
		flex-grow	:	1;
	}
}

.wl-active .fa-heart{
	font-weight: 900;
	color : #E82B2B;
}
.wl-active .fa-heart:before {
    content: "\f004";
}



/*
    Add your custom styles here
*/
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.elementor-field-type-upload .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0;
}


.elementor-field-type-upload .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem .375rem 165px;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    border: 1px solid #BFBFBF;
    border-radius: .25rem;

	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-text-font-weight );
	cursor	:	pointer;
	overflow: hidden;
}
.elementor-field-type-upload .custom-file-label::after{
	
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: .375rem .75rem;
    line-height: 1.7;
	font-size : .9rem;
    color: #FFF;
    background-color: #BFBFBF;
    border-right: 1px solid #BFBFBF;
    border-radius: .25rem  0 0 .25rem;
	font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-weight: var( --e-global-typography-text-font-weight );
	width	:	150px;
	text-align	:	center;
}
.elementor-field-type-upload .custom-file-input:lang(en)~.custom-file-label::after{
	content : 'Browse ...';
}


/* VIDEO WIDGET */
body:not(.elementor-editor-active) .toro-videoshow-slide.show {
    opacity: 1;
    //z-index: 200;
}
#banner-titles{
	bottom	:	0;	
}
.toro-videoshow{
	position	:	relative;
	width		:	100%;
	height		:	90vh;
	max-height	:	100%;
	overflow	:	hidden;
}
.toro-videoshow-slide{
	position	:	absolute;
	width		:	100%;
	height		:	100%;
	left		:	0;
	top			:	0;
}
.elementor-13 .elementor-element.elementor-element-54df519 > .elementor-element-populated > .elementor-background-overlay{
	z-index : 250;
}
.elementor-13 .elementor-element.elementor-element-54df519 > .elementor-element-populated > .elementor-background-overlay ~ .elementor-section:not(.elementor-widget-toro-slider){
	position : relative;
	z-index : 300;
}
.elementor-13 .elementor-element.elementor-element-54df519 > .elementor-element-populated > .elementor-background-overlay ~ .elementor-section.elementor-element-8152197{
	z-index : 400;
}
.toro-videoshow-slide:not(.show){
	opacity: 0;
}

.toro-videoshow-slide video {
    object-fit: cover;
    height: 90vh;
    width: 100%;
}
.toro-videoshow-slide video ~ *:not(.vjs-poster){
	display	:	none;
}
.toro-videoshow-slide .video-js {
    position	: relative !important;
    width		: 100% !important;
    height		: auto !important;
}
.hero-slideshow__visual img {
    width: 100%;
}
@media (max-width: 768px){
	.toro-videoshow{
		height		:	90vh!important;
	}
	.toro-videoshow-slide video {
	    object-fit: cover;
	    height: 120vh;
	    width: auto;
		margin-top	: -15vh!important;
	}
	.toro-videoshow-slide .video-js {
	    position	: relative !important;
	    width		: auto;
	    height		: 50vh !important;
	}
}


/**
 * REVIEW SLIDER
 */
#reviewslider .elementor-testimonial__icon{
    display : none;
}
#reviewslider .elementor-testimonial__cite{
    width: 100%;
    position : relative;
}
#reviewslider .elementor-testimonial__cite span.elementor-testimonial__title{
    position: absolute;
    right: 0px;
    top : 5px;
}
#reviewslider .elementor-testimonial__cite .elementor-testimonial__name{
    order :2;
}
#reviewslider .elementor-testimonial__cite .elementor-star-rating{
    order :1;
}

#reviewslider .elementor-testimonial__cite .elementor-star-rating .elementor-star-full::before{
    display : none;
    opacity : none;
}
#reviewslider .elementor-testimonial__cite .elementor-star-rating .elementor-star-full{
   background:url(https://nobels.dream-advice.be/wp-content/uploads/2022/06/star.svg) no-repeat center center;
   background-size: cover;
   color:rgba(255,255,255,0);
   display : inline-block;
   width : 24px;
   height : 24px;
   margin-right : 3px;
}

#reviewslider .eicon-chevron-right,.eicon-chevron-left{
    display : flex;   
    margin : auto;
}
#reviewslider .eicon-chevron-right:before,
#reviewslider .eicon-chevron-left:before{
     
     content: url(https://nobels.dream-advice.be/wp-content/uploads/2022/06/icon-left.svg);
    display : inline-block;
}
#reviewslider .eicon-chevron-right:before {
    content: url(https://nobels.dream-advice.be/wp-content/uploads/2022/06/icon-right.svg);
  
}
@media (max-width:768px){
    .elementor-testimonial{
        padding-left : 10px!important;
        padding-right : 10px!important;
    }
    .elementor-widget-reviews .elementor-testimonial__content{
        padding-bottom : 0px!important;
    }
}

/** SWIPER **/
.recent-slider:not(.swiper-initialized){
	visibility : hidden;
	max-height : 200px;
	overflow:hidden;
}
.recent-slider .swiper-button-next, .recent-slider  .swiper-container-rtl  .swiper-button-prev{
	background-image	:	none!important;
	top	: -25px;
	left :auto;
	right : 10px;
}
.recent-slider  .swiper-button-prev, .recent-slider  .swiper-container-rtl .swiper-button-next{
	background-image	:	none!important;
	top	: -25px;
	left :auto;
	right : 50px;
}
.recent-slider {
	margin-top : 25px;
}
.sale-slide h6{
	color : var(--e-global-color-primary);
	font-weight : 500;
}
.sale-slide h6 + p{
	margin-bottom : 0;
	color		:var(--e-global-color-3c6692f);	
}


.sale-slide .img .ribbon{
	color : var(--e-global-color-primary);
	
	position: absolute;
    left	: -95px;
    top		: 15px;
    width	: 250px;
    text-align: center;
    padding-top : .35rem;
	padding-bottom : .35rem;
	
    //box-shadow: 0 0 5px 2px rgb(0 0 0 / 25%);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.75rem;
	
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    white-space: nowrap;
	
	background-color : var(--e-global-color-accent);
}


.square{
	position		:	relative;
	overflow		:	hidden;
}
.square::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	100%;
	z-index			:	1;
}
.square > a{
	position		:	absolute;
	left			:	0;
	top				:	0;
	width			:	100%;
	height			:	100%;
	z-index			:	10;
}


.rectangle{
	position		:	relative;
	overflow		:	hidden;
}
.rectangle::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	40%;
	z-index			:	1;
}
.rectangle-sm::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	30%;
	z-index			:	1;
}
.rectangle-lg::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	60%;
	z-index			:	1;
}
.rectangle-xl::after{
	content			:	'';
	position		:	relative;
	display			:	block;
	padding-bottom	:	70%;
	z-index			:	1;
}
.rectangle > a{
	position		:	absolute;
	left			:	0;
	top				:	0;
	width			:	100%;
	height			:	100%;
	z-index			:	10;
}
.square > .centered{
	position		:	absolute;
	left			:	0;
	top				:	0;
	width			:	100%;
	height			:	100%;
	z-index			:	10;
}
.cover{
	background-position	:	center center;
	background-size	:	cover;
}
.cover-top{
	background-position	:	center top;
	background-size	:	cover;
	background-repeat	:	no-repeat;
}
.contain{
	background-position	:	center center;
	background-size		:	contain;
	background-repeat	:	no-repeat;
}
.contain-top{
	background-position	:	center top;
	background-size		:	contain;
	background-repeat	:	no-repeat;
}

.circle{
	border-radius	:	50%;
}

