/* Rules the theme pages still took from the retired Custom CSS & JS snippets "new home", "css fixes" and "Blog CSS".
   They print after the plugin stylesheets (Monarch social bar, Divi leftovers), like the snippets did, so equal-specificity
   rules still win (inc/legacy-ported.php). No important flags. */

/* Header slide transition and phone height (new home snippet). */
@media screen and (min-width:768px) {
    header {
        transition: transform 0.5s cubic-bezier(0.8,0.2,0.2,0.8);
    }

}

@media (max-width: 479px) {
    header {
        transition: transform 0.5s cubic-bezier(0.8,0.2,0.2,0.8);
        height: auto;
    }

}

/* FAQ answer lists (css fixes snippet) and the Monarch social bar that news posts hide (Blog CSS snippet). */
:is(.block-faq-accordion__answer ul):is(.faq-ul) {
    flex-direction: column;
}

@media screen and (max-width:475px) {
    :is(.block-faq-accordion__answer ul):is(.faq-ul) {
        display: flex;
    }

}

.et_social_sidebar_networks.et_social_visible_sidebar.et_social_no_animation.et_social_animated.et_social_rectangle.et_social_sidebar_flip.et_social_mobile_on {
    display: none;
}

.et_social_mobile.et_social_fadein {
    display: none;
}

.faq-ul {
    flex-direction: column;
}

@media screen and (max-width:475px) {
    .faq-ul {
        display: flex;
    }

}

.faq-ul li {
    list-style-type: none;
    display: block;
    align-items: center;
    padding-left: 12px;
    position: relative;
}

.faq-ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background: var(--color-rust);
    left: -12px;
    top: 6px;
}