.dc-hero-section{position:relative;overflow:hidden}.dc-hero-container{position:relative;height:var(--hero-height);min-height:300px;display:flex;align-items:center;justify-content:center;margin:.5rem 0 1.5rem}.dc-hero-image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.dc-hero-image{width:100%;height:100%;object-fit:cover;object-position:center;border:var(--hero-img-border-width);border-radius:var(--hero-img-border-radius)}.dc-hero-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border-radius:var(--hero-img-border-radius);background:linear-gradient(to right,rgba(67,104,61,.8) 0%,transparent 100%)}.dc-hero-content{position:relative;z-index:3;width:100%;height:100%;display:flex;align-items:center}.dc-hero-content-inner{width:100%;max-width:var(--content-max-width);margin-left:4rem;text-align:var(--text-alignment)}.dc-hero-heading{margin:0 0 1rem;color:rgb(var(--color-foreground))}.dc-hero-subtext p{margin:0 0 1rem;font-size:var(--font-size--lg);line-height:1.6;color:#fff}.dc-hero-subtext p{margin:0 0 1rem}.dc-hero-subtext p:last-child{margin-bottom:0}.dc-hero-button{margin-top:1rem}.dc-hero-button .button{min-width:250px;font-size:var(--font-size--md);font-weight:600;padding:.5rem}@media screen and (max-width: 749px){.dc-hero-gradient{background:linear-gradient(to right,#43683d,#43683dbf 50%,#43683d99 65%,#43683d8c,#43683d80,#43683d73,#43683d66,#43683d59,#43683d4d,#43683d40)}.dc-hero-container{height:auto;min-height:400px}.dc-hero-content-inner{margin-left:0}.dc-hero-content{padding:3rem 1.5rem}.dc-hero-heading{font-size:2rem;line-height:1.2}.dc-hero-subtext{font-size:1rem}}@media screen and (max-width: 550px){.dc-hero-content{padding:2rem 1rem}.dc-hero-heading{font-size:1.75rem;margin-bottom:1rem}.dc-hero-subtext{font-size:.95rem;margin-bottom:1.5rem}}.color-inverse .dc-hero-heading,.color-inverse .dc-hero-subtext{color:rgb(var(--color-background))}.color-accent-1 .dc-hero-heading,.color-accent-1 .dc-hero-subtext{color:rgb(var(--color-accent-1-text))}.color-accent-2 .dc-hero-heading,.color-accent-2 .dc-hero-subtext{color:rgb(var(--color-accent-2-text))}
/*# sourceMappingURL=/cdn/shop/t/6/assets/dc-section-hero-gradient.css.map */