/* ------------------------ 

#33393f - main dark blue
#637075 - grey blue
#929e9e - light grey blue
#bec4c4 - 60% light grey blue
#DE1F26 - red
#F1F1F1 - box bg grey
#78B54D - blog green
#6FC2C4 - turquoise
#6AA2CC - light blue

-------------------------------*/

:root {
    --sub_max_width: 400px;
    --page_width_padding: 10px;
}

/* ------------------------ LAYOUT -------------------------------*/

body {
    padding: 0;
    margin: 0 auto;
    background: #fff;
}

#page_container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.page_width {
    margin: 0 auto;
    max-width: var(--page_width);
    padding: 0 var(--page_width_padding);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.nav {
    padding-top: 15px;
    max-width: 400px;
    margin-left: auto;
    text-align: right;
    align-items: flex-end;
    display: flex;
    margin-right: -10px;    
    position: relative;
    top: 15px;
}

#footer {
    border-top: 1px #F1F1F1 solid;
    padding-top: 30px;
}

.header {
    position: relative;
    padding-top: 30px;
    padding-bottom: 25px;
    font-family: "basic-sans-narrow-reg";
    font-size: 1.2em;
    color: #929e9e;
    margin-bottom: 38px;
    display: flex;
    border-bottom: 1px #F1F1F1 solid;
}

.header a {
    text-decoration: none;
    color: #929e9e;
}

.header a:hover {
    opacity: 0.8;
}

#footer_wrap {
    margin-top: 30px;
    padding-bottom: 20px;
}

.narrow_width {
    max-width: 850px;
    margin: 0 auto;
    padding-top: 10px;
}

.short_width {
    max-width: 700px;
    margin: 0 auto;
    padding: 0 10px;
    box-sizing: border-box;
}

.flex {
    display: flex;
}

/* ------------------------ HEADER -------------------------------*/

#header_subs_wrap {
    float: right;
}

#sj_logo a {
    background: no-repeat left top url('../images/slow-journalism-logo.svg');
    text-indent: -999em;
    display: block;
    width: 190px;
    height: 87px;
    margin-right: 5px;
    padding-left: 20px;
}

#dg_logo {
    float: left;
    padding-bottom: 15px;
}

#dg_logo a {
    background: no-repeat left top url('../images/DG-logo.svg?v=2');
    text-indent: -999em;
    display: block;
    width: 406px;
    height: 100px;
    position: relative;
    left: -2px;
}

#dg_logo a span {
    display: block;
    position: absolute;
    bottom: -28px;
    left: 2px;
    text-indent: 0;
    font-size: 20px;
}

.nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav li {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fff;
    vertical-align: top;
}

.nav #menu-main-menu-1 .menu-item-14077 a {
    color: #DE1F26 !important;
}

.nav #menu-main-menu .menu-item-17975 {
    display: none;
}

.nav a {
    display: block;
    text-decoration: none;
    padding: 0 10px;
    color: #33393f;
    font-size: 1.1em;
    line-height: 29px;
}

.nav a:hover {
    color: #a8b8ba;
}


#header_subs_wrap span {
    display: block;
    float: left;
    line-height: 88px;
    margin-right: 10px;
    color: #bec4c4;
}

#header_subs_wrap .sub_btn {
    float: left;
}

.menu-item-2306>a {
    display: none;
}

.menu-item-13311 {
    display: none !important;
}

#menu-item-10826 a {
    font-weight: bold;
    color: #DE1F26;
}

#menu-blog-menu, .sub_cats_wrap {
    font-family: "basic-sans-narrow-reg";
    font-size: 19px;
    line-height: 29px;
}

#menu-blog-menu li, .sub_cat_wrap {
    padding: 0 10px;
}

.header_account_btn {
    position: absolute;
    top: 28px;
    right: 50px;
}

.header_account_btn a {
    text-decoration: underline;
    color: #CCCED0;
    font-size: 16px;
}

.header_account_btn a:hover {
    color: inherit;
}

/* ------------------------ TEXT STYLES -------------------------------*/

h1,
h2,
h3 {
    font-family: "miller-display";
    font-size: 2.4em;
    font-weight: 600;
}

h2,
h3 {
    font-size: 2em;
}

h4,
h5,
h6 {
    font-family: "basic-sans-narrow-reg";
    font-weight: normal;
    letter-spacing: 0.01em;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: 600;
}

.white_text {
    color: #fff;
}

h1 {
    text-align: center;
    font-size: 3.5em;
    margin-bottom: 30px;
    padding-bottom: 10px;
}

.single-products .testimonial_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.testimonial_wrap.single_column {
    display: block;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.testimonial_wrap.single_column > div {
}

.what_subs_say > p {
    margin: 0 !important;
}

.testimonial_wrap.single_column .what_subs_say > blockquote, .testimonial_wrap.single_column .what_subs_say .twitter-tweet {
    max-width: 550px;
    box-sizing: border-box;
    margin-left: auto !important;
    margin-right: auto !important;
}


.testimonial_wrap > div {
    background: #F1F1F1;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 25px;
}

/* ------------------------ MISC -------------------------------*/

img {
    max-width: 100%;
    height: auto;
}

.MagicZoomBigImageCont img {
    max-width: none;
}

.circle {
    -webkit-border-radius: 100px;
    border-radius: 50% !important;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-top: 33px;
    display: block;
    text-align: center;
    width: 88px;
    height: 55px;
    color: #fff !important;
    text-transform: uppercase;
    font-family: "basic-sans-narrow-reg";
    line-height: 1.2em;
    font-size: 20px !important;
    font-weight: normal;
    text-decoration: none;
}

a.sub_btn {
    background: #DE1F26;
}

a:hover.sub_btn {
    background: #33393f;
    opacity: 1 !important;
}


.column {
    float: left;
    margin: 0 1.25%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.col_left_edge {
    margin: 0 1.25% 0 0;
}

.col_right_edge {
    margin: 0 0 0 1.25%;
}

.colx1 {
    width: 6%;
}

.colx2 {
    width: 14.5%;
}

.colx3 {
    width: 23%;
}

.colx4 {
    width: 31.5%;
}

.colx5 {
    width: 37%;
}

.colx6 {
    width: 48.5%;
}

.colx7 {
    width: 57%;
}

.col_8th {
    width: 10%;
}

.arrow_white {
    padding-top: 0;
    background: #fff no-repeat -1px -0px url('../images/sj_sprite.svg?v=6');
    width: 28px;
    height: 28px;
    text-indent: -999em;
}

a:hover.arrow_white {
    background-color: #929e9e;
}

.sub_ad_outer {
    padding: 80px 4.5% 0 4.5%;
    clear: both;
}

.sub_ad_drop_shadow {
    background: #929e9e;
}

.sub_ad_wrap {
    display: block;
    background: #33393f;
    border: #fff 2px solid;
    padding: 15px;
    color: #fff;
    position: relative;
    top: -5px;
    left: -5px;
}

.sub_ad_outer a {
    display: block;
    text-decoration: none;
}

.sub_ad_outer a:hover .sub_ad_wrap {
    position: relative;
    top: 0;
    left: 0;
}

.sub_ad_header {
    display: inline-block;
    width: 31%;
    font-family: "miller-display";
    letter-spacing: 0.02em;
    font-size: 2.5em;
    line-height: 1.1em;
}

.sub_ad_offer {
    display: inline-block;
    width: 30%;
    margin-left: 29%;
    margin-right: 10px;
    font-family: "basic-sans-narrow-reg";
    letter-spacing: 0.02em;
    font-size: 1.5em;
    text-align: center;
    vertical-align: top;
    padding-top: 2%;
    line-height: 1.2em;
}

.sub_ad_offer b {
    color: #929e9e;
    font-size: 0.9em;
}

.sub_ad_arrow {
    display: inline-block;
    vertical-align: top;
    margin: 26px 0 0 2%;
}

.arrow_red {
    padding-top: 0;
    background: #DE1F26 no-repeat 12px -78px url('../images/sj_sprite.svg?v=6');
    width: 62px;
    height: 62px;
    text-indent: -999em;
}

.sub_ad_pacj_shot {
    display: block;
    position: absolute;
    background: no-repeat left top url('../images/slow-journalism-magazine.png?v=2');
    background-size: 248px;
    left: 34%;
    width: 260px;
    height: 204px;
    bottom: 0px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* WP audio player */
.mejs-container {
    width: 100% !important;
}

.intro_vid_outer .videoWrapper_outer {
    max-width: 583px;
    margin: 0 auto
}

.info_graphics_single h1 {
    margin-bottom: 10px;
}

a.sub_btn {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform 100ms ease-in-out;
    -moz-transition: -moz-transform 100ms ease-in-out;
    -o-transition: -o-transform 100ms ease-in-out;
    transition: transform 100ms ease-in-out;
}

a.sub_btn.btn_beat {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-transition: -webkit-transform 100ms ease-in-out;
    -moz-transition: -moz-transform 100ms ease-in-out;
    -o-transition: -o-transform 100ms ease-in-out;
    transition: transform 100ms ease-in-out;
}

.infog_sign_up input {
    border-color: #fff;
}

.infog_sign_up {
    background: #33393F;
    padding: 20px 20px 10px 20px;
    margin-top: 30px;
    color: #fff;
    font-family: "basic-sans-narrow-reg";
    text-align: center;
    position: relative;
}

.infog_sign_up p {
    font-size: 1.4em !important;
    margin: 0 10px !important;
    line-height: 1.4em !important;
}

.infog_sign_up p,
.infog_sign_up form {
    display: inline-block;
}

.infog_sign_up button,
.infog_sign_up .button {
    display: inline-block;
    clear: none;
    background: #fff;
    color: #33393F;
    margin: 0 0 0 10px;
    margin-bottom: 10px;
}

.single-post .infog_sign_up .button, .single .entry .footer_newsletter_signup .button {
    display: block;
    width: 98px;
    margin: 13px auto;
}

.single .entry .footer_newsletter_signup .button {
    margin-bottom: 0;
}    

.infog_sign_up input {
    margin-bottom: 10px;
}

.infog_sign_up .error,
.infog_sign_up p.infog_signup_thanks {
    clear: both;
    display: block;
    margin-top: 15px;
}

.infog_sign_up p.infog_signup_thanks,
.infog_signup_thanks {
    display: none;
}

.single .infog_sign_up {
    margin-top: 0px;
    margin-bottom: 30px;
}

.button,
button {
    display: inline-block;
    clear: none;
    background: #33393F;
    color: #FFF;
    padding: 17px 28px 15px 28px;
    font-family: "basic-sans-narrow-reg";
    text-decoration: none;
    font-size: 19px;
    border-radius: 40px;
    font-weight: bold;
    line-height: 1.2em;
}

.sml_btn {
    padding: 14px 20px 12px 20px;
    font-size: 16px;
}

.mini_btn {
    padding: 9px 16px 8px 16px;
    font-size: 15px;
}


.button:hover {
    background: #637075;
    color: #FFF;
}

.red_btn {
    background: #DE1F26;
}

.red_btn:hover {
    background: #33393F;
}

.white_btn {
    background: #fff;
    color: #33393F !important;
}

.white_btn:hover {
    background: #33393F;
    color: #fff !important;
}

.grey_btn {
    background: #98A1A4;
    color: #fff !important;
}

.grey_btn:hover {
    background: #33393F;
    color: #fff !important;
}



#TB_caption {
    text-indent: -999em;
}

#TB_caption div {
    text-indent: 0;
    position: relative;
    top: -10px;
}

a.banner_link {
    text-decoration: none;
    background: #F1F1F1;
    display: block;
    padding: 10px 20px;
    margin-top: 25px;
    text-align: center;
    font-family: "basic-sans-narrow-reg";
    font-size: 1.3em;
}

a:hover.banner_link {
    background: #33393F;
    color: #fff;
}

.xmas_addon_txt {
    display: none;
    font-size: 0.95em;
}

.xmas_addon_txt a {
    color: #33393f;
}

.gallery-item p {
    display: none;
}

.page-id-12294 .gallery-item p {
    display: block;
}

.page-id-12294 .gallery-item p a {
    text-decoration: none;
    font-size: 1.2em;
}

#gallery-1 .gallery-item, #gallery-2 .gallery-item {
    padding: 10px;
    box-sizing: border-box;
    display: inline-block;
    float: none !important;
    margin: 0 !important;
}

#gallery-1, #gallery-2 {
    text-align: center;
}

#gallery-1 img, #gallery-2 img {
    border: 1px solid #ebebeb !important;
}

.page-id-12294 .normal_page .colx7 {
    width: auto;
}

#gallery-1 br, #gallery-2 br {
    display: none;
}

.post_id_13467 img.alignleft {
    position: relative;
    left: -37px;
    margin-right: -31px;
}

.post_id_2278 .colx7 img,
.post_id_2280 .colx7 img {
    width: 120px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.post_id_2278 .colx7 h2,
.post_id_2280 .colx7 h2 {
    margin-top: -10px;
}

#reg_interest_form {
    background: #F1F1F1;
    padding: 20px;
    font-family: "basic-sans-narrow-reg", Arial, Helvetica, sans-serif;
}

#reg_interest_form label, #reg_interest_form input, #reg_interest_form select, #reg_interest_form textarea {
    width: 100%;
    float: none;
    display: block;
}

#reg_interest_form label {
    font-size: 15px;
}

#reg_interest_form .form_note {
    font-style: italic;
    padding: 3px 0 0 0;
}

#reg_interest_form hr {
    border-color: #fff;
}

.learnerbly_code_form, .learnerbly_signup_form {
    max-width: 350px;
    background: #F1F1F1;
    padding: 20px 20px 20px 20px;
    margin: 0 auto;
}

.learnerbly_code_form {
    padding-bottom: 5px;
}

.learnerbly_code_form input, .learnerbly_code_form button, .learnerbly_signup_form input, .learnerbly_signup_form button, .learnerbly_signup_form select {
    width: 100%;
    text-align: center;
}

.learnerbly_signup_form h5 {
    text-align: center;
    text-transform: none;
    font-size: 21px;
    margin: 15px 0;
}

.learnerbly_code_form .form_response.active, .learnerbly_signup_form .form_response.active {
    padding-bottom: 15px;
}

.learnerbly_signup_form .form_response, .learnerbly_code_form .form_response {
    font-family: "basic-sans-narrow-reg", Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 16px;
}

.learnerbly_signup_form .form_response.success {
    margin: 18px 0 18px 0;
}

.learnerbly_signup_form .t_c_wrap input[name="t_c"] {
    top: -5px;
}

.valid_note {
    font-size: 17px;
    line-height: 23px;
    text-align: center;
}

.highlight_msg, .learnerbly_signup_form .form_response.success {
    background: #acdaeb;
    padding: 10px;
    font-size: 17px;
    line-height: 23px;
    text-align: center;
}

.learnerbly_signup_form .form_response.success {
    
}

/* ------------------------ HOMEPAGE -------------------------------*/

.teaser_content_wrap {
    position: relative;
    margin: 0 auto;
}

.home .home_newsletter_signup {
    margin-bottom: 40px;
    background: #F1F1F1;
}

p, .single .entry .footer_newsletter_signup {
    margin: 20px 0;
}

.home_banner_wrap img {
    width: 100%;
}

.home_banner_txt_wrap {
    position: relative;
}

.home_banner_txt {
    position: absolute;
    color: #fff;
    width: 607px;
    top: 50%;
    left: calc(50% - 607px);
    transform: translateY(-50%);
    padding: 35px;
    box-sizing: border-box;
    font-size: 21px;
    line-height: 1.3em;
}

.home_banner_txt:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0; 
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    mix-blend-mode: multiply;
    z-index: -10;
}

.home_banner_txt h1 {
    color: #fff;
    text-align: left;
    font-size: 26px;
    border-bottom:  none;
    margin: 0 0 0px 0;
    padding: 0 0 0px 0;
    font-family: 'miller-text';
    font-weight: normal;
}

.home_banner_txt p {
    border-top: 1px rgba(255,255,255,0.5) solid;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
}

.home_banner_txt p a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid #fff;
 }

.home_banner_txt p a:hover {
    border-bottom: none;
}

.home_banner_txt .button {
    margin-top: 20px;
}

.home_back_issues {
    text-align: center;
}

.homepage_page h3 {
    font-size: 2.8em;
    margin-bottom: 56px;    
}

.homepage_page h3 a {
    color: #33393f;
}

h1 a, h2 a, h3 a, h4 a, .header_line span {
    position: relative;
    text-decoration: none;
    display: inline-block;
}

h1 a:after, h2 a:after, h3 a:after, h4 a:after, .header_line span:after, a.underline:after {
    content: '';
    position: absolute;
    background: #33393f;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 450ms ease-in-out;
}

h1 a:hover:after, h2 a:hover:after, h3 a:hover:after, h4 a:hover:after, a.underline:hover:after {
    right: 100%;
}

.more_icon {
    width: 46px;
    height: 46px;
    background: #33393F;
    border-radius: 50%;
    color: #fff;
    text-indent: -999em;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.more_icon:before {
    content: '...';
    text-indent: 0;
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translateX(-50%) translateY(-83%);
    font-size: 29px;
    font-weight: bold;    
}

.more_icon:hover {
    background: #637075;
    transform: rotate(180deg);
    color: #fff;
}

.previous_icon {
    
}

.previous_icon:before {
    content: '';
    background: transparent no-repeat 12px -78px url('../images/sj_sprite.svg?v=6');
    width: 62px;
    height: 62px;
    transform: translateX(-49%) translateY(-50%) scale(-0.7);
    transition: all 350ms ease-in-out;
    
}

.previous_icon:hover {
    transform: none;
}

.previous_icon:hover:before {
    transform: translateX(-49%) translateY(-50%) scale(-0.6);
}

.home_back_issues .more_icon {
    top: -23px;
}

.out_now_img img,
.review_sub img {
    -webkit-box-shadow: -1px 1px 2px 2px #DBDBDB;
    -moz-box-shadow: -1px 1px 2px 2px #DBDBDB;
    box-shadow: -1px 1px 2px 2px #DBDBDB;
    float: right;
}

.out_now_wrap {
    padding: 30px 0;
}

.out_now_outer hr {
    position: relative;
    top: 100px;
    z-index: -1;
    margin: 0;
}

.out_now_wrap h3 {
    font-size: 2em;
    margin-bottom: 40px;
}

.out_now_intro,
.blog_preview_wrap .column:nth-of-type(1),
.blog_left_col {
    margin-left: 7.25%;
}

.out_now_intro p {
    font-family: "basic-sans-narrow-reg";
    font-size: 1.4em;
    line-height: 1.3em;
}

.out_now_wrap ul {
    font-family: "basic-sans-narrow-reg";
    font-size: 1.1em;
    line-height: 1.1em;
    list-style-position: outside;
    list-style: none;
    padding: 0;
}

.out_now_wrap li {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.out_now_wrap li:nth-child(odd) {
    color: #637075;
}

.out_now_img a {
    position: absolute;
    right: -45px;
    bottom: 130px;
}

.out_now_img {
    position: relative;
}

.out_now_img a:last-child {
    bottom: 30px;
}

.out_now_outer,
.blog_preview_outer {
    margin: 35px auto;
    margin-bottom: 0;
}

.intro_vid_outer h3 {
    font-size: 2.4em;
    text-align: center;
    margin-bottom: 10px;
}

.blog_preview_outer h3 {
    text-align: center;
}

.blog_preview_outer .colx3 {
    width: 26%;
}

.blog_preview_outer h3 a {
    text-decoration: none;
}

.blog_preview_outer h4 {
    text-align: center;
    margin-bottom: 30px;
}

.blog_preview_outer .column h4 {
    text-align: left;
    margin-bottom: 0px;
}

.blog_preview_outer .column h4 a {
    text-decoration: none;
}

.intro_vid_outer {
    text-align: center;
    padding: 0 20px 20px 20px;
}

.intro_vid_outer h3 {
    max-width: 700px;
    margin: 0 auto 20px auto;
    font-size: 2em;
}

.social_btns_outer .column {
    text-align: center;
    margin: 0 0 0 4.5%;
}

.social_btns_outer .circle {
    width: 95px;
    height: 95px;
    padding: 0;
    background: #929e9e no-repeat -37px 10px url('../images/sj_sprite.svg?v=6');
    display: inline-block;
    text-indent: -999em;
    margin-bottom: 15px;
}

.social_btns_outer .tw .circle {
    background: #929e9e no-repeat -140px 10px url('../images/sj_sprite.svg?v=6');
}

.social_btns_outer .inst .circle {
    background: #929e9e no-repeat -257px 10px url('../images/sj_sprite.svg?v=6');
}

.social_btns_outer .rss .circle {
    background: #929e9e no-repeat -375px 10px url('../images/sj_sprite.svg?v=6');
}

.social_btns_outer .news .circle {
    background: #929e9e no-repeat -485px 10px url('../images/sj_sprite.svg?v=6');
}

.social_btns_outer .yt .circle {
    background: #929e9e no-repeat -153px -189px url('../images/sj_sprite.svg?v=6');
}

.social_btns_outer h5 a {
    color: #929e9e;
    text-decoration: none;
    text-transform: none;
    font-weight: normal;
}

.social_btns_outer h5 a:hover {
    color: #33393f;
}

.social_btns_outer .circle:hover {
    background-color: #33393f;
}

.lW {
    float: left;
    clear: left;
    height: 25px;
}

.rW {
    float: right;
    clear: right;
    height: 25px;
}

.msg_circle {
    position: relative;
    top: -50px;
}

.msg_text {
    padding-top: 10px;
}


.social_btns_outer h5 {
    margin-bottom: 0px;
}

.social_btns_outer p {
    margin-top: 10px;
    font-size: 1.125em;
    line-height: 1.4;    
}

.video_wrap_homepage .videoWrapper {
    padding-bottom: 54.2%;
}

body .html5-video-player {
    background-color: #fff;
}

.blog_more {
    text-align: center;
    padding: 0 0 30px 0;
}

.event_preview_wrap {
    padding: 15px 0;
}

.home_cred {
    background: #F1F1F1;
    padding: 0 30px 30px 30px;    
}

.home_cred img {
    mix-blend-mode: multiply;
}

.home_cred .cred_quotes_outer p span {
    background-blend-mode: multiply;
    background-color: #F1F1F1;    
}

.blog_preview_wrap .post_index_wrap .grid_3_col>section:nth-child(4) {
    display: none;
}

.home_vid_wrap {
    margin-top: 50px;
    margin-bottom: 40px;
}

.pocket-btn {
    display: inline-block;
    position: relative;
    top: 8px;
}

/* ------------------------ FOOTER -------------------------------*/

#footer {
    font-family: "basic-sans-narrow-reg";
    font-size: 1.2em;
    font-weight: normal;
}

#footer a {
    text-decoration: none;
}

