/*
Theme Name: Chantali Medspa & Wellness
Theme URI: https://chantalimedspa.com
Template: blossom-spa  
Author: Developer
Description: Chantali MedSpa & Wellness
the most peaceful place to relax and get beauty at the same time in a wellness environment and comfort. We have the most innovative and advanced latest products, techniques and procedures that will give to our clients the desired result with the most natural appearance
Version: 1.0.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tested up to: 6.6
Requires PHP: 7.3
Requires at least: 6.2
Text Domain: vedic-spa
Tags: Chantali Medspa & Wellness, Chantali Medspa, Wellness, Medspa & Wellness, Medspa, Deep Facial Cleansing, Diode Laser Hair Removal, Microneedling, HIFU (High-Intensity Focused Ultrasound), PRP Facial With Microneedling, PRP Scalp Therapy

/*============================
variable
============================*/

:root {
    --primary-color: #76a2a2;
    --primary-color-rgb: 118,162,162;
    --primary-font: 'DM Sans', sans-serif;
    --secondary-font: 'DM Serif Display', serif;
}

/*============================
HEADER LAYOUT TWO
============================*/
.header-two .nav-wrap {
    position: static;
    border-radius: 0;
    padding: 0;
}
.header-two .header-t .container {
    display: flex;
    flex: 1;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}

.header-two .header-contact {
    display: flex;
    flex: auto;
    flex-direction: row;
    white-space: nowrap;
    align-items: center;
    justify-content: flex-start;
}
.header-two .header-contact .contact-block svg {
    position: static;
    width: 16px;
    float: left;
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
.header-two .header-social .social-list li {
    font-size: 0.888em;
}
.header-two .header-social .social-list li a {
    width: auto;
    height: auto;
    line-height: normal;
    padding-left: 15px;
    border-left: none;
}
.header-two .social-list{
	margin: 0;
    padding: 0;
    list-style: none;
}
.header-two .header-contact .contact-block {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    justify-self: center;
    padding-left: 0;
    border-left: none;
}
.header-two .header-contact .contact-block .content {
    line-height: 1.8;
    color: #fff;
    font-weight: 400;
}
.header-two .header-t {
    background: rgba(var(--primary-color-rgb), 0.2);
    padding: 10px 0;
}
.header-two .header-contact .contact-block svg path.phb,
.header-two .header-contact .contact-block svg path.emb,
.header-two .header-contact .contact-block svg path.clkb {
    fill: #585656;
}
.header-two .header-social .social-list li a:hover {
    color: var(--primary-color);
}
.header-two .header-contact .contact-block {
    align-items: center;
}

.header-two .header-contact .contact-block svg {
    width: 20px;
    margin-top: 0;
}

.header-two .header-contact .contact-block .content {
    font-size: 0.7778em;
    font-weight: 600;
    color: #585656;
}

.site-header.header-two .cart a {
    width: auto;
    height: auto;
    display: inline-block;
    padding-right: 10px;
    color: inherit;
    position: relative;
}
.site-header.header-two .cart svg:hover path{
	fill: var(--primary-color);
}
.site-header.header-two .header-social+.cart a {
    padding-left: 10px;
    margin-left: 10px;
    border-left-color: rgba(0, 0, 0, 0.1);
}

.site-header.header-two .cart a:hover {
    background: none;
    color: var(--primary-color);
}
.site-header .cart a .count {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 15px;
    height: 15px;
    background: #fff;
    color: initial;
    text-align: center;
    line-height: 14px;
    border-radius: 100%;
    font-size: 0.6666em;
    font-weight: 700;
    border: 1px solid var(--primary-color);
}

.site-header.header-two .cart a .count {
    top: 0;
    right: 0;
    border-color: rgba(0, 0, 0, 0.3);
    background: #F0F0F0;
}

.header-two .nav-wrap {
    position: static;
    border-radius: 0;
    padding: 0;
}

.header-two .nav-wrap .main-navigation {
    display: inline-block;
    vertical-align: middle;
}

.header-two .nav-wrap .nav-right {
    display: inline-block;
    vertical-align: middle;
}

.header-two .main-navigation ul li {
    margin-left: 10px;
    margin-right: 10px;
}

.header-two .main-navigation ul.nav-menu>li:last-child ul,
.header-two .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul,
.header-two .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul {
    left: auto;
    right: 0;
}

.header-two .main-navigation ul.nav-menu>li:last-child ul ul,
.header-two .main-navigation ul.nav-menu>li:nth-last-of-type(2) ul ul,
.header-two .main-navigation ul.nav-menu>li:nth-last-of-type(3) ul ul {
    left: auto;
    right: 100%;
}

.header-two .main-navigation ul li.menu-item-has-children {
    padding-right: 5px;
}

.header-two .main-navigation ul ul li.menu-item-has-children {
    padding-right: 0;
}

.header-two .main-navigation ul li a {
    height: 60px;
    text-align: center;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}

.header-two .main-navigation ul li span {
    line-height: 60px;
    top: 0;
}

.header-two .main-navigation ul li:hover>ul {
    top: 100%;
}

.header-two .main-navigation ul ul li:hover>ul {
    top: 0;
}

.header-two .main-navigation ul ul li {
    margin-left: 0;
    margin-right: 0;
}

.header-two .main-navigation ul ul li span {
    line-height: 20px;
    top: 20px;
}

.header-two .main-navigation ul li a:after {
    top: auto;
    bottom: 0;
}

.header-two .nav-right .header-search:hover {
    background: none;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.header-two .header-search-wrap>svg {
    height: 35px;
    padding-left: 27px;
    padding-right: 0;
    fill: red;
}
.header-two .header-search-wrap .sea{
	fill: #585656;
}

.header-two .header-search-wrap{
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	margin-right: 15px;
}

@media only screen and (max-width:  1024px){
	.header-two .header-t{
		display: none;
	}
}