/* Developer Style  */


.our-venues {padding: 40px 0;}
.load-more-main {justify-content: center;}

a.load-more-venues span{display:none;}
a.load-more-venues.clicked span {display: inline-block;}

.destinations-list-box .content-body h3 a {color: #000000;}
span.trending {display: inline-block;width: max-content;}
span.trending img {max-width: 20px;display: inline-block;}
#searchByVenueFormSuccess, #VenueBookFormSuccess {display: none;}
.searchModal .form-control {color: #000;padding: 20px 26px 2px !important;}
.venue-list-search span.error {font-size: 14px;font-weight: 600;}
.trending-venues .item a>figure {border-radius: 10px;overflow: hidden;position: relative;z-index: 1;}
.trending-venues .item a>figure img {width: 100%;object-fit: cover;}
.trending-venues .item a>figure:after {background: #fafafa;background: linear-gradient(180deg, hsla(0, 0%, 98%, 0), rgba(0, 0, 0, .5) 86%);bottom: 0;content: "";height: 100%;left: 0;position: absolute;width: 100%;}

.calander input {z-index: 2;display: inline-block;position: relative;cursor: pointer;}
.calander input::-webkit-input-placeholder {color: #ffffff;}
.calander input::-moz-placeholder {color: #ffffff;}
.calander input:-ms-input-placeholder{color: #ffffff;}
.calander input:-moz-placeholder{color: #ffffff;}
.calander i {position: absolute;top: 20px;right: 20px;color: #fff;z-index: 1;}

figure.defaultimg {min-height: 265px;}

.elementor-field-group-event_start_date input, .elementor-field-group-event_end_date input{z-index:2;cursor: pointer;}
.elementor-field-group-event_start_date i {position: absolute;right: 24px;color: #fff;z-index:1;}
.elementor-field-group-event_end_date i {position: absolute;right: 24px;color: #fff;z-index:1;}

.date-field input{position: relative;cursor: pointer;z-index:2;}
.date-field i {position: absolute;top: 12px;right: 0;z-index: 1;}
div#ui-datepicker-div {z-index: 99 !important;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #4e27b1 !important;background: #4e27b1 !important;color: #fff !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {border: 1px solid #c43a8a !important;background: #c43a8a !important;}

.venuelistmodal .modal-body {padding-bottom: 30px;}
.destinations-list-box h3 span {cursor: pointer;}


.services-sidebar .service-nav-toggle {position: relative;display: none;cursor: pointer;background-color: #f8f9fa;padding: 5px 40px 5px 10px;border: 1px solid #ccc;border-radius: 5px;font-size:16px;}

.modal-footer.loading {position: relative;}
.modal-footer.loading:after {content: "";position: absolute;width: 30px;height: 30px;border: 5px solid #C43A8A;border-bottom-color: #fff;border-radius: 50%;display: inline-block;box-sizing: border-box;animation: rotation 1s linear infinite;z-index: 999;}
.modal-footer.loading button {color: #4e27b1 !important;pointer-events: none;}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
} 

@media (max-width: 767px) {
	.services-sidebar {padding: 20px 15px 20px 15px;}
	.services-sidebar .service-nav-toggle {display: block;}
	.services-sidebar .nav-item {display: block;}
	.services-sidebar .nav.flex-column.nav-tabs {display: none;}
	.services-sidebar .nav.flex-column.nav-tabs.show {display: block;margin-top: 15px;}
	.services-sidebar .nav-item.active-parent {display: block;}

	.services-sidebar .service-nav-toggle:after {content: "+";position: absolute;width: 40px;height: 40px;right: 0;text-align: center;font-size: 30px;font-weight: 600;display: flex;align-items: center;top: 0;justify-content: center;}
	.services-sidebar .service-nav-toggle.open:after {content: "-";font-size: 50px;font-weight: 400;top: -5px;}
}