/*

Theme Name: Homey Child
Theme URI: http://themeforest.net/user/favethemes/
Author: Favethemes
Author URI: http://themeforest.net/user/favethemes/
Description: Homey is a powerful booking platform that lets you run a residential or commercial
rental business online with no hassle
Version: 1.0.0
Tags: right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: homey
Template: homey

*/

/* Your CSS code goes here

-------------------------------------- */

/* 

00. ROOT
01. COMPONENTS 
02. LISTING
03. PROPERTY DETAIL

*/

/* 00. ROOT */

:root {
    --primary-color: #f15a29;
    --primary-blue: #00AEEF;
    --light-blue: #e5f7f7;
    --sea-blue: #00afad;
    --soft-green: #dae247;
}

/* 01. COMPONENTS */

/* Search Shortcode */

#onm_search_form {
    text-align: center;
    background-color: white;
    padding:20px;
    border-radius: 10px;
    box-shadow: 0 6px 10px 4px #dbdbdb;
    display:flex;
}

#onm_search_form label {
    width: 33%;
    text-align: left;
    margin-bottom:0px;
}

#onm_search_form .label-background {
    width: 80%;
    background-color: #f7f7f7;
    padding:8px 5px;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#onm_search_form button.btn-primary {
    width: 20%;
    background-color: var(--primary-color);
}

#onm_search_form button.dropdown-toggle, 
#onm_search_form input.form-control,
#onm_search_form button.dropdown-toggle:focus,
#onm_search_form button.dropdown-toggle:active {
    border: none;
    background-color: transparent !important;
    padding-left: 37px;
}

#onm_search_form input.form-control {
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    border-radius: 0px;
}

#mobile-modal-opener {
    width: 100%;
    background-color: var(--primary-color);
    display: none;
}

#mobileFormModal h5 {
    margin-bottom: 15px;
}

#mobileFormModal .modal-dialog {
    width: 90%;
}

#mobileFormModal .modal-content {
    border-radius: 10px;
}

#onm_mobile_search_form button.dropdown-toggle, 
#onm_mobile_search_form input.form-control,
#onm_mobile_search_form button.dropdown-toggle:focus,
#onm_mobile_search_form button.dropdown-toggle:active {
    padding-left:37px;
}

#onm_mobile_search_form label,
#onm_mobile_search_form button.btn-primary {
    display:block;
    width: 100%;
}

#onm_mobile_search_form button.btn-primary[type='submit'] {
    background-color: var(--primary-color);
}

@media(max-width: 1042px) {
    #onm_search_form {
        display: none;
    }

    #mobile-modal-opener {
        display: block;
    }
}

@media (min-width: 768px) {
    #mobileFormModal .modal-dialog {
        width: 600px;
    }
}

.ui-datepicker {
    font-family: "Quicksand", sans-serif;
    font-size: 17px;
}

.ui-datepicker .ui-datepicker-header {
    background-color: transparent;
    border: none;
}

.ui-datepicker .ui-state-default {
    border: 1px solid transparent;
}

.ui-datepicker .ui-state-default:hover,
.ui-datepicker .ui-state-default.ui-state-active  {
    background-color: var(--primary-color);
    color: white;
    opacity: .8;
}

.lbl-listing .dropdown-toggle {
    background: url('img/bed.svg') no-repeat 7px !important;
    background-size: 25px !important;
}

.lbl-city .dropdown-toggle {
    background: url('img/location.svg') no-repeat 7px !important;
    background-size: 18px !important;
}

.lbl-arrive #arrive,
.lbl-arrive #arrive_mobile {
    background: url('img/calendar.svg') no-repeat 7px !important;
    background-size: 18px !important;
}

/* Welcome Modal */

.xy-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 175, 239, 0.9);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xy-modal .xy-modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 900px;
}

.xy-modal .xy-modal-content img {
    width: 50%;
    margin-bottom: 25px;
}

.xy-modal .xy-modal-content h2 {
    color: white;
    font-size: 40px;
    text-align: center;
    line-height: 1.2;
}

.xy-buttons-container {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    margin-top: 20px;
} 

.xy-button {
    color: black;
    font-size: 18px;
    padding: 10px 40px;
    border-radius: 8px;
}

.xy-button.xy-button-green {
    background-color: var(--soft-green);
}

.xy-button.xy-button-orange {
    background-color: var(--primary-color);
}

/* 02. LISTING */

#homey_halfmap_listings_container.listing-wrap.item-grid-view {
    display: flex;
    flex-wrap: wrap;
}

.item-wrap .media.property-item {
    box-shadow: 0px 2px 17px 0px #8b8b8b;
    height: 100%;
    position: relative;
    padding-bottom: 45px;
}

.item-wrap .label-wrap .label {
    background-color: var(--primary-color);
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 5px;
    font-weight: 500;
}

.item-wrap .media.property-item .item-footer {
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    bottom: 20px;
}

