/*
 Theme Name:   BLEU Beauté
 Description:  BLEU Beauté Theme
 Author:       Sciderm
 Author URI:   https://www.sciderm.com.vn
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
@import url('./assets/css/fonts.css');
@import url('./assets/css/variables.css');

body {
  font-family: var(--cusFontText), "Montserrat", Arial, Helvetica, sans-serif !important;
  font-weight: 300;
  font-size: 15px;
}

h1,
h2,
h3,
h4,
.title {
  font-family: var(--cusFontTitle) !important;
  font-weight: normal;
}

.cus-slider-home .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.cus-slider-home .wrapper-content-banner {
  display: none !important;
}

.title-section-new-brand .elementor-heading-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.title-section-new-brand .elementor-heading-title:before {
  display: none;
  content: '';
  width: 120px;
  height: 50px;
  background-image: url('./assets/img/before-title.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.title-section-new-brand .elementor-heading-title:after {
  display: none;
  content: '';
  width: 120px;
  height: 50px;
  background-image: url('./assets/img/after-title.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.cus-box-service .portfolio-entry {
  padding-top: 30px !important;
}

.cus-box-service .portfolio-entry .entry-header {
  overflow: inherit !important;
}

.cus-box-service .slide-portfolio.owl-carousel-item {
  padding: 0 30px;
}

.cus-box-service .portfolio-entry .portfolio-info {
  padding: 10px;
  min-height: 65px;
  background-color: transparent !important;
}

.cus-box-service .portfolio-entry .portfolio-info .wrap-meta {
  display: none;
}

.cus-box-service .portfolio-entry figure.entry-thumbnail {
  width: 100%;
}

.cus-box-service .portfolio-entry .portfolio-thumbnail {
  -webkit-mask-image: url('./assets/img/frame-service.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  -webkit-mask-size: 100%;
  position: relative;
  height: auto;
  overflow: hidden;
  padding-top: 140%;
  background-position: 50% 50%;
  background-size: cover;
  transform: scale(1) !important;
}

.cus-box-service .portfolio-entry .portfolio-thumbnail img {
  right: 0;
  width: 100%;
  height: 100% !important;
  bottom: 0;
  left: 0;
  top: 0;
  position: absolute;
  object-position: 50% 50%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  transform: scale(1);
}

.cus-box-service .portfolio-entry:hover figure.entry-thumbnail {
  filter: drop-shadow(0px 0px 10px rgb(171, 148, 117, 0.6));
}

.cus-box-service .portfolio-entry:hover .portfolio-thumbnail img {
  transform: scale(1.05) !important;
}

.cus-box-service .portfolio-entry .wd-entities-title {
  font-family: var(--cusFontTitle) !important;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 600;
  color: var(--cusColorOld);
}

.wrap-form-booking {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#wpcf7-f12672-o1 form.wpcf7-form {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wrap-form-booking .form-row {
  width: 100%;
  display: flex;
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
}

.wrap-form-booking .form-row .form-col-6,
.wrap-form-booking .form-row .form-col {
  padding-left: 10px;
  padding-right: 10px;
}

.wrap-form-booking .form-row .form-col-6 {
  width: 50%;
}

.wrap-form-booking .form-row .form-col-6 p {
  display: block;
  width: 100%;
}

.wrap-form-booking input.wpcf7-form-control,
.wrap-form-booking textarea {
  border: thin solid rgb(0 0 0 / 10%);
}

.wrap-form-booking .form-row .form-col {
  width: 100%;
}

.wrap-form-booking textarea {
  min-height: 100px;
}

.wrap-form-booking button.btn-sendform {
  min-width: 180px;
  background-color: var(--cusColorPrimary);
  color: #FFF;
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

.wrap-form-booking button.btn-sendform img {
  max-width: 24px;
}

footer ul.wd-list li {
  color: var(--cusColorPrimary);
  font-weight: 600;
}

footer .wd-sub-menu li>a {
  font-size: 16px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.section-products-home .slide-product .product h3.wd-entities-title,
.products .product-grid-item h3.wd-entities-title {
  font-size: 14px;
  font-family: var(--cusFontText) !important;
}

.wd-nav-tabs>li>a {
  font-weight: 500 !important;
  font-family: var(--cusFontTitle) !important;

}

/* CUSTOM SERVICE */
.cus-box-service .portfolio-entry.col-lg-4.col-md-4 {
  padding-left: 50px;
  padding-right: 50px;
}

.portfolio-excerpt {
  white-space: pre;
  text-align: left;
}

