/* ==== A CHRISTMAS ART EXHIBIT
    background-color: #182945;
	background-color: #f4bf54;
==== */

/* ==== LANDING BACKGROUND IMG ==== */
    .christmas22-intro-img {
        background-image: url(../../images/christmas22_intro-banner.jpg);
        background-position: top left;
        background-size: cover;
        background-repeat: no-repeat;
        background-blend-mode: overlay;
    }

/* ==== TYPOGRAPHY ==== */
    .christmas22-title {
        font-family: nautica, sans-serif;
        font-weight: 400;
        font-size: 3.5rem;

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

            }
        }

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

    .christmas22-byline {
        text-align: center;
    }

/* ==== TEXT COLOURS ==== */
    .christmas22-intro-img, .hyperlink, .gal-filter li:hover, .is-selected {
        color: #ffff;
    }
        
    .chrstmas22-title, .gal-filter, .gal-select, .pullout-panel, #toplink, .hyperlink:hover, .button:hover p, .social a:hover, .insta-call {
        color: #f4bf54;
    }
    
    .gn a, .button, .button a {
        color: #182945;
    }

/* ==== BACKGROUND COLOURS ==== */
    .top-gn, .button {
        background-color: #f4bf54;
    }

    .christmas22-intro-img, #galleryhd, .pullout-panel, .footer {
        background-color: #182945;
    }

/* ==== BORDER COLOURS ==== */
    .mediums-list, .fil-medium {
        border-color: #f4bf54;
    }
    
    .button:hover {
        border: #f4bf54 solid 4px;
    }