/* SUBSCRIPTION PAGE */
/* ----------------------------------------------------------- */
#subscription .post-info {
    border-bottom: 1px solid #ccc;
    margin: 16px 0;
}

#subscription h1 {
    font: 700 28px/46px 'barlow condensed',sans-serif;
}

#subscription .content-single {
    width: 55%;
    float: left;
    border: 0;
    padding-right: 20px;
}

#subscription .content-sidebar {
    width: 45%;
}
#subscription .content-single .post-inner {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

#subscription .content-single.page-subscriptions {
    width: 100%;
    max-width: 100%;
    padding-right: 0
}

#subscription .content-single.page-subscriptions .post-body {
    padding: 0;
    border: 0;
}

#subscription .content-single.page-payments {
    width: 100%;
    max-width: 100%;
    padding-right: 0
}

#subscription .content-single.page-payments .post-body {
    padding: 0;
    border: 0;
}

#subscription .content-single.page-cancel {
    width: 100%;
    max-width: 100%;
    padding-right: 0
}

#subscription .content-single.page-cancel .post-body {
    padding: 0;
    border: 0;
}

#subscription .container-right-sidebar {
    width: 37%;
    float: right;
    max-width: 442px;
}

#subscription .content-sidebar.page-home {
    text-align: center;
}
#subscription.single-page {
    /*margin-bottom: 20px;*/
}
#subscription .page .post-body {
    padding: 0;
    margin-bottom: 10px;
    border: 0;
}
#subscription.etv-contact-page .support-box{
    margin: 0;
}
#subscription.single-page .content-single .entry footer {
    padding: 0;
}

#etv-single-page #subscription .page .post-body {
    min-height: 567px;
}

#etv-other-page #subscription .page .post-body {
    min-height: 535px;
}

#subscription .mp_wrapper div#mepr-account-nav {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 5px;
}

#subscription .mp_wrapper table.mepr-account-table th {
    font: 500 14px/28px 'Roboto Bold', Arial;
}

#subscription .sidebar-title {
    font: 500 20px/35px Oswald, 'Roboto Bold', Arial;
    text-align: center;
    padding: 4px 20px;
    width: 100%;
    height: 42px;
    --r: .8em;
    padding-inline: calc(var(--r) + .3em);
    line-height: 1.8;
    clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
    background: #FFE600;
}

#subscription .subs-title {
    font: 500 17px/35px Oswald, 'Roboto Bold', Arial;
    padding-top: 15px;
    border-bottom: 1px solid #CCC;
    margin: 10px 20px 10px 0;
    text-transform: uppercase;
}

#subscription .subs-rate {
    font: 400 17px/34px Oswald, 'Roboto Bold', Arial;
    padding-top: 0;
    margin: 0 20px 0 0;
    /*border-bottom: 1px dotted #CCC;*/
}

#subscription .subs-rate a {
    font: 400 16px/34px Oswald, 'Roboto Bold', Arial;
    padding: 4px 8px;
    background-color: #FE9600;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    margin-right: 8px;
}

#subscription .subs-rate a:hover {
    background-color: #feb600;
    color: white;
    text-decoration: none;
}

#subscription .subs-online {
    padding: 10px 0;
}

#subscription .subs-button {
    box-shadow: inset 0px 1px 0px 0px rgb(0, 116, 255);
    background-color: rgb(0, 116, 255);
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font: 500 17px/35px Oswald, 'Roboto Bold', Arial;
    padding: 4px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
    text-align: center;
    width: 240px;
}

#subscription .subs-button:hover {
    background-color: #0061a7;
    text-decoration: none;
}

#subscription .subs-button:active {
    position: relative;
    top: 1px;
    text-decoration: none;
}

#subscription .subs-by-phone {
    font: 400 17px/28px Oswald, 'Roboto Bold', Arial;
    padding: 0 40px 0 20px;
}

#subscription .subs-by-mail-title {
    font: 15px/23px 'Roboto Regular', Arial;
    padding: 0 20px;
}

