/* in page offers */
 .access-offers-wrapper {
     background: white;
     width: 960px;
}
 .offer-group-title {
     color:white;
     background: var(--footer-bg-color);
     padding: 8px 5px 8px 5px;
     border-radius: 5px 5px 0 0;
     font-family: var(--font-community-serif);
     margin: 20px 0 0 0;
     box-shadow: 0 5px 6px 0 rgb(0 0 0 / 7%);
     font-size: 20px;
     display: flex;
     justify-content: center;
     align-items: center;
     height: 45px
}

.access-offers-wrapper > .clearfix {
     display: none;
}

.access-offers-wrapper .subscription-service.panel .btn{
    font-family: var(--font-daily-serif-bold);
    box-shadow: none;
    padding:0;
    width:150px;
    display: flex;
    justify-content: center;
    height: 41px;
    align-items: center;
    font-size: 15px !important;
    background:#dd3200;
    box-shadow: none;
    border-radius: 4px;
    color: #fff !important
}
 .access-offers-wrapper .subscription-service.panel.single-offer .btn.btn-lg {
     margin-top:20px;
}
 .access-offers-wrapper .subscription-service.panel .btn.btn-lg {
     font-size: 1.6rem;
}
 .access-offers-wrapper .subscription-service.panel a.btn:hover {
     background: #fff;
     color: #006ED2 !important;
     -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 40%);
     box-shadow: 0 2px 8px 0 rgb(0 0 0 / 40%);
}




 .access-offers-wrapper .subscription-service .offer-details {
     grid-area: body;
     text-align: center;
     min-height: 0;
}

 .access-offers-wrapper .subscription-service .offer-rate, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-rate {
     color: #003471;
     font-weight: 700;
     font-size: 1.8rem;
     font-family: var(--font-community-serif);
}

.access-offers-wrapper .subscription-service .offer-cycle, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-cycle {
     color: #ffffff;
     font-size: 15px;
     font-weight: normal;
     line-height: normal;
}

.access-offers-wrapper .subscription-service .offer-limits, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-limits {
     color: #ffffff;
     font-size: 15px;
     font-weight: normal;
     line-height: normal;
}