.menu-footer a {
    color: #33393f;
}

#footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer li {
    margin: 5px 0;
}

.tiny_sub_head {
    font-size: 0.8em;
    font-weight: bold;
    color: #637075;
    margin-bottom: 7px;
    display: block;
}

.imprint {
    font-size: 0.9em;
    color: #939E9E;
    line-height: 1.2em;
    border-top: 1px #F1F1F1 solid;
    margin: 20px 0 0 0;
    padding-top: 30px;
}

#footer .imprint a {
    color: #939E9E;
    position: relative;
}

#footer .imprint a.underline:after { 
    background: #939E9E;
}

#menu-footer-bits-menu {
    font-size: 17px;
}

#footer #sj_logo {
    margin-bottom: 15px;
}

#footer #sj_logo a {
    width: 120px;
    height: 58px;
    background: no-repeat -311px -103px url('../images/sj_sprite.svg?v=6');
}

#footer #dg_logo span {
    width: 183px;
    height: 45px;
    background: no-repeat -477px -106px url('../images/sj_sprite.svg?v=6');
}

#footer .imprint p {
    margin: 5px;
}

#footer .imprint p:first-child {
    margin-top: 10px;
}

#footer .column:first-child {
    margin: 0 2.5% 0 4.5%;
}

#footer .fb {
    padding: 0 2.5% 0 4.5%;
}

#footer .social_btns {
    margin-top: 22px;
    text-align: center;
}

#footer .social_btns a {
    margin: 0 2px 15px 2px;
}

#footer .social_btns a.circle {
    width: 31px;
    height: 31px;
    padding: 0;
    background: #98A1A4 no-repeat -67px -93px url('../images/sj_sprite.svg?v=6');
    display: inline-block;
    text-indent: -999em;
}

#footer .social_btns a:hover.circle {
    background-color: #929e9e;
}

#footer .social_btns a.tw {
    background: #98A1A4 no-repeat -107px -93px url('../images/sj_sprite.svg?v=6');
}

#footer .social_btns a.inst {
    background: #98A1A4 no-repeat -149px -93px url('../images/sj_sprite.svg?v=6');
}

#footer .social_btns a.rss {
    background: #98A1A4 no-repeat -192px -93px url('../images/sj_sprite.svg?v=6');
}

#footer .social_btns a.news {
    background: #98A1A4 no-repeat -233px -93px url('../images/sj_sprite.svg?v=6');
}

#footer .social_btns a.yt {
    background: #98A1A4 no-repeat -71px -221px url('../images/sj_sprite.svg?v=6');
}

#footer .social_btns a:hover {
    background-color: #33393f !important;
}

.cred_quotes_outer {
    padding: 30px 4.5% 0px 4.5%;
}

.cred_quotes_outer .column:nth-child(1),
.cred_quotes_outer .column:nth-child(5),
.cred_quotes_outer .column:nth-child(9) {
    margin-left: 0;
    clear: left;
}

.cred_quotes_outer .column:nth-child(4),
.cred_quotes_outer .column:nth-child(8),
.cred_quotes_outer .column:nth-child(12) {
    margin-right: 0;
}

.cred_quotes_outer p {
    font-size: 1.25em !important;
    font-style: italic;
    color: #637075;
    padding-left: 50px;
    position: relative;
}

.cred_quotes_outer p span {
    display: block;
    background: no-repeat -151px -142px url('../images/sj_sprite.svg?v=6');
    width: 43px;
    height: 43px;
    position: absolute;
    left: 0px;
}

.cred_quotes_outer p img {
    margin-top: 15px;
    display: block;
}

.cred_sub_page_quotes_outer {
    background: #F1F1F1;
    text-align: center;
    font-style: italic;
    margin-bottom: 35px;
    padding: 15px 0;
}

.sub_offer_page .cred_sub_page_quotes_outer {
    margin-top: 35px;
}

.normal_page .cred_sub_page_quotes_outer p {
    font-size: 19px;
    line-height: 27px;
}

.cred_sub_page_quotes_inner {
    max-width: var(--page_width);
    padding: 0 var(--page_width_padding);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.cred_sub_page_quotes_outer img {
    mix-blend-mode: multiply;
    vertical-align: bottom;
}

.cred_sub_page_quotes_outer .private_eye img,
.cred_sub_page_quotes_outer .today_programme img {
    height: 100%;
    width: auto;
}

.cred_sub_page_quotes_outer span {
    display: flex;
    height: 70px;
    margin: 0 0 10px 0;
    justify-content: center;
    align-items: flex-end;
}

.cred_sub_page_quotes_outer > div {
}

.back_issue_highlights_wrap h3.archive {
    margin-top: 25px;
    font-size: 1.5em;
}

.cookie_note {
    position: fixed;
    bottom: 0;
    background: #637075;
    padding: 0px 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    line-height: 1.1em;
    font-size: 0.95em;
}

.cookie_note a {
    color: #fff;
}

.footer_newsletter_signup {
    background: #DE1F26;
    background-size: cover;
    padding: 20px 100px;
    text-align: center;
    color: #fff;
    font-size: 21px;
    line-height: 1.4em;
    margin-bottom: 30px;
    font-family: "basic-sans-narrow-reg";
    position: relative;
    transition: all 350ms ease-in-out;
}

.footer_newsletter_signup_link {
    display: block;
    text-decoration: none;
}

.footer_newsletter_signup_link:hover .footer_newsletter_signup {
    background: #33393F;
}
.footer_newsletter_signup_link .button:hover {
    background: #DE1F26 !important;
}

.footer_newsletter_signup:after {
    content: '';
    display: block;
    position: absolute;
    background: no-repeat center center url('../images/evil-stickman-newsletter.png?v=2');
    background-size: 100%;
    width: 87px;
    height: 124px;
    top: -15px;
    right: 9px;
}

.footer_newsletter_signup .button {
    margin-left: 15px;
}

.footer_sub_btn {
    text-align: center;
    margin-bottom: 25px;
}

.footer_account_btn {
    text-align: center;
    margin: 25px 0;
}

.footer_account_btn a {
    margin-bottom: 6px;
}

.sub_btn_graphic {
    position: relative;
    padding-right: 68px;
}

.sub_btn_graphic:after {
    content: '';
    position: absolute;
    top: 7px;
    right: 19px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: no-repeat -315px -187px url('../images/sj_sprite.svg?v=6');
    margin-left: 10px;
}

.sub_btn_graphic:before, button.disabled:before, .button.disabled:before {
    content: '';
    position: absolute;
    top: 7px;
    right: 19px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: no-repeat -0px -0px url('../images/colour_circle.svg');
    transform: scale(0);
    transition: all 600ms ease-in-out;
}

button.disabled:before, .button.disabled:before {
    animation-duration: 1s;
    animation-name: disabled_spiner;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    left: auto;
    top:8px; 
    right: calc(50% - 22px);
}   

button.sml_btn.disabled:before, .button.sml_btn.disabled:before {
    top:3px; 
}

.button.switch_plan_btn.disabled:before {
    top:1px; 
}

@keyframes disabled_spiner {
  from {
    transform: scale(0) rotate(0deg);
  }
  to {
    transform: scale(1) rotate(360deg);
  }
} 

@keyframes disabled_spiner_sml {
  from {
    transform: scale(0) rotate(0deg);
  }
  to {
    transform: scale(0.7) rotate(360deg);
  }
} 


.sub_btn_graphic:hover:before {
    transform: scale(1) rotate(360deg);
}

.button.disabled, button.disabled {
    position: relative;
}

.menu-footer {
    text-align: center;
    font-size: 19px;
}

.menu-footer li {
    display: inline-block;
}

.menu-footer a {
    display: inline-block;
    padding: 0px 10px 2px 10px;
}

#menu-footer-menu {
    font-weight: bold;
}

/* ------------------------ BACK ISSUES -------------------------------*/

.back_issues_wrap_outer {
    background: #F1F1F1;
    padding: 30px;
    text-align: center;
}

.back_issues_wrap {
    float: none;
    display: inline-block;
}

.back_issue_shad {
    background: #33393f;
}

.back_issue_shad a {
    display: block;
}

.back_issue_cover_wrap {
    display: block;
    background: #fff;
    position: relative;
    top: -5px;
    left: -5px;
    position: relative;
}

.back_issue_text_info {
    background: #929e9e;
    color: #fff;
    opacity: 0.95;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 0;
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 20px;
    text-align: left;
    font-family: "basic-sans-narrow-reg";
    font-size: 1.2em;
}

.back_issue_text_info ul {
    font-size: 1em;
}

.back_issue_text_info b {
    font-family: "miller-display";
    letter-spacing: 0.02em;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: normal;
}

.back_issue_text_info ul:first-child li {
    margin: 5px 0;
}

.back_issue_text_info ul:last-child {
    font-size: 0.8em;
    border-top: 1px solid #fff;
    padding-top: 15px;
}

.back_issues_wrap .colx3 h3 {
    padding-top: 10px;
    background: #33393F;
    width: 46px;
    height: 36px;
    display: inline-block;
    position: relative;
    top: -20px;
    font-family: "miller-display";
    margin: 0;
}

.back_issues_wrap .colx3 p {
    font-family: "miller-display";
    text-transform: uppercase;
    margin: 0;
    color: #929e9e;
    font-size: 1.5em;
    position: relative;
    top: -10px;
    padding-bottom: 20px;
}

.back_issues_wrap .column {
    float: none;
    display: inline-block;
    width: 25%;
    margin: 0 2% !important;
    vertical-align: top;
}

.back_issues_wrap .column:nth-of-type(1) {
    margin: 0 2%;
}

.back_issues_wrap .column:nth-child(3n+1) {
    clear: left;
}

.back_issue_cover_wrap .arrow_white {
    position: absolute;
    top: 10px;
    right: 10px;
}

.issue_preview_wrap {
    background: #F1F1F1;
    padding: 20px 10px;
}

.issue_preview_pages_wrap {
    width: 100%;
    overflow: hidden;
    padding: 20px 0 20px 10px;
}

.back_issue_header h1 {
    margin-bottom: 10px;
}

.back_issue_header h2 {
    text-align: center;
    color: #929e9e;
    font-size: 2.2em;
}

.back_issue_header p {
    font-family: "basic-sans-narrow-reg";
    text-align: center;
    font-size: 1.5em;
    line-height: 1.2em;
    width: 70%;
    margin: 10px auto 20px auto;
}

.back_issue_highlights_wrap {
    padding: 30px 0 0 0;
    font-family: "basic-sans-narrow-reg";
    position: relative;
}

.back_issue_highlights_wrap .sub_btn {
    position: absolute;
    top: -45px;
    right: 0px;
}

.back_issue_btns {
    margin-bottom: 15px;
}

.back_issue_btns .button {
    margin-bottom: 7px;
}

.back_issue_highlights_wrap .sub_btn:first-child {
    right: 100px;
    padding-top: 25px;
    height: 63px;
}

.back_issue_highlights_wrap .colx3 {
    background: #F1F1F1;
    padding: 20px;
}

.back_issue_highlights_wrap .colx7 {
    font-size: 1.2em;
}

.back_issue_highlights_wrap h3 {
    font-size: 1.8em;
}

.back_issue_highlights_wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.back_issue_highlights_wrap .colx7 li {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.back_issue_highlights_wrap .colx3 li {
    border-bottom: 1px solid #fff;
    padding-bottom: 7px;
    margin-bottom: 7px;
    font-family: "miller-display";
}

.back_issues_header {
    position: relative;
}

.back_issues_header a {
    display: block;
    position: absolute;
    top: 0px;
    right: 10px;
}

.back_issues_header .button {
    background: #637075;
}

.back_issues_header .button:hover {
    background: #DE1F26;
}


/* ----- touchcarousel STYLES -----*/

.back_issue_carousel_outer {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.back_issue_carousel {
    padding: 0;
    margin: 0;
}    

.touchcarousel-item {
    display: inline-block;
    padding: 5px 20px 5px 5px;
    cursor: ew-resize;
}

.touchcarousel-item img {
    height: 370px;
    width: auto;
    box-shadow: 0px 0px 3px 2px #d0d3d3;
    max-width: none;
}

#issue-carousel .touchcarousel .touchcarousel-item.last {
    margin-right: 20px !important;
}

#issue-carousel .touchcarousel .touchcarousel-item:first-child {
    margin-left: 20px !important;
}

.touchcarousel .touchcarousel-container {
    position: relative;
    margin: 0;
    padding: 5px;
    list-style: none;
    left: 0;
}

.touchcarousel .touchcarousel-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.touchcarousel .touchcarousel-item {
    padding: 0;
    float: left;
}

.touchcarousel .grab-cursor {
    cursor: url('../images/grab.png') 8 8, move;
}

.touchcarousel .grabbing-cursor {
    cursor: url('../images/grabbing.png') 8 8, move;
}

.touchcarousel .arrow-holder {
    height: 100%;
    width: 30px;
    position: absolute;
    text-decoration: none !important;
    top: 0;
    display: block;
    cursor: pointer;
    z-index: 25;
}

.touchcarousel .arrow-holder.left {
    left: 0;
}

.touchcarousel .arrow-holder.right {
    right: 0;
}

.touchcarousel .arrow-icon {
    display: inline-block;
    text-decoration: none;
    top: 49%;
    text-align: center;
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-top: 0;
    background-image: url('../images/sj_sprite.svg?v=6');
    background-repeat: no-repeat;
    background-color: rgb(50, 50, 50);
    background-color: rgba(0, 0, 0, 0.7);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
    opacity: 0.6;
}

.touchcarousel .arrow-icon:hover {
    opacity: 0.8;
}

.touchcarousel .arrow-icon.left {
    left: 10px;
    background-position: -2px -194px;
}

.touchcarousel .arrow-icon.right {
    right: 10px;
    background-position: -0px -149px;
}

.touchcarousel .arrow-holder.disabled {
    cursor: default;
    -moz-opacity: 0.3;
    -webkit-opacity: 0.3;
    opacity: 0.3;
}

.touchcarousel .arrow-holder.disabled .arrow-icon {
    cursor: default
}


/* ----- touchcarousel STYLES END -----*/

.out_of_stock {
    background: #33393f;
}

.back_issue_highlights_wrap .out_of_stock {
    padding: 16px 28px;
    border-radius: 40px;
    font-size: 19px;
    font-weight: bold;
    background: #CCCED0;
}


/* ------------------------ BLOG -------------------------------*/

.post_image {
    margin-bottom: 15px;
}

#sidebar {
    font-family: "basic-sans-narrow-reg";
    text-align: center;
}

#sidebar ul {
    background: #F1F1F1;
    padding: 30px 10px 20px 10px;
    margin-bottom: 25px;
    list-style: none;
    margin-top: -30px;
}

#sidebar ul a {
    text-decoration: none;
    display: block;
    padding: 5px 0;
}

#sidebar li {
    border-bottom: 1px solid #fff;
}

#sidebar h3 {
    margin-top: 15px;
    font-size: 1.5em;
    border-bottom: 1px #929E9E solid;
    margin-bottom: 10px;
    border-radius: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding: 22px 5px 0 5px;
    display: block;
    text-align: center;
    width: 78px;
    height: 66px;
    color: #FFF !important;
    text-transform: uppercase;
    font-family: "basic-sans-narrow-reg";
    line-height: 1.1em;
    font-size: 20px !important;
    font-weight: normal;
    background: #929E9E;
    margin: 0 auto;
    z-index: 10;
    position: relative;
}

.post_image img {
    border: 2px solid #F1F1F1;
}

.post_image a:hover img {
    border: 2px solid #828282;
}

.post-title h2 {
    font-family: "basic-sans-narrow-reg";
    text-transform: none;
    font-size: 2.2em;
    font-weight: normal;
    line-height: 1em;
    margin-top: 15px;
}

.post-title h2 a {
    text-decoration: none;
}

.post {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 2px solid #F1F1F1;
}

.postmetadata {
    font-family: "basic-sans-narrow-reg";
    padding: 5px 10px;
    background: #F1F1F1;
    font-size: 14px !important;
}

.post-dates {
    font-style: italic;
    padding-right: 10px;
}


.next-entries a {
    float: right;
}

.single #sidebar {
    margin-top: 17px;
}

.single .narrow_width {
    max-width: 650px;
}

.entry p,
.entry ul,
.entry ol,
.normal_page p,
.normal_page ul,
.normal_page ol,
.archive_block p,
.archive_block ul,
.archive_block ol {
    font-size: 1.25em;
    line-height: 1.6em;
}

.blog_left_col p:first-child {
    margin-top: 18px;
}

.img_caption,
.wp-caption-text {
    margin-top: 0 !important;
    padding: 5px 8px;
    background: #ebebeb;
    color: #606165;
    font-size: 0.9em !important;
    font-style: italic;
    text-align: right;
    position: relative;
    top: -16px;
    line-height: 1.3em !important;
}

.long_form_column {
    max-width: var(--blog_post_width);
    margin: 0 auto;
    font-size: 1.15em;
}

.single .long_form_column p {
    margin: 25px 0px;
}

.long_form_column .infog_sign_up {
    font-size: 0.9em;
}

.single-format-standard h2,
.post_id_7735 h2 {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    text-transform: none;
    font-weight: normal;
    font-size: 1.5em;
    font-family: "basic-sans-narrow-reg";
    line-height: 1.2em;
    text-align: center;
}

.long_form_column h3 {
    text-transform: none;
    font-size: 1.5em;
    line-height: 1.1em;
    border-bottom: 1px solid #F1F1F1;
    margin-bottom: 20px;
    padding-bottom: 10px;
    margin-top: 30px;
}

.long_form_column blockquote {
    font-family: "miller-display";
    letter-spacing: 0.02em;
    color: #929E9E;
    margin-left: -150px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.single .long_form_column blockquote p {
    font-size: 1.7em;
    line-height: 1.2em;
    margin: 0;
    margin-left: 70px;
}

.long_form_column blockquote:before {
    width: 58px;
    height: 58px;
    content: '';
    background: no-repeat -73px -141px url('../images/sj_sprite.svg?v=6');
    position: absolute;
}

.single .article_credit p {
    margin: 0;
    border-bottom: 1px solid #f4f4f4;
}

.article_credit p:last-child {
    border-bottom: none;
}

.article_credit {
    color: #606165;
    text-align: center;
    border-bottom: 1px solid #F1F1F1;
    border-top: 1px solid #F1F1F1;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 0.85em;
    padding: 0;
    margin-top: 15px;
}

.article_credit b {
    font-weight: normal;
    text-transform: none;
}

.long_form_single h1 {
    margin-bottom: 20px;
}

.long_form_column img {
    max-width: 100%;
    height: auto;
}

.long_form_column .alignleft {
    margin-left: -150px;
    float: left;
    margin-right: 25px;
}

.long_form_column .alignleft img {
    width: 100%;
}

.single .long_form_column .aligncenter {
    width: auto !important;
    margin-left: auto !important;
}

.single .long_form_column .alignnone {
    width: 750px !important;
    margin-left: -100px;
}

.single .image_wide_wrapper {
    margin-left: calc(((var(--page_width) - var(--blog_post_width)) / 2) *-1);
    margin-right: calc(((var(--page_width) - var(--blog_post_width)) / 2) *-1);
}

.single .image_full_width_wrapper, .single .long_form_column .aligncenter.image_full_width_wrapper {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
}

.single .image_wide_wrapper img, .single .image_full_width_wrapper img {
    width: 100%;
}

.single .long_form_column .wp-caption-text {
    margin-bottom: 0;
}

.taken_from_wrap {
    background: #F1F1F1;
    padding: 5px 5px 10px 5px;
    letter-spacing: 0.02em;
    text-align: center;
    margin-bottom: 30px;
    font-size: 0.9em;
    font-family: "basic-sans-narrow-reg";
}

.single .taken_from_wrap p {
    margin-bottom: 0;
    margin-top: 0px;
    color: #637075;
}

.single .taken_from_wrap .taken_from_header {
    font-family: "basic-sans-narrow-reg";
    font-size: 1.25em !important;
    background: #fff;
    padding: 10px 20px;
    margin: 0 0 15px 0;
    text-transform: none;
}

.taken_from_wrap.inline_promo_box {
    text-transform: none;
}

.taken_from_wrap.inline_promo_box a {
    color: #33393f;
}

.long_from_drop_cap:first-letter {
    float: left;
    color: #929E9E;
    font-size: 95px;
    line-height: 60px;
    padding-top: 10px;
    padding-right: 8px;
}

.narrow_header_image {
    max-width: 750px;
    margin: 0 auto;
}

.long_form_cat_link {
    text-align: center;
}

.long_form_cat_link a {
    display: inline-block;
    background: #BEC4C4;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    top: -15px;
    margin-bottom: -10px;
}

.long_form_cat_link a:hover {
    background: #929E9E;
}

.single-format-standard .img_caption,
.single-format-standard .wp-caption-text {
    top: -3px;
}

.twitter-tweet-rendered {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0 !important;
}

.wp-caption {
    width: auto !important;
}

.normal_page.post_id_7735 h2 {
    border-bottom: none;
    margin-bottom: 0;
    margin-top: 0;
}

.normal_page.post_id_7735 h2:first-child {
    font-size: 1.9em;
    padding-bottom: 5px;
}

.normal_page.post_id_7735 h2:nth-child(2) {
    font-weight: bold;
    color: #97c2ce;
}

.post_id_7735 h1 {
    margin-bottom: 10px;
}

.post_id_7735 strong {
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 5px;
    margin-bottom: 0px;
    margin-top: 25px;
}

.post_id_7735 .column p:nth-of-type(1) {
    text-align: center;
    margin-top: 0;
}

.post_collection_wrap {
    clear: both;
    margin: 35px 0;
    width: 1194px;
    position: relative;
    left: 50%;
    margin-left: -597px;
}

.blog_sub_btn {
    text-align: center;
    margin: 0 0 0 0;
    position: relative;
    top: -4px;
}

.full_width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    box-sizing: border-box;
}

