/*
Theme Name: ViDa2
Theme URI: https://muatheme.com
Author: MuaTheme.com
Author URI: https://muatheme.com
Template: flatsome
Version: 1.0.0
*/

/**
 * Global
 */
.mh-no-margin {
	margin: 0 !important;
}

.mh-no-margin-bottom {
	margin-bottom: 0 !important;
}

.mh-no-padding-bottom {
	padding-bottom: 0 !important;
}

.mh-text-capitalize {
  text-transform: capitalize;
}

.mh-font-size-xx-large {
	font-size: 50px !important;
}

.mh-font-size-x-large {
	font-size: 25px !important;
}

.mh-font-size-large {
	font-size: 21px;
}

.mh-font-size-normal {
	font-size: 19px !important;
}

.mh-font-size-x-small {
	font-size: 12px;
}

.mh-font-normal {
	font-weight: normal;
}

.mh-font-bold {
	font-weight: bold;
}

.mh-font-italic {
	font-style: italic;
}

.mh-text-decoration {
  text-decoration: line-through;
}

.mh-color-primary {
	color: #bda87f !important;
}

.mh-color-secondary {
	color: #000000 !important;
}

.mh-fontawesome::before,
.mh-fontawesome::after,
.menu-item > a::before,
.menu-item > a::after {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 7px;
}

.mh-map::before,
.menu-item-map a::before {
	content: "\f3c5";
}

.mh-hotline::before,
.menu-item-hotline a::before {
	content: "\f2a0";
}

.mh-phone::before,
.menu-item-phone a::before {
	content: "\f3cd";
}

.mh-mail::before,
.menu-item-mail a::before {
	content: "\f2b6";
}

.mh-dot::before,
.menu-item-dot a::before {
	content: "\f111";
}

.mh-mail::before,
.menu-item-mail a::before {
	content: "\f2b6";
}

.mh-title-product {
	border-left: 5px solid #000000;
	padding-left: 10px;
	line-height: 1;
}

.mh-fex-row {
	display: flex !important;
	flex-direction: row;
}

/* Custom font */
@font-face {
  font-family: 'k2d';
  font-style: normal;
	font-display:swap;
  src: url('assets/fonts/181122010547K2D.eot');
  src: local('k2d'), url('assets/fonts/181122010547K2D.eot') format('embedded-opentype'), url('assets/fonts/181122010547K2D.woff') format('woff');
}

 h1, h2, h3, h4, h5, h6, p, blockquote, li, a,
.k2d, .section-title-main, h1, h2, h3, h4, h5,h6 , strong, .icon-box-text, .icon-box-text h2, .icon-box-text h3, .icon-box-text h4,  .icon-box-text h5, .sidebar-menu .nav-sidebar li a, .col-inner, .text-center, .text-center h2,  .text-center h3, .text-center h4, .text-center h5 ,  .col-inner strong,
.col-inner h3, .col-inner h4, .header-nav > li.menu-item, .header-nav > li.menu-item a, .header-nav li.menu-item, .header-nav li a, h1.entry-title, .widget-title , .col-inner h2, .col-inner h3, .col-inner h4, .col-inner h5, .col-inner h6, .top-bar-nav li.menu-item a , .account-item span , #header-contact li a span, h3.product-section-title, .woocommerce-breadcrumb.breadcrumbs, ul.product-tabs > li > a, .widget, .product-short-description, button.button, .product_meta span, h3.comment-reply-title, .html.custom, span.header-cart-title, .footer-secondary.pull-right,.utm-avo, .tab a span, .button, .searchform .search-field, .searchform .search-field::placeholder, .header-top li a > span,
table tr th, table tr td, label, .form-row input,.form-row select, .form-row textarea, .mini_cart_item a, .mini_cart_item span, .woocommerce-mini-cart__total span, .tab-panels .panel.entry-content , .tab-panels .panel.entry-content p, .woocommerce-MyAccount-navigation-link a, .woocommerce-additional-fields h3, .woocommerce-billing-fields h3,  .breadcrumbs a, #mega-menu-title,.woocommerce-info
{
  font-family: 'k2d', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.heading-font,
.banner h1,
.banner h2 {
	font-weight: normal !important;
}

body {

}

.button,
button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
	font-weight: normal;
}

/* Form */
input,
.mh-input {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
}

input.mh-input::placeholder,
textarea.mh-input::placeholder,
input.mh-input[type='date']::placeholder {
 	font-weight: normal;
}

