/*
 Theme Name:   Mediatopia
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Jeff Hamilton
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.2
*/

.overlay--bg {
	background-image: 
        /* Layer 1 (Top): The Vertical Fade (Black -> Transparent -> Stone) */
        linear-gradient(to bottom, rgba(0, 0, 0, 0.50), transparent, #d1bda7),
        
        /* Layer 2 (Bottom): The White Tint Overlay */
        linear-gradient(to left, rgba(209, 189, 167, 0.05), rgba(209, 189, 167, 0.15));

    /* These settings apply to the layers */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: normal;
}

.home--h1 {
	filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) 
            drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
}

.font-serif-vintage {
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
}


/* The Default State */
.custom--navbar {
    transition: all 0.5s ease;
    padding: 2rem 0;
    background-color: transparent;
}

/* The Animation State (jQuery adds this class) */
.custom--navbar.scrolled {
    background-color: #1C1917;
    padding: 1rem 0;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}
.custom--navbar .header--nav--text .menu-item {
 color: white !important; /* Dark Text */	
}

/* 1. Define the width of the scrollbar */
.awards-list::-webkit-scrollbar {
  width: 8px;
}

/* 2. Style the 'Thumb' (the moving part) to be Red */
.awards-list::-webkit-scrollbar-thumb {
  background-color: #991b1b; /* Your Brand Red */
  border-radius: 4px;        /* Makes it slightly rounded */
}

/* 3. Style the 'Track' (the background) */
.awards-list::-webkit-scrollbar-track {
  background: transparent;   /* Keeps the background clean */
}

/* 4. HIDE the Arrows (Top and Down buttons) */
.awards-list::-webkit-scrollbar-button {
  display: none;
}

.custom--navbar .header--nav--text .menu-item-object-custom .menu-item {
 color: white !important; /* white Text */	
}

/* --- 1. FOR CHROME, EDGE, SAFARI, & OPERA (Webkit) --- */

/* The total width of the scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

/* The background "track" behind the scrollbar */
::-webkit-scrollbar-track {
    background: #2b2b2b; /* Dark grey track */
}

/* The "Thumb" (The part you drag) - RED */
::-webkit-scrollbar-thumb {
    background-color: #a92424; /* Deep Red (Matches your button) */
    border-radius: 10px;       /* Makes it round */
    border: 3px solid #2b2b2b; /* Adds a border to make it look "floating" */
}

/* Hover effect (Optional: makes it brighter when you grab it) */
::-webkit-scrollbar-thumb:hover {
    background-color: #ff0000;
}

/* CRITICAL: This removes the top/bottom arrows */
::-webkit-scrollbar-button {
    display: none; 
    width: 0;
    height: 0;
}


/* --- 2. FOR FIREFOX --- */

html {
    /* thumb-color | track-color */
    scrollbar-color: #a92424 #2b2b2b; 
    
    /* "Thin" usually hides the arrows on modern Firefox/Windows */
    scrollbar-width: thin; 
}
.history--banner {
	    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4), rgb(245, 245, 244));
}

.gb-carousel-autoheight .gb-carousel-item {
	height: 100% !important;
}

.forminator-label {
	color: var(--background--color) !important;
	    letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	    line-height: 1rem !important;
}
.forminator-input,.forminator-textarea {
	background-color: #fafaf9 !important;
	border-color: #d6d3d1 !important;
}