.btn{font:1rem/1 EngraversGothic,sans-serif;background:#8c6e2d;position:relative;z-index:1;display:block;min-width:240px;padding:14px;overflow:hidden;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;border:2px solid #8c6e2d;border-radius:0;cursor:pointer;-webkit-transition:background-position .3s ease,color .8s ease,background-color .2s;transition:background-position .3s ease,color .8s ease,background-color .2s}@media (min-width:768px){.btn{display:inline-block}}.block-cocktails-grid__load-more .btn,.btn-primary{color:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#8c6e2d),color-stop(50%,#795f27)) left top/100% 200%,#8c6e2d;background:linear-gradient(to bottom,#8c6e2d 50%,#795f27 50%) left top/100% 200%,#8c6e2d}.block-cocktails-grid__load-more .btn:active,.block-cocktails-grid__load-more .btn:hover,.btn-primary:active,.btn-primary:hover{color:#fff;background-position:left bottom;border:2px solid #795f27;outline:0;-webkit-transition:background-position .3s ease,background-color .2s cubic-bezier(1,0,0,1) .1s;transition:background-position .3s ease,background-color .2s cubic-bezier(1,0,0,1) .1s;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#8c6e2d),color-stop(50%,#795f27)) left bottom/100% 200%,#795f27;background:linear-gradient(to bottom,#8c6e2d 50%,#795f27 50%) left bottom/100% 200%,#795f27}.btn-secondary{color:#8c6e2d;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#8c6e2d)) left top/100% 200%,rgba(0,0,0,0);background:linear-gradient(to bottom,transparent 50%,#8c6e2d 50%) left top/100% 200%,rgba(0,0,0,0);border-color:#8c6e2d}.btn-secondary:active,.btn-secondary:hover{color:#fff;background-position:left bottom;border:2px solid #8c6e2d;outline:0;-webkit-transition:background-position .3s ease,background-color .2s cubic-bezier(1,0,0,1) .1s;transition:background-position .3s ease,background-color .2s cubic-bezier(1,0,0,1) .1s;background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#8c6e2d)) left bottom/100% 200%,#8c6e2d;background:linear-gradient(to bottom,transparent 50%,#8c6e2d 50%) left bottom/100% 200%,#8c6e2d}.btn-outline{background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,rgba(0,0,0,.3))) left top/100% 200%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.3) 50%) left top/100% 200%;border-color:#fff}.btn-outline:active,.btn-outline:hover{color:#fff;background-position:left bottom;border:2px solid #fff;outline:0;-webkit-transition:background-position .3s ease,background-color .2s cubic-bezier(1,0,0,1) .1s;transition:background-position .3s ease,background-color .2s cubic-bezier(1,0,0,1) .1s}.block-cocktails-grid{font-family:EngraversGothic,sans-serif}.block-cocktails-grid__container{max-width:1440px;margin:0 auto;padding:0 6.4vw 12vw}@media (min-width:768px){.block-cocktails-grid__container{padding:0 40px 80px}}@media (min-width:1200px){.block-cocktails-grid__container{padding:0 80px 120px}}.block-cocktails-grid__filters{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:6.4vw 0}@media (min-width:768px){.block-cocktails-grid__filters{position:relative;margin:64px 0}}.block-cocktails-grid .block-cocktails-filter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:1.25rem;text-transform:uppercase}@media (min-width:768px){.block-cocktails-grid .block-cocktails-filter{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:2rem}}.block-cocktails-grid .block-cocktails-filter__title{line-height:1.33}@media (min-width:768px){.block-cocktails-grid .block-cocktails-filter__title{line-height:1}}.block-cocktails-grid .block-cocktails-filter__select{position:relative;color:#8c6e2d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.block-cocktails-grid .block-cocktails-filter__select[data-state=active] .block-cocktails-filter__select-head::before{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}@media (min-width:0)and (max-width:767px){.block-cocktails-grid .block-cocktails-filter__select[data-state=active] .block-cocktails-filter__select-list{display:block}}@media (min-width:768px){.block-cocktails-grid .block-cocktails-filter__select[data-state=active] .block-cocktails-filter__select-list{z-index:999;overflow-y:auto;visibility:visible;opacity:1}}.block-cocktails-grid .block-cocktails-filter__select-head{line-height:1.6;cursor:pointer}@media (min-width:768px){.block-cocktails-grid .block-cocktails-filter__select-head{margin-left:10px;padding-right:20px;line-height:1}}.block-cocktails-grid .block-cocktails-filter__select-head::before{position:absolute;top:.5em;right:.4em;width:2.5vw;height:2.5vw;border-right:4px solid #8c6e2d;border-bottom:4px solid #8c6e2d;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:65% 65%;transform-origin:65% 65%;content:""}@media (min-width:768px){.block-cocktails-grid .block-cocktails-filter__select-head::before{top:.35em;right:0;width:11px;height:11px}}.block-cocktails-grid .block-cocktails-filter__select-head::after{display:block;height:6px;border:1px solid #eccc87;border-right-width:0;border-left-width:0;content:""}@media (min-width:768px){.block-cocktails-grid .block-cocktails-filter__select-head::after{display:none}}.block-cocktails-grid .block-cocktails-filter__select-list{margin:0 -.5em;padding:.4em 0;color:#000}@media (min-width:0)and (max-width:767px){.block-cocktails-grid .block-cocktails-filter__select-list{display:none}}@media (min-width:768px){.block-cocktails-grid .block-cocktails-filter__select-list{position:absolute;left:-24px;z-index:1;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-height:465px;margin:0;overflow:hidden;background-color:#fff;outline:2px solid #8c6e2d;visibility:hidden;opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}}.block-cocktails-grid .block-cocktails-filter__select-item{padding:0 24px 10px;line-height:1;cursor:pointer}.block-cocktails-grid .block-cocktails-filter__select-item:first-child{padding-top:10px}.block-cocktails-grid .block-cocktails-filter__select-item.selected,.block-cocktails-grid .block-cocktails-filter__select-item:hover{color:#8c6e2d}.block-cocktails-grid .block-cocktails-filter__feeling-lucky-btn{position:fixed;right:5vw;bottom:5vw;z-index:10;padding:5px;background:#fff;border-radius:50%;-webkit-box-shadow:0 0 8px rgba(0,0,0,.5);box-shadow:0 0 8px rgba(0,0,0,.5);cursor:pointer}@media (min-width:768px){.block-cocktails-grid .block-cocktails-filter__feeling-lucky-btn{position:absolute;top:-26px;right:0;background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}}.block-cocktails-grid .block-cocktails-filter__feeling-lucky-btn svg{display:block}.block-cocktails-grid__cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.block-cocktails-grid__cards.warning-message{padding:2rem}.block-cocktails-grid__cards.warning-message h2{font-size:1.6875rem}.block-cocktails-grid__card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:115.2vw;color:#fff}@media (min-width:768px){.block-cocktails-grid__card{width:50%;height:482px}}@media (min-width:1024px){.block-cocktails-grid__card{width:33.3%}}.block-cocktails-grid__card:nth-child(odd){background:-webkit-gradient(linear,left top,left bottom,from(#cda143),to(#ad8838));background:linear-gradient(180deg,#cda143 0,#ad8838 100%)}.block-cocktails-grid__card:nth-child(even){background:-webkit-gradient(linear,left top,left bottom,from(#ad8838),to(#8c6e2d));background:linear-gradient(180deg,#ad8838 0,#8c6e2d 100%)}.block-cocktails-grid__card::after{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;border:8px solid #000;-webkit-box-shadow:inset 0 0 0 2px #eccc87;box-shadow:inset 0 0 0 2px #eccc87;opacity:0;-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;content:""}.block-cocktails-grid__card-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%;height:calc(100% - 16px);margin:8px;padding-bottom:6.4vw;border:2px solid #eccc87}@media (min-width:768px){.block-cocktails-grid__card-link{padding-bottom:41px}}.block-cocktails-grid__card-title{position:absolute;top:0;z-index:5;padding:2.67vw 6.4vw 1.6vw 4vw;font-size:1.75rem;line-height:1;text-transform:uppercase}@media (min-width:768px){.block-cocktails-grid__card-title{padding:6px 20px 6px 14px;font-size:2.5rem}}.block-cocktails-grid__card-image{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;height:92vw;opacity:1;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@media (min-width:768px){.block-cocktails-grid__card-image{height:360px}}.block-cocktails-grid__card-image img{display:block;width:auto;height:100%;margin:0 auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.block-cocktails-grid__card-author-note{color:#eccc87}.block-cocktails-grid__card-ingredients{position:absolute;top:10px;left:10px;z-index:-1;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;width:calc(100% - 20px);height:110.7vw;padding:20vw 1vw 4vw 4vw;-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}@media (min-width:768px){.block-cocktails-grid__card-ingredients{height:462px;padding:92px 4px 14px 14px}}.block-cocktails-grid__card-ingredients ::-moz-selection{background:#cda143;color:#fff}.block-cocktails-grid__card-ingredients ::selection{background:#cda143;color:#fff}.block-cocktails-grid__card-ingredients-list{padding-right:10px;overflow:auto;font-size:1.125rem;line-height:1.11;text-transform:uppercase;list-style:disc}.block-cocktails-grid__card-ingredients-item{margin-bottom:8px;margin-left:30px}.block-cocktails-grid__card-ingredients-recipe-title{margin:12px 0 6px;color:#eccc87;font-size:.875rem;line-height:1.14}.block-cocktails-grid__card-ingredients-recipe-list{padding-left:30px;list-style:decimal}.block-cocktails-grid__card-ingredients-recipe-item{margin-bottom:8px}.block-cocktails-grid__card-ingredients-close-btn{position:absolute;top:5vw;right:5vw;z-index:5;width:14px;height:14px;background:url(/wp-content/themes/teeling2023/blocks/cocktails-grid/ic-close-disc.svg) center/contain no-repeat}@media (min-width:768px){.block-cocktails-grid__card-ingredients-close-btn{top:22px;right:21px}}.--show-ingredients-by-hover .block-cocktails-grid__card:hover::after,.block-cocktails-grid__card.--active::after{opacity:1}.--show-ingredients-by-hover .block-cocktails-grid__card:hover .block-cocktails-grid__card-image,.block-cocktails-grid__card.--active .block-cocktails-grid__card-image{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0}.--show-ingredients-by-hover .block-cocktails-grid__card:hover .block-cocktails-grid__card-ingredients,.block-cocktails-grid__card.--active .block-cocktails-grid__card-ingredients{z-index:1;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.block-cocktails-grid__card.--active .block-cocktails-grid__card-ingredients-close-btn{display:block!important}.block-cocktails-grid__load-more{margin-top:6.4vw}@media (min-width:768px){.block-cocktails-grid__load-more{margin-top:32px}}.block-cocktails-grid__load-more.hidden{display:none}.block-cocktails-grid__load-more .btn{display:block;width:100%;margin:0 auto}@media (min-width:768px){.block-cocktails-grid__load-more .btn{width:auto}}.block-cocktails-grid__load-more .btn.disabled{opacity:.7;pointer-events:none}.block-cocktails-grid__loading{background:rgba(255,255,255,.5);position:absolute;bottom:0;left:0;z-index:10;display:block;width:100%;height:100%;-webkit-transition:all .3s .5s;transition:all .3s .5s}.block-cocktails-grid__loading-wrapper{position:relative}.block-cocktails-grid__loading .spinner{position:relative;width:18.6vw;margin:20vw auto 0}@media (min-width:768px){.block-cocktails-grid__loading .spinner{width:100px;margin:10% auto 0}}.block-cocktails-grid__loading .spinner::before{display:block;padding-top:100%;content:""}.block-cocktails-grid__loading .spinner .circular{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:auto;-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;stroke:#8c6e2d}.block-cocktails-grid__loading .spinner .path{-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;stroke-dasharray:1,200;stroke-dashoffset:0;stroke-linecap:round}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.wp-admin .block-cocktails-grid *{-webkit-box-sizing:border-box;box-sizing:border-box}.wp-admin .block-cocktails-grid__card-title{font-size:1.375rem}.wp-admin .block-cocktails-grid__card-title h3{margin:0}.wp-admin .block-cocktails-grid__card-ingredients-list{margin:0;padding:0;list-style:none}.wp-admin .block-cocktails-grid__load-more{margin-bottom:50px}