.knots-page-wrapper{padding:0 10% 100px}.knots-header-section{display:flex;justify-content:center;padding:80px 0 30px}.knots-header{text-transform:uppercase}@media screen and (max-width: 768px){.knots-page-wrapper{padding:0 5%}}.knots-search-bar{position:sticky;top:0;z-index:1;background-color:rgba(var(--color-foreground));padding-top:30px;padding-bottom:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.knots-search-bar form{display:flex;background:#fff;padding:2px;border:none;border-radius:10px;max-width:500px;margin:0 auto}.knots-search-bar input[type=search]{border:none;outline:none;width:500px;padding:10px 10px 10px 50px;font-size:16px;font-family:var(--font-heading-family);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 10px 50%;cursor:text;opacity:.8}.knots-search-bar input[type=search]:focus{box-shadow:0 0 3px;border-color:#40491f;border-radius:10px;outline:none}@media only screen and (max-width: 600px){.knots-search-bar form,.knots-search-bar input[type=search]{width:300px;font-size:14px}}@media only screen and (min-width: 600px){.knots-search-bar form,.knots-search-bar input[type=search]{width:500px}}header .predictive-search__input,.search-modal input[type=search],.header__search input[type=search],.search__input{background:none!important;padding-left:1rem!important;width:auto;cursor:text!important}.tabs{display:flex;flex-wrap:wrap;justify-content:center;row-gap:10px;margin-bottom:50px}.tab[data-type=all]{order:1}.tab[data-type=knot-tying-kit-knots]{order:2}.tab[data-type=anchor-end-loop-knots]{order:3}.tab[data-type=hitches]{order:4}.tab[data-type=bends]{order:5}.tab[data-type=binding-knots]{order:6}.tab[data-type=friction-hitches]{order:7}.tab[data-type=mid-line-knots]{order:8}.tab[data-type=self-tightening-knots]{order:9}.tab[data-type=quick-release-knots]{order:10}.tab[data-type=exploding-knots]{order:11}.tab[data-type=tackle]{order:12}.tab[data-type=shake-loose-knots]{order:13}.tab[data-type=multi-loop-knots]{order:14}.tab[data-type=stopper-knots]{order:15}.tab[data-type=lashings]{order:16}.tab[data-type=rope-shortening]{order:17}.tab[data-type=whipping-coiling]{order:18}.tab[data-type=other-specialty-knots]{order:19}.tab[data-type=heaving-line-knots]{order:20}.tab[data-type=decorative-knots]{order:21}.tab[data-type=knot-tying-kit-knots]{background-color:#e6e6e6}.tab[data-type=knot-tying-kit-knots]:before{content:"\2605  ";color:#40491f;margin-right:3px}.tab[data-type=knot-tying-kit-knots].active:before{color:#fff}.custom-tooltip{position:absolute;background-color:#5a6336;color:#fff;border:1px solid #000;padding:5px 10px;border-radius:8px;font-size:12px;display:none;z-index:1000;white-space:nowrap;pointer-events:none;box-shadow:0 4px 6px #0000001a}.tab,#viewMoreButton{margin:0 10px;padding:10px 20px;cursor:pointer;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;color:#40491f;font-family:inherit;font-weight:500;transition:all .3s ease;text-transform:capitalize}.tab:hover,#viewMoreButton:hover{border:1px solid #40491F;background-color:#e6e6e6}.tab:focus,.tab:active,.tab.active,#viewMoreButton:focus,#viewMoreButton:active{background-color:#40491f;color:#fff;border:1px solid #40491F}.tab.all.active{background-color:#40491f;color:#fff;border:2px solid #40491F}.view-more-container{display:flex;justify-content:center;margin-top:20px}#viewMoreButton{display:none}.knot-grid{display:flex;flex-wrap:wrap;gap:20px}.article-wrapper{flex:0 1 calc(25% - 20px);box-sizing:border-box;transition:opacity .3s ease,transform .3s ease}.article-item{position:relative;overflow:hidden;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a}.article-item.hidden{display:none}.article-item.visible{display:block;opacity:1;transform:scale(1)}.article-item.visible:nth-child(n){transition-delay:calc(.1s * var(--index))}.article-item:hover .text-container{height:40%}.article-item:hover .image-container img{transform:translateY(-20%)}.article-item:hover .text-container p{opacity:1}.image-container{width:100%;height:100%;overflow:hidden}.image-container img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.heading{bottom:0;width:100%;height:50px;background:#fff;text-align:center;padding:0 0 10px;transition:opacity .3s ease}.heading h2{font-size:1.6rem;color:#40491f}.text-container{position:absolute;bottom:0;width:100%;height:0;background:#40491f;color:#fff;overflow:hidden;transition:height .3s ease}.text-container p{font-size:1.4rem;line-height:22px;margin:15px;opacity:0;transition:.3s ease}@media screen and (max-width: 1200px){.article-wrapper{flex:0 1 calc(33% - 20px)}}@media screen and (max-width: 900px){.article-wrapper{flex:0 1 calc(50% - 20px)}}@media screen and (max-width: 600px){.image-container img{width:100%;height:185px}.heading{width:100%;height:40px}.heading h2{font-size:1.2rem}.text-container p{font-size:1rem;line-height:14px;margin:12px}.tab,#viewMoreButton{margin:0 7px 7px 0;padding:5px 10px}.tabs{row-gap:7px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-knot-category-page.css.map */