/*--
	Color styles
--*/
.color-text,
.listing-feature-wrap input[type=checkbox]:checked:after, .listing-feature-wrap input[type=radio]:checked:after,
.add-feature-checkbox input[type=checkbox]:checked:after,
.add-feature-radio input[type=radio]:checked:after,
.listing-features-loader,
.account-box a, .room-available, .room-adults,
.comment-date i, .main-register h3 span,
.pager a i, .widget-posts-wrap .widget-posts .widget-posts-link i,
.sticky .list-single-main-item-title h3 a,
.info-button:hover, .footer-social li a, .lost_password a:hover, .nav-holder nav li a.act-link, .testi-text:before, .testi-text:after, .easybook-tweet .timePosted a:before, .map-popup-contact-infos i, .main-register h3 span strong, .main-register label i, .listsearch-header h3 span, .listing-view-layout li a.active, .listsearch-input-text label i, .distance-title i, .listsearch-input-item i, .filter-tags input:checked:after, .more-filter-option:hover, .distance-title span, .selectbox li.selected, .listsearch-input-text span.loc-act, .list-single-header-contacts li i, .list-single-header-column .custom-scroll-link i, .list-single-header-cat span i, .listing-features li i, .list-author-widget-contacts li span i, .list-author-widget-contacts li a:hover, .current-status i, .scroll-nav-wrapper .save-btn i, .list-single-contacts li i, .list-post-counter.single-list-post-counter i, .reviews-comments-item-date i,
.list-single-main-item-title span,
.section-title-left span, .room-title a:hover,
.custom-form label i, .custom-form .quantity span i, .box-widget .widget-posts .widget-posts-descr a:hover, .team-social li a, .team-info h3 a:hover, .section-title h2 a, section.color-bg .header-sec-link a:hover, .user-profile-menu li a.user-profile-act, .user-profile-menu li a.active, .user-profile-menu li a:hover, .pass-input-wrap span, .header-user-name:before, .header-user-menu ul li a:hover, .reply-mail a, .dashboard-message-text h4 span, .profile-edit-page-header .breadcrumbs span, .profile-edit-page-header .breadcrumbs a:hover, .reviews-comments-item-link, .radio input[type=radio]:checked + span:before,
.main-register-holder .move-modal-login a, .wishlist-wrap .geodir-category-location i,
.message-details a, .message-details span.msg-text,
.list-single-main-item-title h3 a:hover, .post-opt li a:hover, .post-link i, .post-link:hover, .tl-text i, .tl-text h3, .features-box .time-line-icon i, .features-box h3, .images-collage-title, .process-item .time-line-icon i, .card-post-content h3 a:hover,
.card-listing .list-post-counter i, .section-subtitle, .process-item:hover .process-count, .main-search-input-item.location a,
.show-search-button i, .menusb li a i, .menusb a.back:before, .menusb a.act-link, .sp-cont, .list-single-tags a:hover,
.card-listing .geodir-category-content h3 a:hover, .easybook-tweet a:hover, .subscribe-message.error a, .share-holder.hid-share .share-container .share-icon, .footer-contacts li a:hover, .listing-title a,
.listings-loader, .dasboard-menu li a.user-profile-act i,
.no-results-search a,
.logo-text h2, .map-view-wrap_item .box-widget-list li i,
.claim-widget-link a, .review-item-reply:before,
.claim-success, .map-view-wrap_item .list-single-main-item-title:before,
.sidebar-ad-widget .list-post-counter i, .cart-listi li span, .cart-listi li h3,
.cart-dtright, .cart-room-item,
.sidebar-ad-widget .geodir-category-location i,
.sidebar-ad-widget .geodir-category-content h3 a:hover, #map-osm-main .ol-zoom-out,
.asked-question .list-single-main-item-title:before, .box-widget-item-header:before,
ul.cart_list li .quantity .amount, .woocommerce ul.product_list_widget li .quantity .amount,
ul.cart_list li a:hover, .woocommerce ul.product_list_widget li a:hover,
.woocommerce-mini-cart__buttons .button:hover,
.home-btn a i,
.au-name-li .au-role, .wishlist-link, .faq-nav li a.act-faq-link,
.wkhour-opening, .card-listing .avatar-tooltip strong, .tabs-menu li.current a,
.mb-open-filter:hover, .testimonials-carousel .slick-current .testimonials-carousel-item:before,
.testimonials-carousel .slick-current .testimonials-carousel-item:after,
.mb-open-filter.active, .inline-facts i, .card-post-content h3:before, .box-widget-content .widget-posts-descr a:hover, .box-widget-content .widget-posts-descr a:hover,
.weather-grid .flatWeatherPlugin .wiToday .wiIconGroup div.wi,
.single-event-date, .qty-dropdown-content .quantity-item-header label i,
.remove-date-time i, .cs-mumber, .subfooter-lang-tooltip li a, .wishlist-link:hover,
.flatWeatherPlugin ul.wiForecasts li.wi, .card-listing .geodir-category-price span,
.qty-dropdown-header:before, .main-search-input-item_small:before, .bookdate-container-dayscounter i, .total-coast span,
.header-search-input-item .date-parent:before, .section-title-left:before,
.header-search-input-item.location .get-current-city .fa, .comment-reply-title:before,
.col-list-search-input-item :before, .breadcrumb-current, .comment-reply:before, .list-main-wrap-titles h1 span,
.header-search-input-item:before, .list-single-main-item-title:before, .cat-item li a,
.widget_categories li a, .widget_recent_entries li a:hover, .widget_recent_comments li a:hover, .widget_archive li a, .widget_meta li a:hover,
.widget_pages li a, .widget_rss li a, .widget_nav_menu li a, .widget_calendar li a, .widget_text li a, .easybook_recent_posts li a,
.easybook_instagram_feed li a, .open-table-widget li a, .reviews-total-score, .map-modal-container h3 a:hover,
.show-currency-tooltip i, .currency-tooltip li i, .show-lang i, .show-more-filters i, .list-main-wrap-title h2 span,
.video-box-btn,
.chat-date, .breadcrumbs-hero-buttom .breadcrumb-link:before, .share-container .share-icon,
.your-reply .reply-text:before, .list-single-header-inside .list-single-hero-price span,
.message-input button, .chat-widget-button i, .chat-widget-button.show i, .tfp-det p a,
.dashboard-message-text p a, .fc-button i, .proom-guests h5 span, .tfp-btn strong, .down-btn i,
.submit-sec-title:before, .map-popup-location-price, .listing-title h4, .ajax-modal-list li i,
.show-reg-form i, .in-out-count i,
.attr-nav .cart-link, #wp-calendar a, #wp-calendar #today,
.activity-details a,
.team-mem-socials a,
.total-cost-input,
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after,
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  color: #2E7D32;
}

