@charset "UTF-8";

/* ============================================ */
/* ======= Ag Express Blocks (front + editor) ===== */
/* ============================================ */

/* Section block */
.agx-section {
    padding: var(--sp-v) var(--sp-h);
    position: relative;
    isolation: isolate;
}
.agx-section.gray--section {
    padding: calc(var(--sp-v) / 2) var(--sp-h);
}
.agx-section--navy {
    background-color: var(--cl-navy);
    color: var(--cl-white);
}
.agx-section--blue {
    background-color: var(--cl-blue);
    color: var(--cl-white);
}
.agx-section--navy .editor--content h1,
.agx-section--navy .editor--content h2,
.agx-section--navy .editor--content h3,
.agx-section--navy .editor--content h4,
.agx-section--blue .editor--content h1,
.agx-section--blue .editor--content h2,
.agx-section--blue .editor--content h3,
.agx-section--blue .editor--content h4 {
    color: var(--cl-white);
}
.agx-section--background {
    position: absolute;
    inset: 0;
    z-index: -1;
}
.agx-section--background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.agx-section--has-image.agx-section--white .agx-section--background {
    opacity: 0.15;
}
.agx-section--has-image.agx-section--navy .agx-section--background,
.agx-section--has-image.agx-section--blue .agx-section--background {
    opacity: 0.25;
    mix-blend-mode: luminosity;
}
.agx-section .editor--content > .wp-block-columns,
.agx-section .editor--content > .wp-block-buttons {
    margin-bottom: 1.5rem;
}
.agx-section .editor--content > *:last-child {
    margin-bottom: 0;
}

/* Button block colors (Styles panel: Yellow / Blue / Navy) */
.wp-block-buttons .wp-block-button.is-style-yellow .wp-element-button {
    background-color: var(--cl-yellow);
    color: var(--cl-navy);
}
.wp-block-buttons .wp-block-button.is-style-blue .wp-element-button {
    background-color: var(--cl-blue);
    color: var(--cl-white);
}
.wp-block-buttons .wp-block-button.is-style-navy .wp-element-button {
    background-color: var(--cl-navy);
    color: var(--cl-white);
}
.wp-block-buttons .wp-block-button[class*="is-style-"] .wp-element-button:before {
    background-color: var(--cl-black);
}
.wp-block-buttons .wp-block-button[class*="is-style-"] .wp-element-button:hover:before {
    opacity: 0.05;
}
.wp-block-buttons.is-content-justification-center {
    justify-content: center;
}
.wp-block-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}