:root {
/*    --font-sans: "Mona Sans", sans-serif;*/
/*    --font-sans: Quinlon-Variable, Helvetica, Arial, sans-serif;
    --font-serif: Quinlon-Variable, Georgia, Times, serif;    
    --gh-font-heading: Quinlon-Variable;
    --gh-font-body: Quinlon-Variable;*/
   --font-sans: "Mona Sans", Arial, Helvetica, sans-serif;
   --font-serif: "Mona Sans", Arial, Helvetica, sans-serif;
   --gh-font-heading: Arial, Helvetica, sans-serif;
   --gh-font-body: "Mona Sans", Arial, Helvetica, sans-serif;
}

body.page-contact,
body.page-calendar {
    background-color: #f5e6f6;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;;
}
.gh-header-primary {
    font-size: calc(clamp(2rem, 5.4vh + 0.8rem, 7.2rem) * var(--font-multiplier, 1));
    line-height: 1.0;
}
.gh-header-secondary {
    font-size: calc(2.0rem * var(--font-multiplier, 1));
    line-height: initial;
}

.gh-head {
    height: initial;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /* background-color: rgba(212, 212, 212, .7) !important; */
    background-color: rgba(255, 255, 255, 1) !important;
}
.gh-head-brand button,
.gh-head nav li button,
.gh-head nav li a {
    color: #000 !important;
} 
.gh-header-content {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;    
}
.gh-head-logo img {
    min-width: 2rem;
    max-height: 50px;
}

.cu-header-wrap {
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    background-color: rgba(96, 96, 96, .7);
    padding: 1.0rem 1.25rem;
    text-shadow: 0 0 4px #000;
    width: 60vw;
}

.gh-pre-footer-list {
    padding: 1.6rem 0;
}
.gh-pre-footer-list h3 {
    color: #fff;
}
.gh-pre-footer-list p {
    font-size: 1.3rem;
    line-height: 1.4rem;
    margin-top: 2px;
}

.gh-cta-inner {
    padding: 2rem;
}

.iframe-wrap {
    width: 66vw;
    min-width: 300px;
    margin: auto;
    z-index: 9999;
}
.iframe-wrap iframe {
    width: 100%;
    border: none;
}

.cu-header-wrap p {
    font-weight: 600;    
}

.gh-list-item-content {
/*    background-color: #e8e8e8; */
    height: fit-content;
    margin: 0;
    padding: 0 0 0 2rem;
}
.gh-list-item-content > div {
    padding: 0.25rem 1rem 0.75rem 1rem;
    background-color: #666;
    color: #fff;
}
.gh-list-item-content > div h2 {
    color: #fff;
}
.gh-list-item-content > span {
    margin-top: 0.75rem;
}
.gh-list-item-content p  {
    line-height: calc(2rem * var(--font-multiplier, 1));
    -webkit-line-clamp: 3;
}
.gh-list-item-published-at {
    font-size: 1.25rem;
    font-weight: 400;
}
.gh-list-item-image {
    flex-shrink: 0 !important;
}

.gh-list-item-content:before {
    content: "";
    font-size: 0;
    left: initial;
    position: initial;
    top: initial;
    z-index: initial;
}

.gh-list-item-content:after {
    content: "";
    align-items: center;
    background-color: initial;
    color: #fff;
    display: initial;
    font-weight: initial;
    height: initial;
    line-height: initial;
    padding: initial;
    position: absolute;
    top: initial;
}

.gh-list-item-content-button {
    align-items: center;
    background-color: var(--ghost-accent-color);
    color: #fff;
    display: block;
    padding: 1rem 2rem;
    width: fit-content;
    font-family: arial;
    font-size: 1.5rem;
    font-weight: 700;
}

.gh-list-item-inner {
    background-color: #fff0f0;
    border: 4px solid #666;
    box-shadow: 3px 3px 5px #f8e0f0;
}
.gh-list-item-inner > div {
/*    background-color: #eee;*/
    display: flex;
/*    background-color: #666; */
    margin-bottom: 0.75rem;
}
.gh-pre-footer-list+.gh-archive {
    margin: 4rem 0 2rem 0;
}
.gh-archive-inner.gh-inner {
    display: flex;
}
section.gh-archive {
    margin: 3rem 0 1.5rem 0;
}
.gh-list-simple .gh-list-feed,
.gh-list-feed {
    gap: 4rem !important;
}
.cu-split .gh-list-simple .gh-list-feed,
.cu-split .gh-list-feed {
    gap: 2rem !important;
}
.cu-split .gh-list-item-image {
    width: 200px;
    height: 200px;
}
.cu-split .gh-list-item-inner {
    padding: 1.5rem;
    gap: 1.5rem;
}
.cu-split .gh-list-item-content {
    padding: 0 0 0 1.5rem;
}
.cu-split .gh-list-item-excerpt {
    font-size: calc(1.5rem * var(--font-multiplier, 1));
    line-height: calc(1.9rem * var(--font-multiplier, 1));
    margin-bottom: 0.75rem;
}
.cu-split .gh-list-item-published-at {
    font-size: 1.2rem;
    margin-bottom: 0.75rem;
}

.cu-split {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 2rem;
    padding: 0 2rem;
    gap: 2rem;
}
.cu-split .gh-outer {
    padding-left: 0;
    padding-right: 0;
}
.cu-wrap {
    flex-flow: row wrap;    
}
.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: 50%;
}
.cu-wrap.cu-50 > * {
    width: 50%;
}
.cu-main-list h1 {
    text-transform: capitalize;    
}
.gh-head {
    height: 67px;
}
.main-stack {
    height: calc(100vh - 67px);
    display: flex;
    flex-flow: column;
    overflow: hidden;
}
.gh-header.has-background-image {
    flex: 1 1;
    min-height: initial;
    max-height: 100%;
}