#subscription .subs-by-mail-title a {
    font-size: 15px;
    color: #337ab7;
}

#subscription .subs-by-mail-title a:hover {
    text-decoration: underline;
}

#subscription .subs-by-mail-address {
    font: 400 17px/28px Oswald, 'Roboto Bold', Arial;
    padding: 0 20px 0 20px;
}

#subscription .subs-image {
    padding: 20px 0;
}

#subscription .subs-note {
    font: 400 16px/28px Oswald, 'Roboto Regular', Arial;
    padding: 0 20px;
}

#subscription .subs-opinion-image {
    margin-bottom: 50px;
    width: 100%;
}

#subscription .subs-opinion-title {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #3375C4 18.54%, #3375C4 49.97%, #3375C4 81.32%, rgba(255, 255, 255, 0) 100%);
    color: #FFFFFF;
    font: 500 24px/35px Oswald, 'Roboto Regular', Arial;
    padding: 10px 0;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
}

#subscription .mepr-submit {
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    background-color: #74ad5a;
    border-radius: 4px;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font: 500 19px/35px Oswald, 'Roboto Bold', Arial;
    text-shadow: 0px 1px 0px #154682;
    text-align: center;
    padding: 4px 24px;
    text-decoration: none;
    width: 100%;
}

#subscription .mepr-submit:hover {
    background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
    background-color: #68a54b;
}

#subscription .mepr-submit:active {
    position: relative;
    top: 1px;
}

#subscription #wp-submit {
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    background-color: #74ad5a;
    border-radius: 4px;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font: 500 19px/35px Oswald, 'Roboto Bold', Arial;
    text-shadow: 0px 1px 0px #154682;
    text-align: center;
    padding: 4px 28px;
    text-decoration: none;
}

#subscription #wp-submit:hover {
    background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
    background-color: #68a54b;
}

#subscription #wp-submit:active {
    position: relative;
    top: 1px;
}

#subscription input.mepr-form-input {
    height: 46px;
}

#subscription .mepr_first_name,
#subscription .mepr_mepr-address-city,
#subscription .mepr_mepr-address-state,
#subscription .mepr_username,
#subscription .mepr_password,
#subscription .mepr_mepr_city,
#subscription .mepr_mepr_zip_postal_code {
    width: 48% !important;
    float: left;
}

#subscription .mepr_last_name,
#subscription .mepr_mepr-address-country,
#subscription .mepr_mepr-address-zip,
#subscription .mepr_email,
#subscription .mepr_password_confirm,
#subscription .mepr_mepr_state_province,
#subscription .mepr_mepr_united_states_us,
#subscription .mepr_mepr_canada,
#subscription .mepr_mepr_mexico,
#subscription .mepr_mepr_country {
    width: 48% !important;
    float: right;
}

#subscription .mepr_mepr-address-one,
#subscription .mepr_mepr-address-state,
#subscription .mepr_mepr_phone,
#subscription .mepr_password,
#subscription .mp-password-strength-area,
#subscription .mepr_coupon,
#subscription .have-coupon-link,
#subscription .mepr_mepr_zip_postal_code
#subscription .mepr_username,
#subscription .mepr_mepr_address_line_1,
#subscription .mepr-payment-methods-wrapper {
    clear: both;
}

#subscription .mepr_mepr_phone .iti--separate-dial-code {
    width: 48%;
}

#subscription .mepr_mepr_address_line_1,
#subscription .mepr_username,
#subscription .mepr_email {
    margin-top: 30px;
    padding-top: 10px;
    border-top: 1px dotted #CCC;

}

#subscription .mepr_mepr_united_states_us,
#subscription .mepr_mepr_canada,
#subscription .mepr_mepr_mexico {
    height: 76px;
    padding-top: 22px;
}

#subscription .mepr_mepr_country select {
    height: 48px;
}

#subscription .mepr-payment-methods-wrapper {
    padding-top: 5px;
}

#subscription .have-coupon-link {
    display: none;
}