.mh-form-2-col {
	justify-content: space-between;
}

.mh-form-2-col > label {
	flex-basis: 49%;
}

/* UX Theme */
p {
	margin-bottom: 10px;
}

.success.is-underline:hover,
.success.is-outline:hover,
.success {
	background-color: #474747 !important;
}

.dark, .dark p, .dark td {
	color: #fff;
}

.mh-col-no-divider .is-divider {
	display: none;
}

/* Button */
.mh-button-link {
  padding: 0 30px;
}

.mh-button-full {
	width: 100%;
}

/* Pagination */
.page-numbers.nav-pagination > li {
  margin-right: 0;
  margin-left: 0;
}

.page-numbers.nav-pagination > li > a,
.page-numbers.nav-pagination > li > span {
  border: 1px solid #ddd;
  border-left: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
  background-color: #fff;
  font-weight: normal;
  color: #2d3343;
}

.page-numbers.nav-pagination > li:first-child > a,
.page-numbers.nav-pagination > li:first-child > span {
  border-left: 1px solid #ddd !important;
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -o-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -o-border-bottom-left-radius: 3px;
}

.page-numbers.nav-pagination > li:last-child > a,
.page-numbers.nav-pagination > li:last-child > span {
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -o-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -o-border-bottom-right-radius: 3px;
}

.page-numbers.nav-pagination > li > a:hover,
.page-numbers.nav-pagination > li > span:hover,
.page-numbers.nav-pagination > li > span.page-number.current {
  background-color: #484848;
  border-color: #484848;
	color: #fff;
}

/* Breadcrmbs */
.mh-breadcrmbs .woocommerce-breadcrumb {
	text-transform: initial;
}

.mh-breadcrmbs .woocommerce-breadcrumb a {
	color: #7e7e7e;
}

/* Title */
.mh-title-simple {
	padding: 0;
}

.mh-title-simple b {
	display: none;
}

.mh-title-simple .section-title,
.mh-title-simple .section-title-main{
	border: 0;
	padding: 0;
	margin: 0;
}

.mh-title-simple.center .section-title {
	justify-content: center;
}

.mh-title-simple.right .section-title {
	justify-content: flex-end;
}

.mh-title-simple.bold .section-title,
.mh-title-simple.bold .section-title-main {
	font-weight: 700;
}

	.mh-title-simple.initial .section-title-main {
	text-transform: initial;
	position: relative;
}

/**
 * Header
 */
#top-bar {
	box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1);
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.25), inset 0 -1px 0 rgba(0,0,0,0.1);
}

header#header .nav-dropdown {
	border-width: 1px;
	padding: 15px;
}

header#header .nav-dropdown > li {
	padding: 5px 0;
}

header#header .nav-dropdown > li a.button.wc-forward{
	padding: 0 10px;
	border-bottom: 0 !important;
	font-weight: normal;
	font-size: 15px;
	color: #ffffff !important;
	margin: 0 !important;
}
header#header .nav-dropdown > li a.button.checkout{
	background-color: #1F2F3E;
}
header#header .nav-dropdown > li > a:hover {
	color: #000;
	border-color: #000;
}

/* Topbar */
#top-bar ul.top-bar-nav > li > a,
#top-bar ul.top-bar-nav > li > a span {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
}

#top-bar ul.top-bar-nav > li > a:hover {
	color: #fff;
}

#top-bar .button.cart-checkout {
	background-color: transparent;
	padding: 0;
	border: 0;
	line-height: 29px;
}

#top-bar ul.top-bar-nav > li > a.header-cart-link {
	display: flex;
	flex-direction: row-reverse;
}

#top-bar .flex-col.flex-left {
  width: 25%;
}

#top-bar .searchform .search-field.mb-0,
#top-bar .searchform .button.icon {
  border-color: #fff;
  background-color: #fff;
}

#top-bar .searchform .search-field.mb-0::placeholder {
	text-transform: initial;
	font-size: 13px;
	font-weight: normal;
}

#top-bar .searchform .search-field,
#top-bar .searchform .button.icon {
	color: #222;
	border: 0;
  min-height: 28px;
}

#top-bar .searchform .button.icon:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
}

#top-bar .searchform > .flex-row.relative {
  display: flex;
  flex-direction: row-reverse;
}

#top-bar .searchform .button.icon {
	border-radius: 2px 0 0 2px !important;
	-moz-border-radius: 2px 0 0 2px !important;
	-webkit-border-radius: 2px 0 0 2px !important;
	-o-border-radius: 2px 0 0 2px !important;
}

