/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 19 2026 | 16:27:42 */
/* Hostaway styling */
.search-wrap{
	background-image: url('https://safar.devsvibe.co/wp-content/uploads/2025/11/luxury-travels-hotel-deal-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 170px 10px 100px 10px;
	position: relative;
    z-index: 1;
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 600px)!important;
    padding-right: calc(50vw - 600px)!important;
}
.search-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, #000000B2 25%, #00000080 100%);
    z-index: -1;
}
.search-wrap .field {
    padding: 0 10px;
	margin-bottom: 25px;
}
.search-wrap svg{
	display:none;
}
.search-wrap .meta .label {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
	position: relative;
}
.search-wrap input[type="text"] {
    border-radius: 50px 50px 50px 50px !important;
    background: rgba(255, 255, 255, 0.1);
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    color: #b1b1b1 !important;
    padding: 13px 22px;
    font-weight: 400;
    font-size: 18px;
    height: 56px;
	width:200px!important;
}
.search-wrap .nice-select{
	border-radius: 50px 50px 50px 50px !important;
    background: rgba(255, 255, 255, 0.1);
    border: 1.5px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(12px);
    color: #b1b1b1 !important;
    font-weight: 400;
    font-size: 18px;
	width:200px;
	height: 56px !important;
	z-index: 1;
}
#guestBtn{
	border-radius: 50px 50px 50px 50px !important;
    background: rgba(255, 255, 255, 0.1)!important;
    border: 1.5px solid rgba(255, 255, 255, 0.1)!important;
    backdrop-filter: blur(12px);
    color: #b1b1b1 !important;
    font-weight: 400;
    font-size: 18px;
	width:200px;
	padding: 12px 18px!important;
	height: 56px !important;
}
#guestBtn img{
	position: relative;
    right: -70px;
	filter: brightness(0) saturate(100%) invert(1);
}
.search-wrap input[type="text"]:focus {
    border-color: #b1b1b1 !important;
}

.search-wrap input::placeholder {
  color: #b1b1b1;
  opacity: 1; /* Firefox */
}
.ico {
    color: #ffffff;
}
.value span {
    color: #b1b1b1 !important;
}
#guests svg path {
    fill: #fff !important;
}
.search-wrap button.btn {
    min-width: 70px;
    background-color: #c97a4f;
    border-color: #c97a4f;
    border-radius: 50px 50px 50px 50px !important;
    margin-top: 10px;
	height:56px;
}
.search-wrap button.btn:hover {
    background-color: #362618;
    border-color: #362618;
}
.hostaway-listing-card {
    border-radius: 24px!important;
    transition: 0.3s ease-in-out;
    padding: 24px 24px 24px 24px!important;
    border: 1px solid var(--safar-border-color);
	margin-left: 0px!important;
}

.hostaway-listing-card:hover {
    box-shadow: 0px 24px 80px rgba(74, 58, 45, 0.12);
	transform: translateY(0px);
}
.hostaway-listing-card:hover .hostaway-card-image img {
    transform: scale3d(1.1, 1.1, 1.1);
}
.hostaway-card-image{
	position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    display: inline-block;
	border-radius: 12px;
}