#subscription .mp-form-label,
#subscription .mepr_tos {
    font: 15px/28px 'Roboto Regular', Arial;
    white-space: nowrap;
}

#subscription .mp-form-label .cc-error {
    font: 14px/28px 'Roboto Regular', Arial;
}

#subscription .mepr-form-has-errors {
    margin-top: 10px;
}

#subscription.account .mepr_username,
#subscription.account .mepr_password {
    width: 48% !important;
    float: none !important;
    clear: both !important;
    border: none;
    margin: 0;
}

#subscription.account .mepr_email {
    border: none;
    margin: 0;
    padding: 0;
}

#subscription.account .mepr_email {
    width: 48% !important;
    float: left;
}

#subscription.account .mepr_mepr_phone {
    width: 48% !important;
    float: right;
    clear: none;
}

#subscription.account .mepr_mepr_phone .iti--separate-dial-code {
    width: 100%;
}

#subscription.account .mepr_mepr_address_line_1 {
    clear: both;
    margin-top: 10px;
}

#subscription.account .mepr-submit {
    margin-top: 20px;
}

#subscription a {
    /*font: 17px/28px 'Roboto Regular', Arial;*/
    text-decoration: none;
}
#subscription a:hover {
    text-decoration: underline;
}

#subscription .cat_image {
    box-shadow: 1px 2px 3px #ccc;
    border: 1px solid #9bcdfd;
    width: 91% !important;
    margin: 10px auto;
}

#subscription .make-a-donation {
    width: 91% !important;
    margin: 10px 20px;
    color: #FFFF00 !important;
}

.subscribe-online {
    padding: 0;
    margin-bottom: 20px;
}

.subscribe-online .subscribe-bg {
    background-size: cover;
    background-image: url(/images/subscription/subscribe_banner_bg.jpg);
    background-position: right;
    width: 100%;
    height: 264px;
    border-top: 1px solid #e8e8c5;
    padding: 20px 40px;
}

.subscribe-online a,
.subscribe-online a:hover {
    color: #21211f;
}

.subscribe-online .subs-quote .fa {
    font-size: 24px;
    font-style: italic;
    color: #ff6058;
}

.subscribe-online .subs-quote .subs-quote-text {
    font: 16px/24px 'Roboto Regular', Arial;
    font-style: italic;
}

.subscribe-online .subs-quote .subs-quote-reader {
    font: 19px/35px 'Roboto Bold', Arial;
    font-style: italic;
    margin-bottom: 15px;
}

.subscribe-online .subs-order-now {
    font: 500 17px/35px Oswald, 'Roboto Bold', Arial;
    color: #0D73EA;
}

.subscribe-online .subs-order-now .subs-button {
    background-color: #4d90fe;
    border-radius: 2px;
    cursor: pointer;
    color: #ffffff;
    font: 500 15px/20px Oswald, 'Roboto Bold', Arial;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
    text-align: center;
    width: 300px;
}

.subscribe-online .subs-order-now .subs-button:hover {
    background-color: #0061a7;
    text-decoration: none;
}

.subscribe-online .subs-order-now .subs-button:active {
    position: relative;
    top: 1px;
    text-decoration: none;
}

.subscribe-online .subs-title {
    font: 500 17px/35px Oswald, 'Roboto Bold', Arial;
    padding: 0;
    width: 268px;
    border-bottom: 1px solid #888;
    margin-bottom: 10px;
}

.subscribe-online .subs-online {
    padding: 5px 0;
}

.subscribe-online .subs-button {
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background-color: #007dc1;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font: 500 17px/35px Oswald, 'Roboto Bold', Arial;
    padding: 4px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
    text-align: center;
    width: 230px;
}

.subscribe-online .subs-button:hover {
    background-color: #0061a7;
    text-decoration: none;
}

.subscribe-online .subs-button:active {
    position: relative;
    top: 1px;
    text-decoration: none;
}

.header-right-menu .subs-online {
    /*margin-top: -4px;*/
}

