/* 1. Warm Off-White Page Body & Content Background */
*, 
*::before, 
*::after, 
html, 
body, 
#main-wrapper, 
.wrapper, 
.content, 
.container, 
.container-fluid, 
section, 
div, 
article, 
footer, 
.card, 
.box {
  background-color: #fdfbf7 !important; /* Soft warm background */
  background-image: none !important;
}

/* 2. Primary Dark Text Styling */
p, span, h1, h2, h3, h4, h5, h6, a, li, label, td, th, div, b, strong {
  color: #1a1a1a !important; /* Deep dark text for contrast */
}

/* 3. Deep Maroon Header & Navigation */
header, 
nav, 
.header, 
.navbar, 
.top-header, 
.menu-area, 
[class*="header"], 
[class*="nav"] {
  background-color: #6b0014 !important; /* Deep maroon header background */
  background-image: none !important;
}

/* 4. Side Menu Drawer Background */
.offcanvas,
.offcanvas-body,
.offcanvas-header,
.offcanvas-collapse,
.side-menu,
.mobile-menu,
.mobile-menu-container,
.main-menu-wrapper,
#sidebar-wrapper,
[class*="offcanvas"],
[class*="drawer"],
[class*="sidebar"],
[class*="menu-wrap"] {
  background-color: #52000f !important; /* Dark maroon for side menu */
  background-image: none !important;
}

/* 5. Header, Menu & Navigation Text Color */
header a, nav a, .header a, .navbar a, .top-header a, 
header span, nav span, .menu a, .menu li, .menu span, 
.offcanvas a, .offcanvas span, .offcanvas li {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* 6. Login & Signup Header Buttons */
a[href*="login"], 
a[href*="signup"], 
a[href*="studentRegister"],
a[href*="register"],
.login-btn, 
.signup-btn, 
[class*="login"], 
[class*="signup"],
header a[href*="login"],
header a[href*="signup"],
header a[href*="studentRegister"] {
  background-color: #800018 !important; /* Rich red-maroon button background */
  color: #ffffff !important;
  padding: 8px 18px !important;
  border-radius: 4px !important;
  border: 1px solid #a3001f !important;
  display: inline-block !important;
  text-decoration: none !important;
  margin-left: 5px !important;
}

/* 7. FORCE HIDE ALL BROKEN EMBEDDED VIDEO LAYERS & ERRORS */
iframe,
video,
embed,
object,
.video-bg,
.video-wrapper,
.elementor-background-video-container,
.elementor-background-video-embed,
.rs-bg-video,
.rev_slider iframe,
.tp-caption video,
[class*="video-player"],
[class*="embed-responsive"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* 8. APPLY WORKING MOVIE CAMERA GIF TO SLIDER CONTAINER */
.slider,
.hero-slider,
.banner,
.hero-area,
.carousel,
.carousel-inner,
.carousel-item,
.swiper-slide,
.owl-stage-outer,
.elementor-section-wrap > section:first-of-type,
[class*="slider"],
[class*="carousel"],
[class*="banner"],
[class*="hero"] {
  background-image: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)), 
                    url('https://digifilming.com/academy/assets/images/Lens_aperture_opens_and_closes_20260911204558.gif') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  min-height: 750px !important;
}

/* Slider Text Styling */
.slider *,
.hero-slider *,
.carousel *,
[class*="slider"] *,
[class*="hero"] * {
  color: #ffffff !important;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.85) !important;
}

/* 9. Yellow/Gold SVG Icon Hover Effects */
svg, i, .fa, .fas, .far, .fab, [class*="icon"], [class*="fa-"] {
  transition: color 0.25s ease, fill 0.25s ease, stroke 0.25s ease !important;
}

svg:hover, i:hover, a:hover svg, button:hover svg, .btn:hover svg, 
a:hover i, button:hover i, .btn:hover i, [class*="icon"]:hover, 
header a:hover svg, nav a:hover svg {
  color: #ffcc00 !important;   /* Yellow/Gold icon color */
  fill: #ffcc00 !important;
  stroke: #ffcc00 !important;
  background-color: transparent !important;
}

svg:hover path, a:hover svg path, button:hover svg path, .btn:hover svg path {
  fill: #ffcc00 !important;
  stroke: #ffcc00 !important;
}

/* 10. Hover States (Gold/Amber Highlights) */
header a:hover, 
nav a:hover, 
.header a:hover, 
.navbar a:hover, 
.menu a:hover,
.offcanvas a:hover,
a[href*="login"]:hover, 
a[href*="signup"]:hover, 
a[href*="studentRegister"]:hover,
.login-btn:hover, 
.signup-btn:hover {
  background-color: #e6a100 !important; /* Gold/Amber highlight on hover */
  color: #1a1a1a !important;            /* Dark text on hover */
  border-color: #c48900 !important;
  cursor: pointer !important;
}

/* 11. Buttons Base Styling */
button, .btn, a.btn, input[type="submit"], input[type="button"], .btn-primary, .btn-secondary {
  background-color: #6b0014 !important; /* Maroon button */
  color: #ffffff !important;
  border: 1px solid #800018 !important;
  transition: all 0.25s ease-in-out !important;
}

button:hover, .btn:hover, a.btn:hover, input[type="submit"]:hover, input[type="button"]:hover, .btn-primary:hover {
  background-color: #e6a100 !important; /* Gold hover */
  color: #1a1a1a !important;
  border-color: #c48900 !important;
  cursor: pointer !important;
}


.demo-class-fixed { 
    position: fixed; 
    top: 50%; 
    background-color: #800018 !important;
    z-index: 99; 
    -webkit-transform: rotate(270deg); 
    -moz-transform: rotate(270deg); 
    -o-transform: rotate(270deg); 
    writing-mode: lr-tb; 
    left: -33px; 
    padding: 9px; 
    color: #ffffff !important;
}

.demo-class-fixed a {  color: #ffffff !important;  background: transparent !important; background-color: transparent !important;}
.logo,.main-logo{    background-color: transparent !important;}
.head-action {background: transparent !important;}
.menu-icon{background: transparent !important;}