.gbi-block {
    --bp-medium: 700px;
    --max-small: 992px;
    --max-medium: 1056px;
    --max-large: 1200px; /* originally 1536px */
    --margin-offset: calc( ( 100vw - 1200px - var(--scrollbar-width) ) / 2 );
    --color-canyon-coral: #E35205;
    --color-dandelion-dark: #C99700;
    --color-glacier-gray-dark: #51534A;
    --color-glacier-gray-light: #D0D0CE;
    --color-gray-blue: #3D7384;
    --color-gray-green: #8CBDA7;
    --color-hosta-green-dark: #00966C;
    --color-hosta-green-light: #71CC98;
    --color-light-light-blue: #E0ECF2;
    --color-light-blue: #B8D7E3;
    --color-light-green: #CCEDDA;
    --color-light-melon: #E7C7B5;
    --color-medium-melon: #D98F69;
    --color-light-light-melon: #FAF4F1;
    --color-light-yellow: #F4E7B0;
    --color-pacific-blue: #005F86;
    --color-rich-black: #272727;
    --color-silt-brown: #5D4534;
    --color-stillwater-blue: #6AA2B9;
    --font-weight-normal: 400;
    --font-weight-bold: 600;
    font-family: "Avenir Next", Avenir, sans-serif;
    font-weight: var(--font-weight-normal);
}

.gbi-block strong,
.gbi-block b {
    font-weight: var(--font-weight-bold);
}

.gbi-block h1,
.gbi-block h2,
.gbi-block h3,
.gbi-block h4,
.gbi-block h5,
.gbi-block h6 {
    font-family: "Avenir Next", Avenir, sans-serif;
    font-weight: var(--font-weight-normal);
}

.block-container {
    max-width: var(--max-large);
    margin-inline: auto;
    padding-inline: 1em;
}

.cta {
    display: inline-block;
    padding: 0.5em 2em;
    background-color: var(--color-rich-black);
    border: 2px solid var(--color-rich-black);
    color: white;
    text-transform: uppercase;
    border-radius: 2em;
    text-decoration: none;
    line-height: 1.1;
    transition: all 0.2s ease;
}

.cta:hover {
    transform: scale(1.05);
}

.cta-outline {
    background-color: transparent;
    color: var(--color-rich-black);
}

.background-image-grayscale {
    filter: grayscale();
}

.block-deprecated {
    background-color: magenta !important;
}

.color-reveal-image {
    position: relative;
}

.color-reveal-image--image,
.color-reveal-image--overlay-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.color-reveal-image--overlay-color {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: multiply;
}

.color-reveal-image--overlay,
.color-reveal-image--image {
    transition: all 0.5s ease;
}

.color-reveal-image--status-enabled:hover .color-reveal-image--overlay,
.color-reveal-image--status-manual:hover .color-reveal-image--overlay {
    opacity: 0;
}

.color-reveal-image--status-enabled:hover .color-reveal-image--image,
.color-reveal-image--status-manual .color-reveal-image--image {
    filter: grayscale(0) !important;
}