/*
Theme Name:  Salient
Description: Header Layout set to "Centered Logo Between Menu" in theme options
*/
#header-outer[data-format="centered-logo-between-menu"] .cart-menu-wrap{
  z-index:10000
}
@media only screen and (min-width:1000px){
  #header-outer[data-format="centered-logo-between-menu"] nav{
    visibility:hidden
  }
}
#header-outer[data-format="centered-logo-between-menu"] .span_3{
  position:absolute;
  left:50%;
  margin-right:0
}
#header-outer[data-format="centered-logo-between-menu"] .span_3 #logo.no-image{
  -ms-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
#header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img{
  -ms-transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}
#header-outer[data-format="centered-logo-between-menu"] .row .col.span_9,
#header-outer[data-format="centered-logo-between-menu"] .row .col.span_9 .sf-menu:not(.buttons) {
  left:0;
  position:relative;
  text-align:center;
  width:100%;
  z-index:1
}
body #header-outer[data-format="centered-logo-between-menu"] .row .col.span_9 .sf-menu:not(.buttons) {
  position:static
}
#header-outer[data-format="centered-logo-between-menu"] #top nav >.buttons,
#header-outer[data-format="centered-logo-between-menu"] #top .span_3{
  z-index:10;
  position:absolute
}
#header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li ul{
  text-align:left
}
#header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >li{
  float:none;
}
#header-outer[data-format="centered-logo-between-menu"] #top nav >.sf-menu >.megamenu{
  position:static
}
#header-outer[data-format="centered-logo-between-menu"] nav #social-in-menu{
  position:absolute;
  left:0
}

@media only screen and (min-width: 1000px) {
  #header-outer[data-format="centered-logo-between-menu"] nav #social-in-menu,
  #header-outer[data-format="centered-logo-between-menu"] #top nav >.buttons {
    height: 100%;
  }
}

#header-outer[data-format="centered-logo-between-menu"] .logo-spacing {
  visibility: hidden;
  pointer-events:none;
  z-index: -100;
}

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

  #header-outer[data-format="centered-logo-between-menu"] .logo-spacing {
    display: none;
  }
}

#header-outer[data-format="centered-logo-between-menu"] .logo-spacing[data-using-image="false"] {
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -1px;
  width: 1px;
}

#header-outer[data-format="centered-logo-between-menu"] .logo-spacing img {
  margin-bottom: 0;
}
#header-outer[data-format="centered-logo-between-menu"] .logo-spacing img {
  width: 1px;
}
#header-outer[data-format="centered-logo-between-menu"] #top .span_9,
#header-outer[data-format="centered-logo-between-menu"] #top .span_9 nav {
  width: 100%;
}


#header-outer[data-format="centered-logo-between-menu"] #top .row .col.span_3 {
  pointer-events: none;
}
body #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img {
  transform: none;
}
body #header-outer[data-format="centered-logo-between-menu"] #top #logo {
  transform: translateX(-50%);
  pointer-events: auto;
}

@media only screen and (min-width : 1000px) {
  body[data-slide-out-widget-area-style="slide-out-from-right"]:not(.material) #header-outer[data-format="centered-logo-between-menu"] #top #logo {
    transform: translateX(-50%)!important;
  }
}


@media only screen and (min-width : 1px) and (max-width: 999px) {

  body #header-outer[data-format="centered-logo-between-menu"] #top #logo,
  #header-outer[data-format="centered-logo-between-menu"] .span_3,
  #header-outer[data-format="centered-logo-between-menu"] .span_3 #logo:not(.no-image) img {
    transform: none;
    -webkit-transform: none;
  }
  
  #header-outer[data-format="centered-logo-between-menu"] #top .span_9 {
    text-align: right;
    z-index: 10000;
    left: auto;
  }

}
