/*
Theme Name: MinhHaiTheme
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
.home #main {
  background-color: #e8e8e8;
}
.box.box-overlay .box-text {
  text-shadow: none;
  background: #ffffffb8;
  padding: 15px 10px;
  color: #333;
  font-size: 18px;
}
.box.box-overlay .box-text p {
  color: #000;
}
.box.box-overlay .overlay {
  display: none;
}
.box.box-label .box-text.text-center {
  left: 0;
  margin: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  width: 100%;
  font-size: 20px;
  text-transform: uppercase;
  background: #ffffffb8;
  padding: 30px 10px;
}
.list-dm {
  padding: 0 6px;
}
.list-dm > .col {
  padding: 0 3px 6px;
}
.list-dm .medium-3 .box {
  background: #fff;
  padding: 6px;
}
.list-dm .medium-3 .image-cover {
  padding-top: calc(180% + 22px) !important;
}
.list-dm .medium-9 > .col-inner {
  background: #fff;
  padding: 6px 12px 0;
}
.list-dm .medium-9 .row .col {
  padding: 0 3px 6px;
}
form.cart {
  display: none;
}
.row.box-hd {
  max-width: 500px!important;
}
.row.box-hd .col {
  padding-bottom: 0;
}
.row.box-hd p {
  margin-bottom: 0;
}
.row.box-hd .icon-box .icon-box-text {
  padding-left: 5px;
  font-size: 13px;
  line-height: 1.3;
}
input#woocommerce-product-search-field-0 {
  height: 40px;
  box-shadow: none;
}
button.ux-search-submit.submit-button.secondary.button.wp-element-button.icon.mb-0 {
  width: 50px;
  height: 40px;
  background-color: #ec1e24!important;
 //color: #333;
}
.hotline-top a {
  display: flex;
  align-items: center;
}
.hotline-top i {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #ec1e24;
  text-align: center;
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  z-index: 2;
  animation: ring 1s infinite ease-in-out;
}
.hotline-top .text {
  display: inline-block;
  background: #ffc701;
  color: #333;
  padding: 2px 10px 2px 20px;
  margin-left: -12px;
  z-index: 1;
  border-radius: 5px;
  font-weight: bold;
  font-size: 16px;
}
.hotline-top .text span {
  display: block;
}
.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
  align-items: center;
  display: flex;
  padding: 10px 15px;
  min-height: 45px;
  line-height: 25px;
  font-size: 14px;
  color: #222;
}
.footer-wrapper {
  font-size: 16px;
  line-height: 1.3;
}
.footer-wrapper .title-ft {
  font-size: 18px;
  color: #ec1e24;
  font-weight: 500;
  margin-bottom: 15px;
}
.footer-wrapper p {
  margin-bottom: 0;
}
.footer-wrapper ul li {
  margin-bottom: 5px;
}
.shop-page-title.category-page-title.page-title {
  background: #f7f6f2;
  color: #333;
  text-align: center;
  margin-bottom: 20px;
}
.shop-page-title.category-page-title.page-title h1.shop-page-title {
  font-size: 28px;
  text-transform: uppercase;
  text-shadow: none;
  color: #ec1e24;
  margin-bottom: 5px;
}
.shop-page-title.category-page-title.page-title .page-title-inner {
  padding: 25px 10px;
}
nav.woocommerce-breadcrumb.breadcrumbs {
  color: #333;
  font-weight: normal;
  font-size: 15px;
}
.product-small.col .name.product-title {
  font-size: 18px;
  margin-bottom: 10px;
}
.product-small.col .buy-now a {
  display: inline-block;
  text-align: center;
  padding: 6px 20px;
  background: #ff9800 ;
  color: #fff;
  font-size: 18px;
}
.button-buy strong {
  font-weight: 500;
}
.button-buy .row {
  padding: 0 5px!important;
}
.button-buy .row > .col {
  padding: 0 5px 10px;
}
a.shopping-hotline {
  display: block;
  overflow: hidden;
  clear: both;
  padding: 9px 0;
  border-radius: 4px;
  font-size: 18px;
  line-height: normal;
  text-transform: uppercase;
  color: #fff!important;
  text-align: center;
  width: 100%;
}
a.shopping-hotline span {
  display: block;
  font-size: 14px;
  color: #fff;
  text-transform: none;
  margin: 2px 0 0 0;
}
a.shopping-hotline.bt1 {
  background: #f67b11;
}
a.shopping-hotline.bt2 {
  background: #2196F3;
}
a.mh_buy_now {
  display: inline-block;
  overflow: hidden;
  clear: both;
  padding: 9px 0;
  border-radius: 4px;
  font-size: 18px;
  line-height: normal;
  text-transform: uppercase;
  color: #fff!important;
  text-align: center;
  background: #F44336;
  width: 100%;
}
a.mh_buy_now span {
  display: block;
  font-size: 14px;
  color: #fff;
  text-transform: none;
  margin: 2px 0 0 0;
}
.lightbox-content {
  border-radius: 10px;
}
.form-lh {
  text-align: center;
  padding-top: 10px;
}
.form-lh .form-title {
  color: #ec1e24;
  font-size: 20px;
  font-weight: 700;
}
.form-lh .item {
  position: relative;
}
.form-lh .item.first {
  margin-top: 20px;
}
.form-lh .item label {
  color: #ec1e24;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: -12px;
  left: 16px;
  background-color: #fff;
  text-align: left;
  z-index: 9999;
  display: inline-block;
  width: auto;
}
.form-lh input.wpcf7-form-control.wpcf7-text,
.form-lh select.wpcf7-form-control.wpcf7-select,
.form-lh textarea.wpcf7-form-control.wpcf7-textarea {
  height: 40px;
  border-radius: 20px !important;
  border: 1px solid #ec1e24 !important;
  width: 100%;
  padding-left: 16px;
  margin-bottom: 30px !important;
  transition: .3s;
  box-shadow: none;
}
.form-lh .wpcf7-form {
  margin-bottom: 0;
}
.form-lh .wpcf7-spinner {
  display: none;
}
.form-lh input.wpcf7-form-control.has-spinner.wpcf7-submit {
  border-radius: 20px;
  margin: 20px 0 0;
}
#dk-tv {
  border-radius: 10px;
}
.product-info h1.product-title {
  font-size: 25px;
  margin-bottom: 15px;
}
.product-info .price-wrapper {
  background: #F4F4F496;
  padding: 10px;
  margin-bottom: 30px;
  border-radius: 4px;
}
.product-info .price-wrapper .price {
  display: flex;
  align-items: center;
  margin: 0;
  justify-content: center;
}
.product-info .price-wrapper .price ins {
  order: -1;
  padding-right: 10px;
}
.product-info .price-wrapper .price del {
  text-decoration: none;
  height: 28px;
}
.product-info .price-wrapper .price del .amount {
  font-size: 18px;
  color: #333;
  text-decoration: line-through;
}
.product-info .price-wrapper .price del .amount .woocommerce-Price-currencySymbol {
  font-size: 18px;
  margin-top: -3px;
  vertical-align: middle;
}
.product-info .price-wrapper .price .amount {
  font-size: 25px;
  color: red;
}
.product-info .price-wrapper .price .woocommerce-Price-currencySymbol {
  font-size: 20px;
  margin-top: 0;
  vertical-align: top;
  display: inline-block;
}
.product-short-description {
  border: 2px dashed #ec1e2442;
  border-radius: 4px;
  padding: 10px 15px;
  margin-bottom: 20px;
}
.product-short-description ul {
  margin-bottom: 0;
}
.product-short-description ul li {
  margin-bottom: 5px;
}
.page-title.shop-page-title.product-page-title {
  background: #f7f6f2;
  padding: 15px 0;
  margin-bottom: 15px;
}
.page-title.shop-page-title.product-page-title .page-title-inner {
  min-height: auto;
  padding-top: 0;
  position: relative;
}
.product-tabs li a {
  font-size: 18px;
  font-weight: bold;
}
.header-vertical-menu .ux-nav-vertical-menu li:hover > a {
  background-color: rgba(0, 0, 0, 0.03);
}
.header-vertical-menu .ux-nav-vertical-menu .sub-menu {
  padding: 0;
}
.header-vertical-menu .ux-nav-vertical-menu .sub-menu > li + li {
  border-top: 1px solid #ececec;
}
.header-vertical-menu .ux-nav-vertical-menu .sub-menu > li > a {
  padding: 10px 15px;
  min-height: 45px;
  line-height: 25px;
  font-size: 14px;
  color: #222;
}
.archive .page-wrapper {
  padding-top: 0;
}
header.archive-page-header {
  padding: 25px 0;
  background: #f7f6f2;
  color: #333;
  text-align: center;
  margin-bottom: 30px;
}
header.archive-page-header .col {
  padding-bottom: 0;
}
header.archive-page-header p {
  margin-bottom: 0;
}
header.archive-page-header h1.page-title {
  font-size: 28px;
  text-transform: uppercase;
  text-shadow: none;
  color: #ec1e24;
  margin-bottom: 5px;
}
.rank-math-breadcrumb {
  color: #333;
  font-weight: normal;
  font-size: 15px;
}
.rank-math-breadcrumb a {
  color: #333;
  font-weight: normal;
  font-size: 15px;
}
.post-item .box-text {
  padding: 10px 15px;
  background: #edecec73;
}
.post-item .post-title {
  font-size: 18px;
  margin-bottom: 5px;
}
.post-item .post-title:hover {
  color: #ec1e24;
}
.post-item .is-divider {
  display: none;
}
.post-item .post-meta {
  color: #444;
}
.blog-s1 .box-blog-post {
  display: flex;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #ddd;
}
.blog-s1 .box-blog-post .box-image {
  width: 200px;
}
.blog-s1 .box-blog-post .post-title {
  font-size: 16px;
  margin-bottom: 5px;
}
.blog-s1 .box-blog-post .from_the_blog_excerpt {
  font-size: 14px;
}
.blog-s1 .box-blog-post .box-text {
  width: calc(100% - 200px);
  padding: 0 0 0 10px;
  background: #fff;
}
.blog-s1 .box-blog-post .is-divider {
  display: none;
}
.blog-s1 .post-item {
  padding-bottom: 0;
}
.entry-content {
  padding-top: 0;
}
.entry-meta {
  text-transform: none;
  color: #666;
}
.entry-meta span {
  margin-right: 10px;
  color: #666;
  font-size: 14px;
}
.entry-meta span i {
  padding-right: 3px;
}
.header-bottom-nav li.header-vertical-menu {
  margin-right: 20px;
}
.header-bottom-nav > li.menu-item {
  margin: 0 15px;
}
.header-bottom-nav > li.menu-item > a {
  font-size: 16px;
}
span.header-vertical-menu__title {
  text-transform: uppercase;
}
.contact-ft {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background: #fff;
  padding: 5px 10px;
  border: 2px solid #ec1e24;
  border-radius: 5px ;
  z-index: 9999;
}
.contact-ft a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 10px;
  transition: all 0.3s;
  font-size: 14px;
  color: #004689;
  font-weight: bold;
}
.contact-ft a:hover {
  box-shadow: 0 2px 5px #ccc;
}
.contact-ft a img {
  margin-right: 5px;
}
.absolute-footer.dark.medium-text-center.text-center {
  padding: 15px 10px 80px;
  color: #fff;
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}
@media only screen and (min-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .box-slider {
    padding: 0 10px 0 270px;
  }
  .box-slider .col {
    padding: 0 5px 10px;
  }
  .product-info {
    padding-top: 0;
  }
}
@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .contact-ft {
    width: 300px;
    text-align: center;
    background: transparent;
    border: 0;
  }
  .contact-ft a {
    padding: 5px;
  }
  .contact-ft a img {
    margin: 0;
    border: 2px solid #fff;
    border-radius: 50%;
  }
  .contact-ft span {
    display: none;
  }
  .list-dm .medium-9 > .col-inner {
    background: #fff;
    padding: 6px 10px 0;
  }
  input#woocommerce-product-search-field-1 {
    height: 40px;
    box-shadow: none;
  }
  .off-canvas-left .mfp-container .mfp-content {
    background: #fff;
    box-shadow: 1px 0 5px #00000080;
    width: calc(100% - 100px);
  }
  .off-canvas-left .mfp-container .mfp-content .nav li a {
    color: #222;
    font-size: 14px;
    font-weight: normal;
  }
  .off-canvas-left .mfp-container .mfp-content .nav li .sub-menu {
    padding-left: 10px;
  }
  .off-canvas-left .mfp-container .mfp-content .nav li .sub-menu li {
    margin: 0;
  }
  .off-canvas-left .mfp-container .mfp-content .nav li .sub-menu a {
    border-top: 1px solid #efefef;
    padding: 8px 10px;
    text-transform: none;
  }
  .off-canvas-left .mfp-container .mfp-content .no-children > .sub-menu .sub-menu {
    padding: 0;
  }
  .off-canvas-left .mfp-container .mfp-content .no-children > .sub-menu .sub-menu li {
    padding-left: 0;
  }
  .off-canvas-left .mfp-container .nav-vertical li li {
    font-size: 1em;
    padding-left: 15px;
  }
  .nav-sidebar.nav-vertical > li + li {
    border-top: 1px solid #efefef;
  }
  body.body-scroll-lock--active .mfp-wrap {
    z-index: 999999;
  }
  .shop-page-title.category-page-title.page-title h1.shop-page-title {
    font-size: 20px;
  }
  .header-bottom {
    min-height: 60px!important;
  }
  .page-title.shop-page-title .page-title-inner .flex-col:last-child {
    display: none;
  }
  .blog-s1 .box-blog-post {
    display: block;
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
  }
  .blog-s1 .box-blog-post .box-image {
    width: 100%;
  }
  .blog-s1 .box-blog-post .post-title {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .blog-s1 .box-blog-post .from_the_blog_excerpt {
    font-size: 14px;
  }
  .blog-s1 .box-blog-post .box-text {
    width: 100%;
    padding: 10px 0;
    background: #fff;
  }
  .blog-s1 .box-blog-post .is-divider {
    display: none;
  }
  .blog-s1 .post-item {
    padding-bottom: 0;
  }
  h2.section-title span {
    font-size: 22px;
  }
  h3.section-title span {
    font-size: 20px;
  }
}