:root {
    --christmas23-font-fam: dolce, sans-serif;
    --christmas23-font-fam-sec: proxima-nova, sans-serif;
    --christmas23-col-acc: #d1a791;
    --christmas23-col-sec: #8f471f;
    --christmas23-col-pri: #f3ebe1;
}




/* ==== LANDING BACKGROUND IMG ==== */
.christmas23-intro-img:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: -10;
    
    background-image: url(../../images/christmas23_intro-banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: screen;
}

/* ==== TYPOGRAPHY ==== */
.christmas23-title {
    font-family: var(--christmas23-font-fam);
    font-weight: 400;
    font-size: 4.5rem;
    color: var(--christmas23-col-pri);

    line-height: 4.5rem;
    padding: 0 2vw;
}
    @media (min-width: 687px) {
        .christmas23-title {
            font-size: 10rem;

        }
    }

p {
    font-family: var(--christmas23-font-fam-sec);
    font-size: 1.05rem;
}

.bold {
    font-weight: 800;
}

.christmas23-header {
    text-transform: uppercase;
    text-align: center;
}

.christmas23-header h3 {
    text-transform: none;
}

.christmas23-header p {
    text-transform: none;
    font-weight: 500;
}

/* ==== TEXT COLOURS ==== */
.hyperlink, .bold {
    color: var(--christmas23-col-pri);
}
    
.button a, #toplink, .medium, .aside-header, .gal-filter li:hover, .head-font, .christmas23-header, .about-text h3 {
    color: var(--christmas23-col-acc);
}

.gn a, p, .is-selected, .force-dark:hover, .christmas23-title, .about-text p, .button p, .button:hover p, .christmas23-header p, .christmas23-verse-box p, .land-ack p, .aside-header, .byline, .insta-call, .insta-call a, .social a:hover, .hyperlink:hover, .gal-filter, .gal-select {
    color: var(--christmas23-col-sec);
}

/* ==== BACKGROUND COLOURS ==== */
.top-gn, .button, .footer {
    background-color: var(--christmas23-col-acc);
}

#galleryhd, .pullout-panel {
    background-color: var(--christmas23-col-pri);
}

/* ==== BORDER COLOURS ==== */
.mediums-list, .fil-medium {
    border-color: var(--christmas23-col-acc);
}

.button:hover {
    border: var(--christmas23-col-acc) solid 4px;
}

hr {
    border: var(--christmas23-col-acc) solid .25px;
}

/* ==== FLG65 ==== */

.flg65-aside {
    padding-top: 0vh;
}

.flg65-left {
    text-align: left;
    font-family: var(--christmas23-font-fam);
    line-height: 1.65rem;
    font-size: 1.75rem;
}

.flg65-centre {
    text-align: center;
    font-family: var(--christmas23-font-fam);
    line-height: 1.65rem;
    font-size: 1.75rem;
}

.flg65-centre span {
    font-family: var(--christmas23-font-fam-sec);
    font-size: initial;
    color: var(--christmas23-col-acc)
}

.flg65-right {
    text-align: right;
    font-family: var(--christmas23-font-fam);
    line-height: 1.65rem;
    font-size: 1.75rem;
}

.flg65-dblreturn {
    margin-bottom: 2rem;
}
    @media (max-width: 687px) {
        .flg65-dblreturn {
            margin-bottom: 7vh;

        }
    }

.flg65-medium {
    margin-top: 2rem;
}

.flg65-bioimg img {
    width: 10vw;
}
    @media (min-width: 480px) {
        .flg65-bioimg img {
            width: 20vw
        }
    }
    @media (min-width: 1080px) {
        .flg65-bioimg img {
            width: 12vw
        }
    }
    @media (min-width: 1600px) {
        .flg65-bioimg img {
            width: 10vw
        }
    }