#top-bar .searchform .search-field {
	border-radius: 0 2px 2px 0 !important;
	-moz-border-radius: 0 2px 2px 0 !important;
	-webkit-border-radius: 0 2px 2px 0 !important;
	-o-border-radius: 0 2px 2px 0 !important;
}

/* Main */
#masthead li.header-social-icons {
	margin-bottom: 0px;
}

#masthead li.header-social-icons a.icon {
	font-size: 12px;
	margin: 0 3px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

#masthead li.header-social-icons a.icon:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
}

#masthead li.header-social-icons a.icon:last-child {
	margin-right: 0;
}

#masthead li.header-social-icons a.icon i {
	left: 1px;
	top: -2px;
}

/* Main */
#wide-nav {
  max-width: 1180px;
	margin: auto;
}

#wide-nav > .flex-row {
	border-top: double #d3d3d3;
	border-bottom: double #d3d3d3;
}

#wide-nav .nav.header-nav > li {
  margin: 0;
	padding: 0 20px;
}

#wide-nav .nav.header-nav > li:not(:last-child) {
  border-right: 1px solid #d3d3d3;
}

#wide-nav .nav.header-nav > li > a {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: normal;
}

/**
 * Woocommerce
 */
/* Box product */
.box-text-products .name.product-title,
.box-text-products .name.product-title > a {
  font-size: 14px;
  margin: 0;
	font-weight: normal;
	color: #404040;
}

.box-text-products .name.product-title > a:hover {
	color: #dd4b39;
}

.box-text-products .woocommerce-Price-amount.amount {
  color: #ae3333;
  font-size: 14px;
	font-weight: bold;
  line-height: 24px;
}

/* Archive */
.shop-page-title {
	display: none;
}

.mh-title-shop select.orderby  {
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-o-box-shadow: none !important;
}

.mh-title-shop h1 {
	font-size: 22px;
	color: #dd4b39;
}

.mh-title-shop .woocommerce-result-count {
	font-style: italic;
	font-size: 12px;
}

/* Single */
.product-breadcrumb-container .woocommerce-breadcrumb,
.product-breadcrumb-container .woocommerce-breadcrumb a,
.product-breadcrumb-container .woocommerce-breadcrumb span {
	color: #dd4b39;
	font-style: italic;
}

.mh-col-product-summary .price.product-page-price  {
	margin-bottom: 0;
}

.mh-col-product-summary .price.product-page-price .woocommerce-Price-amount.amount {
	font-size: 25px;
}

.mh-col-product-summary .social-icons {
	color: #a6a6a6;
	font-size: 15px;
}

.mh-col-product-summary .social-icons > span {
	font-weight: normal;
}

.mh-col-product-summary .social-icons > a.icon {
	font-size: 14px;
	margin: 0 6px;
}

.mh-col-product-summary .cart,
.mh-col-product-summary .cart .single_add_to_cart_button {
	margin-bottom: 0;
	opacity: 1;
}

.mh-col-product-summary .cart .single_add_to_cart_button::before {
	display: inline-block;
	content: "";
	width: 21px;
	height: 22px;
	background-image: url('assets/img/icon-cart.png');
	background-repeat: no-repeat;
	position: relative;
	top: 4px;
	margin-right: 8px;
}

.mh-col-product-summary .variations .label {
	width: 17%;
	font-size: 17px;
}

.mh-col-product-summary .product-short-description {
	font-size: 15px;
}

.mh-col-product-tabs .product-tabs,
.mh-col-product-rated .product-section-title {
	display: none;
}

.mh-col-product-rated .related-products-wrapper {
	border-top: 0;
}

/**
 * Footer
 */
/* Footer main */
.mh-col-footer li {
	border-top: 0 !important;
	text-align: center !important;
}

.mh-col-footer li > a {
	padding: 3px 0 !important;
	font-size: 14px;
}

.mh-col-footer .menu {
	margin: 0;
}

.mh-col-footer .widget.widget_nav_menu {
	margin-bottom: 0;
	padding: 0;
}

/* Footer 2 */
.mh-col-footer .wpcf7-form {
	margin-bottom: 0;
}

.mh-col-footer input.mh-input,
.mh-col-footer input.mh-submit {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	min-height: 40px;
}

.mh-col-footer input.mh-submit {
	background-color: #dd4b39;
}

.mh-form-vertical {
	justify-content: space-between;
}

.mh-form-vertical > label:nth-child(1) {
	flex-basis: 70%;
}