.header-right-menu .subs-button {
    background-color: #1578fb;
    border-radius: 2px;
    cursor: pointer;
    color: #ffffff;
    font: 500 12px/18px Oswald, 'Roboto Bold', Arial;
    padding: 3px 15px 3px 15px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    height: 26px;
}
    
.header-right-menu #btn-google-search {
    width: 45px;
}

.header-right-menu .subs-button:hover {
    background-color: #0061a7;
    text-decoration: none;
}

.header-right-menu .subs-button:active {
    position: relative;
    top: 1px;
    text-decoration: none;
}

.header-right-menu .subs-login {
    padding: 3px 18px 3px 18px;
    font: 500 12px/18px Oswald, 'Roboto Bold', Arial;
    border: 1px solid #888;
    color: #21211f;
    border-radius: 2px;
    text-transform: uppercase;
}

.mepr-form .mepr_price .mepr_price_cell_label {
    display: none !important;
}

.mepr-form .mepr_price .mepr_price_cell {
    font: 400 16px/24px 'Roboto Regular', Arial;
    font-style: italic;
    color: #9C27B0;
}

.mp-form-row.mepr_bold.mepr_price {
    border-bottom: 1px solid #c2c2c2;
    margin-bottom: 16px;
    padding-bottom: 8px;
}

/* DONATION FORM */
#donation-form .btn-label {
    font: 400 18px/28px Oswald, 'Roboto Bold', Arial;
    display: inline-block;
    background-color: #FFEED6;
    color: #FE9600;
    padding: 5px 0;
    width: 100%;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
}

#donation-form .cool-selectors input[type="radio"]:checked + label {
    background-color: #FE9600;
    color: white;
    border-radius: 3px;
}

#donation-form .cool-selectors input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

#donation-form .donation-section-title {
    font: 500 15px/20px Oswald, 'Roboto Bold', Arial;
    color: #929292;
}

#donation-form .btn-label.other-label {
    padding: 4px;
    cursor: pointer;
}

#donation-form .cool-selectors {
    padding: 5px 13px;
}

#donation-form .cool-selectors .col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

#donation-form .donation-button {
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 18px;
}

#donation-form .subs-button {
    width: 100%;
    font-size: 19px;
}

.page-donation .donation-title {
    font: 500 17px/28px Oswald, 'Roboto Bold', Arial;
    padding: 15px 0 5px 0;
    border-bottom: 1px solid #CCC;
    margin: 10px 20px;
    text-transform: uppercase;
}

.page-donation .donation-note {
    font: 400 17px/28px Oswald, 'Roboto Bold', Arial;
    padding: 0 20px;
    text-align: justify;
}

.account .donate-now {
    width: 91% !important;
    margin-top: 20px;
    color: #FFFF00 !important;
}

#subscription .sidebar-magazine-2022 .subs-title {
    /*padding-top: 0 !important;
    margin-top: 0 !important;*/
}

#subscription .sidebar-magazine-2022 .subs-rate {
    font: 400 17px/28px Oswald, 'Roboto Bold', Arial;
    margin: 0 20px 10px 0;
}

#subscription .sidebar-magazine-2022 .subs-link {
    font: 400 17px/28px Oswald, 'Roboto Bold', Arial;
}

#subscription .sidebar-magazine-2022 .subs-link a {
    font: 500 17px/28px Oswald, 'Roboto Bold', Arial;
    margin: 5px;
}

#subscription .btn-subscribe {
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: linear-gradient(to bottom, #FBBF28 5%, #FBB80E 100%);
    background-color: #FABB1C;
    border-radius: 4px;
    border: 1px solid #E0A30A;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font: 500 17px/30px Oswald, 'Roboto Bold', Arial;
    text-shadow: 0px 1px 0px #154682;
    text-align: center;
    padding: 1px 20px;
    text-decoration: none;
    width: 100%;
    height: 54px;
}

#subscription .btn-subscribe:hover {
    background: linear-gradient(to bottom, #ECAC0A 5%, #EFAD07 100%);
    background-color: #F3B415;
}


