/*
Theme Name: wpresidence
Template: wpresidence
Author: WP Estate
Version: 1.0.2
Updated: 2015-01-25 18:19:31
*/

@charset "UTF-8";

body{
    color:#525559;
}

.test .property_listing{
    min-height:564px;
}

.search_unit_wrapper {
    cursor: default;
}

/* Footer styles */

.sub_footer {
    color: #FFF;
    background-color: #0C82AF;
}

#colophon {
    background-color: #ebeff0;
    color: #3a3a3a;
}

#colophon a, #colophon li a {
	color: #3a3a3a;
}

.widget-title-footer {
	color: #0c82af;
    font-weight: 700;
}

#menu-item-wpml-ls-7-nl a{
	padding:0;
}

#menu-item-wpml-ls-7-de a{
	padding-left:10px;
}

.contact_sidebar_wrap p {
    display: flex;
}

.contact_sidebar_wrap i {
    position: relative;
    top: 5px;
}

/* End footer styles */

.listing_filters_head{
	display:none;
}


/* properties slider */

.shortcode_slider_wrapper .slick-next {
	right: 15px !important;
    left: auto !important;
}

.shortcode_slider_wrapper .slick-next::before {
	    content: '\e801' !important;
}

.shortcode_slider_wrapper .slick-prev {
	right: 51px !important;
    left: auto !important;
}

.shortcode_slider_wrapper .slick-prev::before {
	content: '\e800' !important; 
}

/* end porperties slider */


/* property detail page  image slider */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	margin: 0px !important;
	width: 100% !important;
}

/* end property detail page  image slider */


/* header style */

.estate_property-template-default.single.single-estate_property .adv-search-1 {
    display: none;
}

.estate_property-template-default.single.single-estate_property #search_wrapper_color {
    display: none;
}

.estate_property-template-default.single.single-estate_property #gmap_wrapper {
    display: none;
}


.page .adv-search-1 {
    display: none;
}

.page #search_wrapper_color {
    display: none;
}

.page-id-66 .adv-search-1 {
    display: block !important;
}

.page-id-66 #search_wrapper_color {
    display: block !important;
}

.home .adv-search-1 {
    display: block !important;
}

.home #search_wrapper_color {
    display: block !important;
}


.wpestate_header_image {
    height: 180px !important;
}

.single-estate_property .wpestate_header_image {
    display: none;
    
}

 /* end header styles */

/*header mobile logo styles */
.mobile-logo img {
    max-height: 50px;
    width: auto;
    margin-top: 10px;
}
/* end header mobile logo styles */


/* agent contact form styles */
.custom-agent-contact {
	display: inline-block;
	width: 33%;
}

.custom-agent-contact .gfield_required {
	display: none !important;
}

#gform_4 .gfield_required {
	display: none !important;
}

.agent-contact-naam {
    float: left;
}

.custom-agent-contact input{
	display: inline-block;
	width: 100% !important;
}

#gform_4 .gform_body {
	    margin-top: 36px;
}

.single-estate_property .gform_wrapper ul li.gfield {
	margin-top: 0px !important;
}

#gform_submit_button_5, #gform_submit_button_4, #gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3 {
	color: #ffffff;
    background-color: #006bb3!important;
    padding: 10px 26px 8px;
    font-size: 13px;
	border: none;
	font-weight: 700;
	text-transform: uppercase;
	border-radius: 3px;
	
}

/* end custom agent contact form styles*/

.agency_detail.agency_email {
    display: none;
}


@media only screen and (min-width: 641px) {

    #gform_fields_1  textarea.medium {
        height: 160px;
        width: 50% !important;
    }
}

/*property single page styles */

.info-btn-container {
    width: 100%;
    display: inline-block;
}

.single-estate_property .entry-title {
    font-size: 26px !important;
}

.notice_area {
    display: inline-block;
    padding-bottom: 10px;
    height: inherit !important;
}

.fa-whatsapp {
        display: none !important;
    }

@media screen and (max-width: 768px) {
    .fa-whatsapp {
        display: inline !important;
    }
}