.mh-form-vertical > label:nth-child(2) {
	flex-basis: 28%;
}

.mh-col-footer .social-icons a {
	border-width: 1px;
  font-size: 14px;
}

.mh-col-footer .social-icons a i {
	font-size: 12px;
  top: 0;
}

/* Bottom */
footer#footer .absolute-footer {
	display: none;
}

.mh-absolute {
	font-size: 12px;
  color: #888888 !important;
	margin-bottom: 0;
}

/**
 * Blog
 */
.mh-col-blog .badge,
.blog-wrapper .badge,
.blog-wrapper .is-divider {
	display: none;
}

/* Archive */
.blog-archive > .row > .col {
	max-width: 100%;
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.blog-archive .page-title {
	font-size: 25px;
}

.blog-archive .post-title,
.mh-col-blog .post-title {
	text-transform: uppercase;
	padding-bottom: 7px;
	border-bottom: 1px solid #404040;
	color: #000;
}

.blog-archive .blog-post-inner,
.mh-col-blog .blog-post-inner {
	display: flex;
	flex-direction: column;
}

.blog-archive .blog-post-inner .post-title,
.mh-col-blog .blog-post-inner .post-title {
	order: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.blog-archive .blog-post-inner .mh-post-date,
.mh-col-blog .blog-post-inner .mh-post-date {
	order: 2;
	padding: 5px 0;
}

.blog-archive .blog-post-inner .from_the_blog_excerpt,
.mh-col-blog .blog-post-inner .from_the_blog_excerpt {
	order: 3;
	font-size: 15px;
	font-weight: normal;
}

/* Single */
body.single.single-post .woocommerce-breadcrumb {
	color: #000;
	font-weight: normal;
	text-transform: initial;
	margin-bottom: 10px;
}

.blog-single header.entry-header .entry-category {
	display: none;
}

.blog-single header.entry-header .entry-title {
	text-transform: uppercase;
  font-size: 25px;
}

/* ===== Page ===== */
/**
 * Chính sách bán hàng
 */
.mh-col-accordion .accordion-item > a {
  color: #404040;
  background-color: transparent;
  font-weight: normal;
  border-bottom: 1px solid #404040;
  border-top: 0;
  font-size: 17px;
  padding-top: 15px;
  padding-bottom: 10px;
}

.mh-col-accordion .accordion-item > a.active {
  padding-top: 5px;
}

.mh-col-accordion .accordion-item > a button.toggle {
  opacity: 1;
}

.mh-col-accordion .accordion-item > a:not(.active) i.icon-angle-down::before,
.mh-col-accordion .accordion-item > a.active i.icon-angle-down::before {
  font-size: 17px;
  color: #404040;
  top: 0;
}

.mh-col-accordion .accordion-item .accordion-inner {
  padding: 25px 0 0;
  font-weight: bold;
  color: #404040;
}

/**
 * Liên hệ
 */
.mh-contact-list {
  list-style-type: none;
}

.mh-contact-list > li {
  margin: 0 !important;
}

.mh-col-contact .wpcf7-form {
  padding: 35px 40px 15px;
  border: 1px solid #ddd;
  box-shadow: -2px 2px 30px -1px #ddd;
  -moz-box-shadow: -2px 2px 30px -1px #ddd;
  -webkit-box-shadow: -2px 2px 30px -1px #ddd;
  -o-box-shadow: -2px 2px 30px -1px #ddd;
  -ms-box-shadow: -2px 2px 30px -1px #ddd;
}

.mh-col-contact .wpcf7-form h4 {
  margin-bottom: 20px;
  font-size: 18px;
}

.mh-col-contact .wpcf7-submit.mh-input {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  border-radius: 99px;
  -moz-border-radius: 99px;
  -webkit-border-radius: 99px;
  -o-border-radius: 99px;
}

/* ===== Responsive ===== */
/**
 * Tablet + Mobile
 */
@media only screen and (min-width: 320px) and (max-width: 860px) {
/* Chính sách bán hàng */
  .mh-col-accordion .accordion-item > a {
    padding-right: 0;
  }

}

/**
 * Tablet
 */
@media only screen and (min-width: 426px) and (max-width: 860px) {

}

/**
 * Mobile
 */
@media only screen and (min-width: 320px) and (max-width: 425px) {
/* Page: Contact */
  .mh-col-contact .wpcf7-form {
    padding: 25px 20px 10px;
  }
}

@media only screen and (max-width: 320px) {

}