/**
 * Theme Name: Hello RISE
 * Template: hello-elementor
 * Description: A starter theme for RISE Results projects
 * Author: RISE Results
 * Author URI: https://www.riseresults.com
 * Text Domain: hello-rise
 * Version: 1.0
 * Tested up to: 6.7.1
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

/* Global CSS Variables */
:root {
    /* Core Brand Colors */
    --e-global-color-primary: #468DC8; /* Primary */
    --e-global-color-primary-subtle: #A2C5E2; /* Primary Subtle */
    --e-global-color-secondary: #ED4D36; /* Secondary */
    --e-global-color-secondary-subtle: #F4A49A; /* Secondary Subtle */

    /* Neutral Colors */
    --e-global-color-text: #2E232A; /* Main Text */
    --e-global-color-neutral-dark: #001B2E; /* Neutral Dark */
    --e-global-color-neutral-light: #EBF7FF; /* Neutral Light */

    /* Interactive States */
    --e-global-color-focus: #003D66; /* Focus */
    --e-global-color-hover: #33ADFF; /* Hover */

    /* Overlay */
    --e-global-color-overlay: rgba(46, 35, 42, 0.14); /* Overlay */

    /* Global Fonts */
    --heading-font: 'Barlow Light', sans-serif; /* Headings */
    --body-font: 'Open Sans', sans-serif; /* Body Text */
    --button-font: 'Roboto', sans-serif; /* Buttons */
}
/* Global Typography */
html {
    font-size: 16px; /* Sets the base font size */
}
body {
    font-family: var(--body-font);
    color: var(--text-color);
    background-color: var(--neutral-light-color);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}



h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    color: var(--text-color);
    margin-bottom: 1rem;
}

a {
    color: var(--primary-color);
    text-decoration: none;
}

a:hover {
    color: var(--hover-color);
}

/* Buttons */
button, .button {
    font-family: var(--button-font);
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color 0.3s;
}

button:hover, .button:hover {
    background-color: var(--hover-color);
}

button:focus, .button:focus {
    outline: 2px solid var(--focus-color);
}

/* Form Elements */
input, textarea, select {
    border: 1px solid var(--neutral-dark-color);
    padding: 10px;
    border-radius: 5px;
    font-family: var(--body-font);
    color: var(--text-color);
    background-color: #fff;
    transition: border-color 0.3s;
}

input:focus, textarea:focus, select:focus {
    border-color: var(--focus-color);
    outline: none;
}

/* Alerts/Feedback */
.alert-success {
    background-color: var(--hover-color);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

.alert-error {
    background-color: var(--secondary-color);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}

/* Cards/Containers */
.card {
    background-color: #fff;
    border: 1px solid var(--neutral-light-color);
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.card-header {
    font-family: var(--heading-font);
    color: var(--primary-color);
}

.card-body {
    font-family: var(--body-font);
    color: var(--text-color);
}

/* Overlay */
.overlay {
    background-color: var(--overlay-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none; /* Toggle to `block` to show overlay */
}


#elementor-panel-category-pro-elements {
    display: none !important;
}