/*****
Theme Name: BeautySpa
Author: weblizar
Author URI: http://weblizar.com/
Description:BeautySpa is an multi-purpose responsive theme coded & designed with a lot of care and love. You can use it for your business, portfolio, blogging or any type of site.BeautySpa is Responsive and flexible based on BOOTSTRAP CSS framework that adapts your website to mobile devices and the desktop or any other viewing environment.We focused on usability across various devices, starting with smartphones.BeautySpa is a Cross-Browser Compatible theme that works on All leading web browsers.BeautySpa is Retina ready. In addition, footer widget display is automatically adjusted depending on how many are used.BeautySpa has  Filkr as a custom widget to showing up your Flikr Photos .Custom menus to choose the menu in Primary Location that is in Header area of the site.In header area and footer of the theme offers Social Media Links to add your Social Links here. BeautySpa  focusing on business template, awesome Caroufredsel slider, Powerful but simple Theme Options for full CMS control option to match your logo & website, wide layout, light & dark color skin, translation ready and many more. BeautySpa is Woo-commerce Ready theme.
Version:  0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl.html
Tags: black, pink , dark, light, white, two-columns, custom-menu, right-sidebar, custom-background, sticky-post, theme-options, threaded-comments, featured-images, responsive-layout
Text Domain: BeautySpa



body
{
	font-family:Kaushan Script !important;
}
/* TOp CSs */
#top{
position:absolute;
z-index:1;
width:100%;
}
.spa-top{
background-color:#000;
color:#fff;
opacity:0.8;
}
.spa-top .top-social a{
color:#fff;
text-align:center;
padding:5px 0;
}
.spa-top .top-social a .icon{
background-color:#3b9636;
}
.img-responsive{
width:100%;
height:auto;
}
.spa-top{
padding:5px 0;
}
.spa-top .top-social .icon {
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  font-size: 16px;
  height: 30px;
  padding: 5px 0;
  width: 30px;
}
.top-search{
text-align:right;
}
.top-search .form-group{
margin:0;
}
.top-search .form-group .form-control{
background-color:transparent;
height:30px;
border:0px solid rgb(152, 67, 90);
}
.top-search .spa-text{
padding-top:5px;
}
.top-search .spa-text span{
margin-right:20px;
}
.top-search label{
margin-bottom:-5px;
}
.top-search #search{
padding-left:40px;
}
.top-search .search #search-label
{
position:relative;
width:100%;
}
.top-search  #search-label:before {
    content:"\f002";
    font-family: FontAwesome;
    position: absolute;
 /*    top: 2px; */
    right: 15px;
	padding:0px 8px;
	font-size:18px;
	border:1px solid rgba(255, 255, 255, 0.2);
}
.top-search #search-label:before{
color:#fff;
}
.top-search .form-control::-moz-placeholder {
  color: #fff;
  opacity: 1;
}
/* Top CSS*/

/* MENU CSS */

.menu .navbar-brand {
 height: auto;
  padding: 0px;
}
.menu {
  border-radius: 0px;
  margin-bottom:0;
  border:0px;
  background:rgba(0, 0, 0,0.5);
 /*  background-color:rgb(59, 150, 54); */
  border-bottom:1px solid #e6e6e6;
}
.menu .navbar-nav > li > a {
  padding:45px 20px;
}
.menu.navbar-default .navbar-nav > .active > a,
.menu.navbar-default .navbar-nav > .active > a:focus,
.menu.navbar-default .navbar-nav > .active > a:hover {
  /* background-color: #3b9636 !important; */
  background-color: 3b9636;
  color: #fff;
}
.menu.navbar-default .navbar-nav > .open > a,
.menu.navbar-default .navbar-nav > .open > a:focus,
.menu.navbar-default .navbar-nav > .open > a:hover {
 /*  background-color: #3b9636; */
 background-color: transparent !important;
  color:#fff;
}
.menu .dropdown-menu {
  left: 0px;
  right: 0px;
 /* background-color:rgb(152, 67, 90) !important; */
 background-color: rgba(0,0,0,0.5) !important;
padding:0;
}
.menu .dropdown-menu li a{
color:#fff !important;
padding:10px;
font-size:16px;
}
/* .menu .dropdown-menu li a:focus,
.menu .dropdown-menu li a:hover{
color:#802b42 !important;
} */
.menu.navbar-default .navbar-nav > li > a {
  color: #429A3D;
  font-size:16px;
}
/* MENU CSS */


/* This is the existing CSS... */
.sticky-header {
  position: fixed;
  top: 0;
}
/* Here's the new CSS to add... */
.admin-bar .sticky-header {
  top: 32px;
}
.admin-bar .sticky-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  .admin-bar .sticky-header {
    top: 46px;
  }
}
.admin-bar .sticky-header {
  top: 46px;
}
@media screen and (min-width: 783px) {
  .admin-bar .sticky-header {
    top: 32px;
  }
}
/* Sass we write */
.sticky-header {
  position: fixed;
  top: 0;
  
  @include admin-sticky-fix;
}

/* CSS Output */
.sticky-header {
  position: fixed;
  top: 0;
}
.admin-bar .sticky-header {
  top: 46px;
}
@media screen and (min-width: 783px) {
  .admin-bar .sticky-header {
    top: 32px;
  }
}

.gallery-caption {  }
.bypostauthor { }