/* default Select2 placeholder color for single dropdown */

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.parsley-errors-list {
    color: #b94a48;
    font-size: .9em;
    line-height: .9em;
    list-style-type: none;
    margin: 8px 0 3px;
    opacity: 0;
    padding: 0;
    transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}

.mailpoet-form-input .parsley-errors-list {
    left: 16px;
    margin-top: 2px;
    position: absolute;
    top: 100%;
}

.parsley-required,
.parsley-custom-error-message {
    color: #b94a48;
}

/* labels */

.mailpoet_text_label,
.mailpoet_textarea_label,
.mailpoet_select_label,
.mailpoet_radio_label,
.mailpoet_checkbox_label,
.mailpoet_list_label,
.mailpoet_date_label {
    display: block;
}

@media screen and (max-width: 499px) {
    .mailpoet_text_label,
    .mailpoet_textarea_label,
    .mailpoet_select_label,
    .mailpoet_radio_label,
    .mailpoet_checkbox_label,
    .mailpoet_list_label,
    .mailpoet_date_label {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
}

.mailpoet_form .mailpoet_submit,
.mailpoet_form .mailpoet_paragraph,
.mailpoet_form .mailpoet_form_paragraph,
.mailpoet_form .mailpoet_textarea,
.mailpoet_form .mailpoet_text,
.mailpoet_form .mailpoet_select,
.mailpoet_form .mailpoet_form_image,
.mailpoet_form .mailpoet_message,
.mailpoet_form .mailpoet_paragraph select {
    max-width: 100%;
}

@media screen and (max-width: 499px) {
    .mailpoet_form .mailpoet_submit,
    .mailpoet_form .mailpoet_paragraph,
    .mailpoet_form .mailpoet_form_paragraph,
    .mailpoet_form .mailpoet_textarea,
    .mailpoet_form .mailpoet_text,
    .mailpoet_form .mailpoet_select,
    .mailpoet_form .mailpoet_form_image,
    .mailpoet_form .mailpoet_message,
    .mailpoet_form .mailpoet_paragraph select {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
}

.mailpoet_form.mailpoet_form_successfully_send {
    position: relative;
}

.mailpoet_form.mailpoet_form_successfully_send .mailpoet_validate_success {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mailpoet_form .mailpoet-has-background-color {
    padding: 1.25em 2.375em;
}

.mailpoet_form .mailpoet-has-font-size {
    line-height: 1.4;
}

.mailpoet_textarea {
    height: auto;
}

/* form loading */

.mailpoet_form_sending .mailpoet_form_loading {
    display: block;
}

.mailpoet_form_sending .mailpoet_submit {
    display: none;
}

.mailpoet_form_loading {
    display: none;
    text-align: center;
    width: 30px;
}

.mailpoet_form_loading>span {
    -webkit-animation: mailpoet-bouncedelay 1.4s infinite ease-in-out both;
    animation: mailpoet-bouncedelay 1.4s infinite ease-in-out both;
    background-color: #5b5b5b;
    border-radius: 100%;
    display: inline-block;
    height: 5px;
    width: 5px;
}

.mailpoet_form_loading .mailpoet_bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s;
}

.mailpoet_form_loading .mailpoet_bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    margin: 0 7px;
}

.mailpoet_captcha_form .mailpoet_validate_success {
    color: #468847;
}

.mailpoet_captcha_form .mailpoet_validate_error {
    color: #b94a48;
}

.mailpoet_captcha_update {
    cursor: pointer;
}

@-webkit-keyframes mailpoet-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

@keyframes mailpoet-bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
    }
    40% {
        transform: scale(1);
    }
}

.mailpoet_form .mailpoet_paragraph {
    margin-bottom: 20px;
}

.mailpoet_column_with_background {
    padding: 10px;
}

.mailpoet_form_column:not(:first-child) {
    margin-left: 20px;
}

