/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
    --site-bg: #480403;
    --white-bg: #FFFFFF;
}

.site-theme {
    background-color: var(--site-bg);
}

.hero-section h2 {
    /* From https://css.glass */
    background: rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 10px;
}

.btn-primary {
    background-color: var(--site-bg) !important;
    border: 1px solid var(--white-bg);
}

#header-wrap {
    background-color: var(--site-bg)
}

.is-expanded-menu .sticky-header #header-wrap {
    background-color: var(--site-bg)
}

.menu-link {
    color: #FFFFFF;
}

.menu-item.current > .menu-link {
    color: #FFFFFF;
}

#footer {
    background-color: var(--site-bg);
}

.i-plain {
    background-color: azure;
    border-radius: 50%;
    color: var(--site-bg) !important;
}

.cnvs-hamburger .cnvs-hamburger-inner {
    background-color: var(--white-bg) !important;
}

.cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after {
    background-color: var(--white-bg) !important;
}

h4 > span:not(.nocolor):not(.badge) {
    color: var(--site-bg);
}