/*
Theme Name: Mi
Theme URI: https://dwatchreplica.com
Description: Child theme of Flatsome. CSS khôi phục từ Additional CSS (wp_posts.custom_css) trong database.
Author: dwatchreplica
Template: flatsome
Version: 1.0.0
Text Domain: mi
*/

/* ===== CSS khôi phục từ database (post_type=custom_css, title="mi") ===== */
b,strong {
	font-weight: bold;
}
.header-nav-main .header-search, .header-main .header-cart-link {
    display: inline-block;
    vertical-align: middle;
    background: #2f3033;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    position: relative;
    cursor: pointer;
    text-align: center;
	 line-height: 40px !important;
}

.header-main .nav > li > a {
	font-weight: normal;
	text-transform: uppercase; 
}
.header-main .nav > li > a:hover { 
	 text-decoration: underline; 
	
	}
.header-main .nav-dropdown a {
	font-size: 14px;
}
li.current-dropdown>.nav-dropdown, .next-prev-thumbs li.has-dropdown:hover>.nav-dropdown, .no-js li.has-dropdown:hover>.nav-dropdown {
    opacity: 1;
    max-height: inherit;
    left: 0;
}
footer, footer p, footer li, footer a {
	font-size: 14px;
}
footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ft-title, .ft-title p {
	color: #fff;
	font-size: 18px;
	font-weight: bold; 
}
footer li {
	margin-left: 0 !important;
}
.h-ico .icon-box p {
    font-size: 14px;
}



.h-cat img {
	width: 64px;
	margin: 0 auto;
	text-align: center;
	display: block;
}
.slider-nav-circle .flickity-prev-next-button svg, .slider-nav-circle .flickity-prev-next-button .arrow {
    border-radius: 100%;
    border: 2
px
 solid currentColor;
    background: #29292a !important;
    color: #fff;
    opacity: .4;
    border: 0;
}
.h-cat h5 {
	font-size: 13px;
	text-transform: none;
	color: #ddd;
	font-weight: normal;
}
.sec-title h2 {
	color: var(--primary-color); 
}
.sec-title {
	align-items: center;
}

.product_meta>span {
	border: 0;
}
.btn-chatzalo {
	background: #0091ff !important; 
}
.product-ct span.amount {
	font-size: 26px;
    color: #fa1919;
    padding: 0 0 20px;
    align-items: center;
}

.product-section .large-2 {
    display: none;
}
.product-section .large-10 {
   width: 100%; 
	flex-basis: 100%;
	max-width: 100%;
}
#comments a.btn-reviews-now, button#devvn_cmt_submit, button#devvn_cmt_replysubmit, .woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit {
	background: var(--primary-color);
}
span.devvn_num_reviews {
	color: var(--primary-color); 
}
.devvn_cmt_input textarea {
    background: transparent;
    color: #fff;
}
strong.woocommerce-review__author {

    color: #eee;

}
.breadcrumbs, .breadcrumbs a, .breadcrumbs span, p.woocommerce-result-count.hide-for-medium {
	color: #fff;
	font-size: 14px;
}
.woocommerce-ordering, .woocommerce-ordering select {
	background: transparent;
	color: #fff;
}
.h-ico .icon-box-img {
	width: 34px !important;
}
.h-ico .icon-box {
	align-items: center;
}
.filter-bar {
  margin: 30px auto;
	width: 100%;
	min-height: 58px;
}
.filter-bar .filter-nav .filter-dropdown {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
}
.filter-bar h1 {
	  font-weight: 400;
    font-style: normal;
    font-size: 12px;
    line-height: 58px;
	text-transform: none;
}
.filter-dropdown button {
	margin-bottom: 0;
}
.filter-dropdown  .cat-dropdown {
	border: 1px solid #dbd8d6;
    left: -2px;
    line-height: normal;
    max-height: calc(100vh - 120px - 58px);
    min-width: 185px;
    overflow: auto;
    background-color: #fff;
    display: none;
    margin-top: 0;
    position: absolute;
	z-index: 1;
}
.filter-bar .filter-nav ul, .filter-bar .filter-nav ul li {
	margin: 0;
	line-height: 58px;
	font-size: 12px;
}

