/*--- AGENCY GOTHIC CT----------------------*/
@font-face {font-family:'Agency Gothic CT';font-weight:700;src:url(agency-gothic-ct-bold.woff) format('woff')}


html {scroll-behavior:smooth}


/*--- INFO PAGES --------------------------------------------------*/
.info-page {display:grid;gap:2rem;max-width:1260px;padding:1rem clamp(1rem, 4vw, 4rem) 2rem;border-radius:0 0 .75rem .75rem;margin-left:auto;margin-right:auto}


    /*--- top image ---*/
    .info-page > img:first-of-type {justify-self:center;max-width:calc(100% + (clamp(1rem, 4vw, 4rem) * 2));margin:-1rem clamp(-4rem, -4vw, -1rem) 0}
        .info-page > img:first-of-type[src*="target-sports-usa-logo-simple.svg"] {width:clamp(3rem, 5vw, 5.7rem);margin:2rem auto -2rem}

    /*--- main heading ---*/
    .info-page h1, .info-page-background h1 {font-family:'Agency Gothic CT';font-size:clamp(3.5em, 5vw, 5em);text-transform:uppercase;text-align:center;margin:0}
        .info-page h1 span, .info-page-background h1 span {display:inline-block}

        /*--- icon ---*/
        .info-page h1 img {display:inline-block;vertical-align:middle;width:clamp(3rem, 5vw, 5.7rem)}

    /*--- subheadings ---*/
    .info-page h2, .info-page-background h2 {font-family:'Open Sans';font-weight:bold;text-transform:none;font-size:clamp(1.5em, 5vw, 2em);color:#ce202e;margin:0 0 1.5rem}
        .info-page-background h2 {text-align:center}
        .info-page h3 {clear:left;float:left;padding:0;margin:0 .5em 0 0}
            .info-page h2 span {font-size:.7em;font-weight:normal}
        .info-page h3 + .basic-list {clear:both;padding-top:1.5rem;margin-bottom:2rem}
        .info-page h3 + .basic-list li {margin-bottom:.5rem}

    /*--- text ---*/
    .info-page h3, .info-page p, .info-page .basic-list li, .info-page-background p, .info-page-background .basic-list li {font-size:1.428571em;line-height:1.5}
        .info-page p, .info-page .basic-list li {margin:0 0 1.5em}
            .info-page p strong, .info-page .basic-list strong {color:#ce202e}
            .info-page p a, .info-page .basic-list a {text-decoration:underline}

    /*--- sections -----------------*/
    .info-page section {padding:2rem 0 0;border-top:1px solid #bfbfbf}

        /*--- columns ---*/
        @media (min-width:800px) {
            .info-page > div:not([class]) {display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem, 6vw, 6rem);padding:1rem 0 0;border-top:1px solid #bfbfbf}
                .info-page > div > section {border:0;position:relative}
                    .info-page > div > section:first-child::after {display:block;border-right:1px solid #bfbfbf;position:absolute;top:2rem;bottom:0;right:calc(clamp(1rem, 6vw, 6rem) / -2);content:""}
        }






/*--- REBATES -----------------------------*/
.info-page.rebates {}
    .info-page.rebates h2 {font-family:'Agency Gothic CT';font-weight:bold;text-transform:uppercase;font-size:clamp(3em, 4vw, 4em);color:#000;text-align:center}
    .info-page.rebates .basic-list li {margin-bottom:1.2em}
        .info-page.rebates .basic-list li::before {background-color:#ce202e}
        .info-page.rebates .basic-list a {font-weight:normal}
    .info-page.rebates > div:last-of-type {display:block;text-align:center;border:none}

    /*--- forms ---
    .info-page.rebates > section:last-of-type {}
        .info-page.rebates > section:last-of-type > div {}*/

    /*--- link ---*/
    .info-page.rebates > section:last-of-type {}
        .info-page.rebates > section:last-of-type a {padding-left:clamp(.5em, 4vw, 2.5em);padding-right:clamp(.5em, 4vw, 2.5em);font-size:clamp(1.3rem, 5vw, 1.6rem);font-weight:normal;text-align:center;margin:0 auto 4rem}

        /*--- note ---
        .info-page.rebates > section:last-of-type > p:last-child {text-align:center}
            .info-page.rebates > section:last-of-type > p:last-child b {color:#ce202e}*/








/*--- TAX ------------------------------------*/
.info-page.tax h2 {color:#ce202e}






/*--- SHIPPING --------------------------------*/
.info-page.shipping > div:first-of-type  h2 {color:#ce202e}






/*--- CONTACT ------------------------------*/
.info-page.contact {}
        .info-page.contact h2 {text-transform:uppercase}

        @media (min-width:800px) {
            /*--- sections ---*/
            .info-page.contact > section {padding-left:clamp(0em, calc(0rem + ((1vw - 0.57em) * 41.3793)), 12em);padding-right:clamp(0em, calc(0rem + ((1vw - 0.57em) * 41.3793)), 12em)}
        }

    /*--- info & links ---------*/
    .info-page.contact > section:first-of-type {display:grid;gap:1em 3em}
        .info-page.contact > section:first-of-type h2 {padding-bottom:0;font-size:1.8em;margin:0}

        /*--- hours ---*/
        .info-page.contact > section:first-of-type div {align-self:center;display:flex;gap:0 1em;font-size:clamp(1em, 5vw, 1.5em);font-weight:600}
            .info-page.contact > section:first-of-type div span {flex:0 0 auto}
        .info-page.contact > section:first-of-type p {line-height:1.2;margin:0 0 1em}

        /*--- links ---*/
        .info-page.contact > section:first-of-type > a {width:fit-content;display:flex;gap:.5em;font-size:clamp(1em, 5vw, 1.5em);font-weight:600;word-break:break-word}

            /*--- icons ---*/
            .info-page.contact > section:first-of-type > a::before {width:1em;height:1em;font-family:'Fontawesome';font-weight:normal;font-size:1.2em;text-align:center;color:#555;content:"\f095"}
                .info-page.contact > section:first-of-type > a[href^="tel:"] + a[href^="tel:"]::before {content:"\f02f"}
                .info-page.contact > section:first-of-type > a[href^="mailto:"]::before {content:"\f003"}
                .info-page.contact > section:first-of-type > a[href^="https://www.google.com/maps/"] {margin:1em 0}
                    .info-page.contact > section:first-of-type > a[href^="https://www.google.com/maps/"]::before {content:"\f041"}


        @media (min-width:800px) {
            /*--- contact info ---------*/
            .info-page.contact > section:first-of-type {grid-template-columns:1fr 1fr;grid-auto-flow:column;gap:1em clamp(0em, calc(0rem + ((1vw - 0.57em) * 22.2222)), 8em)}
                .info-page.contact > section:first-of-type > a:first-of-type {align-self:end}
                .info-page.contact > section:first-of-type > a[href^="https://www.google.com/maps/"], .info-page.contact > section:first-of-type p:last-child {grid-column:1/-1;grid-row:4;justify-self:center}
                    .info-page.contact > section:first-of-type p:last-child {grid-row:5}
        }


    /*--- form ---------*/
    .info-page.contact > section:nth-of-type(2) {display:grid;gap:2rem clamp(2rem, 3vw, 3.5rem)}
        .info-page.contact > section:nth-of-type(2) h2 {font-family:'Agency Gothic CT';font-weight:normal;font-size:clamp(3em, 4vw, 4em);color:#000;text-align:center;margin:0}

        /*--- fields ---*/
        .info-page.contact > section:nth-of-type(2) > div {position:relative}
            .info-page.contact > section:nth-of-type(2) label {/*padding:0;position:absolute;top:.85rem;left:1rem;font-size:1.142857em*/;font-size: .85714em;color:#6b6b6b;font-weight:600;margin:0;/*pointer-events:none*/;transition:top .2s, left.2s}
            .info-page.contact > section:nth-of-type(2) input:not([type="submit"]), .info-page.contact > section:nth-of-type(2) textarea {width:100% !important;padding-left:1rem;padding-top:.7em;padding-bottom:.7em;background-color:#ededed;border:0;font-weight:600;margin:0}
                .info-page.contact > section:nth-of-type(2) textarea {min-height:7em}


            /*--- focus state ---
            .info-page.contact > section:nth-of-type(2) > div:focus-within label, .info-page.contact > section:nth-of-type(2) label:not(:has(+ input:placeholder-shown)):not(:has(+ textarea:placeholder-shown)) {top:-1.2em;left:0;font-size:.85714em}*/

            /*--- button ---*/
            .info-page.contact > section:nth-of-type(2) button, .info-page.contact > section:nth-of-type(2) input[type="submit"] {padding-top:.7em;padding-bottom:.7em;font-size:1.142857em;font-weight:600;margin:0}

                /*--- disabled state ---*/
                .submitcaptcha:disabled, .submitcaptcha[disabled] {background-color:#ccc !important;color:#555}

        /*--- note ---*/
        .info-page.contact > section:nth-of-type(2) p {text-align:center;margin-top:1em}


    @media (min-width:700px) {
        .info-page.contact > section:nth-of-type(2) {grid-template-columns:1fr 1fr;grid-auto-flow:column}
            .info-page.contact > section:nth-of-type(2) h2, .info-page.contact > section:nth-of-type(2) p {grid-column:1/-1}
                /*.info-page.contact > section:nth-of-type(2) h2 {grid-row:1}*/
                .info-page.contact > section:nth-of-type(2) > div:nth-last-of-type(3) {grid-column:2}
                .info-page.contact > section:nth-of-type(2) > div:nth-last-of-type(2) {grid-column:2;grid-row:3/6}
                    .info-page.contact > section:nth-of-type(2) textarea {min-height:calc(100% - 1.5rem)}
                .info-page.contact > section:nth-of-type(2) > div.contactReCaptcha, .info-page.contact > section:nth-of-type(2) button, .info-page.contact > section:nth-of-type(2) input[type="submit"] {grid-column:1/-1}

            .info-page.contact > section:nth-of-type(2) p {grid-row:8}
    }







/*--- AFFILIATE ------------------------------*/
.info-page.affiliate {}
    .info-page.affiliate > section {display:grid;align-items:end;gap:2em 3.5em;margin:0 0 2rem}

        /*--- fields ---*/
        .info-page.affiliate > section label {font-size:1.142857em;line-height:1.2;color:#757575;font-weight:600;text-transform:none}
            .info-page.affiliate > section label span {display:block}
            .info-page.affiliate > section input:not([type="submit"]), .info-page.affiliate > section textarea {width:100%;padding-top:.7em;padding-bottom:.7em;background-color:#ededed;border:0;font-weight:600;margin:0}
            .info-page.affiliate > section textarea {min-height:10em}
            .info-page.affiliate > section > div:nth-last-of-type(2), .info-page.affiliate > section button, .info-page.affiliate > section input[type="submit"] {grid-column:1/-1}
            .info-page.affiliate > section button, .info-page.affiliate > section input[type="submit"] {padding-top:.85em !important;padding-bottom:.85em !important}

    @media (min-width:600px) {
        .info-page.affiliate > section {grid-template-columns:1fr 1fr}
    }

    @media (min-width:800px) {
        /*--- form ---*/
        .info-page.affiliate > section {padding-left:clamp(0em, calc(0rem + ((1vw - 0.57em) * 41.3793)), 12em);padding-right:clamp(0em, calc(0rem + ((1vw - 0.57em) * 41.3793)), 12em)}
    }










/*--- INFO PAGES - WITH BACKGROUND --------------------------------------------------*/
main:has(.info-page-background) {max-width:none;padding:2rem clamp(.5rem, 2.5vw, 3rem) 20rem;background:url(info-page-background-top.png) repeat-x center top, url(info-page-background-bottom.png) repeat-x left bottom, #fff;margin-bottom:-2rem}
    .info-page-background {max-width:1700px;padding:0;background-color:transparent;box-shadow:none;margin:0 auto}
        .info-page-background h1 {font-size:clamp(5em, 10vw, 9em)}




/*--- ABOUT ------------------------------*/
main:has(.info-page-background.about) {padding-bottom:0}
    main:has(.info-page-background.about) + footer.site {}
    .info-page-background.about {}


    /*--- jump links -----------*/
    .info-page-background.about > ul:first-of-type {display:flex;max-width:1100px;margin:2rem auto 2rem}
        .info-page-background.about > ul:first-of-type li {flex:1;padding:0 0 2rem;border-bottom:5px solid #000;position:relative}
            .info-page-background.about > ul:first-of-type a {display:block;width:fit-content;padding:.25em clamp(.25em, 3vw, 1em);background-color:rgba(255,255,255,.6);border:2px solid transparent;border-radius:.2em;font-family:'Agency Gothic CT';font-weight:bold;text-transform:uppercase;font-size:clamp(1.2em, 5vw, 3em);margin:0 auto}
                .info-page-background.about > ul:first-of-type a::after {display:block;width:50%;border-bottom:5px solid transparent;position:absolute;bottom:-5px;left:0;content:""}
                    .info-page-background.about > ul:first-of-type li:nth-child(2) a::after {left:0;right:0;margin:auto}
                    .info-page-background.about > ul:first-of-type li:last-child a::after {left:auto;right:0}
                .info-page-background.about > ul:first-of-type a:not(:hover):not(:focus) {color:#000}
                .info-page-background.about > ul:first-of-type a:hover, .info-page-background.about > ul:first-of-type a:focus {border-color:#bb1725}
                .info-page-background.about > ul:first-of-type a:hover::after, .info-page-background.about > ul:first-of-type a:focus::after {border-color:#bb1725}





    /*--- top image -----------*/
    .info-page-background.about > img:first-of-type {margin-bottom:2rem}


    /*--- sections -----------*/
    .info-page-background.about section {max-width:1400px;padding-top:8rem;margin:-8rem auto 6rem}
        .info-page-background.about section h2 {padding-top:0;font-family:'Agency Gothic CT';font-weight:bold;text-transform:uppercase;font-size:clamp(3.5em, 10vw, 5em);letter-spacing:.025em;color:#ce202e}

        @media (min-width:800px) {
            .info-page-background.about section {display:grid;grid-template-columns:clamp(20rem, 25vw, 25rem) 1fr}
                .info-page-background.about section h2 {grid-row:1/10}
                .info-page-background.about section p {}
        }


    /*--- team -----------*/
    .info-page-background.about section:last-of-type {margin-bottom:0}
        .info-page-background.about section ul {grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%/3, max(20rem, 100%/5)), 1fr));gap:clamp(3rem, 5vw, 4rem) clamp(1rem, 5vw, 7rem);padding:0 clamp(.5rem, 2.5vw, 3rem) 4rem;background-color:#000;background:url(https://www.targetsportsusa.com/images/InfoPagesImages/info-page-background-bottom.png) repeat-x left top calc(clamp(12rem, 35vw, 24rem) - 240px), linear-gradient(transparent clamp(12rem, 35vw, 24rem), #000 0) no-repeat;font-family:'Agency Gothic CT';font-weight:bold;text-align:center;color:#fff;margin:4rem calc(clamp(.5rem, 2.5vw, 3rem) / -1) 0}
            .info-page-background.about section ul img {margin:0 auto 1.5rem}
            .info-page-background.about section ul h3 {padding:0;font-family:'Agency Gothic CT';font-weight:bold;font-size:clamp(2rem, 5vw, 2.5rem);line-height:1;text-shadow:0 0 .1rem rgba(0,0,0,.8), 0 0 .3rem rgba(0,0,0,.6), 0 0 .5rem rgba(0,0,0,.4)}
            .info-page-background.about section ul div {font-size:clamp(1.2rem, 3vw, 1.4rem)}

        /*--- last item ---*/
        .info-page-background.about section ul li:last-child {align-self:center;grid-column:1/-1}
            .info-page-background.about section ul li:last-child img {width:100%}


        @media (min-width:1400px) {
            .info-page-background.about section ul {padding-left:calc(((100vw - 1400px)/2) + clamp(.5rem, 2.5vw, 3rem)) !important;padding-right: calc(((100vw - 1400px)/2) + clamp(.5rem, 2.5vw, 3rem)) !important;margin-left:calc(((-100vw + 1400px)/2) - clamp(.5rem, 2.5vw, 3rem)) !important;margin-right: calc(((-100vw + 1400px)/2) - clamp(.5rem, 2.5vw, 3rem)) !important}
        }

        @media (min-width:1700px) {
            .info-page-background.about section ul {padding-left:calc(((100vw - 1700px)/2) + (clamp(.5rem, 2.5vw, 3rem) * 2)) !important;padding-right:calc(((100vw - 1700px)/2) + (clamp(.5rem, 2.5vw, 3rem) * 2)) !important;margin-left:calc(((-100vw + 1400px)/2) - clamp(.5rem, 2.5vw, 3rem)) !important;margin-right:calc(((-100vw + 1400px)/2) - clamp(.5rem, 2.5vw, 3rem)) !important}
        }






/*--- BULK AMMO ------------------------------*/
.info-page-background.bulk {}
    .info-page-background.bulk h1 {padding-bottom:.25em}
    .info-page-background.bulk h3, .info-page-background.free-shipping h3 {font-family:'Agency Gothic CT';font-weight:normal;font-size:clamp(3em, 5vw, 3.5em);text-align:center;color:#000}
    .info-page-background.bulk p + h3 {margin-top:4rem}

    /*--- subtext ---*/
    .info-page-background.bulk > p {text-align:center}

        @media (min-width:700px) {
            .info-page-background.bulk h1 + p b {display:block}
        }

    /*--- banner image ---*/
    .info-page-background.bulk > img {margin:4rem auto}


    /*--- category selector ---------------*/
    .info-page-background.bulk > fieldset {display:grid;grid-template-columns:repeat(4, 1fr);max-width:1450px;font-size:clamp(1.5rem, 5vw, 3rem);position:relative;z-index:1;margin:0 auto 4rem}

        /*--- gradient bar ---*/
        .info-page-background.bulk > fieldset::before {display:block;width:100%;height:.5em;background-image:linear-gradient(to right, #ce202e 30%, #000);position:absolute;top:0;z-index:-1;content:""}

        /*--- legend ---*/
        .info-page-background.bulk > fieldset legend {grid-column:1/-1;float:left;text-align:center;order:1;font-size:1.428571rem;font-weight:normal;text-transform:none;margin:4rem 0 0}

            /*--- label ---*/
            .info-page-background.bulk > fieldset label {padding:.75em 0 0;font-family:'Agency Gothic CT';font-weight:normal;font-size:1em;position:relative;margin:0;grid-row:2}
                .info-page-background.bulk > fieldset label:not(:first-of-type):not(:last-of-type) {text-align:center}
                .info-page-background.bulk > fieldset label:last-of-type {text-align:right}

                /*--- handle ---*/
                .info-page-background.bulk > fieldset label::before {display:none;width:1em;height:1em;background-color:#000;border:.025em solid #ce202e;border-radius:50%;font-size:1.5em;box-shadow:0 0 .25em rgba(0,0,0,.5);position:absolute;top:0;left:50%;margin:-.65em 0 0 -.5em;content:""}
                    .info-page-background.bulk > fieldset input:checked + label::before {display:block}
                    .info-page-background.bulk > fieldset label:first-of-type::before {left:.9em}
                    .info-page-background.bulk > fieldset label:last-of-type::before {left:auto;right:.9em;margin-left:0;margin-right:-.5em}

            /*--- input ---*/
            .info-page-background.bulk > fieldset input {height:.5em;background-color:transparent;opacity:0;margin:0}
                .info-page-background.bulk > fieldset input:hover + label {color:#bb1725}


    /*--- category carousel ---*/
    .info-page-background.bulk .category-list.carousel {padding-bottom:4rem;border-bottom:1px solid #bfbfbf;margin-bottom:4rem}
        .info-page-background.bulk .category-list.carousel h3, .info-page-background.bulk .category-list.carousel h4 {padding:.5em 0 0;font-family:'Open Sans','Arial',sans-serif;font-size:1em;text-transform:uppercase;font-weight:bold;text-align:center;font-style:normal;line-height:1.2em}


    /*--- category listings ---*/
    .info-page-background.bulk > div:last-of-type {}
        .info-page-background.bulk > div:last-of-type section {padding:clamp(1rem, 5vw, 4rem);position:relative;margin:0 0 2rem}
            .info-page-background.bulk > div:last-of-type h3 {margin:0 0 1rem}
            .info-page-background.bulk > div:last-of-type ul {}
                .info-page-background.bulk > div:last-of-type li {}
                    .info-page-background.bulk > div:last-of-type a {display:block;padding:.3em .5em;font-size:1.5em;font-weight:bold}

        /*--- middle group ---*/
        .info-page-background.bulk > div:last-of-type section:nth-of-type(even) {background-color:#ce202e;color:#fff}
            .info-page-background.bulk > div:last-of-type section:nth-of-type(even) h3, .info-page-background.bulk > div:last-of-type section:nth-of-type(even) a {color:#fff}
                .info-page-background.bulk > div:last-of-type section:nth-of-type(even) a:hover, .info-page-background.bulk > div:last-of-type section:nth-of-type(even) a:focus {background-color:#bb1725}

    @media (min-width:700px) {
        .info-page-background.bulk > div:last-of-type {display:flex;gap:clamp(1rem, 5vw, 6rem)}
            .info-page-background.bulk > div:last-of-type section {flex:1}

                /*--- middle group ---*/
                .info-page-background.bulk > div:last-of-type section:nth-of-type(even)::before, .info-page-background.bulk > div:last-of-type section:nth-of-type(even)::after {display:block;border-right:1px solid #bfbfbf;position:absolute;top:0;bottom:0;left:calc(clamp(1rem, 5vw, 6rem) / -1);content:""}
                    .info-page-background.bulk > div:last-of-type section:nth-of-type(even)::after {left:auto;right:calc(clamp(1rem, 5vw, 6rem) / -1);content:""}
    }






/*--- FREE SHIPPING ------------------------------*/
.info-page-background.free-shipping {}
    .info-page-background.free-shipping p {text-align:center}
        .info-page-background.free-shipping p i {font-style:normal}
    .info-page-background.free-shipping h1 {padding-bottom:0}
    .info-page-background.free-shipping > img:nth-of-type(2) {margin:4rem 0}

    @media (min-width:1200px) {
        .info-page-background.free-shipping p span {display:block}
    }


    /*--- link list ---*/
    .info-page-background.free-shipping section {padding:1rem clamp(1rem, 5vw, 4rem) 2rem;border:3px solid #ce202e;margin:4rem 0}
        .info-page-background.free-shipping section ul {display:grid;grid-template-columns:repeat(auto-fill, minmax(max(16em, min(100%/5)), 1fr));gap:0 1rem}
            .info-page-background.free-shipping section ul a {display:block;padding:.3em .5em;font-size:1.5em;font-weight:bold}