/*
 Theme Name:   WpResidence child theme
 Theme URI:    https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
 Description:   WpResidence child theme
 Author:       WpEstate
 Author URI:   http://wpestate.org
 Template:     wpresidence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/********************************
 new entries
 gw v1.0 04072019
*********************************/
/* include ppm-font for new selfcreated Icons */
@font-face {
    font-family: 'ppm-font';
    src: url("assets/fonts/ppm-font.eot?48924430");
    src: url("assets/fonts/ppm-font.eot?48924430#iefix") format('embedded-opentype'), url("assets/fonts/ppm-font.woff?48924430") format('woff'), url("assets/fonts/ppm-font.ttf?48924430") format('truetype'), url("assets/fonts/ppm-font.svg?48924430#ppm-font") format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'ppm-font';
        src: url('../font/ppm-font.svg?55591865#ppm-font') format('svg');
    }
}
*/
/* in case it's not loaded already */
@font-face { font-family: roboto;
             src: url('assets/fonts/Roboto-Light.ttf') format('truetype'); }


[class^="ppm-"]:before,
[class*=" ppm-"]:before {
    font-family: 'ppm-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
    margin-left: 0.2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.ppm-bath:before { content: '\40'; }
.ppm-house:before { content: '\41'; }
.ppm-bed:before { content: '\42'; }
.ppm-lot:before { content: '\43'; }
.ppm-marker:before { content: '\44'; }

/* ppm font-end */

/* info box for small details on single property page */
ul.prop_details {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 auto;
}

ul.prop_details li {flex: 1 0 auto; list-style: none; padding: 0 10px; line-height: 54px; white-space: nowrap;background: none repeat scroll 0 0 rgba(80, 114, 146, 0.75);}
ul.prop_details li:last-child { min-width: 15%; padding: 0 20px; background: none repeat scroll 0 0 rgba(166, 137, 97, 0.8); font-size:28px;}
.heading_over_image_wrapper { width: auto; }
.heading_over_image { font-size: 40px; font-weight: 300; margin: 0; padding: 20px 30px 50px 30px;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.85); color:#b39b77; text-shadow: none; line-height: 1.4;}

/* Headerblock für Content Seiten */
.content_page_extra .heading_over_image { font-size: 40px; font-weight: 300; margin: 10px 0 0; padding: 15px 20px 5px;background: none; color:#666; text-align:center; padding-top:20px; text-shadow: none;}
.content_page_extra .subheading_over_image { font-size: 24px; font-weight: 300; margin: 0 0 30px; padding: 10px 20px;background: none; color:#666; text-align:center; padding-bottom:20px; text-shadow: none;}
.content_page_extra { background-color: #fff; top: 92% !important;}
/* --------------------------------- */

.uvc-heading h2 {font-weight: 400 !important;}

/* hide infobox on mobiles */
@media only screen and (max-width:700px) {
   .heading_over_image_wrapper {display:none; }
}
/* info box for small details on end */

/************************************* gimmicks
 gw v1 09072019
***************************************/
.wpestate_estate_property_design_gallery li { overflow: hidden; }
.wpestate_estate_property_design_gallery li img {
    transition: transform .5s ease-out;
}
.wpestate_estate_property_design_gallery li img:hover {
    transform: scale(1.02);
    transition: transform .5s ease-out;
}
/* gimmicks end */

.property_listing.property_unit_type2 .property_listing_details  .infolotsize_unit_type2:before{
    content: "\f0b2";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 7px;
}
.property_listing.property_unit_type2 .property_listing_details  .infosize_unit_type2:before{
    content: "\f015";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 7px;
}
.property_listing.property_unit_type2 .property_listing_details  .infobath_unit_type2:before{
    content: "\f2cc";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 7px;
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) {
    #first, #second, #third {width: 100%;}
    .DataRowIcons {margin-left: 0 !important; margin-right:0!important;}
    .DataRowIcons div.vc_col-sm-2 {display: inline-block; width:40%;}
    .vc_custom_1570708671765 {padding-left:5px !important; padding-right:5px !important}
    .wpestate_estate_property_design_gallery li {width: 100%;}
}

*, *:before, *:after {
    box-sizing: border-box;
}
/* ~~~~~~~ INIT. BTN ~~~~~~~ */
:root {
--def: #96B7C4;
--inv: #4d6b87;
--invinact: rgba(150, 150, 150, 0.4);
}
.center {
    text-align: center;
}
.center i {
    position: absolute;
    left: 5px;
    top: 3px;
}

.ppm-buttons {
    position: relative;
    padding: 1.2rem 3.2rem;
    font-size: 1.4rem;
    color: var(--inv);
    border: 1px solid var(--inv);
    text-transform: uppercase;
    transition: all 500ms ease;
    cursor: pointer;
    user-select: none;
    margin-bottom: 3px;
    border-radius: 4px;
}
.ppm-buttons-inactive {
    position: relative;
    padding: 1.2rem 3.2rem;
    font-size: 1.4rem;
    color: var(--invinact);
    border: 1px solid var(--invinact);
    text-transform: uppercase;
    transition: all 500ms ease;
    cursor: pointer;
    user-select: none;
    margin-bottom: 3px;
    border-radius: 4px;
    cursor: default;
 }
.ppm-buttons:hover {
    color: var(--def);
    background: var(--inv);
    transition: all 500ms ease;
}

.maxwidth img {
    max-width: 100%;
}

@media (min-width: 992px) {
    .modal-xl {
        width: 85% !important;
    }
}


.controlwrapper {
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.controlwrapper a { font-size: 3em; display: block; width: 50%; margin: 20px; }
.controlwrapper a.carousel-control-next {  text-align: right; }
.controlwrapper a.carousel-control-prev { text-align: left; }

#map-content {
    display: inline-block;
    position: relative;
}


.info {
    position: absolute;
    color: white;
    width: auto;
    height: auto;
    text-align: center;
    display: none;
    z-index: 20000;
    background: #575757;
    border-radius: 3px;
}
.infoText {
    width: auto;
    height: auto;
    margin: 4px 7px;
}
.status {
    color: lightgreen;
}


.nicebtn {
    background: #EAE6E2;
    border: 0;
    padding: 5px 10px;
    position: absolute;
    top: 5px;
    right: 15px;
    width: auto;
    font-size: smaller;
    border-radius: 0 0 3px 3px;
    z-index: 1;
    box-shadow: 0 2px 2px 0px #808080;
}

.updown {
    display: inline-block;
    transition: all .7s ease;
    transform: rotate(180deg);
}

.updown::before {
    content: "▼";
    background: transparent;
    font-size: smaller;

}
.arrowdown {
    transform: rotate(0deg);
    transition: all .7s ease;
}
.search-header {
    height: 5px;
}
.search-header h3 { margin-top:15px; position: relative; z-index: 1; }
.welisten {
    position: fixed;
    z-index: 99;
    width: 45%;
    bottom: -230px;
    right: -4px;
    opacity: 0.5;
    transition: all .7s ease;
}
.showhide {
    bottom: -4px;
    transition: all .7s ease;
}
.website-wrapper {
    width: 100%;
    height: auto;
    overflow: hidden; /* prevent scrollbars on inner DIV */
}
.iconwrapper {
    padding: 40px 60px 50px 60px;
    background: #fff;
    height: auto;
}
.DataRowIcons {
    display: flex;
    width: auto;
    flex: 1;
    flex-wrap: wrap;
    border: 1px dotted transparent;
}

@media only screen and (max-width:1024px) {
    .iconwrapper { padding: 10px 10px 80px 10px; }
    .vc_col-has-fill > .vc_column-inner { padding-top: 5px !important; }
    .DataRowIcons .vc_column_container {  width: 49%;  }

}

.ppm-lot {
    text-align: center;
    /* width: 100%; */
    display: block;

}
.ppm-lot::before {  transform: translateX(-25px); display: inline-block; }
.center_inline_header {  transform: translateX(-50%); display: inline-block; position: absolute; left: 50%; }

#BorlabsCookieBox ._brlbs-btn-accept-all {
  background: #b39b77 !important;
}
.upb_row_bg { min-width: 100% !important; }