.more_reads_in_text {
    background: #ebebeb;
    padding: 15px 15px 20px 15px;
}

.more_reads_in_text h4 {
    font-size: 20px;
    margin: 4px 0 8px 0 !important;
}

.more_reads_in_text .post_index_wrap {
    max-width: 1250px;
    margin: 0 auto;
}

.more_reads_in_text .post_intro_wrap {
    border-color: #fff;
    background: #fff;
}

.more_reads_in_text .post_intro_wrap h2 {
    font-size: 18px;
    line-height: 1.2em;
}

.more_reads_in_text .post_intro_wrap .post_intro_info {
    font-size: 15px;
}

.more_reads_in_text section {
    margin-bottom: 0 !important;
}

/* ------------------------ SHARE BTNS -------------------------------*/

.long_form_single .share_btns_wrap {
    text-align: center;
}

.share_btns_wrap a {
    text-transform: uppercase;
    color: #fff;
    font-size: 0.8em;
    padding: 6px 15px 4px 15px;
    font-family: "basic-sans-narrow-reg";
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding-left: 34px;
    margin: 0 2px;
}

.share_btns_wrap a:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    top: 9px;
    left: 11px;
    background-repeat: no-repeat;
    background-image: url('../images/share-sprite.svg');
}

.share_btns_wrap a.share_btn_tw {
    background: #00aced;
}

.share_btns_wrap a.share_btn_tw:before {
    background-position: -6px -45px;
}

.share_btns_wrap a.share_btn_fb {
    background: #325a97;
}

.share_btns_wrap a.share_btn_fb:before {
    background-position: -6px -10px;
}

.share_btns_bottom {
    padding-bottom: 30px;
}

.article_also_like_wrap h2 {
    text-align: left;
}

.os_share_btn {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: #33393f center 11px no-repeat url('../images/os_share_icon.svg');
    background-size: 27px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}

/* ------------------------ END SHARE BTNS -------------------------------*/

.subscribe_mini_banner_wrap {
    background: #DE1F26;
    padding: 12px 10px;
    font-family: "basic-sans-narrow-reg";
    text-align: center;
    color: #fff;
}

.subscribe_mini_banner_wrap a {
    color: #fff;
}

.subscribe_mini_banner_wrap a:hover {
    color: #fff;
}

#menu-blog-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#menu-blog-menu li {
    display: inline;
}

.blog-menu-header {
    position: relative;
    top: -15px;
}

#menu-blog-menu a {
    text-decoration: none;
    white-space: nowrap;
    color: #33393f;
}

#menu-blog-menu .current-menu-item a {
    text-decoration: underline;
}

.post_intro_wrap {
    position: relative;
    box-sizing: border-box;
    vertical-align: top;
    margin: 10px 10px;
    font-family: 'basic-sans-narrow-reg';
}

.post_intro_wrap.col_3_span_2 {
    position: relative;
}

.post_intro_wrap.col_3_span_2 h2,
.post_intro_wrap.col_3_span_1 h2 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    background: rgba(250, 250, 250, 0.75);
    font-size: 1.5em;
    margin: 0;
    padding: 10px;
}

.post_intro_wrap.col_3_span_1 h2 {
    font-size: 1.2em;
    padding: 8px;
}

.post_intro_wrap.col_3_span_2 a,
.post_intro_wrap.col_3_span_1 a {
    margin-bottom: 0;
}

.col_3_span_2 .post_intro_img {
    padding-bottom: 58%;
}

.grid_3_col>section, .grid_4_col>section, .grid_5_col>section {
    display: flex;
    flex-direction: column;
    border: 1px solid #ebebeb;
    margin-bottom: 32px;
}

.grid_3_col {
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
}

.grid_4_col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid_5_col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.post_intro {
    display: block;
    padding: 15px;
}

.post_intro_wrap a:hover .post_intro_img, .post_intro_wrap.past_date a .post_intro_img {
    filter: grayscale(80%);
}

.col_3_span_2.post_intro_wrap a:hover .post_intro_img {
    transform: scale(1.02);
}

.post_intro_img {
    display: block;
    transition: all 300ms ease-in-out;
    opacity: 1;
    position: relative;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    display: block;
}

.post_intro_wrap p {
    font-style: italic;
    color: #828282;
    margin: -5px 0 -2px 0;
}

.post_intro .post_intro_img:hover {
    opacity: 0.85em;
}

.post_intro_wrap h2 {
    font-size: 1.25em;
    margin: 0px 0 8px 0;
    line-height: 1.3em;
    font-family: 'basic-sans-narrow-reg', Arial, Helvetica, sans-serif;
    text-transform: none;
    letter-spacing: 0.025em;
    font-weight: normal;
}

.post_intro_wrap img,
.post_intro_wrap h2,
.post_intro_wrap .button {
    transition: all .5s ease-in-out;
}

.post_intro_wrap a:hover img {}

.post_intro_wrap > a:hover {
    color: #33393f !important;
}

.post_intro_wrap a:hover .icon_btn {
    background-color: #78B54D;
}

.post_intro_wrap a {
    text-decoration: none;
    display: block;
    height: 100%;
    color: #33393f;
}

.post_tags_wrap {
    position: absolute;
    bottom: -23px;
    left: -1px;
    overflow: hidden;
    height: 23px;
}

.post_tags_wrap a {
    display: inline-block;
    margin-right: 5px;
    background: #CCCED0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'basic-sans-narrow-reg';
    padding: 2px 10px 0px 10px;
    font-size: 13px;
}

.post_tags_wrap a:hover {
    background: #78B54D;
}

.icon_btn {
    background: #CCCED0;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 15px;
    bottom: 15px;
    transition: all 300ms ease-in-out;
}

.icon_btn svg {
    vertical-align: bottom;
}

.post_intro_info, .event_info {
    margin-top: 20px;
    padding-top: 5px;
    position: relative;
    padding-right: 50px;
}

.events_classes.past_date .post_intro_info, .events_classes.past_date .event_info {
    color: #fff;
}

.post_intro_info:before, .event_info:before {
    content: '';
    width: 34px;
    height: 1px;
    background: #CCCED0;
    position: absolute;
    left: 0;
    top: -10px;
}

.event_info {
    font-size: 1.25em;
    color: #6FC2C4;
}

.grid_3_col>section.events_classes {
    border-color: #6FC2C4;
}

.events_classes .post_intro_info:before, .event_info:before, .events_classes .post_tags_wrap a, .events_classes a:hover {
    background: #6FC2C4;
}

.events_classes a:hover .event_info, .events_classes a:hover, .events_classes a:hover h2, .events_classes.past_date h2 {
    color: #fff !important;
}

.events_classes a:hover .post_intro_info:before, .events_classes a:hover .event_info:before {
    background: #fff;
}

.events_classes.post_intro_wrap a:hover .icon_btn {
    background-color: #fff;
}

.post_intro_wrap .icon_btn path, .post_intro_wrap .icon_btn circle {
    fill: #fff;
}

.events_classes.post_intro_wrap a:hover .icon_btn path, .events_classes.post_intro_wrap a:hover .icon_btn circle {
    fill: #6FC2C4;
}

/* event colour */
.tag_id_43 .event_info {
    color: #6AA2CC;
}
.grid_3_col>section.events_classes.tag_id_43 {
    border-color: #6AA2CC;
}
.events_classes.tag_id_43 .post_intro_info:before, .tag_id_43 .event_info:before, .events_classes.tag_id_43 .post_tags_wrap a, .events_classes.tag_id_43 a:hover {
    background: #6AA2CC;
}
.post_intro_wrap.tag_id_43 a:hover .icon_btn path, .post_intro_wrap.tag_id_43 a:hover .icon_btn circle {
    fill: #6AA2CC;
}
/* past current date colour */
.past_date .event_info {
    color: #CCCED0;
}
.grid_3_col>section.events_classes.past_date {
    border-color: #CCCED0;
}
.events_classes.past_date .post_intro_info:before, .events_classes.past_date .post_tags_wrap a, .events_classes.past_date a:hover, .events_classes.past_date a {
    background: #CCCED0;
}
.past_date .event_info:before, .past_date .post_intro_info:before {
    background: #fff !important;
}
.post_intro_wrap.past_date a:hover .icon_btn path, .post_intro_wrap.past_date a:hover .icon_btn circle, .post_intro_wrap.past_date a .icon_btn path, .post_intro_wrap.past_date a .icon_btn circle {
    fill: #CCCED0;
}
.past_date .icon_btn {
    opacity: 0.5;
    background: #fff;
}

.events_section_header {
    grid-column-start: 1;
    grid-column: 1 / 4;
    margin: 9px 0 1px 10px;
    font-size: 28px;
}

.faded_out {
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

.fade_in {
    opacity: 1;
}

.navigation {
    padding: 0px 0 10px 0;
    max-width: 46px;
    margin: 0 auto;
}

.post_intro_img {
}

.event_classes_intro {
    margin:9px;
    text-align:center;
    background: #F1F1F1;
    padding: 20px;
    font-size: 16px;
    line-height: 1.45em;
}

.event_classes_intro p {
    margin: 7px;
}

.event_classes_intro p:first-of-type {
    margin-top: 0;
}

.event_classes_intro p:last-of-type {
    margin-bottom: 0;
}

.search_icon_wrap {
    position: absolute;
    right: 13px;
    top: -12px;
    cursor: pointer;
}

.search_icon path,
.search_icon circle {
    stroke: #33393f;
    transition: all 300ms ease-in-out;
}

.search_icon_wrap:after {
    content: '×';
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 31px;
    opacity: 0;
    transition: all 300ms ease-in-out;
}

.search_icon_wrap.active:after {
    opacity: 1;
}

.search_icon_wrap.active .search_icon path,
.search_icon_wrap.active .search_icon circle {
    opacity: 0;
}

#search_wrap {
    display: none;
    background: #F1F1F1;
    margin: -17px 0 20px 0;
    text-align: center;
    padding: 15px;
}

#search_wrap button {
    margin: -3px 0 0 7px;
}

#search_wrap input {
    background: #fff;
    border: none;
    font-style: italic;
    width: 183px
}

#search_wrap input:focus {
    background: #fff;
    font-style: normal;
    outline: none;
}


/* ------------------------ INFO GRAPHICS -------------------------------*/

.info_graphics_single .home_link,
.info_graphics_single .post-cat {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.info_graphics_single .home_link {
    margin-right: 0;
}

.info_graphics_single .main_txt {
    max-width: 750px;
    margin: 15px auto;
}

.more-link,
button {
    clear: both;
    display: inline-block;
    text-align: center;
    margin: 10px 0 15px 0;
    float: none;
    background: #33393f;
    color: #fff;
    border: none;
    cursor: pointer;
}

.more-link:hover,
button:hover {
    background: #929e9e;
    color: #fff;
}

.poster_buy_wrap {
    background: #F1F1F1;
    padding: 20px;
}

#big_img_wrap {
    position: relative;
    clear: both;
    padding: 10px;
}

#graphics .info_single_right_col {
    float: none;
}

#big_img_wrap img {
    vertical-align: bottom;
}

#prod_gallery-big {
    position: absolute;
}

.addthis_toolbox {
    padding-top: 4px;
}

.addthis_toolbox .addthis_button_google_plusone iframe,
#___plusone_0 {
    width: 70px !important;
}

.embed_infog_btn {
    margin-top: 5px;
    margin-right: 13px;
}

.img_btn_wrap, .embed_infog_btn {
    font-size: 0.85em;
    margin-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
}

.img_btn_wrap:hover, .embed_infog_btn:hover {
    color: ;
}

.embed_icon img {
    width: 22px;
    opacity: 0.3;
}

.embed_enlarge_wrap {
    justify-content: flex-end;
    background: #F1F1F1;
    padding: 5px 10px;
}

.main_image a {
    border: 1px solid #EBEBEB;
    width: auto !important;
}

.img_btn_wrap a {
    text-decoration: none;
    color: #33393f;
}

.zoom_note {
    float: right;
}

.zoom_note .zoom_icon {
    display: inline-block;
}

.zoom_icon {
    background: url(../images/dg_sprite.png?ver=2) no-repeat -200px -257px;
    width: 21px;
    height: 20px;
    text-indent: -999em;
    display: block;
}


.lightbox_image {
    display: block;
    margin-left: 10px;
}

#big_img_wrap .lightbox_image {
    margin-left: 0px;
}
#big_img_wrap .main_image {
    margin-top: 0px;
}

.full_screen_icon {
    background: url(../images/dg_sprite.png?ver=2) no-repeat -199px -286px;
    width: 21px;
    height: 20px;
    text-indent: -999em;
    display: inline-block;
}

.zoom_icon,
.full_screen_icon {
    position: relative;
    top: 5px;
}

.info_sub_now_col p.dis_text {
    font-size: 1.4em;
    position: relative;
    top: -10px;
    font-style: italic;
}

.info_sub_now_col {
    margin-top: 30px;
}

.info_sub_now_col a {
    margin: 0 2px 5px 0;
}

.embed_infog_box {
    clear: both;
    display: none;
    margin-bottom: 10px;
    padding: 10px;
    background: #EBEBEB;
}

.embed_infog_box p {
    margin: 0;
    padding-bottom: 10px;
}

.embed_infog_box textarea {
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.poster_paypal_btn input[name="submit"] {
    width: 44px;
    height: 44px;
    border: none;
    padding: 0px;
    display: none;
}

.poster_paypal_btn {
    float: left;
    background: #fff;
    padding: 1px 5px 1px 0px;
    clear: both;
    margin-top: 10px;
}

.poster_paypal_btn form {
    float: left;
    margin-top: 7px;
    line-height: 2.5em;
}

.poster_paypal_btn input[name="submit"] {
    display: inline-block;
    position: relative;
    top: -3px;
}

.poster_paypal_btn select {
    width: auto;
    vertical-align: middle;
}

.info_sub_now_col .grey_btn,
.info_sub_now_col .sub_now {
    float: left;
    margin-right: 10px;
}

.info_sub_now_col .grey_btn {
    padding-top: 23px;
    height: 65px;
}

#info_btns {
    margin-bottom: 15px;
}

.main_image {
    clear: both;
    text-align: center;
    margin-top: 5px;
}

.main_prod_text {
    font-size: 1.15em;
    line-height: 1.4em;    
}

/* ------------------------ NORMAL PAGES -------------------------------*/

.normal_page .colx7 {
    margin: 0 auto !important;
    float: none;
}

.normal_page h2 {
    font-size: 1.7em;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 15px;
    text-align: center;
    margin-top: 30px;
}

.normal_page h2:first-child {
    margin-top: 10px;
}

.post_id_2280 h1 {
    padding-left: 5%;
    padding-right: 5%;
}

#mc_embed_signup {
    background: #F1F1F1;
    padding: 20px 20px 5px 20px;
}

#mc_embed_signup input,
#mc_embed_signup button {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.page-template-page-landing-page-php .landing_page_below_header .sub_ad_outer {
    padding: 10px 0;
}

.page-template-page-landing-page-php .landing_page_below_header .sub_ad_offer {
    margin-left: 0;
    width: 90%;
    /* fallback if needed */
    width: calc(100% - 100px);
    display: table;
    position: absolute;
    height: 60px;
    font-size: 1.8em;
    line-height: 1.1em;
    padding: 0 !important;
    text-align: center !important;
}

.page-template-page-landing-page-php .landing_page_below_header .sub_ad_arrow {
    margin-left: 15px;
    margin-top: 0;
    float: right;
}

