@import "custom-variables/variables";
@import "../../bootstrap-4.0.0/scss/functions";
@import "../../bootstrap-4.0.0/scss/variables";
@import "../../bootstrap-4.0.0/scss/mixins";


.deal_categories_list{
    list-style: none;
}
.view-map {
   padding: 10px 15px; 
   color: $light;  
   i {
    font-size: rem(22);
   }
   a{
    vertical-align: text-bottom;
   }
}  
.voucher-ctgry{
    position: relative;
    ul {
        margin: 0;
    }
    .clearFilter{
        position: absolute;
        right: 1rem;
        color: $gray-500;
        font-size: 12px;
    }
    h6 {
        font-size: 15px;  
        text-transform: uppercase;
        font-weight: $font-weight-semibold;
        margin-bottom: 12px;
    }
    label {
        font-size: 14.5px;
    }
}

.deal_categories_list, .link_list{
    list-style: none;
    padding: 0;
    li{
        padding-bottom: 5px;
    }
    a{
        color: $gray-600;
        font-size: 13.5px;
    }
}

.list-top-block{
    figure{
      width: 60%;
      float: left;
      margin: 0;
    }
    figcaption{
        width: 40%;
        float: left;
        h1{
            font-size: rem(21);
            margin-bottom: 0;
            a{
                color: $gray-900;
            }
        }
    }
    .price{
        del {
            font-size: rem(18);
            color: $gray-500;
         }
        span {
            font-size: rem(24);
        }
    }
}

.dealer{
    position: relative;

    .fig {
        width: 30px;
        display: inline-block;
        vertical-align: super;
        img {
            width: 100%;
        }
    }
    .dealer-cat{
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 21px;
        height: 21px;
    }
}

.detail-block{
    h2 {
        font-size: rem(16);
        color: $gray-900;
        margin-bottom: 0;
        a{
          color: inherit;
        }
    }
    .price {
        .new-price{
            font-size: rem(19);
            color: $gray-900;
        }
        .old-price{
            font-size: rem(15);
            color: $gray-500;
        }
    }
}
.xsblock{
    border-top: 1px solid $gray-200;
    margin: 0 -1rem;
    padding: 0 1rem;
}

.range_value{
    .sliderValue{
     width: 88px;
     display: inline-block;
     line-height: 1;
    }
}