/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

.icon-user:before {
   /* content: "\e900";*/
	  display: block;
  content: ' ';
  background-image: url('img/user.svg');
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
}
h1,h2,h3{
text-transform:uppercase;
}

.is-xxxxlarge {
    font-size: 3.5em;
}
.nav-spacing-xlarge>li {
    margin: 0 33px;
}
.form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    box-shadow: 0px 0px 9px #0000001c;
    border-color: rgba(0,0,0,0.02);
    border-radius: 99px;
    padding: 1.5em .75em;
background:#fff;
}
.nav > li > a {
    letter-spacing: 0.1em;
}
li.header-block {
    width: 750px;
}
.nav .icon-box.featured-box.icon-box-left.text-left.is-small {
    width: 20px;
    display: inline-block;
}
.header-block-block-1 p {
    display: inline-block;
    top: -4px;
    position: relative;
}
.product-small.box, .product-category.col .col-inner {
    background: #f3f3f3;
    border-radius: 10px;
overflow: visible;
margin-top: 70px;
}
.product-small .box-image, .product-category .box-image  {
    overflow: visible;
}
.box-image>a, .box-image>div>a, .box.box-category {
    position:relative;
top: -70px;
margin-bottom:-70px;
}
.row-box-shadow-5 .col-inner, .row-box-shadow-5-hover .col-inner:hover, .box-shadow-5, .box-shadow-5-hover:hover {
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.2);
}

.is-testimonials .col-inner:after {
    content: "";
    position: absolute;
    left: 50px;
    top: 100%;
    border-width: 19px 17px 19px 17px;
    border-color: #fff transparent transparent transparent;
    border-style: solid;
}
.star-rating span:before {
    color: #00add1;
}
.full-width .banner-layers.container {
    max-width: 100%;
}
h1.product-title.product_title.entry-title {
    background: #000;
    color: #fff;
    padding: 0px 20px 2px 20px;
display:inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
    line-height: 1.4em;
}

.blocked {
    background: #000;
color: #fff!important;
    padding: 0px 20px 2px 20px;
display:inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
    line-height: 1.4em;
}
.blocked-rev {
    background: #fff;
    color: #000
    padding: 0px 20px 2px 20px;
display:inline;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
    line-height: 1.4em;
}
.label-hot.menu-item>a:after {
    background-color: #ffd03f;
}
ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before {
    color: #ffd236;
}
#sb_instagram .sbi_follow_btn a {
    background: #ffd236;
}
/* Read more less */
span#re {
    color: #ffd236;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline;
}
.icon-box:hover .has-icon-bg .icon .icon-inner {
    background-color: #ffd040;
}
.has-icon-bg .icon .icon-inner {
    background: #000;
border: none;
}
.featured-title .page-title-inner {
    min-height: 250px;
}
form.woocommerce-ordering {
    display: none;
}
.shop-page-title a, .shop-page-title span, .shop-page-title .breadcrumbs {
    color: #000!important;
margin-top:15px;
}
.featured-title {
    text-shadow: none;
margin-top: 10px;
}
h1.shop-page-title {
    background: #000;
    display: inline;
    padding: 0px 20px;
    font-size: 3em;
}
.featured-title {
    margin-top: 0px;
}

.shop-usp {
    display: none;
}
.shop-container .shop-usp {
    display: block;
    margin-top: 50px;
}
.shop-container .has-icon-bg .icon .icon-inner {
    background: #ffd03f;
}
input.button.success {
    background: #ffd03f!important;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    font-family: "Barlow Condensed", sans-serif;
}
.copyright-footer {
    padding-top: 20px;
}

@media only screen and (max-width: 48em) {
.is-xxxxlarge {
    font-size: 2em;
}
li.html.custom.html_topbar_left {
    width: 100%;
}
h1.shop-page-title {
    font-size: 1.8em;
}
.featured-title .page-title-inner {
    min-height: 150px;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
    width: 300px;
    background-color: rgb(255 255 255);
}
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: rgb(0 0 0 / 100%);
}
.nav-sidebar.nav-vertical>li+li {
    border-top: 0px solid #ececec;
}
#mc4wp-form-1 .col {
    padding-bottom: 0px;
    margin-bottom: -15px;
}
}