.tagcloud a, .bt-details,
.navslide-wrap, .slide-progress, nav li a.act-link:before, .hs-nav .navslide-wrap.next-slide-wrap a, .folio-counter, .add-list,
.listing-carousel-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .card-btn:hover, .footer-widget #subscribe-button,
.add-list, .sw-btn, .infoBox-close,
.ctb-modal-close, .listsearch-input-item .selectbox, .rangeslider__fill, .fs-map-btn, .lfilter-submit, .more-filter-option span,
.back-to-filters, .back-to-filters span, .pin, .load-more-button, .footer-menu li:before,
.pagination a.current-page, .pagination .nav-links > span.current, .section-title .breadcrumbs a:before,
.section-title .woocommerce-breadcrumb a:before,
.scroll-nav-wrapper .scroll-nav li a:before, .list-single-main-wrapper .breadcrumbs, .list-widget-social li a,
.btn.transparent-btn:hover, .accordion a.toggle.act-accordion, .custom-form .quantity input.qty, .widget-posts-link span,
.box-item a.gal-link, .custom-form .selectbox, .photoUpload, .user-profile-menu li a span,
.header-social li a:hover, .selectbox li:hover, .color-overlay, .trs-btn, .testi-counter, .to-top, .header-sec-link a,
.card-btn, .profile-edit-page-header .breadcrumbs a:before,
.box-widget-item .list-single-tags a, .reviews-comments-item-text .new-dashboard-item:hover, .step-item, .slick-dots li.slick-active button,
.time-line-container:before, .error-wrap form .search-submit, .testimonials-carousel .slick-current .testimonilas-text, .cs-social li a,
.cs-countdown-item:before, .price-head, .price-link, .sp-cont:hover, .lg-actions .lg-next, .lg-actions .lg-prev,
.log-out-btn:hover, .map-popup-category, .mapnavigation a:hover,
.addfield, .tabs-menu li a,
.list-author-widget-socials a, .scroll-nav-wrapper .scroll-nav li a.act-scrlink,
.main-register-holder .move-modal-reg a, .color-bg,
.section-separator.section-separator-dk-blue:before,
.nav-holder nav li.current-menu-item > a:before,
.nav-holder nav li.current-menu-parent > a:before,
.nav-holder nav li.current-menu-ancestor > a:before,
.author-social a,
.protected-wrap input[type=submit],
.listsearch-input-item .nice-select .list li.selected.focus,
.listsearch-input-item .nice-select .list li:hover,
.listsearch-input-item .nice-select .list li.selected,
.custom-form .nice-select .list li:hover,
.custom-form .nice-select .list li.selected,
.custom-form .nice-select, .header-search-select-item .nice-select .list li:hover,
.header-search-select-item .nice-select .list li.selected,
.main-search-input-item .nice-select .list li:hover,
.main-search-input-item .nice-select .list li.selected,
.pac-item:hover,
.listing-verified, .price-num.col-dec-1:before, .price-num:before,
.tooltipwrap .tooltiptext,
.cart-count, .sale-window.big-sale, .map-modal-close,
.mb-btns-wrap, .search-input-item .irs-line,
.mb-open-filter, .geodir-opt-list a:hover,
.remove-date-time:hover, .main-search-button:hover,
.cs-mumber-button:hover, .dashboard-header,
.close-header-search:hover, .recomm-price i,
.daterangepicker .drp-buttons .btn, .cluster div:hover, .cth-cluster:hover,
.del-btn, .list-single-header h2:before,
.chat-counter, .lisd-link:hover,
.chat-item:after,
.reply-time span:before, .review-range-container .irs-bar-edge,
.your-reply .reply-text, .review-range-container .irs-bar,
.typing-indicator,
.typing-indicator:after,
.jspDrag, .ck-tab-item.active:before, .ck-tab-item.active:after,
.chat-replies-loading span, .color-bgs,
.chat-replies-lmore span, .twiit-button,
.chat-error-message, .accordion a.toggle span,
.loading-indicator span,
.easybook-tweet p.tweet:before,
.nav-button span,
.available-cal-months .cal-date-checked,
.available_counter {
  background: #2E7D32;
}

.available-cal-months .cal-date-checked:hover {
  background: #1B5E20;
}

.available-cal-months .cal-date-inside {
  background: #A5D6A7;
}

.tooltipwrap .tooltiptext:after {
  border-color: #2E7D32 transparent transparent transparent;
}

/* Active scroll-nav tab: keep icon white to match the active tab text */
.scroll-nav-wrapper .scroll-nav li a.act-scrlink:before {
  color: #fff;
}

