.container-banner{display:grid}.image-wrapper{position:relative;align-items:center;display:inline-flex}.text-banner-mobile{display:none}.mens-denim-summer-quiz .text-banner,.womens-denim-summer-quiz .text-banner,.mens-denim-fall-jeans .text-banner{top:50%;left:14%;max-width:50%;transform:translateY(-55%)}.image-wrapper img{width:100%;height:auto;object-fit:cover}.text-banner{position:absolute;top:50%;left:9%;max-width:34%;transform:translate(-9%,-55%)}.mens-outfits .text-banner{left:18%}.button-banner svg{display:none}.mens-outfits .button-banner svg path{fill:#000}.mens-denim-fall-jeans .button-banner svg{display:none}.button-banner svg{display:block}.button-banner svg path{fill:#000}.text-banner .title-banner,.text-banner .description-banner{text-align:left;text-shadow:0px 4px 50px rgba(0,0,0,.6);font-style:normal;color:#fff;margin:1rem 0;font-weight:400}.everyday-stretch-chino .text-banner .title-banner,.everyday-stretch-chino .text-banner .description-banner{color:#000;text-shadow:none;text-transform:none;max-width:40%}.everyday-stretch-chino .button-banner a{align-items:center}.text-banner .header-banner{text-align:left;font-style:normal;color:#000;margin:1rem 0;font-weight:400;font-size:1.8vw;line-height:2vw;font-family:SF Pro Display Semibold}.everyday-stretch-chino .text-banner{position:absolute;top:50%;left:50%;width:100%;max-width:1260px;transform:translate(-50%,-50%);padding-left:3rem}.everyday-stretch-chino .button-banner{padding:1% 3%}.text-banner .title-banner{font-size:3.2vw;line-height:3.6vw;text-transform:uppercase;font-family:SF Pro Display Semibold}.mens-outfits .title-banner{text-transform:none;font-size:2.8vw}.mens-outfits .text-banner .description-banner{font-size:1.4vw}.text-banner .description-banner{font-size:1.6vw;line-height:2vw;font-family:SF Pro Display Regular}.button-banner{background:#fff;border-radius:1px;cursor:pointer;margin-top:3rem;opacity:1;text-align:center;letter-spacing:0;width:max-content;padding:3% 6%}.mens-outfits .button-banner{width:fit-content}.mens-outfits .button-banner a,.mdworthbuying-fall-jeans .button-banner a{align-items:center}.button-banner a:hover{text-decoration:underline}.mens-outfits .button-banner a{color:#000}.mens-outfits .button-banner{background-color:#fff}.button-banner a{font-family:SF Pro Display Regular;font-style:normal;font-weight:600;font-size:1.2vw;line-height:1.3vw;letter-spacing:2px;display:flex;align-items:flex-end;gap:4px;text-align:center;text-transform:uppercase;text-decoration:none;color:#111}.mens-denim-summer-quiz .button-banner,.womens-denim-summer-quiz .button-banner,.mens-denim-fall-jeans .button-banner{padding:2% 4%}.mens-denim-summer-quiz .button-banner a,.womens-denim-summer-quiz .button-banner a,.mens-denim-fall-jeans .button-banner a{font-size:1vw;line-height:1.2vw}.image-wrapper img{min-height:460px}.mens-denim-fall-jeans .image-wrapper img{min-height:320px}.mens-denim-summer-quiz .image-wrapper .image-desktop{min-height:300px;object-position:top}.mens-denim-fall-jeans .image-wrapper .image-mobile{min-height:200px;object-position:center}.image-mobile{display:none}@media only screen and (max-width: 750px){.image-mobile{display:block}.button-banner svg path{fill:#fff}.mens-outfits .text-banner{left:0;top:55%;transform:translateY(-50%);padding:1rem;height:auto;display:inline;text-align:left}.mens-outfits .text-banner .title-banner,.mens-outfits .text-banner .description-banner{color:#fff;text-align:left;margin:0;max-width:55%}.image-desktop{display:none}.mens-denim-summer-quiz .text-banner,.text-banner,.womens-denim-summer-quiz .text-banner,.mens-denim-fall-jeans .text-banner{max-width:100%;width:100%;left:0;top:0;height:100%;transform:none;display:grid;align-content:space-between}.text-banner .title-banner,.mens-outfits .title-banner{font-size:3.3rem;line-height:3.6rem;margin-top:2rem}.mens-denim-summer-quiz .text-banner .title-banner,.womens-denim-summer-quiz .text-banner .title-banner,.mens-denim-fall-jeans .text-banner .title-banner{font-size:2.4rem;line-height:2.7rem;width:95%;margin:0 auto;margin-top:3rem}.text-banner .title-banner,.text-banner .description-banner{text-align:center;color:#111}.everyday-stretch-chino .text-banner .title-banner,.everyday-stretch-chino .text-banner .description-banner{text-align:center;margin-top:1rem;color:#fff;max-width:100%}.mens-denim-summer-quiz .text-banner .title-banner,.mens-denim-summer-quiz .text-banner .description-banner,.mens-denim-fall-jeans .text-banner .title-banner,.mens-denim-fall-jeans .text-banner .description-banner,.womens-denim-summer-quiz .text-banner .title-banner,.womens-denim-summer-quiz .text-banner .description-banner{color:#fff;text-shadow:0px 0px 10.7159px rgba(0,0,0,.5)}.mens-denim-winter-worthbuying .text-banner .title-banner{margin-top:25%;color:#fff}.mens-denim-winter-worthbuying .text-banner .description-banner{color:#fff}.text-banner .description-banner,.mens-outfits .text-banner .description-banner{margin:0 auto;font-size:1.6rem;line-height:2rem;width:80%}.mens-outfits .text-banner .description-banner{margin:1rem 0}.button-banner{margin:2rem auto;background-color:#111;padding:.8rem 2.5rem}.everyday-stretch-chino .button-banner{padding:.8rem 2.5rem;background-color:#fff}.everyday-stretch-chino .button-banner a{color:#000}.everyday-stretch-chino .button-banner svg path{fill:#000}.button-banner a{color:#fff;font-size:1.4rem;line-height:2rem;line-height:normal}.mens-denim-summer-quiz .button-banner a,.womens-denim-summer-quiz .button-banner a,.mens-denim-fall-jeans .button-banner a{font-size:1.6rem;line-height:2.2rem}.mens-denim-summer-quiz .button-banner,.womens-denim-summer-quiz .button-banner,.mens-denim-fall-jeans .button-banner{background-color:#fff}.mens-denim-summer-quiz .button-banner a,.womens-denim-summer-quiz .button-banner a,.mens-denim-fall-jeans .button-banner a{color:#111}.mens-denim-winter-worthbuying .button-banner{background-color:#fff;margin:2rem auto 3rem}.mens-denim-winter-worthbuying .button-banner a{color:#111;font-size:1.4rem}.buttom-container{margin-bottom:15%}.mdworthbuying-fall-jeans .buttom-container{margin-bottom:0}.mens-denim-summer-quiz .buttom-container,.womens-denim-summer-quiz .buttom-container,.mens-denim-fall-jeans .buttom-container{margin-bottom:3%}.text-banner .header-banner{font-style:normal;color:#fff;text-align:center;margin-bottom:0;font-size:16px;line-height:normal}.everyday-stretch-chino .text-banner{padding:0}}@media screen and (min-width: 2000px){.text-banner .header-banner{font-size:3.5rem;line-height:normal}.everyday-stretch-chino .text-banner .title-banner{line-height:normal;font-size:6.2rem}.everyday-stretch-chino .text-banner .description-banner{font-size:3.1rem;line-height:normal;max-width:570px}.everyday-stretch-chino .button-banner a{font-size:2.3rem;line-height:normal}.everyday-stretch-chino .button-banner{padding:2rem 4rem}}
/*# sourceMappingURL=/cdn/shop/t/147/assets/denim-summer-banner.css.map */