.filter-bar .filter-nav {
    float: right;
    padding: 0;
    z-index: 10;
}
.filter-bar .cat-dropdown a {
    border-top: 1px solid #e7e7e7;
    color: #4b4b4b;
    cursor: pointer;
    display: block;
    white-space: nowrap;
    padding: 14px 10px;
    direction: ltr;
}
.filter-dropdown .cat-dropdown a:hover, .filter-dropdown .cat-dropdown a.active {
    background: #f5f5f5;
    color: #999;
}
.filter-bar .filter-breadcrumbs {
    float: left;
    color: #999;
}
nav.filter-breadcrumbs nav {
    display: flex;
    width: auto;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.filter-breadcrumbs a {
	color: #fff;
	font-size: 12px;
}
nav.filter-breadcrumbs nav * {
    flex: none;
    line-height: 58px;
	margin: 0;
}
.filter-bar .filter-nav .filter-dropdown:not(:first-child):before {
    content: "";
    display: block;
    position: absolute;
    height: 20px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    background: #e7e7e7;
    margin-left: -2px;
    width: 1px;
}
.filter-bar .filter-nav {
    font-weight: 400;
    font-style: normal;
    color: #1b1b1b;
    font-size: 12px;
	text-transform: none;
}
.row.category-page-row {
	padding-top: 0;
}
	.filter-dropdown button {
		color: #fff;
	}
.header-main #woocommerce-product-search-field-0 {
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 2px;
    font-size: 14.76px;
	background: transparent !important; 
}
.header-main #woocommerce-product-search-field-0::placeholder, .header-main #woocommerce-product-search-field-0 .icon-search {
	color: #333 !important; 
}

select.search_categories {
    background-color: #101010;
    color: #bcbcbc;
    border-radius: 20px;
    border: none;
    line-height: 33px;
    height: 40px;
    padding: 0px 14px;
	  border-color: #101010; 
	
}
.header-main select.search_categories {
	min-width: 200px; 
	font-size: 14px;
	    color: #bcbcbc !important;
	background-color: #101010 !important

}
select.search_categories option {
	    background-color: #101010;
   line-height: 33px; 
	  color: #bcbcbc; 
    padding: 0 15px; 
}
.header-search-form-wrapper:hover {
    border-color: #dba961 !important;
    border: 1px solid;
    border-radius: 20px;
}
.header-main #woocommerce-product-search-field-0::placeholder {
	color: #bcbcbc !important; 
	font-size: 14px;
}
.header-main input#woocommerce-product-search-field-0  {
		padding: 0 15px;
	height: 40px;

}
.header-search-form-wrapper {
	background: #363535; 
	border-radius: 20px; 
	border: 1px solid #363535;
}
@media only screen and (max-width: 48em) {
	.filter-bar .filter-breadcrumbs {
    float: none;
}
	nav.filter-breadcrumbs nav * {
		line-height: 40px;
	}
	.filter-bar .filter-nav {
    display: table;
    float: none;
    table-layout: fixed;
    width: 100%;
		margin-bottom: 30px;
}
	.filter-bar .filter-nav>ul {
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
}
	.filter-bar .filter-nav .filter-dropdown:first-child {
    border-left: none;
}
	.filter-bar .filter-nav .filter-dropdown {
    position: static;
}
.filter-bar .filter-nav .filter-dropdown {
    border-bottom: 1px solid #524e4b;
    border-left: 1px solid #524e4b;
    flex-grow: 1;
}
	.filter-bar .filter-nav .filter-dropdown .filter-name {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 7px;
    width: 100%;
}
	.filter-bar .filter-nav ul li {
		line-height: 40px;
	}
	.filter-bar .filter-nav>ul {
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
}
	.filter-bar .filter-breadcrumbs a, 	.filter-bar .filter-breadcrumbs span{
    display: none;
}
	.filter-bar {
		padding: 0;
	}
	#filterSort span {
		display: none;
	}