.page-template-page-landing-page-php .landing_page_below_header .sub_ad_offer b {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.page-template-page-landing-page-php .landing_page_below_header ul {
    line-height: 1.7em;
    margin: 25px 0;
    font-size: 1.3em;
}

.page-template-page-landing-page-php .landing_page_below_header h3 {
    font-size: 1.5em;
    margin: 20px 0 30px 0;
}

.page-template-page-landing-page-php h2 {
    margin-top: 20px;
}

.page-template-page-landing-page-php h1 {
    margin-bottom: 20px;
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

ul.tabs li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
    margin-bottom: -1px;
    position: relative;
}

ul.tabs li a h2 {
    color: #929e9e;
    border-bottom: none;
    font-size: 1.3em;
    padding-bottom: 0;
}

ul.tabs li a {
    display: block;
    outline: none;
    text-decoration: none;
    border-right: 1px solid #F1F1F1;
    padding-right: 15px;
}

ul.tabs li:last-child a {
    border-right: none;
}

html ul.tabs li.active a h2,
html ul.tabs li a:hover h2 {
    color: #33393f;
}

.tab_text {
    padding: 5px;
}

.tab_content {
    border-top: 1px solid #F1F1F1;
}

.post_id_12 .colx7 {
    text-align: center;
}

.post_id_12 .colx7>p:first-child {
    position: relative;
    margin-bottom: -9px;
}

.post_id_12 .colx7>p:first-child a {
    color: #33393f;
    display: block;
    position: absolute;
    padding: 12px 15px 10px 15px;
    font-family: "basic-sans-narrow-reg";
    text-transform: uppercase;
    font-size: 2.1em;
    text-decoration: none;
    background: #fff;
    top: 30%;
    left: 50%;
    margin-left: -116px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.post_id_12 .colx7>p:first-child a:last-child {
    top: 55%;
    margin-left: -150px;
}

.post_id_12 .colx7>p:first-child a:hover {
    color: #fff;
    background: #33393f;
}

.post_id_12 h2,
.sub_select_page_info h2 {
    font-size: 2.7em;
    border-bottom: none;
    position: relative;
    color: #fff;
    margin-top: 40px;
    padding-bottom: 21px;
    z-index: 10;
}

.post_id_12 h2:before,
.sub_select_page_info h2:before {
    content: '';
    display: block;
    width: 80px;
    height: 79px;
    background: #DE1F26;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -41px;
    top: -20px;
    z-index: -1;
}

.post_id_12 h3 {
    font-size: 1.9em;
    margin-bottom: 5px;
    line-height: 1.2em;
}

.post_id_12 p {
    margin-top: 0;
    font-size: 1.25em;
}

.post_id_12 .button {
    margin-bottom: 20px;
    font-size: 1.5em;
    padding: 10px 15px;
    margin-top: 10px;
}

.mob_img_info {
    display: none;
    background: #33393f;
    color: #fff;
    font-family: "basic-sans-narrow-reg";
    padding: 15px;
    box-sizing: border-box;
    max-width: 650px;
    font-size: 0.95em;
    line-height: 1.3em;
}

.post-9343 p a {
    text-decoration: none;
}

.sub_cat_wrap a.current_pg {
    text-decoration: underline;
}

.offer_banner {
    background: #DE1F26;
    color: #fff;
    font-family: "basic-sans-narrow-reg";
    font-size: 1.25em;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 45px;
}
.offer_banner a {
    display: block;
    padding: 17px 15px 12px 15px;
    color: #fff;
    text-decoration: none;
}
.offer_banner p {
    margin: 0;
}
.offer_banner p img {
    width: 80px;
    margin: -60px 0;
}
.offer_banner .sml_btn {
    padding: 11px 16px 9px 16px;
    margin-left: 5px;
}

.aafe_banner {
    background: #33393F center center url('../images/AAFE-Doggy-bg.png');
    background-size: cover;
    color: #fff;
    font-family: "basic-sans-narrow-reg";
    font-size: 1.25em;
    line-height: 1.3em;
    text-align: center;
    margin-bottom: 46px;
/*    margin-top: -19px; */
    margin-top: 14px;
    position: relative;
    z-index: 10;
}
.home .aafe_banner {
    margin-top: -1px;
}
.postid-18016 .aafe_banner {
    display: none;
}
.aafe_banner a {
    display: block;
    padding: 17px 15px 12px 15px;
    color: #fff;
    text-decoration: none;
}
.aafe_banner p {
    margin: 0;
}
.aafe_banner p img {
    width: 95px;
    margin: -60px 0 -60px 7px;
}
.aafe_banner .sml_btn {
    padding: 11px 16px 9px 16px;
    margin-left: 5px;
    margin-right: 10px;
    position: relative;
    top: -2px;
}
.aafe_banner .sml_btn:hover {
    background: #DE1F26 !important;
}
.aafe_header {
    font-size: 21px;
}

.infog_classes_banner .aafe_banner a {
    padding: 15px 90px 12px 90px;
    position: relative;
}

.infog_classes_banner .aafe_banner {
    margin: 10px 0;
    padding: 0 !important;
}

.infog_classes_banner .aafe_banner a:before {
    content: '';
    position: absolute;
    top: -29px;
    left: 12px;
    width: 80px;
    height: 121px;
    background: url('../images/Stickman-infogs.png');
    background-size: contain;
}

.single-post .infog_classes_banner .aafe_banner a:before {
    top: -10px;
}

.sub_select_page h1 {
    font-size: 32px;
    line-height: 37px;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    font-style: italic;
    font-family: 'miller-text';
    font-weight: normal;
    padding: 0;
    margin-top: 4px;
    margin-bottom: 42px;
    padding: 0 var(--page_width_padding);
}

.sub_select_page > div > .sub_select_page_content > h5 {
    font-size: 16px;
    color: #929e9e;
    border: 2px solid #929e9e;
    padding: 7px 17px 6px 18px;
    border-radius: 20px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 50%;
    text-transform: none;
    transform: translateX(-50%);
}

/* ------------------------ QUIZZES -------------------------------*/

@font-face {
    font-family: 'fontawesome';
    src: url('fonts/fontawesome-webfont.eot');
    src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesome') format('svg');
    font-weight: normal;
    font-style: normal;
}

.question_wrap label {
    margin-right: 15px;
    cursor: pointer;
    display: block;
    margin: 15px 0;
    position: relative;
    padding-left: 25px;
}

.question_wrap input[type=radio]+label:before {
    font-family: 'fontawesome';
    content: '\f10c';
    color: #fff;
    font-size: 30px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 10px;
    display: inline-block;
    position: absolute;
    top: 1px;
    left: -8px;
}

.question_wrap input[type=radio]:checked+label:before {
    color: #33393E;
    content: '\f192';
}

.question_wrap input[type=radio] {
    visibility: hidden;
    width: 0px;
    margin: 0;
    overflow: hidden;
    position: absolute;
}

.question_wrap {
    border-top: 1px #F1F1F1 solid;
    padding: 0px 0 20px 0;
}

.question {
    font-style: italic;
}

.anwsers {
    background: #F1F1F1;
    padding: 1px 25px;
}

.prize_sign_up_wrap {
    background: #F1F1F1;
    padding: 20px 20px 20px 20px;
}

.answers_wrap {
    border-top: 1px #F1F1F1 solid;
    padding: 20px 0 0px 0;
    margin: 20px 0 30px 0;
}

.answers_wrap button {
    width: auto;
}

.answers_wrap button:focus {
    outline: none;
}

.opt_in_wrap {
    display: block;
    margin-top: 10px;
    font-style: italic;
    font-size: 0.9em;
}

.opt_in_wrap input {
    position: relative;
    top: 3px;
}

.correct_answer_selected .anwsers {
    background: #cdebf1;
}

.incorrect_answer_selected .anwsers {
    background: #eacece;
}

.correct_answer_selected .anwsers:before {
    content: 'Correct';
    float: right;
    font-style: italic;
    font-family: "basic-sans-narrow-reg";
    font-weight: bold;
    position: relative;
    top: 15px;
}

.correct_answer_highlight:after {
    content: 'It was this one!';
    float: right;
    font-style: italic;
    font-family: "basic-sans-narrow-reg";
    font-weight: bold;
}

.complete_msg {
    display: none;
    background: #F1F1F1;
    padding: 20px;
    margin-bottom: 20px;
}

.prize_sign_up_wrap input[type=text] {
    width: 140px;
}

/** duplicated on the app's main.csss **/

/* just main site */

.quiz_wrap {
    font-family: "basic-sans-narrow-reg";
}

.question_text {
    font-size: 18px;
    line-height: 24px;
}

.quiz_wrap input[type="text"] {
    border-radius: 45px;
    border: 2px solid #CCCED0;
    width: 100%;
    box-sizing: border-box;
    padding: 17px 10px;
    text-align: center;
    font-size: 16px;
}

:root {
    --error_color: #ed1313;
}

.quiz_result_level {
    font-size: 18px;
    margin: 5px 0 10px 0;
}

/* END - just main site */

.quiz_wrap {
    padding-bottom: 30px;
}

.quiz_check_answers_wrap {
    text-align: center;    
}

.quiz_question_wrap {
    padding: 10px 15px;
    border: 2px solid #2FB56A;
    margin: 0 0 15px 0;
    border-radius: 6px;
}

.quiz_question_wrap.answer_correct {
    border-color: #2FB56A;
    background-color: #e8f7ef;
}

.quiz_question_wrap.answer_close {
    border-color: #e59e2f;
    background-color: #f9e3c2;
}

.quiz_question_wrap.answer_not_close {
    border-color: #e0411f;
    background-color: #f5cfc7;
}

.answer_text {
    color: #6b6b6b;
    font-style: italic;
    display: none;
    text-align: center;
    line-height: 22px;
}

.question_text {
    text-align: center;
}

.question_input {
    margin: 5px 0;
    text-align: center;
}

.question_input input {
    max-width: 150px;
}

.quiz_format_error {
    color: var(--error_color);
    font-style: italic;
    text-align: center;
    font-size: 1rem;
}

.quiz_results:before {
    content: '';
    background: no-repeat center center url(../images/Weekle-logo.svg?v=2);
    background-size: contain;
    transition: transform 750ms cubic-bezier(.47,1.64,.41,.8);
    transform: rotate(360deg);
}

.quiz_result_note {
    font-size: 26px;
    color: #457fc1;
    text-align: center;
    line-height: 30px;
}

.quiz_result_level {
    text-align: center;
}

.quiz_results.active:before {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto 3px auto;
    transform: rotate(0deg);
}

.quiz_results_icons {
    display: none;
    grid-template-columns: repeat(auto-fit, 50px);
    gap: 5px;
    justify-content: center;
    margin: 6px 0 6px 0;
    opacity: 0;
    transition: opacity 350ms ease-in-out;
}

.quiz_results_icons.active {
    display: grid;
}

.quiz_results_icons.show {
    opacity: 1;
}

.quiz_results_icon {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: no-repeat center center url('../images/WEEKLE-F-DOLPHIN.png');
    background-size: contain;
    filter: grayscale(100%); 
    opacity: 0.7;
    transform: scale(1);
    transition: all 350ms cubic-bezier(.85,.32,.16,1.38);
    transition-delay: 500ms;
}

.quiz_results_icon.active {
    filter: none; 
    opacity: 1;
    transform: scale(1.25);
}

.quiz_results_icon.elephant {
    background-image: url('../images/WEEKLE-E-ELEPHANT.png');
}
.quiz_results_icon.octopus {
    background-image: url('../images/WEEKLE-D-OCTOPUS.png');
}
.quiz_results_icon.squirrel {
    background-image: url('../images/WEEKLE-C-SQUIRREL.png');
}
.quiz_results_icon.bumblebee {
    background-image: url('../images/WEEKLE-B-PIGEON.png');
}
.quiz_results_icon.goldfish {
    background-image: url('../images/WEEKLE-A-GOLDFISH.png');
}

/** END - duplicated on the app's main.csss **/

/* ------------------------ NEWSLETTER POP UP -------------------------------*/

#newsletter_popup {
    text-align: center;
    position: fixed;
    bottom: -250px;
    right: 50px;
    background: #F1F1F1;
    padding: 25px 20px;
    width: 305px;
    z-index: 5000;
    -moz-box-shadow: 0px 0px 3px 2px #c3c5c5;
    -webkit-box-shadow: 0px 0px 3px 2px #c3c5c5;
    box-shadow: 0px 0px 5px 4px rgba(152, 153, 153, 0.3);
    transition: all 500ms ease-in-out;
}

#newsletter_popup #mc_embed_signup {
    padding: 0;
}

#newsletter_popup .popup_header {
    font-family: "miller-display";
    letter-spacing: 0.02em;
    font-size: 1.9em;
    text-transform: uppercase;
}

#newsletter_popup p {
    font-size: 1.25em;
    font-style: italic;
}

.newsletter_close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: url('fancybox_img/fancy_close.png');
    cursor: pointer;
}

.fancybox-toolbar {
    opacity: 1 !important;
    visibility: visible !important;
}

#newsletter_popup.open {
    bottom: 0;
}

#newsletter_popup .button {
    font-size: 1.4em;
    padding: 9px 12px 7px 12px;
}


/* ------------------------ EVENTS -------------------------------*/

.events_page_wrap {
    max-width: 1040px;
    margin: 0 auto;
}

.event_top {
    background: #F1F1F1;
    padding: 30px 10px;
    margin-bottom: 2.5%;
}

.events_page_wrap .colx4 {
    width: 30.75%;
    background: #F1F1F1;
    padding: 15px;
    margin-bottom: 2.5%;
    height: 400px;
    overflow: hidden;
}

.events_page_wrap .colx4 img {
    margin-bottom: 10px;
}

.events_page_wrap .colx4 h3 {
    font-family: "basic-sans-narrow-reg";
    text-transform: none;
    font-size: 1.5em;
    line-height: 1.2em;
    margin-bottom: 0px;
    text-align: center;
}

.events_page_wrap .colx4 h3 a {
    text-decoration: none;
}

.previous_events_wrap .colx4:nth-child(3n) {
    margin-right: 0;
}

.event_date {
    border-bottom: 1px #fff solid;
    margin-bottom: 2px;
}

.event_location {
    border-bottom: 1px #fff solid;
    margin-top: 2px;
    font-style: italic;
    color: #929e9e;
}

.event_top h2 {
    margin-top: 0;
}

.colx4 .event_date {
    margin-top: 13px;
    text-align: center;
    border-top: 1px #fff solid;
    padding-bottom: 5px;
    margin-top: 5px;
    line-height: 1.3em;
}

.colx4 .event_location {
    text-align: center;
    margin-bottom: 0;
}

.event_sold_out {
    line-height: 1.6em;
    background: #929e9e;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 1px 10px;
    font-family: "basic-sans-narrow-reg";
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.event_info_single {
    margin-top: 17px;
}

.event_info_single .event_date,
.event_info_single .event_location {
    border-color: #F1F1F1;
}

.event_info_single .event_date {
    margin-top: 5px;
}

.events_page_wrap h1 {
    clear: both;
}

.event_subscriber {
    line-height: 1.6em;
    text-transform: uppercase;
    background: #DE1F26;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding: 2px 10px 1px 10px;
    font-family: "basic-sans-narrow-reg";
    margin-right: 10px;
    position: relative;
    margin-top: 5px;
}

.events_page_wrap .colx4 a {
    display: block;
    position: relative;
}

.events_page_wrap .colx4 .event_subscriber {
    position: absolute;
    left: 0;
    bottom: 10px;
    top: auto;
}

.event_product #prod_info_wrap {
    padding: 0;
    width: auto;
    float: none;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1em;
}

.event_product #prod_info_wrap h1 {
    text-align: center;
}

.event_product #prod_info_wrap .product_form {
    border-top: 1px solid #f1f1f1;
    padding-top: 25px;
}

.event_product #prod_info_wrap .product_form:before {
    content: 'Grab your tickets:';
    font-family: "basic-sans-narrow-reg";
    display: block;
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 18px;
}

/* ------------------------ 20 THINGS -------------------------------*/

.ttwl_item {
    width: 25%;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.ttwl_img {
    position: relative;
}

.ttwl_content {
    font-family: "basic-sans-narrow-reg";
    position: absolute;
    top: 15px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 15px;
    overflow: hidden;
    opacity: 0;
    transition: all 800ms ease-in-out;
    z-index: 10;
    color: #fff;
    text-align: center;
}

.ttwl_content_outer {
    background: rgba(51, 57, 63, 0.9);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    transition: all 400ms ease-in-out;
}

.ttwl_item:hover .ttwl_content,
.ttwl_item:hover .ttwl_content_outer {
    opacity: 1;
}

.ttwl_content p {
    position: relative;
    top: 20px;
    transition: all 500ms ease-in-out;
    line-height: 1.3em;
    margin-top: 5px;
}

.ttwl_content h3 {
    font-size: 2em;
    font-family: "basic-sans-narrow-reg";
    text-transform: none;
    color: #fff;
    position: relative;
    top: -20px;
    transition: all 500ms ease-in-out;
    margin-bottom: 3px;
    position: relative;
}

.under_score {
    display: block;
    text-align: center;
    position: relative;
    top: -4px;
}

.under_score span {
    width: 0px;
    height: 1px;
    background: #637075;
    display: inline-block;
    transition: all 800ms ease-in-out;
}

.ttwl_item:hover .under_score span {
    width: 80%;
}

.ttwl_item:hover .ttwl_content h3,
.ttwl_item:hover .ttwl_content p {
    top: 0px;
}

.ttwl_content .button {
    background: #637075;
    clear: both;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;    
}

.ttwl_content .button:hover {
    background: #fff;
    color: #637075;
}

.postid-6504 h1 {
    margin-bottom: 20px;
}

.postid-6504 .back_issue_header {
    margin-bottom: 10px;
}

.ttwl_content.scroll {
    overflow: auto;
}

.list_num_circle {
    background: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 50px;
    height: 36px;
    padding-top: 14px;
    color: #637075;
    margin-bottom: 10px;
}

.photo_credit {
    font-family: "basic-sans-narrow-reg";
    font-size: 0.85em;
    padding-top: 15px;
    line-height: 1.2em;
    clear: both;
}


/* ------------------------ SUB PAGE -------------------------------*/

.sub_select_page .stages_wrap_outer {
    text-align: center;
}

.sub_select_page .stages_wrap_outer h3 {
    text-transform: none;
    font-size: 2.1em;
    margin-top: 13px;
    font-weight: normal;
}

.sub_select_page select,
.sub_select_page input[type="text"],
.sub_select_page input[type="email"] {
    color: #5a646f;
    width: 100%;
    box-sizing: border-box;
    border: 1px #bec4c4 solid;
    padding: 16px 20px;
    border-radius: 0;
    -webkit-appearance: none;
    height: auto;
}

.sub_select_page select:focus,
.sub_select_page input[type="text"]:focus,
.sub_select_page input[type="email"]:focus {
    color: #33393f;
}

.sub_select_page select:focus,
.sub_select_page input[type="text"]:focus,
.sub_select_page input[type="email"]:focus
.code_outer a:focus {
    outline: none;
}

.sub_select_page .stages_wrap_outer select {
    background: #fff url('../images/drop_arrow.svg?v=2') no-repeat right;
}

.code_outer {
    padding-top: 10px;
}

.code_outer button {
    background: #33393f;
    margin: 15px auto 0 auto;
}

.code_outer button:hover {
    background: #637075;
}

.sub_select_page .page_width {
    padding-bottom: 30px;
}

.delivery_wrap {
    padding-top: 25px;
}

.review_sub,
.gift_sub {
    max-width: 495px;
    background: #F1F1F1;
    padding: 20px;
    margin: 15px auto;
    text-align: left;
    font-size: 1.2em;
}

.review_sub p {
    margin: 0;
    line-height: 1.4em;
    float: right;
    width: 55%;
    box-sizing: border-box;
}

.review_sub img {
    float: left;
    width: 40%;
    margin-right: 15px;
}

.review_sub_outer {
    display: none;
}

.review_sub .lrg_txt,
.gift_sub .lrg_txt {
    font-size: 1.5em !important;
    line-height: 1.2em;
}

.review_sub .add_on,
.gift_sub .add_on {
    margin-top: 25px;
    background: #fff;
    padding: 15px;
    padding: 10px 15px;
    cursor: pointer;
    position: relative;
    font-size: 1em;
}

.review_sub .add_on:hover,
.gift_sub .add_on:hover,
.gift_sub_type:hover,
.gift_sub .send_to_billing:hover {
    background: #D9DFDF;
}

.plus_icon {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #33393f;
    border-radius: 100%;
    top: -13px;
    left: -12px;
}

.plus_icon:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 15px;
    height: 2px;
    background: #fff;
}

.plus_icon:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 15px;
    width: 2px;
    background: #fff;
}

.add_on {
    transition: all 200ms ease-in-out;
    margin: 0 2%;
    width: 20.5%;
    display: inline-block;
}

.add_on.auto_add {
}

.add_on.active .plus_icon:before {
    left: 17px;
    top: 17px;
    width: 13px;
}

.add_on.active .plus_icon:after {
    position: absolute;
    height: 8px;
    width: 2px;
    left: 10px;
    top: 14px;
}

.add_on.active .plus_icon {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.addon_images {
    display: block;
    position: relative;
}

.addon_images img {
    height: 110px;
    width: auto;
}

#sub_checkout_btn {
    padding: 11px 20px 10px 20px;
    font-size: 1.5em;
}

.more-link:focus,
button:focus,
.button:focus {
    outline: none;
}

.discount_msg {
    display: none;
    padding-top: 4px;
    text-align: center;
}

.gift_sub_outer {
    display: none;
    padding-top: 30px;
}

.gift_sub_type {
    width: 32.3%;
    font-size: 1.25em;
    text-align: center;
    float: left;
    padding: 12px 10px 15px 10px;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0 0.5%;
    line-height: 1.3em;
    border-bottom: 3px solid #33393f;
}

.gift_sub p {
    line-height: 1.4em;
}

