.custom-logo {
    width: 400px !important;
    max-width: 100% !important;
    height: auto !important;
}
/* ========================================
   CATHERINE HALLISSEY BRAND STYLES
   ======================================== */

/* BRAND COLOURS
   Deep Blue:     #264653
   White Rock:    #F9F5EC
   Sky Blue:      #B8D1E4
   Green Mist:    #B0CCBA
   Tickle Me Pink:#F7BAAB
   Bitter Yellow: #D9D5A5
*/


/* --- MAIN SITE --- */

body {
    background-color: #F9F5EC;
    color: #264653;
    font-family: "Imprima", sans-serif;
}


/* --- BODY TEXT --- */

p,
li {
    font-family: "Imprima", sans-serif;
    color: #264653;
    line-height: 1.4;
}


/* --- HEADINGS --- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Averia Libre", serif;
    color: #264653;
    font-weight: 400;
}


/* --- MAIN DISPLAY / H1 --- */

h1 {
    font-weight: 700;
}


/* --- LINKS --- */

a {
    color: #264653;
}


/* --- BUTTONS --- */

button,
input[type="button"],
input[type="submit"],
.button,
.btn {
    font-family: "Imprima", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.07em;
}


/* --- FORMS --- */

input,
textarea,
select {
    font-family: "Imprima", sans-serif;
    color: #264653;
}


/* --- NAVIGATION --- */

nav,
nav a,
.menu,
.menu a {
    font-family: "Imprima", sans-serif;
}


/* --- QUOTES --- */

blockquote {
    font-family: "Imprima", sans-serif;
    color: #264653;
    line-height: 1.4;
}
/* Keep ALL button text cream on hover/focus */
button:hover,
button:focus,
button:hover *,
button:focus *,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
a.button:hover,
a.button:focus,
a.button:hover *,
a.button:focus *,
.button:hover,
.button:focus,
.button:hover *,
.button:focus *,
.btn:hover,
.btn:focus,
.btn:hover *,
.btn:focus * {
    color: #F9F5EC !important;
}
/* FIX: Keep button text visible on hover */

.wp-block-button__link,
.wp-block-button__link:visited,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.wp-block-button__link:active {
    color: #F9F5EC !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #F9F5EC !important;
}

/* Also cover theme/plugin buttons */

a[class*="button"],
a[class*="button"]:hover,
a[class*="button"]:focus,
a[class*="button"]:active {
    color: #F9F5EC !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: #F9F5EC !important;
}