/* ==========================================================================
   Categories Page Styles
========================================================================== */

/* ----- Category Title ----- */
.category_title {
  position: relative;
}

.category_title .heading-counter {
  position: absolute;
  top: 0;
  right: 0;
}

/* ----- Main Category Block ----- */
.content_scene_cat {
  color: var(--clair);
  line-height: 19px;
  margin: 0 0 26px 0;
}

.content_scene_cat .content_scene_cat_bg {
  width: 30%;
  background-color: var(--bordeaux) !important;
  border-radius: 0px !important;
  min-height: 220px !important;
  max-height: 600px;
}
.content_image_text{
  display: flex;
  flex-direction: row;
  background-color: var(--grisclair);
  border-radius: 20px;
  margin: 10px 0 5px 0;
  overflow: hidden;
}

.cat_desc .breadcrumb{
  padding: 5px 0;
  margin: 0;
}
.cat_desc .breadcrumb a, .cat_desc .breadcrumb span{
  color: var(--bordeaux);
  font-size: 10px;
  font-weight: 400;
  text-transform: uppercase;
}

/* ----- Category Name ----- */
.content_scene_cat span.category-name {
  font: 600 36px/46px "Fira Sans", sans-serif;
  color: var(--bordeaux);
  margin-bottom: 12px;
  width: 100%;

}

@media (max-width: 1199px) {
  .content_scene_cat span.category-name {
    font-size: 25px;
    line-height: 30px;
  }
}

/* ----- Category Paragraphs and Links ----- */
.content_scene_cat p {
  margin-bottom: 0;
  font-size: 14px;
  color: var(--bordeaux);
  
}
#category_description_short p{
  mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
  max-height: 35px;
}
.content_scene_cat a {
  color: var(--bordeaux);
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
}
.layered_filter {border-bottom: 1px solid var(--clair); margin-top: 15px }
.layered_filter ul {
  max-height: 200px;
  overflow-y: auto;
  height: 100%;
}
.layered_subtitle {font-weight: 600; margin-bottom: 20px; position: relative; display: block; font-size: 90%}

.content_scene_cat .layered_filter a, .layered_filter label {
  color: var(--bordeaux);
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  z-index: 1000;
  white-space: nowrap;
  max-width: 140px;
  text-overflow:  ellipsis;
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.content_scene_cat a:hover {
  text-decoration: underline;
}

/* ----- Scene Content and Description ----- */
.content_scene_cat .content_scene {
  color: var(--bordeaux);
}

.cat_desc {
  padding: 20px 20px 30px 20px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;

}

.content_scene_cat .content_scene .cat_desc a {
  color: var(--bordeaux);
}

.content_scene_cat .content_scene .cat_desc a:hover {
  color: var(--bordeaux);
}

/* ----- Responsive for Mobile ----- */
@media (max-width: 480px) {
  .content_scene_cat {
    margin: 20px 0 0;
  }

  .content_scene_cat_bg .cat_desc {
    padding-top: 70px;
    font-size: 0.9em;
  }
}


/* ==========================================================================
   Subcategories Styles
========================================================================== */
/*
#subcategories {
  border-top: 1px solid var(--clair);
  padding: 15px 0 0px 0;
}

/* ----- Subcategory Heading ----- 
#subcategories p.subcategory-heading {
  font-weight: bold;
  color: var(--grisfonce);
  margin: 0 0 15px 0;
}

/* ----- Subcategory List ----- 
#subcategories ul {
  margin: 0 0 0 -20px;
}

#subcategories ul li {
  float: left;
  width: 145px;
  margin: 0 0 13px 33px;
  text-align: center;
  height: 202px;
}

/* ----- Subcategory Image ----- 
#subcategories ul li .subcategory-image {
  padding: 0 0 8px 0;
}

#subcategories ul li .subcategory-image a {
  display: block;
  padding: 9px;
  border: 1px solid var(--clair);
}

#subcategories ul li .subcategory-image a img {
  max-width: 100%;
  vertical-align: top;
}
*/
/* ----- Subcategory Name ----- */
/*#subcategories ul li .subcategory-name {
  font: 600 16px/18px "Fira Sans", sans-serif;
  color: var(--bordeaux);
  text-transform: uppercase;
}

#subcategories ul li .subcategory-name:hover {
  color: var(--bordeaux);
}

/* ----- Subcategory Description ----- 
#subcategories ul li .cat_desc {
  display: none;
}

/* ----- Subcategory Hover Effect ----- 
#subcategories ul li:hover .subcategory-image a {
  border: 5px solid var(--grisfonce);
  padding: 5px;
}
*/
.unvisible {
  display: none !important;
}

#category #subcategories-cat16 li .subcategory-image {margin-top: 15px; overflow: hidden; border-radius: 10px;position: relative; display: block;background: #000}
#category #subcategories-cat16 li img {height: auto; transition: ease-in-out 0.3s all; position: relative; display: block}

#category #subcategories-cat16 li img:hover {transform: scale(1.1); opacity:0.6}
#category #subcategories-cat16 li h5 {margin-left:-15px; }
#category #subcategories-cat16 li h5 a {position: absolute;z-index :2;margin-top: 30%;color: #fff;font-size: 24px;margin: 0 auto;text-align: center;width: 80%;margin: -30% 10% 0;text-decoration: none; text-shadow: 0 0 10px rgba(0,0,0,0.6)}

#category #subcategories li .subcategory-image {margin-top: 15px; overflow: hidden; border-radius: 10px;position: relative; display: block;/*background: #000*/}
#category #subcategories li img {height: auto; transition: ease-in-out 0.3s all; position: relative; display: block}

#category #subcategories li img:hover {transform: scale(1.1); opacity:0.6}
#category #subcategories li h5 {margin-left:-15px; }
#category #subcategories li h5 a {position: absolute;z-index :2;margin-top: 30%;color: #fff;font-size: 24px;margin: 0 auto;text-align: center;width: 80%;margin: -30% 10% 0;text-decoration: none; text-shadow: 0 0 10px rgba(0,0,0,0.6)}

#category #subcategories{ margin-bottom: 80px;}

@media (max-width: 768px) {
  .content_scene_cat .content_scene_cat_bg {width: 100%; display: block;min-width: 100%;height: auto !important;min-height: 100px;min-height: 150px !important;max-height: 150px;}
  .content_image_text {flex-direction:column}
}