/*
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.   ***************/
@font-face {
    font-family: "Inter var";
    font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
    font-style: normal;
    font-display: swap;
    src: url(./fonts/Inter-upright-var.woff2) format("woff2");
}

@font-face {
    font-family: "Inter var";
    font-weight: 100 900; /* stylelint-disable-line font-weight-notation */
    font-style: italic;
    font-display: swap;
    src: url(./fonts/Inter-italic-var.woff2) format("woff2");
}
:root{
    --main-color:#368cd5;
    --black:#130f40;
    --light-color:#666;
    --box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);
    --border:.2rem solid rgba(0,0,0,.1);
    --outline:.1rem solid rgba(0,0,0,.1);
    --outline-hover:.2rem solid var(--black);
}
body{
    font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
}
.absolute-footer{display: none !important;}
.is-divider{display: none;}
.contentHome h1 {
    font-size: 2.3rem;
    font-weight: 600;
    text-transform: uppercase;
}
.color1 {
    color: var(--main-color);
}
.textLeft {
    text-align: left;
    margin-left: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.list_children{
    margin-left: -20px;
}
.colorBox {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    width: calc(25% - 20px);
    height: auto;
    text-align: center;
    overflow: hidden;
}
.list_posts{
    margin-left: -20px;
    overflow:hidden;
}
.drawBox {
    height: auto;
    border-radius: 0;
    width: calc(20% - 20px);
    margin-left: 20px;
    margin-right: 0px;
    float: left;
    margin-bottom: 20px;
}
.drawBox .imgBox, .drawBox .imgBox img {
    height: auto;
    height: 255px;
    width: 200px;
    max-height: unset;
    text-align: center;
    margin: 0 auto;
}
.drawBox .textBox {
    min-height: 61px;
    padding-top: 10px;
}
.drawBox .textBox a {
    font-weight: 500;
    color: #444;
    font-size: 15px;
}
.DrawContent{
    margin: 0 auto;
    margin-bottom: 20px;
    line-height: 1.2;
}
.bg_gray{
    background: #f2f2f2;
    overflow: hidden;
}
.mt-10{
    margin-top: 10px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.content_ h1{
    color: var(--main-color);
}
.pictureBox {
    width: 100%;
    border: 1px solid #e0e0df;
    border-radius: 10px;
}
.pictureBox>.box-inner {
    padding: 0 20px;
}
.viewTs {
    width: 100%;
    padding: 5px;
}
.pictureContent {
    margin-top: 10px;
}
.pictureBox>.box-inner img.mainImg {
    max-width: 100%;
    max-height: 650px;
    margin: 0 auto;
}
.shareP {
    font-size: 14px;
    margin-top: 10px;
    border-top: 1px solid #eee;
}
.shareP p {
    margin-bottom: 10px;
    margin-top: 10px;
}
.shareP p>span {
    margin-right: 30px;
}
.extension {
    display: inline;
    text-align: center;
}
.extension ul {
    margin: 0;
    background: #eee;
    padding-top: 10px;
    padding-bottom: 10px;
}
.extension ul li {
    display: inline-block;
    text-align: center;
    margin: 0 12px;
    vertical-align: top;
}
.extension ul li a {
    font-size: 15px;
    color: #555;
}
.extension ul li a span {
    background: #1e7bd0;
    color: #fff;
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
}
.text-center{
    text-align: center;
}
.extension ul li a span.bg1 {
    background: #ef1077;
}
.extension ul li a span.bg3 {
    background: #2d912d;
}
.content_ p{
    margin-bottom: 0px;
    padding-top:5px;
    padding-bottom:5px;
}
.text-uppercase{
    text-transform: uppercase;
}
.color2 {
    color: #825097;
}
.color3{
    color: #d32830;
}
.shop-page-title{
    display: none !important;
}
.colorBox .textBox {
    padding-top: 10px;
    background-size: 100% 100%;
    padding-left: 10px;
    padding-right: 10px;

}
.colorBox .textBox a{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cateBox {
    height: 50px;
    max-width: 210px;
    width: 100%;
    color: #fff;
    background-size: 100%;
    margin: 0 auto;
}
.colorBox .cateBox a {
    color: #fff;
    font-size: 15px;
    display: flex;
    line-height: 1;
    align-items: center;
    text-align: center;
    height: 32px;
    justify-content: center;
}
.colorBox .imgBox{
    width: 100%;
    height: 210px;
    text-align: center;
    position: relative;
}
.colorBox .imgBox img {
    max-width: 240px;
    max-height: 210px;
    margin: 0 auto;
}
.list_posts .colorBox .imgBox{
    overflow: hidden;
    text-align: center;
}
.list_posts .colorBox .imgBox img{
    max-width: 100%;
    max-height: 210px;
    margin: 0 auto;
    width: inherit;
    display: inline-block;
}
.list_posts .colorBox .imgBox {
    width: 100%;
    height: 210px;
    text-align: center;
}
.entry-header-text.text-center{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    text-align: left;
}
.single-page{
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 20px;
}
.entry-header-text .entry-title{
    color: var(--main-color);
}
.cate1 {
    background: url(./images/pink.png) no-repeat;
}
.cate2 {
    background: url(./images/green.png) no-repeat;
}
.cate3 {
    background: url(./images/orange.png) no-repeat;
}
.cate4 {
    background: url(./images/blue.png) no-repeat;
}
.cate5 {
    background: url(./images/red.png) no-repeat;
}
.cate6,.cate0 {
    background: url(./images/purple.png) no-repeat;
}
.fs-24{
    font-size: 24px;
}
.fs-26{
    font-size: 26px;
}
.pt-30{
    padding-top: 30px !important;
}
.section-footer p{
    margin-bottom: 0px !important;
    line-height: 1.2;
}
.d-none{
    display: none;
}
.list_product{
    margin-left: -20px;
}
.list_product .colorBox{
    padding: 0px;
}
.list_product .colorBox .textBox{
    height: auto;
}
.section-footer div.col{
    padding-top: 0px;
    padding-bottom: 0px;
}
.pagination{
    text-align:center;
    margin-top:15px;
}
.pagination a,.pagination span{
    display:inline-block;
    padding:3px 8px;
    margin:2px;
    border-radius: 5px;
    background-color:#1e7bd0;
    color:#fff;
    font-size:12px;
}
.pagination span{
    color: #fff;
    background-color: rgb(41, 108, 140);
}
.paginate_links {
 overflow: hidden;
 text-align: center;
 display: table;
 margin: 30px auto;
}
.paginate_links .page-numbers{
 width: 32px;
 height: 32px;
 display: inline-block;
 float: left;
 margin: 0 5px 0 5px;
 padding-top: 3px;
 color: #007BB6;
 border: 1px solid #007BB6;
 margin-bottom: 5px;
}
.paginate_links .page-numbers:hover{
 background: #007BB6;
 color: #fff;
}
.paginate_links .page-numbers.prev,.paginate_links .page-numbers.next{
 background: transparent;
 width: auto;
 border: none;
}
.paginate_links .page-numbers.prev:hover,.paginate_links .page-numbers.next:hover{
 text-decoration: underline;
 color: #007BB6;
}
.paginate_links .page-numbers.current{
 background: #007BB6;
 color: #fff;
}
.list_category{
	background-color:#90f;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 30px;alignment-baseline
}
.list_category .col{
	padding-bottom:0px;
}
.list_category a{
    color: #fff;
    padding:7px 0px;
    display: block;
    font-size: 15px;
}
.list_category .cat_parent{
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 1px dotted #fff;
    align-items: center;
}
.list_category ul li{
    list-style: none;
    margin-bottom: 0px;
}
.list_category ul li a{
    font-size: 14px;
    color:#333;
}
.title_cate{
    font-size: 26px;
    text-transform: uppercase;
}
.list_category ul{
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 9;
}
.nav-dropdown.dark>li>a:hover{
    background-color: #009210 !important;
}
.box_single{
    align-items: end;
}
.box_description{
    font-style: italic;
    font-size: 14px;
    color:#777;
}
.box_description p{
    margin-bottom: 0px;
}
.box_description a{
    color:#222;
}
.box_description a:hover{
    color:#006b0c;
}
.sub_menu_category{
    padding: 20px !important;
    overflow: hidden;
    border-top: 1px solid #fff;
}
.sub_menu_category li{
    width: 25%;
    float:left;
}
.sub_menu_category li a{
    margin-right: 10px;
    margin-left: 10px;
    color: #fff;
    display: block;
    border-bottom: 1px dotted #d1d1d1;
    padding: 10px 0px;
    font-size: 13px;
}
.nav .header-search-dropdown .nav-dropdown{
    background-color:#fff;
    box-shadow: 0px 0px 5px #d1d1d1;
}
@media only screen and (max-width: 568px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .drawBox{
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }
    .list_posts .colorBox .imgBox{
        height: 120px;
    }
    .list_posts .colorBox .imgBox img{
        max-height: 120px;
        height: 100%;
        width: inherit;
    }
    .list_children .colorBox{
        width: calc(50% - 20px);
    }
    .colorBox .textBox{
        height: 45px;
    }
    .colorBox .cateBox a{
        font-size: 14px;
    }
    .section-footer .text-right,.section-footer{
        text-align: center;
    }
    .list_product .colorBox{
        width: calc(50% - 20px);
    }
    .shareP p>span{
        display: block;
    }
    .extension ul li{
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .single-product .large-1{
        display: none;
    }
    .sub_menu_category li a{
        color: #131313;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
    .off-canvas .nav-vertical>li>a{
        color: #131313;
    }
}