.item-wrap .media.property-item .item-footer .xy-btn {
    color: white;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

.item-wrap .item-amenities {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.item-wrap .item-amenities li {
    width: 50%;
}

.item-wrap .head-title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.item-wrap .head-title .item-price {
    font-size: 18px;
    color: var(--primary-color);
}

.item-wrap .head-title .item-price sup,
.item-wrap .head-title .item-price sub {
    font-size: 11px;
}

.item-wrap .head-title .item-price sub {
    color: #4f5962;
}

.half-map-search,
.half-map-search-filters .search-filter .search-filter-wrap {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 5px 9px 0px #cfcfcf;
    border-bottom: 0px;
    border-color: transparent;
}

.half-map-search .half-map-search-buttons .btn-grey-outlined {
    width: fit-content;
    padding-right: 20px;
    padding-left: 20px;
}

/* 03. PROPERTY DETAIL */

#xy-enquire-col .block-body {
    padding: 20px;
}

#xy-property .title-section i {
    color: var(--primary-blue);
    font-size: 18px;
    margin-right: 5px;
}

#xy-property .block{
    border-bottom-color: var(--primary-blue);
    border-bottom-style: solid;
}

#xy-property .title-section .block.block-top-title {
    border-bottom: 0px;
}

#xy-property #about-section {
    display: flex;
    border-spacing: 10px;
}

#xy-property #about-section .block-bordered {
    border-bottom: 0px;
}

#xy-property #about-section .block-col {
    padding: 12px 10px;
}

#xy-property #about-section .block-col i {
    color: var(--primary-blue);
}

#xy-property #about-section .block-col.block-col-25 {
    background-color: var(--light-blue);
    border-radius: 5px;
    border-right: 0px;
}

#xy-property .xy-list i {
    font-size: 16px;
    margin-right: 10px;
    color: var(--primary-blue);
}

#xy-property .block.xy-terms-block p {
    display: flex;
    justify-content: space-between;
}

#xy-property .block.xy-terms-block p .allowed {
    color: var(--sea-blue);
    font-weight: 600;
}

#xy-property .block.xy-terms-block p .not-allowed {
    color: var(--primary-color);
    font-weight: 600;
}

#xy-property .block.xy-last-block {
    border-bottom: 0px;
}

#xy-property .xy-form-container {
    padding: 20px;
    background-color: var(--light-blue);
    border-radius: 10px;
}

#xy-property .xy-form-container .xy-price-block {
    color: white !important;
    text-align: center;
    background-color: var(--sea-blue);
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#xy-property .xy-form-container .xy-price-block h1 {
    margin-bottom: 0px;
    font-weight: 600;
}

#xy-property .xy-form-container .xy-price-block h1 small {
    color: white;
    font-weight: 600;
}

#xy-property .xy-form-container .xy-50-input {
    display: flex;
    justify-content: space-between;
}

#xy-property .xy-form-container .xy-50-input .form-group {
    width: 48%;
}

#xy-property .xy-form-container .btn {
    width: 100%;
}

#xy-property .xy-form-container .xy-inline-radio {
    display: flex;
}

#xy-property .xy-form-container .xy-inline-radio .form-check {
    margin-right: 10px;
}

#xy-property .xy-form-container p {
    margin-bottom: 5px;
}

#xy-property .xy-form-container .btn.btn-blue {
    background-color: var(--primary-blue);
    border-color: var(--primary-blue);
}

#xy-property .xy-form-container .btn.btn-blue:hover {
    background-color: #008abd;
    border-color: #008abd;
}

#xy-property #xy-enquire-col .block {
    border-bottom: 0px !important;
}



/*PROPERTY LISTING*/

#homey_halfmap_listings_container .property-item img {
    width: 100%;
}

/* ----------------------------- EUX CSS here ----------------------------- */
.property-item .property-body.item-body {
    height: 300px;
}
.item-wrap .item-amenities {
    height: auto;
}
span.accomodation-lable {
    background: #00afad;
    border-radius: 5px;
    color: #ffffff;
    left: 6%;
    padding: 5px 15px;
    position: absolute;
    top: 8%;
}
ul.item-amenities li {
    margin-bottom: 5%;
}
.room-details h3 {
    margin: 0;
    text-align: center;
    font-size: 16px;
}
.room-details ul.room-info {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}
.room-details ul.room-info li {
    width: 50%;
}
#google-maps-info-window .item-wrap .media.property-item {
    padding-bottom: 0px;
}
#google-maps-info-window .item-wrap ul.item-amenities {
    flex-direction: column;
    flex-wrap: nowrap;
}
#google-maps-info-window .item-wrap ul.item-amenities li {
    width: 100%;
}
/*.half-map-right-wrap {
    height: 600px;
    position: sticky;
}*/
.block-body.eux-map-body {
    padding: 20px 0px;
}
/* ------------------------------------------------------------------------ */

/*ONMOVE CODE*/

.page-id-9724 select option[value="mel"], .page-id-9724 select option[value="bri"], .page-id-9724 select option[value="per"], .page-id-9700 select option[value="mel"], .page-id-9700 select option[value="bri"], .page-id-9700 select option[value="per"] {
	display:none !important;
}