.access-offers-wrapper .subscription-service .offer-savings, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-savings {
     color: #ffffff;
     font-size: 15px;
     font-weight: normal;
     line-height: normal;
}
.access-offers-wrapper .subscription-service .offer-cancel, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-cancel {
     display: none;
}

 .access-offers-wrapper .access-methods-list .subscription-service {
     border: none;
}
 .asset .asset-body .access-offers-wrapper .access-methods-list {
     margin: 10px auto 0 auto;
     width: 100%;
     max-width: 830px;
}

 .asset .asset-body .access-offers-wrapper .access-methods-list .promotion-service.single-offer {
     margin: 0 10% 0 10%;
     max-width: 80%;
}
 .subscriber-offers.access-offers-in-page.access-offers-wrapper {
     -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
     box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
     margin-bottom: 15px;
     border-radius: 5px;
     position:relative;
     z-index: 450;
}
 .last-preview {
     background-image: linear-gradient(180deg,#000000 0%,rgba(0,0,0,0));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}
 .offer-group-description{
    width: 100%;
    padding: 0 !important;
    margin: 10px 0 0 0 !important;
}
 .access-offers-wrapper .access-methods-list .subscription-service .method-header {
     padding: 0 0 10px 0;
     margin: 0;
     font-weight: 700;
     font-size: 1.8rem;
     font-family: var(--font-community-serif);
     text-align: center;
}
 .access-offers-modal .modal-content {
     background: #ffffff;
}
 .form-control {
     background: #f4f4f4;
}
 .access-offers-wrapper .subscribe-form-purchase-rate .rate-info {
     background: #f4f4f4;
}
 #form-submit-super-purchase {
     font-family: var(--font-daily-sans);
}
 @media screen and (max-width: 1085px) {
     .access-offers-wrapper {
         width: 80vw;
    }
    .offer-group-description {
    }
     .offer-group-title {
         font-size: 1.4rem;
    }
}
 @media screen and (max-width: 991px) {
     .access-offers-wrapper .access-methods-list .subscription-service, #modal-offers-tab #access-methods .subscription-service {
         grid-template-areas: "header" "body" "footer" "description" !important;
         grid-template-columns: auto !important;
         padding:10px 15px 
    }
     .access-offers-wrapper .access-methods-list, .access-offers-wrapper.access-offers-modal .access-methods-list{
        grid-gap:30px 30px !important
    }
     .method-description{
        min-height: auto !important
    }
     .access-offers-wrapper .access-methods-list .subscription-service .method-featured, #access-offers-modal .method-featured {
         width: 100% !important;
    }
     .access-offers-wrapper .access-methods-list .subscription-service .method-header {
         text-align: center !important;
    }
     .access-offers-wrapper .access-methods-list .subscription-service .method-footer {
         align-self: center !important;
         justify-self: center !important 
    }
     .access-offers-wrapper .access-methods-list .subscription-service .offer-details {
         text-align: center !important;
    }
    
    .subscriber-offers.access-offers-in-page.access-offers-wrapper {
         min-height: 0;
    }
    .offer-group-description {
    }
     .access-offers-wrapper .access-methods-list .subscription-service {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
    }
     .access-offers-wrapper .access-methods-list .subscription-service .btn {
         padding: 14px;
         font-family: var(--font-daily-serif-bold);
         margin: 12px 0 14px 0;
    }
     .access-offers-wrapper .subscription-service .offer-limits, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-limits {
         font-size: 1.25rem !important;
         font-weight: 500;
         text-align: center;
         font-family: var(--font-daily-serif);
    }
     .access-offers-wrapper .subscription-service .offer-rate, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-rate {
         text-align: center;
         font-family: var(--font-community-serif);
         font-size: 1.8rem !important;
    }
     .asset .asset-body .access-offers-wrapper .access-methods-list .promotion-service.single-offer {
         margin: 0 10% 15px 10%;
         max-width: 80%;
    }
    
    .asset .asset-body .access-offers-wrapper .access-methods-list {
        margin-top:0
    }
    .access-offers-wrapper .subscription-service .offer-rate, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-rate {
        margin-bottom: 5px;
    }
}
 @media screen and (max-width: 767px) {
     .offer-group-description {
    }
     .access-offers-wrapper {
         position: relative;
         width: 100vw;
         margin-left: calc(-50vw + 50%);
    }
    .access-offers-wrapper .subscription-service .offer-rate, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-rate {
        margin-bottom:0 !important
        }
    
    .offer-group-title{
        height: auto !important
    }
}
 @media screen and (max-width: 350px) {
     .access-offers-wrapper .access-methods-list .subscription-service .subscription-service.panel .btn {
         padding: 14px 50px;
    }
     .access-offers-wrapper .subscription-service.panel .btn.btn-lg {
         font-size: 1.3rem !important;
    }
     .access-offers-wrapper .access-methods-list .subscription-service .method-header {
         font-size: 1.3rem !important;
    }
     .access-offers-wrapper .subscription-service .offer-rate, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-rate {
         font-size: 1.3rem !important;
    }
     .access-offers-wrapper .subscription-service .offer-limits, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-limits {
         font-size: 1rem !important;
    }
     .offer-group-title {
         font-size: 16px !important;
    }
}
 .subscriber-offers{
     display: flex;
    flex-direction: column
}

.subscriber-offers[hidden]{
    display: none!important;
}

.offer-group-title{
    margin-top: 0
}
 .access-offers-wrapper .access-methods-list .subscription-service .method-image img{
    max-height: 80px
}
 .section-subscribe #tncms-region-index-breakout-one .mainSubscribeOffer{
    width: min(1170px,calc(100% - 30px));
     margin:0 auto !important
}
 .access-offers-wrapper {
    width: min(1170px,calc(100% - 30px));
    margin:0 auto !important
}
 .blox-asset .access-offers-wrapper {
    width: 930px;
}
.col-xs-12.access-offers-wrapper {
    width: 100%;
}
 @media only screen and (max-width: 1085px){
     .blox-asset .access-offers-wrapper {
        width: 100%;
    }
}
 .method-footer{
    padding-top:20px;
    margin-top: auto;
    margin-bottom: 0 !important;
}
 .method-link{
    margin-bottom: 0!important
}
 .access-offers-wrapper .access-methods-list .subscription-service{
    margin-bottom:0;
    grid-template-rows: auto;
    display: flex;
    flex-direction: column
}
 .method-image{
    min-height: 50px
}
 .access-offers-wrapper .access-methods-list {
    display: grid;
    grid-gap: 0 30px;
    align-items: stretch;
    margin: 10px 10% 0px;
    padding-bottom: 20px;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    padding: 0 20px 20px ;
}
 .blox-asset .subscriber-offers{
     background: white;
    margin-bottom: 20px !important
}
 .access-offers-wrapper *{
    font-family: var(--font-daily-sans) !important
}
 .promotion-service{
    padding-left: 10px !important;
    padding-right: 10px !important
}
 .access-offers-wrapper .subscription-service .offer-rate, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-rate{
    font-size: 21px
}
 .method-description{
    min-height: 180px
}
 .access-offers-wrapper .access-methods-list{
    gap:30px
}

 .access-offers-wrapper .access-methods-list .subscription-service .method-image img{
    max-height: 40px !important
}
 
