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



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

    /*--- main heading ---*/
    .info-page 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 {display:inline-block}

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

    /*--- subheadings ---*/
    .info-page 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 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 {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 {}

            /*--- 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:2em 3.5em}
            .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;color:#6b6b6b;font-weight:600;margin:0;pointer-events:none;transition:top .2s, left.2s}
                .info-page.contact > section:nth-of-type(2) input, .info-page.contact > section:nth-of-type(2) textarea {width:100%;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}
                .info-page.contact > section:nth-of-type(2) button {padding-top:.7em;padding-bottom:.7em;font-size:1.142857em;font-weight:600;margin:0}

                /*--- 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}

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


        @media (min-width:600px) {
            .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:last-of-type {grid-column:2;grid-row:3/6}
                    .info-page.contact > section:nth-of-type(2) textarea {min-height:100%}

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







    /*--- 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, .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:last-of-type, .info-page.affiliate > section button {grid-column:1/-1}
                .info-page.affiliate > section button {padding-top:.85em;padding-bottom:.85em}

        @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) 4rem;background:url(../img/info-page-background-top.avif) repeat-x center top, url(../img/info-page-background-bottom.avif) 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}




    /*--- ABOUT ------------------------------*/
    .info-page-background.about {}




        /*--- team-----------*/
        .info-page-background.about > ul:last-child {display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%/3, max(12em)), 1fr));gap:clamp(3rem, 5vw, 4rem) clamp(1rem, 5vw, 8rem);background-image:linear-gradient(#fff clamp(10rem, 20vw, 30rem), #000 0);font-family:'Agency Gothic CT';font-weight:bold;text-align:center;color:#fff;margin:0 0 0rem}
            .info-page-background.about > ul:last-child h2 {font-family:'Agency Gothic CT';font-weight:bold;font-size:clamp(1.5rem, 5vw, 2.5rem)}
            .info-page-background.about > ul:last-child div {font-size:clamp(.9rem, 3vw, 1.4rem)}

            @media (min-width:50em) {
                .info-page-background.about > ul:last-child {grid-template-columns:repeat(12, 1fr)}
                    .info-page-background.about > ul:last-child li:nth-child(-n+3) {grid-column:span 4}
                    .info-page-background.about > ul:last-child li:nth-child(n+4) {grid-column:span 3;grid-row:2}
            }