/****************************************************************************
 * Slider
 ****************************************************************************/
.beer_teaser_wrapper.slick_slider .slick-track {
    padding: 0 0 1.5rem;
}
.beer_teaser_wrapper.slick_slider .slick-arrow.slick-prev { left: 0.5rem;}
.beer_teaser_wrapper.slick_slider .slick-arrow.slick-next { right: 0.5rem;}

.beer_teaser_wrapper.slick_slider .slick-list {padding: 0 !important}

.beer_teaser_wrapper.slick_slider .slick-slide {
    opacity: 0.33;
    -webkit-transition: opacity .5s ease;
    -moz-transition: opacity .5s ease;
    -ms-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease;
}

.beer_teaser_wrapper.slick_slider .slick-list .slick-slide.sec_item {
    opacity: 0.66;
}
.beer_teaser_wrapper.slick_slider .slick-list .slick-slide.main_item {
    opacity: 1;
}
.beer_teaser_wrapper.slick_slider .slick-list:hover .slick-slide.main_item {
    opacity: 0.66;
}
.beer_teaser_wrapper.slick_slider .slick-list .slick-slide.main_item:hover {
    opacity: 1;
}

.beer_teaser_wrapper.slick_slider .slick-list .slick-slide:hover {
    opacity: 1;
}

/****************************************************************************
 * Button
 ****************************************************************************/
.beer_teaser_section .button-group {
    padding-top: 2rem;
}



@media screen and (min-width: 40em){
    /****************************************************************************
     * Slider
     ****************************************************************************/
    .beer_teaser_wrapper.slick_slider .slick-arrow.slick-prev { left: 0;}
    .beer_teaser_wrapper.slick_slider .slick-arrow.slick-next { right: 0;}
}