/* Coida Custom Fonts */

/* Custom Hess Gothic Round Font Faces */
@font-face {
    font-family: 'Hess Gothic Round NF';
    src: url('../fonts/fonnts.com-Hess_Gothic_Round_NF_W01_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hess Gothic Round NF';
    src: url('../fonts/fonnts.com-Hess_Gothic_Round_NF_W01_Rg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hess Gothic Round NF';
    src: url('../fonts/fonnts.com-Hess_Gothic_Round_NF_W01_Thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Font Variables */
:root {
    --font-headlines: 'Hess Gothic Round NF', Arial, sans-serif;
    --font-subtitles: 'Montserrat', 'Nunito', sans-serif;
    --font-body: 'Lora', Georgia, serif;
    --font-buttons: 'Rubik', Arial, sans-serif;
}

/* Headlines - Hess Gothic Round NF Bold */
h1, h2, h3, h4, h5, h6,
.logo h1,
.section-heading h2,
.section-heading h6,
.main-banner h2,
.service-item h4,
.team-member h4,
.events_item h4 {
    font-family: var(--font-headlines) !important;
    font-weight: bold !important;
}

/* Subtitles - Montserrat */
.category,
.author,
.team-member .category,
.testimonials .category,
.accordion-button,
.nav li a,
.section-heading h6 {
    font-family: var(--font-subtitles) !important;
    font-weight: 600 !important;
}

/* Long-form reading - Lora */
p,
.accordion-body,
.testimonials p,
.main-banner p,
.service-item p,
.section-heading p,
.contact-us p,
footer p {
    font-family: var(--font-subtitles) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* Buttons - Rubik */
.main-button a,
.orange-button,
button,
.btn,
input[type="submit"],
input[type="button"] {
    font-family: var(--font-buttons) !important;
    font-weight: 500 !important;
}

/* Logo specific styling */
.logo h1 {
    font-size: 2.2rem !important;
    font-weight: bold !important;
    color: white !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Navigation fonts */
.main-nav .nav li a {
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Banner headline styling */
.main-banner h2 {
    font-size: 3.5rem !important;
    font-weight: bold !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.3);
    margin-bottom: 20px !important;
}

/* Section headings */
.section-heading h6 {
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin-bottom: 15px !important;
}

.section-heading h2 {
    font-size: 2.8rem !important;
    font-weight: bold !important;
    margin-bottom: 25px !important;
}

/* Service item headings */
.service-item h4 {
    font-size: 1.4rem !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
}

/* Course/Event headings */
.events_item h4 {
    font-size: 1.2rem !important;
    font-weight: bold !important;
    margin-top: 10px !important;
}

/* Team member names */
.team-member h4 {
    font-size: 1.3rem !important;
    font-weight: bold !important;
    margin-top: 10px !important;
}

/* Counter numbers */
.counter h2 {
    font-family: var(--font-headlines) !important;
    font-weight: bold !important;
    font-size: 3rem !important;
}

/* Form inputs */
input, textarea, select {
    font-family: var(--font-body) !important;
    font-size: 14px !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .main-banner h2 {
        font-size: 2.5rem !important;
    }
    
    .section-heading h2 {
        font-size: 2.2rem !important;
    }
    
    .logo h1 {
        font-size: 1.8rem !important;
    }
}