.gift_sub_outer .add_on {
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.gift_sub .send_to_billing {
    display: none;
    font-size: 0.8em;
    margin-top: 15px;
    background: #fff;
    padding: 15px;
    padding: 10px 15px;
    cursor: pointer;
}

.stages_wrap {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}

.secondary_box {
}

.secondary_box label {
    display: inline-block;
    font-size: 1.2em;
    margin-right: 10px;
    color: #fff;
}


.sml_txt {
    font-size: 0.75em;
}

.currency_choice {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background: #fff;
    position: relative;
    cursor: pointer;
}

.currency_choice:hover {
    background: #ddd;
}

.currency_choice.active {
    background: #f4f4f4;
    cursor: default;
}

.curreny_selector_wrap p {
    margin: 0;
}

.addon_orig_price .cost_wrap {
    color: #DE1F26;
    position: relative;
    transition: color 350ms ease-in-out;
}

.addon_orig_price.not_active .cost_wrap {
    color: #6FC2C4;
}

.addon_orig_price {
    margin-left: 5px;
}

.addon_orig_price .cost_wrap:before {
    content: '';
    width: 100%;
    bottom: 59%;
    left: 6px;
    height: 1px;
    background: #33393f;
    transform: rotate(-38deg);
    position: absolute;
    transition: all 350ms ease-in-out;
    transition-delay: 350ms;
}

.addon_orig_price.not_active .cost_wrap:before {
    width: 0%;
    bottom: 0%;
    left: 11px;
}

.orig_price_wrap {
    display: none;
}

.stage_box h4 {
    font-family: "basic-sans-narrow-reg";
    text-transform: none;
    font-size: 19px;
    line-height: 1.1em;
    padding: 0 25px;
}

.stage_mover_wrap {
    display: flex;
    justify-content: center;
}

.stage_mover {
    border: 1px solid #D6D6D6;
    border-radius: 7px;
    padding: 53px 10px 14px 10px;
    position: relative;
    width: 180px;
    display: inline-block;
    font-size: 19px !important;
    line-height: 22px !important;    
    font-weight: bold;
    margin: 0 5px;
    box-sizing: border-box;
    cursor: pointer;
}

.addons_wrap .stage_mover {
    padding: 14px 10px 47px 10px;
}

.addons_wrap, .auto_addons_wrap {
    display: flex;
    justify-content: center;
}

.stage_mover > span:not(.cost_wrap):not(.addon_orig_price):not(.addon_info) {
    font-weight: normal;
    font-size: 17px;
    display: block;
}    

.addon_info {
    font-size: 19px;
    font-weight: bold;
    margin-top: 10px;
    display: inline-block;
    line-height: 1.1em;
}

.stage_box .first_issue_current_offer {
    font-size: 26px;
    margin-bottom: 0;
    font-weight: normal;
}    

.stage_box_1 .stage_mover {
    width: 100px;
}

.stage_mover:before {
    content: '';
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #D6D6D6;
    position: absolute;
    top: 13px;
    left: 50%;
    transform: translateX(-50%);
    transition: all 350ms ease-in-out;
}

.addons_wrap .stage_mover:before {
    border-radius: 0px;
    top: auto;
    bottom: 13px;
}

.addons_wrap .add_on {
    cursor: pointer;
    position: relative;
}

.addons_wrap .add_on:last-child .stickman, .addons_wrap .add_on:first-child .stickman {
    content: '';
    display: block;
    position: absolute;
    background: no-repeat center center url('../images/stickman-addons.png');
    background-size: contain;
    width: 102px;
    height: 147px;
    top: -50px;
    right: -47px;
}
.addons_wrap .add_on:first-child .stickman {
    display: none !important;
    right: -59px;
    top: -40px;
}    

.add_on.hide {
   display: none; 
}

.summary_info_wrap:before {
    content: '';
    display: block;
    position: absolute;
    background: no-repeat center center url('../images/stickman-summary.png?v=2');
    background-size: contain;
    width: 140px;
    height: 147px;
    bottom: -30px;
    left: -129px;
    z-index: 5;
}

.stage_mover.active {
    border-color: #35393F;
}

.stage_mover.active:after {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #35393F;
    position: absolute;
    top: 19px;
    left: 50%;
    transform: translateX(-50%);
}


.addons_wrap .stage_mover.active:before {
    border-radius: 50%;
    border-color: #6FC2C4;
    border-width: 2px;
}

.addons_wrap .stage_mover:after {
    width: 0px;
    height: 0px;
    opacity: 0;
    border-right: 4px solid #6FC2C4;
    border-bottom: 4px solid #6FC2C4;
    border-radius: 0%;
    background: transparent;
    position: absolute;
    bottom: 19px;
    top: auto;
    left: 50%;
    transform: translateX(-3%) translateY(-3%) rotate(45deg);
    transition: all 150ms ease-in;
}

.addons_wrap .stage_mover.active:after {
    width: 10px;
    height: 26px;
    opacity: 1;
}

.stage_box {
    border-bottom: 1px solid #EBEBEB;
    text-align: center;
    font-family: "basic-sans-narrow-reg";
    padding: 25px 5px;
}

.stage_box_2 {
    padding-left: 10px;
    padding-right: 10px;
}

.stage_box .sub_save_tag {
    position: static;
    margin: 5px 0 0 0;
    display: inline-block;
}

.cost_wrap {
    font-weight: bold;
    color: #6FC2C4;
    margin-top: 3px;
    font-size: 19px;
}


.sub_sub_header {
    margin: 8px 0 12px 0;
    line-height: 1.3em !important;
    padding: 0 5px;
    font-size: 17px;
    color: #939E9E;
}


.sub_select_check_btn {
    padding-top: 15px;
    border-top: 1px solid #fff;
    margin-top: 25px;
    width: 80%;
    margin: 25px auto 0 auto;
}

.sub_select_check_btn span {
    display: block;
    width: 130px;
    height: 130px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


.sub_select_check_btn p {
    margin: 2px 0 8px 0;
    font-family: "basic-sans-narrow-reg";
}


.sub_select_page_info>div h3, .testimonial_wrap > div h3 {
    font-size: 2.1em;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    text-align: center;
}

.sub_select_page_info .cred_quotes_outer, .testimonial_wrap > div .cred_quotes_outer {
    padding: 0;
}

.sub_select_page_info .cred_quotes_outer .colx3, .testimonial_wrap > div .colx3 {
    width: auto;
    float: none;
    text-align: center;
}

.sub_select_page_info .cred_quotes_outer .colx3 img, .testimonial_wrap > div .colx3 img {
    mix-blend-mode: multiply;
    display: inline-block;
    margin-top: 10px;
}

.sub_select_page_info .cred_quotes_outer p:before, .testimonial_wrap > div.what_media_says p:before {
    content: "\201C";
}

.sub_select_page_info .cred_quotes_outer p span, .testimonial_wrap > div p span {
    display: none;
}

.sub_select_page_info .cred_quotes_outer p, .testimonial_wrap > div .cred_quotes_outer p {
    padding-left: 0;
    margin: 0 0 17px 0;
    line-height: 1.3em;
}

.continue_btn {
    display: none;
    padding-top: 11px;
}

.stage_box_4.no_addons {
    top: 50%;
}

.xmas_postage_dates {
    text-align: center;
    color: #DE1F26;
    margin-top: -15px;
    background: #f1f1f1;
    padding: 15px 10px;
    font-family: "basic-sans-narrow-reg";
    font-size: 1.2em;
}

.single .postmetadata {
    line-height: 1.2em !important;
}

.customer_info_wrap {
    text-align: left;
    max-width: 680px;
    margin: 0 auto;
    display: none;
}

.checkbox_label input[type="checkbox"] {
    position: absolute;
    left: -0px;
    margin-right: 15px;
    top: -2px;
}
 


input[type="checkbox"] {
    width: auto !important;
    padding: 8px;
}

.checkbox_label {
    padding-left: 30px;
    position: relative;
}

input[type=checkbox]:checked:after,
input[type=checkbox]:checked:before {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    left: 4px;
    width: 2px;
    height: 5px;
    background: #33393f;
    transform: rotate(-45deg);
}

input[type=checkbox]:checked:before {
    height: 11px;
    transform: rotate(35deg);
    left: 8px;
    top: 2px;
}

.stage_box .delay_delivery_label {
    display: inline !important;
    padding-left: 0;
    cursor: pointer;
}   

.stage_box .delay_delivery_label input {
    position: relative !important;
    top: -2px !important;
    left: 3px !important;
}

.too_soon_addon_txt {
    display: none;
}

.sub_select_page .payment_option_wrap {
    text-align: center;
}

.customer_info_wrap .button {
    font-size: 1.2em;
    padding: 7px 15px;
}

.stripe_encrypted_details h3 {
    display: none;
}

#process_subscriber_data .pay_btn_wrap,
#process_subscriber_data .cc_form_wrap {
    display: none;
}

.sub_select_page .cc_form_wrap {
    display: none;
    margin-bottom: 0 !important;
}

.sub_select_page .cc_form_wrap .fake-card-button {
}

.sub_select_page .cc_form_wrap .fake-card-button.disabled {
    background: #b1c0c5;
    cursor: default;
}

.sub_select_page .cc_form_wrap .card-button {
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.cc_form_wrap #payment-request-button {
    margin: 26px auto 15px auto;
}

.form_wrap_for_stripe {
    position: relative;
}

.checkout_page.customer_info_wrap .stripe_encrypted_details {
    padding-left: 0;
    padding-right: 0;
}

.checkout_page .payment_option_wrap h3 {
    margin-top: 15px;
}

.customer_info_wrap .pay_btn_wrap {
    padding: 20px 0 0 0;
}

.customer_info_wrap .pay_btn_wrap button {
    background: #fff;
    color: #33393f;
}

.customer_info_wrap .checkout_response .error,
.customer_info_wrap .error ul {
    padding: 10px 10px 10px 30px;
    list-style-position: inherit;
    background: #f1f1f1;
}

.stage_box_payment_options .checkout_response, .digi_sub_wrap .checkout_response {
    position: relative;
    top: 0px;
    font-family: "basic-sans-narrow-reg";
    font-size: 13px;
}

.digi_sub_wrap .checkout_response {
    top: 0px;
}
.digi_sub_wrap .checkout_response ul {
    margin: 0;
}
.gift_addon_note {
    display: none;
    font-style: italic;
    font-size: 1em !important;
    margin-top: -10px;
    margin-bottom: 12px
}

label[for="addon_to_billing"] {
    margin-bottom: 15px;
}

.addon_to_billing {
    display: none;
}

.expand_field {
    transition: all 100ms ease-in-out;
    border: none !important;
    background: rgba(255, 255, 255, 0) !important;
    border-bottom: 1px solid #fff !important;
    padding: 5px !important;
    -webkit-appearance: none;
    box-sizing: border-box;
    border-radius: 0 !important;
    font-size: 16px !important;
}


/*
.expand_field:focus {
    background: rgba(255,255,255,1) !important;
    border: 1px solid #fff !important;
    padding: 10px 15px !important;
    border-radius: 5px !important;
}*/

.move_stage_back {
    color: #fff;
    text-transform: uppercase;
    font-family: "basic-sans-narrow-reg";
    font-size: 1.2em;
    cursor: pointer;
    position: relative;
    margin-left: 35px;
    padding-top: 8px;
}

.move_stage_back.hide {
    display: none;
}

.move_stage_back:before {
    content: '';
    border-right: solid 15px #909E9E;
    border-top: solid 9px transparent;
    border-bottom: solid 9px transparent;
    position: absolute;
    top: 8px;
    left: -24px;
    transition: all 300ms ease-in-out;
}

.move_stage_back:hover:before {
    left: -27px;
}

#process_subscriber_data {
    display: inline;
}

#process_subscriber_data ::placeholder, .digi_sub_wrap ::placeholder {
    color: #5a646f;
}

.code_wrap {
    margin-top: 25px;
}

.code_wrap .button, .digi_code_wrap .button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.code_wrap input, .digi_code_wrap input {
    height: 45px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    width: 180px;
    border-right: none;
}

#process_subscriber_data input:-webkit-autofill,
#process_subscriber_data select:-webkit-autofill {
}

.sub_select_page .input_error, .manage_sub_form .input_error {
    border-bottom: 1px solid #cc0000 !important;
}

.sub_form_errors {
    color: #cc0000;
    text-align: center;
    position: relative;
    top: -3px;
}

.terms_check_wrap .sub_form_errors {
    top: 6px;
}

.terms_check_wrap .checkout_response ul {
    margin: 0;
}

.sub_select_page .input_error_text, .manage_sub_form .input_error_text {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    background: #cc0000;
    padding: 0 8px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-family: "basic-sans-narrow-reg";
    color: #fff;
}

.manage_sub_form .input_error_text {
    top: auto;
    bottom: 0px;
}

.gocardless_redirectflow_message {
    background: #F1F1F1;
    padding: 20px;
    text-align: center;
    font-family: "basic-sans-narrow-reg";
    font-size: 1.1em;
    margin-bottom: 25px;
}

.subscription_options_wrap .field_wrap {
    position: relative;
    max-width: var(--sub_max_width);
    margin: 0 auto 10px auto;
}

#process_subscriber_data .recip_email_field {
    display: none;
}

.digi_sub_wrap {
    padding-bottom: 50px;
}

.stage_box h5, .digi_sub_wrap h5 {
    font-family: "basic-sans-narrow-reg";
    color: #fff;
    font-size: 16px;
    position: relative;
    margin-top: 7px;
    text-align: center;
}

.stage_box h5:before, .digi_sub_wrap h5:before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #fff;
    top: 7px;
}

.stage_box h5 span, .digi_sub_wrap h5 span {
    background: #BCE6E7;
    display: inline-block;
    padding: 0 5px;
    position: relative;
    z-index: 5;
}

.col_2_form .field_wrap {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    box-sizing: border-box;
}

.delivery_issue_image {
    text-align: center;
    background: no-repeat center bottom url('../images/delivery_arrows_dark.svg');
    margin: 0 0 -16px 0;
    height: 41px;
    z-index: 5;
    position: relative;
}

.stage_box_delivery_options p {
    margin: 0 0 6px 0;
    line-height: 1.4rem;
}

.delivery_issue_image img {
    width: 60px;
    height: 44px;
    opacity: 0;
}

.stage_box_delivery_options h4 {
    margin-bottom: 7px;
}

.sub_review {
    display: none;
}

.stage_box_billing .sub_form_mover {
    margin: 0 5px;
}

.addon_address_wrap>div {
    display: inline-block;
    vertical-align: top;
    width: 190px;
    box-sizing: border-box;
    font-family: "basic-sans-narrow-reg";
    margin: 0 5px;
    text-align: left;
    line-height: 1.3em;
    cursor: pointer;
    border-radius: 8px;
    position: relative;
}

.addon_address_wrap>div span {
    padding: 10px;
    background: #fff;
    display: block;
    box-sizing: border-box;
    position: relative;
    border-radius: 5px;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
}

.stage_box .checkbox_label, .digi_sub_wrap .checkbox_label {
    font-family: "basic-sans-narrow-reg";
    display: block;
    padding-left: 0;
    text-align: center;
}

.stage_box .checkbox_label input[type="checkbox"], .digi_sub_wrap .checkbox_label input[type="checkbox"] {
    width: 15px !important;
    height: 15px;
    background: #fff;
    border-radius: 0;
    margin-right: 10px;
    position: relative;
    top: 0;
    margin: 1px 7px 0 0;
}

label[for="use_billing_address"] {
    padding-left: 0;
}

.stage_box_payment_options .news_opt_in_wrap,
.stage_box_payment_options .t_c_wrap,
.digi_sub_wrap .news_opt_in_wrap,
.digi_sub_wrap .t_c_wrap {
    vertical-align: top;
    margin: 5px auto;
    text-align: left;
    max-width: var(--sub_max_width);
}

.stage_box_payment_options .stripe_encrypted_details, .digi_sub_wrap .stripe_encrypted_details {
    max-width: var(--sub_max_width);
    margin: 6px auto 5px auto;
    box-sizing: border-box;
}

.switch_sub_cost {
    font-style: italic;
    font-size: 1.2em;
    margin: 0 20px 0 7px;
}

.switch_plan_btn {
    font-size: 15px;
    padding: 13px 18px 11px 18px;
}

.switch_plan_btn_wrap {
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 10px;
}

#process_subscriber_data .pay_btn_wrap {
    border-top: none;
    padding: 2px 0 0 0;
}

#process_subscriber_data .pay_btn_wrap button {
    padding: 7px 14px;
}

.payment_option_wrap .button {
    margin: 0 5px;
}

#card-errors {
    color: #cc0000;
    padding: 5px 0 0 0;
    font-family: "basic-sans-narrow-reg";
}

.centre_stage {
    position: relative;
    top: calc(50% + 10px);
    transform: translateY(-50%);
}

.stage_box_payment_options h3 {
    margin-bottom: 0;
}

.stage_box_payment_options .centre_stage {
    top: calc(50% + -33px);
}

.payment_options_inner {
    position: relative;
    top: 48px;
}

.use_billing_address {
    margin: -10px 0 8px 0;
}

.use_billing_address [type="checkbox"] {
    margin-top: 4px !important;
}

.thankyou_address {
    font-family: "basic-sans-narrow-reg";
    padding: 15px;
    border: 1px #F1F1F1 solid;
    font-size: 1.1em;
    display: block;
}

.page-id-13730 .narrow_width {
    max-width: 650px;
}


.xmas_delivery_dates {
}

.thank_you_stickman {
    text-align: center;
    margin: -40px 0 -0px 0;
}

.thank_you_stickman img {
    width: 250px;
}

.add_gift_message {
    display: block;
    text-align: center;
    margin-top: 15px;
    font-family: "basic-sans-narrow-reg";
    font-size: 15px;
}

.add_gift_message:hover {
    color: #33393f;
}

.summary_info_wrap {
    font-family: "basic-sans-narrow-reg";
    border: 1px solid #9AC9CA;
    border-bottom: none;
    max-width: var(--sub_max_width);
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
    position: relative;
}

.summary_info_wrap > div {
    transition: opacity 350ms ease-in-out;
    opacity: 1;
}

.summary_info_wrap.updating > div {
    opacity: 0.5;
}

.summary_info_wrap.updating:before {
    background: no-repeat center center url('../images/stickman-summary-2.png?v=2');
    background-size: contain;
}


.summary_sub > div,
.summary_addon {
    border-bottom: 1px solid #6FC2C4;
    padding: 6px 15px;
    display: flex;
}

.summary_sub_cost, .summary_cost_style {
    display: block;
    text-align: right;
    margin-left: auto;
    color: #6FC2C4;
}

.summary_sub_cost {
    white-space: nowrap;
}

.stage_box_summary .centre_stage {
    top: calc(50% + -20px);
}

.stage_box_summary .summary_total {
    background: #6FC2C4;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    display: flex;
}

.summary_total_cost {
    font-weight: bold;
    text-align: right;
    display: inline-block;
    margin-left: auto;
}

.gift_message_box {
    width: 225px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    border: 1px solid #323940;
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.19);
    display: none;
}

.gift_message_box textarea {
    height: 225px;
    margin: 0;
    border: none;
    width: 100%;
    box-sizing: border-box;
}

.close_gift_message {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.add_gift_message:focus {
    outline: none;
}

.gift_message_note {
    text-align: left;
    padding: 7px 50px 7px 7px;
}

.summary_orig_price {
    text-decoration: line-through;
    color: #DE1F26;
    margin: 0 5px;
}

.sub_select_page .shop_intro {
    margin: -5px 0 30px 0;
}

.auto_addons_wrap {
    display: none;
}

.single_sub_option {
    display: none;
}

.single_region_option {
    display: none;
}

.sub_selector_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 980px;
    margin: 0 auto;
    gap: 15px;
    background: #fff;
    font-family: "basic-sans-narrow-reg";
    padding: 0 var(--page_width_padding);
}

.sub_selector_wrap.no_patron_subs {
    grid-template-columns: 1fr 1fr;
    max-width: 650px;
}

.sub_selector_wrap ul, .sub_selector_wrap ol, .sub_selector_wrap p {
    font-size: 17px ;
    list-style: none;
    margin: 8px 0;
}

.sub_selector_wrap ol {
    font-style: italic;    
}

.sub_selector_wrap ul li {
    position: relative;
    line-height: 1.2em;
}

.sub_selector_wrap li {
    margin: 2px 0;
}    

.sub_selector_wrap ul li:after, .sub_selector_wrap ul li:before {
    content: '';
    height: 12px;
    width: 2px;
    background: #33393f;
    position: absolute;
    left: -15px;
    top: 2px;
}
.sub_selector_wrap ul li:after {
    transform: rotate(90deg);
}

.sub_selector_wrap .digital_sub ul li:after, .sub_selector_wrap .digital_sub ul li:before {
    background: #6FC2C4;
}

.sub_selector_wrap .patron_sub ul li:after, .sub_selector_wrap .patron_sub ul li:before {
    background: #78B54D;
}

.sub_selector_wrap h3, .sub_selector_wrap p {
    font-family: "basic-sans-narrow-reg";
    font-size: 19px;
    font-weight: bold;
    margin: 4px 0;
    line-height: 1.2em;
    position: relative;
    z-index: 1;
}

.plan_options_info {
    font-weight: normal;
    font-size: 15px;
    line-height: 16px;
    font-style: italic;
    display: none;
}

.plan_cost_preview {
    font-weight: normal;
    font-style: italic;
    opacity: 0;
    transition: opacity 350ms ease-in-out;
}

.plan_cost_preview.active {
    opacity: 1;
}

.plan_cost_preview_digital {
    color: #6FC2C4;
}

.plan_cost_preview_print_digital {
    color: #6AA2CC;
}

.plan_cost_preview_patron {
    color: #78B54D;
}

.sub_selector_wrap h3 {
    margin-top: 0;
}

.sub_selector_wrap p em {
    font-size: 15px;
    font-weight: normal;
}

