/*
Theme Name: Paradise Spa
Theme URI: https://rarathemes.com/wordpress-themes/paradise-spa/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Paradise Spa is a beautifully designed WordPress theme focused on the Spa and Salon business that evokes feelings of relaxation and rejuvenation. The layout is clean and modern, focusing on creating a welcoming and soothing atmosphere for your customers. The theme is ideal for spas, salons, parlors, massage and wellness centers that want to create the perfect online presence. It includes a beautiful homepage with section such as banner with CTA, services, testimonials and others to display the services you offer. This theme is SEO optimized and loads fast to help you rank better on search engine. Paradise Spa is also translation ready, WooCommerce compatible and supports RTL languages. Check the demo at https://rarathemes.com/previews/?theme=paradise-spa, documentation at https://docs.rarathemes.com/docs/spa-and-salon/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.0.0
Requires PHP: 5.6
Tested up to: 6.2
Template: spa-and-salon
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paradise-spa
Tags: blog, two-columns, right-sidebar, footer-widgets, custom-background, custom-menu, post-formats, featured-images, threaded-comments, portfolio, translation-ready, full-width-template, theme-options
*/
:root {
  --primary-color: #005ae0;
  --primary-color-rgb: 222, 53, 113;
  --heading-color: #232323;
  --heading-color-rgb: 35, 35, 35;
  --font-color: #3C383D;
  --font-color-rgb: 60, 56, 61;
  --font-color-dark: #333;
  --font-color-dark-rgb: 51, 51, 51;
  --background-color: #005ae0;
  --background-color-rgb: 222, 53, 113;
  --title-font: 'Libre Baskerville', serif;
  --primary-font: 'Manrope', sans-serif;
}




html {
  font-family: var(--primary-font);
}

body{
  font-family: var(--primary-font);
}

/* header two */

.site-header.style-two {
  padding: 0;

}

/* header top */

.site-header.style-two .header-t {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  padding: 16px 0;
  margin-bottom: 16px;
}

.site-header.style-two .header-t .header-t-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site-header.style-two .header-t .header-t-wrapper .header-left {
  display: flex;
  gap: 24px;
  color: var(--font-color);
}

.site-header.style-two .header-t .header-t-wrapper .header-left,
.site-header.style-two .header-t .header-t-wrapper .header-left a {
  color: var(--heading-color);
  font-size: 16px;
  line-height: 1;
  transition: 0.2s all ease;
  font-weight: bold;
}

.site-header.style-two .header-t .header-t-wrapper :is(.social-networks :is(li a:hover), .header-left a:hover) {
  color: var(--primary-color);
  text-decoration: none;
}


.site-header.style-two .header-t .header-t-wrapper .header-left svg {
  margin-right: 5px;
}

.site-header.style-two .header-t .header-t-wrapper .social-networks {
  display: flex;
  gap: 30px;
}

.site-header.style-two .header-t .header-t-wrapper .social-networks li {
  margin: 0;
}

.site-header.style-two .header-t .header-t-wrapper .social-networks li a {
  color: var(--heading-color);
  font-size: 18px;
  transition: 0.2s all ease;
}

/* header middle */

.site-header.style-two .header-m .header-m-wrapper {
  display: flex;
  justify-items: center;
  margin-bottom: 16px;
}

.site-header.style-two .header-m .header-m-wrapper .site-branding {
  position: static;
  display: flex;
  gap: 10px;
  width: auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-bottom: 0;
}

.site-header.style-two .header-m .header-m-wrapper .site-branding .site-info :is(.site-description, .site-title) {
  text-align: left;
}



.site-header.style-two .header-m .header-m-wrapper .site-branding .site-title a {
  font-size: 30px;
  line-height: 1.53;
  color: var(--heading-color);
}

.site-header.style-two .site-branding .custom-logo-link {
  margin-bottom: 0
}

.site-header.style-two .site-branding .site-title {
  margin: 0
}

/* header bottom */

.site-header.style-two .header-b {
  margin: 0;
}

.site-header.style-two .header-b .sticky-menu,
.site-header.style-two .header-b {
  background: #3f3c4152;
}

.site-header.style-two .header-b .sticky-menu {
  top: 0;
}

.site-header.style-two .header-b .header-b-wrapper .main-navigation {
  margin: 0;
}

.site-header.style-two .header-b .header-b-wrapper .main-navigation ul {
  font-size: 20px;
  line-height: 1.75;
  font-weight: 700;
}

.site-header.style-two .header-b .header-b-wrapper .main-navigation ul li {
  margin: 0 16px;
}

.site-header.style-two .header-b .header-b-wrapper .main-navigation ul li ul {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.site-header.style-two .header-b .header-b-wrapper .main-navigation ul li ul li a {
  color: var(--font-color);
}

.site-header.style-two .header-b .header-b-wrapper .main-navigation ul :is(.current_page_item, .current-menu-item ) > a {
  border-bottom: 2px solid #FFFFFF;
  opacity: 1;
  font-weight: 700;
}

.site-header.style-two .main-navigation ul li.menu-item-has-children::after {
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  right: -20%;
  opacity: 0.75;
}

.site-header.style-two .main-navigation ul li.menu-item-has-children:hover::after {
  opacity: 1;
  background-color: #fff;
}

.site-header.style-two .main-navigation ul li ul li.menu-item-has-children::after {
  background-color: var(--font-color);
  top: 50%;
  right: 7%;
  transform: translateY(-50%) rotate(-90deg);
}

.site-header.style-two .main-navigation ul li ul li.menu-item-has-children:hover::after {
  background-color: var(--font-color);
}


.site-header.style-two .header-b .header-b-wrapper .main-navigation ul li a {
  color: #df261e;
  margin: 24px 0 16px;
  padding-bottom: 8px;
  transition: 0.2s all ease;
  opacity: 0.75;
  font-weight: 600;
}

.site-header.style-two .header-b .header-b-wrapper .main-navigation ul li ul li {
  margin: 0;
}

.site-header.style-two .header-b .header-b-wrapper .main-navigation ul li ul li a {
  margin: 0;
  padding: 16px;

}

.site-header.style-two .header-b .header-b-wrapper .main-navigation ul li:hover a {
  opacity: 1;
}

.btn-green{
  border: 2px solid var(--primary-color);

}

.btn-green:hover {
  background: transparent;
  color: var(--primary-color) !important;
}

.tel-link svg {
  transform: unset;
  width: 14px;
  height: 14px;
}


@media only screen and (max-width: 991px) {

  .site-header.style-two .header-t .header-t-wrapper {
    justify-content: center;
  }

  .site-header.style-two .header-t .header-t-wrapper .header-left{
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }

  .site-header.style-two .header-t .header-t-wrapper {
    flex-wrap: wrap;
    gap: 20px;
  }

}

@media only screen and (max-width: 564px) {
  .site-header.style-two .header-t .header-t-wrapper {
    justify-content: center;
  }

  .site-header.style-two .header-t .header-t-wrapper .header-right .social-networks {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
}

/* breadcrumb */
.breadcrumbs {
  background: transparent;
}

#crumbs {
  color: var(--font-color);
}

#crumbs a {
  color: rgba(var(--font-color-rgb), 0.75);
}

#crumbs a:hover {
  color: rgba(var(--font-color-rgb), 1);
}