/*
Theme Name: Đá mỹ nghệ Tuyên Mai
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.header:not(.transparent) .header-bottom-nav.nav > li > a:hover, .header:not(.transparent) .header-bottom-nav.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li.current > a, .header:not(.transparent) .header-bottom-nav.nav > li > a.active, .header:not(.transparent) .header-bottom-nav.nav > li > a.current {
    color: #93120e !important;
}
#top-bar{background-image: url(/wp-content/uploads/2022/08/banner-top.png);
    background-position-x: center;}.nav-small.nav>li.html {
    font-size: 14px;
    TEXT-TRANSFORM: none;
}.product_meta {
    font-size: 14px;
}.product-main{padding-bottom:0}.product-footer .woocommerce-tabs {
		border-top: 0;}
.woocommerce-tabs li a{    text-transform: none;
    font-size: 16px;}
.product-section {
    border-top: 0;
}
.related h3{text-transform: none;
    letter-spacing: 0;
    font-size: 22px;
}
.nut-goi{background:#93120e;
    display: block;
    padding: 5px 10px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
    color: white;
    transition: ease-in-out 0.3s all;}
.nut-goi h3{margin-bottom: 0;
    color: white;font-size:18px;
    text-transform: uppercase;}
.nut-goi .des{font-size:14px}
.nut-goi:hover{color:#93120e; background:#fff; border: 1px solid #93120e}
.nut-goi:hover h3{color:#93120e;}
.product-small .price span.amount{color:#93120e}
.product-info .price span.amount{font-size: 16px;
    color: #93120e;}
.product-small .price{margin-top:8px;font-size: 16px;}
.nav-tabs+.tab-panels{padding:15px}
.header-bottom {
    box-shadow: 2px 20px 19px #00000008;
}h1.entry-title.mb {
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 30px;
}
.page-right-sidebar .page-inner h2, .tab-panels h2, .entry-content h2{font-size:22px;}
.page-right-sidebar .page-inner h3, .tab-panels h3, .entry-content h3{font-size:21px;}
.page-right-sidebar .page-inner h4, .tab-panels h4, .entry-content h4{font-size:20px;}
.page-right-sidebar .page-inner h5, .tab-panels h5, .entry-content h5{font-size:19px;}
.single-product .large-3{padding-top:30px; padding-left:0; border-left:none !important}
.single-product .large-9{border-right:none !important}
.page-right-sidebar .large-9{border-right:none !important}
.page-right-sidebar .large-3{padding-left:0}span.widget-title {
    display: block;
    margin-bottom: 11px;
    font-size: 20px;
    text-transform: none;font-weight:bold;
    letter-spacing: 0;
}.widget .is-divider{display:none}.flatsome_recent_posts ul, .product_list_widget {
    border: 1px solid #e8e8e8;
    padding: 10px;
    border-radius: 4px;
}.recent-blog-posts a {
    margin-bottom: 0;
    font-size: 15px;
}.category-page-title {
    background: #efefef;
    padding-bottom: 20px;
}
.rank-math-breadcrumb p{margin-bottom:10px}
.footer-section .col{padding-bottom:0}
.footer-section ul li{list-style:none; margin-left:0}
.section3 .large-12{padding-bottom:0}
.nut-xem-them{font-weight:normal; letter-spacing:0;padding-left:30px;padding-right:30px}
.section1 .col{padding-bottom:0}.section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2022/08/line.png);
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 0;
}.section-title b{background:#ffffff00}
.section4{padding-bottom:20px !important}
.section5 .col{padding-bottom:0}.box-blog-post .is-divider{display:none}
.list-post .post-item .from_the_blog_excerpt {font-size: 14px;
    color: gray;
    margin-top: 5px;}
.product-category .col-inner{background: white;
    border: none;
    padding: 8px;
    box-shadow: 2px 2px 20px #00000017;}.section-title-container {
    margin-bottom: 10px;
}.product-category h5{font-size:16px;color:#93120e}
.section2 .col{padding-bottom:0}
.product-category .box-text{padding-bottom:10px; padding-top:10px}
.product-small .product-title a{font-size:16px;color:black; text-transform:uppercase} .add-to-cart-button a{    border-radius: 20px;
    text-transform: none;
    font-weight: normal;
    font-size: 13px !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)
}
.header-nav .account-item a{text-transform: none;
    font-size: 15px;
    color: #2c2c2c;}
.header-block .col{padding-bottom:0}
.header-block .icon-box .icon-box-text{font-size:14px; margin-right:5px; padding-left:9px}
.top-bar-nav li a{text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
    color: white !important;}
.searchform-wrapper input{    font-size: 15px;
    border-radius: 5px !important;
    height: 45px;
    border: 1px solid #93120e!important;
    background: white !important;}
.header-block .icon-box .icon-box-img svg{padding-top:0;color:#93120e}
.nav-dropdown .box-text{padding-left:0;padding-right:0;padding-bottom:0}
.nav-dropdown h4{font-weight: 500;
    font-size: 14px;}
.nav-dropdown h4 a{color:black;}.nav-spacing-xlarge>li {
    margin: 0 18px;
}.nav-dropdown>li>a, .nav-column>li>a {
    display: block;
    color: black;
    font-size: 14px;
}
.nav-dropdown li a:hover{color:#93120e}
.nav-dropdown h4 a:hover{color:#93120e}
.nav-dropdown .col{padding-bottom:0}
.nav-dropdown{padding:20px !important}
.list-post2 .post-item .box-text{padding: 0;
    padding-left: 10px;
}
.list-post2 .post-item .post-title{font-weight:normal}.list-post2 .post-item .post-title:hover, .list-post .post-item .post-title:hover{color:#93120e}
.list-post .post-item a:hover{color:black}
.list-post2 .post-item{padding-bottom:24px}
.section6 img{border-radius:10px}
.section6 .img{box-shadow: 2px 2px 36px #000b45;}.footer-section {
    background-image: url(/wp-content/uploads/2022/08/transparent-pattern-png-8.png);
    background-repeat: repeat-x;
}
.blog-archive h1{text-transform: none;
    letter-spacing: 0;
    font-size: 29px;}
.blog-archive .large-12{padding-bottom:10px; text-align:left}.is-divider{display:none}
.blog-single .large-3{padding-left:0; border-left:none !important}
.blog-single .large-9{border-right:none !important}
.blog-single .entry-meta{text-transform:none; font-size:14px; letter-spacing:0}
.footer-section ul li a:hover{text-decoration:underline}.off-canvas-left .mfp-content{background:white; width:330px}
a.back-to-top{background:#93120e!important; color:white !important; border:none !important}
.blog-archive .post-item .post-title{    font-size: 18px;margin-bottom:10px;}.blog-archive .post-item .post-title:hover{color:#93120e}.blog-archive .post-item a:hover{color:black}.post-item .box-image:hover::before{
-webkit-animation:shine .75s;
animation:shine .75s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.post-item .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)
}
.section6 .large-4 p{line-height: 27px;margin-bottom:0}
.section6 .col{padding-bottom:0} .product_list_widget span.amount{color:#93120e}
.single-product .product-info .price-wrapper{display:none}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.off-canvas .nav-vertical>li>a {
    padding-top: 13px;
    padding-bottom: 13px;
		font-size: 16px;}.section1 .col{padding-bottom:10px}.section2 .col {
    padding-bottom: 0;
    padding: 0 5px 10px;
}
.list-post .post-item .post-title{font-size:16px}.list-post2 .post-item .post-title {
    font-weight: normal;
    font-size: 16px;
    font-weight: bold;
}.section6 .col, .footer-section .col{padding-bottom:25px}.page-right-sidebar .large-3{padding-left:15px}.header-main {
    box-shadow: 2px 2px 20px #0000001c;
}
.product-small .box-text{padding-left:0; padding-right:0}
.archive .product-small.col{padding:0 5px 10px}.blog-single .large-3{padding-left:15px}
.list-post2 .box-vertical{display:inline-flex}

}


.the_content {
    color: #212529;
    font-size: 15px;
    font-weight: 400;
    line-height: 28px
}

.the_content h2,
.the_content h3,
.the_content h4 {
    font-weight: 700;
    color: #333;
    margin-bottom: 1rem;
    color: var(--primary-color)
}

.the_content figure {
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 5px 3px 10px;
    text-align: center
}

.the_content h6 {
    font-size: 15px
}

.the_content h5 {
    font-size: 17px
}

.the_content h4 {
    font-size: 17px
}

.the_content h3 {
    font-size: 18px
}

.the_content h2 {
    font-size: 20px;
    line-height: 1.5
}

.the_content h1 {
    font-size: 25px;
    font-weight: 700;
    color: #333;
    margin-bottom: 1rem
}

.the_content p {
    color: #333;
    margin-bottom: 1rem;
    font-size: 16.5px;
    line-height: 1.6
}

.the_content ul {
    list-style: disc;
    padding-left: 5rem;
    padding-bottom: 5px
}

.the_content ul li {
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 16.5px
}

.the_content ul li a {
    color: #007bff
}

.the_content ol {
    list-style: decimal;
    padding-left: 18px;
    padding-bottom: 5px;
    font-size: 16.5px
}

.the_content ol li {
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
    font-size: 16.5px
}

.the_content ol li a {
    color: #ff5912
}

.the_content a {
    color: var(--primary-color);
    font-weight: 700
}

.the_content blockquote {
    background: #f3f3f3;
    color: #868686;
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin: 0 0 20px;
    padding: 15px 20px 15px 45px;
    position: relative;
    text-align: justify
}

.the_content blockquote p {
    margin-bottom: 0
}

.the_content blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 3px;
    background: var(--primary-color);
    content: ""
}

.the_content code {
    background: rgba(0, 0, 0, .05);
    border-radius: 3px;
    font-size: .85rem;
    color: #e83e8c;
    font-size: 15px
}

.the_content table>tbody>tr>td,
.the_content table>tbody>tr>th,
.the_content table>tfoot>tr>td,
.the_content table>tfoot>tr>th,
.the_content table>thead>tr>td,
.the_content table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 7px 10px;
    font-size: 16.5px !important
}

.the_content iframe {
    margin: auto
}

.the_content .syntaxhighlighter {
    padding: 10px 0
}