/* fixes issue with styles in taa.css interfering with rich text editor */
.payload-richtext h1, h2, h3, h4, h5, h6 {
    display: inherit;
}

.mobile-carousel.owl-carousel .owl-item:first-child {
    /* this is to offset the owl carousel stagePadding value for the first item in the carousel (see taa.js) */
    margin-left: -30px;
}

.block-animation:hover {
    animation: none;
}

.h-center {
    margin: auto;
}

/* Inline <code> inside CMS rich text (Lexical "inline code" format). Author-applied
   inline color/font styles on child <span>s still override these via specificity. */
.payload-richtext code {
    font-family: ui-monospace, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.9em;
    background-color: rgba(211, 30, 36, 0.08);
    padding: 0.15em 0.4em;
    border-radius: 4px;
    border: 1px solid rgba(211, 30, 36, 0.18);
    white-space: break-spaces;
    overflow-wrap: anywhere;
}

/* Block-level code (Lexical "code block"). */
.payload-richtext pre {
    background-color: #1e1e2e;
    color: #f8f8f2;
    padding: 1rem 1.25rem;
    border-radius: 6px;
    margin: 1.25rem 0;
    overflow-x: auto;
    font-size: 0.9rem;
    line-height: 1.5;
}

.payload-richtext pre code {
    background: none;
    border: 0;
    padding: 0;
    color: inherit;
    font-size: inherit;
    white-space: pre;
}