/*
	* Theme Name: DaLatReviewTheme
	* Description: Theme  wordpress create by team
	* Theme URI:
	* Version: 1.0
	* Author: team
	* Author URI: tay
	* Tags: theme wordpress, responsive
	* Textdomain: DaLatReviewTheme
	* Language Folder: /languages
	* font-family: 'Montserrat', sans-serif;
 	* font-family: 'Playfair Display', serif;
 */

/*! RESET STYLE */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
video{ width: 100%;height: auto; max-width: 100%; }
.wp-video{width: 100% !important;}
body {
  width: 100%;
  
}
.form-field._checkbox_field.show_if_simple{
display: block  !important;
}
html {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  color: black;
  scroll-behavior: smooth;
}

a {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none !important;
  color: #383838 !important;
}

a:hover {
  text-decoration: none !important;
    color: #646465 !important;
}

ul {
  margin: 0 !important;
  padding: 0;
}

button,
input {
  outline: none;
  border: none;
  -webkit-tap-highlight-color: transparent;
}
button:focus{
  outline: none !important;
}
ul,
ol,
li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

p,
span {
  margin: 0 !important;
}

/*! root */

:root {
  /* List colors background */
  --color-background-0: #000;
  --color-background-1: #212121;
  --color-background-2: #757575;
  --color-background-3: hsl(0, 0%, 95%);
  --color-background-4: #08b371;
  --color-background-5: #f09b0a;
  --color-background-6: #fff;
  --color-background-7: #0f80fe;
  --color-background-8: #00848c;
  --color-background-9: #6056d6;
  --color-background-10: #333;
  --color-background-11: #7c7a7a;
  --color-background-12: hsl(0, 0%, 96%);
  --color-background-13: #fff0e5;
  --color-background-14: #eff6fc;
  --color-background-15: #030180;
  --color-background-16: #e6e6e6;
  --color-background-17: #004085;
  --color-background-18: #fef1e5;
  --color-background-19: #2073f9;
  --color-background-20: #4d40cc;
  --color-background-21: #8a8a8a;
  --color-background-22: hsl(0, 0%, 92%);
  --color-background-23: #437dff;
  --color-background-24: #a8a8a8;
  --color-background-25: #12B7DA;
  --color-background-26: #fafafa;

  /* List color text */
  --color-text-0: #000000;
  --color-text-1: #212121;
  --color-text-2: #757575;
  --color-text-3: #f3f3f3;
  --color-text-4: #08b371;
  --color-text-5: #f09b0a;
  --color-text-6: #fff;
  --color-text-7: #0f80fe;
  --color-text-8: #00848c;
  --color-text-9: #6056d6;
  --color-text-10: #333;
  --color-text-11: #7c7a7a;
  --color-text-12: #f5f5f5;
  --color-text-13: #fff0e5;
  --color-text-14: #eff6fc;
  --color-text-15: #030180;
  --color-text-16: #e6e6e6;
  --color-text-17: #e05000;
  --color-text-18: #fef1e5;
  --color-text-19: #2073f9;
  --color-text-20: #4d40cc;
  --color-text-21: #8a8a8a;
  --color-text-22: #ebebeb;
  --color-text-23: #12B7DA;
  --color-text-24: rgb(255, 151, 53);

  /* List text size */
  --size-text-0: 6px;
  --size-text-1: 8px;
  --size-text-2: 10px;
  --size-text-3: 12px;
  --size-text-4: 14px;
  --size-text-5: 16px;
  --size-text-6: 20px;
  --size-text-7: 24px;
  --size-text-8: 26px;
  --size-text-9: 27px;
  --size-text-10: 28px;
  --size-text-11: 29px;
  --size-text-12: 18px;
  --size-text-13: 60px;
  --size-text-14: 44px;
  --size-text-15: 32px;
  --size-text-16: 50px
    /* List border radius */
    --border-radius-size-0: 6px;
  --border-radius-size-1: 8px;
  --border-radius-size-2: 12px;
  --border-radius-size-3: 14px;
  --border-radius-size-4: 16px;
  --border-radius-size-5: 20px;
  --border-radius-size-6: 999px;
  --border-radius-size-7: 2px;
  --border-radius-size-8: 3px;
}

