/* ShootingUK Site-Specific Fonts */

/* Gelasio Font Family - For Primary Headlines (h1) */
@font-face {
    font-family: 'Gelasio';
    src: url('../fonts/Gelasio Regular 400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('../fonts/Gelasio Italic 400.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('../fonts/Gelasio Medium 500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('../fonts/Gelasio Medium Italic 500.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('../fonts/Gelasio SemiBold 600.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('../fonts/Gelasio SemiBold Italic 600.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('../fonts/Gelasio Bold 700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gelasio';
    src: url('../fonts/Gelasio Bold Italic 700.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}



/* Roboto Font Family - For Body Copy */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* Font Assignments - Using high specificity to override #app * { font-family: 'Proxima Nova' !important; } */

/* Primary Headlines - Gelasio */
#app h1.h1,
#app h2.h2 {
    font-family: 'Gelasio', serif !important;
    font-weight: 700 !important;
}

#app h1 {
    font-family: 'Gelasio', serif !important;
    font-weight: 700 !important;
}

#app h2 {
    font-family: 'Gelasio', serif !important;
    font-weight: 700 !important;
}

/* Secondary Headers - Roboto */
#app h3,
#app h4,
#app h5,
#app h6 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 500 !important;
}

#app h2.hero-heading-banner-h2 {
    font-family: 'Gelasio', serif !important;
    font-weight: 700 !important;
}

/* Body Copy - Roboto */
#app {
    font-family: 'Roboto', sans-serif !important;
}

#app p {
    font-family: 'Roboto', sans-serif !important;
}

#app div {
    font-family: 'Roboto', sans-serif !important;
}

#app span {
    font-family: 'Roboto', sans-serif !important;
}

#app a {
    font-family: 'Roboto', sans-serif !important;
}

#app li {
    font-family: 'Roboto', sans-serif !important;
}

#app td {
    font-family: 'Roboto', sans-serif !important;
}

#app th {
    font-family: 'Roboto', sans-serif !important;
}

#app label {
    font-family: 'Roboto', sans-serif !important;
}

#app input {
    font-family: 'Roboto', sans-serif !important;
}

#app textarea {
    font-family: 'Roboto', sans-serif !important;
}

#app select {
    font-family: 'Roboto', sans-serif !important;
}

#app button {
    font-family: 'Roboto', sans-serif !important;
}

/* Ensure specific elements use Roboto */
#app .wysiwyg-content {
    font-family: 'Roboto', sans-serif !important;
}

#app .wysiwyg-content p {
    font-family: 'Roboto', sans-serif !important;
}

#app .wysiwyg-content div {
    font-family: 'Roboto', sans-serif !important;
}

#app .wysiwyg-content span {
    font-family: 'Roboto', sans-serif !important;
}

#app .wysiwyg-content li {
    font-family: 'Roboto', sans-serif !important;
}

/* News Post Titles in Blocks - Gelasio */
#app .latest-posts-block h3 {
    font-family: 'Gelasio', serif !important;
    font-weight: 600 !important;
}

#app .latest-posts-block .post-title {
    font-family: 'Gelasio', serif !important;
    font-weight: 600 !important;
}

#app .latest-posts-block a h3 {
    font-family: 'Gelasio', serif !important;
    font-weight: 600 !important;
}

/* Author Information in Latest News Posts */
/* "By" text - Roboto */
#app .latest-posts-block h6 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

/* Author names - Gelasio */
#app .latest-posts-block h6 a {
    font-family: 'Gelasio', serif !important;
    font-weight: 500 !important;
}

#app .latest-posts-block h6 span {
    font-family: 'Gelasio', serif !important;
    font-weight: 500 !important;
}