.hide {
    display: none !important;
}

body.single-post.vwo_animate-subscription #content,
body.single-post.vwo_animate-subscription .hentry header {
    position: relative;
    z-index: 1;
}


/* Form part */

@media (min-width: 768px) {
    body.single-post header.article-header>.bannerText {
        display: block !important;
        position: fixed;
        top: 110%;
        left: 110%;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal .hbEmailLogo {
        height: 85px;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal .emailSignUp {
        margin: 0;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal .emailSignUp div:first-child {
        margin: 0 0 0.5rem;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal form.newsletter-signup [type=submit] {
        margin-top: 0.5rem;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal form.newsletter-signup input[type=email] {
        width: 95% !important;
    }
    /* Full-width Form Only */
    body.vwo_animate-subscription_full-width footer.footer {
        padding-bottom: 0;
        -moz-transition: padding-bottom ease-in-out 0.3s;
        -ms-transition: padding-bottom ease-in-out 0.3s;
        -o-transition: padding-bottom ease-in-out 0.3s;
        -webkit-transition: padding-bottom ease-in-out 0.3s;
        transition: padding-bottom ease-in-out 0.3s;
    }
    .animated-sliding-modal-wrapper.animate-full-width button.close {
        float: right;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .hbEmailLogo {
        display: inline-block;
        width: 130px;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .hbEmailLogo+.emailSignUp {
        display: inline-block;
        max-width: 550px;
        padding: 0;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .emailSignUp .form-container {
        margin: 0;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal form.newsletter-signup label {
        display: inline-block;
        vertical-align: middle;
        min-width: 270px;
        width: 400px;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal form.newsletter-signup br {
        display: none;
    }
    .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal form.newsletter-signup [type=submit] {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    }
    .animated-sliding-modal-wrapper.animate-full-width .opt-in-language {
        /* opacity: 1; */
    }
}


/*Masthead */

@media (min-width: 768px) {
    body.single-post.vwo_animate-subscription header.article-header .bannerImg {
        width: 760px;
    }
    body.single-post.vwo_animate-subscription:not(.hide-sidebar) .sidebar {
        margin-top: 325px;
    }
}

@media (min-width: 1030px) {
    body.single-post.vwo_animate-subscription header.article-header .bannerImg {
        width: 1142px;
    }
}


/* Animated Modal */

.animated-sliding-modal-wrapper .animated-sliding-modal .newsletter-signup-response {
    font-weight: 400;
    font-weight: initial;
}


/* Mobile & Desktop Animation Layout */

.animated-sliding-modal-wrapper.animate-on-mobile {
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 99999;
    background: #771b61;
    text-align: right;
    -moz-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.animated-sliding-modal-wrapper.animate-on-mobile:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.animated-sliding-modal-wrapper.animate-on-mobile .hbEmailLogo {
    display: block;
    width: 130px;
    height: 125px;
    height: 85px;
    background-image: url(../../library/images/beat_graphic.png);
    background-repeat: no-repeat;
    background-position-x: center;
}

.animated-sliding-modal-wrapper.animate-on-mobile input[type=email] {
    padding-left: 14px;
    font-weight: 700;
}

.animated-sliding-modal-wrapper.animate-on-mobile button.close {
    display: inline-block;
    margin: 0;
    padding: 0.25rem 0.5rem 0 0;
    background: none;
    border: none;
    outline: none;
    font-size: 1rem;
    cursor: pointer;
    color: #d4d4d4;
    /* z-index needs to be higher than the .expand-trigger */
    position: relative;
    z-index: 2;
}

.animated-sliding-modal-wrapper.animate-on-mobile button.close:focus,
.animated-sliding-modal-wrapper.animate-on-mobile button.close:active,
.animated-sliding-modal-wrapper.animate-on-mobile button.close:hover {
    color: #000000;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal,
.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal .newsletter-signup-response {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 1rem 1rem;
    font-weight: 400;
    font-weight: initial;
    color: #ffffff;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal .newsletter-signup-response,
.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal .newsletter-signup-response p {
    padding: 0;
    font-size: 0.94rem;
    line-height: 1.2;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal p:first-child {
    margin-top: 0;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal p:last-child {
    margin-bottom: 0;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal a {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    text-decoration: underline;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width {
    width: 100%;
    top: 100%;
    left: 0;
    -moz-transition-property: top, height;
    -ms-transition-property: top, height;
    -o-transition-property: top, height;
    -webkit-transition-property: top, height;
    transition-property: top, height;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner {
    max-width: 400px;
    bottom: 0;
    left: 100%;
    -moz-transition-property: left, height;
    -ms-transition-property: left, height;
    -o-transition-property: left, height;
    -webkit-transition-property: left, height;
    transition-property: left, height;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp {
    margin: 0;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp .form-container {
    width: 100%;
    margin: 0 auto;
}

.animated-sliding-modal-wrapper.animate-on-mobile .opt-in-language {
    /* opacity: 1; */
}


/* Desktop Only Animation */

@media (min-width: 768px) {
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp {
        margin: 0 20px;
    }
    /* .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp .form-container {
        width: 1142px;
    } */
    .animated-sliding-modal-wrapper {
        display: block;
        width: 100%;
        height: auto;
        position: fixed;
        z-index: 99999;
        background: #771b61;
        text-align: right;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    .animated-sliding-modal-wrapper:after {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        clear: both;
    }
    .animated-sliding-modal-wrapper button.close {
        display: inline-block;
        margin: 0;
        padding: 0.25rem 0.5rem 0 0;
        background: none;
        border: none;
        outline: none;
        font-size: 1rem;
        cursor: pointer;
        color: #d4d4d4;
    }
    .animated-sliding-modal-wrapper button.close:focus,
    .animated-sliding-modal-wrapper button.close:active,
    .animated-sliding-modal-wrapper button.close:hover {
        color: #000000;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal,
    .animated-sliding-modal-wrapper .animated-sliding-modal .newsletter-signup-response {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0 1rem 1rem;
        font-weight: 400;
        font-weight: initial;
        color: #ffffff;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal .newsletter-signup-response,
    .animated-sliding-modal-wrapper .animated-sliding-modal .newsletter-signup-response p {
        padding: 0;
        font-size: 0.94rem;
        line-height: 1.2;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal p:first-child {
        margin-top: 0;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal p:last-child {
        margin-bottom: 0;
    }
    .animated-sliding-modal-wrapper .animated-sliding-modal a {
        color: inherit;
        line-height: inherit;
        font-size: inherit;
        text-decoration: underline;
    }
    .animated-sliding-modal-wrapper.animate-full-width {
        width: 100%;
        top: 100%;
        left: 0;
        -moz-transition-property: top, height;
        -ms-transition-property: top, height;
        -o-transition-property: top, height;
        -webkit-transition-property: top, height;
        transition-property: top, height;
    }
    .animated-sliding-modal-wrapper.animate-right-corner {
        max-width: 400px;
        bottom: 0;
        left: 100%;
        -moz-transition-property: left, height;
        -ms-transition-property: left, height;
        -o-transition-property: left, height;
        -webkit-transition-property: left, height;
        transition-property: left, height;
    }
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) {
    display: block;
    width: 100%;
    height: auto;
    position: fixed;
    z-index: 99999;
    background: #771b61;
    text-align: right;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile):after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) button.close {
    display: inline-block;
    margin: 0;
    padding: 0.25rem 0.5 0 0;
    background: none;
    border: none;
    outline: none;
    font-size: 1rem;
    cursor: pointer;
    color: #d4d4d4;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) button.close:focus,
.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) button.close:active,
.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) button.close:hover {
    color: #000000;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal,
.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal .newsletter-signup-response {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 1rem 1rem;
    font-weight: 400;
    font-weight: initial;
    color: #ffffff;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal .newsletter-signup-response,
.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal .newsletter-signup-response p {
    padding: 0;
    font-size: 0.94rem;
    line-height: 1.2;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal p:first-child {
    margin-top: 0;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal p:last-child {
    margin-bottom: 0;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile) .animated-sliding-modal a {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    text-decoration: underline;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile).animate-full-width {
    width: 100%;
    top: 100%;
    left: 0;
    -moz-transition-property: top, height;
    -ms-transition-property: top, height;
    -o-transition-property: top, height;
    -webkit-transition-property: top, height;
    transition-property: top, height;
}

.animated-sliding-modal-wrapper:not(.disable-animation-on-mobile).animate-right-corner {
    max-width: 400px;
    bottom: 0;
    left: 100%;
    -moz-transition-property: left, height;
    -ms-transition-property: left, height;
    -o-transition-property: left, height;
    -webkit-transition-property: left, height;
    transition-property: left, height;
}

@media (max-width: 767px) {
    .animated-sliding-modal-wrapper.disable-animation-on-mobile button.close {
        display: none;
    }
}


/* Full-width/Right-corner variations 2 and 3, they are displayed on mobile too */

.animated-sliding-modal-wrapper.animate-on-mobile .newsletter-signup-shortcode-container form.newsletter-signup-shortcode button[type=submit] .fa-envelope {
    display: inline;
}

.animated-sliding-modal-wrapper.animate-on-mobile .newsletter-signup-shortcode-container form.newsletter-signup-shortcode button[type=submit] {
    background: #a9b533;
    border-radius: 3px;
    padding: 0.25rem 0.75rem;
    border: none;
    width: auto !important;
}

.animated-sliding-modal-wrapper.animate-on-mobile .hbEmailLogo,
.animated-sliding-modal-wrapper.animate-on-mobile h3,
.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup label,
.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup [type=submit] {
    display: inline-block !important;
    margin: 0 !important;
    vertical-align: middle !important;
    position: static !important;
}

.animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup label {
    padding: 0 !important;
}

.animated-sliding-modal-wrapper.animate-on-mobile .hbEmailLogo {
    width: 100px;
    height: 50px;
    background-size: contain;
}


/* Full-width variations 2 and 3 layouts */

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal .emailSignUp .form-container form.newsletter-signup {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal form.newsletter-signup label {
    width: auto;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .animated-sliding-modal form.newsletter-signup input[type=email] {
    width: 260px !important;
}

.animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .opt-in-language {
    /* padding-top: 0.5rem !important;
    padding-bottom: 0 !important; */
}


/* Title and form separate into two rows on full-width, to appear more similarly to the right-corner design */

@media (max-width: 795px) and (min-width: 711px) {
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .hbEmailLogo {
        margin-left: 17vw !important;
    }
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile h3 {
        margin-right: 17vw !important;
    }
}

@media (max-width: 710px) and (min-width: 490px) {
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .hbEmailLogo {
        margin-left: 16vw !important;
    }
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile h3 {
        margin-right: 16vw !important;
    }
}

@media (max-width: 795px) {
    .animated-sliding-modal-wrapper.animate-on-mobile button.close {
        float: right;
    }
    .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .hbEmailLogo {
        margin-bottom: 0.5rem !important;
    }
    .animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup input[type=email] {
        max-width: none;
    }
}

@media (max-width: 795px) and (min-width: 724px) {
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width .animated-sliding-modal form.newsletter-signup input[type=email] {
        width: 35vw !important;
    }
}

@media (max-width: 443px) {
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width .animated-sliding-modal form.newsletter-signup input[type=email] {
        width: 52vw !important;
    }
}


/* Right-corner variation 2 and 3 layouts */

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal {
    padding-top: 1rem;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal .emailSignUp,
.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal .emailSignUp .form-container {
    margin: 0;
    padding: 0;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner button.close {
    float: right;
}

.animated-sliding-modal-wrapper.animate-right-corner.animate-on-mobile .hbEmailLogo {
    margin-bottom: 0.5rem !important;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup br {
    display: none;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .emailSignUp .form-container .opt-in-language {
    /* padding-bottom: 0 !important; */
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup label {
    padding: 0 !important;
    width: auto;
}

.animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup input[type=email] {
    width: 243px !important;
}


/* Right-corner modal appears full-width, make bars stretchy */

@media (max-width: 417px) {
    .animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup label {
        padding: 0 !important;
        width: auto !important;
    }
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width .animated-sliding-modal form.newsletter-signup input[type=email],
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup input[type=email] {
        width: 52vw !important;
    }
}


/* Smallest, make everything smaller and stack them */

@media (max-width: 367px) {
    .animated-sliding-modal-wrapper.animate-on-mobile h3 {
        font-size: 1rem;
    }
    .animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup label,
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-full-width .animated-sliding-modal form.newsletter-signup input[type=email],
    .animated-sliding-modal-wrapper.animate-on-mobile.animate-right-corner .animated-sliding-modal form.newsletter-signup input[type=email] {
        display: block !important;
        width: 100% !important;
    }
    .animated-sliding-modal-wrapper.animate-on-mobile .animated-sliding-modal form.newsletter-signup [type=submit] {
        margin-top: 0.5rem !important;
    }
}


/* Variation 2 and 3 Colors */

.animated-sliding-modal-wrapper.full-width_2,
.animated-sliding-modal-wrapper.right-corner_2 {
    background: #4d104a;
    background: rgba(77, 16, 74, 0.95);
}

.animated-sliding-modal-wrapper.full-width_3,
.animated-sliding-modal-wrapper.right-corner_3 {
    background: #f3f3f3;
    background: rgba(243, 243, 243, 0.95)
}

.animated-sliding-modal-wrapper.full-width_3 h3,
.animated-sliding-modal-wrapper.right-corner_3 h3,
.animated-sliding-modal-wrapper.full-width_3 .spinner,
.animated-sliding-modal-wrapper.right-corner_3 .spinner,
.animated-sliding-modal-wrapper.full-width_3 .response-messages,
.animated-sliding-modal-wrapper.right-corner_3 .response-messages,
.animated-sliding-modal-wrapper.full-width_3 .newsletter-signup-response,
.animated-sliding-modal-wrapper.right-corner_3 .newsletter-signup-response,
.animated-sliding-modal-wrapper.full-width_3 .opt-in-language,
.animated-sliding-modal-wrapper.right-corner_3 .opt-in-language {
    color: #4e565a !important;
}

.animated-sliding-modal-wrapper.full-width_3 .hbEmailLogo,
.animated-sliding-modal-wrapper.right-corner_3 .hbEmailLogo {
    background-image: url(../../library/images/beat_graphic_grey.png);
}


/* Global Newsletter Edits */

.global-newsletter-signup .form-title {
    margin: 0 0 1rem;
    color: #4e565a;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}

@media (min-width: 500px) {
    .entry-content .global-newsletter-signup {
        padding: 2rem;
    }
    .global-newsletter-signup .form-title {
        font-size: 1.5rem;
        line-height: 1.2;
    }
}

.entry-content .global-newsletter-signup:after {
    content: '';
    display: block;
    width: 98%;
    height: 0.25rem;
    background: #ebebeb;
    position: absolute;
    top: 100%;
    left: 1%;
}

.widget.sfmc-combo-module .global-newsletter-signup:after {
    display: none;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup {
    padding: 1rem 0;
    text-align: center;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup .form-title {
    font-size: 22px;
    color: #ffffff;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode {
    display: block;
    width: 100%;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode label input,
.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] {
    height: 28px;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode label input {
    width: 100% !important;
    font-size: 14px;
    font-weight: 700;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] {
    line-height: 1;
}

.widget.widget_fc_widget_newsletter .global-newsletter-signup .opt-in-language {
    color: #ffffff;
}


/* START Inline Newsletter Form Signup Module */

.global-newsletter-signup .hbEmailLogo {
    display: none;
}

.global-newsletter-signup .opt-in-language {
    /* width: auto;
    max-width: 560px;
    height: auto !important;
    max-height: 0 !important;
    margin: 0 auto;
    padding: 0 !important;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.5;
    opacity: 0 !important;
    /* color: #4e565a !important; */
    /* color: #4e565a;
    text-align: center;
    overflow: hidden;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s; */
}

.global-newsletter-signup .opt-in-language p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.global-newsletter-signup .opt-in-language p:first-of-type {
    margin-top: 0;
}

.global-newsletter-signup .opt-in-language p:last-of-type {
    margin-bottom: 0;
}

.global-newsletter-signup form.fc-invalid+.opt-in-language {
    /* margin-top: 2.5rem; */
}

.global-newsletter-signup .opt-in-language.show-disclaimer {
    /* padding: 1rem 0;
    max-height: 200px;
    opacity: 1 !important; */
}

.global-newsletter-signup form.newsletter-signup-shortcode {
    display: inline-block;
    width: auto;
    position: relative;
}

.global-newsletter-signup form.newsletter-signup-shortcode br {
    display: none;
}

.global-newsletter-signup form.newsletter-signup-shortcode label,
.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] {
    display: inline-block !important;
    margin: 0;
    vertical-align: middle !important;
    position: static;
    width: auto !important;
}

.global-newsletter-signup form.newsletter-signup-shortcode label,
.global-newsletter-signup form.newsletter-signup-shortcode label input,
.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] {
    height: 35px;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 6px 12px;
    border-color: rgba(255, 255, 255, 0) !important;
    outline: none;
    background: #ffffff;
    text-align: left;
    line-height: 1;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /*-moz-transition: border-color linear 0.3s;
    -ms-transition: border-color linear 0.3s;
    -o-transition: border-color linear 0.3s;
    -webkit-transition: border-color linear 0.3s;
    transition: border-color linear 0.3s;*/
    cursor: text;
}

@media (min-width: 500px) {
    .global-newsletter-signup form.newsletter-signup-shortcode label input {
        width: 400px;
    }
}


/* START Input Placeholder */

.global-newsletter-signup form.newsletter-signup-shortcode label input:-moz-placeholder {
    color: #9a9a9b;
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input::-moz-placeholder {
    color: #9a9a9b;
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:-ms-input-placeholder {
    color: #9a9a9b;
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input::-webkit-input-placeholder {
    color: #9a9a9b;
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:placeholder {
    color: #9a9a9b;
    opacity: 1;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    -webkit-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active:-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active::-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active:-ms-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active::-webkit-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:active:placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus:-moz-placeholder,
.widget.sms-callout-module .sms-double-opt-in-form label input:focus:-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus::-moz-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus:-ms-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.global-newsletter-signup form.newsletter-signup-shortcode label input:focus:placeholder {
    opacity: 0;
}


/* END Input Placeholder */

.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] {
    padding: 6px 12px;
    background: #a9b533;
    border: none;
    outline: none;
    font-weight: 700;
    color: #ffffff;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.global-newsletter-signup form.newsletter-signup-shortcode button[type=submit] .fa-envelope {
    display: inline-block;
    margin: 0 0.25rem 0 0;
    vertical-align: middle;
    font-size: 1.2rem;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper .animated-sliding-modal .global-newsletter-signup {
    margin: 0;
    padding: 1rem;
    background: none;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.full-width_2 .animated-sliding-modal .global-newsletter-signup .form-title,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.right-corner_2 .animated-sliding-modal .global-newsletter-signup .form-title,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.full-width_2 .animated-sliding-modal .global-newsletter-signup .opt-in-language,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.right-corner_2 .animated-sliding-modal .global-newsletter-signup .opt-in-language {
    color: #ffffff;
    opacity: 1;
}


/* END Inline Newsletter Form Signup Module */


/* Global Animated Newsletter Module */

.heartbeat-icon {
    display: inline-block;
    width: 130px;
    height: 50px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background-image: url(../../library/images/beat_graphic.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.global-newsletter-signup-wrapper .full-width_3 .heartbeat-icon {
    background-image: url(../../library/images/beat_graphic_grey.png);
}

.entry-content .global-newsletter-signup .heartbeat-icon {
    display: none;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .global-newsletter-signup {
    padding-bottom: 0;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-full-width .animated-sliding-modal .global-newsletter-signup .form-title {
    font-size: 18px;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-full-width.animate-on-mobile .opt-in-language.show-disclaimer {
    /* opacity: 1;
    padding-top: 0.5rem;
    padding-bottom: 0;
    height: auto;
    max-height: unset;
    width: 100%;
    max-width: 100%; */
    padding: 0.5rem 0 0;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-on-mobile label,
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-on-mobile label input[type=email],
.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper.animate-on-mobile [type=submit] {
    font-size: 14px;
    height: 28px;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper .popover .arrow {
    color: #f3f3f3;
}

.global-newsletter-signup-wrapper .animated-sliding-modal-wrapper .popover .popover-inner {
    background: #f3f3f3;
    color: #00819f;
}


/* Collapsible Form */

body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width form.newsletter-signup {
    /* z-index needs to be higher than the .expand-trigger */
    position: relative;
    z-index: 2;
}

@media (max-width: 768px) {
    .global-newsletter-signup .collapsed-text .desktop-text {
        display: none;
    }
}

@media (min-width: 769px) {
    .global-newsletter-signup .collapsed-text .mobile-text {
        display: none;
    }
}

body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width .global-newsletter-signup .collapsed-text {
    /* Enable for collapsible modals */
    display: block;
}

.global-newsletter-signup .collapsed-text,
body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width form.newsletter-signup {
    /* Enable height/opacity animations for collapsible elements */
    opacity: 1;
    overflow: hidden;
    height: auto;
    max-height: 250px;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width form.newsletter-signup * {
    opacity: 1;
    overflow: hidden;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width .heartbeat-icon,
body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width .form-title {
    opacity: 1;
    overflow: hidden;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width .expand-trigger {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: default;
    background: #771b61;
    opacity: 0;
    -moz-transition: all ease-out 0.25s;
    -ms-transition: all ease-out 0.25s;
    -o-transition: all ease-out 0.25s;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width.collapsed .expand-trigger {
    cursor: pointer;
}

body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width.collapsed .expand-trigger:active,
body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width.collapsed .expand-trigger:focus,
body.vwo_subscription-modal_collapsible .animated-sliding-modal-wrapper.animate-full-width.collapsed .expand-trigger:hover {
    opacity: 0.05;
}

.global-newsletter-signup .collapsed-text {
    /* Hide this entirely by default */
    display: none;
    width: 100%;
    height: auto;
    max-height: 0;
    margin: 0 auto;
    padding: 0;
    font-size: 0.625rem;
    font-weight: 400;
    font-weight: 600;
    line-height: 1.5;
    color: #4e565a;
    text-align: center;
    opacity: 0;
}

.animated-sliding-modal-wrapper.animate-full-width.collapsed .global-newsletter-signup .collapsed-text {
    /* Expand these elements when collapsed */
    opacity: 1;
    max-height: 250px;
}


/* Collapse these elements when collapsed */

.animated-sliding-modal-wrapper.animate-full-width.collapsed .animated-sliding-modal .global-newsletter-signup>*:not(.form-title):not(.collapsed-text) {
    position: absolute;
    opacity: 0 !important;
    max-height: 0 !important;
}

.animated-sliding-modal-wrapper.animate-full-width.collapsed .heartbeat-icon {
    width: 0;
    height: 0;
}

.animated-sliding-modal-wrapper.animate-full-width.collapsed .form-title {
    /* Center and set this font size of the form title when collapsed */
    font-size: 0.75rem !important;
    margin: 0 auto !important;
    width: 100%;
}

@media (min-width: 768px) {
    .animated-sliding-modal-wrapper.animate-full-width.collapsed .form-title {
        /* Center and set this font size of the form title when collapsed */
        font-size: 1rem !important;
    }
    .global-newsletter-signup .collapsed-text {
        font-size: 0.75rem;
        font-weight: 400;
    }
}