/*
Theme Name: Hafele
Theme URI: https://muatheme.com/san-pham/theme-wordpress-ban-thiet-bi-phong-tam-phong-ve-sinh/
Author: MuaTheme.com
Author URI: https://muatheme.com
Description: Theme Wordpress noi that phong tam
Template: flatsome
Version: 1.0.0
*/

/**
* Global
*/
p {
	margin-bottom: 10px;
	letter-spacing: 1px;
}

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

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

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

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

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

.mh-font-title-size-large {
	font-size: 36px !important;
}

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

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

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

.mh-font-size-small {
	font-size: 17px !important;
}

.mh-font-small {
	font-size: 14px;
}

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

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

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

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

.mh-color-primary {
	color: var(--primary-color) !important;
}

.mh-color-opacity {
	opacity: .75;
}

/*
.mh-background-success {
	background-color: #e5c71f !important;
}
*/

.mh-text-justify {
	text-align: justify;
}

.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-flex-row {
	display: flex !important;
	flex-direction: row;
}

.mh-list {
	list-style-type: none;
}

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

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

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

.mh-form-2-col,
.mh-form-3-col {
	justify-content: space-between;
	align-items: center;
}

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

.mh-form-3-col > label {
	flex-basis: 32%;
}

/* UX Theme */
.mh-col-no-divider .is-divider {
	display: none;
}

.mh-button-light {
	border-width: 1px !important;
	text-transform: initial;
	padding: 0 30px;
	font-weight: 500;
	line-height: 36px !important;
}

/* Custom fonts */
@font-face {
	font-family: 'sf-font-light';
	font-style: normal;
	src: url('assets/fonts/sf-light/190314025544SF-font-light.eot');
	src: local('sf-font-light'), url('assets/fonts/sf-light/190314025544SF-font-light.eot') format('embedded-opentype'), url('assets/fonts/sf-light/190314025544SF-font-light.woff') format('woff');
}

.sf-font-light,
body, p, blockquote, li, a {
	font-family: 'sf-font-light' !important;
}

@font-face {
	font-family: 'sf-font';
	font-style: normal;
	src: url('assets/fonts/sf-heading/190314031613SF-font.eot');
	src: local('sf-font'), url('assets/fonts/sf-heading/190314031613SF-font.eot') format('embedded-opentype'), url('assets/fonts/sf-heading/190314031613SF-font.woff') format('woff');
}

.sf-font,
h1, h2, h3, h4, h5, h6{
	font-family: 'sf-font' !important;
}

/* Form register */
.mh-col-form-register > .col-inner {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
}

.mh-form-head {
	background-color: #e11838;
  padding: 15px 20px;
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-o-border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-o-border-top-right-radius: 10px;
}

.mh-title-head {
	font-size: 24px;
	color: #fff;
	margin-bottom: 15px !important;
}

.mh-form-head .mh-input {
	background-color: #e11838;
	border-color: #fff;
	min-height: 40px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

.mh-form-head .mh-input::placeholder {
	color: #fff;
}

.mh-title-register {
	color: #1E1E1E;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 10px !important;
}

.mh-row-register > .col > .col-inner {
	padding: 20px 20px 0;
}

.mh-check {
	border: 1px solid #D3D3D3;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
  padding: 20px 20px 10px;
	margin-bottom: 25px;
}

.mh-list-check span.wpcf7-list-item {
	display: block;
	margin-right: 0;
}

/**
 * Header
 */
/* Main */
#masthead {
  border-top: 1px solid #e11838;
}

#masthead::after {
	content: "";
	display: inline-block;
	width: 35%;
	height: 100%;
	background-color: #e11838;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

/**
 * Woocommerce
 */
/* Box products */
.product-small.col {
	padding: 0 15px 25px !important;
}

.product-small.box:hover {
	box-shadow: 0 15px 45px rgba(0,0,0,.08);
	-moz-box-shadow: 0 15px 45px rgba(0,0,0,.08);
	-webkit-box-shadow: 0 15px 45px rgba(0,0,0,.08);
	-o-box-shadow: 0 15px 45px rgba(0,0,0,.08);
}

.product-small.box .box-text-products {
	padding: 35px 15px 20px;
}

.product-small.box .name.product-title {
	margin: 0
}

.product-small.box .name.product-title a {
	margin: 0;
  font-size: 18px;
	font-family: 'sf-font' !important;
}



.product-small.box .box-image > .grid-tools > a {
	font-size: 15px;
	text-transform: initial;
	font-weight: normal;
}

.product-small.box .box-image > .grid-tools > a:hover {
	color: #fff;
	background-color: #e22543;
}

/* Quick views */
.lightbox-content,
.product-quick-view-container > .row {
	border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-o-border-radius: 10px !important;
}

.product-quick-view-container > .row {
	padding: 40px;
	background-color: #F9F9F9;
}

/**
 * Footer
 */
/* Main */
.mh-footer-col > .col-inner > h5 {
	font-size: 17px;
	margin-bottom: 7px;
	text-transform: uppercase;
	line-height: 1.4;
	font-family: 'sf-font-light' !important;
}

.mh-footer-col ul.mh-list-contact {
	list-style-type: none;
}