.sub_selector_wrap > div {
    border: 2px solid #CCCED0;
    cursor: pointer;
    padding: 20px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.sub_selector_wrap > div.digital_sub {
    border-color: #6FC2C4;
}
.sub_selector_wrap .digital_sub > h3 {
    color: #6FC2C4;
}
.sub_selector_wrap > div.digital_sub:hover .btn, .sub_selector_wrap > div.digital_sub.active .btn {
    background: #6FC2C4 !important;
}

.sub_selector_wrap > div.print_digital_sub {
    border-color: #6AA2CC;
}
.sub_selector_wrap .print_digital_sub > h3 {
    color: #6AA2CC;
}
.sub_selector_wrap > div.print_digital_sub:hover .btn, .sub_selector_wrap > div.print_digital_sub.active .btn {
    background: #6AA2CC !important;
}

.sub_selector_wrap > div.patron_sub {
    border-color: #78B54D;
}
.sub_selector_wrap .patron_sub > h3 {
    color: #78B54D;
}
.sub_selector_wrap > div.patron_sub:hover .btn, .sub_selector_wrap > div.patron_sub.active .btn {
    background: #78B54D !important;
}

.sub_selector_wrap > div.print_digital_sub:before {
    content: 'Most Popular';
    position: absolute;
    top: -24px;
    left: -2px;
    background: #6AA2CC;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 2px 10px 0px 10px;
}

.sub_selector_wrap > div.digital_sub ul {
    width: 60%;
}

.sub_selector_wrap .btn {
    display: block;
    background: #33393f;
    color: #fff;
    text-align: center;
    font-size: 21px;
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding: 13px 15px 12px 15px;
    border-radius: 25px;
    transition: all 350ms ease-in-out;
}

.sub_selector_wrap > div:hover .btn {
}

.sub_selector_wrap .price_indicator {
    background: #DE1F26;
    width: 58px;
    height: 58px;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    right: 15px;
    text-align: center;
    font-size: 21px;
    font-weight: bold;
}

.sub_selector_wrap .price_indicator > span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.sub_selector_wrap .print_digital_sub .price_indicator span span {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    line-height: 0.9em;
    letter-spacing: 0.08em;
}
    
.selector_digital_image {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 110px;
    height: 190px;
    position: absolute;
    bottom: 95px;
    right: 14px;
    transform: rotate(5deg);
}    

.selector_print_image {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: -10px -20px -20px -20px;
    height: 270px;
    position: relative;
}    

.selector_patron_image {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: -10px -20px -32px -20px;
    height: 122px;
    position: relative;
}

.sub_selector_wrap .digital_sub:after {
    width: 70px;
}

.sub_save_tag {
    background: #DE1F26;
    padding: 4px 13px 3px 13px;
    border-radius: 15px;
    position: absolute;
    top: -15px;
    right: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}



.get_print_digi {
    background: #DE1F26;
    cursor: pointer;
    position: absolute;
    top: -30px;
    right: 20px;
    border-radius: 50%;
    color: #fff;
    width: 80px;
    height: 80px;
    font-family: "basic-sans-narrow-reg";
    font-weight: bold;
    font-size: 16px;
    line-height: 1.1em;
}

.get_print_digi span {
    position: absolute;
    top: 52%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}

.digi_sub_wrap h2 {
    border-bottom: none;
    margin: 0;
}

.digi_sub_wrap a {
    color: #33393f;
}

.digi_confirm_wrap {
    display: none;
    padding-top: 15px;
}

.digi_confirm_wrap .t_c_wrap {
    position: static;
    left: auto;
    transform: none;
    width: auto;
    margin: 25px auto;
}


.digi_sub_wrap p {
    font-family: 'miller-text', Georgia, serif;
    margin: 9px auto 30px auto;
    line-height: 1.5em;
    max-width: 650px;
    font-style: italic;
    font-size: 20px;
    
}

.digi_sub_wrap .payment_option_wrap {
    margin-bottom: 20px;
}

.subscription_options_wrap {
    font-family: "basic-sans-narrow-reg" !important;
}

.subscription_options_wrap > div {
    height: 0px;
    opacity: 0;
    z-index: 10;
    overflow: hidden;
    transition: all 400ms ease-in-out;
}

.subscription_options_wrap > div.active {
    height: auto;
    opacity: 1;
    z-index: 20;  
}

.digi_recip_name {
    display: none;
}

.digi_recip_name.show {
    display: block;
}

.too_soon_addon_txt {
    font-size: 0.825em;
    font-style: italic;
    line-height: 1.3em;
}

.where_hear_wrap {
    margin: -10px 0 0px 0;
    padding: 20px;
    background: #F1F1F1;
    text-align: center;
    height: 128px;
    overflow: hidden;
    transition: all 650ms ease-in-out;
    box-sizing: border-box;
}

.where_hear_wrap h3 {
    font-size: 24px;
}

.where_hear_wrap select {
    width: 100%;
}

.lrg_para {
    font-size: 1.1em;
}

.what_subs_say blockquote:not(.twitter-tweet) {
    background: #fff;
    margin: 0;
    padding: 5px 15px;
    border: 1px solid #cfd9dd;
    border-radius: 10px;
    position: relative;
}

.what_subs_say blockquote:not(.twitter-tweet):after {
    content: '';
    display: block;
    position: absolute;
    background: #fff no-repeat -393px -187px url('../images/sj_sprite.svg?v=6');
    width: 30px;
    height: 30px;
    bottom: 10px;
    right: 12px;
}

.what_subs_say blockquote:not(.twitter-tweet) p {
    margin: 10px 0;
    font-size: 18px;
    line-height: 23px;
}

.what_subs_say blockquote:not(.twitter-tweet) em {
    display: block;
    margin: 10px 0 -6px 0;
    font-style: normal;
    font-size: 15px;
    font-family: "basic-sans-narrow-reg";
    opacity: 0.8;
    padding-right: 36px;
    border-top: 1px solid #cfd9dd;
    width: calc(100% - 35px);
    padding: 5px 0 0 0;
}

.what_subs_say {
    max-height: 1500px;
    overflow: auto;
}

.what_subs_say:has(.what_subs_say_subs_page) {
    max-height: none;
}

.what_subs_say .what_subs_say_subs_page {
    max-height: none;
    max-width: var(--page_width);
    padding: 0 var(--page_width_padding);
    margin: 0 auto;
}

.what_subs_say .what_subs_say_subs_page > div {
    column-count: 3;
}

.what_subs_say_subs_page h3 {
    display: none;
}

.what_subs_say .what_subs_say_subs_page p:has(script) {
    display: none;
}

.patron_btn svg {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 14px;
}

.patron_btn_link {
    text-decoration: none;
    display: inline-block;
}

.sa_popup {
    background: #33393f;
    color: #fff;
    max-width: 280px;
    font-family: "basic-sans-narrow-reg";
    font-size: 17px;
    padding: 30px 20px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
    transition: all 300ms ease-in-out;
}

.sa_popup.active {
    opacity: 1;
}

.show_digital_sub {
    color: #BCE6E7;
    text-decoration: underline;
    cursor: pointer;
}

.sa_popup_close {
    width: 41px;
    height: 41px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
    z-index: 10;
}
.sa_popup_close:after {
    content: '×';
    color: #fff;
    font-size: 30px;
    position: relative;
    top: 7px;
}

.sub_select_page .stages_wrap_outer input[name="country_name"],
.sub_select_page .stages_wrap_outer input[name="country_name"]:focus {
    color: #b7b3b3;
    border-color: #ccc;
}

.sub_select_page_content {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 var(--page_width_padding);
}

/* ------------------------ MANAGE SUB STYLES -------------------------------*/

#manage_sub_login_form input[name="sub_id"] {
    width: 100%;
    max-width: 300px;
}

.manage_sub_form input[type="text"], .manage_sub_form select {
    width: 100%;
}

.manage_sub_form ::placeholder {
    color: #bec4c4;
}

.manage_sub_task .field_wrap {
    position: relative;
    margin-bottom: -1px;
}

.manage_sub_page .form_response, .manage_sub_page .checkout_response  {
    font-size: 17px;
    margin: 0px 8px 6px 8px;
    display: inline-block;
    font-style: italic;
}

.manage_sub_page .form_response.success, .manage_sub_page .checkout_response.success {
    color: #33393f !important;
}

.manage_sub_page {
    padding-left: 10px;
    padding-right: 10px;
}

.manage_sub_page_detail_wrap {
    position: relative;
}

.manage_sub_page_detail_wrap.inactive_sub {
    padding: 10px;
}

.manage_sub_page_detail_wrap.inactive_sub:after {
    content: '';
    display: block;
    position: absolute;
    background: rgba(0,0,0,0.2);
    top: 0;
    right: 0;
    bottom: 0px;
    left: 0;
}

.manage_sub_notification {
    font-size: 1.35em;
    font-family: "basic-sans-narrow-reg";
    font-weight: bold;
    color: #98A1A4;
}

.manage_sub_notification span {
    display: block;
    font-size: 28px;
    font-weight: normal;
    margin: 10px 0 0 0;
    color: #33393f;
}

.manage_sub_page_detail_wrap h4 {
    text-transform: none;
    font-size: 21px;
}

.manage_sub_task_header {
    font-family: "basic-sans-narrow-reg";
    font-size: 16px;
    padding: 12px 15px 10px 15px;
    border: 1px solid #f1f1f1;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: -1px;
    position: relative;
}

.manage_sub_task_header:after, .manage_sub_task_header:before {
    content: '';
    position: absolute;
    background: #33393f;
    display: block;
    width: 15px;
    height: 2px;
    top: 21px;
    right: 16px;
}
.manage_sub_task_header:before {
    transform: rotate(90deg);
}
.manage_sub_task_header.active:before {
    display: none;
}

.manage_sub_task {
    padding: 20px;
    background: #F1F1F1;
}
    
.manage_sub_task button {
    margin-bottom: 0;
    margin-top: 15px;
}

.slide_content {
    transition: height 450ms ease-in-out;
    overflow: hidden;
    display: none;
}
.slide_content.active {
    display: block;
}

.manage_sub_task .pay_btn_wrap {
    margin-top: 0;
}

.manage_sub_task .cc_form_wrap {
    margin-bottom: 0px !important;
    display: none;
}

.manage_sub_task .cc_only .cc_form_wrap {
    display: block;    
}

.manage_sub_task .cc_form_wrap h3, .manage_sub_task .payment_option_wrap > h3 {
    font-family: "basic-sans-narrow-reg";
    font-size: 16px;
    font-weight: bold;    
    margin: 18px 0 9px 0;
}

.manage_sub_task .payment_option_wrap > h3 {
    margin: 0 0 18px 0;
}

.manage_sub_task .payment_option_wrap .button {
    margin: 0 8px 0 0;
}

.manage_sub_task .stripe_encrypted_details {
    margin-bottom: 0;
}

.cancellation_reasons_intro {
    font-size: 1.1em;
}

.cancellation_reasons_wrap {
    font-family: "basic-sans-narrow-reg";
    font-size: 1.1em;
}

.cancellation_reason {
    font-size: 1.1em;
    background: #fff;
    padding: 13px 10px 13px 41px;
    cursor: pointer;
    margin-bottom: 1px;
    margin-top: 1px;
    position: relative;
}

.cancellation_reason.active {
    font-weight: bold;
    background: #33393f;
    color: #fff;
}

.cancellation_reason:before {
    content: '';
    width: 17px;
    height: 17px;
    border-radius: 50%;
    border: 2px solid #f1f1f1;
    position: absolute;
    top: 15px;
    left: 13px;
    transition: all 150ms ease-in-out;
    box-sizing: border-box;
}
.cancellation_reason.active:before {
    border: 4px solid #fff;
}

.cancellation_reason_info {
    background: #fff;
    padding: 5px 15px;
    position: relative;
    padding-right: 158px;
   /* min-height: 175px;*/
}

.cancellation_reason_info_inner:has(img) {
   min-height: 136px;
}    

.cancellation_reason_info p {
    margin: 10px 0;
}

.cancellation_reason_info .button {
    margin-bottom: 10px;
}

.cancellation_reason_info img {
    width: 125px;
    position: absolute;
    right: 17px;
    top: 15px;
}

.pause_subscription_btn, .cancel_subscription_btn {
    margin-bottom: 10px;
}

.manage_cancel_btns {
    padding-top: 20px;
    display: none;
}

.cancellation_reasons_intro h3 {
    font-size: 1.8em;
}

.next_billing_date_amount {
    font-family: "basic-sans-narrow-reg";
    font-size: 1.1em;
    font-style: italic;
    margin: 25px 0 0 0;
}

.cancellation_comment {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    height: 85px;
}

input[name="gift_subscription_email"] {
    margin-bottom: 15px;
}

.forgot_sub_id_link {
    text-decoration: underline;
    cursor: pointer;
}

.forgot_sub_id_link:hover {
    text-decoration: none;
}


.forgot_sub_id_recover_wrap .form_response > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-style: italic;
}

.forgot_sub_id_recover_wrap .form_response > ul {
    margin-top: 5px;
    padding-bottom: 15px;
} 

.forgot_sub_id_recover_wrap .form_response > ul.errors {
    margin-top: -11px;
}    

.forgot_sub_id_recover_wrap {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 0.9em;
    line-height: 1.3em;
    padding-bottom: 15px;
    display: none;
}

.forgot_sub_id_recover_wrap input[type="email"] {
    background: #fff;
    margin-bottom: 0px;
    width: 100%;
}

.forgot_sub_id_recover_wrap p {
    margin: 0 0 10px 0;
    font-size: 16px;
}

.forgot_sub_id_recover_wrap {
    padding: 15px 15px 0 15px;
    background: #f4f4f4;
    max-width: 350px;
    margin: 10px auto;
}

.subscriber_login_wrap {
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
}

.forgot_sub_id_wrap {
    margin: 15px 0;
}


/* ------------------------ E-Store core styles - don't edit - update colours etc styles below so these can be replaced -------------------------------*/

trans {
    text-align: center;
    margin-bottom: 15px;
    background: #ffd802;
    padding: 15px;
    color: #000;
}

#cookie_message {
    background: #d70a00;
    color: #fff;
}

.added_note {
    display: none;
}

.added_note.show {
    display: block;
}

.checkout_page .block {
    padding: 20px;
    border-bottom: 1px #ccc solid;
    margin-bottom: 20px;
}

.error,
.errors {
    color: #cc0000 !important;
}

.postage_wrap label {
    width: auto;
}

.paypal_note {
    margin-top: 15px;
}

#prod_info_wrap {
    position: relative;
}

#prod_gallery-big {
    position: absolute;
    top: 0px;
    left: 0px;
}

#prod_info {
    margin: 20px 0;
}

.form_note {
}

#enquiry_form button.disabled,
button.disabled,
.button.disabled {
    background: #ccc;
    cursor: default;
}

.paypal_note p {
    font-style: italic;
    color: #999;
}

.show_btns_hide {
    display: none;
}

.show_btns_show {
    display: inline;
}

th,
td {
    text-align: left;
    border-bottom: 1px solid #EBEBEB;
    padding: 8px;
    font-family: "basic-sans-narrow-reg";
}

td {
    border-bottom: 1px solid #fff;
}

.my_account_page th {
    background: #ebebeb;
}

.hr {
    clear: both;
}

.relate_options {
    display: none;
}

.variation_main>.relate_options label {
    padding-left: 15px;
    width: 185px;
}

.variation_main>.relate_options>.relate_options label {
    padding-left: 30px;
    width: 170px;
}

.variation_main>.relate_options>.relate_options>.relate_options label {
    padding-left: 45px;
    width: 155px;
}

.variation_main>.relate_options>.relate_options>.relate_options .relate_options label {
    padding-left: 60px;
    width: 140px;
}

#prod_info_wrap #product_form .relate_options input,
#prod_info_wrap #product_form .relate_options select {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.update_quantity input {
    width: 40px;
}

.update_quantity button {
    padding: 1px 3px;
    transform: scale(0.8);
    transform-origin: top;    
}

.update_quantity button svg {
    position: relative;
    top: 3px;
    transform: scale(0.85);
    left: 1px;
}

.out_of_stock {
    font-family: "basic-sans-narrow-reg";
    background: #33393f;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 15px;
    color: #fff;
}

#ask_question_wrap form {
    display: none;
}

#enquiry_form label,
#enquiry_form textarea {
    display: block;
}

#reset_psw_form {
    display: none;
}

#reset_psw_link {
    cursor: pointer;
}

.saved_addresses {
    border: #ccc solid 1px;
    padding: 20px;
}

.saved_addresses label {
    display: none;
}

.saved_addresses input {
    padding: 0;
    background: #fff;
    border: none;
}

.saved_addresses .field_wrap {
    margin-bottom: 0;
}

.saved_addresses #same_shipping {
    display: none;
}

.input_country {
    display: none;
}

.saved_addresses .input_country {
    display: block;
}

.saved_addresses .select_country {
    display: none;
}


.shipping_address_wrap.saved_addresses {
    display: block !important;
}

.my_account_detail_wrap {
    border: 1px #ccc solid;
    padding: 15px;
    display: block;
}

.my_account_detail_wrap {
    position: relative;
}

.my_account_detail_wrap span {
    float: left;
    width: 250px;
}

.my_account_detail_wrap.primary_option {
    border-color: #999;
}

.half_pg_col {
    float: left;
    width: 46%;
}

.col_2 {
    width: calc(50% - 4px);
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.column_2 {
    padding: 5px;
}

.half_pg_col:first-child {
    margin-right: 7%;
}

#update_email,
#user_psw_reset {
    display: none;
    margin-bottom: 10px;
}

.reset_page #user_psw_reset {
    display: block;
}

#change_email {
    margin: 0 10px 10px 0;
}

label[for="human"] {
    cursor: pointer;
    width: auto;
}

.highlight_colour {
    color: #222;
}

.prod_note_text {
    clear: both;
}

#secure_note {
    display: none;
    margin-bottom: 15px;
    padding: 10px;
    background: #ebebeb;
}

.stripe_encrypted_details h3 span {
    text-decoration: underline;
    cursor: pointer;
    padding: 2px 15px 2px 0;
    font-size: 0.8em;
}

.order_table_wrap {
    padding-bottom: 15px;
    border-bottom: #ccc 1px solid;
    margin-bottom: 15px;
}

.order_info_box {
    text-transform: uppercase;
}

.my_account_detail_wrap button {
    position: absolute;
    top: 15px;
    right: 15px;
}

.checkout_page .my_account_detail_wrap span {
    display: block;
    float: none;
    width: auto;
}

.checkout_page .my_account_detail_wrap {
    width: 150px;
    float: left;
    margin: 0 15px 15px 0;
    background: #fff;
}

.saved_addresses_wrap {
    padding: 15px 15px 0 15px;
    background: #ebebeb;
    margin-bottom: 15px;
}

.checkout_page .my_account_detail_wrap button {
    position: static;
    margin-top: 10px;
}

.checkout_page .active_selected {
    background: #ccc;
}

.select_add_note {
    font-size: 1.1em;
}

.select_add_note b {
    text-decoration: underline;
    cursor: pointer;
}

.saved_billing_addresses .address_form_wrap,
.saved_shipping_addresses .address_form_wrap {
    display: none;
}

#process_save_cart {
    display: none;
    margin-top: 15px;
    background: #EBEBEB;
    padding: 15px;
}

#process_save_cart label {
    width: auto;
}

#process_save_cart button {
    margin-left: 15px;
}

#process_save_cart .message {
    padding-top: 15px;
}

.saved_cart_wrap {
    border: 1px #CCC solid;
    padding: 15px;
    display: block;
    margin-bottom: 15px;
}

.saved_cart_wrap .button {
    float: right;
    margin-left: 10px;
}

#paypal-button {
    margin-bottom: 15px;
}

.nowrap {
    white-space: nowrap;
}

@media all and (max-width: 650px) {
    .reponsive_table_wrap {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        margin-bottom: 10px;
        border-right: 2px solid #ccc;
        background: no-repeat left top url('../images/scroll_note.svg');
        padding-top: 20px;
    }
    .reponsive_table_wrap table {
        width: 545px !important;
    }
}


/* ------------------------ END core styles -------------------------------*/


/* ------------------------ PRODUCT PAGES -------------------------------*/

select {
    background: #fff url('../images/drop_arrow.svg?v=3') no-repeat right;
    padding: 14px 16px;
    height: 49px;
}


.cat_thumbail_wrap {
    padding: 0 17px;
    margin: 20px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    font-family: "basic-sans-narrow-reg";
}

.cat_thumbail_wrap a {
    display: block;
    position: relative;
    text-decoration: none;
    text-align: center;
    color: #33393f;
}

.cat_thumbail_wrap a img {
    border: 1px solid #EBEBEB;
}

#product_wrap {
    max-width: 800px;
    margin: 0 auto;
}

.prod_name,
.prod_price {
    display: block;
    line-height: 1.15em;
}

.prod_name {
    margin: 7px 0 5px 0;
}

.cat_nav_wrap {
    margin: 5px 0;
    text-align: center;
}

.sub_cat_wrap {
    margin: -6px 2px;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.sub_cat_wrap a {
    display: block;
    text-decoration: none;
    color: #33393f;
}

.sub_cat_title {
    letter-spacing: 0.02em;
}

.show_all_wrap {
    float: right;
}

.cat_nav_wrap a,
.cat_nav_wrap .current {
    background: transparent;
    text-align: center;
    margin-right: 2px;
    text-decoration: none;
    font-weight: bold;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-transform: uppercase;
}

.page_numbers a,
.page_numbers .current {
    display: inline-block;
}

.show_all_wrap a.show_btns_show {
    display: block;
    font-size: 0.9em;
    padding: 0 5px;
    width: auto;
}

.nav_wrap_first {
    border-bottom: 1px solid #EBEBEB;
    margin-bottom: 10px;
    padding-bottom: 7px;
}

.nav_wrap_last {
    border-top: 1px solid #EBEBEB;
    margin-top: 10px;
    padding-top: 10px;
}

#prod_image_wrap,
#prod_info_wrap {
    width: 50%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#prod_image_wrap {
    padding: 0 1% 0 0;
}

#prod_info_wrap {
    padding: 0 0 0 1%;
}

.main_image>a>img {
    max-width: 100%;
    height: auto !important;
}

.main_image>a {
    height: auto !important;
    display: inline-block;
}

.main_image img,
.prod_thumbnails img {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#prod_info {
    margin: 0 0 20px 0;
}

.short_descr {
    margin-top: 0;
    font-style: italic;
    font-size: 1.1em;
    padding-right: 95px;
}

#detail_prod_text {
    border-bottom: 1px solid #EBEBEB;
    line-height: 1.4em;
}

.detail_prod_header {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    padding: 10px 0;
    text-align: center;
    font-size: 1.2em;
}

.actual_price {
    background: #fff;
    font-size: 1.6em;
    float: left;
    font-family: "basic-sans-narrow-reg";
}

.old_price {
    padding-left: 10px;
    text-decoration: line-through;
    float: left;
    font-size: 1.2em;
}

.variation_main {
    font-family: "basic-sans-narrow-reg";
    background: #F1F1F1;
    padding: 15px 20px 15px 20px;
    margin-top: 15px;
}

.variation_main h3 {
    font-family: "basic-sans-narrow-reg";
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    text-align: left;
    font-size: 1.2em;
}

.variation_main label {
    display: block;
}

.variation_main input,
.variation_main select {
    width: 100%;
}

.add_to_wrap {
    margin: 15px 0 0 0;
}

.form_note {
    line-height: 1.3em;
    position: relative;
    top: 2px;
    color: #b3b5b4;
}

.prod_top_image {
    margin-bottom: 10px;
}

.prod_thumbnails a {
    border: 1px solid #ebebeb;
    margin: 7px 7px 0 0;
    width: 50px;
}

.postid-18033 .prod_thumbnails a {
    width: 115px;
}