/*! component */

.shadow {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}

.row-max-width {
  width: 100%;
  max-width: 1160px;
  margin: auto !important;
}

.text__overflow--main {
  display: -webkit-box;
  width: 100%;
  margin-bottom: 8px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*! button */

.firstBtn {
  border-radius: var(--border-radius-size-1);
  background-color: var(--color-background-7);
  width: fit-content;
  border: 1px solid var(--color-background-7);
  color: var(--color-text-6) !important;
  font-weight: 600;
  font-size: var(--size-text-5);
  text-align: center;
  letter-spacing: 0.6px;
  padding: 12px 20px;
}

.firstBtn:hover {
  background-color: var(--color-background-17);
  cursor: pointer;
}
.firstBtn:hover a{
  color: white !important;
}
.secondBtn {
  border: 1px solid var(--color-background-7);
  background-color: var(--color-background -6);
  width: fit-content;
  color: var(--color-text-7);
  border-radius: var(--border-radius-size-0);
  font-size: var(--size-text-4);
  font-weight: 500;
  padding: 10px 15px;
}

.SecondBtn:hover {
  cursor: pointer;
}

/* gap */
.gap {
  margin: 0 20px 0 12px;
  width: 1px;
  height: 18px;
  position: relative;
  top: 2px;
  background-color: #4a4a4a;
}

.firstProduct,
.breakCrumb,
.firstReview,
.hightlightProduct,
.search__filter--wrap,
.tour__banner--wrap {
  width: 100%;
  max-width: 1160px;
  margin: auto !important;
}

/*! search filter */

.search__filter {
  position: sticky;
  top: 51px;
  background-color: var(--color-background-6);
  z-index: 999;
  transition: all .5s ease-in-out;
}

.search__filter--wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.quick__filter--entry__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.quick__filter--entry__content--right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
}

.fliter__category {
  display: flex;
  flex-direction: column;
}

.fliter__category--content {
  display: flex;
  align-items: center;
}

.fliter__category--content__box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
}

.fliter__category--content__box--item {
  border-radius: var(--border-radius-size-5);
  background-color: var(--color-background-12);
  padding: 8px 13px;
  font-size: var(--size-text-4);
  margin: 0 10px;
}

.fliter__category--content__box--item a {
  color: var(--color-text-10);
}

.fliter__category--content__box--item:hover{
  cursor: pointer;
  background-color:  hsl(0deg 0% 69.75%);;
}

.filter__date {
  margin-left: 10px;
}

.filter__price {
  margin: 0 10px 0 20px;
}

/*! first dropdown */

.primary__dropdown {
  position: relative;
  font-family: "Montserrat", sans-serif;
  display: inline;
  align-items: center;
  padding: 16px 0;
}

.primary__dropdown--button {
  display: flex;
  align-items: center;
  border: 1px solid var(--color-text-0);
  border-radius: var(--border-radius-size-6);
  width: fit-content;
  padding: 8px 13px;
  font-size: var(--size-text-4);
  color: var(--color-text-10);
}

.primary__dropdown--button:hover {
  cursor: pointer;
  background-color: var(--color-background-12);
}

body.active #primary__dropdown--button__all {
  color: var(--color-text-7);
  border: 1px solid var(--color-background-7);
  background-color: var(--color-background-13);
  top: 0;
}

body.active .primary__dropdown--content {
  display: block;
}

.primary__dropdown--icon {
  margin-left: 6px;
}

.primary__dropdown--icon ion-icon {
  width: 20px;
  height: 20px;
  margin-top: 5px;
}

.primary__dropdown--content {
  position: absolute;
  left: 0;
  display: none;
  background-color: var(--color-background-6);
  padding: 20px;
  margin-top: 5px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 20px 0px;
  border-radius: var(--border-radius-size-4);
  width: 250px;
  background: var(--color-background-6);
  z-index: 666;
}

