/* ======================================
   HIGHLIGHT CONTENT STYLES - BOURBON STREET
   ====================================== */
.highlight-content-mosaic {
    padding: 60px 0;
    margin: 0;
    background: var(--secondary-radial, radial-gradient(96.98% 96.98% at 50% 50%, #1D1F14 0%, rgba(29, 31, 20, 0.00) 100%));
}

.highlight-content-mosaic h2 {
    text-align: center;
    margin-bottom: 60px;
}

/* The frame mask */
.listbox.highlight-content-box { 
    position: relative;
    min-height: 300px;
    height: 100%;
    background: #0F100A;
    mask: radial-gradient(54px at 54px 54px,#0000 98%,#000) -54px -54px;
    display: flex;
  }

/* The frame border */
.listbox.highlight-content-box:before {
    content: "";
    position: absolute;
    inset: 0;
    background: #3B3F27;
    mask:
        radial-gradient(60px at 60px 60px,#0000 calc(98% - 6px),#000 calc(100% - 6px) 98%,#0000) -60px -60px,
        linear-gradient(90deg,#000 12px,#0000 0) -6px 50% /100% calc(100% - 120px + 6px) repeat-x,
        linear-gradient(      #000 12px,#0000 0) 50% -6px/calc(100% - 120px + 6px) 100% repeat-y;
        pointer-events: none;
}

.highlight-content-box .content-box {
    flex: 1;
    padding: 42px;
    padding-bottom: 50px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.highlight-content-box .image-box {
    flex: 1;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.highlight-content-box h3 {
    text-align: center;
    font-family: "Crimson Text";
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

@media (max-width: 768px) {

    .highlight-content-mosaic {
        padding: 50px 0;
    }

    .highlight-content-mosaic h2 {
        margin-bottom: 48px;
    }

	.listbox.highlight-content-box { 
        flex-direction: column-reverse;
      }

      .highlight-content-box .image-box {
        min-height: 200px;
    }
}