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

/*************** ADD CUSTOM CSS HERE.   ***************/

a.button-continue-shopping.button.primary.is-outline {
    color: #fff;
    background-color: #0066ff;
    border: 1px solid #0066ff;
}
button.button.primary.mt-0.pull-left.small {
    background-color: #33CC00;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
a.checkout-button.button.alt.wc-forward {
    background-color: #FF0000;
    border-radius: 15px;
    box-shadow: 2px 2px 5px #ddd;
}
.page-checkout h3.widget-title {
    color: #ff6600;
}


div#customer_details {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart-wrapper.sm-touch-scroll {
  border: 3px dashed #e5101d;
  padding: 15px;
  border-radius: 15px;
}

.cart_totals.calculated_shipping {
    border: 3px dashed #e5101d;
    padding: 15px;
    border-radius: 15px;
}

form.checkout_coupon.mb-0 {
    background-color: #eaeaea;
    padding: 20px;
    border: 3px dashed #ff6600;
}

.woocommerce-billing-fields h3 {
    color: #303030;
}

button#place_order {
    background: #FF0000;
}

h3#order_review_heading {
    color: #303030;
}

.page-checkout span.woocommerce-Price-amount.amount {
    color: #FF0000;
}

@font-face {
    font-family: 'Montserrat';
    src: url(fonts/Montserrat-Regular.ttf);
} 

@font-face {
    font-family: 'Montserrat-Medium';
    src: url(fonts/Montserrat-Medium.ttf);
}
@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url(fonts/Montserrat-SemiBold.ttf);
}
@font-face {
    font-family: 'BalihoScript';
    src: url(fonts/BalihoScript.otf);
}

:root{
    --family-alihoScript :'BalihoScript' !important;
    --family :'Montserrat' !important;
    --family-Medium :'Montserrat-Medium'!important;
    --family-SemiBold :'Montserrat-SemiBold'!important;
}



body{
    font-size: 15px !important;
    font-family: var(--family) !important;
    overflow: hidden;
}
h1,h2,h3,h4,h5,h6,p,ul,li,a{
    color: #000;
    font-family: var(--family);
}


p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7,
.is-divider,
.entry-category,
.display-product a.quick-view,
a.quick-view.quick-view-added {
    display: none;
}

.sidebar-menu.no-scrollbar{
    background: var(--primary-color);
} 
.sidebar-menu.no-scrollbar li a {
    color: #fff;
    font-family: var(--family-SemiBold);
}
.sidebar-menu.no-scrollbar li .toggle {
    color: #fff;
}

/***********************************************************/

.cart-item .header-cart-title {
    color: #000;
    font-family: var(--family-SemiBold);
}

.cart-item .nav-dropdown li:hover {
    background: transparent;
}
.cart-item i {
    font-weight: 700;
    margin-right: 10px;
    color: var(--primary-color);
}

.header-bottom .header-bottom-nav li {
    padding: 0px 5px;
}

.header-bottom .header-bottom-nav li a {
    font-size: 13px;
    font-family: var(--family-Medium) !important;
}

.nav-dropdown-default {
    padding: 0px;
}
.nav-dropdown  li {
    border-bottom: 1px solid #eaeaea;
}

li.current-dropdown>.nav-dropdown{
    left: 0px;
}


.nav-column.nav-dropdown-default>li>a,
.nav-dropdown.nav-dropdown-default>li>a { 
    padding: 10px;
    display: block;
    border-bottom: 0px;
    color: #000!important;
    font-weight: 600;
    font-size: 14px;
    font-family: var(--family);
}


.nav-dropdown-default .nav-column li:hover,
.nav-dropdown.nav-dropdown-default>li:hover{
    background: var(--primary-color)!important;
}

.nav-dropdown-default .nav-column li:hover>a,
.nav-dropdown.nav-dropdown-default>li:hover>a {
    color: #fff !important; 
}
.nav-dropdown-has-arrow li.has-dropdown:after,
.nav-dropdown-has-arrow li.has-dropdown:before {
    display: none;
}
.nav-dropdown>li.nav-dropdown-col{display:block}

