/* body { font-weight: 400; } */ .jcp-col-img { padding: 10px 30px; margin-bottom: 10px; } .jcp-col-img-2 { padding: 10px 45px; margin-bottom: 13px; } .jcp-col-img-3 { padding: 10px 40px; } .jcp-contain-col { width: 100%; max-width: 750px; margin: 0 auto; height: 420px; margin-top: 55px; font-weight: 400; } .jcp-col1, .jcp-col2, .jcp-col3 { display: block; width: 100%; max-width: 33%; float: left; } .jcp-col2 { border-left: thin solid #EBEBEB; border-right: thin solid #EBEBEB; } h4.calls { font-size: 14px; height: 25px; font-style: oblique; } .calls-wrap { padding: 10px 20px 20px; } h4.calls { font-size: 12px; height: 25px; display: flex; align-items: flex-start; justify-content: center; text-align: center; font-family: “Helvetica Neue Light”, sans-serif; font-weight: 100; margin-bottom: 15px; } .flex-container { padding: 0; margin: 0; list-style: none; // border: 1px solid silver; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .nowrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .wrap li { background: transparent; } .wrap-reverse { -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .wrap-reverse li { background: deepskyblue; } .flex-item { border: thin solid #c8c8c8; padding: 10px 10px 20px 10px; width: 200px; // height: 100px; margin: 10px; line-height: 20px; } #join-now { background-color: #cc0000; padding: 13px 50px 10px; border: none; color: #fff; cursor: pointer; text-transform: uppercase; font-family: “Helvetica Neue Bold”, sans-serif; border-radius: 10px; } .join-date { color: #000; font-size: 14px; /* margin-bottom: 10px; */ /* margin-top: 10px; */ font-family: “Helvetica Neue”, sans-serif; line-height: 18px; text-align: center; display: flex; justify-content: center; align-items: center; width: 200px; height: 25px; } img#jcpcf-partner-logo-mha { width: 100%; margin: 0 auto; max-width: 375px; display: block; } html { scroll-behavior: smooth; } .ast-footer-copyright { text-align: center; } h2, .entry-content h2 { /* font-size: 13px; */ font-size: 1.3rem; } p.jcpg-copy-tabs-vid { max-width: 800px; margin: 0 auto 20px; font-size: 14px; line-height: 18px; } body#jcpg { margin: 0px; font-family: open sans; font-size: 18px; } /** * Tabs */ .tabs { display: flex; flex-wrap: wrap; // make sure it wraps justify-content: center !important; } label { width: 33%; } .tabs label { order: 1; // Put the labels first: ; display: block; padding: 0.6rem 1rem; margin-right: 0.2rem; cursor: pointer; background: #e3e3e3; font-weight: 600; transition: background ease 0.2s; text-align: center; font-size: 16px; } .tabs .tab { order: 99; // Put the tabs last: ; flex-grow: 1; width: 95%; display: none; padding: 1rem 0rem 0; background: #fff; } .tabs input[type=”radio”] { display: none; } .tabs input[type=”radio”]:checked + label { background: #fff; } /* .tabs input[type=”radio”] + label + .tab { display: none; } */ .tabs input[type=”radio”]:checked + label + .tab { display: block; } @media (max-width: 45em) { .tabs .tab, .tabs label { order: initial; } .tabs label { width: 100%; margin-right: 0; margin-top: 0.2rem; } } /* Generic Styling */ h1.jcpg-cta { // position: absolute; text-align: left; font-size: 2.1rem !important; margin-bottom: 0px; } p.jcpg-cta-copy { position: absolute; display: block; line-height: 19px; font-weight: 400; padding-top: 5px; font-size: 16px; color: #000000; } .jcpg-cta-blurb { padding-left: 3%; margin-top: 2%; position: absolute; width: 100%; max-width: 368px; } .jcpg-section { width: 100%; max-width: 675px; margin: 0 auto 50px; height: 100px; } .jcp-about { width: 100%; max-width: 675px; margin: 150px auto 0px; height: 420px; } .jcp-profile { float: left; /* padding-right: 25px; */ width: 34%; } .jcpg-section-logo { width: 78%; margin: 0 auto; } .jcp-about-copy { float: right; width: 63%; } .jcp-about-copy-2 { float: right; width: 63%; } p.jcpg-blurb-1 { margin-top: 0px; font-size:16px; line-height:22px; } p.jcpg-blurb-2 { margin-top: 0px; font-size:16px; line-height:22px; } p.jcpg-copy-tabs.body { margin-bottom: 0px; } .video-container { overflow: hidden; position: relative; width: 100%; max-width: 700px; margin: 0 auto 60px; top: 35px; } .diversity-logo { max-width: 250px; } /* .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .jcpg-video-copy { text-align: left; font-size: 15px; padding: 0 20px; max-width: 730px; margin: 0 auto; } .jcpg-container-logos { max-width: 825px; margin: 25px auto 0; } .jcpg-diversity-container-logos { max-width: 1030px; margin: 25px auto 0; } .jcpg-info-left { border-right: solid thin #bebebe; } #jcpg-hero img { width: 100%; } #jcpg-diversity-hero img { width: 100%; margin-top: 20px; } .jcpg-box-1, .jcpg-box-2 { width: 100%; max-width: 500px; margin: 0 auto; padding: 0px; padding-bottom: 12px; } .jcpg-box-1a, .jcpg-box-2a { width: 100%; max-width: 500px; margin: 0 auto; padding: 0px; // padding-bottom: 30px; } h3.relief-blurb { text-align: center; width: 100%; max-width: 785px; margin: 30px auto; font-size:19px; } p.jcpg-copy { text-align: center; font-size: 18px; padding: 0 15px; margin: 20px auto; max-width: 800px; } p.jcpg-copy-intro { text-align: center; font-size: 16px; padding: 0 15px; margin: 20px auto 30px; max-width: 800px; line-height: 20px; } p.jcpg-footer-copy { text-align: center; /* font-size: 16px; */ /* padding: 0px; margin: 20px auto 100px; /* max-width: 625px; float: right; /* padding-left: 25px; */ } p.jcpg-copy-tabs { max-width: 800px; margin: 0 auto 20px; font-size: 16px; line-height: 22px; } p.jcpg-copy-diversity-tabs { max-width: 915px; margin: 30px auto; font-size: 16px; line-height: 22px; } p.jcpg-copy-relief-tabs { max-width: 825px; margin: 30px auto; font-size: 16px; line-height: 22px; } .jcpg-copy-grants { margin-top: 20px; } h2 { margin-top: 0px; margin-bottom: 35px; } .jcpg-flex-items-4 { padding: 0px; max-width: 200px; margin: 10px; line-height: 100px; list-style-type: none; } ul.jcpcf-flex-container.nowrap-1 { list-style: none; margin: 0; } .jcpg-flex-items-5 { padding: 0px; max-width: 200px; margin: 10px; line-height: 100px; list-style-type: none; } .jcpg-flex-items-6 { padding: 0px; max-width: 200px; list-style-type: none; margin: 10px; line-height: 100px; } .jcpg-flex-items-7 { padding: 0px; max-width: 80px; list-style-type: none; margin: 10px; line-height: 100px; } .jcpg-flex-items-8 { padding: 0px; max-width: 200px; margin: 10px; line-height: 100px; list-style-type: none; } .jcpg-flex-items-9 { padding: 0px; max-width: 180px; margin: 10px; line-height: 100px; list-style-type: none; } .jcpg-flex-items-10 { padding: 0px; max-width: 180px; margin: 10px; line-height: 100px; list-style-type: none; } .tabs-width { max-width: 70rem; margin: 0 auto; padding: 0px 20px; } .jcpg-flex-container { padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: space-evenly; align-items: center; } .jcpg-flex-relief-container-a { padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: flex-end; margin-right: 50px; } .jcpg-flex-relief-container-b { padding: 0; margin: 0; list-style: none; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: flex-start; align-items: center; margin-left: 50px; } .jcpg-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; } img#jcpg-partner-logo, img#jcpg-company-logo { width: 85%; } .tabs input[type=”radio”]:checked + label { background: red; color: #ffffff; } ul#jcpg-pillars { max-width: 730px; margin: 0 auto; } h1, .entry-content h1 { font-size: 1.4rem; padding-top: 10px; color: #000000; } div#jcpg-bullets { margin-bottom: 5px; display: block; padding: 0px 0 40px; margin-bottom: 40px; } ul#jcpg-pillars li { float: left; list-style-type: disc; font-size: 16px; margin: 0 23px 0; } .jcpg-groups { background-color: #ededed; max-height: 600px; width: 100%; float: left; margin-bottom: 25px; } .jcpg-relief-logos { min-height: 295px; width: 100%; float: left; margin-bottom: 25px; } #jcpg-group-1 { width: 50%; float: left; /* margin-left: 0px; */ /* margin-right: 0px; */ /* margin: 0 auto; */ } .jcpg-contain, .jcpg-contain-2 { margin: 0 auto; width: 100%; margin-top: 50px; padding-bottom: 20px; } .jcpg-contain-a, .jcpg-contain-2a { margin: 0 auto; width: 100%; margin-top: 50px; padding-bottom: 50px; } img#jcpg-partner-logo-mha { padding: 0 5px; width: 100%; } img#jcpg-partner-logo { padding: 0 5px; width: 100%; } p.jcpg-p { padding-left: 10px; padding-right: 10px; font-size: 16px; line-height: 22px; /* margin-top: 30px; */ max-width: 414px; margin: 15px auto; } hr.jcpg-line { display: none; } #jcpg-group-2 { width: 50%; float: left; margin-left: 0px; margin-right: 0px; margin: 0 auto; } .jcpg-info-right { margin: 0 auto; max-width: 600px; } .jcpg-flex-items-1 { /* width: 90px; */ height: auto; list-style-type: none; } img#jcpg-partner-logo-al { padding-right: 5px; width: 100%; } img#jcpg-partner-logo-jcpcf { padding-right: 5px; width: 93%; } img#jcpg-partner-logo-ds { padding-left: 5px; width: 100%; } .jcpg-flex-items-2 { max-width: 305px; list-style-type: none; } ul#jcpg-pillars li { float: left; list-style-type: disc; font-size: 18px; margin: 0 30px 0; } ul#jcpg-pillars { max-width: 800px; margin: 0 auto; } .fa-add:before, .fa-plus:before { font-style: normal; float: right; } .jcp-grrf img { width: 100%; } p.jcpg-copy.last { margin-bottom: 100px; } .jcp-grrf { width: 100%; max-width: 250px; margin: 0 auto; } @media (min-width: 763px) { .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single { padding: 1.34em 3.67em; } .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single { border-bottom: transparent; } } @media only screen and (max-width:1270px) { h1.jcpg-cta { font-size: 2.4rem; } p.jcpg-cta-copy { max-width: 50%; } } @media only screen and (max-width: 1299px) { /* label { width: 27%; } */ } @media only screen and (max-width: 1100px) { /* label { width: 26%; } */ } @media only screen and (max-width: 1159px) { .tabs label{ font-size: 13px; } } @media only screen and (max-width: 1080px) { li.jcpg-flex-items-3 { width: 200px; } /* .jcpg-flex-items-1 { width: 90px; } */ .jcpg-flex-items-2 { max-width: 305px; line-height: 6px; align-items: center; display: flex; } } @media only screen and (max-width: 1086px) { label { width: 32%; } } @media only screen and (max-width: 1000px) { ul#jcpg-pillars { text-align: left; } } @media only screen and (max-width: 992px) { .jcpg-groups { margin-top: 0px; background-color: #ededed; max-height: unset; min-height: 450px; } i.fa-thin.fa-plus { display: none; } .jcpg-flex-relief-container-a { justify-content: center; margin-right: 0px; } .jcpg-flex-relief-container-b { justify-content: center; align-items: center; margin-left: 0px; } .jcpg-contain-a, .jcpg-contain-2a { margin: 0 auto; width: 100%; margin-top: 0px; padding-bottom: 50px; } #jcpg-group-1, #jcpg-group-2 { width: 100%; text-align: center; } div#jcpg-group-2 { padding-bottom: 40px; } .jcpg-contain { margin-top: 40px; } .jcpg-info-left, .jcpg-info-right { width: 100%; padding-left: 20px; padding-right: 20px; border-right: none; float: none; } .jcpg-flex-container { justify-content: space-evenly; } hr.jcpg-line { display: block; margin-left: 5%; margin-right: 5%; height: 1px; background-color: #bebebe; border: none; margin-top: 5%; } .jcpg-flex-items-2 { max-width: 248px; } .jcpg-contain-a { margin: 0 auto; width: 100%; margin-top: 50px; margin-bottom: -52px; } } @media only screen and (max-width:990px) { .tabs label { padding: 15px 0px 15px; } /* label { width: 28%; } */ } @media only screen and (max-width:916px) { /* label { width: 28%; } */ .tabs label { font-size: 14px; } } @media only screen and (max-width:896px) { .jcpg-cta-blurb { padding-left: 3%; margin-top: 0%; position: absolute; width: 390px; } } @media only screen and (max-width:892px) { /* label { width: 28%; } */ /* .tabs label { font-size: 16px; } */ } @media only screen and (max-width:849px) { /* label { width: 27%; } */ /* .tabs label { font-size: 16px; } */ } @media only screen and (max-width:874px) { .tabs label { font-size: 13px; } } @media only screen and (max-width: 800px) { .jcpg-info-left, .jcpg-info-right { width: 100%; padding-left: 20px; padding-right: 20px; border-right: none; float: none; } } @media only screen and (max-width: 784px) { .tabs label { font-size: 12px; } ul#jcpg-pillars { max-width: 500px; margin: unset; float: left; margin-left: -20px; } h1.jcpg-cta { font-size: 1.6rem; } } @media only screen and (max-width:746px) { ul#jcpg-pillars { padding-left: 0px; } } @media only screen and (max-width:720px) { .tabs label { font-size: 20px; } .tabs label { padding: 10px 15px 10px; } .fa-add:before, .fa-plus:before { float: right; } .tabs label { text-align: left; } .jcpg-section { height: auto; } p.jcpg-blurb-2 { margin-top: 0px; text-align: center; } .jcp-profile { float: none; width: 79%; margin: 0 auto; display: block; } p.jcpg-footer-copy { text-align: center; font-size: 16px; padding: 0px 10px; } .jcp-about { height: unset; } .jcp-about-copy-2 { float: none; width: 79%; display: block; margin: 20px auto 20px; } .jcp-about-copy { float: none; width: 79%; display: block; margin: 20px auto 20px; } .jcp-about-copy-2 { float: none; width: 79%; display: block; margin: 20px auto 20px; } } @media only screen and (max-width:640px) { h1.jcpg-cta { font-size: 1.4rem; } p.jcpg-cta-copy { font-size: 12px; width: 42%; } .tabs label { padding: 5px 15px 5px; } .tabs label { font-size: 18px; } i.fa-thin.fa-plus { display: contents; } } @media only screen and (max-width: 414px) { .jcp-col2 { border-left: none; border-right: none; } .jcp-col1, .jcp-col2, .jcp-col3 { width: 100%; max-width: 100% !important; } h2, .entry-content h2 { padding-left: 5px; padding-right: 5px; } .jcpg-flex-items-7 { padding: 0px; max-width: 80px; list-style-type: none; margin: 10px; line-height: 0px; } .jcp-profile { width: 85%; } p.jcpg-copy-relief-tabs { padding-left: 15px; padding-right: 15px; } h3.relief-blurb { text-align: center; width: 100%; max-width: 785px; margin: 30px auto; padding-left: 15px; font-size: 19px; padding-right: 15px; padding-bottom: 0px; } .jcpg-flex-items-10 { padding: 0px; max-width: 180px; margin: 0 0 0 10px; line-height: 100px; list-style-type: none; } div#jcpg-bullets { margin-bottom: 50px; max-width: 323px; margin: 0 auto 50px; } p.jcpg-copy-diversity-tabs { padding-left: 15px; padding-right: 15px; } .video-container { margin: 0 auto 50px; } .jcpg-flex-items-4, .jcpg-flex-items-5 { line-height: 40px; } p.jcpg-copy-tabs { max-width: 800px; margin: 0 auto 20px; font-size: 15px; line-height: 22px; padding: 0 20px; } p.jcpg-p { padding-left: 15px; padding-right: 15px; max-width: 370px; margin: 6px auto 25px; /* font-size: 15px; */ } .tabs input[type=”radio”]:checked + label { width: 90%; margin: 0 auto; } div#jcpg-group-2 { padding-bottom: 0px; } .jcpg-contain, .jcpg-contain-2 { margin: 0 auto; width: 100%; margin-top: 0px; padding-bottom: 20px; } .jcpg-contain-2a { margin: 0 auto; width: 100%; margin-top: -3px; padding-bottom: 50px; } /* ul#jcpg-pillars li { padding: 0px 0px 0px 0px; font-size: 16px; margin: 5px 12px; } */ img#jcpg-partner-logo { max-width: 150px; } p.jcpg-copy-intro { text-align: left; font-size: 16px; padding: 0 15px; margin: 20px auto 30px; width: 100%; } .tabs { display: block; // make sure it unwraps: ; } .tabs label { font-size: 16px; max-width: 90%; margin: 0 auto 5px; padding: 10px 15px 10px; } .tabs .tab { width: 100%; } h1 { font-size: 1.2rem; } .jcp-about-copy { float: none; width: 79%; display: block; margin: 20px auto 20px; } .jcp-about-copy-2 { float: none; width: 79%; display: block; margin: 20px auto 20px; } .jcpg-section-logo { width: 55%; margin: 20px auto; } .jcpg-video-copy { padding: 0px 15px; } p.jcpg-p { font-size: 16px; } .jcpg-box-1, .jcpg-box-2 { padding-bottom: 0px; } .jcpg-info-left, .jcpg-info-right { width: 100%; padding-left: 0px; padding-right: 0px; max-width: 414px; margin: 0 auto; text-align: left; } .jcpg-cta-blurb { padding-left: 2%; margin-top: 0%; } ul#jcpg-pillars { margin-left: 0px; margin-bottom: 20px; } h1.jcpg-cta { font-size: 1.2rem !important; } p.jcpg-cta-copy { font-size: 10px; width: 36%; /* float: left; */ /* position: absolute; */ line-height: 12px; } #jcpg-hero img { width: 115%; } .jcpg-groups { background-color: #ededed; width: 100%; float: left; margin-bottom: 25px; } .jcpg-contain { margin: 0 auto; width: 100%; margin-top: 30px; } li.jcpg-flex-items-3 { width: 170px; } ul#jcpg-pillars li { padding: 0px 0px 0px 0px; font-size: 16px; margin: 5px 18px; } body#jcpg { font-size: 16px; } .tabs label { font-size: 18px; } img#jcpg-partner-logo { max-width: 133px; } } @media only screen and (max-width: 390px) { h1, .entry-content h1 { font-size: 1.3rem; } .container { padding: 0px 0px; } .tabs label { font-size: 16px; } .tabs .tab { padding: 0rem 0rem 0; } .tabs-width { /* max-width: 101rem; */ margin: 0 auto; padding: 0px 0px; } p.jcpg-cta-copy { max-width: 37%; } img#jcpg-partner-logo { max-width: 125px; } ul#jcpg-pillars li { padding: 0px 0px 0px 0px; font-size: 14px; margin: 5px 12px; } } .tab::after { display: block; } #tabone:checked ~ .tab::after { display: none; }

<!–

Here are some of the ways we support our communities, our associates in times of need and important causes that make a difference.

–> <!– –>

For more information on JCPenney giving, visit JCPenney Newsroom.