.show {
  display: block;
}

.primary__dropdown--content__list {
  display: flex;
  flex-direction: column;
}

.primary__dropdown--content__list li {
  padding: 5px 0;
  border-bottom: 1px solid var(--color-background-16);
}

.primary__dropdown--content__list li:last-child {
  border: none;
}

.primary__dropdown--content__list a {
  padding: 10px;
  font-size: 14px;
  width: 100%;
  display: block;
}

.search__filter--right {
  display: flex;
}

.total__filter--btn {
  border-radius: var(--border-radius-size-2);
  border: 1px solid #4a4a4a;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--size-text-4);
  font-weight: 400;
  color: var(--color-text-0);
  cursor: pointer;
}

.total__filter--btn__icon {
  font-size: var(--size-text-5);
  color: var(--color-text-0);
  font-weight: 600;
}

.total__filter--btn__text {
  margin-left: 8px;
}

/*! firstProduct */

.firstProduct {
  margin-top: 10px;
  margin-bottom: 20px;
}

.firstProduct__content--list {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.firstProduct__content--list__item {
  width: 23%;
  margin: 1%;
}

.firstProduct__content--list__item--wrap {
  border-radius: var(--border-radius-size-2);
  overflow: hidden;
  border: 1px solid var(--color-background-16);
  transition: all .2s ease;
  background-color: var(--color-background-6);

}


.firstProduct__content--list__item--wrap a{
  color: rgb(63, 63, 63) ;
}
.firstProduct__content--list__item--wrap a:hover{
  color: #000000;
}
.firstProduct__content--list__item--wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
  cursor: pointer;
}

.firstProduct__content--list__item {
  margin-bottom: 30px;
}

.firstProduct__img {
  width: 100%;
}

.firstProduct__img img {
  width: 100%;
 height: 240px;
 object-fit: cover;

}

