/* Clients Corner Base */
.clients-corner {
    width: 100%;
}

/* Submenu */
.clients-corner-submenu {
    display: flex;
    gap: 2rem;
    border-bottom: 1px solid #cfd6da;
    margin: 1.5rem 0 2rem;
    padding-bottom: 0.5rem;
}

.clients-corner-submenu a {
    text-decoration: none;
    font-weight: 600;
    color: #1f4f7a;
    padding-bottom: 0.25rem;
}

.clients-corner-submenu a.active {
    border-bottom: 3px solid #7b8f2f;
}

/* Layout */
.clients-corner-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 2rem;
}

/* Sidebar */
.clients-corner-sidebar {
    position: relative;
}

.clients-corner-sidebar-scroll {
    max-height: calc(100vh - 14rem);
    overflow-y: auto;
    padding-right: 1rem;
}

/* Main Content */
.clients-corner-content {
    min-width: 0;
}

/* Responsive */
@media (max-width: 900px) {
    .clients-corner-layout {
        grid-template-columns: 1fr;
    }

    .clients-corner-sidebar-scroll {
        max-height: none;
        overflow: visible;
    }
}

/** == Sidebar ==  */

/* Sidebar base */
.mdSM__rail {
    font-size: 0.875rem;
    border-right: 1px solid var(--el-dark-gray);
    z-index: 75;
}

.mdSM__rail .menu-section {
    padding: 0;
    margin: 0;
}

.mdSM__rail .menu-section > li {
    margin: 0.25rem 0.5rem;
    padding: 0;
    list-style: none;
}

.mdSM__rail .menu-section > li > a {
    text-decoration: none;
}
.mdSM__rail .menu-section li > a:hover {
    color: var(--el-green);
    text-decoration: underline;
}

/* = Section title = */
.mdSM__rail .section-title {
    margin: 0.25rem 0.25rem 0.25rem 0;
    padding: 0;
    list-style: none;
}

.mdSM__rail .section-title > a {
    display: flex;
    align-items: center;
    gap: 0.5rem;

    font-weight: 600;
    color: var(--el-blue);
    text-decoration: none;
}
.mdSM__rail .menu-section li.section-title > a:hover {
    text-decoration: none;
    color: var(--el-green);
}

.mdSM__rail .section-title > a::before {
    content: "▸";
    font-size: 0.9rem;
    color: var(--el-green);
    line-height: 1;
}

.mdSM__rail .menu-section.closed {
    margin: 0.5rem 0.5rem 0.25rem 0;
    padding: 0;
    list-style: none;
}

/* DOWN arrow */
.mdSM__rail .menu-section.open .section-title > a::before {
    content: "▾";
    font-size: 0.9rem;
    color: var(--el-green);
    line-height: 1;
}

/* subsections */
.mdSM__rail .menu-section .section-sub {
    margin: 1rem 0 1rem 1rem;
    padding: 0;
}

.mdSM__rail .menu-section .section-sub > a {
    color: var(--el-blue);
}

/* subsection categories */
.mdSM__rail .menu-section .section-sub-cat {
    margin: 0.5rem 0;
    padding: 0;
    list-style: none;
}

.mdSM__rail .menu-section .section-sub-cat > a {
    text-decoration: none;
}

/* === mdSM rail base state === */
.mdSM__rail .section-sub,
.mdSM__rail .section-sub-cat,
.mdSM__rail .section-sub-items,
.mdSM__rail .section-sub-items-children {
    display: none;
}

.mdSM__rail .section-title {
    display: block;
}

/* == mdSM_content == */
.mdSM__content h1.cc-title {
    font-family: Gotham, "Lucida Grande", Verdana, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.25;
    text-align: left;
    padding: 0;
    margin: 0 0 0.5rem 0;
}

.mdSM__content h2#n-notices {
    text-align: left;
    font-weight: bold;
    color: var(--el-blue);
    border-bottom: 1px solid var(--el-light-gray);
}
.mdSM__content h2 {
    text-align: left;
    font-weight: bold;
    color: var(--el-blue);
}
.mdSM__content h3 {
    text-align: left;
    font-weight: bold;
    color: var(--el-dark-gray);
    border-bottom: 1px dashed var(--el-light-gray);
}

.mdSM__content .view-download-link {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 2em;
    font-size: 0.875em;
    margin-top: 0;
}

.mdSM__content .view-download-link > a {
    text-decoration: none;
    color: var(--el-light-gray);
}
.mdSM__content .view-download-link > a:hover {
    color: var(--el-green);
}

a.view-link::before {
    content: "\f06e";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900; /* required for solid icons */
    display: inline-block;
    margin-right: 0.4em;
}
a.download-link::before {
    content: "\f019";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900; /* required for solid icons */
    display: inline-block;
    margin-right: 0.4em;
}
.mdSM__content .view-download-link br {
    display: none;
}
@media screen and (max-width: 768px){
    .mdSM__content .view-download-link br {
        display: inline;
    }
}
/* Quicklinks */
.mdSM__rail-quicklinks {
    margin: 1em 0;
    font-size: 0.875rem;
    text-align: left;
    display: none; /* off for now */
}

.mdSM__rail-quicklinks ul {
    list-style: none;
    padding: 0.5em 0.5em 0.5em 0;
    margin: 0;
}
.mdSM__rail-quicklinks ul > li {
    padding: 0;
    margin: 0.5em;
}
/* Blog Posts */

.mdSM__rail-blog {
    margin: 2rem 0;
    padding: 0.5rem;
    font-size: 0.75rem;
}
.mdSM__rail-blog .el-blog-post {
    font-size: inherit;
    text-align: left;
    padding: 0.5em 0.5em 0.5em 0;
}

.mdSM__rail-blog .el-blog-post .el-blog-post-title {
    font-size: inherit;
    text-align: left;
}
.mdSM__rail-blog .el-blog-post .el-blog-post-text {
    font-size: inherit;
    text-align: left;
}
.mdSM__rail-blog .el-blog-post .el-blog-post-date {
    font-size: 0.75em;
    text-align: right;
}