body{
	overflow-x:hidden;
}
.woostify-container-fluid{
	--bs-gutter-x:1.5rem;
	--bs-gutter-y:0;
	width:100%;
	padding-right:calc(var(--bs-gutter-x) * .5);
	padding-left:calc(var(--bs-gutter-x) * .5);
	margin-right:auto;
	margin-left:auto;
}


#view{
    overflow: visible;
}
header#masthead {
    position: sticky;
    top: 0;
    z-index: 199;
}

.post-cover-image img{
width:100%;	
}
.site-branding{
	text-align: center;
}
.site-title{
	font-weight:700;
}
.site-content {
    margin: 0em 0;
}
.site-footer{
	margin-top: 0px;
}
.site-header-inner{
    /*background: var(--primaryColor);*/
    
}
.site-header-inner-bottom{
 background-color: #fff; 
 box-shadow:0px 3px 0px var(--primaryColor),0px 6px 0px var(--accent);  
}
.main-navigation .primary-navigation > .menu-item > a{
    padding: 0px;
}
.site-header-inner-bottom >.woostify-container .site-navigation {
        text-align: left ;
}
.site-header-inner-bottom .site-navigation{
    @media (max-width: 991px) {
        display: none;        
    }
}
.hide-on-mobile{
    @media (max-width: 991px) {
        display: none;        
    }
}
.button,.onsale{
    background-color: var(--primaryColor);
}
.line-heading{
  width:100%;
	min-height:100px;
  height:auto;
 text-align:center;
  position:relative;
	& h2{
		@media(width < 1105px){
			font-size:1.5rem;
		}
		
	}
      & h2>p {
        position: absolute;
        background: white;
        z-index: 2;
        top: 50%;
        left: 50%;
        translate: -50% -50%;
		 padding:1rem;
		  color:var(--primaryColor);
    }
  &:before{
    position:absolute;
    top:50%;
    
    display:block;
    content:'';
    width:100%;
    height:5px;
    background:var(--primaryColor);
  }
}
.bar{
	background:var(--mainGradient);
	padding:10px;
	font-size:1.5rem;
	min-height:100px;
	height:auto;
	
	color:#fff;
	    align-content: center;
	@media(width<992px){
			height:auto;
		}
	& ul{
		display:flex;
		justify-content:space-between;
		margin:0;
		padding:0;
		@media(width<992px){
			justify-content:center;
			flex-direction:column;
		}
		& li{
			list-style-type:none;
		}
	}
}
.invert{
    filter: invert(1);
}