.portfolio-entry.portfolio-custom-service-2 .entry-header {
  position: relative;
}

.portfolio-entry.portfolio-custom-service-2 .portfolio-info {
  width: 100%;
  min-height: 160px;
  position: absolute;
  padding: 15px 25px;
  bottom: 0;
  background: -webkit-linear-gradient(top, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, 0.8) 75%);
  color: #FFF;
}

.portfolio-entry.portfolio-custom-service-2 .portfolio-thumbnail {
  position: relative;
  height: auto;
  width: 100%;
  overflow: hidden;
  padding-top: 120%;
  background-position: 50% 50%;
  background-size: cover;
}

.portfolio-entry.portfolio-custom-service-2 .portfolio-thumbnail img {
  right: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  top: 0;
  position: absolute;
  object-position: 50% 50%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  transform: scale(1);
}

.portfolio-entry.portfolio-custom-service-2 .portfolio-info .wd-entities-title {
  font-size: 16px;
  font-weight: 600;
  font-family: var(--cusFontText) !important;
  letter-spacing: 0;
  margin: 0;
}

/* END CUSTOM SERVICE */

.owl-carousel .owl-nav .wd-btn-arrow {
  width: 40px;
  height: 40px;
  background-color: var(--cusColorPrimary);
  color: #FFFFFF;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  top: calc(50% - 20px);
}
.wd-highlighted-products .owl-carousel .owl-nav .wd-btn-arrow{
  color: var(--cusColorPrimary);
}

.banners-carousel-wrapper .owl-dots .owl-dot {
  margin-top: 0;
}
.title-wrapper .img-wrapper img{
  width: 108px;
}
@media (min-width: 1025px) {
  .cus-box-service .portfolio-entry .wd-entities-title {
    font-size: 16px !important;
  }
}

@media (max-width: 1024px) {
  div[class*="wd-carousel-spacing"] .owl-nav>div[class*="prev"] {
    margin-left: 40px;
  }

  div[class*="wd-carousel-spacing"] .owl-nav>div[class*="next"] {
    margin-right: 40px;
  }
}

@media (max-width: 800px) {
  .cus-box-service .masonry-container {
    height: inherit !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .cus-box-service .portfolio-entry.col-md-4 {
    position: relative !important;
    top: initial !important;
    left: initial !important;
    max-width: 33.33%;
    flex: 0 0 33.33%;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 10px !important;
    transform: none !important;
    transition: none !important;
    
  }
  .cus-box-service .portfolio-entry.col-md-3 {
    position: relative !important;
    top: initial !important;
    left: initial !important;
    max-width: 25%;
    flex: 0 0 25%;
    padding-top: 10px !important;
    transform: none !important;
    transition: none !important;
    
  }
  .cus-box-service .portfolio-entry .wd-entities-title {
    font-size: 14px;
}
  .elementor-13368 .elementor-element.elementor-element-7141c2a{
    width: var(--container-widget-width, 100% ) !important;
    max-width: 100% !important;
    --container-widget-width: 100% !important;
  }
  .wrap-form-booking {
      width: 80%;
  }

}

@media (max-width: 600px) {
  .title-section-new-brand .elementor-heading-title {
    gap: 5px;
  }

  .title-section-new-brand .elementor-heading-title:before,
  .title-section-new-brand .elementor-heading-title:after {
    width: 70px;
    height: 36px;
  }

  .cus-box-service .portfolio-entry.col-12 {
    position: relative !important;
    top: initial !important;
    left: initial !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 40px;
    padding-right: 40px;
  }

  .elementor-11826 .elementor-element.elementor-element-40a172b,
  .elementor-13946 .elementor-element.elementor-element-10393bc,
  .elementor-13368 .elementor-element.elementor-element-a33bddb,
  .elementor-12664 .elementor-element.elementor-element-2fc3023,
  .elementor-11860 .elementor-element.elementor-element-7f0f8cc,
  .elementor-13709 .elementor-element.elementor-element-190fd2b {
    padding: 10px 0px !important;
  }
  .elementor-13343 .elementor-element.elementor-element-e2cb46e > .elementor-widget-container{
    margin-bottom: 0px;
  }


  .section-products-home .wd-products-tabs ul.products-tabs-title li {
    padding: 4px 8px !important;
}
  .wd-nav-tabs>li>a{
    font-size: 14px !important;
  }
  .wrap-form-booking {
    width: 100%;
}
.page-title-default {
  min-height: 120px;
  display: flex;
  align-items: center;
  padding: 0;
}

.page-title .container {
  margin: 0;
}
}