/*
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.   ***************/
.box{background:#fff;padding: 0 15px;border: 1px solid #CBDBFA;border-radius: 12px;}
.wpfFilterWrapper .wfpDescription,.wpfFilterWrapper .wfpTitle {
    font-size: 16px!important;
    font-weight: bold!important;
    color: #0057ff!important;
}
.box-text {
    padding-bottom: 0.7em!important;}
.wpfBlockAnimated.wpfHide {
    max-height: 26px !important;}
    
.product-short-description p {margin-bottom:0}
.absolute-footer{
    background-color: #00143B;
}
.woocommerce-pagination{padding: 3rem 0!important;}
table {
    width: 100%;
    margin-bottom: 1em;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-spacing: 0
}
.product-offine,.product-offine:hover{padding: 8px;color: #fa455f;background: rgba(255,20,43,0.05);border-radius: 5px;}
.widget {
    margin-bottom: 0.5em;
    padding: 0 1em
}
.widget_tag_cloud,#post-list,.post-sidebar .widget {
    box-sizing: border-box;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0px 6px 17px 0px rgba(200, 224, 223, 0.48);
    margin-bottom: 1em;
    padding: 1em
}

.widget_custom_html,.widget_nav_menu,.widget_recently_viewed_products,.widget_recent_entries {border: 1px solid #f5f5f5;box-shadow: 2px 2px 10px 0 rgb(0 0 0 / 5%);padding: 5px 15px;}
.widgets-boxed .widget, .widgets-framed .widget {border: 1px solid #f5f5f5;}
.widget_recent_entries ul li a ,.widget_nav_menu ul li a{font-size:0.9em}
.WpfWoofiltersWidget{padding:0}

#post-list,.post {
    max-width: 880px
}
.post {
    padding: 20px; background: #fff;
}
.is-divider {
    height: 3px;
    display: block;
    background-color: #2454e5;
    margin: 1em 0 1em;
    width: 100%;
    max-width: 30px
}
.blog-wrapper {
    background-color: rgb(248, 249, 252);
}

.nav-dropdown{
    display: table-caption !important;
}

.uppercase,h6,span.widget-title,th {
    letter-spacing: .0em;
    line-height: 1.8em;
    text-transform: none;
}
.next-prev-thumbs li.has-dropdown:hover>.nav-dropdown,.no-js li.has-dropdown:hover>.nav-dropdown,li.current-dropdown>.nav-dropdown {
    left: 0 !important;
}

@media screen and (min-width: 850px) {
    .row-divided>.col+.col:not(.large-12) {
        border-left:0 solid #ececec
    }
    
     .row-large>.flickity-viewport>.flickity-slider>.col,.row-large>.col {
        padding: 0 10px 10px;
        margin-bottom: 0
    }
}

.wpfFilterWrapper[data-filter-type] {
	padding: 8px 15px!important;
    border-radius: 15px;
    background: linear-gradient(180deg,#ECF2FF 0%,rgba(236,242,255,0) 100%);
    border: 1px solid #cdd9ec;
}
.wpfFilterVerScroll::-webkit-scrollbar-track {
	border: 1px solid #b8b8b8!important;
	background-color: #ccc!important;
}
.wpfFilterVerScroll::-webkit-scrollbar {
	width: 10px;
}

.wpfFilterVerScroll::-webkit-scrollbar-thumb {
		border-radius: 5px;
	box-shadow: inset 0 0 5px rgba(0,0,0,.2);
	background-color: #b8b8b8!important;
    border: 1px solid #b9b9b9!important;
}
.product-section {
    border-top: 2px dashed #f5f5f5;
}

/*products-index 20241130  by yefei*/

.form-flat input:not([type=submit]),.form-flat select,.form-flat textarea {
    background-color: #fff;
    border:1px solid #CBDBFA;
    border-radius: 5px;
    box-shadow: none;
    color: currentColor!important
}

.form-flat .button.icon {
    
    color: #0052d9;
}
.select-resize-ghost,.select2-container .select2-choice,.select2-container .select2-selection,input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    background-color: #fff;
    border: 1px solid #CBDBFA;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #666;
    font-size: .97em;
    height: 2.507em;
    max-width: 100%;
    padding: 0 .75em;
    transition: color .3s,border .3s,background .3s,opacity .3s;
    vertical-align: middle;
    width: 100%;
    border-radius: 6px;
    font-weight: normal;
}
.primary,input[type=submit],input[type=submit].button{border-radius:5px;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
@keyframes wipeBackground {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}
.logo:before {
    animation: wipeBackground 1.5s infinite;
    background-image: linear-gradient(-75deg,#fff0 42%,#ffffff4d,#fff0 58%);
    background-size: 300%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

}