/* =====================================================
BeePages client theme variables

Change only the values in :root for each client.
The selectors below apply those values to the theme.
===================================================== */

:root {
  /* Brand */
  --bee-color-primary: #00ba4a;
  --bee-color-primary-hover: #007d18;
  --bee-color-secondary: #025512;
  --bee-color-accent: #FF0143;

  /* Main */
  --bee-main-bg: #ffffff;
  --bee-main-bg-soft: #F5FBFF;
  --bee-main-text: #14212B;
  --bee-main-link: #14212B;
  --bee-main-link-hover: #0049D0;

  /* Header */
  --bee-header-top-bg: #000;
  --bee-header-top-border: rgba(255, 255, 255, .2);
  --bee-header-bg: #000;
  --bee-header-fixed-bg: #000;
  --bee-header-link: #ffffff;
  --bee-header-link-hover: var(--bee-color-primary);
  --bee-header-fixed-link: #ffffff;
  --bee-header-fixed-link-hover: var(--bee-header-link-hover);
  --bee-header-icon: #ffffff;
  --bee-header-icon-hover: var(--bee-color-primary);
  --bee-header-fixed-icon: var(--bee-header-icon);
  --bee-header-fixed-icon-hover: var(--bee-header-icon-hover);
  --bee-header-dropdown-bg: #ffffff;
  --bee-header-dropdown-link: #051C55;
  --bee-header-dropdown-link-hover: var(--bee-color-primary);
  --bee-header-mobile-menu-bg: var(--bee-header-bg);
  --bee-header-mobile-link: var(--bee-header-link);
  --bee-header-mobile-link-hover: var(--bee-header-link-hover);
  --bee-header-mobile-icon: var(--bee-header-icon);
  --bee-header-mobile-icon-hover: var(--bee-header-icon-hover);

  /* Footer */
  --bee-footer-bg: #000;
  --bee-footer-overlay: #000;
  --bee-footer-border: #c8c8c8;
  --bee-footer-title: #ffffff;
  --bee-footer-text: #f5faff;
  --bee-footer-link: #ffffff;
  --bee-footer-link-hover: var(--bee-color-primary);
  --bee-footer-icon: var(--bee-color-primary);
  --bee-footer-icon-bg-hover: var(--bee-color-primary);
  --bee-footer-icon-text-hover: #ffffff;

  /* Hero / swiper */
  --bee-swiper-overlay: rgba(8, 39, 64, .5);
  --bee-swiper-title: var(--bee-color-primary);
  --bee-swiper-tagline: #ffffff;
  --bee-swiper-description: #ffffff;
  --bee-swiper-button-bg: var(--bee-color-primary);
  --bee-swiper-button-text: #ffffff;
  --bee-swiper-button-bg-hover: var(--bee-color-primary-hover);
  --bee-swiper-button-text-hover: #ffffff;
  --bee-swiper-nav-border: #ffffff;
  --bee-swiper-nav-text: #ffffff;
  --bee-swiper-nav-bg-hover: #ffffff;
  --bee-swiper-nav-text-hover: var(--bee-color-primary);

  /* Page and section headings */
  --bee-heading-title: #051242;
  --bee-heading-tagline: var(--bee-color-primary);
  --bee-heading-description: #14212B;
  --bee-heading-marker: var(--bee-color-primary);

  /* Content boxes / cards */
  --bee-box-bg: #ffffff;
  --bee-box-title: #051242;
  --bee-box-title-hover: var(--bee-color-primary);
  --bee-box-text: #14212B;
  --bee-box-meta-bg: var(--bee-color-primary);
  --bee-box-meta-text: #ffffff;
  --bee-box-icon: var(--bee-color-primary);
  --bee-box-price: var(--bee-color-accent);
  --bee-box-button-border: var(--bee-color-primary);
  --bee-box-button-text: #232323;
  --bee-box-button-bg-hover: var(--bee-color-primary);
  --bee-box-button-text-hover: #ffffff;

  /* Forms, cart and checkout */
  --bee-form-border: #e8e8e8;
  --bee-form-border-focus: var(--bee-color-primary);
  --bee-cart-bg: #ffffff;
  --bee-cart-title: #111827;
  --bee-cart-text: #6b7280;
  --bee-cart-total: #111827;
  --bee-cart-action-bg: var(--bee-color-primary);
  --bee-cart-action-text: #ffffff;
  --bee-cart-action-bg-hover: var(--bee-color-primary-hover);
}

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);
}

.top-contact-info ul li a,
.top-social a,
.top-header-right .account a,
.navbar .nav-item .nav-link,
.navbar .header-actions a {
  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 a: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 a,
.home-3 .navbar .header-actions a {
  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 a:hover,
.home-3 .navbar .header-actions a:hover {
  color: var(--bee-header-fixed-icon-hover);
}

.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 a,
  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 a: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);
}

.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);
}

.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);
}