JanSport USA | Backpacks & Bags

March 27, 2021

.small-12.columns { padding-left: 0px; padding-right: 0px; } .hp .row .row { margin-left: 0; margin-right: 0; } .hp .row .row.sub-row { margin: 0 auto; } .hp .nav-promo .cat-thumbnail { padding-top: 10px; padding-bottom: 10px; } .hp .nav-promo .cat-thumbnail .text { padding-right: 1.15385em; padding-left: 1.15385em; } .hp .nav-promo .cat-thumbnail h4 { padding-top: 15px; padding-bottom: 10px; } .hp .brand-promo a, .hp .nav-promo .cat-thumbnail h4 { font-family: “Bureau Grot Medium”,sans-serif; font-size: 17px; text-align: center; text-transform: capitalize; color:#000; } .hp .nav-promo .cat-thumbnail .text p{ margin-bottom: 1.53846em; } .hp .nav-promo .cat-thumbnail .ctabutton{ text-align: center; } .hp .nav-module-header{ padding-top: 1.92308em; padding-bottom: 1.15385em; } .hp .nav-module-header h3{ font-size: 1.69231em; letter-spacing: .3em; } .hp .nav-promo .image_with_overlay2 .overlay-content{ padding:0.3846em; } .hp .nav-promo .image_with_overlay2 .overlay-content .button{ margin-bottom: 10px; border: 0; } .hp .nav-promo a.button{ font-size: 1.1em; } .hp .nav-promo .nav-module-cat-thumbnail { padding-top: 10px; padding-bottom: 10px; } .hp .nav-promo .nav-module-cat-thumbnail .button{ width: 100%; } /*brand-promo*/ .hp .brand-promo { padding-bottom: 0px; padding-top: 30px; } .hp .brand-promo h4 { text-transform: capitalize; padding-top: 5px; padding-bottom: 40px; } .hp .nav-promo a.button { color: #000; cursor: pointer; border-color: #000; } .hp .nav-promo a:hover { color: #fff; border-color: #4f98b0; } /*product-carousel styles*/ .hp section.product-carousel .component-title h3 { font-size: 1.69231em; padding: 30px 0 20px; } .hp section.product-carousel .slide .product-wrapper { margin: 0 0.15385em; padding: 0; background: #fff; } .hp section.product-carousel .slide .product.teaser { padding: 0; } .hp .product.teaser .view picture { width: 85%; text-align: center; margin: 0px auto; } .hp section.product-carousel .slide .product.teaser .info h5 { height: 45px; } .hp section.product-carousel .medium-4 { text-align: center; } .hp section.product-carousel .button { margin: 30px 0 40px; } /*end of product-carousel styles*/ @media only screen and (max-width: 420px) { .hp .nav-promo a.button{ font-size: 1em; } .hp .nav-promo .cat-thumbnail h4 { font-size: 15px; } } @media only screen and (min-width: 640px) { .hp .nav-promo .cat-thumbnail .text p{ min-height: 70px; } } @media only screen and (min-width: 768px) { .hp .row.nav-promo { margin: 0 auto; } .hp .nav-promo .parsys.row-content{ padding-bottom:0; } .hp .nav-promo .cat-thumbnail .ctabutton{ width: 100%; } .hp .brand-promo a { width: 100% } .hp .nav-promo .cat-thumbnail h4 { padding-top: 20px; } .hp .nav-promo .cat-thumbnail .text p{ margin-bottom: 1.92308em; } .hp section.product-carousel .component-title h3 { padding: 40px 0 40px; } .hp .nav-promo .nav-module-cat-thumbnail { padding-bottom: 30px; } .hp .brand-promo { padding-top: 60px; } .hp .brand-promo h4 { padding-top: 20px; padding-bottom: 50px; } } /* greater than tablet size*/ @media only screen and (min-width: 1025px) { .hp .nav-promo a.button{ font-size: 1.38462em; } .hp .nav-promo .cat-thumbnail .text p{ min-height: 46px; } } .hp section.product-carousel .component-title h3 { font-size: 1.69231em; padding: 30px 0 20px; } .hp section.dynamicmediabanner .dmb-feature .cycle-prev, .hp section.dynamicmediabanner .dmb-feature .cycle-next, .hp section.product-carousel .carousel-wrapper .cycle-prev, .hp section.product-carousel .carousel-wrapper .cycle-next { background: rgba(0, 0, 0, 0.15); border: 1px solid #000; border-radius: 50%; height: 39px; width: 40px; color: #000; } .hp .stripes .quickshop-image { top: 19px; } .hp section.product-carousel .carousel-wrapper .cycle-prev, .hp section.product-carousel .carousel-wrapper .cycle-next { top: 50% !important; } .rowtestimageoverlay p a:nth-child(1) { margin-left: 1rem; } .rowtestimageoverlay p a:nth-child(2) { margin-left: 8rem; } .rowtestimageoverlay .button { background-color: #FFFCE4; color: #000000; border: 0; font-family: “Bureau Grot Cond”,sans-serif; font-style: normal; font-weight: normal; margin-bottom: 0; font-size: 9px; } @media only screen and (min-width: 360px) { .rowtestimageoverlay .button { font-size: 10px; line-height: 2; } .rowtestimageoverlay p span:nth-child(1) { margin-left: .5rem; } } @media only screen and (min-width: 375px) { .rowtestimageoverlay p span:nth-child(1) { margin-left: .5rem; } .rowtestimageoverlay .button { font-size: 11px; } } @media only screen and (min-width: 411px) { .rowtestimageoverlay .button { font-size: 14px; } .rowtestimageoverlay p span:nth-child(1) { margin-left: 0; } } @media only screen and (min-width: 768px) { .rowtestimageoverlay .button { font-size: 12px; } .rowtestimageoverlay p span:nth-child(1) { margin-bottom: -2rem; margin-left: -2rem; } /* .rowtestimageoverlay p span:nth-child(2) { margin-left: -6rem; margin-bottom: -2rem; } */ } @media only screen and (min-width: 1024px) { .rowtestimageoverlay .button { font-size: 15px; } .rowtestimageoverlay p span:nth-child(1) { margin-bottom: -1rem; margin-left: -1rem; } } @media only screen and (min-width: 1070px) { .rowtestimageoverlay p span:nth-child(1) { margin-left: -.5rem; } } @media only screen and (min-width: 1110px) { .rowtestimageoverlay .button { font-size: 16px; } } @media only screen and (min-width: 1200px) { .rowtestimageoverlay .button { font-size: 17px; } .rowtestimageoverlay p span:nth-child(1) { margin-left: 0; } } @media only screen and (min-width: 1250px) { .rowtestimageoverlay p span:nth-child(1) { margin-bottom: -1rem; margin-left: .5rem; } } @media only screen and (min-width: 1300px) { .rowtestimageoverlay .button { font-size: 18px; } .rowtestimageoverlay p span:nth-child(1) { margin-left: .5rem; } } @media only screen and (min-width: 1350px) { .rowtestimageoverlay p span:nth-child(1) { margin-left: 1rem; } } @media only screen and (min-width: 1400px) { .rowtestimageoverlay p span:nth-child(1) { margin-left: .5rem; } .rowtestimageoverlay .button { font-size: 20px; } } @media only screen and (min-width: 1500px) { .rowtestimageoverlay p span:nth-child(1) { margin-left: 1.5rem; } } @media only screen and (min-width: 1600px) { .rowtestimageoverlay p span:nth-child(1) { margin-left: 2.5rem; } } @media only screen and (min-width: 1700px) { .rowtestimageoverlay p span:nth-child(1) { margin-left: 3.5rem; } } @media only screen and (min-width: 1800px) { .rowtestimageoverlay p span:nth-child(1) { margin-left: 4.5rem; } } @media only screen and (min-width: 1850px) { .rowtestimageoverlay p span:nth-child(1) { margin-left: 5.5rem; } } /* .banner-row { background-color: #fff; } */ .holiday-ship-banner { padding: 1rem 0; } /* video banner*/ .hp .tier1-hero .wrapper .inner .overlay-content{ vertical-align: bottom; } /*end of video banner styling*/]]>

Source