.hostaway-card-content {
    padding: 24px 24px!important;
	margin-top:20px!important;
	margin-left:0px!important;
    border-radius: 12px;
    background: linear-gradient(180deg, #FAF5F1 0%, #F9F2EC 50%, #FBEDE2 100%);
}
.list-view .hostaway-card-content {
	margin-left: 15px!important;
	margin-top:0px!important;
	width: 100%;
}
.hostaway-listings-wrapper .hostaway-card-content a.hostaway-listing-book-btn, .haway-thankyou-wrap a.hostaway-listing-book-btn {
    position: relative;
	background: #c97a4f;
	color: var(--safar-text-white-color);
	transition: all 0.3s ease-in-out;
	border-color: transparent;
	font-weight: 500;
	font-family: var(--safar-body-font);
	border-radius: 50px !important;
}
.hostaway-card-content a.hostaway-listing-book-btn:hover, .haway-thankyou-wrap a.hostaway-listing-book-btn:hover {
   	background: #362618;
    color: var(--safar-text-white-color);
    border-color: #362618;
}
.hostaway-listings-wrapper .hostaway-card-content h3 {
    word-break: break-word;
    font-family: var(--safar-heading-font);
    color: var(--safar-heading-color);
    line-height: var(--safar-heading-font-line-height);
    font-weight: var(--safar-body-font-weight);
}
.hostaway-listings-wrapper .hostaway-card-content h3 a:hover {
	color: var(--safar-primary-color)!important;
}
.hostaway-listing-location span, .hostaway-listing-amenities li span span{
    color: var(--safar-body-color);
}

.hostaway-card-image img {
    height: 300px !important;
	border-radius: 12px;
}
body .hostaway-pagination a.active, body .hostaway-pagination a:hover {
    background-color: #c97a4f;
    border: 1px solid #c97a4f
}
html body .hostaway-pagination{
	margin-bottom: 30px;
}

.slick-prev:before, .slick-next:before{
	color: #362618;
	background-color: #ffffff;
}
.slick-prev:hover:before, .slick-next:hover:before {
	background-color: #C97A4F;
	color: #fff;
}
.slick-next {
    right: 60px;
}
.slick-prev {
    left: 25px;
}
.haway-single-right .booking-form, .stay-summary{
	box-shadow: none!important;
    background: #f3f1ef!important;
    border-radius: 12px!important;
}
.haway-single-right input[type="text"] {
    width: 100%;
	background-color: #fff;
	border-radius: 12px !important;
	padding: 0 18px;
	font-size: 18px;
	height: 56px !important;
	line-height: 56px;
	border: none;
}
.haway-single-right .nice-select{
	border-radius: 12px!important;
	border: none;
}
.haway-single-right .booking-form button[type="submit"], .payment-method button[type="submit"]{
	background: #c97a4f;
    color: #fff;
    width: 100%;
    border-radius: 50px !important;
    padding: 0 22px;
    height: 56px !important;
}
.haway-single-right .booking-form button[type="submit"]:hover, .payment-method button[type="submit"]:hover {
    background: #362618;
}
.haway-single-right .booking-form .reservation_select_field{
	line-height: 26px !important;
}
.ui-widget.ui-widget-content{
	background-color: #fff;
    color: #000;
    border: 1px solid #EAEAEA;
	border-radius: 16px;
	padding: 0;
}
.stars svg {
    fill: #c97a4f;
}
.haway-cal-cell-price {
    color: #df895b;
}
.ui-datepicker-header.ui-widget-header{
	color:#fff;
	background-color: #df895b;
	border:none;
	border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.guest-details .form-row input , .guest-details .form-row .nice-select, .payment-method .payment-option, #card-fields input{
    border-radius: 12px!important;
    border-color: #eaeaea;
}
.hostaway-card-content p::before, .hostaway_property_type_icon::before, .hostaway_bed_icon::before, .hostaway_bath_icon::before, .hostaway_person_icon::before, .hostaway_sq_icon::before, .haway-cal-month-prev, .haway-cal-month-next, .haway-icon-beds::after, .haway-icon-baths::after, .haway-icon-persons::after, .haway-icon-area:after{
	filter: invert(34%) sepia(70%) saturate(2259%) hue-rotate(336deg) brightness(77%) contrast(105%);
} 
.hostaway-listing-location span, .hostaway-listing-amenities li span {
    padding-left: 0px !important;
	margin-left: 0px;
}
.ui-datepicker th{
	color: #df895b;
}
ul.listing-amenities{
	list-style-type: none;
}
.listing-amenities li{
	font-family: 'icomoon' !important;
	color: #c97a4f;
	
}
.listing-amenities li:before{
	content: "\e99d";
	color: #c97a4f;
	margin-right: 10px;
}
.guest-details .form-row input:focus , .payment-method .payment-option:focus, #card-fields input:focus{
    border-color: #eaeaea;
}
.search-wrap #checkin, .search-wrap #checkout {
    padding: 13px 22px;
}
#search-listing svg{
	display:block;
}

.hostaway-listings-wrapper .hostaway-listing-amenities{
	margin-bottom:0!important;
}
.hostaway-listings-wrapper.list-view .hostaway-card-content p{
	margin-top:0!important;
}
@media screen and (max-width: 767px) {
    .search-wrap .meta,.search-wrap input[type="text"],  #guestBtn, .search-wrap .nice-select, #guestSummary {
        width:100%!important;
    }
	.search-wrap button.btn {
		margin-left: 10px;
		margin-right: 10px;
		flex: 1 1 47%;
	}
	#guestBtn{
		text-align: left;
	}
	
	#guestBtn img{
		right:0px
	}
}