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

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --swiper-theme-color: #d8b96a !important;
}
.video-title-overlay {
    display: none;
}
.swiper-button-next {
    right: 60px;
}
.swiper-button-prev {
    left: 60px;
}
.flickity-prev-next-button {
    width: 50px !important;
}
.form-row label {
    color: #fff;
}
.cart_item .product-name {
    color: #fff;
}
label {
    color: #fff !important;
}
.header-top-section .col{padding-bottom:0}.header-wrapper {
    background-color: rgb(255 255 255 / 0%) !important
}.header-bg-color, .header-wrapper {
    background-color: rgb(0 0 0 / 0%);
}
.header-top-section p{font-size:13px;margin-bottom:0}
.header-main .flex-grow{flex: 0;}.fab-checkbox:checked~.fab-wheel .fab-title{font-weight:normal !important}
.nav-dropdown.nav-dropdown-default>li>a{border-bottom:none}
.header-top-section .flickity-prev-next-button{top:-53% !important}
.header-top-section .flickity-prev-next-button svg{padding: 33%;}
.header-main {
    border-bottom: 1px solid;
    border-color: #d8b96a;
}
a.button.open-video {
    background: #d8b96a;
    border-color: #d8b96a;
}
/*.header-main .container::after {
    background: rgba(0,0,0,0) linear-gradient(to right,#fff 0%,#b5b5b5 50%,#fff 100%) repeat scroll 0 0;
    box-shadow: 0 4px 4px 0 rgb(0 138 194 / 3%);
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
}*/
/*.header-main .flex-col{flex-basis:33.33%; max-width:33%}
.header-main .flex-right{order:3}*/
/*.header-main #logo{margin-right:0; order:2}.nav-spacing-xlarge>li {
    margin: 0 37px;
}*/
.header-search-form-wrapper input[type='search']{border: none;
    box-shadow: none;
    border-bottom: 2px solid #555;
    text-align: center;
    font-size: 14px;    height: 40px;}
.header-search-form-wrapper .button.icon{margin: 0;
    background: url(/wp-content/uploads/2021/04/search.png);
    background-repeat: no-repeat;
    border: none;
    color: transparent;border-bottom: 2px solid #555;height: 40px;
}
.danh-muc-section .widget_nav_menu{margin-left:0; display:inline-block
}
.danh-muc-section .widget_nav_menu li a{text-align:center; width:100%; display:block;margin-right:0}
.xem-dia-chi-section .col, .video-section .col{padding-bottom:0}
.tai-sao-section{background-image: url(/wp-content/uploads/2021/04/tai-sao-bg.jpg);
    background-repeat: repeat-x;
    background-position-y: top;}
