/** START GLOBALS **/
#lp_rewards .img-responsive { width: 100%; }
#lp_rewards .st-module .st-btn { margin: 1rem auto 3rem; width: 13rem; }
#lp_rewards .btn-link + .btn-link:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: '';
    width: 0.1rem;
    height: 2rem;
    margin-top: -1rem;
    background-color: #000;
}

@media only screen and (min-width: 375px) {
    #lp_rewards .st-module .st-btn { width: 15rem; }
}

@media only screen and (min-width: 768px) {
    #lp_rewards .st-module .st-btn { width: 20rem; }
}
/** END GLOBALS **/

/** START HERO **/
.rewards-hero {
    background-image: url(https://www.chicos.com/web_assets/chicosRewards/lp_loyalty_hero_mob_bg.png);
    background-size: cover;
    background-position: center;
    margin: 0 -1.5rem;
    padding: 10%;
    text-align: center;
}
.rewards-hero .copy-overlay {
    background: #FFF;
    padding: 3rem;
}
.rewards-hero .logo { margin: 0 auto; max-width: 35rem; width: 100%; }
.rewards-hero p {
    font-size: 1.6rem;
    margin: 2rem auto 0;
}

@media only screen and (min-width: 768px) {
    .rewards-hero {
        background-image: url(https://www.chicos.com/web_assets/chicosRewards/lp_loyalty_hero_bg.png);
        padding: 8% 15%;
    }
    .rewards-hero .copy-overlay { padding: 5rem; }
    .rewards-hero .logo { max-width: 65rem; width: 100%; }
    .rewards-hero p { font-size: 1.7rem; }
}
/** END HERO **/

/** START LOGIN SUCCESS BLOCK **/
.rewards-login-header {
    background-image: url(https://www.chicos.com/web_assets/chicosRewards/lp_status_hero_mob_bg.png);
    background-size: cover;
    background-position: center;
    margin: 0 -1.5rem 3rem;
    padding: 7% 5%;
}
.rewards-login-header .copy-overlay {
    background: #FFF;
    padding: 3rem .5rem;
    text-align: center;
}
.rewards-login-header .eyebrow .logo-small {
    max-width: 20rem;
    width: 60%;
}
.rewards-login-header h1, .rewards-login-header h1 #member-name {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: .02rem;
    line-height: 1.2;
    margin-top: 1rem;
    text-transform: capitalize;
    white-space: nowrap;
}
.rewards-login-header p {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0;
    text-transform: uppercase;
}

@media only screen and (min-width: 414px) {
    .rewards-login-header h1, .rewards-login-header h1 #member-name { font-size: 2.2rem; }
    .rewards-login-header p { font-size: 1.4rem; }
}

@media only screen and (min-width: 768px) {
    .rewards-login-header {
        background-image: url(https://www.chicos.com/web_assets/chicosRewards/lp_status_hero_bg.png);
        margin: 0 auto 3rem;
        padding: 10% 20%;
    }
    .rewards-login-header .eyebrow .logo-small { max-width: 25rem; width:40%; }
    .rewards-login-header h1, .rewards-login-header h1 #member-name {
        font-size: 3rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }
    .rewards-login-header p { font-size: 1.5rem; }
}

@media only screen and (min-width: 1500px) {
    .rewards-login-header h1, .rewards-login-header h1 #member-name {
        font-size: 4rem;
        line-height: 1.2;
        margin-bottom: 1rem;
    }
    .rewards-login-header p { font-size: 1.7rem; }
}
/** END LOGIN SUCCESS BLOCK **/

/** START LOYALTY REWARDS GRAPH/BAR **/
.rewards-block {
    margin: 0 auto 3rem;
    padding: 0 1.5rem;
    width: 39rem;
}
.tier-progress-bar { margin: 0 -2rem; }
.member-tier {
    font-weight: 900;
    text-transform: uppercase;
}
.tier-levels { margin: 0 auto; width: 35rem; }
.rewards-graph {
    background: #F2F2F2;
    height: 3rem;
    line-height: 3rem;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: -4rem;
    width: 35rem;
    z-index: -1;
}
.rewards-bar {
    background: black;
    color: white;
    display: block;
    font-weight: 600;
    height: 3rem;
    left: 0;
    min-width: 4rem;
    padding: 0 .5rem 0 1rem;
    position: absolute;
    text-align: right;
    top: 0;
}
.rewards-target {
    position: absolute;
    right: 1rem;
    top: 0;
}
.rewards-status h2 {
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: .02rem;
    line-height: 1;
    margin-bottom: 1rem;
    margin-top: 3rem;
    text-align: center;
    text-transform: none;
}
.rewards-status h2 .member-tier { font-weight: 900; text-transform: uppercase; }
.rewards-status h2 #founders_five .founders_five {
    height: 5rem;
    vertical-align: sub;
    width: auto;
}
.rewards-status h3 {
    background: #F2F2F2;
    font-size: 1.7rem;
    font-weight: 400;
    height: 4rem;
    margin: 3rem -3rem 5rem!important;
    padding: 1.1rem;
    text-transform: uppercase;
    width: 39rem;
}
.rewards-status .tier-progress-bar .col-xs-3, .rewards-status .tier-progress-bar .col-md-3 {
    border-left: 1px solid black;
    height: 5rem;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.rewards-status .tier-progress-bar .tiername {
    display: inline-block;
    position: relative;
    left: -60%;
    top: -2rem;
    color:#767676;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    width: 7rem;
}
.rewards-status .tier-progress-bar .tiername.bold { color: #343434; font-weight: 700; }
.rewards-status .tier-progress-bar .tiername.active {
    color: black;
    font-weight:900;
}
.rewards-status .tier-progress-bar .tierdollars {
    color: #343434;
    position: relative;
    bottom: -5rem;
    display: inline-block;
    margin-left: -180%;
    text-align: center;
    width: 5rem;
}

@media only screen and (min-width: 992px) {
    .rewards-block { width: 100%; padding: 0; }
    .rewards-status h3 {
        margin: 3rem 0 5rem!important;
        width: 100%;
    }
    .tier-progress-bar { margin: 0; }
    .tier-levels, .rewards-graph { width: 42rem; }
    .rewards-status .tier-progress-bar .tiername { left: -50%; }
    .rewards-status .tier-progress-bar .tierdollars { margin-left: -150%; }
}
/** END LOYALTY REWARDS GRAPH/BAR **/

/** START REWARDS MESSAGING BLOCK **/
.tier-progress-message { padding: 1.5rem 5%; }
.rewards-block .tier-progress-message p {
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: none;
}
.rewards-block .tier-progress-message .rewards-spent {
    color: #343434;
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 1.3rem;
}
.rewards-block .tier-progress-message .rewards-retain {
    color: #343434;
    display: none;
    margin: 0 auto;
    text-align: left;
    width: 90%;
}
.rewards-block .tier-progress-message .rewards-reach {
    color: #343434;
    margin: 1.5rem auto;
    text-align: left;
    width: 90%;
}
.rewards-block .tier-progress-message .rewards-enjoy {
    color: #343434;
    display: none;
    font-weight: 400;
    margin: 0 auto;
    width: 90%;
}
#rewards-spent-value, #rewards-retain-value, #member-tier-delta { font-weight: 600; }
.tier-progress-message .member-tier, #member-next-tier {
    font-weight: 500;
    text-transform: uppercase;
}
@media only screen and (min-width: 992px) {
    .rewards-spent { margin-top: -3.5rem; }
}
/** END REWARDS MESSAGING BLOCK **/

/** START REWARDS HISTORY BLOCK **/
.rewards-history { text-align: left; }
.rewards-history .col-6 { display: inline-block; width: 49%; }
.rewards-history h2 {
    font-size: 1.6rem;
    font-variant-numeric: lining-nums;
    font-weight: 400;
    letter-spacing: .02rem;
    margin-top: 0;
    text-transform: uppercase;
}
.rewards-history h3 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .01rem;
    margin-top: 3rem;
    text-transform: uppercase;
}
.rewards-block .toggle-wrap { width: 90%; }
.rewards-block .toggle-link {
    color: #999;
    font-size: 1.4rem;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
.rewards-block .toggle-link svg {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all .4s ease;
}
.rewards-block .toggle-link.open svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media only screen and (min-width: 375px) {
    .rewards-block .toggle-wrap { width: 100%; }
}

@media only screen and (min-width: 768px) {
    .rewards-block .text-right { margin-top: -4rem; }
}
/** END REWARDS HISTORY BLOCK **/

/** START PERKS **/
.rewards-perks {
    background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks_mob.png);
    background-size: contain;
    background-position: center;
    margin: 0 -1.5rem;
    padding: 3rem 0;
    text-align: center;
}
.rewards-perks.daring { background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks_mob-daring.png); }
.rewards-perks.magnetic { background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks_mob-magnetic.png); }
.rewards-perks.fierce { background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks_mob-fierce.png); }
.rewards-perks.phenomenal { background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks_mob-phenomenal.png); }

