.fireside-sips {
    margin-bottom: 40px;
    padding-top: 30px
}

@media screen and (min-width: 768px) {
    .fireside-sips {
        margin-bottom: 99px;
        padding-top: 47px
    }
}

.fireside-sips__filter {
    margin: 0 auto 21px;
    max-width: 1370px;
    padding: 0 20px
}

@media screen and (min-width: 1024px) {
    .fireside-sips__filter {
        margin-bottom: 35px
    }
}

.fireside-sips__filter .form__select-wrapper {
    position: relative
}

@media screen and (min-width: 375px) {
    .fireside-sips__filter .form__select-wrapper {
        max-width: 325px
    }
}

.fireside-sips__filter .form__select-wrapper:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    content: "";
    height: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0
}

.anniverasry-tag {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 61px;
}

.fireside-sips__filter .form__select-wrapper--placeholder {
    color: rgba(35, 31, 32, 0.4);
    font: 14px/34px "fabriga regular"
}

.fireside-sips__filter .form__select-wrapper--placeholder:after {
    border-top: 10px solid #cccccc
}

.fireside-sips__filter .form__select-text {
    color: #231f20;
    font: 14px/34px "fabriga bold";
    padding: 6px 20px;
    width: 100%
}

.fireside-sips__filter .form__select {
    height: 100%;
    width: 100%
}

.fireside-sips__grid {
    margin: 0 auto 35px;
    max-width: 1370px;
    padding: 0 10px
}

.fireside-sips__grid .button-cvr{
 margin: 0 10px;       
}


.fireside-sips__grid .button-cvr button{
    font:30px/normal "knockout";
    text-transform: uppercase;
    color: #231f20;
    background: transparent;
    border: none;
    margin-right: 15px;
    opacity: 0.3;
}
.fireside-sips__grid .button-cvr button.season{
    font:20px/normal "knockout";
}

.fireside-sips__grid .button-cvr button.active, .fireside-sips__grid .button-cvr button:hover{
    opacity: 1;
}

.insta_video_url a:hover {
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .fireside-sips__grid {
        margin-bottom: 10px
    }
}

.fireside-sips__grid__item {
    margin: 10px;
    position: relative;
    width: calc(50% - 20px);
    height:250px;
}

.fireside-sips__grid__item a { text-decoration: none; color: #231f20; }

.fireside-sips__grid__item a h3 { margin-top: 10px; margin-bottom: 0;}

@media screen and (min-width: 768px) {
    .fireside-sips__grid__item {
        width: calc(33.333% - 20px)
    }
}

@media screen and (min-width: 1024px) {
    .fireside-sips__grid__item {
        width: calc(25% - 20px)
    }
}

.fireside-sips__grid__item:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.fireside-sips__grid__item img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: relative;
    width: 100%
}

.fireside-sips__grid__item .fireside-sips-grid-item__overlay {
    background: rgba(255, 210, 0, 0.9);
    color: #202020;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    opacity: 0;
    padding: 20px;
    position: absolute;
    text-decoration: none;
    text-align: center;
    transition: opacity 1s ease;
    top: 0;
    width: 100%
}

.fireside-sips__grid__item .fireside-sips-grid-item__overlay__pre {
    font: 13px/13px "thirsty";
    letter-spacing: -.325px;
    opacity: 0;
    padding-top: 10%
}

@media screen and (min-width: 768px) {
    .fireside-sips__grid__item .fireside-sips-grid-item__overlay__pre {
        font: 20px/20px "thirsty";
        letter-spacing: -.5px
    }
}

.fireside-sips__grid__item .fireside-sips-grid-item__overlay__title {
    font: 25px/22px "knockout";
    letter-spacing: 1.25px;
    opacity: 0;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .fireside-sips__grid__item .fireside-sips-grid-item__overlay__title {
        font: 50px/44px "knockout";
        letter-spacing: 2.5px
    }
}

.fireside-sips__grid__item .fireside-sips-grid-item__overlay__post {
    font: 10px/20px "gibson semi-bold";
    letter-spacing: 1px;
    opacity: 0;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .fireside-sips__grid__item .fireside-sips-grid-item__overlay__post {
        font: 13px/20px "gibson semi-bold";
        letter-spacing: 1.3px
    }
}

.fireside-sips__grid__item .fireside-sips-grid-item__overlay__post:before {
    background: #202020;
    content: "";
    display: block;
    height: 1px;
    margin: 10px auto;
    width: 30px
}

@media screen and (min-width: 768px) {
    .fireside-sips__grid__item .fireside-sips-grid-item__overlay__post:before {
        margin: 15px auto;
        width: 35px
    }
}

.touch .fireside-sips__grid__item .fireside-sips-grid-item__overlay:active,
.fireside-sips__grid__item .fireside-sips-grid-item__overlay:hover {
    -webkit-animation: opacity 300ms forwards;
    animation: opacity 300ms forwards
}

.touch .fireside-sips__grid__item .fireside-sips-grid-item__overlay:active .fireside-sips-grid-item__overlay__pre,
.fireside-sips__grid__item .fireside-sips-grid-item__overlay:hover .fireside-sips-grid-item__overlay__pre {
    -webkit-animation: opacity 500ms forwards;
    animation: opacity 500ms forwards;
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms
}

.touch .fireside-sips__grid__item .fireside-sips-grid-item__overlay:active .fireside-sips-grid-item__overlay__title,
.fireside-sips__grid__item .fireside-sips-grid-item__overlay:hover .fireside-sips-grid-item__overlay__title {
    -webkit-animation: opacity 500ms forwards;
    animation: opacity 500ms forwards;
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms
}

.touch .fireside-sips__grid__item .fireside-sips-grid-item__overlay:active .fireside-sips-grid-item__overlay__post,
.fireside-sips__grid__item .fireside-sips-grid-item__overlay:hover .fireside-sips-grid-item__overlay__post {
    -webkit-animation: opacity 500ms forwards;
    animation: opacity 500ms forwards;
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms
}

.fireside-sips__filter {
    display: none;
}