.before-and-after-story-wrapper .inner .title{font-weight:124;font-size:27.8617px;line-height:30px;text-align:center;letter-spacing:-.02em;color:#897e6d;max-width:200px;width:100%;margin:0 auto}.before-and-after-story-wrapper .inner .beer-slider{text-transform:uppercase;font-size:.75rem;letter-spacing:1px;margin-bottom:1.5rem}.before-and-after-story-wrapper .inner .story-trigger{background:#f5f3ed;border-radius:24px;min-width:88px;height:38px;font-family:Eloquia Text;font-style:normal;font-weight:500;font-size:11.5898px;line-height:18px;color:#897e6d;margin-bottom:12px;margin-right:6px;cursor:pointer}.before-and-after-story-wrapper .inner .story-trigger.active{background:#897e6d;color:#fff}.before-and-after-story-wrapper .inner .story-trigger-container{width:100%;margin:0 auto}.before-and-after-story-wrapper .inner .quote-text{font-family:Eloquia Text;font-style:normal;font-weight:500;font-size:17px;color:#897e6d}.before-and-after-story-wrapper .inner .quote-author{font-family:Eloquia Text;font-style:normal;font-weight:500;font-size:21.4698px;line-height:36px;color:#897e6d}.before-and-after-story-wrapper .inner .key-concerns-text{font-style:normal;font-weight:124;font-size:21.8431px;line-height:36px;color:#0000008f}.before-and-after-story-wrapper .inner .key-concern{background:#f5f3ed;border-radius:24px;min-width:88px;height:38px;font-family:Eloquia Text;font-style:normal;font-weight:500;font-size:17.31px;line-height:27px;color:#897e6d;margin-bottom:12px;margin-right:6px;cursor:pointer}.before-and-after-story-wrapper .inner .key-concern.active{background:#897e6d;color:#fff}.before-and-after-story-wrapper .inner .story-content.inactive{display:none}.before-and-after-story-wrapper .inner .story-content.active{display:block}.before-and-after-story-wrapper .beer-slider img{height:300px;width:auto}@media (min-width: 1200px){.before-and-after-story-wrapper .inner .title{font-size:46px;line-height:58px;max-width:692px}.before-and-after-story-wrapper .inner .story-trigger-container{width:100%;max-width:900px}.before-and-after-story-wrapper .beer-slider img{height:638px;width:auto}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/before-and-after-story.css.map */