h1.t-crum {
    text-align: center;
    display: block;
}
	.filter-dropdown .cat-dropdown {
    width: 100%;
		z-index: 9999; 
}
	.filter-bar .filter-breadcrumbs h1 {
		display: block;
	}
	nav.filter-breadcrumbs {
		display: none;
	}
}
.ct-meta {
    display: flex;
    align-items: center;
    gap: 10px;
	font-size: 14px;
 
}
.ct-meta > div {
	align-items: center;
	display: flex;
}
.ct-meta svg, .ct-meta svg path {
	fill: var(--primary-color); 
	color: var(--primary-color); 
	margin-right: 5px;
	width: 16px;
}
.form_dk {
    padding-bottom: 10px;
    border: 1px solid #2f3033;
    border-radius: 12px;
    overflow: hidden;
    background-color: #2f3033;
	  padding: 10px;
	margin-top: 15px;
}
.form_dk input, .form_dk textarea {
	background: transparent;
	border-radius: 10px;
	border-color: #6a5a5a;
}
.two-col {
    display: flex;
    gap: 15px;
}
.form_dk .wpcf7-submit {
    background-color: #0091ff;
    box-shadow: none;
    border: 0;
	 text-align: center;
	display: block;
	margin: 0 auto;
}
.h-f {
    color: #ccc;
    display: block;
    text-align: center;
    padding: 10px 0;
	border-bottom: 1px solid #6a5a5a;
	margin-bottom: 30px;
}
.form_dk input:focus, .form_dk textarea:focus {
	box-shadow: none;
	background: transparent;
	border-color: #fff;
}
.form_dk input, .form_dk textarea {
	color: #fff;
}

.product-small.box .box-image:hover {
	    opacity: 0.8;

}
p.name.product-title.woocommerce-loop-product__title a{
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
	 
}

.product-small.box .add-to-cart-button a {
    background: #E0E0E0;
    color: #CC0000;
    padding: 3px 10px;
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
    border: 0;
    line-height: 1.3;
		min-height: 24px; 
	  height: 24px; 
}
.product-small.box .add-to-cart-button a:before {
    content: "\f07a";
    font-family: fontawesome;
	  margin-right: 5px; 
}
.wpfMainWrapper {
    font-size: 14px;
    background: #fff;
    color: #e0e0e0;
}

.wpfFilterContent ul input[type="checkbox"] {
    margin-bottom: 0;
}
button.wpfFilterButton.wpfButton {
    border: 1px solid #d93;
}

.wpfFilterWrapper .wfpTitle {
    display: inline-block;
    font-weight: bold;
}
.wpfFilterWrapper .ui-widget-header {
    background: #3FE331 !important;
}

#top-bar p, #top-bar a {
    font-size: 13px;
}
.header-hotline a {
	color: #fff; 
}
.header-hotline img {
	margin-right: 5px; 
}
#top-bar  .follow-icons a {
	background-color: #1c1c1c !important;
	border-color: #1c1c1c !important; 
	font-size: 14px; 
	
}
.icon-shopping-basket:before {
    content: "\f07a";
    font-family: 'FontAwesome';
}
.main-title {
	font-weight: bold; 
}
.main-title span {
	color: var(--primary-color);
}
.stuck .header-main {
	display: none; 
}
.box-category .box-image img {
    background: #101010;
    height: 170px;
    display: flex;
    padding: 6px;
    align-items: center;
    justify-content: center;
}
.box-category .box-image {
	position: relative;
	overflow: hidden; 
}
.product-small.box .box-image  {
	position: relative; 
}
.product-category a:hover .box-image:before, .box-category .box-image:before, .product-small.box .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);
}
.box-category .box-image:hover:before, .product-small.box:hover .box-image:before {
    -webkit-animation: shine 1.2s;
    animation: shine 1.2s;
}
    @-webkit-keyframes shine {100% {left: 125%; } }
    @keyframes shine {100% {left: 125%; } }