.feature-wrap {
    width: fit-content;
    position: relative;
    color: #fff;
    max-height: 640px;
    overflow: hidden;
}
.feature-wrap figure {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(96, 96, 96, .8);
    padding: 1.0rem 1.25rem;
    text-shadow: 0 0 4px #000;
    width: 60%;
    min-width: 300px;
    color: #fff
}
.feature-wrap figure h1 {
    color: #fff
}
.feature-wrap figure time,
.feature-wrap figure a {
    color: #fff;
    display: block;
    font-weight: 600;
}
.feature-wrap figure time{
   font-size: calc(1.2rem * var(--font-multiplier, 1));
}
.feature-wrap figure a {
    font-size: calc(1.5rem * var(--font-multiplier, 1));
}
.gh-article {
    padding-top: 0;
}
.gh-article-meta {
    flex-flow: column;
    gap: 0;
    margin-top: 0.5rem;
}
.gh-article-meta:not(:empty) {
    margin-bottom: 0;
}
.feature-wrap .article-tags {
    gap: 0.5rem;
}
.feature-wrap .article-tags span {
    display: flex;
    flex-flow: row;
    gap: 0.125rem;    
}
.all-items .gh-list-item-primary-tag {
    margin-top: 0.5rem;
    font-size: calc(1.7rem*var(--font-multiplier, 1))    
}
.all-items .gh-list-item-published-at,
.all-items .gh-list-item-primary-author {
    width: 100%;
    text-align: right;
    margin-right: 2rem;
    order: initial;
    margin-top: 0.5rem;
    margin-bottom: 0;
}
.all-items .gh-list-item-content > div {
    display: flex;
    flex-flow: column;
}
.page-template .gh-article-header {
    margin-top: 3rem;
}

.gh-foot-inner {
    gap: 1rem;
}
.gh-foot.gh-outer {
    background-color: #fff;
    color: #808;
    margin: 2rem 0 0 0;
    padding: 2rem;
    font-weight: 400;
}
.gh-foot.gh-outer nav a,
.gh-foot.gh-outer div {
   color: #808;
   font-size: calc(1.2rem * var(--font-multiplier, 1));
}
.gh-foot.gh-outer nav a {
   font-weight: 700;
   font-size: calc(1.6rem * var(--font-multiplier, 1));
}

.social-media ul {
    list-style-type: none;
    margin: 0;
    padding: 0;   
    display: flex;
    flex-flow: row wrap;
    gap: 2rem;
    justify-content: center;
}
.social-media ul li a {
    font-size: 3rem;
    height: 40px;
}
.social-media ul li a.nav-facebook {
    color: #1877F2;
}
.social-media ul li a.nav-instagram {
    color: #E4405F;
}
.social-media ul li a.nav-bluesky {
    color: #1DA1F2;
}
.social-media ul li a.nav-tiktok {
    color: #000;
}

@media (max-width: 767px) {
    .iframe-wrap {
        width: 90vw;
    }
    .gh-list-item-content {
        margin-left: 0;
        padding-left: 0;
    }
    .gh-list-item-inner {
        padding: 1rem;
        background-color: #fff;
    }
    .gh-list-item-inner > div {
        display: flex;
        flex-flow: row wrap;
    }
    .gh-list-item-inner img {
        border: 12px solid #666;
    }
    .gh-outer {
        padding-left: 0;
        padding-right: 0;
    }
    .gh-list-item-inner {
        border: none;
    }
    .gh-head {
        padding: 1rem;
    }
    .gh-archive-title {
        font-size: calc(3rem * var(--font-multiplier, 1));
        padding: 0 1rem;
    }
    .gh-pre-footer-list+.gh-archive {
        margin: 3.5rem 0 1.5rem 0;
    }
    section.gh-archive {
        margin: 2rem 0 1rem 0;
    }
    .gh-list-simple .gh-list-feed,
    .gh-list-feed {
        gap: 2rem !important;
        row-gap: 2rem !important;
        column-gap: 2rem !important;
    }
    .cu-split {
        flex-flow: row wrap;
    }
    .cu-split > *:first-child {
        width: 100% !important;
    }
    .cu-split > *:last-child {
        width: 100% !important;
    }
    .cu-split .gh-list-item-image {
        width: 100%;
        height: unset;
    }
    .cu-split .gh-list-item-content {
        padding-left: 0;
    }
    #gh-head .gh-head-brand {
        height: 47px;
    }    
    .feature-wrap figure {
        width: 100%;
    }
    .gh-article {
        padding-top: 2rem;
    }    
}  

@media (max-width: 500px) {
  /* phones */
    .cu-header-wrap {
        width: 100%;
    }
    .gh-pre-footer-list {
        display: block;
        text-align: center;
        padding-bottom: 0.5rem;;
    }
    .gh-pre-footer-list a {
        display: flex;
        max-width: 70vw;
        margin: auto;
        padding-bottom: 1rem;
    }
    .gh-pre-footer-list div {
        font-size: 1rem;
        text-align: left;
    }
    .gh-pre-footer-list div h3 {
        font-size: 1.5rem;
        padding-bottom: 0.25rem;
    }
    #gh-head {
        height: 76px;
    }

}