.subscription-main-wrap {
    float: left;
    width: 100%;
}
.subscription-right {
    border: 1px solid #ddd;
    width: 40%;
    float: right;
    padding: 20px;
    border-radius: 8px;
}
.subscription-right p {
    font: 500 15px/24px 'Merriweather', "Roboto Bold", Arial, sans-serif;
    text-align: justify;
}
#subscription .subscription-right .subs-button {
    width: 100%;
    margin-top: 30px;
}
#subscription.payment-subscription-steps .subs-note {
    padding: 0;
}
#subscription.payment-subscription-steps  .content-single,
#subscription.payment-subscription-steps  .post-info {
    margin-left: 0;
    padding-left: 0;
}
/* Tab content section */
#subscription.payment-subscription-steps .tabs {
    height: auto;
    margin: 0 auto;
}

/* tab list item */
.payment-subscription-steps .tabs .tabs-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: center;
}
.payment-subscription-steps .tabs .delivery-tab.tab {
    border: 0;
}

.payment-subscription-steps .tabs .tabs-list li {
    float: left;
    margin: 0px 4px;
    text-align: center;
    background-color: rgb(120 178 255 / 60%);
    border-radius: 3px;
    width: 180px;
}

.payment-subscription-steps .tabs .tabs-list li:hover {
    cursor: pointer;
}

#subscription.payment-subscription-steps .tabs .tabs-list li a {
    font: 400 18px/24px 'barlow condensed',sans-serif;
    text-decoration: none;
    color: white;
    outline: unset;
    box-shadow: unset;
    padding: 6px 10px;
    display: block;
}
#subscription.payment-subscription-steps .tabs .tabs-list li.active  a{
    color: white;
}
.payment-subscription-steps .title-page {
    font: 400 28px/34px Oswald,'Roboto Bold',Arial;
    margin-top: 30px;
    margin-bottom: 5px;
}
#etv-single-page .payment-subscription-steps .main-content {
    margin-top: 0;
    padding-top: 15px;
    border-top: 0;
}
#subscription.payment-subscription-steps .post-info {
    border-bottom: 0;
    /*margin-top: 10px;*/
}
#subscription.payment-subscription-steps h1 {
    font-size: 22px;
    margin-bottom: 12px;
    /*text-align: center;*/
}
.payment-subscription-steps .tabs .tab {
    display: none;
    width: 100%;
    min-height: 1px;
    height: auto;
    background-color: #fff;
    color: darkslategray;
    clear: both;
}

.payment-subscription-steps .tabs .tab h3 {
    border-bottom: 1px solid cornflowerblue;
    letter-spacing: 1px;
    font-weight: normal;
    padding: 10px;
}

.payment-subscription-steps .tabs .tab p {
    line-height: 20px;
    letter-spacing: 1px;
}

/* When active state */
.payment-subscription-steps .active {
    display: block !important;
}
.payment-subscription-steps .tab-btn {
    display: none;
}
.payment-subscription-steps .tab-btn.div-active {
    display: block;
}
.payment-subscription-steps .tabs .tabs-list li.active {
    background-color:  rgb(0, 116, 255);
    color: black;
    position: relative;
    bottom: 0px;
    min-width: 180px
}

#subscription .delivery-options {
    margin-bottom: 20px;
    /* border-bottom: 2px solid #1478fb;
    padding-bottom: 20px; */
    justify-content: space-between;
}

#subscription.payment-subscription-steps .delivery-options li {
    display: inline-block;
    width: 49%;
    margin: 0;
    border-radius: 3px;
    overflow: hidden;
}
#subscription.payment-subscription-steps .tabs .tabs-list.delivery-options a {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

#subscription.payment-subscription-steps .tabs .tabs-list.delivery-options a span {
    display: block;
    font: 400 18px/24px 'barlow condensed',sans-serif;
}
#subscription .delivery-options li.active a:hover  {
    text-decoration: none;
}