body { background: #fff; color: var(--bs-secondary); } ::selection { background-color: var(--bs-primary); color: #fff; } /* Primary COLOR */ .btn-normal-line, [class*="widget_"]:not(.widget_tag) li a:hover, [class*="widget_"]:not(.widget_tag) li a:focus, .footer-wrapper .widget-title:after, .header-info .info-item .info-icon, .grid-text i, .text-theme, .widget-social li a:hover, .widget-social li a:focus, .widget-info > i, .shopping-cart, .shopping-cart .cart-items .item-name, .theme-content h1, .form-caret:after, .form-date:after, .form-location:after, .heading-default h6, .heading-default h3:after, .post-content .post-content-inner .post-title, .comment-box .icofont-comment, .gallery-item .single-item .gallery-text h3, .info, .client-text blockquote:before, .client-text blockquote:after, .fun-fact, .breadcrumbs i, .breadcrumbs a, .about-panel .btn-line, .play-icon i, .testimonial-inner .client-text > p span, .amenities .heading-default h3, .team-member .team-content p, .personal-info p, .call-item, .call-item a, .text-404 h1 span, .text-404 h2, .input__field, .heading-form h3, .room-content .heading h3, .room_single_owl .slider-two .left-t:hover, .room_single_owl .slider-two .right-t:hover, .terms h3, .terms li:before, .packages-details a, .post-content-bottom .comment-box strong, .fact-soon .fun-box .nt-circle, .fact-soon .singlefact h2, .author-body > a, .blog-post .post-content-inner > a, .post-quotes:before, .post-quotes:after, .pagination-nav .page-numbers.prev, .pagination-nav .page-numbers.next, .widget-about a, .widget-links li a:hover, .footer-copyright .copyright-text a, .widget-nav-menu ul li:hover, .widget-nav-menu ul li.active, .sidebar .widget-title, .sidebar .widget-calender .calender-title li, .days li .active, .comment-list article .comment-metadata, .comment-list article .fn, .comments-area .comments-title, .breadcrumbs i, .comments-area .comment-reply-title,.sidebar .widget ul li a:hover, .sidebar .widget ul li a:focus, a.more-link { color: var(--bs-primary); } /* BG COLOR */ .sidebar .widget-title:after, .feat-grid.active, .feat-grid:hover, .fun-box:hover, .fun-box:hover .nt-circle, .fun-box.active, .fun-box.active .nt-circle, .scrollup, .btn-normal-line:hover, .btn-normal-line:focus, .amenities-item:hover, .navigation.sticky-menu, .header-info .info-item:hover .info-icon, .navigation .theme-menu, .nav-right, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li a:hover, .btn-bg, .btn-black, .tab-filter a.active, .btn-line-primary:after, .btn-line-secondary:after, .btn-line:hover,.widget_tag_cloud .tagcloud a:after,.wp-block-tag-cloud a:after, .checkin-wrapper, .client-text:after, .news-text:after, .cal, .fun-box .singlefact:after, .promostional-wrapper .promostional-item, .newsletter:before, .acc-head, .subscribe-form .btn-subscribe, .infobox-icon, .side-subtotal .btn-subtotal, .balloon-theme, .balloon-theme:before, .balloon-theme:after, .price-bedge, .coming_soon, .blog-post .post-content-inner .meta-blog li a, .pagination-nav .page-numbers.current, .pagination-nav .page-numbers:hover, .pagination-nav .page-numbers:focus, .widget-cards .btn-info, .social-box, .sidebar .widget-title:after, .search-form button, .subscribe button, .custom-control-input:checked~.custom-control-label::before,.contact-form form .wpcf7-submit, .wp-block-file .wp-block-file__button { background-color: var(--bs-primary); } input[type='text']:focus, input[type='email']:focus, input[type='url']:focus, input[type='password']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, textarea:focus, select:focus, select:focus, textarea.form-control:focus { color: var(--bs-primary); border-color: var(--bs-primary); } .widget-social li a:hover, .widget-social li a:focus, .call-item:nth-child(2) a { border-bottom-color: var(--bs-primary); } .shopping-cart, .call-bg { border-top-color: var(--bs-primary); } .btn-normal-line:hover, .btn-normal-line:focus, .btn-line-primary, .shopping-cart:after, .btn-bg, .btn-line, .gallery-item .single-item .gallery-text:before, .play-icon:after, .amenities-item, .certificate-img, .subscribe-form .btn-subscribe, .room_single_owl .slider-two .left-t:hover, .room_single_owl .slider-two .right-t:hover, .room-aminities .amenities-item, .widget-cards .btn-info, .custom-control-input:checked~.custom-control-label::before, .days li .active { border-color: var(--bs-primary); } .fun-fact:after, .amenities:after{ background-color: #000; } #page-404, .text-404 h2 { background-color: #fafbfd; } .fact-soon .fun-box .singlefact:hover:after, .fact-soon .fun-box.active .singlefact:after { background-color: #2b2b2b; } /* Secondary Color */ .grid-text, .btn-line-white:hover, .heading-default h3, .post-content .post-content-inner .btn-line, .news-text .btn-line-primary, .news-text:hover .btn-shape:hover, .feat-grid.active .btn-line:hover, .feat-grid:hover .btn-line:hover, .singlefact p, .text-404 .btn-line, .room-content .heading p strong, .post-content .post-content-inner .post-title a:hover, .author-body > a:hover, .blog-post .post-content-inner > a:hover, .widget .tags li a, a.more-link:hover, a.more-link:focus { color: var(--bs-secondary); } .scrollup:hover, .menu-right li.cart-wrapper .cart-icon-wrap span, .header-top-info, .owl-theme .owl-dots .owl-dot span, .mean-container .mean-nav, .btn-black:after, .tab-filter a.active:after, .heading-default h3:after, .heading-default h3:before, .shopping-cart .badge, .news-info .btn-info, .acc-head.collapsed, .side-subtotal .btn-subtotal:hover, .side-subtotal .btn-subtotal:focus, .blog-post .post-content-inner .meta-blog li a:hover, .footer-copyright, .subscribe button:hover { background-color: var(--bs-secondary); } .btn-line-secondary, .widget .tags li a { border-color: var(--bs-secondary); } /*-//-*/ /* Color White */ .subscribe-form-soon .btn-line-white:hover, .subscribe-form-soon .btn-line-white:focus, .btn-normal-line:hover, .btn-normal-line:focus, .btn-shape.btn-black, .scrollup, .scrollup:hover, .room-aminities .amenities-item:hover, .room-aminities .amenities-item:hover a, .header .theme-menu .menu-right li, .menu-right li .cart-icon-wrap i, .feat-grid.active i, .feat-grid:hover i, .header-top-info, .header-info .info-item:hover .info-icon, .theme-content span, .theme-content p, .main-slider .owl-nav .owl-prev, .main-slider .owl-nav .owl-next, .tab-filter a.active, .btn-bg, .theme-content .btn-line-primary, .btn-line-primary:hover,.btn-line-primary:focus, .btn-line-white, .btn-line-secondary:hover, .checkin-wrapper h3, .checkin-wrapper p, .fun-box:hover, .fun-box:hover .nt-circle, .fun-box.active, .fun-box.active .nt-circle, .shopping-cart .badge, .view-search .form-control, .ribbon-container .ribbon, .single-img .price-bedge, .star-rating .rating, .feat-grid.active .btn-shape, .feat-grid:hover .btn-shape, .feat-grid.active .grid-text, .feat-grid:hover .grid-text, .gallery-item .single-item .gallery-text, .client-text:hover > p, .client-text:hover > p span, .client-text:hover blockquote:before, .client-text:hover blockquote:after, .client-text:hover blockquote, .client-text:hover blockquote p, .news-text:hover h3, .news-text:hover p, .news-text:hover p:last-child span, .client-text:hover > p span, .news-text:hover .btn-line-primary, .cal, .fun-box .singlefact:hover p, .fun-box.active .singlefact p, .promostional-wrapper .promostional-item, .newsletter, .footer-wrapper, .breadcrumbs .page-title h2, .breadcrumbs li, .breadcrumbs .active, .acc-head, .acc-head.collapsed::after, .acc-head:hover, .acc-head:focus, .acc-head.collapsed:hover, .amenities, .amenities .heading-default h6, .amenities .heading-default p, .team-member .social li a, .team-member:hover .team-footer h5, .subscribe-form .btn-subscribe, .infobox-icon, .side-form, .side-subtotal .btn-subtotal:hover, .side-subtotal .btn-subtotal:focus, .corner-ribbon .banget, .balloon, .price-bedge, .text-soon, .fact-soon .singlefact p, .social-link a, .social-link a:hover, .social-link a:focus, .blog-post .post-content-inner .meta-blog li a, .pagination-nav .page-numbers.current, .pagination-nav .page-numbers:hover, .pagination-nav .page-numbers:focus, .pagination-nav li.prev a:hover, .pagination-nav li.prev a:focus, .pagination-nav li.next a:hover, .pagination-nav li.next a:focus, .payment_methods li, .social-box, .footer-copyright,.search-form button, .subscribe button, .custom-control-input:checked~.custom-control-label::before { color: #fff; } .view-search .form-control::-moz-placeholder, .view-search .form-control:-moz-placeholder, .view-search .form-control:-ms-input-placeholder, .view-search .form-control::-webkit-input-placeholder { color: #fff; } .fact-soon .fun-box .singlefact:after, .fact-soon .fun-box:hover, .fact-soon .fun-box:hover .nt-circle, .fact-soon .fun-box.active, .fact-soon .fun-box.active .nt-circle, .btn-line-white:after, .owl-dots .owl-dot, .shopping-cart, .shopping-cart:after, .btn-bg:after, .feat-grid, .feat-grid.active .btn-line:hover, .feat-grid:hover .btn-line:hover, .client-text:before, .news-text:before, .news-text:hover .btn-line-primary:after, .fun-box, .fun-box .nt-circle, .fun-box .singlefact:hover:after, .fun-box.active .singlefact:after, .call-bg, .room_single_owl .slider-two .left-t:hover, .room_single_owl .slider-two .right-t:hover, .blog-post, .pagination-nav, .view-search { background-color: #ffffff; } .btn-bg:hover, .btn-bg:focus, .btn-line-white, .btn-line-white:hover, .play-icon:before, .social-link a, .feat-grid.active .inner-grid:after, .feat-grid.active .inner-grid:before, .feat-grid.active .grid-text:before, .feat-grid.active .grid-text:after, .feat-grid:hover .inner-grid:after, .feat-grid:hover .inner-grid:before, .feat-grid:hover .grid-text:before, .feat-grid:hover .grid-text:after, .feat-grid.active .btn-line, .feat-grid:hover .btn-line, .news-text:hover .btn-line-primary { border-color: #fff; } .amenities-item a:hover { border-bottom-color: #fff; } /* BORDER COLOR */ .header-info .info-item .info-icon { border-color: #d4d4d4; } /*-//-*/ /* Transition Effect */ [class*="widget_"] li a:hover, [class*="widget_"] li a:focus, .loadspinner i, .info-icon i, .infobox-icon i, .social-link li a, .btn-shape:after, .client-text:after, .news-text:after, .singlefact:after,.widget_tag_cloud .tagcloud a:hover:after, .wp-block-tag-cloud a:hover:after, .tab-filter a.active:after, .header-vivanta .navigation .menubar .menu-wrap > li > a:after, .header-vivanta .navigation .menubar .menu-wrap > li > a:before, .main-slider .owl-nav .owl-prev, .main-slider .owl-nav .owl-next, .owl-dots .owl-dot, .single-slider .content, .post-thumbnail .post-img img, .thumbnail .packages-img img, .post-content .post-content-inner .post-title a, .grid-text, .feat-grid .inner-grid:after, .feat-grid .inner-grid:before, .feat-grid .grid-text:before, .feat-grid .grid-text:after, .gallery-item .single-item img, .gallery-item .single-item .gallery-text, .gallery-item .single-item .gallery-text:before, .client-text, .news-text, .fun-box, .play-icon:after, .video-overlay, .video-overlay-close, .acc-head, .amenities-item, .amenities-item a, .room-aminities .amenities-item a, .team-member, .team-member img, .team-member .team-footer, .team-member .team-footer:before, .team-member .social, .team-member .social li a, .team-member:hover .team-footer:before, .subscribe-form button, .room_single_owl .slider-two .item, .room_single_owl .slider-two .left-t, .room_single_owl .slider-two .right-t, .blog-post, .blog-post .post-thumbnail img, .blog-post .post-content-inner .meta-blog li a, .author-body > a, .blog-post .post-content-inner > a, .pagination-nav li a, .pagination-nav li.prev a, .pagination-nav li.next a, .footer-wrapper .widget-title:after, .widget-links li a, .payment_methods li, .widget-nav-menu ul li, .subscribe button, .social-box .info-icon:before, input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], .navbar-brand, img.navbar-brand, .sticky-menu img.navbar-brand, .navigation .menubar .dropdown-menu > li, .navigation .menubar .dropdown-menu li a, .navigation .menubar .dropdown-menu .dropdown > a:after, .mobile-menu, .mobile-menu .dropdown > span a, .mobile-menu li > a, .hamburger-menu div, .hamburger-menu .meat, .hamburger-menu .bottom-bun, .header-sidebar-toggle span, .header-sidebar-toggle span:before, .header-sidebar-toggle span:after, .mobi-head-top, .shopping-cart, .p-menu, .view-search.on form, .view-search form, .close-menu:before, .close-menu:after, .view-search-remove:before, .view-search-remove:after, button, input[type="button"], input[type="reset"], input[type="submit"], .bt-primary, .bt-secondary, .bt-effect-2:after, .bt-primary.bt-effect-2:hover:after { -webkit-transition: all .5s cubic-bezier(.645,.045,.355,1); transition: all .5s cubic-bezier(.645,.045,.355,1); }