/************ LARNED ORIGINAL SUBPAGE APPEARANCE ************/
/* Studius #Outline only. Keep the recreated homepage and Hybrid site intact. */
body.site-sub {
    --section-page-surround-bg: #ecf1f8;
    --section-container-main-bg: #ecf1f8;
    --body-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --title-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --side-menu-bg: transparent;
    --side-menu-bg-hover: transparent;
    color: #394e5d;
    font: 12px/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.site-sub #g-page-surround {
    min-height: 100vh;
    background: #ecf1f8;
}
.site-sub :is(#g-navigation, #g-container-main, #g-footer, #g-copyright) > .g-container {
    width: min(100%, 960px) !important;
    max-width: 960px;
    margin-inline: auto !important;
}
.site-sub #g-navigation {
    border-bottom: 3px solid #afc9de;
}
.site-sub #g-navigation .hidden-phone .g-logo img {
    width: min(100%, 878px) !important;
    max-width: 100%;
    margin-inline: auto;
}
.site-sub #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
    font: 700 14px/18px Arial, Helvetica, sans-serif;
    text-transform: none;
    min-height: 58px;
    padding: 16px 11px;
    border-inline-start: 1px solid rgba(255,255,255,.06);
}
.site-sub #g-navigation .g-menu-item-title {
    font: inherit;
    letter-spacing: normal;
    text-transform: none;
}
.site-sub #g-navigation .g-main-nav .g-dropdown {
    font: 14px/1.5 Arial, Helvetica, sans-serif;
}
.site-sub #g-container-main > .g-container {
    padding: 0 !important;
}
.site-sub #g-container-main > .g-container > .g-grid {
    align-items: stretch;
}
.site-sub #g-container-main > .g-container > .g-grid > .g-block {
    min-width: 0;
}
.site-sub #g-container-main > .g-container > .g-grid > .g-block:has(> #g-sidebar) {
    flex: 0 0 25%;
    width: 25%;
}
.site-sub #g-container-main > .g-container > .g-grid > .g-block:has(> #g-mainbar) {
    flex: 1 1 0;
}
.site-sub #g-container-main > .g-container > .g-grid > .g-block:has(> #g-aside) {
    flex: 0 0 25%;
    width: 25%;
}
.site-sub :is(#g-sidebar, #g-mainbar, #g-aside) {
    height: 100%;
    padding: 25px !important;
    color: #394e5d;
    font: 12px/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: url('/templates/rt_hybrid/images/body/body1/b-col-divider.png') repeat-y left top;
}
.site-sub :is(#g-sidebar, #g-mainbar, #g-aside) > .g-grid > .g-block > .g-content {
    margin: 0;
    padding: 0;
}
.site-sub :is(#g-sidebar, #g-mainbar, #g-aside) .platform-content {
    margin: 0;
    padding: 0;
}
.site-sub #g-container-main :is(h1, h2, h3, .g-title), .page-header h2 {
    color: #394e5d;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-shadow: none;
    letter-spacing: normal;
    border: 0;
    background: transparent;
}
.site-sub #g-container-main :is(h1, h2, .g-title), .page-header h2 {
    font-size: 19.2px;
    line-height: 1.3;
    margin: 0 0 15px;
    padding: 0 0 10px;
}
.site-sub #g-container-main h3 {
    font-size: 17px;
    line-height: 1.4;
}
.site-sub #g-mainbar .page-header {
    margin: 0;
    padding: 0;
    border: 0;
}
.site-sub #g-mainbar p {
    font: 12px/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 0 15px;
}
.site-sub #g-mainbar .article-info {
    font: 11px/1.6 Arial, Helvetica, sans-serif;
    color: #394e5d;
}
.site-sub #g-container-main a {
    color: #b27642;
}
.site-sub #g-container-main a:hover {
    color: #70421e;
}
.site-sub #g-sidebar .moduletable .nav.menu {
    margin: 0 0 30px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
}
.site-sub #g-sidebar .moduletable .nav.menu li {
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7e1eb;
    box-shadow: 0 1px 0 #f8fbff;
}
.site-sub #g-sidebar .moduletable .nav.menu li > a,
.site-sub #g-sidebar .moduletable .nav.menu li > span {
    display: block;
    position: relative;
    padding: 4px 0 4px 24px;
    color: #e69a52;
    background: transparent;
    font: 400 15px/27px "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 0;
    text-shadow: 1px 1px 0 #fff;
}
.site-sub #g-sidebar .moduletable .nav.menu li > a::before {
    content: '';
    display: block;
    color: inherit;
    position: absolute;
    left: 2px;
    top: 13px;
    width: 10px;
    height: 10px;
    border-top: 4px solid currentColor;
    border-right: 4px solid currentColor;
    transform: rotate(45deg);
    filter: drop-shadow(2px -2px 1px #fff);
}
.site-sub #g-sidebar .moduletable .nav.menu li.active > a,
.site-sub #g-sidebar .moduletable .nav.menu li > a:hover {
    color: #333;
    background: transparent;
}
.site-sub #g-sidebar .nav-child {
    padding-left: 14px;
}
.site-sub #g-sidebar .admod {
    margin: 10px 0 0 10px;
}
.site-sub #g-container-main a:focus-visible {
    outline: 2px solid #9b642e;
    outline-offset: 3px;
}
.site-sub #g-container-footer {
    border-top: 3px solid #afc9de;
    background: #161e29 url('/images/template/bg-footer.jpg') no-repeat center top;
    background-size: cover;
}
.site-sub #g-footer {
    background: transparent;
}
.site-sub #g-footer > .g-container {
    background: transparent;
    padding: 25px 25px 60px !important;
    gap: 50px;
}
.site-sub #g-footer p {
    font: 12px/1.7 Arial, Helvetica, sans-serif;
}
.site-sub #g-copyright {
    background: transparent;
}
.site-sub #g-copyright > .g-container {
    padding: 0 25px 20px !important;
}
@media only screen and (max-width: 50.99rem) {
    .site-sub #g-navigation .show-mobile .g-logo img {
        width: min(100%, 420px);
    }
    .site-sub #g-container-main > .g-container > .g-grid {
        flex-direction: column;
        gap: 0;
    }
    .site-sub #g-container-main > .g-container > .g-grid > .g-block:has(> :is(#g-sidebar, #g-mainbar, #g-aside)) {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
    }
    .site-sub :is(#g-sidebar, #g-mainbar, #g-aside) {
        height: auto;
        padding: 20px !important;
        background: transparent;
    }
    .site-sub #g-sidebar {
        border-bottom: 1px dashed #cbd7e2;
    }
    .site-sub #g-sidebar .moduletable .nav.menu {
        margin-bottom: 20px;
    }
    .site-sub #g-sidebar .admod {
        margin: 0;
    }
    .site-sub #g-sidebar .admod tbody {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }
    .site-sub #g-mainbar {
        min-height: 140px;
    }
    .site-sub #g-footer > .g-container {
        padding: 25px 20px 40px !important;
        gap: 25px;
    }
    .site-sub #g-footer .admod table {
        max-width: 100%;
    }
    .site-sub #g-footer .admod tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .site-sub #g-footer p {
        overflow-wrap: anywhere;
    }
}

.site-sub #g-mainbar .article-info dd {
    font: inherit;
}
.site-sub #g-container-main > .g-container {
    max-width: 960px !important;
}

@media only screen and (min-width: 50.99rem) {
    .site-sub:not(.sponsorshippage, #site-grid) #g-page-surround #g-container-main:has(#g-mainbar.section-padding-5, #g-aside) #g-mainbar.section-padding-5:has(.page-header) > .g-grid > .g-block > .g-content {
        margin: 0 !important;
        padding: 25px !important;
    }
}

.site-sub.withmaxwidth #g-mainbar .page-header h2 {
    padding: 0 0 10px !important;
}
@media only screen and (max-width: 50.99rem) {
    .site-sub:not(.sponsorshippage, #site-grid) #g-page-surround #g-container-main:has(#g-mainbar.section-padding-5, #g-aside) #g-mainbar.section-padding-5:has(.page-header) > .g-grid > .g-block > .g-content {
        margin: 0 !important;
        padding: 0 !important;
    }
}