@import url("base.css");
@import url("navbar.css");
@import url("footer.css");

.header-spacer-lg {
    height: var(--spacer-lg);
}
.header-spacer-md {
    height: var(--spacer-md);
}
.container.content {
    /* padding: 2.0rem 0 1.0rem 0; */
}

/* section */
.section {
    padding-bottom: var(--padding-section-bottom);
}
.section-title {
    margin-bottom: var(--padding-section-bottom);
}
.sub-section {
    width: 100%;
    padding-bottom: 1rem;
}
.title-wrapper {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.section-title {
    padding: 0.5rem 1.0rem 0.3rem 1.0rem;
    width: 100%;
    text-align: start;
    vertical-align: middle;
    letter-spacing: 0.1em;
    font-weight: bold;
    background-color: var(--site-primary-color);
    color: var(--site-pale-text-color)
}

/* sub-section */
.sub-section {
    max-width: 1024px;
    margin: auto;
}

.sub-section-title {
    width: 100%;
    border-bottom: 5px solid var(--site-primary-color);
    padding: 0.5rem 0.5rem 0.3rem 0.5rem;
    text-align: start;
    font-weight: normal;
    letter-spacing: 0.1em;
}