/*
Theme Name: Salient Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //mysite.com/
Template: salient
Version: 0.1
*/

/* === prev main theme css file styling === 
 * 
prev theme ver - header code
<div class="col span_3">     
          <div class="header-col-1">
          <p>&nbsp;</p>
					</div>
          
          <div class="header-col-2">
            <a id="logo" href="<?php echo home_url(); ?>" <?php echo $logo_class; ?>>
              <?php nectar_logo_output($activate_transparency, $sideWidgetClass); ?> 
  					</a>
          </div>
  
          <div class="header-col-3">
          
            <span class="shop-button">
              <a href="http://eshop.biossentials.com/" target="_new">Shop Here</a>
            </span>
            
          </div>
          
</div><!--/span_3-->

*/

/* retina logo */
/* removed in 8.0 */

header#top #logo img{/*max-height:30px; */text-indent:-9999px; max-width:none; width:auto; margin-bottom:0px; display:block; transition:opacity 0.4s ease}

header#top{position:relative; z-index:9998; width:100%; border-bottom: 35px solid #a39161;}

header#top nav >ul{float:right; overflow:visible!important; transition:padding 0.8s ease,margin 0.25s ease; min-height:1px; line-height:1px}

.side-widget-open.no-bg-color{border-color:transparent!important}

/*centered menu */
#header-outer[data-format="centered-menu"] header#top nav >ul.sf-menu >li.megamenu{position:static!important}
#header-outer header#top nav >ul.buttons{right:0; height:100%; overflow:hidden!important}
body #header-outer[data-using-pr-menu="true"] header#top nav >ul.buttons{display:block!important; overflow:visible!important}

/*centered menu under logo */
#header-outer[data-format="centered-menu-under-logo"] .span_9, body #header-outer[data-format="centered-menu-under-logo"] .span_3{ display:block!important;  float:none!important;  width:100%!important}
#header-outer[data-format="centered-menu-under-logo"] header#top .span_9{ position:relative !important}
#header-outer[data-format="centered-menu-under-logo"] header#top .span_9 nav >ul >li:not(#social-in-menu):not(#search-btn):not(.slide-out-widget-area-toggle) >a{padding-top:0px!important; padding-bottom:6px!important}
#header-outer[data-format="centered-menu-under-logo"] header#top .span_9 ul li#search-btn, 
#header-outer[data-format="centered-menu-under-logo"] header#top nav >ul li.slide-out-widget-area-toggle{padding-top:0!important; padding-bottom:0!important}
#header-outer[data-format="centered-menu-under-logo"] header#top .span_9 ul li#social-in-menu a{margin-top:0px!important; margin-bottom:20px!important}

/* === END - prev main theme css file styling === */

/*#header-outer header#top {
  height: 125px !important;
}

#header-outer.small-nav header#top {
  height: 107px !important;
}*/

/* menu burger icon color overwrite styling */

#header-outer #top .span_9 > .slide-out-widget-area-toggle i,
#header-outer #top .slide-out-widget-area-toggle a .lines-button::after,
#header-outer #top .slide-out-widget-area-toggle a .lines:before,
#header-outer #top .slide-out-widget-area-toggle a .lines:after {
	color: #a39161 !important;
	background: #a39161 !important;
	background-color: #a39161 !important;
}/* mobile menu burger icon color overwrite styling */

#header-outer header#top {
  height: 152px !important;
}

#header-outer.small-nav header#top {
  height: 124px !important;
}

#header-outer[data-lhe="default"] header#top nav > ul > li > a:hover {
  background-color: none !important;
}
#header-outer:not([data-lhe="animated_underline"]) header#top nav > ul > li.menu-item.sfHover > a,
#header-outer:not([data-lhe="animated_underline"]) header#top nav > ul > li.menu-item > a:hover{
  color : #fff !important;
}

#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.menu-item.current-menu-item > a, 
#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.menu-item.current_page_ancestor > a, 
#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.menu-item.current-menu-ancestor > a, 
#header-outer:not([data-lhe="animated_underline"]) header#top nav .sf-menu li.menu-item.current_page_item > a {
  color : #fff !important;
}

#featured.orbit article {
  top: 145px !important;
}

#featured.orbit article {
  top: 123px !important;
}

.header-col-1,
.header-col-2,
.header-col-3 {
  float:left; 
  width:33.33%; 
}

.header-col-1 {
  text-align:left;
}

.header-col-2 {
  text-align:center;
}

.header-col-3 {
	padding-top: 35px;
	text-align: right;
	padding-bottom: 15px;
}

/*.header-col-3 {
  padding-top:20px;
  text-align:right;
}*/

.shop-button {
    padding: 10px 24px;
    border: 1px solid #b79a5d;
    background: #ffffff !important;
    border-radius: 2px;
}

.shop-button a {
    color: #b79a5d !important;
    font-weight: 500;
    text-decoration: none;
}

.shop-button:hover {
    background: #b79a5d !important;
}

.shop-button:hover a {
    color: #ffffff !important;
}


.page-links {
  color: #37939b;
}

.tropical .toggle h3 a,
.page-links-tropical {
  color: #0f3812;
}

.page-links-lavender {
  color: #7373a9;
}

.facial .toggle h3 a,
.page-links-facial {
  color: #21245b;
}


@media only screen and (max-width:690px){
  .header-col-1,
  .header-col-2,
  .header-col-3 {
    width:100%; 
  }
  #header-outer[data-format="centered-menu-under-logo"] header#top #logo img {
    margin: 0 auto 0px auto !important;
  }
  
  .header-col-1 {
    display: none;
  }
  
  .header-col-2 {
    text-align:center;
  }

  .header-col-3 {
    text-align:center !important;
  }
  
  #header-outer header#top {
    height: 152px !important;
  }
  
}

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

  #header-outer[data-lhe="default"] header#top nav > ul > li > a {
      padding-left: 2px !important;
      padding-right: 2px !important;
  }
  
  header#top nav > ul > li > a {
      font-size: 14px !important;
      
  }  

}

@media only screen and (min-width: 1px) and (max-width: 999px){
	#header-outer header#top {
		height: auto !important;
		border-bottom: 0px;}
}