@media screen and (min-width: 500px) {
    .mailpoet_form_fixed_bar .mailpoet_form_columns .mailpoet_form_column .mailpoet_paragraph:last-child {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 500px) {
    div.mailpoet_form:not(.mailpoet_form_fixed_bar) .mailpoet_paragraph:last-child,
    div.mailpoet_form:not(.mailpoet_form_fixed_bar) .mailpoet_paragraph p:last-child {
        margin-bottom: 0;
    }
}

.mailpoet_form_columns {
    display: flex;
    flex-wrap: nowrap;
}

.mailpoet_form_columns.mailpoet_vertically_align_top {
    align-items: flex-start;
}

.mailpoet_form_columns.mailpoet_vertically_align_center {
    align-items: flex-start;
}

.mailpoet_form_columns.mailpoet_vertically_align_bottom {
    align-items: flex-start;
}

@media screen and (max-width: 499px) {
    .mailpoet_form_columns {
        flex-wrap: wrap;
    }
    .mailpoet_form_columns.mailpoet_column_with_background .mailpoet_form_column:last-child .mailpoet_paragraph:last-child {
        margin-bottom: 0 !important;
    }
}

.mailpoet_form_tight_container .mailpoet_form_columns {
    flex-wrap: wrap;
}

.mailpoet_form_tight_container .mailpoet_form_columns.mailpoet_column_with_background .mailpoet_form_column:last-child .mailpoet_paragraph:last-child {
    margin-bottom: 0 !important;
}

.mailpoet_form_column {
    display: flex;
    flex-direction: column;
}

.mailpoet_form_column.mailpoet_vertically_align_top {
    align-self: flex-start;
}

.mailpoet_form_column.mailpoet_vertically_align_center {
    align-self: center;
}

.mailpoet_form_column.mailpoet_vertically_align_bottom {
    align-self: flex-end;
}

@media screen and (min-width: 500px) {
    .mailpoet_form_form:not(.mailpoet_form_tight_container) .mailpoet_column_with_background .mailpoet_form_column .mailpoet_paragraph:last-child {
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 499px) {
    .mailpoet_form_column {
        flex-basis: 100% !important;
    }
    .mailpoet_form_column:not(:first-child) {
        margin-left: 0 !important;
    }
}

.mailpoet_form_tight_container .mailpoet_form_column {
    flex-basis: 100% !important;
}

.mailpoet_form_tight_container .mailpoet_form_column:not(:first-child) {
    margin-left: 0 !important;
}

.mailpoet_widget_preview {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    left: 0;
    max-width: 100% !important;
    overflow-y: auto !important;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 100000;
}

.mailpoet_widget_preview .widget-area {
    display: block !important;
    float: none !important;
    margin: auto;
    position: static !important;
    width: 600px;
}

.mailpoet_form_popup_overlay {
    background-color: black;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    max-width: 100% !important;
    opacity: .7;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 100000;
}

div.mailpoet_form_popup {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 35px 0 rgba(195, 65, 2, 0.2);
    display: none;
    left: 50%;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 100001;
}

.mailpoet_form_close_icon {
    cursor: pointer;
    display: block;
    margin: 0 0 0 auto;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 100002;
}

div.mailpoet_form_fixed_bar {
    background-color: white;
    box-shadow: 0 4px 35px 0 rgba(195, 65, 2, 0.2);
    display: none;
    left: 0;
    margin: 0;
    max-height: calc(100vh - 60px);
    max-width: 100% !important;
    overflow-y: auto;
    position: fixed;
    width: 100% !important;
    z-index: 100000;
}

div.mailpoet_form_fixed_bar form {
    margin: 0 auto;
}

.mailpoet_form_position_top {
    top: 0;
}

.mailpoet_form_position_bottom {
    bottom: 0;
}

div.mailpoet_form_slide_in {
    background-color: white;
    bottom: 0;
    box-shadow: 0 4px 35px 0 rgba(195, 65, 2, 0.2);
    display: none;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    position: fixed;
    z-index: 100000;
}

@media screen and (min-width: 500px) {
    div.mailpoet_form_slide_in.mailpoet_form_position_left {
        border-top-right-radius: 10px;
    }
    div.mailpoet_form_slide_in.mailpoet_form_position_right {
        border-top-left-radius: 10px;
    }
}

.mailpoet_form_position_left {
    left: 0;
}

.mailpoet_form_position_right {
    right: 0;
}

.mailpoet_form_popup_overlay.active,
div.mailpoet_form_popup.active,
div.mailpoet_form_fixed_bar.active,
div.mailpoet_form_slide_in.active {
    display: block;
}

@media screen and (max-width: 500px) {
    .mailpoet_form_popup_overlay.active {
        display: none;
    }
}

.mailpoet_form_image.is-style-rounded img {
    border-radius: 9999px;
}

.mailpoet_form_image>figure {
    margin: 0;
}

.mailpoet_form_image img {
    margin: 0;
}

.mailpoet_form_image .aligncenter {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: auto;
    margin-top: auto;
}

.mailpoet_form_image .alignleft {
    float: left;
    margin-right: 1em;
}

.mailpoet_form_image .alignright {
    float: right;
    margin-left: 1em;
}

.mailpoet_form_image figcaption {
    text-align: center;
}

@media screen and (max-width: 499px) {
    .mailpoet_form_image {
        display: none;
    }
}

.mailpoet_spacer {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
    width: 100%;
}

@media screen and (max-width: 499px) {
    .mailpoet_spacer:not(.mailpoet_has_divider) {
        display: none;
    }
    .mailpoet_spacer.mailpoet_has_divider {
        max-height: 10px;
    }
}

.mailpoet_message {
    clear: both;
}

@media screen and (max-width: 499px) {
    .mailpoet_form .mailpoet-heading {
        font-size: 18px !important;
        line-height: 1.4 !important;
        margin: 12.6px 0 !important;
    }
}

@media screen and (max-width: 499px) {
    h1.mailpoet-heading {
        font-size: 23px !important;
        line-height: 1.4 !important;
        margin: 16.1px 0 !important;
    }
}

@media screen and (max-width: 499px) {
    h2.mailpoet-heading {
        font-size: 20px !important;
        line-height: 1.4 !important;
        margin: 14px 0 !important;
    }
}

h2.mailpoet-heading:before {
    content: none;
}

h2.mailpoet-heading:after {
    content: none;
}

.mailpoet-manage-subscription .mailpoet_text_label,
.mailpoet-manage-subscription .mailpoet_textarea_label,
.mailpoet-manage-subscription .mailpoet_select_label,
.mailpoet-manage-subscription .mailpoet_radio_label,
.mailpoet-manage-subscription .mailpoet_checkbox_label,
.mailpoet-manage-subscription .mailpoet_list_label,
.mailpoet-manage-subscription .mailpoet_date_label {
    padding-right: 10px;
}

.mailpoet-manage-subscription .mailpoet-submit-success {
    color: #7ed321;
}

.mailpoet-manage-subscription .mailpoet-change-email-info {
    font-size: 85%;
}

.mailpoet_form_overlay_animation {
    -webkit-animation: fade-in-overlay 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: fade-in-overlay 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

@-webkit-keyframes fade-in-overlay {
    0% {
        opacity: 0;
    }
    100% {
        opacity: .7;
    }
}

@keyframes fade-in-overlay {
    0% {
        opacity: 0;
    }
    100% {
        opacity: .7;
    }
}

.mailpoet_form_animation_slideup {
    -webkit-animation: slide-up 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-up 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.mailpoet_form_popup.mailpoet_form_animation_slideup {
    -webkit-animation: slide-up-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-up-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

@-webkit-keyframes slide-up-popup {
    0% {
        opacity: 0;
        transform: translate(-50%, -20%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

@keyframes slide-up-popup {
    0% {
        opacity: 0;
        transform: translate(-50%, -20%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

@-webkit-keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(30%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(30%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.mailpoet_form_animation_fadein {
    -webkit-animation: fade-in 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: fade-in 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.mailpoet_form_animation_slideright {
    -webkit-animation: slide-right 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-right 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.mailpoet_form_popup.mailpoet_form_animation_slideright {
    -webkit-animation: slide-right-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-right-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
        transform: translateX(-30%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        transform: translateX(-30%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-right-popup {
    0% {
        opacity: 0;
        transform: translate(-80%, -50%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

@keyframes slide-right-popup {
    0% {
        opacity: 0;
        transform: translate(-80%, -50%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.mailpoet_form_animation_slideleft {
    -webkit-animation: slide-left 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-left 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.mailpoet_form_popup.mailpoet_form_animation_slideleft {
    -webkit-animation: slide-left-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-left-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        transform: translateX(30%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: translateX(30%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes slide-left-popup {
    0% {
        opacity: 0;
        transform: translate(-20%, -50%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

@keyframes slide-left-popup {
    0% {
        opacity: 0;
        transform: translate(-20%, -50%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.mailpoet_form_animation_slidedown {
    -webkit-animation: slide-down 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-down 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.mailpoet_form_popup.mailpoet_form_animation_slidedown {
    -webkit-animation: slide-down-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-down-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

@-webkit-keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-30%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-30%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes slide-down-popup {
    0% {
        opacity: 0;
        transform: translate(-50%, -80%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

@keyframes slide-down-popup {
    0% {
        opacity: 0;
        transform: translate(-50%, -80%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.mailpoet_form_animation_zoomout {
    -webkit-animation: zoom-out 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: zoom-out 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.mailpoet_form_popup.mailpoet_form_animation_zoomout {
    -webkit-animation: zoom-out-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: zoom-out-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

@-webkit-keyframes zoom-out {
    0% {
        opacity: 0;
        transform: scale(1.3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes zoom-out {
    0% {
        opacity: 0;
        transform: scale(1.3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes zoom-out-popup {
    0% {
        transform: scale(1.3) translate(-35%, -35%);
    }
    100% {
        transform: scale(1) translate(-50%, -50%);
    }
}

@keyframes zoom-out-popup {
    0% {
        transform: scale(1.3) translate(-35%, -35%);
    }
    100% {
        transform: scale(1) translate(-50%, -50%);
    }
}

.mailpoet_form_animation_zoomin {
    -webkit-animation: zoom-in 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: zoom-in 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

.mailpoet_form_popup.mailpoet_form_animation_zoomin {
    -webkit-animation: zoom-in-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: zoom-in-popup 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes zoom-in-popup {
    0% {
        transform: scale(0.8) translate(-60%, -60%);
    }
    100% {
        transform: scale(1) translate(-50%, -50%);
    }
}

@keyframes zoom-in-popup {
    0% {
        transform: scale(0.8) translate(-60%, -60%);
    }
    100% {
        transform: scale(1) translate(-50%, -50%);
    }
}

.mailpoet_form_animation_flip {
    -webkit-animation: flip 1s 1 ease-in-out;
    animation: flip 1s 1 ease-in-out;
    perspective: 2000px;
}

.mailpoet_form_popup.mailpoet_form_animation_flip {
    -webkit-animation: flip-popup 1s 1 ease-in-out;
    animation: flip-popup 1s 1 ease-in-out;
    perspective: 2000px;
}

@-webkit-keyframes flip {
    0% {
        opacity: 0;
        transform: rotateY(-60deg);
        transform-style: preserve-3d;
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@keyframes flip {
    0% {
        opacity: 0;
        transform: rotateY(-60deg);
        transform-style: preserve-3d;
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@-webkit-keyframes flip-popup {
    0% {
        opacity: 0;
        transform: rotateY(-60deg) translate(-59%, -50%);
        transform-style: preserve-3d;
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg) translate(-50%, -50%);
    }
}

@keyframes flip-popup {
    0% {
        opacity: 0;
        transform: rotateY(-60deg) translate(-59%, -50%);
        transform-style: preserve-3d;
    }
    100% {
        opacity: 1;
        transform: rotateY(0deg) translate(-50%, -50%);
    }
}