/*=========================================================
GLOBAL - SECTION EYEBROW AND HEART DIVIDER
=========================================================*/

.section_eyebrow
{
    margin:0 0 0.85rem;

    color:var(--aob-champagne-gold);

    font-size:0.72rem;
    font-weight:700;
    letter-spacing:0.28em;
    line-height:1.4;
    text-align:center;
    text-transform:uppercase;
}


/*=========================================================
GLOBAL - SECTION DIVIDER
=========================================================*/

.section_divider
{
    display:flex;

    width:min(100%,15rem);

    margin:0 auto 1.25rem;

    align-items:center;
    justify-content:center;

    gap:0.75rem;
}

.section_divider_line
{
    display:block;

    height:1px;

    flex:1 1 auto;

    background:rgba(184,138,79,0.72);
}

.section_divider_heart
{
    display:block;

    flex:0 0 auto;

    color:var(--aob-champagne-gold);

    font-family:var(--font_display);
    font-size:1rem;
    font-weight:400;
    line-height:1;
}


/*=========================================================
DARK SECTION VERSION
=========================================================*/

.section_eyebrow_on_dark
{
    color:var(--aob-champagne-gold);
}

.section_divider_on_dark .section_divider_line
{
    background:rgba(184,138,79,0.82);
}

.section_divider_on_dark .section_divider_heart
{
    color:var(--aob-champagne-gold);
}


/*=========================================================
COMPACT VERSION
=========================================================*/

.section_divider_compact
{
    width:min(100%,12rem);

    margin-bottom:1rem;
}


/*=========================================================
TABLET
=========================================================*/

@media (min-width:48rem)
{
    .section_eyebrow
    {
        font-size:0.76rem;
    }

    .section_divider
    {
        margin-bottom:1.4rem;
    }
}


/*=========================================================
REDUCED MOTION
=========================================================*/

@media (prefers-reduced-motion:reduce)
{
    .section_divider,
    .section_divider_line,
    .section_divider_heart
    {
        transition:none;
    }
}