/* =====================================================
Client variables are defined in the separate variables stylesheet.
The selectors below apply those values to the theme.
===================================================== */
body {
  background: var(--bee-main-bg);
  color: var(--bee-main-text);
}

a {
  color: var(--bee-main-link);
}

a:hover {
  color: var(--bee-main-link-hover);
}

.bg {
  background-color: var(--bee-main-bg-soft);
}

.loader-box-1,
.loader-box-2,
#scroll-top,
.theme-btn {
  background-color: var(--bee-color-primary);
  color: var(--bee-swiper-button-text);
}

#scroll-top:hover,
.theme-btn:hover {
  background: var(--bee-color-primary-hover);
  color: var(--bee-swiper-button-text-hover);
}

.border-btn {
  border-color: var(--bee-color-primary);
}

.top-header {
  background: var(--bee-header-top-bg);
  border-bottom-color: var(--bee-header-top-border);
}

.navbar {
  background: var(--bee-header-bg);
}

.navbar.fixed-top {
  background-color: var(--bee-header-fixed-bg);
}

.navbar .header-actions .agency-logout-form {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.navbar .header-actions .agency-logout-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  padding: 0;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: color .5s ease-in-out;
}

.top-contact-info ul li a,
.top-social a,
.top-header-right .account a,
.navbar .nav-item .nav-link,
.navbar .header-actions :is(a, button) {
  color: var(--bee-header-link);
}

.top-contact-info ul li a:hover,
.top-social a:hover,
.top-header-right .account a:hover,
.navbar .nav-item:hover .nav-link,
.navbar .header-actions :is(a, button):hover {
  color: var(--bee-header-link-hover);
}

.navbar.fixed-top .nav-item .nav-link,
.navbar.fixed-top .nav-item .nav-link::before,
.home-3 .navbar .nav-item .nav-link,
.navbar.fixed-top .header-actions :is(a, button),
.home-3 .navbar .header-actions :is(a, button) {
  color: var(--bee-header-fixed-link);
}

.navbar.fixed-top .nav-item:hover .nav-link,
.navbar.fixed-top .nav-item .nav-link:hover,
.home-3 .navbar .nav-item:hover .nav-link,
.home-3 .navbar .nav-item .nav-link:hover {
  color: var(--bee-header-fixed-link-hover);
}

.navbar.fixed-top .header-actions :is(a, button):hover,
.home-3 .navbar .header-actions :is(a, button):hover {
  color: var(--bee-header-fixed-icon-hover);
}

.header.home-3 .navbar .header-actions :is(a, button) {
  color: #ffffff;
}