.prod_thumbnails a:hover {
    border: 1px solid #222;
}

#prod_gallery-big .MagicZoomBigImageCont {
    border: 2px solid #222;
}

.MagicZoomBigImageCont img {
    max-width: none;
}

.relate_options {
    border: 2px solid #fff;
    padding: 10px;
    position: relative;
    top: -10px;
    background: #f5f5f5;
}

.relate_options .form_note {
    padding-left: 0;
}

.variation_main>.relate_options label {
    width: auto;
    padding-left: 0;
}

.field_wrap {
    margin-bottom: 10px;
    clear: both;
}

.variation_main>.relate_options>.relate_options label {
    padding-left: 0px;
    width: auto;
}

.variation_main>.relate_options>.relate_options>.relate_options label {
    padding-left: 5px;
    width: auto;
}

.variation_main>.relate_options>.relate_options>.relate_options .relate_options label {
    padding-left: 0px;
    width: auto;
}

.added_note p {
    margin: 0 0 8px 0;
    font-style: italic;
}

.added_note {
    padding-bottom: 15px;
}

#update_icon {
    visibility: hidden;
    position: relative;
    left: 25px;
    top: 4px;
}

#update_icon.pulse span {
    display: block;
    border: 3px solid #637075;
    border-radius: 30px;
    height: 15px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: absolute;
    top: 50%;
    width: 15px;
    animation: pulsate 1s ease-out;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0.0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0;
    }
}

.flash {
    animation: flash 1000ms ease-out;
    animation-iteration-count: 1;
}

@keyframes flash {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



.prod_form_required {
    font-style: italic;
    margin-top: 5px;
    color: #e52839;
}

#ask_question_wrap {
    padding: 15px 0 0 0;
}

#enquiry_form {
    background: #F5F5F5;
    padding: 10px 15px;
}

#enquiry_form input,
#enquiry_form textarea {
    background: #fff;
    border: none;
    margin-bottom: 10px;
}

#enquiry_form input,
#enquiry_form textarea,
#enquiry_form label {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#enquiry_form #human,
#enquiry_form label[for="human"] {
    float: left;
    width: auto;
    margin-bottom: 10px;
}

#enquiry_form button {
    display: block;
    clear: both;
}

#enquiry_form ul {
    padding-left: 0;
}

.success_msg {
    clear: both;
}

.checkout_page .block {
    border-bottom: none;
    margin-bottom: 0px;
    clear: both;
}

.checkout_page h3 {
    font-family: "basic-sans-narrow-reg";
    margin: 20px 0;
    padding-top: 0;
    text-align: center;
    text-transform: none;
    font-size: 1.5em;
    padding-bottom: 10px;
}

#check_discount input {
    width: 172px;
    padding: 10px 8px 6px 8px;
}

.checkout_page .update_quantity input {
    width: 50px;
    padding: 7px 8px;
}

.checkout_page .prod_name img {
    margin-right: 10px;
}

.checkout_page .prod_name a {
    text-decoration: none;
}

.remove_item button {
    margin: 0;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 23px;
    text-indent: -999em;
    width: 23px;
    padding: 0;
    position: relative;
}

.remove_item button:after {
    content: '×';
    position: absolute;
    top: -1px;
    left: 7px;
    color: #fff;
    font-size: 24px;
    text-indent: 0;
    font-family: "basic-sans-narrow-reg";
}

#checkout_table,
.postage_wrap table {
    width: 100%;
}

#checkout_table .prod_name {
    font-weight: bold;
}

#gift_receipt_wrap,
.billing_address_wrap .field_wrap:last-child {
    border-top: 1px solid #EBEBEB;
}

.billing_address_wrap .field_wrap:last-child {
    padding: 20px 0px 0 0px;
}

.billing_address_wrap .field_wrap:last-child label {
    width: auto;
}

#checkout_table_costs {
    float: right;
    margin: 0;
}

#checkout_table_costs td {
    border-bottom: 1px solid #EBEBEB;
}

#secure_note {
    font-style: italic;
}

#checkout_table td {
    border-bottom: 1px solid #EBEBEB;
    display: table-cell;
}

.checkout_page .form_note {
    padding-left: 42%;
    font-style: italic;
}

#cvv,
#expiration-date,
#expiration-month,
#expiration-year {
    width: 100px;
}

.shipping_address_wrap {
    padding-top: 0;
}

#gift_receipt_message {
    padding: 15px 15px 2px 15px;
    background: #EBEBEB;
    margin-top: 15px;
}

#gift_receipt_message textarea {
    width: 100%;
    box-sizing: border-box;
}

#gift_receipt_message label {
    width: auto;
    display: block;
}

#gift_receipt_message p {
    font-style: italic;
}

.checkout_response ul {
    padding: 0;
    list-style: none;
}

.you_may_like_box {
    background: #EBEBEB;
    margin: 0 2%;
    padding: 10px 0 10px 10px;
    margin-top: 15px;
}

.you_may_like_box .cat_thumbail_wrap {
    width: 22.5%;
    background: #fff;
}

.you_may_like_box h3 {
    margin: 5px 1%;
    text-align: center;
}

.you_may_like_box .cat_thumbail_wrap a .prod_name {
    height: 55px;
}

.you_may_like_box .cat_thumbail_wrap a .prod_price {
    bottom: 65px;
}

.overview_original_price {
    text-decoration: line-through;
}

.sale_tag {
    background: #cc0000;
    padding: 2px 9px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
}

.category_page .sale_tag {
    position: absolute;
    top: 0px;
    right: 0px;
}

.checkout_page .prod_name img {
    vertical-align: top;
    float: left;
    margin-right: 10px;
    max-width: 80px;
    border: 1px solid #EBEBEB;
}

.checkout_page td {
    vertical-align: top;
}

.per_page_drop_wrap select {
    width: 70px;
}

.ordering_drop_wrap select {
    width: 120px;
}

.ordering_drop_wrap,
.ordering_drop_wrap form,
.page_numbers,
.per_page_drop_wrap,
.per_page_drop_wrap form {
    display: inline-block;
}

.rel_prods_wrap div {
    border-bottom: 1px solid #ebebeb;
    margin: 10px 0;
    padding: 10px 0;
}

.rel_prods_wrap div a {
    display: block;
}

.rel_prods_wrap div .rel_img {
    width: 100px;
    float: left;
    margin-right: 15px;
}

.rel_prods_wrap div .prod_price {}

.required_field:after {
    content: '\002A';
    margin-left: 5px;
    color: #cc0000;
}

.filter_name {
    font-weight: bold;
    display: inline-block;
    padding: 10px;
}

.filter_child_name {
    cursor: pointer;
    display: inline-block;
    padding: 10px;
}

.filter_child_name.active {
    color: #222;
    font-weight: bold;
}

.filter_child_name:hover {
    color: #222;
}

.sub_cats_wrap {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
}

.single-post .sub_cats_wrap {
    margin-bottom: 35px;
}

.tiny_head {
    display: inline-block;
    font-family: "basic-sans-narrow-reg";
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.025em;
}

.sub_cat_wrap .current_term {
    text-decoration: underline;
}

.breadcrumb_wrap {
    padding: 5px;
    background: #F1F1F1;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    top: -11px;
    font-family: "basic-sans-narrow-reg";
}

.breadcrumb_wrap span {
    display: inline-block;
    margin-right: 30px;
    position: relative;
}

.breadcrumb_wrap a {
    text-decoration: none;
    color: #33393f;
}

.breadcrumb_wrap span:after {
    content: '>';
    position: absolute;
    right: -20px;
    top: -0px;
}

.breadcrumb_wrap a:hover {
    color: #929e9e;
}

.breadcrumb_wrap span:last-child:after {
    display: none;
}

.breadcrumb_wrap span:last-child {
    margin-right: 0;
}

.single-products h1 {
    text-transform: none;
    font-size: 2.5em;
    text-align: left;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#shopping_cart {
    position: absolute;
    top: 27px;
    right: -2px;
}

#shopping_cart a {
    position: relative;
}

#shopping_cart a:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    background: #929e9e;
    border-radius: 50%;
    left: 50%;
    z-index: -10;
    top: 50%;
    transform: translateX(-50%) translateY(-57%) scale(0);    
}

#shopping_cart a:hover:after {
    transform: translateX(-50%) translateY(-57%) scale(1);    
}

#shopping_cart path.bag, #shopping_cart path.handle, #shopping_cart a:after {
    transition: all 500ms ease-in-out;
}

#shopping_cart path.bag {
    fill: #CCCED0; 
}
#shopping_cart path.handle {
    fill: none; 
    stroke: #CCCED0; 
}

#shopping_cart a path.bag {
    fill: #33393f; 
}
#shopping_cart a path.handle {
    stroke: #33393f; 
}

#shopping_cart a:hover path.bag {
    fill: #fff; 
}
#shopping_cart a:hover path.handle {
    stroke: #fff; 
}

.cart_num {
    font-size: 14px;
    position: relative;
    top: -4px;
    color: #33393f;
}

.cart_empty .cart_num {
    color: #CCCED0;
}

#shopping_cart a:hover .cart_num {
    color: #fff;
}

a,
button,
.button {
    transition: all 350ms ease-in-out;
}

.button {
    cursor: pointer;
}

#product_wrap #shopping_cart {
    top: -13px;
}

.checkout_page .page_width,
.thank_you_page .page_width {
    width: auto;
    max-width: 700px;
}

.thank_you_page p {
    font-size: 1.15em;
    line-height: 1.5em;
}

#thank_you_details {
    width: 100%;
    border: 2px solid #f4f4f4;
}

.order_sub_totals p {
    margin: 10px 0 10px 0;
    font-family: "basic-sans-narrow-reg";
}

.checkout_page label {
    font-family: "basic-sans-narrow-reg";
    width: 39%;
    margin-right: 1%;
    margin-left: 1%;
    display: inline-block;
    box-sizing: border-box;
}

.checkout_page input,
.checkout_page select {
    width: 58%;
    box-sizing: border-box;
}

.checkbox_label,
input[type="checkbox"] {
    width: auto !important;
}

input[type="checkbox"] {
    margin-right: 5px;
    margin-top: 4px;
    display: inline-block !important;
}

.checkout_page button {
    margin: 0;
}

.page_numbers {
    text-align: center;
    padding-bottom: 10px;
}

.cat_nav_wrap a,
.cat_nav_wrap .current {
    font-family: "basic-sans-narrow-reg";
    color: #929e9e;
    border: 1px solid #F1F1F1;
    text-align: center;
    margin: 0 2px;
    text-decoration: none;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-transform: uppercase;
}

.page_numbers a,
.page_numbers .current {
    display: inline-block;
}

.cat_nav_wrap a:hover,
.cat_nav_wrap .current {
    border: 1px solid #929e9e;
    color: #929e9e;
}

.single-products .breadcrumb_wrap {
    position: relative;
    top: -40px;
}

.cart_h1_wrap {
    position: relative;
}

.single-products h1 {
    padding-right: 60px;
}


.checkout_page .shipping_address_wrap {
    padding-top: 0;
}

.mini_sold_out {
    font-size: 0.85em;
    text-transform: uppercase;
    color: #fff;
    background: #333944;
    padding: 4px 7px 3px 7px;
    letter-spacing: 0.05em;
    position: relative;
    top: 5px;
}

.stage_box_payment_options .news_opt_in_wrap .checkbox_label input[type="checkbox"], .stage_box_payment_options .t_c_wrap .checkbox_label input[type="checkbox"] {
    margin-top: 0;
    margin-right: 4px;
}

.stage_box_payment_options .news_opt_in_wrap .checkbox_label, .stage_box_payment_options .t_c_wrap .checkbox_label {
    padding-left: 0;
    font-size: 15px;
    line-height: 1.4em;
    margin-bottom: 12px;
    text-align: center;
    cursor: pointer;
}

.stage_box_payment_options .news_opt_in_wrap label,
.stage_box_payment_options .t_c_wrap label {
    margin-left: 0;
}

.terms_check_wrap {
    position: relative;
}

.terms_check_wrap.active {
    margin: 31px 0 0 0;
}

.terms_check_wrap.active:after {
    content: 'Please agree to Terms and conditions and Privacy policy';
    background: #fff;
    opacity: 0.75;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0px 0 0 0;
    display: block;
    color: #DE1F26;
}

.shop_intro {
    text-align: center;
    font-style: italic;
    color: #637075;
    margin: -5px 0 20px 0;
    line-height: 1.3em !important;
}

.sub_select_page .offer_intro {
    font-style: normal;
    text-align: left;
    max-width: 850px;
    margin: 0 auto;   
    color: #33393f; 
}

.tax-product_categories .shop_intro {
    font-size: 1.2em;
}

/* new checkout process styles */

.discount_wrap > div {
    text-align: right;
    margin-bottom: 10px;
}

#check_discount {
    border: 1px solid #ebebeb;
    padding: 20px;
    display: none;
}

.checkout_stages_wrap {
    position: relative;
    display: flex;
    margin-bottom: 30px;
    background: #f1f1f1;
    padding: 7px;
    font-family: "basic-sans-narrow-reg";
}

.checkout_stages_wrap a {
    color: #33393f;
}

.checkout_stages_wrap:after {
    content: '';
    height: 1px;
    left: 15px;
    right: 15px;
    background: #fff;
    position: absolute;
    top: 19px;
    box-sizing: border-box;
}

.checkout_stages_wrap div {
    width: 33.3%;
    text-align: center;
    position: relative;
    z-index: 10;
}    

.checkout_stages_wrap div.active {
    font-weight: bold;
}

.checkout_stages_wrap span, .summary_header {
    display: inline-block;
    background: #f1f1f1;
    padding: 0 15px;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
}    

.checkout_page_btn {
    text-align: right;
    padding: 25px 0;
}

.checkout_response li {
    list-style: none;
}

.cart_summary {
    position: absolute;
    width: 170px;
    right: -190px;
    top: 0;
    font-size: 0.85em;
    background: #f1f1f1;
    line-height: 1.35em;
    box-sizing: border-box;
}

.summary_header {
    display: block;
    padding: 10px 5px;
}

#gift_receipt_wrap {
    margin-top: 25px
}

.cart_summary table, .cart_summary td, .cart_summary th {
    margin: 0;
    background: transparent;
    border-color: #fff;
    width: 100%;
    border-left: none;
    border-right: none;
    float: none !important;
}

.cart_summary > div {
    padding: 0 10px;
}

.cart_summary td, .cart_summary th {
    padding: 8px 5px;
}    

.cart_summary .edit_cart {
    display: block;
    padding: 10px 5px;
}

.summary_prod_options {
    font-size: 0.9em;
    line-height: 1.25em;
    padding: 0px 5px 0px 8px;
    display: block;
    border-left: 2px solid #fff;
    margin-top: -15px;
}

.view_summary_btn {
    display: none;
}

.checkout_page {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

.checkout_page_with_summary {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 0;
}

.payment_page .block {
    margin: 25px 0;
}

.payment_page .flex {
    justify-content: space-around;
}

.checkout_page h3 {
    text-align: center;
    font-size: 1.2em;
}

.checkout_page .block {
    border: 2px solid #f4f4f4;
    margin: 25px 0;
}


.checkout_page .block {
    margin: 0;
}

.checkout_page .encrypted_details_wrap {
    margin-right: 25px;
    box-sizing: border-box;
}

.review_wrap, .discount_wrap {
    margin: 20px 0px;
}

.discount_wrap {
    margin-bottom: 0;
}    

.payment_type {
    color: #b3b5b4;
    font-size: 0.9em;
    display: block;
    margin-bottom: 15px;
    margin-top: -5px;
}

.field_error input, .field_error select, .field_error textarea {
    border-color: #cc0000;
}

.stripe_encrypted_details {
    margin-bottom: 10px;
    padding: 17px 12px 17px 12px;
    border: 1px solid #bec4c4;
    background: #fff;
}

.pay_btn_wrap {
    margin-top: 25px;
}

#card-errors {
    color: #cc0000;
    position: relative;
    top: 5px;
}

#paypal-button, #payment-request-button, .cc_btn {
    width: 200px;
    margin: 0 auto 25px auto;
    display: block;
}


.cc_form_wrap {
    margin-bottom: 25px !important;
}

.cc_form_wrap input[type="text"], .cc_form_wrap select {
    width: 100%;
}

.cc_form_wrap input[type="text"]::placeholder, .cc_form_wrap select, input:read-only {
    color: #bec4c4;
}

.cc_form_wrap select:focus {
    color: #828282;
}    

.cc_btn {
    border-radius: 4px;
    text-transform: none;
    font-size: 14px;
    margin-bottom: 20px;
    position: relative;
}

.cc_btn.active:after {
    content: '';
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 13px solid #ccc;    
}

.payment_options {
    min-height: 300px;
}

.discount_response p {
    margin-bottom: 0;
}

.checkbox_label {
    padding-left: 30px;
    position: relative;
}

.checkbox_label input[type="checkbox"] {
    position: absolute;
    left: -0px;
}   

.view_summary_btn {
    display: none;
    position: absolute;
    right: 10px;
    font-size: 0.8em;
    cursor: pointer;  
    top: -25px;  
    text-transform: uppercase;
}

#empty_cart {
    display: none;
}

.checkout_page .address_finder {
    background: #f1f1f1;
    margin-bottom: 25px;
}

.checkout_page .address_finder input {
    width: 200px;
    margin-right: 10px;
}

.checkout_page .address_finder button {
    padding: 8px 14px;
    font-size: 0.9em;
}

.checkout_page .address_finder select {
    width: 100%;
    margin-top: 10px;
}

label[for="same_as_shipping"] {
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    font-weight: bold;
}

label[for="same_as_shipping"] input[type="checkbox"] {
    margin-top: 0;
}

.cc_form_wrap h3 {
    margin-top: 0;
}


/* END - new checkout process styles */

.empty_taxonomy {
    text-align: center;
    font-size: 1.1em;
    padding: 45px 0;
}

.prod_name_td, .prod_name_td a, .prod_name_td img {
    vertical-align: top;
}

.prod_name_td img {
    width: 100px;
    border: 1px solid #EBEBEB;
    margin-right: 5px;
    display: block;
}

.grecaptcha-badge {
    opacity: 0;
    width: 5px;
    height: 5px;
}

/* ------------------------ END PRODUCT PAGES -------------------------------*/


.view_menu_btn {
    display: none;
    cursor: pointer;
    margin: 0 auto;
    position: absolute;
    bottom: 20px;
    right: 0px;
    width: 29px;
    z-index: 500;
    height: 29px;
    box-sizing: border-box;
    transition: 0.4s
}

.bar1,
.bar2,
.bar3 {
    width: 29px;
    height: 2px;
    background-color: #33393f;
    margin: 6px 0;
    transition: 0.4s;
    display: block;
}

.active .bar1 {
    transform: rotate(-45deg) translate(-4px, 6px);
}

.active .bar2 {
    opacity: 0;
}

.active .bar3 {
    transform: rotate(45deg) translate(-6px, -7px);
}

/* ------------------------ ARCHIVE STYLES -------------------------------*/

.issuu_overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 100%;
    background: rgba(0,0,0,0.9);
    z-index: 1000;
    overflow: hidden;
    opacity: 0;
    transition: all 150ms ease-in-out;
}
.issuu_overlay.active {
    bottom: 0;
    opacity: 1;
}

.issuuembed {
    width: 100%;
    height: 100%;
}

.issuu_overlay.active .issuu_overlay_close {
    display: block;
}
.issuu_overlay_close {
    display: none;
    background: #fff;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    position: fixed;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    z-index: 10;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.3);
}
.issuu_overlay_close:after {
    content: '×';
    color: #33393F;
    position: absolute;
    top: 10px;
    left: 12px;
    font-size: 30px;
}

.archive_coming_soon {
    position: absolute;
    right: -15px;
    text-transform: uppercase;
    color: #fff;
    background: #cc0000;
    bottom: 40px;
    z-index: 2;
    font-family: "basic-sans-narrow-reg";
    padding: 5px 10px;
    padding: 5px 15px 3px 15px;
    letter-spacing: 0.05em;
}

.archive_outer .back_issue_shad {
    position: relative;
}

.archive_tab_btns {
    text-align: center;
    font-family: "basic-sans-narrow-reg";
    font-size: 19px;
    line-height: 29px;
    margin: -15px 0 40px 0;
}

.archive_tab_btns span {
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    transition: all 350ms ease-in-out;
}

.archive_tab_btns span:hover {
    color: #828282;
}

.archive_tab_btns span.active {
    text-decoration: underline;
}

.archive_block {
    background: #F1F1F1;
    text-align: center;
}

.archive_block {
    height: 0px;
    overflow: hidden;
    opacity: 0;
	transition: opacity 750ms ease-in-out;
    padding: 0px;
}
.archive_block.active {
    height: auto;
    opacity: 1;
    padding: 30px;
}

.special_reports .column, .audio_video .column {
    float: none;
    display: inline-block;
    width: 40%;
    margin: 20px 2% !important;
    vertical-align: top;
}

.special_reports h3 {
    margin: 15px 0;
}

.audio_video .content {
    text-align: left;
}

.shipping_country_selector_wrap {
    background: #DBDDDE;
    padding: 10px;
    text-align: center;
}

.empty_checkout {
    text-align: center;
    font-size: 1.2em;
    font-family: "basic-sans-narrow-reg";
}