.tai-sao-section h2{color:white;font-weight:normal}
.tai-sao-section .icon-box h3{text-transform: uppercase;
    font-size: 14px;
    color: #545454;}
.tai-sao-section .icon-box p{font-size:13px; color:gray}
.tai-sao-section .col, .tin-tuc-section .col{padding-bottom:0}
.list-post .post-item .post-title{font-weight:normal;}
.list-post .post-item .from_the_blog_excerpt {font-size:13px}
.list-post .post-item .box-text{padding-bottom:5px}
.top-footer-section .large-4{flex-basis:20%; max-width:20%}
.nut-xem-them-3{border: 1px solid gray !important;font-weight: normal;font-size:13px; padding:5px 70px}
.tin-tuc-section .section-title-center span{text-transform: none;
    font-size: 24px;
    color: #565656;
    font-weight: normal;}
.heading-tt h2, .page-title {
	font-size: 30px;
	text-transform: uppercase;
	color: #d8b96a;
	letter-spacing: 2px;
	margin-bottom: 30px;
	margin-top: 30px;
}
/* Khung sản phẩm */
.product-small.box {
    position: relative;
    border: 1px solid #181818;
    padding: 18px;
    border-radius: 8px;
}
/*.product-small.box:before {
    content: "";
    position: absolute;
    inset: 8px;
    border-radius: 6px;
    pointer-events: none;
    border: 1px solid rgb(255 255 255 / 0%);
    box-shadow: 0 0 0 2px rgb(5 7 14 / 70%) inset;
}*/
.swiper-pagination {
    bottom: -50px !important;
}
.swiper-pagination-bullet {
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}
.box-blog-post .box-image {
    border-radius: 20px;
    border: 5px solid;
    border-color: #cdb76b;
}
.cart-img-icon {
	filter: brightness(0) invert(1);
}
.row-xsmall>.flickity-viewport>.flickity-slider>.col, .row-xsmall>.col {
		padding: 0 4px 6px;}
.product-small .price span, .product-small .price ins bdi{font-size: 16px;
    color: #c48c46;
    font-weight: 400;font-size:17px}
.nut-xem-them {
    background: #cdb76b !important;
    font-weight: 600;
    font-size: 13px;
    padding: 5px 30px;
    text-transform: uppercase !important;
    border-radius: 10px 0 10px 0;
}
.nut-xem-them2{color:white !important; font-weight: normal;font-size:14px;}
.san-pham-noi-bat .product-small img{padding:10px}
.san-pham-noi-bat .product-small{box-shadow: 5px 5px 5px rgb(0 0 0 / 35%);border-radius:10px}
.san-pham-noi-bat{background-image: url(/wp-content/uploads/2021/04/banner1.jpg);
    background-repeat: no-repeat;
    background-position-y: 66%;
    background-size: contain;}
.san-pham-noi-bat .img-inner{border-radius: 20px;
box-shadow: 5px 5px 10px #0000003d;}
.san-pham-noi-bat::before{background: linear-gradient(to right, #00000c 0%, #1b1438 100%);content: '';
    display: inline-block;
    width: 100%;
    height: 238px;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 35px;line-height: 0;}
.product-small .price del bdi{color:gray !important; font-size:14px !important}
.danh-muc-section .widget_nav_menu li a img{padding:10px;background:#f7f7f7; border-radius:99%; display:block; margin:0 auto}
.danh-muc-section .menu{display: -webkit-inline-box;
		    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    list-style-type: none;
    height: 146px;}
.danh-muc-section .widget_nav_menu li{border-top:none !important;width:calc(100%/6);float:left; display:inline-block !important} .danh-muc-section .flickity-slider>.row:not(.is-selected) {
    opacity: 1 !important;
}.danh-muc-section .slider .flickity-prev-next-button svg, .danh-muc-section .slider .flickity-prev-next-button .arrow{box-shadow: 2px 2px 4px #00000021;
    border-radius: 99%;
    fill: #989898;
}
.header-nav li.giam-gia a{color:#de0000 !important}.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px;
    border-bottom: none;
    font-size: 13px !important;
    padding: 9px 0;
}.nav-dropdown li.menu-item-has-children a{
    font-size: 15px !important;
    font-weight: 500;
    text-transform: none;
}
.danh-muc-section .icon-box .icon-box-text p{font-size:14px}
.danh-muc-section .icon-box img{border-radius:99%; background:#f7f7f7; padding:10px}
.danh-muc-section .flickity-slider .row{width:calc(100%/6) !important;}
.danh-muc-section .flickity-prev-next-button{top:12% !important}

.nav-dropdown .menu-item-has-children li a{font-weight:normal !important; font-size:13px !important}
.danh-muc-section .col{padding-bottom:10px}
.product-small.box .product-title a {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.top-footer-section h3{font-size:14px}
.top-footer-section ul li{margin-bottom:0; list-style:none; margin-left:0; }
.top-footer-section{padding-bottom:0 !important}
.bottom-footer-section p{font-size:13px; line-height:15px;margin-bottom:4px}
.top-footer-section .col, .bottom-footer-section .col{padding-bottom:0}
.bottom-footer-section h3{font-size: 15px;
    color: #424242;
    font-weight: normal;}
.bottom-footer-section{padding-top:0 !important}
.absolute-footer{display:none}
a.back-to-top{background:#013469 !important;color:white;border:none !important}.breadcrumbs a {
    color: #fff;
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
}
.single-product .page-title-inner{min-height: 26px;    padding-top: 0;text-align:center}
.single-product .product-info h1{font-weight: normal;
    font-size: 20px;
    color:#fff;}
.single-product .product-info .price span, .single-product .product-info .price ins bdi{font-size: 28px;
    color: #bb934d;font-weight:normal;}

.product-info .product-short-description{font-size: 14px;
    color: #fff;
}
.thong-tin-khuyen-mai ul li.giao-hang{background-image: url(/wp-content/uploads/2021/04/icon5.png);
    background-repeat: no-repeat;
    padding-left: 33px;}
.thong-tin-khuyen-mai ul li.doi-sp{background-image: url(/wp-content/uploads/2021/04/doi-tra.png);
    background-repeat: no-repeat;
    padding-left: 33px;}
.thong-tin-khuyen-mai ul li.qua-tang, .thong-tin-khuyen-mai ul li.giam-gia, .thong-tin-khuyen-mai ul li.vnpay, .thong-tin-khuyen-mai ul li.gia{    background-image: url(/wp-content/uploads/2021/04/icon01.png);
    background-repeat: no-repeat;
    padding-left: 33px;}
.thong-tin-khuyen-mai strong{font-weight:500}
.thong-tin-khuyen-mai ul li{list-style:none;margin-bottom:10px; font-size:14px;margin-left:0}.thong-tin-khuyen-mai ul li.qua-tang, .thong-tin-khuyen-mai ul li.giam-gia, .thong-tin-khuyen-mai ul li.vnpay{color:#d60000}
.thong-tin-khuyen-mai ul li.giao-hang{color: #22b328;}.single_add_to_cart_button{letter-spacing:0;font-weight:normal; text-transform:none; font-size:16px !important; border-radius:5px}
.single-product .product-info .price del bdi{font-weight:normal;font-size:15px !important; color: gray !important}
.nut-xem-them-4{    border-radius: 99px;
    margin-bottom: 0;
    background: #03a9f4 !important;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: 0;}
.top-footer-section ul li a{font-size:12px; color:gray}
.nut-dat-hang{display:inline-block; clear:both; width:100%}
.nut-dat-hang .left{display:inline-block; width:70%; float:left; padding-right:7px; text-align:center}
.single-product .product-section h5, .related h3, span.widget-title{display:block;margin-top:0;    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    font-size: 22px;
    color: #fff;
		font-weight: 300;}.widget .is-divider{display:none}
.product_list_widget li a{font-size:14px}
.product_list_widget .woocommerce-Price-amount {    color: #bb934d;font-weight:normal}
.single-product #product-sidebar{padding-left:20px}
#mua-ngay{border: 1px solid #e8e8e8;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 2px 2px 10px #00000021;}
#mua-ngay .tieu-de{    font-weight: 500;
    text-align: center;margin-bottom:7px}
#mua-ngay .anh-sp img{width:100%; padding:20px; background: #f3f3f3;}
#mua-ngay .anh-sp{margin-bottom:15px}
#mua-ngay .nut-dat-hang .left, #mua-ngay .nut-dat-hang .right{width:100%; padding-left:0;padding-right:0}
.related{border-top:none}.entry-content {
    padding-top: 1.5em;
    padding-bottom: 0;
}
.related .product-small.box .box-text{text-align:center; padding:10px}
.single-product .product-section{border-top:none}
#review_form label{font-weight:normal}
#review_form input[type='submit']{text-transform: none;
    font-weight: normal;
    border-radius: 5px;}
#review_form textarea{box-shadow:none; border-radius:5px}
.single-product .product-page-sections{display:flex}
.breadcrumbs{font-weight:normal; font-size:14px;    color: #fff;
    font-weight: 600;}
.archive .woof_redraw_zone{display:block; clear:both; width:100%}
.woof_container{max-width: 200px;
    display: inline-block;
    float: left;
    margin-bottom: 0;
    margin-right: 10px;}
.archive .page-numbers li a{border:none; font-weight:normal}
.nav-pagination > li > .current{    border-radius: 0 !important;
    font-weight: normal !important;}.page-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}#breadcrumbs{ margin-bottom: 5px;
		font-size: 14px;}.is-divider{display:none}
.blog-single .entry-title{    font-size: 22px;}
.blog-single .large-3{padding-left:0}.recent-blog-posts a{font-size:14px}
.recent-blog-posts .badge-inner{border-radius:99%}
.blog-single .entry-content h2{font-size:21px;}
.blog-single .entry-content h3{font-size:20px;}
.blog-single .entry-content h4{font-size:19px;}
.blog-single .entry-content h5{font-size:18px;}
.blog-single .blog-share{text-align:left}.xem-them .tieu-de-xem-them {
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
    font-size: 19px;
    color: black;
}
.box-blog-post .box-text {
    position: absolute;
    bottom: 5px;
    left: 4px;
    width: 98%;
    padding: 20px;
    background: linear-gradient(0deg, black, transparent);
    border-radius: 0 0 20px 20px;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    z-index: 2;
}
.xem-them ul li {
    margin-bottom: 3px;
}
.xem-them ul li a {    font-weight: normal;
    font-size: 15px;
    color: #fff;
}
.xem-them ul li a:hover {
    text-decoration: underline;
}
.page-right-sidebar .large-9{padding-right:0;border-right:none !important}h1.entry-title.mb {
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 21px;
    color: #fff;
}
.woocommerce-mini-cart__total strong{font-weight:500}.success-color {
    color: #60ab18;
    font-size: 14px;
    text-align: center;
}
.widget_shopping_cart .button{border-radius:5px; color:white}
.widget_shopping_cart_content .woocommerce-Price-amount bdi{font-weight:500; color:#c48c46}
.shop_table thead th, .shop_table .order-total td, .shop_table .order-total th{text-transform: none;
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0;}
.cart-collaterals th{border-width: 3px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;}
.shop_table .cart_item td bdi{font-weight:500;}
.shop_table .button, .cart_totals .button{text-transform: none;
    font-weight: normal;
    letter-spacing: 0;}
.cart-collaterals .checkout_coupon input{box-shadow: none;
    border: none;
    border-bottom: 1px solid #ececec;
    padding-left: 0;
    font-size: 15px;}
.message-container{font-size:14px}form.checkout h3{font-weight:500;text-transform: none;}
.woocommerce-billing-fields label{font-weight:normal}p.form-row-first, p.form-row-last{width:100%}
.woocommerce-billing-fields input[type='email'],.woocommerce-billing-fields input[type='search'],.woocommerce-billing-fields input[type='number'],.woocommerce-billing-fields input[type='url'],.woocommerce-billing-fields input[type='tel'], input[type='text'],.woocommerce-billing-fields textarea{font-size:14px;box-shadow:none;border-radius:4px}
.blog-single .entry-meta {
    text-transform: none;
    font-size: 13px;
    letter-spacing: 0;
    color: gray;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px;
    background: #f9f9f9;
}
.danh-muc {
    margin-bottom: 15px;
}
.danh-muc span.title, .the-tim-kiem span.title {
    border-radius: 4px;
    background: #013469;
    padding: 4px 10px;
    color: white;
    margin-right: 5px;
}
.danh-muc a, .the-tim-kiem a {line-height:32px;
    border-radius: 4px;
    margin-bottom: 10px;
    padding: 4px 10px;
    background: #dedede;
    color: #464646;
}
.danh-muc a:hover, .the-tim-kiem a:hover {
    background: #c3a14f;
    color: white;
}
.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: #fff;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
font-size: 14px;
    color: #fff;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
    font-weight: normal;
}

.shop-container span.widget-title{    text-align: left;
    font-size: 17px;
    margin-bottom: 15px;}.woof_container select {padding-right:22px; margin-bottom:0;
    width: 100%;
    font-size: 12px;
}
#review_form .has-border{border:none; padding:0}
.woocommerce-product-attributes tr th, .woocommerce-product-attributes tr td{    padding: 3px;text-transform: none;
    font-weight: normal;
    letter-spacing: 0;font-weight: 300;
    font-size: 15px;}
.single-product .product-section .entry-content h2{font-size: 20px;
    font-weight: 300;}
.single-product .product-section .entry-content h3{font-size: 18px;
    font-weight: 300;}
.single-product .product-section .large-2, .single-product .product-section .large-10{flex-basis:100%; max-width:100%}
.nut-dat-hang .mo-ta{    font-size: 12px;font-style:italic}
.archive .product-small.box .box-text{text-align:center; padding:10px}
.nut-dat-hang .right{display:inline-block; width:30%; float:left; padding-left:3px; text-align:center}.woocommerce-result-count, .woocommerce-ordering, .woocommerce-ordering select{font-size:14px}
.nut-dat-hang .left a{ margin-bottom:10px;padding: 3px 10px;
    line-height: 18px;color:white;    display: block;
    background: linear-gradient( 
0deg
 ,#d83443,#ff737e) !important;
    border-radius: 5px; font-size:13px;padding:5px 10px}
.cart{margin-bottom:0}
.nut-dat-hang .right a{    padding: 3px 10px;
    line-height: 18px;padding:5px 10px;font-size: 13px;background:#003464; color:white;border-radius:5px; display:block}
.nut-dat-hang h3{    margin-bottom: 0;
    color: white;}
.blog-archive .large-3{padding-left:20px}.woof_container{margin-bottom:5px}
.blog-archive .large-9{padding-right:0px}
.blog-archive .archive-page-header .large-12{padding-bottom:10px}
.blog-archive .post-item .post-title{font-size: 17px;
    margin-bottom: 10px;}
.blog-archive .post-item .from_the_blog_excerpt {    font-size: 13px;
    color: #fff;}
.blog-single .entry-content p, .blog-single .entry-content ul, .blog-single .entry-content ol{font-size: 15px;
    margin-bottom: 10px;}
.woocommerce-additional-fields__field-wrapper label{font-weight:normal}
.woocommerce-input-wrapper textarea{font-size:14px; box-shadow:none; border-radius:5px}
.woocommerce-notice{font-size:14px}
.woocommerce-checkout-payment button{text-transform:none; font-weight:normal; font-size:14px}.shop_table tfoot th{font-weight:normal}
#comments, 
.comment-respond,
#respond {
  display: none !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.blog-single .large-3, .blog-archive .large-3{padding-left:15px}
.blog-archive .large-9, .blog-archive .large-3{padding-left:15px;padding-right:15px}.off-canvas .mobile-sidebar-slide{background:white}.off-canvas:not(.off-canvas-center) .nav-vertical li>a{text-transform: none;
    font-size: 14px;
    font-weight: normal;}
.banner-section .row{max-width:100% !important}.danh-muc-section h2, .san-pham-section h2 {
    font-size: 19px;
}.danh-muc-section .flickity-slider .row {margin-left:0 !important; margin-right:0 !important;
    width: calc(100%/4) !important;
}.danh-muc-section .col {
    padding: 0 4px 0;
}.product-small.box img {
    padding: 19px;
}
.san-pham-section{padding-top:30px !important}.san-pham-noi-bat {
    background-size: cover;
}
.san-pham-noi-bat .product-small.box img {
    padding: 0px;
}
.tai-sao-section {
    background-size: cover;
}.tai-sao-section .col.large-3{flex-basis:50%; max-width:50%}
.tai-sao-section h2 {
    color: white;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 14px;
}.tai-sao-section .icon-box h3 {
    text-transform: uppercase;
    font-size: 14px;
    color: #ffffff;
}.tin-tuc-section .col{padding-bottom:10px}.list-post .post-item .post-title{margin-bottom: 10px;
		font-size: 17px;}.top-footer-section .col{flex-basis:50%; max-width:50%}
.top-footer-section .col.large-12{display:none}.bottom-footer-section .col{padding-bottom:10px}.breadcrumbs{margin-top:10px}.single-product .product-info h1{font-size:18px}.nut-dat-hang .left,.nut-dat-hang .right{width:50%; }
.nut-dat-hang .left{padding-right:5px;}
.nut-dat-hang .right{padding-left:5px;}.single_add_to_cart_button {
    letter-spacing: 0;
    font-weight: normal;
    text-transform: none;
    font-size: 14px !important;
    border-radius: 5px;
    padding: 3px 28px;
}.single-product .product-page-sections{display:block}.single-product #product-sidebar{padding-left:0}.shop-container span.widget-title{font-size:19px}.blog-single .entry-title {
    font-size: 20px;
}.bai-viet-lien-quan ul li{width:50%}

}