.mh-footer-col > .col-inner > p,
.mh-footer-col > .col-inner li {
  font-size: 14px;
	margin: 0 !important;
}

.mh-footer-col ul.mh-list-contact li::before {
	color: #e11838;
}

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

.mh-footer-box-hotline {
	align-items: center;
}

/* ===== Page ===== */
/**
 * Global
 */
/* Col */
.mh-image-shadow {
  -webkit-box-shadow: 0 7px 51px 0 rgba(0,0,0,.45);
  -moz-box-shadow: 0 7px 51px 0 rgba(0,0,0,.45);
  box-shadow: 0 7px 51px 0 rgba(0,0,0,.45);
  margin-bottom: 0 !important;
}

/* Banner */
.banner p.mh-font-title-size-x-large {
  line-height: 1.2;
}

.banner p.mh-font-small {
  opacity: .75;
}

.mh-button-shadow {
  box-shadow: 0 10px 30px rgba(130,15,40,.7);
  -moz-box-shadow: 0 10px 30px rgba(130,15,40,.7);
  -webkit-box-shadow: 0 10px 30px rgba(130,15,40,.7);
  -o-box-shadow: 0 10px 30px rgba(130,15,40,.7);
  padding: 1px 35px 2px;
  font-size: 16px;
}

.mh-button-shadow:hover {
  background-color: #fff !important;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  color: #e11838 !important;
  border-color: #e11838;
}

.mh-banner-top .banner-bg > .bg {
  background-position: top center !important;
}

/* Slider*/
.mh-slider-custom-arrow .flickity-button {
  opacity: 1;
}

.mh-slider-custom-arrow .flickity-button > svg {
  display: none;
}

.mh-slider-custom-arrow .flickity-button.previous {
  right: 101%;
}

.mh-slider-custom-arrow .flickity-button.next {
  left: 101%;
}

.mh-slider-custom-arrow .flickity-button.previous::before,
.mh-slider-custom-arrow .flickity-button.next::before,
.mh-slider-custom-arrow .mh-prev-next-button::before {
  content: '';
  height: 28px;
  width: 28px;
  display: block;
  transform: translate(0,-50%) rotate(45deg);
  -moz-transform: translate(0,-50%) rotate(45deg);
  -webkit-transform: translate(0,-50%) rotate(45deg);
  -o-transform: translate(0,-50%) rotate(45deg);
  z-index: 2;
}

.mh-slider-custom-arrow .flickity-button.previous::before,
.mh-slider-custom-arrow .mh-prev-next-button.previous::before {
  border-bottom: 2px solid #000;
  border-left: 2px solid #000
}

.mh-slider-custom-arrow .flickity-button.next::before,
.mh-slider-custom-arrow .mh-prev-next-button.next::before {
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}

.mh-slider-custom-arrow .mh-prev-next-button::before {
  border-color: #fff !important;
}

.mh-slider-custom-arrow .mh-prev-next-button {
  position: absolute;
  top: 50%;
}

.mh-slider-custom-arrow .mh-prev-next-button.previous {
  right: 100%;
  left: auto;
}

.mh-slider-custom-arrow .mh-prev-next-button.next {
  left: 100%;
  right: auto;
}

/* Phụ kiện */
.mh-section-square-wrap::after {
  content: "";
  top: auto;
  bottom: -138px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  right: -137.5px;
  background-color: #e11838;
  position: absolute;
  width: 275px;
  height: 275px;
  display: block;
  z-index: 1;
}

.mh-col-vertical-product .mh-button-light {
  color: #fff !important;
  border-color: #fff;
}

/* Đăng ký nhận tin */
.mh-form-register label,
.mh-form-register input {
  margin: 0 !important;
  font-family: 'sf-font-light';
	font-style: normal;
}

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

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

.mh-form-register input {
  min-height: 50px;
  color: #fff;
  font-size: 13px;
}

.mh-form-register input.mh-input {
  background-color: transparent;
  border-right: 0;
}

.mh-form-register .mh-submit {
  width: 100%;
}

.mh-form-register .ajax-loader {
  display: none;
}

/* Sản phẩm */
.mh-product-hide-links .product-small.box  > .box-image > .image-none,
.mh-product-hide-links .product-small.box .name.product-title {
  /*pointer-events: none;*/
}

/* ===== Responsive ===== */
/**
 * Tablet + Mobile
 */
@media only screen and (min-width: 320px) and (max-width: 860px) {
/* Slider custom */
  .mh-slider-custom-arrow .flickity-button.previous {
    right: auto;
  }

  .mh-slider-custom-arrow .flickity-button.next {
    left: auto;
  }

/* Footer */
  /* Bottom */
  .mh-footer-bottom-col-3 .col-inner {
    text-align: left;
  }

}

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

}

/**
 * Mobile
 */
@media only screen and (min-width: 320px) and (max-width: 425px) {
/* Global */
.mh-form-2-col,
.mh-form-3-col {
  flex-direction: column;
}

/* Slider custom */
  .mh-slider-custom-arrow .flickity-button,
  .mh-slider-custom-arrow .mh-prev-next-button {
    display: none;
  }

}

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

}