/* InstantBlog adapter for Zombify WordPress shortcode output. */
.zf-shortcode-error {
    padding: 14px 16px;
    margin: 16px 0;
    border: 1px solid #f1c0c0;
    border-radius: 8px;
    background: #fff4f4;
    color: #9f1f1f;
}
#zombify-main-section-front,
.zombify-main-section-front {
    width: 100%;
    margin: 24px 0;
}
.zombify-main-section-front .zf-container {
    width: 100%;
    max-width: 100%;
}
.zombify-main-section-front img,
.zombify-main-section-front video,
.zombify-main-section-front iframe {
    max-width: 100%;
}
.zombify-main-section-front .ratio {
    position: relative;
    width: 100%;
}
.zombify-main-section-front .ratio::before {
    display: block;
    padding-top: 56.25%;
    content: "";
}
.zombify-main-section-front .ratio > iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.zombify-main-section-front .zf-quiz_results,
.zombify-main-section-front .zf-quiz_reveal {
    display: none;
}
.zombify-main-section-front .zf-quiz_question.zf-answered > .zf-quiz_reveal,
.zombify-main-section-front .zf-quiz.zf-finished > .zf-quiz_results {
    display: block;
}
.zombify-main-section-front .zf-result {
    display: none;
}
.zombify-main-section-front .zf-quiz_results .zf-result.zf-active-result {
    display: block;
}
.zombify-main-section-front .zf-answer-item {
    cursor: pointer;
}
.zombify-main-section-front .zf-answer-item.zf-selected .zf-answer,
.zombify-main-section-front .zf-answer-item.zf-correct-answer .zf-answer {
    outline: 2px solid rgba(37, 161, 87, .5);
}
.zombify-main-section-front .zf-answer-item.zf-wrong-answer .zf-answer {
    outline: 2px solid rgba(214, 64, 64, .5);
}
.zombify-main-section-front .zf-poll-item.zf-poll-done .zf-answer-item {
    cursor: default;
}
.zombify-main-section-front .zf-poll-stat {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    max-width: 100%;
    opacity: .16;
    background: currentColor;
    pointer-events: none;
    transition: width .25s ease;
}
.zombify-main-section-front .zf-answer {
    position: relative;
    overflow: hidden;
}
.zombify-main-section-front .zf-poll-stat_count {
    position: relative;
    z-index: 2;
    font-weight: 700;
}

/* Boombox/Zombify media placeholder whitespace fix for InstantBlog frontend. */
.zombify-main-section-front .bb-media-placeholder,
.bb-media-placeholder {
    padding-bottom: 1% !important;
}

/* Quiz result visibility fix for local and remote Zombify posts. */
.zombify-main-section-front .zf-quiz_results,
.zombify-instantblog .zf-quiz_results,
.zombify-remote-html .zf-quiz_results {
    display: none;
}
.zombify-main-section-front .zf-quiz.zf-finished > .zf-quiz_results,
.zombify-main-section-front .zf-quiz.zf-quiz-done > .zf-quiz_results,
.zombify-instantblog .zf-quiz.zf-finished > .zf-quiz_results,
.zombify-instantblog .zf-quiz.zf-quiz-done > .zf-quiz_results,
.zombify-remote-html .zf-quiz.zf-finished > .zf-quiz_results,
.zombify-remote-html .zf-quiz.zf-quiz-done > .zf-quiz_results {
    display: block !important;
}
.zombify-main-section-front .zf-quiz_results .zf-result,
.zombify-instantblog .zf-quiz_results .zf-result,
.zombify-remote-html .zf-quiz_results .zf-result {
    display: none;
}
.zombify-main-section-front .zf-quiz_results .zf-result.zf-active-result,
.zombify-instantblog .zf-quiz_results .zf-result.zf-active-result,
.zombify-remote-html .zf-quiz_results .zf-result.zf-active-result {
    display: block !important;
}
.zombify-main-section-front .zf-quiz_question.zf-answered > .zf-quiz_reveal,
.zombify-main-section-front .zf-quiz_question.zf-done > .zf-quiz_reveal,
.zombify-instantblog .zf-quiz_question.zf-answered > .zf-quiz_reveal,
.zombify-instantblog .zf-quiz_question.zf-done > .zf-quiz_reveal,
.zombify-remote-html .zf-quiz_question.zf-answered > .zf-quiz_reveal,
.zombify-remote-html .zf-quiz_question.zf-done > .zf-quiz_reveal {
    display: block !important;
}
.zombify-main-section-front .zf-answer-item.zf-deactivated,
.zombify-instantblog .zf-answer-item.zf-deactivated,
.zombify-remote-html .zf-answer-item.zf-deactivated {
    opacity: .55;
}

