/*
Theme Name: Bàn thờ
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.absolute-footer.dark {
    color: rgb(0 0 0 / 56%);
}

.header-bottom i{font-size: 15px;
    margin-right: 5px;}
.header-search-form-wrapper input {
    border: 2px solid #e49216 !important;
    height: 40px;
}
.header-nav .cart-item a {
    height: 40px;
    border: 2px solid #ffc505 !important;
    text-transform: none;
    color: #ff5e03;
    font-size: 18px;
    padding: 0 10px !important;
    font-weight: bold;
}
.header-nav .html{font-size: 19px;
    color: #2e3553;
    text-align: center;
    font-weight: 500;
    margin-bottom: 0;}
.header-nav .html .des{font-size:19px}.header-nav .html h3{color:red;font-size:20px}.nav-dropdown{padding:0}.nav-dropdown>li>a, .nav-column>li>a {
    display: block;
    font-weight: 500;
    color: #2e3553;padding:10px 20px
}.nav-dropdown>li>a:hover, .nav-column>li>a:hover{background:#2e3553 !important; color:white}.header-bottom-nav > li > a{font-size:15px; text-transform:uppercase}
.section1 .box{background:white}
.section1 .col .col-inner{border-bottom: 1px solid #dddddd;padding:0}
.section1 .box .box-text{padding:0 0 10px 0}
.section1 .box .box-text a{    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: #2e3553;}
.section1 .row.row-collapse{    border-top: 1px solid #dddddd;
		border-left: 1px solid #dddddd;}.section1 .box .box-text a:hover{color:#e70000}.tit-sp {text-align:left;
    background: #f5f5f5;
    border: 1px solid #dbdbdb;
    border-bottom: none;
}h2.tit-sp-home {
    background: #2e3553;
    padding: 0 15px;
    margin: 0;
    font-size: 16px;
    display: inline-block;
    width: auto;
    line-height: 40px;
}h2.tit-sp-home a {
    color: #fff;
    text-shadow: 0px 1px 0px #444;
    margin: 0px;
}h2.tit-sp-home:after {
    top: 1px;
    border: 20px solid transparent;
    border-left-color: #dd9830;
    position: absolute;
    margin-left: 15px;
    content: "";
}.product-small.box {
    background: #fff;
    border: 1px solid #dbdbdb;
    padding: 5px;
    overflow: hidden;
}p.name.product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
}
.product-small .product-title{margin-bottom:10px}
.product-small .price del{display:block;margin-bottom:5px}
.product-small .giakhuyenmai, .product-info .giakhuyenmai{font-weight: 600;
		color: #2e3553;}.product-info .giakhuyenmai{font-size:15px}
button.single_add_to_cart_button.button.alt {
    height: 30px;
    border-radius: 5px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0px 10px;  
    font-weight:600;  
    background-color: #ec8e0a;
}
.is-form, button.is-form, input[type=submit].is-form, input[type=reset].is-form, input[type=button].is-form {
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
    text-shadow: none;
    color: #000;
    border: 1px solid #ddd;
    text-transform: none;
    font-weight: normal;
}
.badge-container{
    right: 0px;
    left: inherit;
    margin: 0px;
}.badge-container .badge {
    height: 20px;
    width: 40px;
    float: right;
}.badge-container .badge .badge-inner {
    border-radius: 0px 0px 10px 10px;
    background: #e82b17 !important;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    padding-top: 5px;
}.badge-container .badge .badge-inner:after {
    border: 15px solid transparent;
    border-top-color: #e82b17;
    position: absolute;
    top: 18px;
    right: 4px;
    content: "";
    width: 32px;
}
.product-small .price ins{display:block}
.product-small .price .woocommerce-Price-amount bdi, .product-info .price .woocommerce-Price-amount{color: #9d2326;
		font-weight: 600; font-size: 18px;}.product-small .price del bdi, .single-product .price del bdi{color:gray !important;font-size:16px !important; font-weight:normal !important}.product-small .box-image:hover::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.product-small .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}p.tit-dc-ft1, p.tit-dc-ft1 {
    font-size: 18px !important;
    border-bottom: 1px solid;
    max-width: max-content;
    font-weight: 600;color:#101e4a
}
.footer1 .col{padding-bottom:0}p.tit-ft1 {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid;
    max-width: max-content;
    margin-bottom: 10px;color:#101e4a
}p.dc-ft1 {
    font-size: 15px;
    color: #2d3553;
    margin-bottom: 8px;
}
.footer1 .large-4{margin-bottom:20px}
.footer2 .large-2{flex-basis:20%; max-width:20%;}
.footer2 .cot3{flex-basis:32%; max-width:32%}
.footer2 .cot4{flex-basis:28%;max-width:28%}p.tit-dc-ft1, p.tit-dc-ft1 {
    font-size: 18px !important;
    border-bottom: 1px solid;
    max-width: max-content;
    font-weight: 600;
} .footer2 p {
    margin-bottom: 5px;
}.footer2 a{color:#334069;font-weight:500}
.footer2 a:hover{color:#dd3333}
.footer2 .col{padding-bottom:0}
a.back-to-top{background:#d90f00 !important; border:none !important; color:white !important}
.blog-archive .page-title{margin-top: 20px;
    margin-bottom: 0;
    color: #2e3553;
    letter-spacing: 0;
    font-size: 18px;}
.blog-archive.page-wrapper{padding-top:10px}
.blog-archive .archive-page-header{margin-bottom:20px !important}
.blog-archive .post-title{color: #2e3553;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #929292;
    margin-bottom: 15px;
    padding-bottom: 5px;
}.blog-archive .post-title:hover{color:#d90e00}
.blog-single, .page-left-sidebar{background:#f5f5f5}
.page-left-sidebar .large-3{padding-right:0;border-right:none !important}
.form-dien-thoai p{margin-bottom:10px; font-size:15px}
.page-left-sidebar .large-9{border-left:none !important}.page-left-sidebar .large-9{padding-left:25px}
.page-left-sidebar .page-inner ul, .page-left-sidebar .page-inner ol{margin-left:20px}
.page-left-sidebar .page-inner{background:white; padding:20px; }
.blog-single .large-3{padding-right:0}
.blog-single .article-inner {background:white; border-radius:5px; padding:20px}.is-divider{display:none}
.blog-single .entry-title{color:#334069}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}
.blog-single .large-9{padding-bottom:0}
.blog-archive .box-text {
    background: #fff;
    padding: 14px 15px 10px 15px;
}.box-blog-post .is-divider{display:none}
.blog-archive .post-item .from_the_blog_excerpt {display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 23px;
    font-size: 15px;
    color: #2d3553;font-weight:500
}
.archive .shop-page-title, .blog-archive .archive-page-header {
    position: relative;
    background-image: url(/wp-content/uploads/2022/08/bg_breadcrumb.png);
    margin-top: -14px;
    margin-bottom: 0px;
}.woocommerce-result-count, .woocommerce-ordering, .woocommerce-ordering select {
       font-size: 15px;
}
.archive .shop-page-title .page-title-inner {
    padding-top: 15px;
    min-height: 81px;
}span.widget-title {
    font-size: 1em;
    font-weight: 600;
    background: #ec8e0a;
    display: block;
    padding: 11px 20px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: white;
    letter-spacing: 0;
}.widget .is-divider{display:none}
.archive #main{background:#f5f5f5}p.name.product-title a:hover{color:#9d2326}
.single-product .product-main {
    padding: 25px 0;
    background: #f5f5f5;
}
.single-product .large-9{border-left:none !important}.product-info .breadcrumbs {
		font-size: 13px;}
		.breadcrumbs a{font-weight:500}
		.breadcrumbs a {
				color: #334862;}
				h1.product-title.entry-title {
    color: #f67604;
    font-size: 28px;
}
.product-info .price del{display:block;margin-bottom:10px}
.single-product .large-3{padding-right:0}
.widget ul{background:white}.widget ul li a{padding:8px 10px;font-weight:500}
.archive .product-small.col{padding:0}a.devvn_buy_now.devvn_buy_now_style {
    background: #af2015;
    padding: 8px 0px;
    font-size: 16px;
    max-width: 100%;
}.devvn-popup-title, .popup-customer-info-group .devvn-order-btn{background:#af2015}
form{margin-bottom:0}.product-short-description {
    font-size: 18px;color:#000;
}
.quantity .button.minus, .quantity .button.plus{background-color: #ec8e0a;}.yctv a.button.primary {
    border-radius: 5px;
    margin: 0px 0px 15px;
    background: #ec8e0a;
    color: #fff;
    padding: 0px 30px;width:100%;
}.yctv a span {
    line-height: 20px;
    padding: 3px 0px 1px;text-transform: none;
}.btn-hln p {border-radius:5px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    margin: 0px;
}.btn-sp{margin-left:-6px !important;margin-right:-6px !important; margin-bottom:7px !important}
.btn-sp .col{padding: 0 6px 6px}
.btn-hln{border-radius:5px}
.single-product .social-icons a{border:none;margin-bottom:0} .tab-panels {
    padding: 20px;
    border: 1px solid #e5e6ec;
    background: #fff;
}ul.product-tabs {
    background: #ec8e0a;
    padding: 0px 10px;
}.woocommerce-tabs ul li a:hover{color:Red}
.woocommerce-tabs ul li a{color: white !important;
    font-weight: bold;
    letter-spacing: 0;
    font-size: 15px;}
.woocommerce-tabs .nav-line>li>a:before{display:none}
.related h3{letter-spacing: 0;
		color: #2e3553;}p.name.product-title a{color:#2e3553}
.related .product-small.col{padding:0}
.related .row{margin-left:0px !important;margin-right:0px !important}.product-footer .woocommerce-tabs{padding-bottom:0}
.recent-blog-posts-li a{padding: 0 !important;
    color: #2e3553;
    font-size: 15px;}
.related{border-top:0}.recent-blog-posts {
    padding: 10px;
}.mr-half {
    margin-right: 10px;
}
.blog-archive .large-3{padding-right:0}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.off-canvas-left .mfp-content{background:white;width:330px}.off-canvas .nav-vertical>li>a {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 16px;
    text-transform: none;
    font-weight: 600;
    color: #2e3553;
    padding-left: 10px;
}
.fas, .far{margin-right:10px}
.section1 .box .box-text a {
		font-size: 15px;}
.section1 .box .box-image{padding:5px 0}p.name.product-title a{font-size:15px}
.product-small .box-text{padding-left:0;padding-right:0}.product-small .price .woocommerce-Price-amount bdi, .product-info .price .woocommerce-Price-amount{font-size:16px}.footer1 .large-4 {
    margin-bottom: 10px;
}.footer2 .col{flex-basis:100%; max-width:100%; padding-bottom:20px}
.archive .filter-button{letter-spacing:0}.page-left-sidebar .large-3{display:none}.page-left-sidebar .large-9{padding-left:15px}.blog-archive .post-title{font-size:17px}.blog-archive .large-3{padding-right:13px}.blog-single .large-3{padding-right:15px}

}