.firstProduct__info {
  padding: 6px 10px;
  display: flex;
  flex-direction: column;
  min-height: 172px;
  justify-content: space-between;
}
.tour .firstProduct__info {
  height: 170px;
}
.tour .hotel__right--ellipsis{
  gap: 6px;
}
.tour .hotel__right--ellipsis ion-icon{
  width: 33px;
}
.firstProduct__info--top {
  width: 100%;
  font-size: var(--size-text-4);
  color: var(--color-text-2);
}
.tour .firstProduct__info--top{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.firstProduct__info--top__title {
  min-height: 40px;
  display: -webkit-box;
  width: 100%;
  margin-bottom: 8px;
  white-space: normal;
  line-height: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  max-height: 3.2rem;
  -webkit-box-orient: vertical;
  font-size: var(--size-text-5);
  color: #1d511d;
  font-weight: 500;
}

.firstProduct__info--top__title p {
  display: block;
  color: var(--color-text-1);
  font-weight: 600;
  /* font-style: 15px; */
}

.firstProduct__info--top__title a:hover {
  text-decoration: none;
  color: var(--color-text-1);
}

.firstProduct__info--top__score {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  font-size: var(--size-text-5);
  color: var(--color-text-2);
}

.firstProduct__info--top__score--star {
  color: var(--color-text-5);
  display: flex;
  align-items: center;
  font-size: var(--size-text-4);
  font-weight: 600;
}

.firstProduct__info--top__score--star__icon {
  margin-right: 5px;
}
.firstProduct__info--top__desc{
  margin-top: 10px;
  margin-bottom: 2px;
}
.sep {
  font-size: 5px;
  margin: 0 2px;
  text-align: center;
  padding-top: 5px;
}

.tagging__wrap {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
}

.tagging__box {
  color: var(--color-text-2);
  background-color: var(--color-background-12);
  font-weight: 600;
  padding: 0 8px;
  border-radius: var(--border-radius-size-0);
  margin: 10px 8px 0 0;
}

.tagging__tag {
  width: 100%;
}

.firstProduct__info--bottom {
  margin: 10px;
}

.firstProduct__info--bottom__content--box {
  display: flex;
  align-items: center;
}

.firstProduct__info--bottom__content--box__price {
  font-size: var(--size-text-5);
  margin-right: 7px;
  color: var(--color-background-7) !important;
  font-weight: 500;
}

.firstProduct__info--bottom__content--box__underline {
  font-size: var(--size-text-3);
  text-decoration: line-through;
  color: var(--color-text-2);

}

.firstProduct__info--bottom__tagging--box {
  color: var(--color-text-7);
  text-align: center;
  font-size: var(--size-text-4);
  background-color: var(--color-background-13);
}
.mini_cart_item a{
  color: rgb(63, 63, 63) ;
}
.mini_cart_item a:hover{
  color: #000000 ;
}

.blog__container--bottom__right--header__list--item__text p{
    color: #646465;
}
@media only screen and (max-width: 900px) {
  .firstProduct,
  .breakCrumb,
  .firstReview,
  .hightlightProduct {
    max-width: 650px;
    margin: auto;
    width: 100%;
  }
  .cart__container .firstProduct__content--list {
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .firstProduct__content--list {
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .firstProduct__content--list__item {
    width: 44%;
    margin: 10px;
  }

  .firstProduct__info--top__title {
    font-size: var(--size-text-12);
  }

  .firstReview {
    margin-top: 64px;
  }
}

/*! breakCrumb */
.breakCrumb__list {
  margin-top: 50px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.breakCrumb__list--item {
  color: var(--color-text-1);
  margin-right: 8px;
}

.breakCrumb__list ion-icon {
  margin-right: 8px;
  font-size: var(--size-text-4);
}

.breakCrumb__list--item:last-child {
  color: #a8a8a8;
}

.breakCrumb__list--item:hover {
  text-decoration: none;
  color: var(--color-text-10);
}

@media only screen and (max-width: 1040px) {
  .breakCrumb {
    display: flex;
    align-items: center;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding: 0 15px;
    margin-bottom: 50px;
  }

  .hightlightProduct__content--list {
    display: flex;
    align-items: center;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
}

/*! firstReview */
.firstReview {
  margin: 64px 0;
}

.tour__Title {
  font-size: var(--size-text-10);
  color: var(--color-text-10);
  font-weight: 600;
  margin-bottom: 32px;
}

.firstReview__card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.firstReview__card--item {
  border-radius: var(--border-radius-size-4);
  font-size: var(--size-text-4);
  display: flex;
  justify-content: flex-start;
}

.scoreStar {
  color: var(--color-text-5);
  display: flex;
  align-items: center;
  font-size: var(--size-text-4);
  font-weight: 600;
  margin-bottom: 10px;
}

.firstReview__for {
  margin-bottom: 5px;
  color: var(--color-text-21);
}

.firstReview__for a {
  color: var(--color-text-19);
}

.firstReview__time {
  margin-bottom: 5px;
  color: var(--color-text-21);

}

.firstReview__content {
  margin-bottom: 5px;
}

.hightlightProduct__content--wrap {
  position: relative;
  display: flex;
  gap: 15px;
}

.nextBtn {
  position: absolute;
  right: -5%;
  font-size: var(--size-text-5);
  border: 1px solid var(--color-background-16);
  border-radius: var(--border-radius-size-6);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  overflow: hidden;
}

.nextBtn:hover {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
  cursor: pointer;
}

.nextBtn ion-icon {
  font-size: var(--size-text-5);
  text-align: center;
  width: 16px;
  height: 16px;
  display: inline-block;
  transform: translateZ(0);
  color: var(--color-text-2);
}

@media only screen and (max-width: 1040px) {
  .firstReview__card {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: space-between;
  }

  .firstReview__card--item {
    width: 100%;
    margin-bottom: 30px;
  }

  .tour__Title {
    font-size: var(--size-text-6);
    padding: 0 15px;
    width: 100%;
  }

  .nextBtn {
    display: none;
  }
}

/*! hightlightProduct */

.hightlightProduct__wrap {
  margin: 64px 0;
}

.hightlightProduct__content--list{
  margin-left: 10px;
}

.hightlightProduct__content--list__item {
  width: 200px;
  margin-right: 35px;
  cursor: pointer;
}

.hightlightProduct__content--list__item--wrap {
  width: 220px;
}

.hightlightProduct__img {
  border-radius: var(--border-radius-size-5);
  overflow: hidden;
}

.hightlightProduct__img img {
  height: 162px;
  width: 100%;
  object-fit: cover;
}

.hightlightProduct__title {
  line-height: 1.3rem;
  max-height: 3.2rem;
  font-size: var(--size-text-5);
  font-weight: 600;
  -webkit-line-clamp: 1;
  color: #000;
}

@media only screen and (max-width: 1040px) {
  .hightlightProduct__content--list {
    display: flex;
    align-items: center;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
}

/*! firstQuestion */

.firstQuestion {
  margin-bottom: 64px;

}

body.tourfirstQuestion #secondQuestion__btn,
body.tourfirstQuestion #firstQuestion__btn,
body.tourfirstQuestion #thirdQuestion__btn,
body.tourfirstQuestion #fourthQuestion__btn,
body.tourfirstQuestion #fifthQuestion__btn {
  height: auto;
  opacity: 1;
}

.firstQuestion__wrap {
  padding: 0 20px;
  border: 1px solid var(--color-background-16);
  border-radius: var(--border-radius-size-4);
}

.firstQuestion__content {}

.firstQuestion__content--list {}

.firstQuestion__content--list__item {
  position: relative;
  padding: 20px 0;
  border-bottom: 1px solid var(--color-background-16);
  cursor: pointer;
  height: 66px;
}

.firstQuestion__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home__product--banner__hot .fourProductList__wrapper--price__info{
  color: var(--color-background-1);
  font-weight: 600;
}
.home__product--banner__hot .fourProductList__wrapper--info__title{
  font-weight: 600;
  color: #1d511d;
}
.firstQuestion__content--list__item:last-child {
  border: none;
}

.firstQuestion__top--title {
  margin-bottom: 10px;
}

.firstQuestion__top--title h3 {
  font-size: var(--size-text-6);
}

.firstQuestion__bottom {
  position: absolute;
  top: 100%;

}

.firstQuestion__bottom.active {
  display: inline-block;

}

.firstQuestion__bottom p {}

.firstQuestion__bottom ul {}

.firstQuestion__bottom ul li {
  position: relative;
}

.firstQuestion__bottom ul li::before {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background-color: var(--color-background-0);
  font-size: 20px;
  color: var(--color-text-0);
  border-radius: var(--border-radius-size-6);
  top: 40%;
}

.firstQuestion__bottom ul li a {
  margin-left: 15px;
  color: var(--color-text-19);
}
del{
  color: var(--color-text-11);
  font-size: var(--size-text-4);
}
del .woocommerce-Price-amount{
  font-size: var(--size-text-5) !important;
  text-decoration: none;

}
ins{
  color: var(--color-text-7);
}
.sub-menu .sub-menu{
  left: 100%;
  top: -10px;
  display: none;
  width: 100%;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}
.sub-menu .sub-menu li a{
  font-weight: 500;
}
.menu{
display: flex;
flex-wrap: nowrap;
gap: 10px;
}
.main-menu ul {
text-align: left;
margin: 0;
list-style: none;
border-radius: 20px;
}
.main-menu ul li::before{
  width: 100%;
    height: 30px;
    content: '';
    top: 80%;
    position: absolute;
    left: 0;
}

.main-menu ul li {
font: bold 12px/18px sans-serif;
display: inline-block;
margin-right: -4px;
position: relative;
background: #fff;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
border-radius: 999px;
position: relative;
}
.main-menu ul li a{
text-wrap: nowrap;
color: var(--color-background-1);
}


.main-menu ul li ul {
padding: 0;
position: absolute;
top: 40px;
left: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
width: 300px;
opacity: 0;
padding: 10px;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
}






.main-menu ul li ul li {
  display: block;
}
.main-menu ul li:hover .sub-menu{
display: block;
opacity: 1;
visibility: visible;
}
.main-menu ul li:hover .sub-menu .sub-menu {
display: none;
}
.main-menu ul li .sub-menu:hover .sub-menu {
display: block;
}
.sub-menu,
.sub-menu li ,
.sub-menu li a{
 background: var(--color-background-6);
 
}
.header__bottom--listlink__all li a {
  font-weight: 600 !important;
  justify-content: start !important;
  }


@media only screen and (max-width: 1060px) {
  .search__filter {
    display: none;
  }
}

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

  .nextBtn {
    display: none;
  }

  .search__filter--wrap {
    justify-content: center;
  }

  .gap {
    display: none;
  }

  .filter__date {
    margin-left: 0;
  }

  .primary__dropdown {
    padding: 0;
  }

  .fliter__category--content__box--item {
    margin-right: 5px;
  }

  .filter__price,
  .filter__date {
    margin-left: 8px;
  }

  .hightlightProduct__content--list__item {
    width: 182px;
    margin-right: 15px;
  }

  .hightlightProduct__content--list__item--wrap {
    width: 182px;
  }
}

.comment_container {
  margin-right: 12px;
  display: flex;
  flex-wrap: wrap;
}

.alignnone {
  border-radius: 15px;
}
img{
  /* border-radius: 15px 15px 0 0; */
  /* width: 100%; */
  object-fit: cover ;
}
@media only screen and (max-width: 550px) {
.firstProduct__info--bottom__content--box__price {
  font-size: var(--size-text-3);
}
  .alignnone {
    border-radius: 12px;
  }
  img{
    border-radius: 6px;
    width: 100%;
    object-fit: cover;
  }
}
.quantity {
  position: relative;
}

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
} 

input[type=number]
{
  -moz-appearance: textfield;
} 

.quantity input {
  border-radius: 4px;
  height: 42px;
  width: 60px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 13px;
  margin: 0;
  /* padding-left: 20px; */
  border: 1px solid #eee;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);

}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}
.payment_method_sepay img{
display:none;
}
body.Uc2NEf{
  display: inline-block;
}
.xz74otr{
  width: 16px !important;
}
.woocommerce-store-notice{
  display: none !important;
}
.post-views-label,
.post-views-count{
  font-size: 12px;
}

body.menuCate .vietrick-auto-toc{

max-width: 220px;
max-height: 60px;
}
.vietrick-auto-toc .toc-list {
margin-left: 1.1rem;
}
body.menuCate .vietrick-auto-toc ul{
  opacity: 0;
}
body.menuCate .box-title div ion-icon{
  transform: rotateX(180deg);
}
.vietrick-auto-toc ul{
    opacity: 1;

  transition: all .3s  ease;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;

}
.vietrick-auto-toc ul a{
  color: var(--color-background-1) !important;
}
.vietrick-auto-toc .toc-title{
font-size:1.2rem;
cursor: pointer;
font-weight:600;
}

.toc-list li:not(:last-child) {
padding-bottom: 0.5rem;
}
/* .toc-list a,
.toc-list ul li{
list-style-type: disc;
} */
.entry-content li::marker{color: #f56f46;}
.vietrick-auto-toc a{
font-size:16px;
font-weight: 400;
}
.detail__blog--left__content {
  position: relative;
  padding-top: 110px;
}
.detail__blog--left__content .card{
  border: none !important;
}
/* .detail__blog--left__content h2:first-of-type, */
.detail__blog--left__content h1:first-of-type{
  position: absolute;
  width: 100%;
  font-size: 2rem;
  left: 0;
  top: 0;
}
.box-title{
  display: flex;
  justify-content: space-between;
}
.box-title div {
  display: flex;
  justify-content: center;
  align-items: start;
}
.box-title div ion-icon{
 font-size: 1.35rem;
 cursor: pointer;
}
.vietrick-auto-toc{
  display: none;
}
.detail__blog--left__content .vietrick-auto-toc{
  display: block;
  max-height: 1000px;
max-width: 700px;

  border: 1px solid var(--color-background-1);
z-index: 11;
overflow-y: hidden;
padding:1rem 1.5rem 1rem 1.5rem;
margin-bottom:2rem;
background:#edf5ff;
border-radius: 13px;
transition: all .2s ease-in-out;
}








/* liveshow.css */
@media (max-width: 300px) {
    .liveshow__container--body__product--list .firstProduct .firstProduct__content--list .firstProduct__content--list__item {
        width: 100%;
    }

    .firstProduct__img img {
        height: 300px;
    }

    .firstProduct__info {
        padding: 20px 15px;
    }


}

@media (max-width: 1110px) {

    .header__top--right__mobile--item {
        display: none;
    }
    .wp-pagenavi .last,
    .pages{
      font-size: 14px;
    }
}



/* blog.css */
@media (max-width: 300px) {
	  .home__search--box input {
        width: 238px;
    }
    .blog__banner img {
        position: absolute;
        object-fit: cover;
        width: auto;
        height: 100%;

    }
  .home__search--box input {
    width: 212px;
    }
    .pages{
      font-size: 12px;
    }
}
.wp-pagenavi{
  display: flex;
  align-items: center;
  gap: 10px;
}
.nextpostslink,
.pages,
.current,
.previouspostslink,
.page{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: var(--color-background-6);
  font-weight: 600;
  color: var(--color-background-10);
  border: 1px solid var(--color-background-3);
}
.current{
  background: var(--color-background-7);
  color: var(--color-background-6);
}
.pages{
  width: auto;
  font-weight: 400;
  padding: 0 20px;
}
.woocommerce-product-gallery {
  display: none !important;
}

.summary.entry-summary{
  width: 100% !important;
  background: var(--color-background-6) !important ;
  padding: 10px !important;
  border-radius: 10px !important;
}
.summary.entry-summary h1{
  display: flex;
  justify-content: center;
}
.summary.entry-summary .woocommerce-product-details__short-description{
  display: none !important;
}
.summary.entry-summary .price{
  font-size: var(--size-text-5) !important;
  padding-left: 15px !important;
}
.summary.entry-summary .variations .label{
  font-size: var(--size-text-4) !important;
}
.summary.entry-summary .variations select{
  box-shadow: none !important;
  padding: .5rem 3.5rem .5rem .5rem !important;
  font-size: var(--size-text-4) !important;
  color: var(--color-background-10) !important;
  border: 1px solid #eee;
  background: url(https://upload.wikimedia.org/wikipedia/commons/9/9d/Caret_down_font_awesome_whitevariation.svg) no-repeat right 0.8em center / 1.4em, linear-gradient(to left, #0f80fe 3em, rgb(255, 255, 255) 3em);
}
@media (max-width: 550px) {
  .vehicle .detail__tour--content {
      margin-top: 60px !important;
  }
}
.summary.entry-summary .single_add_to_cart_button {
  border-top-right-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
  padding-right: 15px !important;
  font-size: var(--size-text-4) !important;
}
.summary.entry-summary .quantity input {
  border-top-left-radius: 7px !important;
  border-bottom-left-radius: 7px !important;
  width: 45px !important;
  background: rgb(255, 255, 255);
}
.summary.entry-summary .woocommerce-product-attributes{
  font-size: var(--size-text-4) !important;
  margin-left: 10px !important;
}
.summary.entry-summary .additional_information_tab{
  font-size: var(--size-text-4) !important;
  padding-left: 10px !important;
  color: var(--color-background-7);
}
.detail__tour--content__left--rate__second,
.detail__liveshow--content__left--rating{
  display: none !important;
}