.admin-bar #header-outer[data-permanent-transparent="1"],
.logged-in.buddypress #header-outer[data-permanent-transparent="1"] {
top: 32px;
}
#top #logo.no-image {
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent {
pointer-events: none;
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent .span_9,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent .span_3,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent .right-aligned-menu-items,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent #header-secondary-outer,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent #mobile-menu {
pointer-events: all;
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"][data-transparent-shadow-helper="true"].transparent:not(.dark-slide) {
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 99%);
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent {
background-color: transparent!important;
box-shadow: none;
-webkit-box-shadow: none;
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] #header-outer.light-text #top nav ul .slide-out-widget-area-toggle a .lines,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] #header-outer.dark-text #top nav ul .slide-out-widget-area-toggle a .lines,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] #header-outer.dark-text #top nav >ul >li >a,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] #header-outer.dark-text nav >ul >li >a >.sf-sub-indicator [class^="icon-"],
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].ascend #boxed #header-outer.dark-text .cart-menu .cart-icon-wrap .icon-salient-cart {
opacity: 1;
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent #top nav ul .slide-out-widget-area-toggle a .lines,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent #top nav ul a .icon-salient-search,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent #top nav ul #nectar-user-account a span,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .has_products .cart-menu .cart-icon-wrap .icon-salient-cart,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .cart-menu .cart-icon-wrap .icon-salient-cart,
#header-outer[data-permanent-transparent="1"][data-header-button_style="shadow_hover_scale"].transparent #top nav ul .slide-out-widget-area-toggle[data-custom-color="true"] a:hover .lines,
body.material #header-outer[data-permanent-transparent="1"][data-header-button_style="shadow_hover_scale"].transparent #top nav ul .slide-out-widget-area-toggle[data-custom-color="true"] a:hover .lines-button:after,
body:not(.material) #header-outer[data-permanent-transparent="1"][data-header-button_style="shadow_hover_scale"].transparent #top nav ul .slide-out-widget-area-toggle[data-custom-color="true"] a:hover .lines-button:after {
opacity: 1!important;
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines,
body[data-bg-header="true"]:not(.material) #header-outer[data-permanent-transparent="1"].transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after,
body[data-bg-header="true"].material #header-outer[data-permanent-transparent="1"].transparent #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"].transparent #top nav ul a:hover .icon-salient-search,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .has_products .cart-menu:hover .cart-icon-wrap .icon-salient-cart,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .cart-menu:hover .cart-icon-wrap .icon-salient-cart {
opacity: 0.8!important;
}
body[data-bg-header="true"].ascend #header-outer[data-permanent-transparent="1"][data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] #top nav ul #search-btn a:after,
body[data-bg-header="true"].ascend #header-outer[data-permanent-transparent="1"][data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] #top nav ul #nectar-user-account a:after,
body[data-bg-header="true"].ascend #header-outer[data-permanent-transparent="1"][data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] #top nav ul .slide-out-widget-area-toggle a:after,
body[data-bg-header="true"].ascend #header-outer[data-permanent-transparent="1"][data-transparent-header="true"][data-full-width="true"][data-remove-border="true"] .cart-contents:after {
border: none!important;
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines:before,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines:after,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .slide-out-widget-area-toggle a i.label,
#header-outer[data-permanent-transparent="1"].transparent:not(.side-widget-open) #top nav ul .slide-out-widget-area-toggle a .lines-button:after {
opacity: 1!important;
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines:before,
body #header-outer[data-permanent-transparent="1"] .lines-button.x2 .lines:after {
opacity: 1;
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2.close .lines,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2.close .lines:before,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .lines-button.x2.close .lines:after {
-webkit-transition: top 0.5s ease,-webkit-transform 0.3s 0.4s ease,background-color 0.2s ease,opacity 0.2s ease;
transition: top 0.5s ease,transform 0.3s 0.4s ease,background-color 0.2s ease,opacity 0.2s ease;
}
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .slide-out-widget-area-toggle .lines-button.x2.close .lines,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .slide-out-widget-area-toggle .lines-button.x2.close .lines:before,
body[data-bg-header="true"] #header-outer[data-permanent-transparent="1"] .slide-out-widget-area-toggle .lines-button.x2.close .lines:after {
-webkit-transition: top 0.5s ease,-webkit-transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease;
transition: top 0.5s ease,transform 0.3s ease,background-color 0.2s ease,opacity 0.2s ease;
}
#header-outer[data-transparent-header="true"][data-format="centered-menu-under-logo"][data-permanent-transparent="1"] #logo .dark-version,
#header-outer[data-transparent-header="true"][data-format="centered-menu-bottom-bar"][data-permanent-transparent="1"] #logo .dark-version {
position: absolute;
}
body #header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) > #top .span_9 > .slide-out-widget-area-toggle .lines-button:after,
body #header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) > #top .span_9 > .slide-out-widget-area-toggle .lines:before,
body #header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) > #top .span_9 > .slide-out-widget-area-toggle .lines:after {
background-color: #fff!important;
}
#header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) #top #mobile-cart-link i,
#header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) .mobile-search .icon-salient-search,
#header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) .mobile-user-account .icon-salient-m-user {
color: #fff;
}
#header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) #top #mobile-cart-link i {
color: #fff!important;
}
body #header-outer[data-permanent-transparent="1"].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines-button:after,
body #header-outer[data-permanent-transparent="1"].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines:before,
body #header-outer[data-permanent-transparent="1"].transparent.dark-slide > #top .span_9 > .slide-out-widget-area-toggle .lines:after {
background-color: #000!important;
}
#header-outer[data-permanent-transparent="1"].transparent.dark-slide #top #mobile-cart-link i,
#header-outer[data-permanent-transparent="1"].transparent.dark-slide .mobile-search .icon-salient-search,
#header-outer[data-permanent-transparent="1"].transparent.dark-slide .mobile-user-account .icon-salient-m-user {
color: #000;
}
#header-outer[data-permanent-transparent="1"].transparent.dark-slide #top #mobile-cart-link i {
color: #000!important;
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent #logo img {
opacity: 0;
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent:not(.dark-slide) #logo .starting-logo {
opacity: 1;
-ms-filter: 'alpha(opacity=100)';
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent.dark-slide #logo .starting-logo.dark-version {
opacity: 1;
-ms-filter: 'alpha(opacity=100)';
}
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent:not(.dark-slide) #logo img.dark-version,
#header-outer[data-permanent-transparent="1"][data-transparent-header="true"].transparent.dark-slide  #logo img:not(.dark-version) {
opacity: 0!important;
}
body.material #search-outer.material-open {
pointer-events: all;
}
@media only screen and (min-width : 1000px) {
#header-outer[data-format="centered-menu-under-logo"][data-permanent-transparent="1"] #top #logo img.dark-version,
#header-outer[data-format="centered-menu-bottom-bar"][data-permanent-transparent="1"] #top #logo img.dark-version {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
}
@media only screen and (min-width : 1px) and (max-width : 999px) {
body #header-outer[data-permanent-transparent="1"].transparent.dark-slide #top .span_3 #logo[data-supplied-ml-starting-dark="true"] img.mobile-only-logo.starting-logo.dark-version {
opacity: 1!important;
}
body #header-outer[data-permanent-transparent="1"].transparent.dark-slide #top .span_3 #logo[data-supplied-ml-starting="true"] img.mobile-only-logo.starting-logo:not(.dark-version),
body #header-outer[data-permanent-transparent="1"].transparent:not(.dark-slide) #top .span_3 #logo[data-supplied-ml-starting-dark="true"] img.mobile-only-logo.starting-logo.dark-version {
opacity: 0!important;
}
}body .toggle{
margin-bottom:15px
}
.toggle.open h3 a{
color:#fff;
background-color:#000
}
body .toggle h3,
body .row .toggle h3 {
margin-bottom:0
}
.toggle h3 {
position:relative;
z-index:10;
font-size:12px;
}
div[data-style="default"] .toggle h3 a,
div[data-style="default"] .toggle h3{
font-size:14px;
line-height:14px
}
.toggle h3 a{
display:block;
color: rgba(0,0,0,0.65);
letter-spacing:0;
font-size:14px;
line-height:16px;
padding:14px 14px 16px 43px;
font-weight:400;
background-color:rgba(0,0,0,0.045);
transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
}
.toggle h3 a i{
position:absolute;
left:13px;
background-color:transparent;
color:#888;
top:13px;
width:18px;
height:16px;
line-height:18px;
font-size:15px;
transition:all 0.2s linear;
-webkit-transition:all 0.2s linear;
}
.toggle.open h3 a i{
color:#fff
}
.toggle h3 a:hover{
background-color:rgba(0,0,0,0.035)
}
body .toggle >div{
border-top:0;
background-color:#fff;
box-shadow:0 1px 2px rgba(0,0,0,0.2);
padding:10px 14px;
display:none;
}
.toggle >div .wpb_wrapper{
margin:0
}
body .toggle[data-inner-wrap="true"] > div {
-webkit-transition: max-height 0.5s ease;
transition: max-height 0.5s ease;
max-height: 0;
overflow: hidden;
pointer-events: none;
display: block;
}
@media only screen and (max-width: 999px) {
body .accordion .toggle[data-inner-wrap="true"]:not(.open) > div {
-webkit-transition: none;
transition: none;
}
}
body .toggle[data-inner-wrap="true"].open > div {
pointer-events: all;
}
body .toggle[data-inner-wrap="true"] > div,
div[data-style="minimal_small"] .toggle[data-inner-wrap="true"] > div,
div[data-style*="minimal"] .toggle[data-inner-wrap="true"] > div {
padding: 0;
}
body div[data-style="minimal_small"] .toggle > div .inner-toggle-wrap {
padding-top: 1.4em;
padding-bottom: 0;
}
div[data-style="minimal"] .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
padding: 0 0 30px 0;
}
body .toggle[data-inner-wrap="true"] > div .inner-toggle-wrap {
padding:10px 14px;
}
.toggle >div >div:last-child,
.toggle[data-inner-wrap="true"] .inner-toggle-wrap > div:last-child{
margin-bottom:0!important
}
.light .toggle >div{
color:#676767
}
.light .toggles[data-style="default"] .toggle h3 a {
color: #fff;
}
.light .toggles[data-style="default"] .toggle >div{
background-color: transparent;
}
body div[data-style*="minimal"] .toggle.open h3 a,
body div[data-style*="minimal"] .toggle h3 a{
background-color:transparent
}
div[data-style*="minimal"] .toggle >div{
box-shadow:none;
-webkit-box-shadow:none;
padding:0 0 30px 0;
background-color:transparent
}
div[data-style*="minimal"] .toggle h3 i{
width:30px;
height:30px;
position:absolute;
right:0;
left:auto;
top:50%;
margin-top:-15px;
border:2px solid #888;
border-radius:30px 30px;
-ms-transition:border-color 0.15s ease;
transition:border-color 0.15s ease;
-webkit-transition:border-color 0.15s ease
}
div[data-style="minimal"] .toggle h3 a{
padding:30px 70px 30px 0px;
-ms-transition:color 0.15s ease;
transition:color 0.15s ease;
-webkit-transition:color 0.15s ease
}
div[data-style="minimal"] .toggle{
border-bottom:2px solid rgba(0,0,0,0.08);
transition:border-color 0.15s ease;
-webkit-transition:border-color 0.15s ease;
}
body div[data-style="minimal"] .toggle {
margin-bottom:0
}
div[data-style="minimal"] .toggle h3 i:before{
content:' ';
top:14px;
left:6px;
margin-top:-2px;
width:14px;
height:2px;
position:absolute;
background-color:#888;
transition:background-color 0.15s ease;
-webkit-transition:background-color 0.15s ease
}
div[data-style="minimal"] .toggle h3 i:after{
content:' ';
top:6px;
left:14px;
width:2px;
margin-left:-2px;
height:14px;
position:absolute;
background-color:#888;
transition:transform 0.45s cubic-bezier(.3,.4,.2,1),background-color 0.15s ease;
}
.light div[data-style="minimal"] .toggle {
border-color:rgba(255,255,255,0.2)
}
.light div[data-style*="minimal"] .toggle h3 i{
border-color:#fff
}
.light div[data-style*="minimal"] .toggle h3 i:before,
.light div[data-style*="minimal"] .toggle h3 i:after{
background-color:#fff
}
.light div[data-style*="minimal"] .toggle h3 a{
color:#fff
}
div[data-style*="minimal"] .toggle.open i:after{
-ms-transform:scale(1,0);
transform:scale(1,0);
-webkit-transform:scale(1,0)
}
div[data-style="minimal_small"] .toggle h3 {
display: inline-block;
padding: 0 0 4px;
}
div[data-style="minimal_small"] .toggle h3 a {
padding: 0
}
div[data-style="minimal_small"] .toggle.default h3 a:hover,
div[data-style="minimal_small"] .toggle.default.open h3 a {
color: #000;
}
div[data-style="minimal_small"] .toggle.default > h3:after {
background-color: #000;
}
.span_12.light div[data-style="minimal_small"] .toggle.default h3 a:hover,
.span_12.light div[data-style="minimal_small"] .toggle.default.open h3 a {
color: #fff;
}
.span_12.light div[data-style="minimal_small"] .toggle > h3:before {
background-color: rgba(255,255,255,0.2);
}
.span_12.light div[data-style="minimal_small"] .toggle.default:hover > h3:after,
.span_12.light div[data-style="minimal_small"] .toggle.default.open > h3:after,
.span_12.light div[data-style="minimal_small"] .toggle.default > h3:after {
background-color: #fff;
}
div[data-style="minimal_small"] .toggle > h3:after,
div[data-style="minimal_small"] .toggle > h3:before {
display: block;
content: '';
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0,0,0,0.1);
height: 2px;
left: 0;
pointer-events: none;
}
div[data-style="minimal_small"] .toggle > h3:after {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1);
transition: transform 0.5s cubic-bezier(0.3, 0.4, 0.1, 1);
transform-origin: left;
}
div[data-style="minimal_small"] .toggle.open > h3:after,
div[data-style="minimal_small"] .toggle:hover > h3:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
div[data-style="minimal_small"] .toggle >div {
padding-top: 1.3em;
padding-bottom: 0;
}
div[data-style="minimal_small"] .toggle > h3 i {
display: none;
}
div[data-style="minimal_small"] .toggle {
margin-bottom: 1.4em;
}
@media only screen and (max-width : 690px) {
div[data-style="minimal"] .toggle h3 a {
font-size: 20px;
line-height: 24px;
}
}