.access-offers-modal .modal-content{
    background: #fff
}
 .asset .asset-body .access-offers-wrapper .access-methods-list .promotion-service{
    max-width:380px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 30px
}
 .asset .asset-body .access-offers-wrapper .access-methods-list .promotion-service.single-offer{
    max-width: 730px
}
 .access-offers-wrapper .access-methods-list .subscription-service{
    border: 0;
    background: var(--paywall-offer-bg);
    background: var(--paywall-offer-bg-gradient);
}

 #access-offers-modal .method-featured, .access-offers-wrapper .access-methods-list .purchase-form-wrapper .featured, .access-offers-wrapper .access-methods-list .subscription-service .method-featured {
    display: none
}

 
 .access-offers-wrapper .access-methods-list .subscription-service .method-header {
    color: #fff;
    font-size: 20px;
    margin-bottom:15px
}
 .access-offers-wrapper .subscription-service .offer-rate, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-rate {
    color: #fff !important;
    font-size: 35px;
    margin-bottom: 24px !important;
    line-height:1.2 !important;
}
 .access-offers-wrapper .subscription-service .offer-limits, .asset #asset-content .access-offers-wrapper .subscription-service p.offer-limits {
    color: #fff !important;
    font-size: 15px !important;
    font-weight: normal !important
}
 .access-offers-wrapper .access-methods-list .subscription-service .method-image{
    display: none
}
 .access-offers-wrapper .subscription-service .offer-details{
    min-height: 0
}
 .access-offers-wrapper .subscription-service .offer-details p{
    margin-bottom: 24px !important;
    margin-top: 0 !important
}
 .access-offers-wrapper .access-methods-list{
    justify-items: center
}
 .offer-group-description:empty{
    display: none
}
.subscription-service.panel button.btn.btn-block.btn-lg {
    width: 218px;
    padding: 11px;
}
button#form-federated-auth-super-purchase-blox-account {
    width: 218px;
    box-shadow: 0 5px #9f1f1f;
    padding: 10px 25px 5px;
    background-color: #ba3838;
}

.access-login .logged-in {
    width: 80%;
    margin: 10px auto 5px;
    padding: 10px 5px 30px 5px;
}

.user-login-fed-auth button svg {margin-right:4px;}

/* changes for purchase modal */
.access-offers-modal .modal-content {
    background-color: #fff;
}
.access-offers-modal .logged-in.alert.alert-success {
    padding-bottom: 32px;
}
.access-offers-wrapper .form-horizontal input[type=text], .access-offers-wrapper .form-horizontal input[type=number], .access-offers-wrapper .form-horizontal select  {
    background-color: #F8F8F8 !important;
}
#form-federated-auth-super-purchase-email{text-align:center;}

.access-offers-wrapper .access-methods-list .subscription-service {
  padding-top: 40px;
  padding-bottom: 30px;
}
.subscriber-offers a{text-shadow: none !important;background-image: none !important;
}
#user-modal-tab-purchase-success .modal-footer {
    text-align: center;
}

/* Special Articles Overwrites */

#SA_main-body .access-login{font-size: 14px;color: #000}
#SA_main-body .access-login a{color: #000 }
#SA_main-body .access-login a:hover{color: #006ED2  !important; }
#SA_main-body .access-offers-wrapper .subscription-service.panel .btn:hover {color: #006ED2 !important;}