.rewards-perks h2 {
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: .03rem;
    line-height: 1.2;
    margin-bottom: 3rem;
    text-transform: capitalize;
}
.rewards-perks .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 60rem;
    width: 90%;
}
.rewards-perks .col-sm-3 {
    align-content: center;
    display: flex;
    flex-direction: column;
    padding: 0 1rem;
}
.rewards-perks .rewardsicon {
    height: auto;
    margin: auto auto 0;
    width: 7rem;
}
.rewards-perks .birthdayicon {
    height: auto;
    margin: auto auto 0;
    width: 7rem;
}
.rewards-perks .insidericon {
    height: auto;
    margin: auto auto 0;
    width: 7rem;
}
.rewards-perks .returnsicon {
    height: auto;
    margin: auto auto 0;
    width: 8rem;
}
.rewards-perks h3 {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.1;
    margin: 1rem auto 2rem;
    text-transform: uppercase;
}

@media only screen and (min-width: 375px) {
    .rewards-perks h3 { font-size: 1.4rem; }
}

@media only screen and (min-width: 768px) {
    .rewards-perks .row {
        max-width: 80rem;
        width: 80%;
    }
    .rewards-perks { background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks.png); padding: 5rem 0; }
    .rewards-perks.daring { background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks-daring.png); }
    .rewards-perks.magnetic { background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks-magnetic.png); }
    .rewards-perks.fierce { background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks-fierce.png); }
    .rewards-perks.phenomenal { background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_perks-phenomenal.png); }
    .rewards-perks h2 { font-size: 3rem; }
}

