#main-content {
    padding-top: 1rem;
}

.content-section-heading {
    margin: 2rem 0 1rem;
    padding-bottom: .5rem;
    border-bottom: 2px solid var(--locallia-gold);

    font-family: "Cormorant Garamond", serif;
    font-size: 2rem;
    font-weight: 600;
}

.overview-details {

    display: flex;
    flex-direction: column;

}

.overview-row {

    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 1rem;
    padding: .45rem 0;
    border-bottom: 1px solid #ccc;

}

.overview-label {

    font-weight: 600;
    color: var(--locallia-text-muted);

}

.overview-value {

    min-width: 0;

}

.overview-label {
    font-weight: 600;
    color: var(--locallia-text-muted);
}

.overview-value {
    min-width: 0;
}

.content-summary {

    line-height: 1.8;

}

.content-summary p:first-child {

    margin-top: 0;

}

.content-overview {

    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 2rem;
    align-items: start;
    margin-bottom: 2rem;

}

.overview-details {

    display: flex;
    flex-direction: column;

}

.overview-label {

    font-weight: 600;
    color: var(--locallia-text-muted);

}

.overview-value {

    min-width: 0;

}

/* ==========================================================================
   Biography
   ========================================================================== */

.content-biography {

    margin-top: 2rem;

}

.content-biography__text {

    line-height: 1.8;

}

.content-biography__text p {

    margin: 0 0 1.25rem 0;

}

.content-biography__text h3 {

    margin: 2rem 0 1rem;

}

.content-biography__text ul,
.content-biography__text ol {

    margin: 0 0 1.5rem 1.5rem;

}

.content-biography__text blockquote {

    margin: 1.5rem 0;
    padding-left: 1rem;

    border-left: 4px solid var(--locallia-border);

    font-style: italic;

}

.content-biography__text img {

    max-width: 100%;
    height: auto;

}

/* ==========================================================================
   Profile
   ========================================================================== */

.content-profile {

    width: 100%;

}

.profile-details {

    display: flex;
    flex-direction: column;

}

.profile-row {

    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 1rem;
    padding: .45rem 0;
    border-bottom: 1px solid #ece6d8;

}

.profile-label {
    padding: .6rem 1rem .6rem 0;
    font-weight: 600;
    padding: .45rem 0;
    color: var(--locallia-text-muted);
}

.profile-value {
  
    width: 100%;
}

.profile-value * {
    max-width: 100%;
}


/*--------------------------------------------------------------
Three Column Layout Override
--------------------------------------------------------------*/

@media screen and (min-width: 40em) {

    .layout--threecol-section {
        gap: 1.2rem;
    }

    .layout--threecol-section--25-50-25 > .layout__region--first{

        flex: 0 1 15%; calc:(15% - 0.8rem);
        max-width: 15%; calc:(15% - 0.8rem);

    }

    .layout--threecol-section--25-50-25 > .layout__region--second {

        flex: 0 1 60%; calc:(15% - 0.8rem);
        max-width: 60%; calc:(15% - 0.8rem);

    }

   .layout--threecol-section--25-50-25 > .layout__region--third {

        flex: 0 1 22%; calc:(15% - 0.8rem);
        max-width: 22%; calc:(15% - 0.8rem);

    }

}

/*----------------------------------------------------------
    BREADCRUMB
----------------------------------------------------------*/

.breadcrumb {

    margin: 0;
    padding: .35rem 0 .6rem 0;
    background: transparent;

    font-size: .82rem;

}

.breadcrumb-item {

    color: #7a6d52;

}

.breadcrumb-item a {

    color: #8a6d3b;
    text-decoration: none;
    font-weight: 500;

}

.breadcrumb-item a:hover {

    color: #d3ad57;
    text-decoration: underline;

}

.breadcrumb-item.active {

    color: #4a4a4a;
    font-weight: 600;

}

.breadcrumb-item + .breadcrumb-item::before {

    color: #b79b5b;

}

/*--------------------------------------------------------------
Highlighted Content
--------------------------------------------------------------*/

#highlighted {
    padding: 0;
    margin: 0;
}

#highlighted .container {
    padding: 0;
    margin: 0;
}

.region-highlighted {
    padding: 0;
    margin: 0;
}

/*----------------------------------------------------------
    PERSON TABS
----------------------------------------------------------*/

.person-tabs {

    display: flex;
    gap: 2px;
    border-bottom: 3px solid #d3ad57;
    margin-bottom: 1rem;

}

.person-tab {

    display: inline-block;
    padding: 10px 20px;
    background: #f5f2ea;
    color: #4a4335;
    text-decoration: none;
    border: 1px solid #cbb98d;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    font-weight: 600;
    transition: .15s ease;

}

.person-tab:hover {

    background: #e8deca;
    color: #2f2f2f;

}

.person-tab.active {

    background: #ffffff;
    border-color: #d3ad57;
    position: relative;
    top: 2px;

}

/* ===================================================
   LANDING PAGE
   =================================================== */

.node--type-landing-page .layout {
    gap: 20px;
}

.node--type-landing-page .layout__region {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.node--type-landing-page .block {
    background: #fdfaf4;
    border: 1px solid #c9b27a;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.node--type-landing-page .field--name-field-landing-body {
    margin: 0;
}

.node--type-landing-page .field--name-field-landing-body .field__label {
    font-family: "Cormorant Garamond", serif;
    font-size: 2rem;
    color: #1d3446;
    margin-bottom: 20px;
}

.node--type-landing-page .field--name-field-landing-body .field__item {
    font-size: 1.05rem;
    line-height: 1.8;
}