.nav-dropdown{border:1px solid #ddd; padding:0;}

.nav-column.nav-dropdown-default>li>a,
.nav-dropdown .nav-dropdown-col>a,
.nav-dropdown li a{
    font-weight:normal !important;
  text-transform:none !important;
  font-size:14px;
   font-weight:500
}


.nav-dropdown .nav-dropdown-col>ul{
    border: 1px solid #d2d2d2;
    margin-top:-30px;
    box-shadow: 2px 2px 5px #828282;
    display:none;
    position: absolute;
    left: 100%;z-index: 9;
    background: white;
    min-width: 240px;
}

.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}

.nav-dropdown .nav-dropdown-col .menu-item-has-children {
   margin-top: 0px;
}

.nav-dropdown .nav-dropdown-col>ul li a{
    padding:10px;  text-transform: none;color:black
}

.nav-column.nav-dropdown-default li.menu-item-has-children ul{
    border: 1px solid #d2d2d2;
    margin-top: -40px;
    box-shadow: 2px 2px 5px #828282;
    display:none;
    position: absolute;
    left: 100%;z-index: 9;
    background: white;
    min-width: 240px;
}

.nav-column.nav-dropdown-default li.menu-item-has-children:hover >ul,
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

li.nav-dropdown-col:nth-child(5) ul>li {
    float: left;
    width: 50%;
}



/************************************************/

.no-pading {
    padding: 30px 0px;
}

h5.post-title.is-large {
    font-size: 15px;
    overflow: hidden;
    height: 60px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: var(--family-SemiBold);
}
h5.post-title.is-large:hover {
    color: var(--primary-color);
}

.title-home h2 {
    font-size: 25px;
    font-weight: bold;
    color: var(--primary-color);
    text-transform: uppercase;
    font-family: var(--family-SemiBold);
}


.onsale {
    background: var(--primary-color);
    color: #fff;
    padding: 5px 10px;
    border-radius: 7px;
    font-family: var(--family-SemiBold);
}

.product-small.box {
    border: 1px solid #eaeaea;
}
.product-small.box:hover {
    border: 1px solid var(--primary-color);
}

.product-small.box:hover p.name.product-title a {
    color: var(--primary-color);
}
.product-small.box:hover .add-cat a{

    background: var(--primary-color);
    color: #fff;
}

.product-small.box .box-text-products{
    padding: 15px;
}

p.name.product-title a {
    color: #000;
    font-size: 17px;
    margin: 10px 0px;
    font-family: var(--family-SemiBold);
}

span.amount,
ins span.amount {
    font-family: var(--family-SemiBold);
    color: var(--primary-color);
    font-size: 17px;
}
del span.amount {
    color: #000;
    font-family: var(--family-Medium);
}

.add-cat {
    margin: 15px 0px;
}
.add-cat a {
    color: var(--primary-color);
    border: 1px solid;
    padding: 10px 15px;
    text-transform: uppercase;
    margin: 15px 0px;
    border-radius: 5px;
    font-family: var(--family-SemiBold);
}

.sec-about .content-about {
    text-align: justify;
    color: #000;
    font-size: 18px;
}

.home-activity .box-text {
    background-color: transparent !important;
    bottom: 45%;
}
.home-activity .box-text h4 {
    background: var(--primary-color);
    padding: 10px;
    font-size: 12.5px;
    opacity: 0.85;
    text-transform: uppercase;
}
.home-activity .box-text h4 a {
    color: #fff !important;
    font-family: var(--family-Medium) !important;
}

.blog-2 .box-text {
    padding-top: 0px;
}

