/*
Theme Name: qb
Description: qb optimized
Author: qb
Template: flatsome
Version: 0.10
*/


/*************** filters ***************/
.widget.woocommerce.widget_layered_nav_filters h2 {
    display: none;
}
.widget_layered_nav_filters ul li.chosen a {
    background: #434343;
    color: white;
}



/*************** single product  ***************/
.single-product .page-title-inner {
    padding-top: 0px;
}
.single-product .product-info {
    padding-top: 0px;
}
.page-title-inner .is-large {
    font-size: 0.8em;
    /* font-weight: bolder; */
}
.ux-swatch.selected {
    -webkit-box-shadow: 0 0 0 0.1rem #dc3838;
    box-shadow: 0 0 0 0.1rem #dc3838;
}
a.accordion-title.plain.active {
    background: #f7f7f7;
    color: #383838;
    font-weight: 400;
}
a.accordion-title.plain {
    background: #f7f7f7;
    color: #383838;
    font-weight: 400;
}
.social-icons.share-icons.share-row.relative a {
    border-radius: 5px !important;
}
.social-icons.share-icons.share-row.relative {
    width: 100%;
    text-align: right;
}
.pswp__caption {
    display: none;
}


/*************** "Simple" Pages (terms etc) ***************/

.qb_page_text {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.qb_page_text ul{
    padding-left: 20px !important;
}


.qb_page_text ul li::marker {
    margin-left: 0 !important;
    text-indent: unset !important;
    text-align: unset !important;
    text-align-last: unset !important;
}

.qb_page_text ul li {
    margin-left: 30px !important;
}

/*************** /"Simple" Pages (terms etc) ***************/


/*************** footer ***************/
.absolute-footer {
    display: none;
}


/*************** new badge ***************/
span.badge-qbnew{
position: absolute;
    z-index: 21;
    left: 0px;
    top: 0;
    background: black;
    color: white;
    padding: 3px 5px;
    width: 44px;
    max-width: 44px;
    font-size: 15px;
    height: 30px;
    text-align: center;
}
.single-product .product-gallery span.badge-qbnew {
    left: 15px;
    width: 58px;
	max-width:58px;
    top: 3px;
    text-align: center;
}

@media (max-width: 549px){
	.badge-container.is-larger {font-size: 1.3em !important;}
}

/***************  screen reader only ***************/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px !important;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;

}


/***************  mnmwp-main-menu  ***************/
@media screen and (max-width: 1000px) {
	#mnmwp-main-menu > ul > li > a {
			padding: 10px 7px !important;
			font-size: 13px !important;
	}
	
}
#mnmwp-main-menu > ul > li > a {
    padding: 10px 10px;
    font-size: 14px;
}
.mmenu-head {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px !important;
    color: black;
}
#mnmwp-main-menu ul ul li a{
 min-width: 200px !important;
}


/*************** icons quickfix i -> em ***************/
em[class^=icon-],
em[class*=" icon-"] {
    font-family: "fl-icons" !important;
    font-display: block;
    speak: none !important;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    position: relative;
    line-height: 1.2
}

.widget-title em {
    opacity: .35;
    margin-right: 4px
}

button em,
.button em {
    vertical-align: middle;
    top: -1.5px
}

.button.open-video em {
    top: -0.027em
}

.button.icon em {
    font-size: 1.2em
}

.button.icon em+span {
    padding-right: .5em
}


.button.icon.is-small em {
    top: -1px
}

.button.icon.circle>span+em {
    margin-left: -4px
}

.button.icon.circle>em {
    margin: 0 8px
}

.button.icon.circle>em+span {
    margin-left: -4px
}

.button.icon.circle>em:only-child {
    margin: 0
}

.nav>li>a>em {
    vertical-align: middle;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 20px
}

.nav>li>a>em+span {
    margin-left: 5px
}

.nav li.has-icon-left>a>em{
    margin-right: 5px
}

.nav>li>a>span+em {
    margin-left: 5px
}

.nav-small>li>a>em {
    font-size: 1em
}

.nav>li>a>em.icon-search {
    font-size: 1.2em
}

.nav>li>a>em.icon-menu {
    font-size: 1.9em
}

.nav>li.has-icon>a>em {
    min-width: 1em
}

.nav-vertical>li>a>em {
    font-size: 16px;
    opacity: .6
}

.header-button a.icon:not(.button) em {
    font-size: 24px
}

.header-button a.icon:not(.button) em.icon-search {
    font-size: 16px
}

.button:not(.icon)>em {
    margin-left: -0.15em;
    margin-right: .4em
}

.button:not(.icon)>span+em {
    margin-right: -0.15em;
    margin-left: .4em
}

.has-dropdown .icon-angle-down {
    font-size: 16px;
    margin-left: .2em;
    opacity: .6
}


.overlay-icon em {
    font-size: 1.3em;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    top: 3px
}



.reveal-icon em {
    width: 1em
}

.reveal-icon em {
    display: inline-block;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}


.reveal-icon em+span {
    -webkit-transform: translateX(-0.75em);
    -ms-transform: translateX(-0.75em);
    transform: translateX(-0.75em)
}

.reveal-icon:not(:hover) em {
    opacity: 0
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}