@media only screen and (min-width: 1024px) {
    .rewards-perks h2 { font-size: 3.6rem; }
}
/** END PERKS **/

/** START STEPS **/
.rewards-steps {
    padding: 4rem 0;
    text-align: center;
}
.rewards-steps h2 {
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: .03rem;
    line-height: 1.2;
    margin-bottom: 0.5rem;
    padding-bottom: 0;
    text-transform: capitalize;
}
.rewards-steps p {
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 1rem;
    padding: 0;
}
.rewards-steps .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
    margin-top: 3rem;
}
.rewards-steps .col-xs-6 {
    align-content: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
    padding: 0 1rem;
}
.rewards-steps .icon {
    height: auto;
    margin: 0 auto 1rem;
    width: 4rem;
}
.rewards-steps h3 {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.1;
    margin: 1rem auto .5rem;
    padding: 0;
    text-transform: capitalize;
}

@media only screen and (min-width: 375px) {
    .rewards-steps h3 { font-size: 1.5rem; }
}

@media only screen and (max-width: 767px) {
    .rewards-steps .col-xs-6.step2, .rewards-steps .col-xs-6.step4 { border-left: 1px solid #e8e3d4; }
}

@media only screen and (min-width: 768px) {
    .rewards-steps { padding: 8rem 0; }
    .rewards-steps h2 { font-size: 3rem; }
    .rewards-steps h3 { font-size: 2.4rem; }
    .rewards-steps p { font-size: 1.8rem; }
    .rewards-steps .row { margin-top: 5rem; }
    .rewards-steps .icon { width: 5.5rem; }
    .rewards-steps .col-sm-4 { margin-bottom: 5rem; }
    .rewards-steps .col-sm-4.step2, .rewards-steps .col-sm-4.step3, .rewards-steps .col-sm-6.step5 { border-left: 1px solid #e8e3d4; }
}

@media only screen and (min-width: 1024px) {
    .rewards-steps h2 { font-size: 3.6rem; }
}
/** END STEPS **/

/** START TIERS **/
.st-module.rewards-tiers {
    background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_tiers.png);
    background-size: contain;
    background-position: center;
    margin: 0 -1.5rem -0.5rem;
    padding: 4rem 0;
    text-align: center;
}
.st-module.rewards-tiers h2 {
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: .03rem;
    line-height: 1.1;
    margin-bottom: .5rem;
    padding-bottom: 0;
    text-transform: capitalize;
}
.st-module.rewards-tiers p {
    font-size: 1.4rem;
    line-height: 1.2;
    margin-bottom: 2rem;
    padding: 0;
}
.st-module.rewards-tiers .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 60rem;
    width: 90%;
}
.st-module.rewards-tiers .icon {
    margin: 1rem auto;
    width: 100%;
}
.st-module.rewards-tiers h3 {
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: .03rem;
    line-height: 1.1;
    margin-bottom: .5rem;
    padding-bottom: 0;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) {
    .st-module.rewards-tiers { padding: 8rem 0; }
    .st-module.rewards-tiers .row {
        max-width: 80rem;
        width: 80%;
    }
    .st-module.rewards-tiers h2 { font-size: 3rem; }
    .st-module.rewards-tiers h3 { font-size: 2rem; }
    .st-module.rewards-tiers p { font-size: 1.8rem; }
}