/* ------------------------ RESPONSIVE STYLES -------------------------------*/


/* Stops iphone trying to resize text when rotating */

html {
    -webkit-text-size-adjust: none;
}

@media all and (max-width: 1265px) {
    .header {
        margin-left: 10px;        
        margin-right: 10px;        
    }
}

@media all and (max-width: 1215px) {
    .page_width {
        width: auto;
    }
    .home_banner_txt {
        width: 50%;
        left: 0;
    }
    #footer .colx4 {
        width: 36%;
    }
    #footer .colx3 {
        width: 21%;
    }
    #footer .column:first-child {
        margin: 0 2.5% 0 2.5%;
    }
    .back_issues_wrap_outer {
        padding: 30px 0;
    }
    .back_issue_highlights_wrap {
        margin-right: 10px;
    }
    .out_now_wrap h3 {
        font-size: 1.9em;
    }
    .long_form_column .alignleft,
    .long_form_column blockquote {
        margin-left: 0px;
    }
    .single .image_wide_wrapper, .single .long_form_column .image_wide_wrapper.aligncenter {
        width: 100vw !important;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        box-sizing: border-box;
    }
}

@media all and (max-width: 1194px) {
    .post_collection_wrap {
        width: 100vw;
        position: relative;
        left: 50%;
        margin-left: -50vw;
    }
}

@media all and (max-width: 1130px) {
    .sub_ad_offer {
        width: 28%;
        font-size: 1.4em;
        margin-left: 30%;
        margin-right: 0px;
    }
    .sub_ad_header {
        font-size: 2.2em;
        width: 32%;
    }
}

@media all and (max-width: 1080px) {
    .cart_summary {
        position: relative;
        width: auto;
        display: none;
        right: auto;
        top: -10px;
    }
    .view_summary_btn {
        display: block;
    }
    .cart_summary #checkout_table_costs, .cart_summary #checkout_table_costs tr:last-child th, .cart_summary #checkout_table_costs tr:last-child td {
        border-bottom: none;
    }
    .checkout_page_with_summary { 
        margin-top: 15px;
    }
    .grid_5_col {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }    
    .more_reads_in_text .grid_5_col section:nth-of-type(5) {
        display: none;
    }    
    .what_subs_say .what_subs_say_subs_page > div {
        column-count: 2;
    }
}
@media all and (min-width: 1081px) {
	.cart_summary { display: block !important; }
}


@media all and (max-width: 990px) {
    .out_now_intro,
    .blog_preview_wrap .column:nth-of-type(1),
    .blog_left_col {
        margin-left: 0;
    }
    .column {
        margin: 0 1.75%;
    }
    .colx2 {
        width: 17%;
    }
    .colx3 {
        width: 27.25%;
    }
    .colx4 {
        width: 37.5%;
    }
    .column:nth-of-type(1) {
        margin-left: 0;
    }
    .column:last-child {
        margin-right: 0;
    }
    .out_now_wrap {
        padding: 30px;
    }
    .blog_preview_wrap {
        padding: 0 30px;
    }
    .social_btns_outer .column {
        margin: 0 1.5% 0 1.5%;
    }
    .sub_ad_pacj_shot {
        width: 255px;
        height: 260px;
        left: auto;
        right: 0px;
        bottom: auto;
        top: 0px;
    }
    .sub_ad_header,
    .sub_ad_offer {
        display: block;
        width: 325px;
        width: calc(100% - 255px);
        margin-left: 0;
        text-align: left;
    }
    .sub_ad_offer {
        padding-top: 10px;
    }
    .sub_ad_arrow {
        display: block;
        text-align: left;
        margin-left: 0;
    }
    #footer .column {
        margin: 0;
    }
    #footer .column:first-child {
        margin: 0 5% 0 0;
    }
    #footer .colx1 {
        width: 10%;
    }
    #footer .colx4 {
        width: auto;
        float: none;
        padding: 20px 0 0 15%;
        clear: both;
    }
    #footer .colx3 {
        width: 40%;
    }
    ul.sub-menu {
        overflow: hidden;
    }
    .back_issue_shad {
        font-size: 0.9em;
    }
    .back_issue_highlights_wrap {
        margin-left: 20px;
    }
    .sub_ad_outer {
        padding-top: 30px;
    }
    .cred_quotes_outer .colx3 {
        width: 23%;
        margin: 0 1.25%;
    }
    .blog_preview_outer .colx3 {
        width: 30.45%;
    }
    .previous_events_wrap .colx4:nth-child(3n+1) {
        margin-left: 0;
    }
    .menu-item-13311 {
        display: block !important;
    }
    .selector_digital_image {
        width: calc(15vw - 40px);
    }
    .sub_selector_wrap {
        gap: 10px;
    }
}

@media all and (max-width: 935px) {
    .home_banner_wrap {
        padding-bottom: 58%;
        overflow: hidden;
        position: relative;        
    }
    .home_banner_wrap img {
        position: absolute;
        right: 0;
        top: -9%;
        width: calc(100vw + 45%);
        max-width: none;        
    }
    .home_banner_txt {
        position: static;
        width: auto;
        transform: none;
    }
    .home_banner_txt:before {
        background: none;
    }
    .home_banner_txt, .home_banner_txt h1 {
        color: inherit;
    }
    .home_banner_txt p {
        border-color: #bec4c4;
    }
    .footer_newsletter_signup .button {
        display: block;
        width: 61px;
        margin: 15px auto 0 auto;
    }
    .home_banner_txt p a {
        color: #33393f;
        border-bottom: 1px solid #33393f;
    }
}

@media all and (max-width: 880px) {
    .view_menu_btn {
        display: block;
    }
    .nav {
        position: absolute;
        right: -220px;
        top: 170px;
        background: #33393f;
        z-index: 5000;
        padding: 15px 25px;
        transition: all 350ms ease-in-out;
    }   
    .nav.active {
        right: -11px;
    }   
    .nav li {
        display: block;
        margin: 5px 0;
    }
    .nav a {
        color: #fff;
    }
    .home #page_container {
        overflow: hidden;
    }
    .ttwl_item {
        width: 33.33%;
    }
    .nav #menu-main-menu .menu-item-17975 {
        display: block;
    }
    .grid_5_col {
        grid-template-columns: 1fr 1fr 1fr;
    }    
    .more_reads_in_text .grid_5_col section:nth-of-type(4) {
        display: none;
    }    
    .more_reads_in_text .post_intro_wrap {
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media all and (max-width: 850px) {
    .back_issues_wrap .column {
        width: 40%;
    }
    .back_issue_shad {
        font-size: 1em;
    }
    .back_issues_wrap .column:nth-child(3n+1) {
        clear: none;
    }
    .back_issues_wrap .column:nth-child(2n+1) {
        clear: left;
    }
    .post_id_2280 h1 {
        padding-left: 0;
        padding-right: 0;
    }
    .out_now_img img {
        float: none;
    }
    .out_now_img a,
    .out_now_img a {
        right: auto;
        left: -20px;
    }
    .out_now_wrap h3 {
        margin-bottom: 20px;
    }
    .out_now_outer hr {
        display: none;
    }
    .out_now_outer .column {
        width: auto;
        float: none;
        margin: 0;
    }
    #newsletter_popup {
        display: none;
    }
    .sub_select_page_info {
        flex-direction: column;
    }
    .grid_3_col {
        grid-template-columns: 50% 50%;
    }
    .events_section_header {
        grid-column: 1 / 3;
    }
    .page-id-13730 .block {
        padding: 0 15px;
    }
    .blog_preview_wrap .post_index_wrap .grid_3_col>section:nth-child(4) {
        display: block;
    }
    .sub_selector_wrap {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .sub_selector_wrap > div {
        max-width: 370px;
        margin: 0 auto;
    }
    .cred_sub_page_quotes_outer {
        overflow: auto;
    }
    .cred_sub_page_quotes_inner {
        width: 900px;
    }
    .selector_digital_image {
        width: 85px;
        bottom: 62px;
    }
}



/* For screens smaller then 768px - iPhone landscape */

@media all and (max-width: 767px) {
    .grid_4_col {
        grid-template-columns: 1fr 1fr 1fr;
    }    
    .cat_thumbail_wrap {
        padding: 0 8px;
    }
    #header_subs_wrap {
        display: none;
    }
    .column {
        width: auto !important;
        float: none;
        margin: 0 !important;
    }
    .cred_quotes_outer > div:nth-child(2) p,
    .cred_quotes_outer > div:nth-child(11) p,
    .cred_quotes_outer > div:nth-child(5) p,
    .cred_quotes_outer > div:nth-child(4) p {
        display: none;
    }
    .cred_quotes_outer {
        padding-top: 10px;
        padding-bottom: 5px;
    }
    .cred_quotes_outer p {
        text-align: center;
        padding-left: 0;
        border-bottom:  1px #fff solid;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .cred_quotes_outer .column:last-child p {
        border-bottom:  none;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .cred_quotes_outer p img {
        display: inline;
    }
    .cred_quotes_outer p span {
        display: none;
    }
    .blog_preview_wrap .column {
        padding-bottom: 15px;
        border-bottom: 1px #fff solid;
        margin-bottom: 15px;
    }
    #footer .colx4 {
        padding: 20px 0 0 0;
    }
    #footer .colx3 {
        width: auto;
        float: none;
        margin-top: 10px;
    }
    .back_issue_shad {
        font-size: 0.9em;
    }
    .back_issue_highlights_wrap {
        margin-right: 20px;
    }
    .back_issue_highlights_wrap .colx3 {
        margin-bottom: 30px !important;
    }
    #sidebar {
        margin-top: 30px;
    }
    .info_sub_now_col p.dis_text {
        display: none;
    }
    .info_single_right_col {
        padding: 15px 0;
    }
    .single .long_form_column .alignnone {
        width: auto !important;
        margin-left: 0;
    }
    .events_page_wrap .colx4 {
        width: 46% !important;
        float: left;
        margin: 2% 2% !important;
    }
    .events_page_wrap .colx4 h3 {
        text-align: left;
    }
    .colx4 .event_date,
    .colx4 .event_location {
        text-align: left;
    }
    .post_id_13467 img.alignleft {
        position: relative;
        left: -5px;
        margin-right: 0px;
    }
    .imprint.flex {
        display: block;
        text-align: center;
    }
    #footer #sj_logo a {
        margin: 0 auto;
    }
    .header_account_btn {
        display: none;
    }
    .offer_banner p img {
        width: 54px;
        display: block;
        margin: -5px auto -54px auto;
    }
}

@media all and (max-width: 720px) {
    .payment_page .flex {
        display: block;
    }
    .checkout_page .encrypted_details_wrap {
        margin-bottom: 25px;
        margin-right: 0;
    }
    .checkout_page .block {
        padding: 14px;
    }
}

@media all and (max-width: 700px) {
    .search_icon_wrap {
        position: relative;
        margin-bottom: -15px;
        top: 0;
        right: 0;
        margin-top: -2px;
    }
    .search_icon_wrap.active svg {
    }
    .search_icon_wrap:after {
        right: 50%;
        top: -7px;
        transform: translateX(50%);        
    }
    .search_icon_wrap.active:after {
    }
    .col_2 {
        width: auto;
        display: block;        
    }
}

@media all and (max-width: 697px) {
    .zoom_note {
        float: none;
    }
    .back_issues_header a {
        display: inline-block;
        position: relative;
        top: -15px;
        right: auto;
    }
    .back_issues_header {
        text-align: center;
    }
    #gallery-1 .gallery-item {
        width: calc(33.3% - 20px) !important;
    }
    .col_2_form .field_wrap {
        display: block ;
        width: auto;
    }
    .shop_intro p {
        line-height: 1.35em;
    }
    .print_digital_sub {
        margin-bottom: 50px;
    }
    .get_print_digi {
        right: -12px;
        top: -36px;
    }
    .selector_print_image {
        margin-left: -15px;
        margin-right: -15px;
    }
    .selector_patron_image {
        margin-bottom: -1px;
        height: 108px;
    }
    .what_subs_say .what_subs_say_subs_page > div {
        column-count: 1;
    }
}

@media all and (max-width: 630px) {
    .ttwl_item {
        width: 50%;
    }
    .single-products .testimonial_wrap {
        display: block;
    }
    .addons_wrap .add_on:last-child .stickman {
        display: none !important;
    }
    .summary_info_wrap:before {
        display: none;
    }
}

@media all and (max-width: 565px) {
    label,
    select, 
    input, 
    textarea, 
    .input,
    .checkout_page .address_finder input,
    .checkout_page label,
    .checkout_page input, 
    .checkout_page select {
        width: 100%;
        float: none;
        vertical-align: top;
    }
    .form_note {
        padding-left: 0;
    }
    /*** CHECKOUT TABLES ***/
    #checkout_table, .postage_wrap table {
        display: block;
    }
    #checkout_table tr, .postage_wrap table tr {
        display: block;
        padding: 10px;
        border-bottom: 1px solid #ebebeb;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }
    .postage_wrap table tr {
        padding-right: 45px;
    }
    #checkout_table td, .postage_wrap table td {
        display: block;
        border-bottom: none;
        padding: 0;
    }
    #checkout_table_costs {
        width: 100%;
    }
    .checkout_page #checkout_table .prod_name_td img {
        float: none;
        display: block;
    }
    #checkout_table td.prod_delete, .postage_wrap table tr td:nth-child(4) {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    #checkout_table tbody, .postage_wrap table tbody {
        display: block;
    }
    .postage_wrap table th, .postage_wrap table tr:first-child {
        display: none;
    }
    .postage_wrap table tr td:first-child {
        float: left;
    }
    .postage_wrap table tr td:nth-child(2) {
        float: left;
        font-weight: bold;
        margin-right: 10px;
    }
    .postage_wrap table tr td:nth-child(3):before {
        content: '- ';
    }
    .postage_wrap table tr td:nth-child(5) {
        font-style: italic;
    }
    .news_opt_in_wrap {
        margin-left: 0;
    }
    /*** END - CHECKOUT TABLES ***/
}

@media all and (max-width: 545px) {
    .sub_ad_pacj_shot {
        display: none;
    }
    .sub_ad_header,
    .sub_ad_offer {
        width: auto;
    }
    .post_image {
        width: 100%;
        margin-bottom: 10px;
    }
    .post_id_12 .colx7 p:first-child a {
        top: 20%;
    }
    .post_id_12 .colx7 p:first-child a:last-child {
        top: 45%;
    }
    #prod_image_wrap,
    #prod_info_wrap {
        width: auto;
        float: none;
        padding: 0 15px;
        margin: 0;
    }
    .checkout_page .billing_address_wrap label,
    .checkout_page .billing_address_wrap input,
    .checkout_page .billing_address_wrap select,
    .checkout_page .stripe_encrypted_details label,
    .checkout_page .stripe_encrypted_details input,
    .checkout_page .stripe_encrypted_details select {
        width: 100%;
        display: block;
        float: none;
    }
    .checkout_page .form_note {
        padding-left: 0;
    }
    .billing_address_wrap .field_wrap:last-child {
        padding-left: 0;
        padding-right: 0;
    }
    .grid_3_col {
        grid-template-columns: 100%;
    }
    .events_section_header {
        grid-column: 1 / 2;
        text-align: center;
        margin: 6px 0 1px 0px;
        font-size: 25px;
    }
    #expiration-month {
        float: left;
        margin-right: 5px;
    }
    .grid_3_col>section {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;        
    }
    .grid_4_col {
        grid-template-columns: 1fr 1fr;
    }    
    .cat_thumbail_wrap {
        padding: 0 5px;
    }
    .footer_newsletter_signup {
        padding: 20px;
    }
    .footer_newsletter_signup:after {
        width: 78px;
        height: 112px;
        right: 31px;
        transform: translateX(50%);
        bottom: -14px;
        top: auto;
        
    }
    .aafe_banner .sml_btn {
        padding: 11px 16px 9px 16px;
        margin-left: 0px; 
        margin-right: 0px; 
        margin-top: 5px;
    }
    .aafe_banner p img {
        width: 96px;
        margin: 0; 
        position: absolute;
        top: -16px;
        right: 13px;
    }
    .aafe_banner {
        padding-right: 100px;
    }
    .grid_5_col {
        grid-template-columns: 1fr 1fr;
    }    
    .more_reads_in_text .grid_5_col section:nth-of-type(3) {
        display: none;
    }    
    .cancellation_reason_info img {
        position: static;
    }
    .cancellation_reason_info {
        padding-right: 15px;
    }
    .switch_sub_cost_digi {
        display: block;
    }
    #dg_logo a {
        width: calc(100vw - 120px);
        height: auto; 
        background-size: contain;
        padding-bottom: 18%;
    }    
    .header {
        padding-top: 25px;
    }
    .nav {
        top: 150px;
    }
}


/* For screens smaller then 480px - iPhone portrait */

@media all and (max-width: 479px) {
    .header #dg_logo {
        padding-top: 10px;
    }
    #dg_logo a span {
        font-size: 18px;
    }
    .header #sj_logo {
        text-align: center;
    }
    .header #sj_logo a {
        border-right: none;
        float: none;
        display: inline-block;
        margin-right: 0;
        padding-left: 0;
    }
    .back_issues_wrap .column {
        width: auto;
    }
    .back_issue_shad {
        font-size: 1em;
    }
    .back_issues_wrap .column:nth-child(2n+1) {
        clear: none;
    }
    .back_issues_wrap .column {
        clear: both;
    }
    .touchcarousel-item img {
        height: 240px;
    }
    .back_issue_header p {
        line-height: 1.2em;
        width: 90%;
    }
    h1,
    .blog_preview_outer h3,
    .intro_vid_outer h3 {
        font-size: 2.3em;
    }
    .page-template-page-landing-page-php .landing_page_below_header .sub_ad_offer {
        font-size: 1.6em;
    }
    .single .long_form_column p {
        font-size: 1em;
    }
    form#check_discount {
        float: right;
    }
    #gallery-1 .gallery-item {
        width: calc(50% - 20px) !important;
    }
    .header_line span:after {
        bottom: -13px;
    }
    .infog_classes_banner .aafe_banner a {
        padding: 15px 15px 12px 15px;
    }
    .infog_classes_banner .aafe_banner a:before {
        display: none;
    }
    .addons_wrap .stage_mover {
        margin: 5px auto;
    }
    .addons_wrap, .auto_addons_wrap {
        flex-direction: column;
    }
    .addons_wrap .add_on:first-child .stickman {
        display: block !important;
        top: -16px;
    }
}

@media all and (max-width: 430px) {
    .addon_address_wrap {
        display: flex;
    }
}

@media all and (max-width: 400px) {
    .share_wrap {
        clear: both;
        padding-top: 15px;
    }
    .post_id_12 .colx7>p:first-child a {
        font-size: 1.4em;
        margin-left: -92px;
        top: 16%;
    }
    .post_id_12 .colx7>p:first-child a:last-child {
        margin-left: -116px;
    }
    .cat_thumbail_wrap {
        padding: 0;
    }
    .ttwl_item {
        width: 100%;
    }
    .post_collection_wrap {
        width: 100%;
        position: relative;
        left: 0;
        margin-left: 0;
    }
    #dg_logo a span {
        bottom: -22px;
        font-size: 17px;
    }
}


@media all and (max-width: 375px) {
    #dg_logo a {
        width: calc(100vw - 98px);
    }
    .view_menu_btn {
        bottom: 25px;
    }
    .img_btn_wrap, .embed_infog_btn {
        font-size: 0.8em;
    }
    .embed_enlarge_wrap {
        justify-content: normal;
    }
    .lightbox_image {
        margin-left: 0;
    }
    #check_discount input {
        width: 137px;
    }
    .quiz_results_icons {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    }
    .quiz_results_icon {
        width: 100%;
    }
}    

@media all and (max-width: 365px) {
    .embed_enlarge_wrap {
        display: block;
    }
    .embed_infog_btn {
        margin-bottom: 0;
    }
    .grid_5_col {
        grid-template-columns: 1fr;
    }    
    .more_reads_in_text .grid_5_col section:nth-of-type(2) {
        display: none;
    }    
    .where_hear_wrap {
        height: 152px;
    }
}

.no_js_message {
    text-align: center;
    padding: 40px 15px 15px 15px;
    color: #fff;
    z-index: 2000;
    position: fixed;
    font-size: 1.8em;
    line-height: 1.5em;
    background: #888;
    opacity: 0.9;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
}
.no_js_message a {
    color: #fff;
}

/*** no ie support ****/

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #old_browser { display: block; }
}


/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.open_photoswipe {
    cursor: zoom-in;
}

/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }


/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../images/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/* Slick */ 

.slick-slide img { }
.slick-arrow { 
    padding: 0; 
    margin: 0; 
    width: 15px; 
    height: 15px; 
    border: 2px solid #888a8a;
    border-left: none;
    border-top: none;
    border-radius: 0;
    text-indent: -999em; 
    position: absolute; 
    top: 50%; 
    left: -13px; 
    transform: translateY(-50%) rotate(135deg); 
    transition: all 0.2s ease-in-out; 
    background: transparent;
    z-index: 10;
}

.slick-arrow:before {
}

.slick-next { 
    left: auto; 
    right: -17px; 
    transform: translateY(-50%) rotate(-45deg); 
}
.slick-arrow:hover { 
    background: transparent;
} 
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; width: calc(100% - 40px); margin: 0 auto; } 
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; opacity: 1; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; }