:root{--navy: #001f3f;--gold: #FFD700;--white: #ffffff;--gray-600: #4b5563;--gray-700: #374151;--dark-text: #111727;--shadow: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1)}.blog-main-container{max-width:1300px;margin:0 auto;padding:0 1.5rem}.card-grid{display:grid;grid-template-columns:1fr;background-color:var(--white);border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .3s ease;margin-bottom:4rem}.card-grid:hover{box-shadow:var(--shadow-hover)}.image-link{display:block;position:relative;height:250px}.featured-image{width:100%;height:100%;object-fit:cover}.content-wrapper{padding:2rem;display:flex;flex-direction:column;justify-content:center}.badge{display:inline-block;background-color:var(--gold);color:var(--navy);padding:.25rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:.25rem;margin-bottom:1rem;width:fit-content}.article-title{font-size:1.5rem;font-weight:700;color:var(--navy);margin-bottom:1rem;text-decoration:none}.blog-categories-nav{margin:3rem 0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.blog-categories-nav::-webkit-scrollbar{display:none}.blog-categories-list{display:flex;list-style:none;padding:0;margin:0;gap:1rem;padding:2rem;align-items:center}.blog-categories-list li a{white-space:nowrap;padding:.8rem 2.6rem;border-radius:40px;border:2px solid var(--dark-text);color:var(--dark-text);font-weight:500;cursor:pointer;font-size:1.6rem;transition:all .2s ease-in-out}.blog-categories-list li a:hover{background:var(--dark-text);color:#fff}.active a,.active-all{background:var(--dark-text);color:#fff!important}.search-bar-container{display:flex;justify-content:center;margin-bottom:3rem}.search-form-wrapper{display:flex;width:100%;max-width:600px;height:50px}.search-input{flex:1;border:2px solid #111727!important;border-right:none;padding:0 1rem;border-radius:4px 0 0 4px!important;outline:none}.search-submit-btn{width:60px;background:var(--dark-text);border:none;cursor:pointer;border-top-right-radius:4px;border-bottom-right-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff}.search-submit-btn svg{width:20px;height:20px}.article-section-heading{text-align:center;font-size:4rem;margin-bottom:3rem;font-weight:600}@media (min-width: 1024px){.card-grid{grid-template-columns:1fr 1fr;min-height:450px}.image-link{height:auto}.article-title{font-size:2.25rem}.blog-categories-list{justify-content:center;flex-wrap:wrap}.content-wrapper{padding:4rem}.gridlayout{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));align-items:stretch;gap:5rem;padding:2rem 0rem}}@media (min-width: 768px) and (max-width: 1023px){.article-title{font-size:1.8rem}.gridlayout{grid-template-columns:repeat(2,minmax(300px,1fr))}}@media (max-width: 767px){.blog-main-container{margin-top:2rem}.article-section-heading{font-size:3rem}.search-form-wrapper{height:45px}.card-article__image-container{height:200px}.gridlayout{grid-template-columns:repeat(1,minmax(300px,1fr))}}.featured-hero-meta-item{color:#000!important;font-size:1.4rem!important}.grid__item{border:2px solid #eee;border-radius:10px;box-shadow:#64646f33 0 7px 29px}.blog-card-content{padding:1.3rem 1.2rem 1.2rem;display:grid}.button-readMe{background:#111727;text-align:center;color:#fff;text-decoration:none;display:block;padding:1.4rem;font-weight:500;margin-top:auto}.button-readMe:hover{background:gold;color:#000}.grid__item{display:flex;flex-direction:column}.card-article{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.card-article-heading a{text-decoration:none;font-weight:700;color:#000}.blog-categories-nav{width:100%;overflow:hidden}.blog-categories-list{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:1rem 0;margin:0;list-style:none;scrollbar-width:none}.blog-categories-list::-webkit-scrollbar{display:none}.blog-categories-list li{flex:0 0 auto;white-space:nowrap}.blog-categories-list>a,.blog-categories-list span{display:block;padding:.5rem 1rem;text-decoration:none;font-weight:500}.pagination-wrapper{margin-bottom:2rem}.blog-search-input,input[type=text]{height:100%}input[type=text]:hover,input[type=text]:focus{outline:none!important;border:2px solid black!important;box-shadow:none}.readMe{padding:1.2rem}.readMe a{width:100%}
/*# sourceMappingURL=/cdn/shop/t/27/assets/main-blog.css.map */