/* -------------------------------- xtab-filter -------------------------------- */
.cd-tab-filter {
  /* tabbed navigation style on mobile - dropdown */
  position: relative;
  /* height: 50px;*/
  margin: 0 auto;
  z-index: 1;
}

.cd-tab-filter::after {
  /* small arrow icon */
  content: '';
  position: absolute;
  right: 14px;
  top:35px;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width:50px;
  height: 16px;
  background-image: url("../images/selectbox-arrow.png");
  background-repeat:no-repeat;
  background-position:center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.cd-tab-filter li {display:none;}
.cd-tab-filter li:first-child {display: block;}

.cd-tab-filter.is-open::after {
  /* small arrow rotation */
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.cd-tab-filter.is-open ul li {display: block;}
.cd-tab-filter.is-open .placeholder a {opacity:.4;}


@media only screen and (min-width: 768px){
  .cd-tab-filter {
    /* tabbed navigation style on medium devices */
    width: auto;
    cursor: auto;
  }
  .cd-tab-filter::after {
    /* hide the arrow */
    display: none;
  }
  .cd-tab-filter ul {
    background: transparent;
    position: static;
    box-shadow: none;
    text-align: center;
  }
  .cd-tab-filter li {
    display: inline-block;
  }
  .cd-tab-filter li.placeholder {
    display: none !important;
  }
  .no-touch .cd-tab-filter a:hover {
    color: #41307c;
  }

  .cd-tab-filter.is-open ul li {
    display: inline-block;
  }
}


/* ---xgallery--- */
.cd-gallery li {display: none;}
.cd-gallery li.gap {
  /* used in combination with text-align: justify to align gallery elements */
  opacity: 0;
  height: 0;
  display: inline-block;
}
/* --------------------------------