/* Side icon button on green box (back/map toggle): keep icon white */
.scroll-nav-wrapper .show-hidden-map,
.scroll-nav-wrapper .show-hidden-map i,
.scroll-nav-wrapper .show-hidden-map:before,
.scroll-nav-wrapper .show-hidden-map svg {
  color: #fff;
  fill: #fff;
}

/* Gallery-side toolbar (Share/Add comment/Save/Book Now):
   .fc-button i is green by default, which is invisible on the green
   Share button background. Force that one icon white. */
.showshare i {
  color: #fff;
}

.rangeslider__handle, .list-author-widget-text .btn, .btn.transparent-btn, .log-out-btn, blockquote, .cluster div:before, .cth-cluster:before,
.header-search-select-item .nice-select:after,
.main-search-input-item .nice-select:after,
.mb-open-filter:hover,
.mb-open-filter.active {
  border-color: #2E7D32;
}

.cth-cluster {
  background-color: #689F38;
}

/* //https://stackoverflow.com/questions/28362601/how-to-calculate-color-difference-in-percentage-for-less
// hex -> rgb -> hsl
//#2E7D32 -> 77,183,254 -> 204,98.9,64.9
//#4CAF7D -> 94,207,177 -> 164,54.1,59.0

//#66BB6A -> 73, 206, 255 -> 196,100,64.3
// 204 - 196 / 204
//#388E3C -> 62,170,253 -> 206,97.9,61.8
// 206 - 204 / 206 */
.gradient-bg,
.listing-geodir-category,
.list-single-header-cat a,
.box-widget-item .list-single-tags a:hover,
.nav-holder nav li a:before,
.tagcloud a:hover {
  background-color: #388E3C;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#388E3C), to(#66BB6A));
  background: -webkit-linear-gradient(top, #388E3C, #66BB6A);
  background: -moz-linear-gradient(top, #388E3C, #66BB6A);
  background: -ms-linear-gradient(top, #388E3C, #66BB6A);
  background: -o-linear-gradient(top, #388E3C, #66BB6A);
}

.slick-carouse-wrap .swiper-button-next,
.slick-carouse-wrap .swiper-button-prev {
  background-color: #2E7D32;
}

#footer-twiit .timePosted a:after {
  border-top-color: #2E7D32;
}

.sale-window.big-sale:before {
  border-top: 20px solid #2E7D32;
}

.sale-window.big-sale:after {
  border-bottom: 20px solid #2E7D32;
}

.nice-select:after {
  border-bottom: 2px solid #2E7D32;
  border-right: 2px solid #2E7D32;
}

.ajax-loader {
  border-color: #2E7D32;
}

.body-easybook div.datedropper.primary .pick-lg-b .pick-sl:before,
.body-easybook div.datedropper.primary .pick-lg-h,
.body-easybook div.datedropper.primary .pick-m,
.body-easybook div.datedropper.primary .pick-submit,
.body-easybook div.datedropper.primary:before {
  background-color: #2E7D32;
}
.body-easybook div.datedropper.primary .pick li span,
.body-easybook div.datedropper.primary .pick-btn,
.body-easybook div.datedropper.primary .pick-lg-b .pick-wke,
.body-easybook div.datedropper.primary .pick-y.pick-jump {
  color: #2E7D32;
}
.body-easybook .td-clock {
  box-shadow: 0 0 0 1px #2E7D32, 0 0 0 8px rgba(0, 0, 0, 0.05);
}
.body-easybook .td-clock:before {
  border-left: 1px solid #2E7D32;
  border-top: 1px solid #2E7D32;
}
.body-easybook .td-select:after {
  box-shadow: 0 0 0 1px #2E7D32;
}
.body-easybook .td-clock .td-time span.on {
  color: #2E7D32;
}

.body-easybook.woocommerce span.onsale,
.body-easybook span.onsale {
  background: #2E7D32;
}
.body-easybook.woocommerce a.button,
.body-easybook.woocommerce button.button,
.body-easybook a.button,
.body-easybook button.button {
  color: #2E7D32;
  border-color: #2E7D32;
}
.body-easybook.woocommerce a.button:hover, .body-easybook.woocommerce a.button:focus,
.body-easybook.woocommerce button.button:hover,
.body-easybook.woocommerce button.button:focus,
.body-easybook a.button:hover,
.body-easybook a.button:focus,
.body-easybook button.button:hover,
.body-easybook button.button:focus {
  background: #2E7D32;
  color: #fff;
  border-color: #2E7D32;
}
.body-easybook.woocommerce ul.products li.product a:hover,
.body-easybook ul.products li.product a:hover {
  color: #2E7D32;
}
.body-easybook.woocommerce ul.products li.product .onsale,
.body-easybook ul.products li.product .onsale {
  background: #2E7D32;
}
.body-easybook.woocommerce ul.products li.product .cth-add-to-cart a,
.body-easybook ul.products li.product .cth-add-to-cart a {
  background: #2E7D32;
  border-color: #2E7D32;
}
.body-easybook.woocommerce ul.products li.product .cth-add-to-cart a:hover,
.body-easybook ul.products li.product .cth-add-to-cart a:hover {
  background: #689F38;
  border-color: #689F38;
}
.body-easybook.woocommerce ul.products li.product .cth-add-to-cart a.added_to_cart,
.body-easybook ul.products li.product .cth-add-to-cart a.added_to_cart {
  background: transparent;
  color: #2E7D32;
}
.body-easybook.woocommerce ul.products li.product .cth-add-to-cart a.added_to_cart:hover,
.body-easybook ul.products li.product .cth-add-to-cart a.added_to_cart:hover {
  border-color: #2E7D32;
}
.body-easybook.woocommerce .woocommerce-mini-cart__buttons .button,
.body-easybook .woocommerce-mini-cart__buttons .button {
  background: #2E7D32;
  border-color: #2E7D32;
}
.body-easybook.woocommerce .woocommerce-mini-cart__buttons .button:hover,
.body-easybook .woocommerce-mini-cart__buttons .button:hover {
  background: #689F38;
  border-color: #689F38;
  color: #fff;
}
.body-easybook.woocommerce .woocommerce-mini-cart__buttons .button.checkout,
.body-easybook .woocommerce-mini-cart__buttons .button.checkout {
  color: #2E7D32;
}
.body-easybook.woocommerce .woocommerce-mini-cart__buttons .button.checkout:hover,
.body-easybook .woocommerce-mini-cart__buttons .button.checkout:hover {
  background: #2E7D32;
  color: #fff;
  border-color: #2E7D32;
}
.body-easybook.woocommerce nav.woocommerce-pagination .page-numbers:hover, .body-easybook.woocommerce nav.woocommerce-pagination .page-numbers.current,
.body-easybook nav.woocommerce-pagination .page-numbers:hover,
.body-easybook nav.woocommerce-pagination .page-numbers.current {
  background: #689F38;
  border-color: #689F38;
  color: #fff;
}
.body-easybook.woocommerce ul.products li.product .price,
.body-easybook.woocommerce ul.products li.product p.price,
.body-easybook.woocommerce div.product .price,
.body-easybook.woocommerce div.product p.price,
.body-easybook ul.products li.product .price,
.body-easybook ul.products li.product p.price,
.body-easybook div.product .price,
.body-easybook div.product p.price {
  color: #2E7D32;
}
.body-easybook.woocommerce #respond input#submit,
.body-easybook.woocommerce a.button.alt,
.body-easybook.woocommerce button.button.alt,
.body-easybook.woocommerce input.button.alt,
.body-easybook #respond input#submit,
.body-easybook a.button.alt,
.body-easybook button.button.alt,
.body-easybook input.button.alt {
  color: #fff;
  background: #2E7D32;
}
.body-easybook.woocommerce #respond input#submit:hover, .body-easybook.woocommerce #respond input#submit:focus,
.body-easybook.woocommerce a.button.alt:hover,
.body-easybook.woocommerce a.button.alt:focus,
.body-easybook.woocommerce button.button.alt:hover,
.body-easybook.woocommerce button.button.alt:focus,
.body-easybook.woocommerce input.button.alt:hover,
.body-easybook.woocommerce input.button.alt:focus,
.body-easybook #respond input#submit:hover,
.body-easybook #respond input#submit:focus,
.body-easybook a.button.alt:hover,
.body-easybook a.button.alt:focus,
.body-easybook button.button.alt:hover,
.body-easybook button.button.alt:focus,
.body-easybook input.button.alt:hover,
.body-easybook input.button.alt:focus {
  background: #689F38;
  border-color: #689F38;
}
.body-easybook.woocommerce .woocommerce-info,
.body-easybook.woocommerce .woocommerce-message,
.body-easybook .woocommerce-info,
.body-easybook .woocommerce-message {
  border-top-color: #2E7D32;
}
.body-easybook.woocommerce .woocommerce-info:before,
.body-easybook.woocommerce .woocommerce-message:before,
.body-easybook .woocommerce-info:before,
.body-easybook .woocommerce-message:before {
  color: #2E7D32;
}
.body-easybook.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content,
.body-easybook .widget_price_filter .price_slider_wrapper .ui-widget-content {
  background-color: #689F38;
}
.body-easybook.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.body-easybook.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.body-easybook .widget_price_filter .ui-slider .ui-slider-range,
.body-easybook .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #2E7D32;
}
.body-easybook.woocommerce .box-widget .woocommerce-Price-amount,
.body-easybook .box-widget .woocommerce-Price-amount {
  color: #2E7D32;
}
.body-easybook.woocommerce ul.woocommerce-widget-layered-nav-list li a, .body-easybook.woocommerce ul.product-categories li a,
.body-easybook ul.woocommerce-widget-layered-nav-list li a,
.body-easybook ul.product-categories li a {
  color: #2E7D32;
}
.body-easybook.woocommerce ul.woocommerce-widget-layered-nav-list li span, .body-easybook.woocommerce ul.product-categories li span,
.body-easybook ul.woocommerce-widget-layered-nav-list li span,
.body-easybook ul.product-categories li span {
  color: #689F38;
}
.body-easybook.woocommerce .woocommerce-grouped-product-list-item__price,
.body-easybook .woocommerce-grouped-product-list-item__price {
  color: #2E7D32;
}

section.products > h2:after {
  background: #2E7D32;
}

.products > h2, .dashboard-listing-table-address i,
.wc-tab > h2, .cat-item li span,
.woocommerce div.product .product_title,
.collage-image-input i,
.woocommerce-Reviews-title,
.section-title-separator span i:nth-child(2), .faq-nav li a.act-faq-link:before,
.header-search-input-item-icon i:before, .qty-dropdown-header i, .header-user-name:hover, .nice-select:before, .tfp-btn:before,
.daterangepicker .calendar-table th, .footer-social li a:hover, .inpt_dec, .process-item h4:hover, .star-rating-item_wrap i,
.dark-header .nav-holder nav li ul a:hover, .post-opt li i, .post-nav .post-link, .light-carousel .sw-btn.swiper-button-prev i:hover,
.home-btn a i:hover, .nav-holder nav li.current-menu-item > a, .breadcrumb-current a:after, .light-carousel .sw-btn.swiper-button-next i:hover,
.nav-holder nav li.current-menu-parent > a, .breadcrumb-link:before, .widget_archive li span, .widget_categories li span,
.nav-holder nav li.current-menu-ancestor > a, .nav-holder nav li a:hover,
.main-register .custom-form label span, #admin-listing-app .lfield-icon, #map-osm-main .ol-zoom-in,
.custom-form label i, .proom-guests h5, .azp_preview_address .geodir-category-location i,
.ctb-modal-inner .custom-form label span, .map-modal-container h3 i, .map-card-rainting i,
.listing-rating i, .map-popup-location-info i, .mapzoom-in, .cart-total strong, .room-available strong, .room-adults strong,
.box-widget .widget-posts .widget-posts-date i, .listing-view-layout li a:hover, .listing-view-layout li a:hover,
.geodir-category-location a i, .col-list-search-input-item .listing-rating i:before,
.footer-contacts li i, .geodir-category-location a i, .subfooter-show-lang i,
.easybook-tweet p.timePosted a:before, .testimonials-carousel-item a.testim-link:hover, .page-links span,
.team-info h4, .color-three,
.easybook-lang-switcher .wpml-ls-legacy-list-vertical a:hover,
.easybook-lang-switcher .wpml-ls-legacy-list-vertical .wpml-ls-current-language a,
.easybook-lang-switcher .wpml-ls-legacy-list-horizontal a:hover,
.easybook-lang-switcher .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a,
.cth-daterange-picker .lfield-icon i:before,
.tpick-icon, .bkfuser-fields .lbl-hasIcon i {
  color: #689F38;
}

.woocommerce-product-search button {
  background: #2E7D32;
}
.woocommerce-product-search button:hover {
  background: #689F38;
}

/* .bt-details, */
.mb-btn:hover, .main-search-button, .header-sec-link a:hover, .testimonials-carousel .sw-btn.swiper-button-prev,
.testimonials-carousel .sw-btn.swiper-button-next, .color2-bg, .section-separator:before, .irs-slider, .dasboard-menu li a span,
input:checked + .switchbtn-label, .close-header-search, .add-list:hover, .header-search-button, .cs-mumber-button, .dasboard-menu li ul li span,
.daterangepicker .drp-buttons .btn.btn-default, .widget_search .search-submit, .subscribe-form .subscribe-button:hover,
.scroll-nav-wrapper .show-hidden-map, .cluster div, .infoBox-close:hover, .dashboard-listing-table-opt li a.del-btn,
.price-desc form input.price-link:hover, .pagination a:hover, .show-more-filters.active-hidden-opt-btn, .ajax-loader-cirle:before,
.cth-dropdown-options input[type=checkbox]:checked + label,
.count-select-ser {
  background: #689F38;
}

.bt-details:hover, .subscribe-form .subscribe-button, .contact-btn:hover, .color3-bg, .testimonials-carousel .sw-btn.swiper-button-prev:hover,
.custom-form .log-submit-btn, .listing-counter, .testimonials-carousel .sw-btn.swiper-button-next:hover, .images-collage-title, .team-social, .sw-btn.swiper-button-prev,
.sw-btn.swiper-button-next, .card-listing span.geodir-opt-tooltip, .mlc, .dasboard-sidebar-content, .more-photos-button, .accordion a.toggle.act-accordion,
.banner-wdget-content a, .typing-indicator:before,
.lang-tooltip a:hover, .currency-tooltip a:hover,
.easybook-lang-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a:hover,
.easybook-lang-switcher .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover {
  background: #1B4332;
}

.inline-facts .num, .section-title-dk-blue h2, .mapzoom-out, .map-modal-container h3 a, .testimonials-carousel-item a.testim-link {
  color: #1B4332;
}

.body-easybook #respond input#submit {
  color: #fff;
  background: #689F38;
}
.body-easybook #respond input#submit:hover, .body-easybook #respond input#submit:focus {
  background: #2E7D32;
  border-color: #2E7D32;
}

