/* EVOAQ NEW SITE — LIVE TYPOGRAPHY & BRAND COLOURS
   Matched to the supplied live EVOAQ site.
   Queen of Camelot is intentionally not used. */

@font-face {
    font-family: "EVOAQfont Italic";
    src: url("../socicon/fonts/evoaq.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "EVOAQfont Regular";
    src: url("../socicon/fonts/evoaq.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Live EVOAQ brand palette */
:root {
    --evoaq-green: #009933;
    --evoaq-blue: #336699;
    --evoaq-red: #cc0000;
    --evoaq-purple: #993399;
    --evoaq-grey: #333333;
    --evoaq-darkgrey: #333333;
}

/* The live site uses Rubik for normal page typography. */
html, body {
    font-family: "Rubik", sans-serif !important;
    color: #232323;
}

h0, h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4, .display-5,
.display-6, .display-7 {
    font-family: "Rubik", sans-serif !important;
    font-weight: 300;
}

/* EVOAQ lettering only uses the custom EVOAQ typeface. */
.evoaq-font,
.evoaq-logo,
.evoaq-brand,
.evoaq-box-font {
    font-family: "EVOAQfont Italic", sans-serif !important;
}

/* Brand colours */
.evoaq-green { color: #009933 !important; }
.evoaq-blue { color: #336699 !important; }
.evoaq-red { color: #cc0000 !important; }
.evoaq-purple { color: #993399 !important; }
.evoaq-grey,
.evoaq-darkgrey { color: #333333 !important; }

/* Match the live site's dark-grey navigation rather than the temporary navy. */
.navbar,
.navbar-dropdown {
    background-color: #333333 !important;
}

/* Keep navigation text white. */
.navbar .nav-link,
.navbar .navbar-caption,
.navbar .dropdown-item {
    color: #ffffff !important;
}

/* Live EVOAQ green for the primary shop CTA. */
.btn-shop,
.nav-button.btn-success {
    background-color: #009933 !important;
    border-color: #009933 !important;
    color: #ffffff !important;
}

/* Hero headings: only EVOAQ is custom; the rest remains light Rubik. */
.mbr-section-title,
.mbr-section-title.display-2 {
    font-family: "Rubik", sans-serif !important;
    font-weight: 300 !important;
    color: #333333;
}

.mbr-section-title .evoaq-font {
    font-family: "EVOAQfont Italic", sans-serif !important;
    font-weight: normal !important;
}

.hero-subtitle,
.page-hero p {
    font-family: "Rubik", sans-serif !important;
    font-weight: 300 !important;
}

/* Keep ordinary section headings readable and close to the live site. */
section h2, section h3 {
    font-family: "Rubik", sans-serif !important;
}

/* Do not accidentally apply the EVOAQ typeface to whole paragraphs or headings. */
p, li, td, th, label, input, textarea, select, button {
    font-family: "Rubik", sans-serif;
}