@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700&display=swap";@font-face{font-family:Portrait;src:url(Portrait-Medium-subset.woff2) format("woff2"),url(Portrait-Light-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@media screen and (max-width: 749px){.image-grid-section[data-show-mobile=false]{display:none}}@media screen and (min-width: 750px) and (max-width: 989px){.image-grid-section[data-show-tablet=false]{display:none}}@media screen and (min-width: 990px){.image-grid-section[data-show-desktop=false]{display:none}}.image-grid-wrapper{max-width:var(--max-width);margin:0 auto;padding:0 20px}.gap-small{--grid-gap: 8px}.gap-medium{--grid-gap: 15px}.gap-large{--grid-gap: 25px}@media only screen and (min-width: 768px){.gap-small{--grid-gap: 10px}.gap-medium{--grid-gap: 20px}.gap-large{--grid-gap: 30px}}.image-grid-container{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(0,1fr));width:100%}.image-grid-item{position:relative;overflow:hidden;display:flex;flex-direction:column}.image-grid-item img,.image-grid-item .placeholder_svg_tag{width:100%;height:auto;display:block;object-fit:cover}.image-grid-content{padding:20px;background:#fff;flex:1;display:flex;flex-direction:column;gap:12px}.image-grid-title{font-family:portrait;font-weight:500;font-size:18px;line-height:1.3;margin:0;color:#333}.image-grid-description{font-size:14px;line-height:1.5;color:#666;margin:0}.image-grid-description p{margin:0 0 8px}.image-grid-description p:last-child{margin-bottom:0}.image-grid-button{display:inline-block;padding:10px 20px;text-decoration:none;border-radius:4px;font-weight:500;font-size:14px;text-align:center;transition:all .3s ease;align-self:flex-start;margin-top:auto}.button--primary{background-color:#007bff;color:#fff;border:2px solid #007bff}.button--primary:hover{background-color:#0056b3;border-color:#0056b3}.button--secondary{background-color:#6c757d;color:#fff;border:2px solid #6c757d}.button--secondary:hover{background-color:#545b62;border-color:#545b62}.button--outline{background-color:transparent;color:#007bff;border:2px solid #007bff}.button--outline:hover{background-color:#007bff;color:#fff}.section-heading{font-family:portrait;font-weight:300;font-size:28px}.image-grid-image-mobile{display:none!important}@media only screen and (max-width: 1180px){.scroll-container{display:flex!important;overflow-x:auto!important}.image-grid-image-desktop{display:none!important}.image-grid-image-mobile{display:block!important}.image-grid-container.responsive{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width: 768px){.image-grid-content{padding:16px;gap:10px}.image-grid-title{font-size:16px}.image-grid-description{font-size:13px}.image-grid-button{padding:8px 16px;font-size:13px}}@media only screen and (max-width: 480px){.image-grid-wrapper{padding:0 12px}.image-grid-content{padding:12px}}@media only screen and (max-width: 768px){.image-grid-section.section-spacing{margin-top:0!important;margin-bottom:1rem!important}.image-grid-wrapper{padding:0 16px}}.image-grid-title{font-family:Portrait,serif!important;margin-bottom:.5rem;line-height:1.2}.image-grid-description{font-family:Nunito Sans,sans-serif!important;margin-bottom:1rem;line-height:1.4}.image-grid-button{font-family:Nunito Sans,sans-serif!important;border-radius:0!important;border:none!important;padding:12px 24px;display:inline-block;text-decoration:none;transition:all .3s ease;cursor:pointer}.image-grid-button:hover{background-color:var(--hover-bg, var(--button-bg))!important;color:var(--hover-color, var(--button-color))!important}.image-grid-button-text{font-family:Nunito Sans,sans-serif!important;padding:12px 24px;display:inline-block}.image-grid-full-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease}.image-grid-full-link:hover{transform:translateY(-2px)}.image-grid-full-link .image-grid-content{cursor:pointer}.image-grid-link{display:block;text-decoration:none;color:inherit}.image-grid-content[style*="text-align: left"]{text-align:left!important}.image-grid-content[style*="text-align: center"]{text-align:center!important}.image-grid-content[style*="text-align: right"]{text-align:right!important}@media only screen and (max-width: 768px){.image-grid-title{font-size:1.2rem}.image-grid-description{font-size:.9rem}.image-grid-button,.image-grid-button-text{font-size:.9rem;padding:10px 20px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/image-grid.css.map */