/* END property single page styles */

/* back end user styles */

.dashboard_package_row {
    background-color: #fff;
}

.col-md-3.user_menu_wrapper {
    background-color: #f0f2f3;
    border-right: solid 1px #dbddde;
}

/* END back end user styles */

/* property listing styles */
.property_listing_details {
    position: absolute !important;
    bottom: 1px;
}

.property_listing {
    /*min-height: 480px !important;*/
    word-break: break-word;
}

.property_listing_details .infosize {
    background-image: url(/wp-content/uploads/2018/03/icon-house.png) !important;
    background-position: left;
    background-size: 18px;
}

.property_listing_details .infolotsize {
    background-image: url(/wp-content/themes/wpresidence/css/css-images/unit.png);
    font-size: 14px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: -127px 0px;
    margin-right: 5px;
    padding-left: 20px;
    color: #3a4659;
    color: #8593a9;
    font-size: 13px;
}

.inforoom, .infobath, .infosize, .infolotsize {
    margin-right: 6px !important;
}

/* end property listing styles */

/* favoriten voor nu uit */
.icon-fav, .icon-fav-off{
    display:none;
}

#add_favorites{
    display:none;
}

#slider_enable_map, #slider_enable_slider{
    display:none;
}

/* end */

.property_agent_wrapper {
    float: left;
    line-height: 18px;
    font-size: 12px;
    position: relative;
    top: 3px;
    max-width: 143px;
    margin-bottom: 1px;
}

.property_listing .share_list {
    display: none;
}

.has_4per_row .property_agent_image_sign {
    height: 24px;
}

.search_tags {
    display: inline-block;
    background-color: #ceeaf4;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 0px 5px 10px 0px;
}

.search_tags a {
    padding-right: 8px;
    font-size: 18px;
}

/* END property listing styles */

/* contact form in button */

.contactformwrapper #gform_fields_1 .gfield_label{
    display:none;
}

#gform_fields_1 textarea.medium{
    height: 89px !important;
    width: 100% !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
    width:100%;
}

/* end */

/*AGENCY lijst */

.col-md-9.rightmargin .agent_unit{
    margin-bottom:20px;
}

#listing_ajax_container_agent{
    margin-top:20px;
    margin-bottom:20px;
}

.agency_users{
    left: 20px !important;
    top: 20px !important;
    position: relative !important;
}

.agent_address{
    margin-left: 20px!important;
    font-size: 13px;
    margin-bottom: 20px;
}

#agency_map {
    display: none;
}

.page-template-agency_list .agent_unit {
        min-height: 275px !important;
}

.page-template-agency_list .agent_unit .agent_detail, .page-template-agency_list .agent_unit .agent_address, .page-template-agency_list .agent_unit .agent_unit_social {
        display: none;
}

/*END*/

#results {
    display: none !important;
}

.gfield_required {
    display: none;
}

.page-template-advanced_search_results .header_media.with_search_5 {
    margin-bottom: 30px; 
}

.radius-container {
    background: #f4f4f4;
    border: 1px solid #dde4e9;
    border-radius: 3px;
    display: flow-root;
    margin-top: 70px;
    margin-bottom: 15px;
    padding: 10px;
    display: none;
}

.page-template-advanced_search_results .radius-container {
    display: flow-root !important;
}

.archive .wpestate_header_image {
    margin-bottom: 30px;
}
.mobile_header {
    background-color: #ffffff !important;
}

.mobile_header i {
    color: #006BB3 !important;  
}

#adv-search-header-mobile {
    display: none !important;
}

#search_name {
    margin-bottom: 10px;
}

.estate_property-template-default .gfield_label_before_complex, #gform_4 label {
    display: none !important;
}

#input_4_17 {
    margin-top: 15px;
}

#input_4_17_1_container {
    display: block;
    margin-bottom: 7px;
}

.estate_agency-template-default .gfield_label_before_complex, #gform_5 label {
    display: none !important;
}

#input_5_18 {
    margin-top: 15px;
}