.dashboard-list-box.activities .dashboard-message-text i,
.fuzone .fu-text i,
.uplzone .upltext i,
.mdimgs-wrap ul .fu-text i,
.lfield-icon,
.booking-listing-address i,
.show-reg-form:hover {
  color: #689F38;
}

.cancel-btn, .goBack-btn {
  background: #689F38;
}

.del-activity {
  background: #4CAF7D;
}
.del-activity:hover {
  background: #689F38;
}

.cart-room-item .room-quantity,
.cart-room-item .room-price {
  color: #4CAF7D;
}

.bk-price strong,
.bk-fees strong,
.bk-taxes strong {
  color: #4CAF7D;
}

/* Single */
section.single-section {
  background: #EAF6EC;
}

.color-white {
  color: rgba(255, 255, 255, 0.71);
}

.btn-unlock-month {
  background: #2E7D32;
}

.btn-link {
  color: #2E7D32;
}

.card-listing .preview-title h3 a {
  color: #43A047;
}

.per-night-price {
  color: #2E7D32;
}

.list-single-hero-price .per-night-price,
.rooms-price .per-night-price,
.bkdates-date-detail strong {
  color: #4CAF7D;
}

.list-single-header-inside .list-single-hero-price .per-night-price {
  color: #2E7D32;
}

