.blog-grid-wrapper{max-width:90%;margin:0 auto;padding:40px 20px;text-align:center}.blog-grid-title{color:#a154a1;font-size:34px;line-height:48px;margin-bottom:30px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:20px;justify-items:center}.blog-card{width:100%;text-align:center}.blog-card a{text-decoration:none}.blog-card-image{width:70%;border-radius:0;margin:17px auto;display:block;aspect-ratio:1.27;flex-shrink:0}.blog-card-link{display:flex;flex-direction:column;height:100%}.blog-card-title{background:#a7b739;color:#fff;font-size:18px;padding:10px;border-radius:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}.blog-grid-view-more{margin-top:30px}.blog-grid-view-more button{background:transparent;color:var(--dark-purple);font-size:18px;text-decoration:underline;padding:10px 25px;border:none;cursor:pointer;border-radius:0;font-weight:700;transition:color .3s ease}.blog-grid-view-more button:hover{color:var(--nav-active)}.filter-toggle{display:none}.blog-filters{display:flex;flex-direction:column;gap:20px;align-items:center;margin-bottom:50px}.blog-filters.single-filter{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:10px}.filter-dropdowns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 20px;width:100%;max-width:100%}.blog-filters.single-filter .filter-dropdowns{grid-area:1 / 1 / 2 / 5;width:100%}.filter-search{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px;width:100%;color:#707070;border-radius:8px}.blog-filters.single-filter .filter-search{grid-area:1 / 5 / 2 / 13;margin-top:0}#filterSearch{padding:10px;min-width:200px;width:100%;border:1px solid var(--border-color);border-radius:8px;color:#707070;font-size:16px;font-family:var(--font-body-family)}#clearFilters{background:none;border:none;border-bottom:2px solid var(--dark-purple);color:#a154a1;font-size:16px;cursor:pointer;margin-left:auto;font-family:var(--font-body-family);margin-right:12.5%;padding-top:16px;letter-spacing:1px;padding-inline:0}.blog-filters.single-filter #clearFilters{grid-area:2 / 10 / 3 / 13;margin-right:0}#clearFilters:hover{color:var(--nav-active);border-color:var(--nav-active)}#filterSearch::placeholder{font-family:var(--font-body-family);color:#707070}.custom-dropdown{position:relative;min-width:200px}.dropdown-toggle{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:8px;font-size:16px;cursor:pointer;background:#fff;display:flex;justify-content:space-between;align-items:center;color:#707070}.filter-toggle .arrow{transition:transform .6s ease}.filter-toggle.open .arrow{transform:rotate(180deg)}.dropdown-toggle img.arrow{margin-left:auto;pointer-events:none;transition:transform .3s ease}.custom-dropdown.open .dropdown-toggle img.arrow{transform:rotate(180deg)}.filter-dropdowns{display:grid;gap:30px 20px;justify-content:center}.filter-dropdowns.cols-1{grid-template-columns:1fr;width:75%}.filter-dropdowns.cols-2{grid-template-columns:repeat(2,1fr);width:75%}.filter-dropdowns.cols-3{grid-template-columns:repeat(3,1fr);width:100%}.dropdown-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:none;max-height:250px;overflow-y:auto;z-index:2;padding:10px 20px}.custom-dropdown.open .dropdown-menu{display:block}.custom-dropdown.open .dropdown-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.dropdown-search{width:100%;padding:5px 10px;border:3px solid var(--checkout-border);font-size:14px;border-radius:8px;color:#707070}.dropdown-options{padding-top:10px}.dropdown-label{font-family:var(--font-body-family)}.dropdown-options label{display:block;margin-bottom:8px;font-size:16px;text-align:left;text-transform:capitalize}.selected-count{font-weight:400;font-size:14px;margin-left:8px;color:#666}.dropdown-label.hidden{display:none}.search-wrapper{position:relative;width:75%}.blog-filters.single-filter .filter-search .search-wrapper{width:100%}.search-icon-btn{position:absolute;top:0;right:0;height:100%;width:45px;background-color:#666;border:none;border-top-right-radius:8px;border-bottom-right-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff}.search-icon-btn svg{display:block;width:22px;height:22px}.blog-grid-nav{display:flex;gap:30px;margin-bottom:10px;justify-content:center}.blog-grid-nav a{color:#707070;font-size:16px;font-weight:400;text-transform:uppercase;text-decoration:none}.blog-grid-nav a:hover{color:var(--nav-active)}.blog-grid-nav a.active{color:#f58220}@media (max-width: 1168px){.search-wrapper{width:100%}.filter-search{margin-top:0}#clearFilters{margin-right:0}.blog-filters.active{margin-top:20px}.blog-filters{margin-bottom:40px;gap:10px}.filter-toggle{display:flex;align-items:center;gap:10px;justify-content:center;cursor:pointer;margin-bottom:30px}.filter-dropdowns{grid-template-columns:1fr!important}.blog-grid-title{margin-bottom:0}.blog-grid-nav{display:none}.blog-grid-nav.active{display:flex;flex-direction:column;gap:10px;animation:slideIn .3s ease forwards}.blog-grid-nav.closing{animation:slideOut .3s ease forwards}.filter-dropdowns,.filter-search,#clearFilters{display:none}.blog-filters.active .filter-dropdowns,.blog-filters.active .filter-search,.blog-filters.active #clearFilters{display:flex;flex-direction:column;gap:10px}.blog-filters.active{animation:slideIn .3s ease forwards}.blog-filters.closing{animation:slideOut .3s ease forwards}.filter-dropdowns.cols-2,.filter-dropdowns.cols-1{width:100%}.blog-filters.single-filter{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:10px}.blog-filters.single-filter .filter-dropdowns{grid-area:1 / 1 / 2 / 13}.blog-filters.single-filter .filter-search{grid-area:2 / 1 / 3 / 13;margin-top:0}.blog-filters.single-filter #clearFilters{grid-area:3 / 9 / 4 / 13;margin-right:0}}.no-posts{color:#9548a5;font-size:20px;margin-top:20px}.no-posts{color:var(--dark-purple);font-size:22px;margin-top:20px;text-align:left}@keyframes slideIn{0%{opacity:0;transform:translate(-520px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-520px)}}@media (max-width: 1000px){.blog-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}.no-posts{font-size:18px}}@media (max-width: 548px){.blog-grid{grid-template-columns:repeat(1,minmax(200px,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-blog-cards.css.map */