/**
 * Global
 */

/**
 * Homepage
 */
/* Bộ sưu tập */
.mh-banner-category .text-inner.text-left,
.mh-banner-category .text-inner.text-left > p {
  position: relative;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -ms-transition: all .5s ease;
  -o-transition: all .5s ease;
}

.mh-banner-category .text-inner.text-left > p {
  margin-top: 5px;
}

.mh-banner-category:hover .text-inner.text-left {
  margin-left: 25px;
}

.mh-banner-category:hover .text-inner.text-left > p {
  margin-left: 10px;
}

/* Sự kiện */
.mh-banner-event .banner-layers {
  position: relative;
}

.mh-banner-event .banner-layers .text-box,
.mh-banner-event .banner-layers .text-box .text {
  height: 100%;
}

.mh-banner-event .figcaption {
  background: 0 0;
  -webkit-transition: background-color .35s;
  transition: background-color .35s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.538em;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.mh-banner-event .figcaption::before {
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 1px solid rgba(255,255,255,.5);
  content: '';
  opacity: 0;
  -webkit-transition: opacity .35s,-webkit-transform .35s;
  transition: opacity .35s,transform .35s;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.mh-banner-event:hover .figcaption {
  background-color: rgba(58,52,42,0);
}

.mh-banner-event:hover .figcaption::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Sản phẩm nổi bật */
.mh-col-product-left .mh-box-text-product {
  text-align: left;
}

/* Sản phẩm bán chạy */
.mh-col-vertical-product i.slick-arrow {
  position: absolute;
  width: 31px;
  height: 31px;
  background: #f0f0ee;
  cursor: pointer;
  color: #28303e;
  top: -69px;
  z-index: 999;
}

.mh-col-vertical-product i.slick-arrow:hover {
  color: #fff;
  background-color: #fe9ec7;
}

.mh-col-vertical-product i.slick-arrow.fa-angle-left {
  right: 55px;
}

.mh-col-vertical-product i.slick-arrow.fa-angle-right {
  right: 15px;
}

.mh-col-vertical-product i.slick-arrow::before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  position: absolute;
  top: -5%;
  left: 40%;
  font-size: 20px;
}

.mh-col-vertical-product i.slick-arrow.fa-angle-left::before {
  content: "\f104";
}

.mh-col-vertical-product i.slick-arrow.fa-angle-right::before {
  content: "\f105";
}

.mh-col-vertical-product .slick-dots {
  display: none !important;
}

.mh-col-sale-products .flickity-button,
.mh-col-sale-products .flickity-prev-next-button svg {
  top: -6.5px;
}

.mh-col-sale-products .flickity-prev-next-button {
  opacity: 1;
}

.mh-col-sale-products .flickity-prev-next-button svg {
  width: 82%;
  background-color: #f0f0ee;
  padding: 25%;
  fill: #28303e;
}

.mh-col-sale-products .flickity-prev-next-button:hover svg {
  background-color: #fe9dc6;
}

.mh-col-sale-products .flickity-prev-next-button:hover svg path {
  fill: #fff !important;
}

.mh-col-sale-products .flickity-prev-next-button.previous {
  right: 45px;
}

.mh-col-sale-products .flickity-prev-next-button.next {
  right: -5px;
  left: auto;
}

.mh-col-sale-products .mh-box-text-product {
  text-align: center;
  padding: 21px 15px 25px;
}

.mh-col-sale-products .mh-box-text-product .price-wrapper ins span,
.mh-col-sale-products .mh-box-text-product .price > .woocommerce-Price-amount.amount {
  font-size: 20px;
}

.mh-col-sale-products .mh-box-text-product .name.product-title a {
  white-space: normal;
  font-size: 17px;
  font-weight: normal;
}

/* Bài viết mới */
.mh-col-blog .box-blog-post .badge {
  top: 10px;
  left: 10px;
  padding: 16px 11px;
  font-size: 17px;
  background-color: #fff;
  color: #555;
  font-weight: normal;
}

.mh-col-blog .box-blog-post .badge-inner {
  background-color: #fff;
  color: #555;
  font-weight: normal;
  padding: 0;
}

.mh-col-blog .col.post-item .badge {
  -webkit-transition: all .4s ease 0s;
  -o-transition: all .4s ease 0s;
  transition: all .4s ease 0s;
}

.mh-col-blog .col.post-item:hover .badge {
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}

.mh-col-blog .box-text.text-left {
  padding: 25px 0 0;
}

.mh-col-blog .box-text.text-left .post-title {
  white-space: nowrap;
  color: #28303e;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 15px;
  margin-bottom: 10px;
}

.mh-col-blog .box-text.text-left .post-title:hover {
  color: #fe9ec7;
}

.mh-col-blog .box-text.text-left .from_the_blog_excerpt {
  color: #777;
}

.mh-col-blog .box-text.text-left button.button {
  font-size: 14px;
}

.mh-col-blog .flickity-prev-next-button {
  opacity: 1;
  bottom: auto;
  top: 75px;
}

.mh-col-blog .flickity-prev-next-button svg {
  width: 82%;
  background-color: #f0f0ee;
  left: 50%;
  padding: 25%;
  fill: #28303e;
}

.mh-col-blog .flickity-prev-next-button:hover svg {
  background-color: #fe9dc6;
}

.mh-col-blog .flickity-prev-next-button:hover svg path {
  fill: #fff !important;
}

.mh-col-blog .flickity-prev-next-button.next {
  right: 46.5%;
  left: auto;
}

.mh-col-blog .flickity-prev-next-button.previous {
  left: 46.5%;
  right: auto;
}

/**
 * Page: Liên hệ
 */
.mh-col-contact textarea.mh-input {
  min-height: 147px;
}