@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700;800&display=swap');

@font-face {
    font-family: "Conthrax";
    src: url("../fonts/conthrax.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}

:root {
    --aerobugs-body-font-family: "Source Sans 3", sans-serif;
    --aerobugs-heading-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --aerobugs-brand-font-family: "Conthrax", var(--aerobugs-heading-font-family);
    --aerobugs-brand-aero-colour: #ff4d9b;
}

html {
    overflow-y: scroll;
}

body.modal-open {
    padding-right: 0 !important;
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: var(--aerobugs-body-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--aerobugs-heading-font-family);
}

.aerobugs-navbar-brand {
    font-family: var(--aerobugs-brand-font-family);
    font-size: 1rem;
    letter-spacing: 0.04em;
    text-transform: none;
}

.aerobugs-navbar-brand .aerobugs-brand-aero {
    color: var(--aerobugs-brand-aero-colour);
}

.aerobugs-navbar-brand .aerobugs-brand-bugs {
    color: #ffffff;
}