#input_5_18_1_container {
    display: block;
    margin-bottom: 7px;
}



/*energie slider*/

.slider-container {
    position: relative;
    max-width: 355px;
    margin-top: 125px;
    margin-bottom: 5px;
}

.slider-wrapper {
    position: relative;
}

.values-wrapper {
    margin-bottom: -3px;
    margin-top: -3px;
}

.values-wrapper ul {
    display: block;
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
    position: relative;
    left: -6px;
    font-weight: 700;
    
}

.values-wrapper li {
    display: inline-block;
    margin: 0px 6px;
    width: 16px;
    font-size: 12px;
    
}

#energie-label {
    position: absolute;
    background-image: url(/wp-content/uploads/2018/04/energie-labels.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 350px;
    height: 30px;
    bottom: -6px;
    
}

#fader-1 {
    width: 350px;
}

/*
#fader-1:before {
    content: '';
    background-image: url(images/labels.png);
    background-size: contain;
    left: 10px;
    top: 40px;
    position: absolute;
    height: 40px;
    width: 560px;
}
*/




#fader-2 {  
    width: 350px;
}

output#volume-1 {
  position: absolute;
    left: 0px;
    padding: .5em;
    background: #848484;
    color: white;
    bottom: 77px;
    display: inline-block;
    width: 100px;
    height: 33px;
}

#kwh-1 {
    left: 110px;
    position: relative;
    bottom: 27px;
    font-weight: 700;
}

#slider-text1 {
    bottom: 13px;
    position: relative;
}




output#volume-2 {
    position: absolute;
    left: 0px;
    padding: .5em;
    background: #848484;
    color: white;
    top: 55px;
    display: inline-block;
    width: 100px;
    height: 33px;
}

#kwh-2 {
    left: 110px;
    position: relative;
    top: 28px;
    display: block;
    font-weight: 700;
}

#slider-text2 {
    top: 19px;
    position: relative;
}

#advanced_search_widget-2 #advanced_submit_widget{
	display:none;
}

input[type=range] {
  height: 26px;
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}

input[type=range]#fader-1::-webkit-slider-runnable-track {
    border-radius: 5px 5px 0px 0px;
}

input[type=range]#fader-2::-webkit-slider-runnable-track {
    border-radius: 0px 0px 5px 5px;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 30px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #50555C;
  background: linear-gradient(to right, #14e64d ,yellow, red);
  border: 0px solid #000000;
}

input[type=range]#fader-1::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 40px;
  width: 5px;
  border-radius: 0px;
  background-color: rgb(0, 0, 0);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}

input[type=range]#fader-2::-webkit-slider-thumb {
   box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 40px;
  width: 5px;
  border-radius: 0px;
  background-color: rgb(0, 0, 0);
  cursor: pointer;
  -webkit-appearance: none;
}

input[type=range]#fader-1::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 40px;
  width: 5px;
  border-radius: 2px;
  background-image: url(images/arrow-down.png);
    background-size: contain;
    background-repeat: no-repeat;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -50px;
    background-color: rgb(0, 0, 0) !important;
}

input[type=range]#fader-2::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 40px;
  width: 5px;
  border-radius: 2px;
  background-image: url(images/arrow-up.png);
background-size: contain;
    background-repeat: no-repeat;
  cursor: pointer;
  -webkit-appearance: none;
  background-color: rgb(0, 0, 0) !important;
}

input[type=range]#fader-1::-ms-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 80px;
  width: 5px;
  border-radius: 2px;
  background-image: url(images/arrow-down.png);
    background-size: contain;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -50px;
    background-color: rgb(0, 0, 0) !important;

}

input[type=range]#fader-2::-ms-thumb {
  box-shadow: 0px 0px 0px #000000;
  border: 0px solid #000000;
  height: 80px;
  width: 5px;
  border-radius: 2px;
  background-image: url(images/arrow-up.png);
