/*
Theme Name: Rebuild PAM
Author: Phoebe Chen cy928@byu.edu
Description: Theme for rebuilding Performing Arts Management (PAM) site.
Version: 0.0
 */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');

@font-face {
font-family: 'Your Font Name';
src: url('fonts/your-font.woff2') format('woff2'),
        url('fonts/your-font.woff') format('woff'),
        url('fonts/your-font.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
  
/* For bold version */
@font-face {
font-family: 'Your Font Name';
src: url('fonts/your-font-bold.woff2') format('woff2'),
        url('fonts/your-font-bold.woff') format('woff'),
        url('fonts/your-font-bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
font-display: swap;
}

body {
  margin: 0;
  background: black;
}

/* Smart Slider 3 Font Override - Apply brandon-grotesque to all slider text */
/* Target Smart Slider 3 containers and text elements */
.n2-ss-slider-6,
.n2-ss-slider-6 *,
.n2-ss-slider-6 .n2-ss-layer,
.n2-ss-slider-6 .n2-ss-layer-content,
.n2-ss-slider-6 .n2-font-family-default,
.n2-ss-slider-6 h1,
.n2-ss-slider-6 h2,
.n2-ss-slider-6 h3,
.n2-ss-slider-6 h4,
.n2-ss-slider-6 h5,
.n2-ss-slider-6 h6,
.n2-ss-slider-6 p,
.n2-ss-slider-6 span,
.n2-ss-slider-6 div,
.n2-ss-slider-6 a,
.n2-ss-slider-6 .n2-ss-button {
    font-family: "brandon-grotesque", sans-serif !important;
}

/* Additional specific targeting for common Smart Slider elements */
#n2-ss-6,
#n2-ss-6 *,
#n2-ss-6 .n2-ss-layer,
#n2-ss-6 .n2-ss-layer-content,
#n2-ss-6 .n2-font-family-default,
#n2-ss-6 h1,
#n2-ss-6 h2,
#n2-ss-6 h3,
#n2-ss-6 h4,
#n2-ss-6 h5,
#n2-ss-6 h6,
#n2-ss-6 p,
#n2-ss-6 span,
#n2-ss-6 div,
#n2-ss-6 a,
#n2-ss-6 .n2-ss-button {
    font-family: "brandon-grotesque", sans-serif !important;
}

/* General Smart Slider 3 override (in case the slider ID class structure differs) */
.smartslider3,
.smartslider3 *,
.n2-ss-slider,
.n2-ss-slider *,
.n2-ss-slider .n2-ss-layer,
.n2-ss-slider .n2-ss-layer-content,
.n2-ss-slider .n2-font-family-default {
    font-family: "brandon-grotesque", sans-serif !important;
}