@media only screen and (min-width: 1024px) {
    .st-module.rewards-tiers h2 { font-size: 3.6rem; }
}
/** END TIERS **/

/** START REWARDS TABLE **/
.module.benefits-block {
    background-image: url(https://www.chicos.com/web_assets/chicosRewards/bg_rewards_table.png);
    margin: 0 -1.5rem;
    padding: 5rem 0;
    text-align: center;
}
.benefits-block sup { margin-left: 0; }
.benefits-block h2 {
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: .02rem;
    margin-bottom: .5rem;
    text-align: center;
    text-transform: capitalize;
}
.benefits-block h3 {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .02rem;
    margin-top: 3rem;
    text-align: center;
    text-transform: none;
}

@media screen and (min-width:768px) {
    .module.benefits-block { padding: 8rem 0; }
    .benefits-block h2 { font-size: 3rem; }
    .benefits-block h3 { font-size: 1.8rem; }
}

@media only screen and (min-width: 1024px) {
    .benefits-block h2 { font-size: 3.6rem; }
}
#rewards-table { margin: 0 auto 3rem; }
#rewards-table .chicos-table {
    border-collapse:separate;
    border-spacing: 5px;
    display: table;
    margin: 0 auto;
    width: 100%;
}
#rewards-table .chicos-table thead tr { display: table-row; }
#rewards-table .chicos-table thead th {
    display: table-cell;
    font-weight: 400;
    padding: 2rem 0 1.5rem;
    text-align: center;
    vertical-align: middle;
    width: 12%;
}
#rewards-table .chicos-table thead th.daring { border-bottom: 12px solid #f56344; }
#rewards-table .chicos-table thead th.magnetic { border-bottom: 12px solid #ffcc33; }
#rewards-table .chicos-table thead th.fierce { border-bottom: 12px solid #003366; }
#rewards-table .chicos-table thead th.phenomenal { border-bottom: 12px solid #000; }
#rewards-table .chicos-table thead .tier-name { display: block; font-weight: 700; text-transform: uppercase; }