.box-category .header-title {
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    font-family: 'Quicksand';
}

p.name.product-title.woocommerce-loop-product__title a {
	    color: #fff;
    text-transform: uppercase;
	    font-size: 15px;
    color: #fff;
    margin: 8px 0;
}
.masp {
	font-size: 13px;
    color: #8e8d8d; 
}
.product-small.box .add-to-cart-button {
    position: absolute;
    top: -66px;
    transform: translate(-50%, 50%);
    left: 50%;

}
.product-small.box:hover .add-to-cart-button a{
	display: block; 
}
.product-small.box .add-to-cart-button a {
    color: #fff;

    border-radius: 20px;
    background: #1f1f1f;
    padding: 0 18px;
    line-height: 30px;
    color: #fff;
    border-radius: 20px;
    white-space: nowrap;
    height: 30px;
    bottom: 15px;
	  display: none; 
}
.product-small.box .add-to-cart-button a:hover {
	    background: #970808;
}
.product-small.box span.amount {
	color: #fa1919; 
	font-weight: bold;
	font-size: 16px; 
}
.product-small.box .box-image img {
	    background: #121212;
    display: flex;
    padding: 6px;
    align-items: center;
    justify-content: center;
}
.post-item .col-inner {
	background: rgb(24, 24, 24); 
}
.post-item .is-divider {
	display: none; 
}

.woocommerce_breadcrumb {
	    background: #171717;
	 padding: 14px 0; 
	line-height: 30px;
}
.dssp-title {
	  margin-top: 30px; 
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
	 color: #fff; 
}
.wpfMainWrapper {
    font-size: 14px;
    background: #171717;
    color: #fff;
}
.wpfFilterTaxNameWrapper { 
	 color: #fff; 
	}

.breadcrumbs a:first-of-type:before {
    background: url(https://dwatches.vn/wp-content/uploads/2024/08/home.png);
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    text-align: center;
    content: "";
    position: relative;
	  display: inline-block; 
    width: 20px;
    height: 19px;
}
.breadcrumbs a:first-of-type {
	font-size: 0px; 
}
.archive.tax-product_cat #main {
    background: url(https://dwatches.vn/wp-content/uploads/2024/08/dssp1.png);
    background-size: cover;
}
.rd-99 img {
	border-radius: 99px; 
	height: 74px; 
	width: 74px; 
	object-fit: cover; 
}
aside, .dark .widget a, .widget ul li {
	font-size: 14px; 
}
	.dark .heading-font, .dark a.lead, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark label, .hover-dark:hover a, .hover-dark:hover h1, .hover-dark:hover h2, .hover-dark:hover h3, .hover-dark:hover h4, .hover-dark:hover h5, .hover-dark:hover h6, .hover-dark:hover p {
    color: #ffbd33;
}
	span.post-title.is-large {
	  font-weight: 700;
		color: #ffbd33; 
	
	}
nav.rank-math-breadcrumb , nav.rank-math-breadcrumb span, nav.rank-math-breadcrumb a { 
font-size: 14px; 
}
#wide-nav .header-nav>li>.nav-dropdown {
    width: max-content;
}
#wide-nav .header-nav>li>.nav-dropdown>li {
	width: 25%; 
	float: left; 
	min-width: 200px; 
	    width: 24%;
    float: left;

    box-sizing: border-box;
}
@media only screen and (max-width: 48em) {


select.search_categories.resize-select.mb-0 {
    display: none;
}
.header-bottom-nav {
    justify-content: space-between;
}
i.icon-menu {
    padding: 8px;
    background: #333;
    border-radius: 4px;
    font-size: 18px !important;
}

#woocommerce-product-search-field-1 {
    background: none !important;
    border: none !important;
    width: 100%;
    display: block;
    flex: 100%;
}
	.stuck .header-search-form {
    display: none;
}
	.header-search-form {
    margin-right: 0 !important;
}
	.header-nav-main .header-search, .header-main .header-cart-link {
		padding: 0
	}
}