.custom-blog-listing{display:block;width:100%;--blog-card-media-height: 13.125rem;--blog-card-info-min-height: 11.5625rem}.custom-blog-listing__inner{display:flex;flex-direction:column;gap:1.5rem;padding-block:var(--padding-4xl)}.custom-blog-listing__title{margin:0;font-family:var(--font-heading--family);font-weight:800;font-size:1.875rem;line-height:1.1;color:var(--color-okuma-black)}.custom-blog-listing__controls{display:flex;flex-direction:column;gap:1.5rem;width:100%}.custom-blog-listing__tabs{display:flex;flex-wrap:nowrap;gap:var(--gap-lg);width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block-end:var(--padding-2xs)}.custom-blog-listing__tabs::-webkit-scrollbar{display:none}.custom-blog-listing__tab{flex-shrink:0;display:inline-flex;align-items:center;padding:0;background-color:transparent;color:var(--color-okuma-navy);opacity:.6;font-family:var(--font-heading--family);font-weight:700;font-size:var(--font-size--lg);line-height:1.2;letter-spacing:normal;text-transform:none;text-decoration:none;border:0;transition:opacity var(--animation-speed) var(--ease-out-cubic),color var(--animation-speed) var(--ease-out-cubic)}.custom-blog-listing__tab:hover{opacity:1}.custom-blog-listing__tab--active{color:var(--color-okuma-navy);opacity:1;text-decoration:underline;text-decoration-color:var(--color-okuma-gold);text-decoration-thickness:.1875rem;text-underline-offset:.25rem}.custom-blog-listing__tab:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset)}.custom-blog-listing__search{position:relative;display:flex;align-items:center;width:100%}.custom-blog-listing .custom-blog-listing__search-input{flex:1 1 auto;width:100%;padding-block:.625rem;padding-inline:1.5rem;padding-inline-end:calc(var(--icon-size-lg) + var(--padding-2xl) + var(--gap-xs));background-color:var(--color-okuma-pearl);color:var(--color-okuma-charcoal);border:var(--border-width-md) solid var(--color-okuma-stone);border-radius:3.125rem;font-family:var(--font-body--family);font-size:var(--font-size--md);letter-spacing:-.03em;text-overflow:ellipsis;overflow:hidden}.custom-blog-listing__search-input::placeholder{color:var(--color-okuma-charcoal)}.custom-blog-listing__search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.custom-blog-listing__search-icon{position:absolute;inset-inline-end:var(--padding-xl);inset-inline-start:auto;width:var(--icon-size-md);height:var(--icon-size-md);display:flex;align-items:center;justify-content:center;color:var(--color-okuma-charcoal);pointer-events:none}.custom-blog-listing__search-icon svg{width:var(--icon-size-md);height:var(--icon-size-md)}.custom-blog-listing__search-reset{position:absolute;inset-inline-end:var(--padding-2xl);inset-inline-start:auto;width:var(--icon-size-lg);height:var(--icon-size-lg);display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--color-okuma-charcoal);cursor:pointer;border-radius:100%}.custom-blog-listing__search-reset .svg-wrapper{width:var(--icon-size-md);height:var(--icon-size-md);flex:0 0 auto}.custom-blog-listing__search-reset .svg-wrapper svg{width:100%;height:100%}.custom-blog-listing__search-reset[hidden]{display:none}.custom-blog-listing__grid{display:grid;grid-template-columns:1fr;gap:var(--gap-2xl);width:100%}.custom-blog-listing__grid>*{min-width:0}.custom-blog-listing__empty,.custom-blog-listing__search-empty{grid-column:1 / -1;padding:var(--padding-2xl);text-align:center;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));border:var(--style-border-width) dashed var(--color-okuma-slate);border-radius:var(--style-border-radius-md);color:var(--color-okuma-slate)}.custom-blog-listing__search-empty[hidden]{display:none}.custom-blog-listing__pagination{display:flex;justify-content:center;width:100%}.custom-blog-listing__divider{display:none;height:1px;width:100%;margin:0;border:0;background-color:var(--color-okuma-stone)}.custom-blog-listing[data-search-active] .custom-blog-listing__featured,.custom-blog-listing[data-search-active] [data-pagination]{display:none}.custom-blog-listing[data-search-active] .custom-blog-listing__search{margin-inline-start:auto}.custom-blog-listing__search:has(.custom-blog-listing__search-input:not(:placeholder-shown)) .custom-blog-listing__search-icon{display:none}.custom-blog-listing__pagination--search{grid-column:1 / -1}@media(min-width:750px){.custom-blog-listing__inner{padding-block:var(--padding-5xl);gap:var(--gap-3xl)}.custom-blog-listing__title{font-size:var(--font-h2--size);line-height:var(--line-height-display-h2);letter-spacing:var(--letter-spacing-display-tight);text-transform:capitalize}.custom-blog-listing__controls{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--gap-xl)}.custom-blog-listing__tabs{width:auto;flex:1 1 auto;min-width:0;gap:1.5rem}.custom-blog-listing__tab{font-size:1.5rem}.custom-blog-listing__search{width:18.75rem;flex:0 0 auto}.custom-blog-listing__search-input{padding-block:1rem}.custom-blog-listing__divider{display:block}.custom-blog-listing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-blog-listing__tabs{scrollbar-width:thin}}@media(min-width:1100px){.custom-blog-listing__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.custom-blog-listing .custom-blog-card.custom-content-card--variant-stack{background-color:var(--color-okuma-pearl);border-radius:.875rem}.custom-blog-listing .custom-blog-card.custom-content-card--variant-stack .custom-content-card__info{gap:1.5rem}.custom-blog-listing .custom-blog-card.custom-content-card--variant-stack .custom-content-card__meta{font-weight:500}.custom-blog-listing .custom-blog-card.custom-content-card--variant-stack .custom-content-card__cta{letter-spacing:var(--letter-spacing-sm);text-transform:capitalize}.custom-blog-listing .custom-blog-card.custom-content-card--variant-stack .custom-content-card__tag{inset-block-start:.75rem;inset-inline-start:.75rem;padding:.625rem .75rem;background-color:var(--color-background);color:var(--color-okuma-black);font-family:var(--font-body--family);font-weight:500;font-size:var(--font-size--2xs);line-height:.6875rem;letter-spacing:var(--letter-spacing-sm)}@media(max-width:749px){.custom-blog-listing .custom-blog-listing__tabs{width:calc(100% + var(--page-margin) * 2);margin-inline:calc(-1 * var(--page-margin));padding-inline:var(--page-margin)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-blog-listing.css.map */