/*
Theme Name: BusiCare-child
Template: busicare
Theme URI: https://spicethemes.com/busicare-wordpress-theme/
Author: spicethemes
Author URI: https://spicethemes.com
Description: BusiCare WordPress Theme is a lightweight, elegant, fully responsive, and translation-ready theme. It allows you to create stunning blogs and websites>
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, custom-logo, featured-images, footer-widgets, sticky-post, threaded-comments, translation>
Version: 1.3.3
Requires at least: 4.5
Tested up to: 6.2
Requires PHP: 5.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: busicare
*/

:root {
	--main-clr: #00b2d2;
	--secondary-clr: #ffd800;
}

body {
    font: 400 14px / 25px Raleway, Helvetica, Arial, sans-serif;
    color: #646464;
}

#main-header {
    width: 100%;
    padding: 17px 0 25px;
    min-height: 85px;
	background: #fcfcfc;
}
#main-header .container {
    max-width: 1200px;
    margin: 0 auto;
}
#main-header .container::after {
    clear: both;
    content: "";
    display: table;
}
#main-header .logo {
    float: left;
}
#main-header .logo, 
#main-header .logo img {
    display: block;
	height: initial;
}

#main-header .burger-menu {
    float: right;
    height: 9px;
    width: 20px;
    transition-duration: .3s;
    position: relative;
    padding: 18px 0;
    z-index: 1001;
}
#main-header .burger-menu, 
#main-header .burger-menu.open span:before {
    display: none;
}
#main-header .burger-menu, 
#main-header a {
    cursor: pointer;
}
#main-header .burger-menu.open {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#main-header .burger-menu span {
    height: 1px;
    width: 20px;
    display: block;
    background: #000;
    position: absolute;
    top: calc(50% - 1px);
}
#main-header .burger-menu span:before {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}
#main-header .burger-menu span:after, 
#main-header .burger-menu span:before {
    transition-duration: .3s;
    height: 1px;
    width: 20px;
    content: "";
    position: absolute;
    background: #000;
}
#main-header .burger-menu.open span:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#main-header .header-nav {
    float: right;
}
#main-header .menu {
    padding: 8px 0 0;
}
#main-header ul {
    list-style: none;
}
#main-header .menu li {
    margin: 0 0 0 34px;
}
#main-header .menu li, 
#main-header .menu li a {
    display: inline-block;
}
#main-header .menu li a {
    text-transform: uppercase;
    font-size: 12px;
    padding: 9px 20px;
    line-height: 12px;
    letter-spacing: .52px;
    font-weight: 700;
    color: #000;
	border: 2px solid transparent;
} 
#main-header .menu li a:hover {
    border: 2px solid #ffd800;
}
#main-header a:active, 
#main-header a:focus, 
#main-header a:hover {
    color: #00b2d2;
}

@media (max-width: 992px) {
	#main-header {
        padding: 7px 0;
        min-height: 50px;
        z-index: 1002;
        position: relative;
    }

	#main-header .container {
        padding: 0 30px;
    }
	
	#main-header .logo img {
        height: 30px;
        width: 168px;
    }
	
	#main-header .burger-menu {
        display: block;
        z-index: 1001;
    }
	
	#main-header .header-nav {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        transition: .2s;
    }
	#main-header .header-nav, 
	#main-header .mobile-menu {
        position: fixed;
        bottom: 0;
        top: 0;
        right: 0;
    }
	#main-header .mobile-menu {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        overflow-y: auto;
        background: #fff;
        z-index: 1000;
        width: 290px;
    }
	#main-header .menu {
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex
;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start;
        box-pack: start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -o-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start;
        height: 100%;
        width: 100%;
        padding: 50px 0 0;
        position: relative;
        box-orient: vertical;
        box-direction: normal;
    }
	#main-header .menu:before {
        position: absolute;
        top: 0;
        right: 0;
        background: #f7f8fa;
        min-height: 50px;
        width: 100%;
    }
	#main-header .menu li.active:after, 
	#main-header .menu:before {
        left: 0;
        content: '';
    }
	#main-header .menu li {
        position: relative;
        width: 230px;
        border-bottom: 1px solid #e5e5e5;
    }
	#main-header .menu li a {
        position: relative;
        color: #404040;
        width: 100%;
        display: block;
        line-height: 50px;
        border: 0;
        padding: 0;
    }
}