#rewards-table .chicos-table tbody tr { border-bottom: 5px solid #FFF; }
#rewards-table .chicos-table tbody tr.lastrow { border-bottom: 0; }
#rewards-table td {
    font-weight: 600;
    margin-left: 2px;
    padding: 1.2rem .25rem;
    text-align: center;
    vertical-align: middle;
}
#rewards-table th.description {
    background-color: #e2dccf;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: .01rem;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    width: 30%;
}
#rewards-table td.magnetic { background-color: rgba(226, 220, 207, 0.4); }
#rewards-table td.fierce { background-color: rgba(226, 220, 207, 0.80) }
#rewards-table td.phenomenal { background-color: rgba(226, 220, 207, 1) }

#rewards-table .description .subtitle {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
}

.benefits-block p {
    font-size: 1.8rem;
    margin: 0;
    padding: 1.2rem 0;
}

.benefits-block p.disclaimer { font-size: 1.4rem; }

@media screen and (max-width:767px) {
    #rewards-table .chicos-table {
        border-collapse:collapse;
        display: table;
        margin: 0 auto;
        width: 100%;
    }
    #rewards-table .chicos-table thead th { padding: 8rem 0 1.5rem; }
    #rewards-table .chicos-table td { border: 0; width: 12%; }
    #rewards-table .chicos-table th { text-align: left; }
    #rewards-table .chicos-table th.header span {
        display: block;
        font-family: "Roboto",serif;
        line-height: 1;
        text-align: center; 
        text-transform: uppercase;
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
        -webkit-transform-origin: 200% -50%;
        -ms-transform-origin: 200% -50%;
        transform-origin: 200% -50%;
        white-space: nowrap;
        width: 1rem;
    }
    #rewards-table .chicos-table th.description {
        font-size: 1.4rem;
        padding-left: 0.5rem;
    }
    #rewards-table .chicos-table th, #rewards-table .chicos-table td { font-size: 1.4rem; }
    #rewards-table .chicos-table sup {
        font-size: .6em;
        top: -0.6em;
    }
    .benefits-block p { font-size: 1.2rem; }
    .benefits-block p.disclaimer { font-size: 1.2rem; }
}

@media screen and (max-width:414px) {
    #rewards-table .chicos-table tbody th { padding: 1.2rem 0rem; }
    #rewards-table .chicos-table th, #rewards-table .chicos-table td { font-size: 1.2rem; }
    #rewards-table .chicos-table th.description { font-size: 1.2rem; letter-spacing: .01rem; }
}
/** END REWARDS TABLE **/

/** START JOIN LINKS **/
.module.rewards-join-links { margin: 0 auto; text-align: center; width: 95%; }
#lp_rewards .rewards-join-links .btn-link {
    font-size: 1.4rem;
    font-weight: 800;
    text-transform: uppercase;
}
#lp_rewards .rewards-join-links .btn-link:hover {
    font-size: 1.4rem;
    font-weight: 800;
}
@media screen and (min-width:768px) {
    .module.rewards-join-links { width: 60%; }
}
/** END JOIN LINKS **/

/** START BOTTOM BAR **/
.pagebottom {
    background-image: url(https://www.chicos.com/web_assets/chicosRewards/lp_loyalty_bottom.png);
    background-size: cover;
    height: 2rem;
    margin: 0 -1.5rem;
}
/** END BOTTOM BAR **/