/* Ranked/Open List remote bridge: keep voting active and hide item comments in InstantBlog. */
.zombify-main-section-front .zf-ranked_list .zf-comments,
.zombify-main-section-front .zf-open_list .zf-comments,
.zombify-instantblog .zf-ranked_list .zf-comments,
.zombify-instantblog .zf-open_list .zf-comments,
.zombify-remote-html .zf-ranked_list .zf-comments,
.zombify-remote-html .zf-open_list .zf-comments,
.zombify-main-section-front .zf-ranked_list .zf-comment-form,
.zombify-main-section-front .zf-open_list .zf-comment-form,
.zombify-instantblog .zf-ranked_list .zf-comment-form,
.zombify-instantblog .zf-open_list .zf-comment-form,
.zombify-remote-html .zf-ranked_list .zf-comment-form,
.zombify-remote-html .zf-open_list .zf-comment-form,
.zombify-main-section-front .zf-ranked_list .zf-comments-box,
.zombify-main-section-front .zf-open_list .zf-comments-box,
.zombify-instantblog .zf-ranked_list .zf-comments-box,
.zombify-instantblog .zf-open_list .zf-comments-box,
.zombify-remote-html .zf-ranked_list .zf-comments-box,
.zombify-remote-html .zf-open_list .zf-comments-box,
.zombify-main-section-front .zf-ranked_list .zf-comments_load_more,
.zombify-main-section-front .zf-open_list .zf-comments_load_more,
.zombify-instantblog .zf-ranked_list .zf-comments_load_more,
.zombify-instantblog .zf-open_list .zf-comments_load_more,
.zombify-remote-html .zf-ranked_list .zf-comments_load_more,
.zombify-remote-html .zf-open_list .zf-comments_load_more {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

.zombify-main-section-front .zf-item-vote,
.zombify-instantblog .zf-item-vote,
.zombify-remote-html .zf-item-vote {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.zombify-main-section-front .zf-vote_btn,
.zombify-instantblog .zf-vote_btn,
.zombify-remote-html .zf-vote_btn {
    cursor: pointer;
    border: 0;
    background: transparent;
}

.zombify-main-section-front .zf-item-vote.zf-voted-up .zf-vote_up,
.zombify-instantblog .zf-item-vote.zf-voted-up .zf-vote_up,
.zombify-remote-html .zf-item-vote.zf-voted-up .zf-vote_up,
.zombify-main-section-front .zf-item-vote.zf-voted-down .zf-vote_down,
.zombify-instantblog .zf-item-vote.zf-voted-down .zf-vote_down,
.zombify-remote-html .zf-item-vote.zf-voted-down .zf-vote_down {
    opacity: 1;
    transform: scale(1.08);
}

.zombify-main-section-front .zf-item-vote.zf-loading,
.zombify-instantblog .zf-item-vote.zf-loading,
.zombify-remote-html .zf-item-vote.zf-loading {
    opacity: .8;
    pointer-events: none;
}

.zombify-main-section-front .zf-item_meta-votes-only,
.zombify-instantblog .zf-item_meta-votes-only,
.zombify-remote-html .zf-item_meta-votes-only {
    margin-top: 12px;
}

/* Poll public voting bridge: keep Zombify poll results hidden until the visitor votes. */
.zombify-main-section-front .zf-poll .zf-answer,
.zombify-instantblog .zf-poll .zf-answer,
.zombify-remote-html .zf-poll .zf-answer {
    position: relative;
    overflow: hidden;
}

.zombify-main-section-front .zf-poll .zf-answer_text,
.zombify-instantblog .zf-poll .zf-answer_text,
.zombify-remote-html .zf-poll .zf-answer_text,
.zombify-main-section-front .zf-poll .zf-checkbox-wrp,
.zombify-instantblog .zf-poll .zf-checkbox-wrp,
.zombify-remote-html .zf-poll .zf-checkbox-wrp {
    position: relative;
    z-index: 2;
}

.zombify-main-section-front .zf-poll-item:not(.zf-poll-done) .zf-poll-stat,
.zombify-instantblog .zf-poll-item:not(.zf-poll-done) .zf-poll-stat,
.zombify-remote-html .zf-poll-item:not(.zf-poll-done) .zf-poll-stat,
.zombify-main-section-front .zf-poll-item:not(.zf-poll-done) .zf-poll-stat_count,
.zombify-instantblog .zf-poll-item:not(.zf-poll-done) .zf-poll-stat_count,
.zombify-remote-html .zf-poll-item:not(.zf-poll-done) .zf-poll-stat_count,
.zombify-main-section-front .zf-poll-item:not(.zf-poll-done) .zf-poll_total,
.zombify-instantblog .zf-poll-item:not(.zf-poll-done) .zf-poll_total,
.zombify-remote-html .zf-poll-item:not(.zf-poll-done) .zf-poll_total {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.zombify-main-section-front .zf-poll-item.zf-poll-done .zf-poll-stat,
.zombify-instantblog .zf-poll-item.zf-poll-done .zf-poll-stat,
.zombify-remote-html .zf-poll-item.zf-poll-done .zf-poll-stat {
    opacity: .16 !important;
    visibility: visible !important;
}

.zombify-main-section-front .zf-poll-item.zf-poll-done .zf-poll-stat_count,
.zombify-instantblog .zf-poll-item.zf-poll-done .zf-poll-stat_count,
.zombify-remote-html .zf-poll-item.zf-poll-done .zf-poll-stat_count,
.zombify-main-section-front .zf-poll-item.zf-poll-done .zf-poll_total,
.zombify-instantblog .zf-poll-item.zf-poll-done .zf-poll_total,
.zombify-remote-html .zf-poll-item.zf-poll-done .zf-poll_total {
    opacity: 1 !important;
    visibility: visible !important;
}

.zombify-main-section-front .zf-poll-item:not(.zf-poll-done) .zf-answer-item,
.zombify-instantblog .zf-poll-item:not(.zf-poll-done) .zf-answer-item,
.zombify-remote-html .zf-poll-item:not(.zf-poll-done) .zf-answer-item {
    cursor: pointer !important;
}

.zombify-main-section-front .zf-poll-item.zf-poll-done .zf-answer-item,
.zombify-instantblog .zf-poll-item.zf-poll-done .zf-answer-item,
.zombify-remote-html .zf-poll-item.zf-poll-done .zf-answer-item {
    cursor: default !important;
}


/* Poll image answers: keep the Zombify vote bar filling from bottom to top on images. */
.zombify-main-section-front .zf-poll .zf-answer_media.zf-image,
.zombify-instantblog .zf-poll .zf-answer_media.zf-image,
.zombify-remote-html .zf-poll .zf-answer_media.zf-image,
.zombify-main-section-front .zf-poll .zf-answer_media,
.zombify-instantblog .zf-poll .zf-answer_media,
.zombify-remote-html .zf-poll .zf-answer_media {
    position: relative !important;
    overflow: hidden !important;
}

.zombify-main-section-front .zf-poll .zf-answer_media.zf-image img,
.zombify-instantblog .zf-poll .zf-answer_media.zf-image img,
.zombify-remote-html .zf-poll .zf-answer_media.zf-image img {
    display: block;
    width: 100%;
    height: auto;
}

.zombify-main-section-front .zf-poll .zf-answer_media.zf-image .zf-poll-stat,
.zombify-instantblog .zf-poll .zf-answer_media.zf-image .zf-poll-stat,
.zombify-remote-html .zf-poll .zf-answer_media.zf-image .zf-poll-stat,
.zombify-main-section-front .zf-poll .zf-answer_media .zf-poll-stat,
.zombify-instantblog .zf-poll .zf-answer_media .zf-poll-stat,
.zombify-remote-html .zf-poll .zf-answer_media .zf-poll-stat {
    position: absolute !important;
    z-index: 2 !important;
    left: 0 !important;
    right: 0 !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 0;
    max-width: 100% !important;
    max-height: 100% !important;
    transition: height .25s ease, opacity .25s ease !important;
}

.zombify-main-section-front .zf-poll .zf-quiz_answer.zf-text .zf-answer .zf-poll-stat,
.zombify-instantblog .zf-poll .zf-quiz_answer.zf-text .zf-answer .zf-poll-stat,
.zombify-remote-html .zf-poll .zf-quiz_answer.zf-text .zf-answer .zf-poll-stat,
.zombify-main-section-front .zf-poll .zf-answer-item.zf-no-image .zf-answer .zf-poll-stat,
.zombify-instantblog .zf-poll .zf-answer-item.zf-no-image .zf-answer .zf-poll-stat,
.zombify-remote-html .zf-poll .zf-answer-item.zf-no-image .zf-answer .zf-poll-stat {
    top: 0 !important;
    bottom: 0 !important;
    right: auto !important;
    width: 0;
    height: 100% !important;
    transition: width .25s ease, opacity .25s ease !important;
}

.zombify-main-section-front .zf-poll-item.zf-poll-done .zf-answer_media.zf-image .zf-poll-stat,
.zombify-instantblog .zf-poll-item.zf-poll-done .zf-answer_media.zf-image .zf-poll-stat,
.zombify-remote-html .zf-poll-item.zf-poll-done .zf-answer_media.zf-image .zf-poll-stat,
.zombify-main-section-front .zf-poll-item.zf-poll-done .zf-answer_media .zf-poll-stat,
.zombify-instantblog .zf-poll-item.zf-poll-done .zf-answer_media .zf-poll-stat,
.zombify-remote-html .zf-poll-item.zf-poll-done .zf-answer_media .zf-poll-stat {
    opacity: .70 !important;
    visibility: visible !important;
}

.zombify-main-section-front .zf-poll-item.zf-poll-done .zf-answer-item.zf-selected .zf-answer_media .zf-poll-stat,
.zombify-instantblog .zf-poll-item.zf-poll-done .zf-answer-item.zf-selected .zf-answer_media .zf-poll-stat,
.zombify-remote-html .zf-poll-item.zf-poll-done .zf-answer-item.zf-selected .zf-answer_media .zf-poll-stat {
    opacity: .90 !important;
}

.zombify-main-section-front .zf-poll .zf-answer_media .zf-poll-stat_count,
.zombify-instantblog .zf-poll .zf-answer_media .zf-poll-stat_count,
.zombify-remote-html .zf-poll .zf-answer_media .zf-poll-stat_count {
    position: absolute !important;
    z-index: 3 !important;
    top: 50% !important;
    left: 0 !important;
    width: 100% !important;
    margin-top: -12px !important;
    text-align: center !important;
    color: #fff !important;
}
