/* ------------------------------------------------
   The Whisky Exchange
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Filters CSS file 

   Content:
   Layout
   Filters
   Selected
   ------------------------------------------------ */

/* ------------------------------------------------
   Layout
   ------------------------------------------------ */
/* Container */
#tweFilters .filter-container {
   display: none;
}
@media (min-width: 680px) {
   #tweFilters .filter-container {
      display: block;
      padding-bottom: 20px;
   }   
}
@media (min-width: 980px) {
   #tweFilters .filter-container {
      padding-bottom: 0;
   }   
}
/* Show filters button */
#tweFilters .filter-button {
   display: block;
   padding: 10px 0;
   margin: 10px 0;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   text-transform: uppercase; 
   color: #fff;
   background: #999999;
   text-align: center;
}
#tweFilters .filter-button:hover {
   background: #ff7010;
}
@media (min-width: 680px) {
   #tweFilters .filter-button {
      display: none;   
   }
}
/* Filter Layout */
#tweFilters .filter-list {
   display: block;
   float: left;
   width: 100%;
}
#tweFilters .filter-list .filter {
   display: block;
   float: left;
   width: 100%;
   padding: 10px 10px 0;
}
@media (min-width: 680px) {
   #tweFilters .filter-list .filter {
      width: 20%;
      height: 70px;
   }
}
@media (min-width: 980px) {
   #tweFilters .filter-list .filter {
      width: 16.6666%;
   }
}
/* ------------------------------------------------
   Filters
   ------------------------------------------------ */
#tweFilters .filter .filter-label {
   display: block;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   font-size: 0.9em;
   text-transform: uppercase;
}
#tweFilters .filter .filter-input {
   width: 100%;
   border: 1px solid #E5E5E5;
   padding: 10px;
   background: #fff;
}
/* ------------------------------------------------
   Selected
   ------------------------------------------------ */
.filter-selected {
   display: block;
   height: 42px;
   padding: 0 8px;
   line-height: 42px;
   background: #e5e5e5;
   color: #b90008;
   overflow: hidden;
}
.filter-selected:hover {
   color: #ff7010;
}
.filter-selected .filter-selected-name,
.filter-selected .filter-selected-remove {
   display: block;
   float: left;
}
.filter-selected .filter-selected-name {
   width: 90%;
   padding-right: 3px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.filter-selected .filter-selected-remove {
   width: 10%;
   text-align: right;
}