:root {
    --misc-gray: #555;
    --light-red: #e61919;
    --size: 1.2;
    --article-add: 6px;
    --article-size: calc(var(--article-add) + 328px);
}


.gh-content {
    font-size: calc(var(--size) * 1.4rem);
    letter-spacing: calc(var(--size) * -0.01em);
    line-height: calc(var(--size) * 1.8rem);
}
.gh-article-excerpt {
    font-size: calc(var(--size) * 1.5rem);
    line-height: calc(var(--size) * 1.9rem);
}
.gh-article-image {
    grid-column: main;
}
.gh-article-title,
.gh-article-title h1 {
    font-size: calc(var(--size) * 2.9rem) !important;
}
article .gh-article-title,
article .gh-article-title h1 {
    font-size: calc(var(--size) * 2.7rem) !important;
}
.cu-pre-intro {
    font-size: calc(var(--size) * 1.2rem);
    font-weight: bold;
}
article .gh-article-tag {
    font-size: calc(var(--size) * 1.2rem);
}
article .gh-article-header {
    margin-top: calc(var(--size) * 2.7rem) !important;
}
article .gh-article-meta {
    margin-top: calc(var(--size) * 1.0rem);
}
article .gh-article-image {
    margin-top: calc(var(--size) * 1.0rem);
}
article .gh-content>[id]:not(:first-child) {
    margin-top: calc(1.5rem * var(--size));
}
article .gh-content h3 {
    font-size: calc(1.2em * var(--size));
}
.gh-archive-inner {
    padding-bottom: calc(1.5em * var(--size));
    margin-top: calc(var(--size) * 1.2rem);
}
.gh-archive {
    margin-block: 0;
}

.cu-tah h1 {
    text-transform: capitalize;
}
.gh-container {
    margin-top: 2rem;
}
.gh-navigation {
    height: initial;
}
.gh-navigation-logo {
    font-size: calc(var(--size) * 2.1rem);
    font-weight: 600;
}
.gh-button.smaller {
    background-color: var(--misc-gray);
    padding: .65em;
    border-radius: 15px;
}
.content p {
    font-size: calc(var(--size) * 1.2rem);
}
.gh-navigation-actions > * {
    gap: 15px;
    padding: 5px 0;
}

h5 {
    padding-left: max(4vmin 20px);
}

.hidden {
    visibility: hidden;
}
.not-displayed {
    display: none;
}
.displayed {
    display: initial;
}

.cu-content {
    margin: 0 20px;
}
.cu-navigation-header, .cu-navigation-menu {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
}
.cu-navigation-header {
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.cu-navigation-menu {
    width: 100%;
}
.gh-navigation-brand {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    align-items: center;
}
.cu-navigation-header .gh-navigation-brand img {
    max-height: 60px;
}
.cu-navigation-header .gh-navigation-brand h6 {
    font-size: calc(var(--size) * 1.8rem);
}
.cu-navigation-menu.cu-menu-inner {
    border-bottom: solid 4px var(--light-red);
    padding: 0.5rem 0;
}
.cu-navigation-members {
    display: flex;
    flex-flow: row wrap;
    align-self: flex-end;
}
.cu-footer-inner img {
    max-height: 60px;
}

.cu-navigation-members a {
    margin: auto 0;
    padding: 5px 0;
    gap: 15px;
}

.cu-footer {
    color: #fff;
    background-color: #333;
    padding-bottom: 10px;
    flex-flow: row wrap;
    margin-top: 2rem;    
}
.cu-footer-inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    margin: 2rem;
    gap: 2rem;
}
.cu-footer-inner > div {
    display: flex;
    flex-flow: column;
}
.cu-footer-inner a {
    color: #fff;
    font-size: 1.2rem;
}

/*.cu-footer-inner img {
    max-height: 60px;
}*/


.cu-split {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.cu-split > * {
    flex-grow: 0;
    padding-bottom: 1rem;
}
.cu-split.cu-66 > *:first-child {
    width: 65%;
}
.cu-split.cu-66 > *:last-child {
    width: 32%;
}
.cu-split.cu-50 > *:first-child,
.cu-split.cu-50 > *:last-child {
    width: 49%;
}

.take-action {
    text-align: left;
}
.take-action h2 {
    font-size: calc(var(--size) * 1.4rem);
    width: 100%;
    font-weight: 600;
    background-color: var(--misc-gray);
    color: #fff;
    padding: 0.75rem;
    margin-bottom: 1rem;
}
.take-action h3 {
    font-size: calc(var(--size) * 1.4rem);
    font-weight: 700;
    font-style: italic;
    margin-bottom: 1rem;
    color: var(--light-red-);
}
.take-action h4 {
    font-size: calc(var(--size) * 1.2rem);
    font-weight: 700;
    margin-bottom: 1rem;
}
.take-action p a {
    text-decoration: underline;
}



@media (max-width: 767px) {
    /* Styles for screens up to 767px  */
    #gh-navigation .gh-navigation-brand {
        height: initial;
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
    }   
    a.cu-nav-title {
        width: -webkit-fill-available; 
    }
    #gh-navigation .nav {
        align-items: flex-start;
    }
    .cu-navigation-header {
        border-bottom: solid 5px var(--light-red);
        padding-bottom: 10px;
        flex-flow: row wrap;        
    }    
    .is-open .cu-navigation-header {
        border-bottom: none;
    }
    .cu-navigation-menu.cu-menu-inner {
        display: none;
    }
    .is-open .cu-navigation-menu.cu-menu-inner {
        display: initial;
        border-bottom: none;
    }
    .is-open .cu-navigation-menu.cu-menu-inner {
        border-bottom: none;
    }


    .cu-split {
        flex-flow: row wrap;
    }
    .cu-split > *:first-child {
        width: 100% !important;
    }
    .cu-split > *:last-child {
        width: 100% !important;
    }
}
@media (max-width: 499px) {
    .cu-footer-inner > div {
        align-items: center;
    }
    .slider-wrap article img {
        width: 100%;
        max-height: 400px;
    }
}
@media (max-width: 399px) {
    .cu-footer-inner > div {
        align-items: center;
    }
}