.ajax-modal-photos-btn span {
  color: #2E7D32;
}

.widget_recent_comments li a {
  color: #2E7D32;
}
.widget_recent_comments li a:hover {
  color: #1B5E20;
}
/* ===== Custom Green Theme Overrides ===== */

/* Mobile/tablet header-inner icon row: use flex instead of relying on
   float:left/float:right stacking order, which was unreliable and could
   cause the currency icon to be pushed off-screen and clipped. */
@media only screen and (max-width: 1063px) {
  .header-inner .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 6px;
  }
  .header-inner .container > * {
    float: none !important;
  }
  .nav-button-wrap {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-right: auto;
  }
  .home-btn {
    display: none;
  }
}

/* Fine-tuned for iPhone 11 / iPhone 14 class screens (~390-430px CSS
   width - iPhone 11 is 414px, iPhone 14 is 390px) - tighter gaps and
   slightly smaller icons so the header row (hamburger, currency, cart,
   account) and the footer (language + currency) both fit cleanly
   without crowding or overflow on these phone sizes. */
@media only screen and (max-width: 430px) {
  .header-inner .container {
    gap: 4px;
  }
  .logo-holder {
    margin-left: 12px;
  }
  .logo-holder img {
    max-height: 30px;
  }
  .mobile-account-icon {
    width: 32px !important;
    height: 32px !important;
    margin-right: 2px;
  }
  .mobile-account-icon i {
    font-size: 14px !important;
  }
  .site-currency-switcher .show-currency-tooltip {
    width: 32px !important;
    height: 32px !important;
  }
  .site-currency-switcher .show-currency-tooltip .currency-symbol {
    font-size: 14px !important;
  }
  .attr-nav .cart-link i {
    font-size: 16px;
  }
  .header-top .container {
    padding-left: 12px;
    padding-right: 12px;
  }
  /* Footer: language + currency pair - tighter gap, smaller text so both
     sit comfortably side by side on a ~390-414px wide screen. */
  .subfooter-lang-currency-row {
    gap: 10px;
  }
  .subfooter-lang select,
  .subfooter-nav .subfooter-currency-item .show-currency-tooltip {
    font-size: 12px;
  }
  .sub-footer .copyright {
    font-size: 13px;
  }
}