background-size: contain;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: 50px;
   background-color: rgb(0, 0, 0) !important;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: linear-gradient(to right, #14e64d ,yellow, red);
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 30px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #50555C;
  background: linear-gradient(to right, #14e64d ,yellow, red);
  border: 0px solid #000000;
}



input[type=range]::-ms-track {
  width: 100%;
  height: 30px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #50555C;
  background: linear-gradient(to right, #14e64d ,yellow, red);
  border: 0px solid #000000;
}

input[type=range]::-ms-fill-lower {
 width: 100%;
  height: 30px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #50555C;
  background: rgba(255, 255, 255, 0);
  border: 0px solid #000000;
}

input[type=range]::-ms-fill-upper {
  background: rgba(255, 255, 255, 0);
  border: 0px solid #000000;
  border-radius: 28px;
  
}



input[type=range]:focus::-ms-fill-lower {
  background: rgba(255, 255, 255, 0);
}

input[type=range]:focus::-ms-fill-upper {
  background: #50555C;
}



/*end energie slider*/

/*
.agency-listing-b:nth-of-type(2) {
    display: none;
}
*/


#gmap_wrapper {
    height: 0px !important;
    overflow: hidden;
}


/* mobile style */

.listinglink-wrapper_sh_listings {
	display: none !important;
}

@media only screen and (max-width: 700px) {

    .wpestate_header_video.full_screen_yes, .wpestate_header_image, .wpestate_header_video {
        max-height: 112px !important;
        margin-bottom: 30px;
    }
    
    .page-template-advanced_search_results #primary {
        position: absolute;
        top: 230px;
        display: block;
    }
    
    .advanced_search_sidebar .dropdown.form-control {
        width: 47%;
        display: inline-block;
        margin-right: 4px;
        font-size: 10px;
    }
    
    .page-template-advanced_search_results #listing_ajax_container {
        position: relative;
        top: 420px;
    }
    
    .adv_listing_filters_head.advanced_filters {
        position: relative;
        top: 440px !important;
        z-index: 100000 !important;
    }
    
    .page-template-advanced_search_results .pagination.pagination_nojax {
        position: relative;
        top: 420px !important;
        z-index: 100000 !important;
    }
    
    .page-template-advanced_search_results #aanbodtekst {
        margin-top: 400px;
    }
    
    .sidebar_filter_menu {
        font-size: 12px !important;
    }
    
    #menu-item-wpml-ls-7-nl {
        padding-left: 32px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    
    #menu-item-wpml-ls-7-de {
        padding-left: 22px;
    }
    
    .contactformwrapper {
        bottom: 75px !important;
        left: 32px;
    }
    
    .home .header_media.with_search_5 {
        margin-bottom: 20px;
    }
   
}

#listing_ajax_container .col-md-12 .hide-me-in-list {
    display: none !important;
}

#listing_ajax_container .col-md-4 .hide-me-in-grid {
    display: none !important;
}

#listing_ajax_container .col-md-12 .property_listing {
    min-height: auto !important;
}

#listing_ajax_container .col-md-4 .property_listing {
    min-height: 480px !important;
}

.wpestate_latest_listings_sh .col-md-3 .hide-me-in-grid {
    display: none !important;
}

.wpestate_latest_listings_sh .col-md-3 .property_listing {
    min-height: 480px !important;
}

.agency_listings_wrapper .col-md-3 .hide-me-in-grid {
    display: none !important;
}

.agency_listings_wrapper .col-md-3 .property_listing {
    min-height: 480px !important;
}

.mylistings .col-md-4 .hide-me-in-grid {
    display: none !important;
}

.mylistings .col-md-4 .property_listing {
    min-height: 480px !important;
}

@media only screen and (max-width: 700px) {

    #listing_ajax_container .col-md-4 .property_listing {
        min-height: 500px !important;
    }


    .wpestate_latest_listings_sh .col-md-3 .property_listing {
        min-height: 500px !important;
    }


    .agency_listings_wrapper .col-md-3 .property_listing {
        min-height: 500px !important;
    }


    .mylistings .col-md-4 .property_listing {
        min-height: 500px !important;
    }
}