/* =========================================================
READMORE SHARED
========================================================= */
.custom-category-description,
.single-product .dinhit-content {
  overflow:hidden;
  position:relative;
  padding-bottom:25px
}
.custom-category-description {margin-bottom:20px}
.fix_height {
  overflow:hidden;
  position:relative
}
.single-product .fix_height {max-height:800px}
/* =========================================================
READMORE WRAP
========================================================= */
.dinhit_readmore_taxonomy_flatsome,
.dinhit_readmore_flatsome {
  text-align:center;
  cursor:pointer;
  position:absolute;
  z-index:10;
  bottom:0;
  width:100%;
  background:#fff
}
.dinhit_readmore_taxonomy_flatsome:before,
.dinhit_readmore_flatsome:before {
  height:55px;
  margin-top:-45px;
  content:"";
  background:linear-gradient(
  to bottom,
  rgba(255,255,255,0) 0%,
  rgba(255,255,255,1) 100%
  );
  display:block
}
/* =========================================================
BUTTON
========================================================= */
.dinhit_readmore_taxonomy_flatsome a,
.dinhit_readmore_flatsome a {
  color:var(--fs-color-primary);
  display:inline-block
}
.dinhit_readmore_flatsome a,.dinhit_readmore_taxonomy_flatsome a {
  border:1px solid;
  padding:4px 10px;
  border-radius:12px;
  font-size:15px
}
/* =========================================================
ARROW
========================================================= */
.dinhit_readmore_taxonomy_flatsome a:after,
.dinhit_readmore_flatsome a:after {
  content:'';
  width:0;
  border-top:6px solid var(--fs-color-primary);
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  display:inline-block;
  vertical-align:middle;
  margin:-2px 0 0 5px
}
.dinhit_readmore_taxonomy_flatsome_less a:after,
.dinhit_readmore_flatsome_less a:after {
  border-top:0;
  border-bottom:6px solid var(--fs-color-primary)
}
.dinhit_readmore_taxonomy_flatsome_less:before,
.dinhit_readmore_flatsome_less:before {display:none}
/* =========================================================
HOVER
========================================================= */
.dinhit_readmore_flatsome a:hover,
.dinhit_readmore_taxonomy_flatsome a:hover {color:var(--fs-experimental-link-color-hover)}
.dinhit_readmore_flatsome a:hover:after,
.dinhit_readmore_taxonomy_flatsome a:hover:after {border-top-color:var(--fs-experimental-link-color-hover)}
.dinhit_readmore_flatsome_less a:hover:after,
.dinhit_readmore_taxonomy_flatsome_less a:hover:after {border-bottom-color:var(--fs-experimental-link-color-hover)}