/* Mobile/tablet: cart icon is more important than the favorites (heart) icon
   in the header row, so hide the wishlist heart there and keep cart visible. */
@media only screen and (max-width: 1063px) {
  .wishlist-link {
    display: none !important;
  }
  .attr-nav {
    display: inline-block !important;
  }
}

/* Mobile menu: reliable accordion-style submenus (replaces the old buggy
   sliding-panel plugin which could leave empty green boxes visible). */
@media only screen and (max-width: 1063px) {
  .menusb li {
    overflow: visible;
  }
  .menusb li.mobsb-has-children > a {
    padding-right: 34px;
  }
  .mobsb-toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    color: #2E7D32;
  }
  .mobsb-toggle i {
    transition: transform 0.2s ease;
  }
  .mobsb-has-children.mobsb-open > .mobsb-toggle i {
    transform: rotate(180deg);
  }
  .mobsb-submenu {
    float: none;
    width: 100%;
    display: none;
    margin: 4px 0 8px;
    padding-left: 12px;
    border-left: 2px solid #EAF6EC;
  }
  .mobsb-submenu li {
    padding: 0;
  }
  .mobsb-submenu li a {
    padding: 6px 5px;
    font-size: 13px;
    font-weight: 500;
    color: #5C7A5E;
  }
  .mobsb-submenu li a:hover {
    color: #2E7D32;
  }
}


/* Compact account/login icon shown in the mobile header row (next to hamburger),
   booking.com style. Only relevant on mobile/tablet - desktop uses the
   Register/Sign In buttons in the top bar instead. */
.mobile-account-icon {
  display: none;
}
@media only screen and (max-width: 1063px) {
  .mobile-account-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: right;
    width: 36px;
    height: 36px;
    margin: 8px 10px 0 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    font-size: 15px;
    cursor: pointer;
  }
  .mobile-account-icon:hover {
    background: rgba(255, 255, 255, 0.15);
  }
}

/* Currency picker + Register/Sign In - desktop: logo stays left, this whole
   group is pushed to the right edge of the header-top row with a small
   vertical divider between the currency picker and the buttons (like the
   dividers used in the main menu). */