.header.home-3 .navbar .header-actions :is(a, button):hover {
  color: var(--bee-header-icon-hover, #ffae00);
}

.navbar .nav-item .dropdown-menu {
  background: var(--bee-header-dropdown-bg);
}

.navbar .nav-item .dropdown-menu .dropdown-item {
  color: var(--bee-header-dropdown-link);
}

.navbar .nav-item .dropdown-menu .dropdown-item:hover,
.top-header-right .nice-select .option.focus,
.top-header-right .nice-select .option.selected.focus,
.top-header-right .nice-select .option:hover {
  color: var(--bee-header-dropdown-link-hover);
}

@media all and (max-width: 991.98px) {
  .navbar,
  .navbar.fixed-top,
  .home-3 .navbar,
  .home-3 .navbar.fixed-top,
  .header.home-3 .navbar {
    background: var(--bee-header-bg);
    background-color: var(--bee-header-bg);
  }

  .navbar-collapse {
    background-color: var(--bee-header-mobile-menu-bg);
  }

  .navbar .nav-item .nav-link,
  .navbar.fixed-top .nav-item .nav-link,
  .home-3 .navbar .nav-item .nav-link {
    color: var(--bee-header-mobile-link);
  }

  .navbar .nav-item .nav-link:hover,
  .navbar .nav-item:hover .nav-link,
  .navbar.fixed-top .nav-item .nav-link:hover,
  .home-3 .navbar .nav-item .nav-link:hover {
    color: var(--bee-header-mobile-link-hover) !important;
  }

  .navbar .header-actions :is(a, button),
  button.navbar-toggler,
  .navbar-toggler-icon,
  .navbar.fixed-top .navbar-toggler-icon,
  .home-3 .navbar-toggler-icon {
    color: var(--bee-header-mobile-icon);
  }

  .navbar .header-actions :is(a, button):hover,
  button.navbar-toggler:hover,
  .navbar-toggler-icon:hover {
    color: var(--bee-header-mobile-icon-hover);
  }
}

.hero-single::before {
  background-color: var(--bee-swiper-overlay);
}

.hero-single .hero-content .hero-title {
  color: var(--bee-swiper-title);
}

.hero-single .hero-content .hero-sub-title {
  color: var(--bee-swiper-tagline);
}

.hero-single .hero-content p {
  color: var(--bee-swiper-description);
}

.hero-single .hero-content .theme-btn {
  background: var(--bee-swiper-button-bg);
  color: var(--bee-swiper-button-text);
}

.hero-single .hero-content .theme-btn:hover {
  background: var(--bee-swiper-button-bg-hover);
  color: var(--bee-swiper-button-text-hover);
}

.hero-slider.owl-theme .owl-nav [class*=owl-] {
  border-color: var(--bee-swiper-nav-border);
  color: var(--bee-swiper-nav-text);
}

.hero-slider.owl-theme .owl-nav [class*=owl-]:hover {
  background: var(--bee-swiper-nav-bg-hover);
  color: var(--bee-swiper-nav-text-hover);
}

.site-title,
.choose-title,
.destination-single-title,
.destination-single h3,
.tour-single-info h3,
.blog-details-title,
.contact-form-header,
.contact-form-header h2 {
  color: var(--bee-heading-title);
}

.site-title-tagline,
.choose-title-tagline,
.team-tagline {
  color: var(--bee-heading-tagline);
}

.site-title-tagline::before {
  background: var(--bee-heading-marker);
}

.eyebrow::before {
  border-bottom-color: var(--bee-eyebrow-before);
}

.eyebrow::after {
  border-bottom-color: var(--bee-eyebrow-after);
}

.blog-item-more {
  color: var(--bee-more-link);
}

.blog-item-more:hover {
  color: var(--bee-more-link-hover);
}

.site-heading p,
.feature-info p,
.tour-single-price p {
  color: var(--bee-heading-description);
}

.tour-area .tour-item,
.destination-area2 .destination-info,
.destination-area3 .destination-info,
.tour-widget,
.booking-widget,
.booking,
.blog-item,
.widget,
.feature-item,
.passenger-wrapper,
.cart-empty,
.cart-list-item {
  background: var(--bee-box-bg);
}

.tour-area .tour-info h5,
.destination-area2 .destination-info h5,
.destination-area3 .destination-info a,
.featured-tour-title,
.blog-item-title,
.feature-info h3,
.widget .widget-title,
.cart-list-service h5,
.passenger-title h3,
.passenger-card-head strong {
  color: var(--bee-box-title);
}

.tour-area .tour-info h5:hover,
.destination-area3 .destination-info a:hover,
.featured-tour-title:hover,
.blog-item-title:hover {
  color: var(--bee-box-title-hover);
}

.tour-area .tour-meta {
  background-color: var(--bee-box-meta-bg);
}

.tour-area .tour-meta ul li,
.tour-area .tour-meta ul li::before {
  color: var(--bee-box-meta-text);
}

.tour-area .tour-rating i,
.destination-area2 .destination-info h5 i,
.destination-area3 .destination-info h5 i,
.blog-item-meta ul li i,
.feature-header i,
.pageview-itinerary-box h4,
.pageview-itinerary-box ul li i {
  color: var(--bee-box-icon);
}

.pageview-itinerary-box::before {
  border-left-color: var(--bee-box-icon);
}

.pageview-itinerary-box span,
.pageview-gallery-landscape .popup-img,
.pageview-gallery-portrait .popup-img {
  background: var(--bee-box-icon);
}

.tour-area .tour-price,
.tour-offer-percentage,
.tour-single-price span {
  color: var(--bee-box-price);
}

.tour-area .tour-btn {
  border-color: var(--bee-box-button-border);
  color: var(--bee-box-button-text);
}

.tour-area .tour-btn:hover {
  background: var(--bee-box-button-bg-hover);
  color: var(--bee-box-button-text-hover);
}

.footer-area {
  background-color: var(--bee-footer-bg);
}

.footer-area:after {
  background: var(--bee-footer-overlay);
}

.copyright {
  border-top-color: var(--bee-footer-border);
}

.footer-widget-title {
  color: var(--bee-footer-title);
}

.footer-widget-title::before,
.footer-widget-title::after {
  background-color: var(--bee-footer-icon);
}

.copyright .footer-menu li a,
.copyright .copyright-text,
.footer-list li a,
.footer-widget-box p,
.footer-contact li,
.footer-contact li a {
  color: var(--bee-footer-text);
}

.copyright .footer-menu li a:hover,
.copyright .copyright-text a,
.footer-list li a:hover {
  color: var(--bee-footer-link-hover);
}

.footer-social li a i {
  border-color: var(--bee-footer-icon);
  color: var(--bee-footer-link);
}

.footer-social li a i:hover {
  background: var(--bee-footer-icon-bg-hover);
  color: var(--bee-footer-icon-text-hover);
}

.footer-contact li i {
  color: var(--bee-footer-icon);
}

.form-control,
.login-form .form-control,
.footer-newsletter .subscribe-form .form-control {
  border-color: var(--bee-form-border);
}

.form-control:focus,
.login-form .form-control:focus {
  border-color: var(--bee-form-border-focus);
}

.terms-list-icon {
  color: var(--bee-color-primary);
}

.cart-empty,
.cart-list-item,
.passenger-wrapper {
  background: var(--bee-cart-bg);
}

.cart-empty h3,
.cart-list-service h5,
.passenger-title h3,
.passenger-card-head b,
.cart-total strong,
.cart-total span {
  color: var(--bee-cart-title);
}

.cart-empty p,
.cart-event-name,
.cart-list-meta span,
.passenger-title p,
.passenger-card-head span {
  color: var(--bee-cart-text);
}

.cart-footer .theme-btn,
.passenger-wrapper .theme-btn {
  background: var(--bee-cart-action-bg);
  color: var(--bee-cart-action-text);
}

.cart-footer .theme-btn:hover,
.passenger-wrapper .theme-btn:hover {
  background: var(--bee-cart-action-bg-hover);
}