/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.header-wrapper { box-shadow: 1px 1px 10px rgba(0,0,0,0.15);}

.home .property-search-form-default { background: #747474; }
.property-search-form .control { padding: 0 30px;}
.control-address_keyword { width: 30%}
.control-minimum_bedrooms, .control-maximum_price, .control-maximum_rent { width: 15%}
.control-include-sold-stc { width: 15%}
.control-button { width: 10%}
.control-availability { vertical-align: top !important}

.propertyhive-featured-properties-shortcode li.featured {
    margin: 40px 0 20px 1.6% !important;
    width: 32.24%;
}
.propertyhive-featured-properties-shortcode li.featured:first-child {margin-left: 0 !important;}
.propertyhive-featured-properties-shortcode li.featured .details h3 a { color: #7b0b44 !important; display: inline-block; height: 32px; overflow: hidden; text-overflow: ellipsis }
.propertyhive-featured-properties-shortcode li.featured .price, .propertyhive-featured-properties-shortcode li.featured .rooms { font-size: 18px;}

#footer { border-top: solid 20px #747474}
.widget_nav_menu { flex-basis: 75% !important; max-width: 75% !important; -ms-flex-preferred-size: 75% !important}
.widget_nav_menu #menu-main { font-size: 18px;}
.widget_nav_menu #menu-main > li { display: inline-block; vertical-align: top;  width: 24.5%;}
.widget_nav_menu .sub-menu { border: 0; display: block !important; font-size: 14px; margin: 0 0 20px; padding-left: 0 !important}
.widget_nav_menu .toggle { display: none;}
.dark ul.menu > li + li { border: 0 !important}
/*.block_widget { flex-basis: 25% !important; max-width: 25% !important; -ms-flex-preferred-size: 25% !important}*/


.archive #wrapper, .archive #main {
    background: #fff;
    color: #444;
}

#container { margin: 0 auto; max-width: 1140px; width: 100%; }

.page-title { display: none; }

.property-search-form-default { background: #747474; margin: 0 0 30px 0; padding: 30px 30px 20px}
.propertyhive-result-count { margin: 0 auto; max-width: 1140px; width: 100%; }
.propertyhive-ordering { display: none}
.search-section { z-index: 3}
.form_container { margin: 0 auto; width: 100%}

.control-department { width: 20%;}
.control-department label {
    display: block;
    float: left;
    margin: 0 15px 0 0;
}
.control-include-sold-stc {
    padding-top: 29px !important;
}

.property-search-form-default input[type=submit] { background-color: #fff !important; border: 0; color: #7b0b44; margin: 15px 0 0;}
.property-search-form-default input[type=submit]:hover {background-color: #5C3D56 !important; color: #fff}
.property-search-form-default label { color: #fff;}
.property-search-form-default ul li label { color: #747474; }
.propertyhive ul.properties { list-style-type:none; margin:0 auto !important; padding:0; clear:both; max-width: 1140px; width: 100%; }
.propertyhive ul.properties li { border-bottom:0; float:left; margin:40px 0 20px; padding: 0; /*clear:both*/ }
.propertyhive ul.properties li.first { clear:none; }
.propertyhive ul.properties li.first.last { width:48%; }
.propertyhive ul.properties li .thumbnail { border: solid 1px #7B0B44; float:none; width:100%; }
.propertyhive ul.properties li .thumbnail a { display:block; position:relative; height:100%; }
.propertyhive ul.properties li .thumbnail img { max-width:100%; }
.propertyhive ul.properties li .details { float:none; margin: 25px 0 0; width:100%; }
.propertyhive ul.properties li .details .summary { display: none; }
.propertyhive ul.properties li .details h3 { padding:0; margin:0 0 0.3rem; }
.propertyhive ul.properties li .details h3 a { color:#7B0B44; display: inline-block; height: 32px; overflow: hidden; text-overflow: ellipsis}
.propertyhive ul.properties li .price, .propertyhive ul.properties li .rooms, .propertyhive ul.properties li .room { display: inline-block; font-size: 18px}
.propertyhive ul.properties li .rooms { border: 0;}
.propertyhive ul.properties li .room { border-left: solid 1px #444; margin: 0 0 0 10px; padding: 0 0 0 10px;}
.propertyhive ul.properties li .availability { display: none;}

.room-bedrooms .room-count:after {content:"\f236"; display: inline-block; font-family: "FontAwesome"; margin: 0 0 0 10px;}
.room-bathrooms .room-count:after {content:"\f2cd"; display: inline-block; font-family: "FontAwesome"; margin: 0 0 0 10px;}
.room-receptions .room-count:after {content:"\f4b8"; display: inline-block; font-family: "FontAwesome"; margin: 0 0 0 10px;}
.room-label {display: none}


.button { background: #5C3D56; border: 0; margin: 15px 0 0}
.button:hover { background: #fff; border: 0; box-shadow: none; color:#7b0b44}



.single-property #container {background: #fff; color: #444; margin: 0 auto; max-width: 100%; width: 100%; }
#slider { border: 0; margin: 0 0 -10px; overflow: hidden; }
#slider .slides > li {  }
#slider .slides img { }
#carousel { border: 0;}
#carousel .slides > li { width: 120px !important;}
#carousel .slides > .flex-active-slide { background: #656565}
#carousel .slides > .flex-active-slide img { opacity: .3}

.summary, .features, .property_meta, .description { margin: 0 auto; max-width: 1140px; width: 100%}
.entry-summary { max-width: 100%; padding: 0 !important}
/*.summary h1 { color: #7B0B44; max-width: 1140px; margin: 0 auto 0.67em; width: 100%}
.summary .price { color: #444; font-size: 1.6em; max-width: 1140px; margin: 0 auto; width: 100%}*/
.property_actions { background: #7B0B44;}
.property_actions ul { list-style: none; margin: 0px auto 30px; max-width: 1140px; width: 100%;}
.property_actions ul li { display: inline-block;  margin-left: 0; margin-right: 20px; margin-top: 0.6em}
.property_actions ul li a {color: #fff}
.action-make-enquiry a:before {content:"\f0e0"; display: inline-block; font-family: "FontAwesome"; margin: 0 10px 0 0;}
.action-floorplans a:before {content:"\f279"; display: inline-block; font-family: "FontAwesome"; margin: 0 10px 0 0;}
.action-map a:before {content:"\f3c5"; display: inline-block; font-family: "FontAwesome"; margin: 0 10px 0 0;}

.property_meta ul { list-style: none;}
.property_meta ul li { display: inline-block; margin-left: 0; margin-right: 20px;}
.summary h4, .property_meta h4, .features h4 { border-bottom: solid 1px #7B0B44; color: #7B0B44; margin: 0 0 20px;}
.property_meta .property-type, .property_meta .availability { display: none;}
/*.property_meta .bedrooms:before {content:"\f236"; display: inline-block; font-family: "FontAwesome"; margin: 0 10px 0 0;}
.property_meta .bathrooms:before {content:"\f2cd"; display: inline-block; font-family: "FontAwesome"; margin: 0 10px 0 0;}
.property_meta .reception-rooms:before {content:"\f4b8"; display: inline-block; font-family: "FontAwesome"; margin: 0 10px 0 0;}*/

.summary, .features { padding: 0 0 30px}
.features ul { column-count: 2; margin: 0 0 0 13px}

.property-top-row {
    display: flex;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.type-property .images {
    position: relative;
    width: 60%;
    z-index: 1;
}

.type-property .entry-summary {
    align-content: center;
    align-items: center;
    background-color: #747474;
    box-shadow: -14px 0 20px 0 rgba(0,0,0,0.82);
    display: flex;
    flex-wrap: wrap;
    position: relative;
    text-align: center;
    width: 40%;
    z-index: 2;
}

.summary .property_title {
    color: #fff;
    display: block;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 150%;
    margin: 0 auto;
    max-width: 26rem;
}

.summary .price {
    color: #7B0B44;
    display: block;
    font-size: 1.5rem;
    margin: 1.5rem auto 3rem;
    width: 100%;
}

.summary .property_meta li {
    color: #fff;
    display: inline-block;
    font-size: 2rem;
    margin: 0 !important;
    padding: 0 2rem;
}

.summary .property-type, .summary .availability {
    display: none !important;
}

.summary .property_meta li span {
    display: block;
    font-size: 0.6rem;
    text-transform: uppercase;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .property-search-form .control {
        display: block;
        padding: 0;
        width: 100% !important;
    }
    
    .control-department {
        height: 40px;
    }
    
    .propertyhive-featured-properties-shortcode li.featured {
        width: 100%;
    }
    .propertyhive ul.properties li .price, .propertyhive ul.properties li .rooms, .propertyhive ul.properties li .room {
        display: inline-block;
        font-size: 16px;
    }
    .propertyhive ul.properties, .propertyhive-result-count, .propertyhive-pagination {
        margin: 0 5%;
        width: 90%;
    }
    .property-top-row {
        display: inline-block;
        overflow: initial;
    }
    .type-property .images {
        position: relative;
        width: 100%;
        z-index: 1;
    }
    .type-property .entry-summary {
        box-shadow: none;
        padding-top: 20px !important;
        width: 100%;
    }
    .summary .property_meta li {
        padding: 0 1rem;
        width: 33%;
    }
    .summary .price {
        margin: 1.5rem auto;
    }
    .property_actions {
        padding: 0 20px;
    }
    .summary, .features, .property_meta, .description {
        margin: 0 auto;
        width: 90%;
    }
    .summary ul {
        margin-left: 13px;
    }
}