@media only screen and (max-width: 1063px) {
  .header-top {
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .header-top .container {
    min-height: 36px;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
  .header-inner {
    height: auto;
    min-height: 44px;
    padding: 6px 0;
  }
}
.header-top .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header-top .logo-holder {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  top: 0;
}
.site-currency-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: 20px;
  color: #fff;
}
.site-currency-switcher .currency-wrap {
  float: none;
  top: 0;
}
.header-top .show-reg-form,
.header-top .show-reg-form:hover,
.header-top .show-reg-form:focus,
.header-top .show-reg-form:active {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.header-top .show-reg-form:first-of-type {
  margin-left: 0 !important;
}
/* Prevent the header-top row (logo + currency + register) from overflowing
   off the side on narrower desktop/tablet widths - shrink and wrap instead. */
.header-top .show-reg-form {
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.site-currency-switcher,
.header-top .logo-holder,
.header-top .show-reg-form {
  max-width: 100%;
}
.header-top .container > * {
  min-width: 0;
}

/* Mobile: profile avatar icon was too large - keep it small and consistent
   with the other header icons. */
@media only screen and (max-width: 1063px) {
  .header-user-name .au-avatar img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
  }
}

/* Footer: just 2 small items - language picker + currency picker - sized
   to never overflow, consistent across desktop, tablet, and mobile. */
.subfooter-nav .subfooter-currency-item {
  color: #fff;
}
.subfooter-nav .subfooter-currency-item .show-currency-tooltip {
  height: auto;
  padding: 0;
  font-size: 13px;
}
.subfooter-nav .subfooter-currency-item .show-currency-tooltip span,
.subfooter-nav .subfooter-currency-item .show-currency-tooltip i {
  color: #fff !important;
}
/* This is the LAST thing on the page - opening the dropdown DOWNWARD (the
   default) pushes it past the bottom of the viewport and creates extra
   scroll space. Open it UPWARD instead. */
.subfooter-nav .subfooter-currency-item .currency-tooltip {
  top: auto;
  bottom: 100%;
  padding-top: 12px;
  padding-bottom: 40px;
}
.subfooter-lang .lang-tooltip {
  top: auto;
  bottom: 100%;
}
.subfooter-lang,
.subfooter-nav {
  max-width: 100%;
  overflow: visible;
}
.subfooter-lang-currency-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 1063px) {
  .subfooter-lang-currency-row {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .subfooter-lang,
  .subfooter-currency,
  .subfooter-nav {
    width: auto;
    text-align: center;
    margin: 0 !important;
  }
  .subfooter-lang,
  .subfooter-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .subfooter-lang .gtranslate_wrapper,
  .subfooter-lang select {
    max-width: 100%;
  }
}
/* Remove the world map / flag icon that the language switcher shows before
   the language name (all screen sizes) - text-only "English" label is
   enough. Broadened to catch common gtranslate markup patterns too - the
   JS fallback in scripts.js also removes it after the widget loads. */
.subfooter-lang:before {
  content: none !important;
  display: none !important;
}
.subfooter-lang img,
.subfooter-lang svg,
.subfooter-lang .gflag,
.subfooter-lang .flag-icon,
.subfooter-lang [class*="flag"],
.subfooter-lang [class*="globe"],
.subfooter-lang [class^="gt-"],
.subfooter-lang [class*=" gt-"] {
  display: none !important;
}

/* Click/tap-to-open currency + language dropdowns (works alongside the
   existing :hover behaviour, but reliably on touch devices too). */
.currency-wrap.tooltip-open .currency-tooltip,
.lang-wrap.tooltip-open .lang-tooltip {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Currency dropdown list - default text black, hover green bg + white text
   (icon included), active (currently selected) currency has a permanent
   green bg + white text. */
.currency-tooltip {
  max-height: 320px;
  overflow-y: auto;
}
.currency-tooltip .currency-item {
  color: #24324F !important;
}
.currency-tooltip .currency-item:hover,
.currency-tooltip .currency-item:hover .currency-symbol {
  background-color: #2E7D32 !important;
  color: #fff !important;
}
.currency-tooltip .currency-item-li.active .currency-item,
.currency-tooltip .currency-item.active {
  background-color: #2E7D32 !important;
  color: #fff !important;
}

/* Search box inside the currency dropdown */
.currency-search-item {
  padding: 8px !important;
  border-bottom: 1px solid #eee;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}
.currency-search-input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 7px 10px;
  font-size: 13px;
  color: #24324F;
  outline: none;
}
.currency-search-input:focus {
  border-color: #2E7D32;
}
.currency-no-results {
  padding: 10px !important;
  text-align: center;
  color: #999;
  font-size: 13px;
}

/* Currency picker on mobile/tablet: SIMPLIFIED APPROACH.
   Previous attempts used a separate cloned/duplicated currency element in
   the icon row, which turned out unreliable. Instead, we now just make the
   ONE currency picker that already works correctly on desktop (in the
   header-top row, next to the logo) responsive - shown as a small circle
   with just the currency symbol on mobile/tablet, same element, same
   shortcode call, nothing duplicated. */
@media only screen and (max-width: 1063px) {
  .header-top .show-reg-form,
  .header-top .lang-wrap {
    display: none !important;
  }
  .desktop-only-search {
    display: none !important;
  }
  .site-currency-switcher {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .site-currency-switcher .show-currency-tooltip {
    float: none;
    width: 34px;
    height: 34px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    border: none;
    color: #fff;
  }
  /* Symbol only on mobile/tablet - hide the currency code text and caret
     arrow so the button stays a small, fixed-size circle. */
  .site-currency-switcher .show-currency-tooltip .currency-code-text,
  .site-currency-switcher .show-currency-tooltip .fa-caret-down {
    display: none;
  }
  .site-currency-switcher .show-currency-tooltip .currency-symbol {
    margin: 0;
    color: #fff !important;
    font-size: 15px;
  }
  .site-currency-switcher .currency-tooltip {
    right: 0;
    left: auto;
    min-width: 180px;
  }
  /* Logged-in header avatar on mobile/tablet: icon only, no "Hello, Name" text */
  .header-user-name .au-name {
    display: none;
  }
  .header-user-name {
    float: right;
    margin: 4px 4px 0 0;
  }
}


/* Sub-footer (site info + language picker + legal links) alignment fix.
   The right column uses inline "justify-content: flex-end" which only makes
   sense on desktop where it sits beside the left column. On mobile/tablet
   (where Bootstrap stacks both columns full-width) it needs to be centered
   instead, or it hugs one edge awkwardly. */
@media only screen and (max-width: 991px) {
  .sub-footer .row > div[class*="col-"] {
    text-align: center;
  }
  .sub-footer .copyright {
    text-align: center;
    width: 100%;
  }
  .sub-footer div[style*="justify-content: flex-end"] {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
    margin-top: 20px;
  }
  .subfooter-nav ul[style*="display: flex"] {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 992px) {
  .sub-footer .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/* Register / Sign In buttons (booking.com style pill buttons in the top bar) */
.header-top .show-reg-form {
  float: right;
  display: block;
  background: #fff;
  color: #2E7D32 !important;
  border: none;
  border-radius: 4px;
  padding: 0 18px;
  height: 38px;
  line-height: 38px;
  margin: 11px 0 11px 12px;
  font-weight: 600;
  transition: all 0.2s ease;
}
.header-top .show-reg-form i {
  color: #2E7D32 !important;
  margin-right: 6px;
}
.header-top .show-reg-form:hover {
  background: #1B5E20;
  border-color: #1B5E20;
  color: #fff !important;
}
.header-top .show-reg-form:hover i {
  color: #fff !important;
}

/* Logged-in header avatar - remove extra spacing/label look, keep just the round avatar icon */
.header-user-name {
  padding-right: 0;
}
.header-user-name .au-avatar img {
  border-radius: 50%;
}

/* Hide "No rating / 0 comments" badge overlay on listing card images (GeoDirectory) */
.no-rating,
.card-listing .no-rating,
.sidebar-ad-widget .no-rating,
.rating-no-rate,
span.no-rating,
div.no-rating {
  display: none !important;
}

/* Listing photo counter badge + per-night price - force readable white text */
.listing-counter,
.listing-counter * {
  color: #fff !important;
}
.per-night-price,
.list-single-hero-price .per-night-price,
.rooms-price .per-night-price,
.list-single-header-inside .list-single-hero-price .per-night-price {
  color: #fff !important;
}
/* Tabs (Tour/Gallery/Faqs/Reviews) - active tab background is green, force text to white for visibility */
.tabs-menu li.current a,
.tabs-menu li.current a:hover,
.tabs-menu li.current,
.ck-tab-item.active,
.scroll-nav.scroll-init li.current,
.scroll-nav.scroll-init li.current a,
.scroll-nav.scroll-init .current,
.scroll-nav.scroll-init .current a,
.scroll-nav-wrapper.fl-wrap.lscroll-mobile-no .scroll-nav li a.act-scrlink,
.scroll-nav-wrapper .scroll-nav li a.act-scrlink,
.scroll-nav-wrapper .scroll-nav li a.act-scrlink * {
  color: #fff !important;
}

/* Category/Destination custom select (nice-select / chosen-select) - green background,
   force the currently selected text to white */
.nice-select.chosen-select,
.nice-select.chosen-select .current,
.nice-select.chosen-select .current * {
  color: #fff !important;
}

/* Search widget "Category" dropdown - background is green, text had no color set (looked black) */
.listsearch-input-item .selectbox,
.listsearch-input-item .selectbox .select,
.listsearch-input-item .selectbox .select span,
.listsearch-input-item .selectbox i,
.listsearch-input-item .selectbox li {
  color: #fff !important;
}
.listsearch-input-item .selectbox .dropdown {
  color: #333;
}
.listsearch-input-item .selectbox .dropdown li {
  color: #333 !important;
}

/* Main navigation active/hover menu item - use a distinct lighter green so it doesn't
   blend into the dark green header background */
.nav-holder nav li.current-menu-item > a,
.nav-holder nav li.current-menu-parent > a,
.nav-holder nav li.current-menu-ancestor > a,
.nav-holder nav li a:hover {
  color: #8BC34A !important;
}
.nav-holder nav li.current-menu-item > a:before,
.nav-holder nav li.current-menu-parent > a:before,
.nav-holder nav li.current-menu-ancestor > a:before {
  background: #8BC34A !important;
}

/* "On The Map" button on single listing page header (GeoDirectory) - force green + hover */
.show-hidden-map,
.on-the-map,
.show-map-btn,
.geodir-map-btn,
.gd-map-btn,
a[class*="on-the-map"],
a[class*="show-map"] {
  background-color: #2E7D32 !important;
  border-color: #2E7D32 !important;
  color: #fff !important;
}
.show-hidden-map:hover,
.on-the-map:hover,
.show-map-btn:hover,
.geodir-map-btn:hover,
.gd-map-btn:hover,
a[class*="on-the-map"]:hover,
a[class*="show-map"]:hover {
  background-color: #1B5E20 !important;
  border-color: #1B5E20 !important;
  color: #fff !important;
}
.wishlist-link,
.show-search-button i,
.show-reg-form i,
.attr-nav .cart-link,
.attr-nav .cart-link i,
.show-lang i,
.show-lang span i,
.show-currency-tooltip i,
.show-currency-tooltip span i,
.menusb li a i {
  color: #fff !important;
}
.wishlist-link:hover,
.wishlist-link:hover i,
.show-search-button:hover i,
.show-reg-form:hover i,
.attr-nav .cart-link:hover,
.attr-nav .cart-link:hover i,
.show-lang:hover i,
.show-currency-tooltip:hover i {
  color: #81C784 !important;
}

/* Listing card rating badge / score box - force green (covers common GeoDirectory class names) */
.rate-class-name .score,
.card-listing .rate-class-name .score,
.sidebar-ad-widget .rate-class-name .score,
span.score,
.listing-rating-mark,
.geodir-category-rating,
.card-listing .geodir-category-rating,
.avg-rating,
.rating-count-box {
  background-color: #2E7D32 !important;
  color: #fff !important;
}

/* Circular arrow / next buttons on listing cards - force green */
.card-btn,
.card-listing .card-btn,
.sw-btn.swiper-button-next,
.sw-btn.swiper-button-prev,
.fs-map-btn,
.listing-view-layout li a.active {
  background-color: #2E7D32 !important;
  border-color: #2E7D32 !important;
  color: #fff !important;
}
.card-btn:hover,
.sw-btn.swiper-button-next:hover,
.sw-btn.swiper-button-prev:hover {
  background-color: #1B5E20 !important;
  border-color: #1B5E20 !important;
}

/* Social icons in footer - white icons on green background */
.footer-social li a,
.list-widget-social li a,
.team-social li a,
.list-author-widget-socials a,
.author-social a {
  color: #fff !important;
}
.footer-social li a:hover,
.list-widget-social li a:hover,
.team-social li a:hover {
  color: #C8E6C9 !important;
}