
::selection {background: var(--primary-color); color: #fff;}

.header .nav ul li a.select-item{color: var(--primary-color);}
.header .nav ul li a:hover{color: var(--primary-color);}
.submenu a:hover { background: var(--primary-color) !important;}
.main-title span{color:var(--primary-color);}

.services .serv-main-sec:hover .service-sec-top-bg{ background:url(../images/service-top-hover.png) no-repeat; background-size: 100%;}
.services .serv-main-sec:hover .service-sec-bottom-bg{ background:url(../images/service-bottom-hover.png) no-repeat; background-size: 100%;}

.services .serv-main-sec:hover .service-sec i{color:var(--primary-color);}
.services .service-sec i{color:var(--primary-color); border:solid 1px var(--primary-color);}
.services .serv-main-sec:hover .service-sec{background:var(--primary-color);}
.white-btn:hover{ background:var(--primary-color);}
.our-story .story-detail a.full-story{color:var(--primary-color); border-bottom: solid 2px var(--primary-color);}
.upcoming-event .event-detail .event-text a.view-event{color: var(--primary-color); border-bottom: solid 2px var(--primary-color);}
.upcoming-event .event-detail .event-text p a:hover{color: var(--primary-color); border-bottom: solid 2px var(--primary-color);}
.today-food .special-food .food-detail span.price{color: var(--primary-color);}
.book-table .booking-form input[type=submit]{background-color:var(--primary-color);}
.latest-news .post .detail a:hover{color:var(--primary-color);}
.customer-words .testi-sec span.name{ color:var(--primary-color);}
.footer .about-pearl .follow-us ul li a:hover{color: var(--primary-color); border: solid 2px var(--primary-color);}
.footer .about-pearl .newsletter a:hover{background: var(--primary-color);}
.footer .copyrights ul li a:hover{ color:var(--primary-color);}
.footer-dark .about-pearl .follow-us ul li a:hover{color: var(--primary-color); border: solid 2px var(--primary-color);}
.footer-dark .about-pearl .newsletter a:hover{background: var(--primary-color);}
.footer-dark .copyrights ul li a:hover{ color:var(--primary-color);}
.submenu a.select {background: var(--primary-color) !important;}  
.header-two.sticky .social-icons li a:hover{ color: var(--primary-color);}
.services-two .serv-main-sec .service-sec .detail a:hover{border: solid 1px var(--primary-color); background:var(--primary-color);}
.our-menu .menu-sec .menu-detail .food-detail span.price{color:var(--primary-color);}
.our-menu .food-sec .detail span.food-time{ color: var(--primary-color); border-bottom: solid 1px var(--primary-color);}
.blog .blog-post .post-text a.read-more{ color: var(--primary-color); border-bottom: solid 2px var(--primary-color);}
.news-posts h6.bar-title{background:var(--primary-color);}
.news-posts .search{ background:var(--primary-color);}
.news-posts .news-sec .detail a.read-more{color:var(--primary-color); border-bottom: solid 2px var(--primary-color);}
.news-posts .news-sec .detail .comment a:hover span{color:var(--primary-color);}
.news-posts .comment-box .detail a:hover{ background: var(--primary-color);}
.news-posts .leave-reply .form input[type=submit]:hover{background-color:var(--primary-color);}
.contact-page .get-in-touch .get-touch-form input[type=submit]{background:var(--primary-color);}
.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { color: var(--primary-color); border-bottom: solid 2px var(--primary-color);}
.cbp-l-filters-list .cbp-filter-item:hover {color: var(--primary-color);}
.shop-gallery .cbp-item:hover  .price-cart .cart {color: var(--primary-color); border-bottom: solid 2px var(--primary-color);}
.shop-detail .product-detail .pro-cart a{background:var(--primary-color);}
.openTabby .openTabby--nav ul li:hover { color: var(--primary-color);}
.all-reviews .review-sec .review-detail .reviewer span.name{color: var(--primary-color);}
.add-review .form input[type=submit]{background: var(--primary-color);}
.shop-detail .after-cart a:hover{background:var(--primary-color);}
.shop-cart .cart-pro-detail .cancel i{color:var(--primary-color);}
.shop-cart .cart-update-sec a:hover{background:var(--primary-color);}
.cash-decide .cart-total .total-sec a{background:var(--primary-color);}
.bread-crumb .bread-crumb-sec a.selected span.number{ background: var(--primary-color);}
.bread-crumb .bread-crumb-sec a.selected span.text{ color: var(--primary-color);}
.cash-payment .cash-delivery .next-step{background: var(--primary-color);}
.cash-payment .shipping-address .shipping-detail .edit-address{ color: var(--primary-color); border-bottom: solid 1px var(--primary-color);}
.cash-payment .shipping-address .shipping-method .shipping-across span.dot{border: solid 8px var(--primary-color);}
.cash-delivery-detail a.return-stor{background:var(--primary-color);}
.header .cart-button{ background:var(--primary-color);}
.header .shop-bag .cart-food .detail .text a:hover{color:var(--primary-color);}
.header .shop-bag .sub-total a:hover{ background:var(--primary-color);}
.news-posts .news-sec .detail .comment a:hover{color:var(--primary-color);}
.news-posts .categories ul li a:hover{color: var(--primary-color);}
.news-posts .recent-posts .post-sec a.title:hover{ color:var(--primary-color);}
.header-two .nav ul li a:hover{color: var(--primary-color);}
.tp-caption .read-more:hover{ background: var(--primary-color); border:solid 2px var(--primary-color) !important;}
.heapBox .heap .heapOptions .heapOption a.selected{background:var(--primary-color);}
.heapBox .heap .heapOptions .heapOption a:hover{background:var(--primary-color);}
.cd-top { background-color:var(--primary-color) !important;}

.header-two .shop-bag .cart-food .detail .text a:hover{color: var(--primary-color);}
.header-two .shop-bag .sub-total a:hover{ background:var(--primary-color);}


/**
 * Hotel
 -----------------------------*/
.booking-accordion .availability{ background:var(--primary-color); }
.special-services .post .detail a:hover{background-color:var(--primary-color); border:solid 1px var(--primary-color);}
.latest-posts .post-sec .post-detail a:hover{color:var(--primary-color);}
.latest-posts .find-location a:hover{ background:var(--primary-color); border:solid 1px var(--primary-color);}
.footer-hotel-dark .foot-detail .newsletetr a:hover{background:var(--primary-color);}
.footer-hotel-dark .foot-detail .useful-links ul li a:hover, .footer .food-detail .useful-links ul li a:hover i{ color:var(--primary-color);}
.footer-hotel-dark .foot-detail .social-icons ul li a:hover{color: var(--primary-color); border: solid 2px var(--primary-color); }
.welcome-pearl-hotel .text-detail a{color: var(--primary-color); border-bottom: solid 2px var(--primary-color);}
.footer-hotel .foot-detail .newsletetr a:hover{background:var(--primary-color);}
.footer-hotel .foot-detail .social-icons ul li a:hover{color:var(--primary-color); border: solid 2px var(--primary-color); }
.footer-hotel .foot-detail .useful-links ul li a:hover, .footer .food-detail .useful-links ul li a:hover i{ color:var(--primary-color);}
.hotel-rooms .room-sec .price-detail a:hover{background:var(--primary-color);}
.hotel-rooms .paging a.select, .hotel-rooms .paging a:hover{ background: var(--primary-color); border: solid 1px var(--primary-color);}
.sub-banner .detail ul li a:hover{ color:var(--primary-color);}
.sub-banner .detail ul li a.select{ color:var(--primary-color);}
.room-detail .booking-form .form a.availability{ background:var(--primary-color);}
.booking-steps .reservation a{background:var(--primary-color);}
.booking-steps .your-room .detail .text a:hover{background:var(--primary-color);}
.booking-steps .book-now .payment-method a:hover{background:var(--primary-color);}
.blog .more-posts a:hover{color:var(--primary-color);}
.ui-widget-header { background:var(--primary-color);}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background:var(--primary-color);}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {background:var(--primary-color);}




