.box-product-list .owl-prev,
.box-product-list .owl-next,
.silder-video .owl-prev ,
.silder-video  .owl-next {
    position: absolute;
    top: 37%;

}
.owl-prev i,
.owl-next i {
    color: var(--primary-color);
    font-size: 35px;
}
.owl-prev {
    float: left;
    left: -30px;
}
.owl-next {
   float: right;
   right: -30px;
}

.sec-contact h2 {
    color: #fff !important;
    font-family: var(--family-SemiBold) !important;
}
.sec-contact p a,
.sec-contact p {
    color: #fff;
}
.sec-contact .col {
    padding: 0px 15px 10px;
}

.sec-contact .wpcf7-submit {
    background: #ff3137 !important;
    width: 100%;
}
.sec-map {
    margin-bottom: -25px;
}

.row-parter .box-vertical {
    margin-bottom: 30px;
}

/***********************************************/
/*css template*/


.about-template .content {
    text-align: justify;
    color: #000;
    font-family: var(--family);
}

.box-product-list .owl-prev,
.box-product-list .owl-next {
    position: absolute;
    top: 37%;
    background: var(--primary-color);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
}

.box-product-list .owl-prev i,
.box-product-list .owl-next  i {
    color: #fff;
    line-height: 28px;
    font-size: 15px;
}

.btn-link-product a {
    background: var(--primary-color);
    color: #fff;
    padding: 10px 15px;
    border-radius: 7px;
    text-transform: uppercase;
    font-family: var(--family-SemiBold);
}
.btn-link-product a i {
    margin-left: 10px;
}
.btn-link-product a:hover {
    background: #fff;
    color: var(--primary-color);
    border: 1px solid ;
}




/*********************************************/

.widget .widget-title {
    background: var(--primary-color);
    color: #fff;
    padding: 10px;
    font-size: 17px;
    display: block;
    font-family: var(--family-SemiBold);
}
.widget ul {
    border: 1px solid var(--primary-color);
}
.widget ul li {
    padding: 0px 10px;
}
.widget ul.product-categories li:hover {
    background: var(--primary-color);
}
.widget ul.product-categories li:hover a {
    color: #fff !important;
}

.widget ul li a{
    font-family: var(--family);
}

.widget ul li.current-cat.active a {
    color: var(--primary-color);   
}

.widget .recent-blog-posts:hover a {
    color: var(--primary-color);
}

.blog-archive .badge-inner {
    display: none;
}
.blog-archive .box-vertical {
    background: #eaeaea;
    padding: 15px;
    border-radius: 10px;
}

.product-info .product-title {
    text-transform: uppercase;
    color: #000;
    font-family:var(--family-SemiBold);
}
.product-info span.amount {
    font-size: 30px;
}
.product-info .single_add_to_cart_button{
    background: var(--primary-color);
}

.content-area.page-wrapper {
    color: #000;
    text-align: justify;
}
.content-area.page-wrapper h1,
.content-area.page-wrapper h2,
.content-area.page-wrapper h3,
.content-area.page-wrapper h4 {
    color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--family-SemiBold);
}
.content-area.page-wrapper strong {
    font-family: var(--family-Medium);
}


.relatedcat h3 {
    background: var(--primary-color);
    color: #fff;
    padding: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-family: var(--family-SemiBold);
}

.relatedcat .box-text-bottom {
    border: 1px solid #eaeaea;
}
.relatedcat .box-text {
    padding: 10px;
}

/***********************************************/

.absolute-footer {
    display: none;
}

.footer-1 .icon-box-text {
    color: #fff;
    text-transform: uppercase;
}
.footer-1 .icon-box-text p {
    color: #fff;
    font-size: 14px;
    font-family: var(--family-Medium);
}

.share-footer  li {
    float: left;
    padding: 0px 25px !important;
}
.share-footer  li a {
    color: #fff;
}
.share-footer  li a i {
    margin-right: 10px;
}


@media only screen and (max-width: 500px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
   .add-cat a {
    font-size: 10px;
   }
   .share-footer li {
        padding: 0px 0px !important;
    }

}