/*
====================================
  GLOBAL COLOR SWAP AND FIXES
  
  Primary Accent: #9F2CE7 
  Hover Accent:   #721eab 
  Dark Background:  #110045
====================================
*/

/* 1. ALIGNMENT FIX: PIXEL-PERFECT MARGIN NUDGE (Keeping current settings) */
.logo-alignment-fix { 
    /* This margin pushes the form column to the right to align with the logo/menu area. */
    margin-left: 20px !important; 
    /* This padding ensures the content has standard internal spacing */
    padding-left: 10px !important;
}
/* Ensure old custom class rules are removed */
.final-form-fix {
    padding-left: 0 !important;
}


/* 2. TEXT COLOR SWAP */
.default-color,              
.tp-caption a,               
a:hover {                    
    color: #9F2CE7 !important; 
}
/* Force the social media icons in the side menu to turn dark on hover */
.side .social-media a:hover {
    color: #110045 !important;
}


/* 3. BACKGROUND/SHAPE COLOR SWAP */
.btn-color,                  
.text-bottom-line-sm:after,  
.bg-color,                   
.title-line-sm:after {       
    background-color: #9F2CE7 !important;
    border-color: #9F2CE7 !important;
}


/* 4. BUTTON STYLES & HOVER FIX (General Button) */
.btn-color {
    border-color: #9F2CE7 !important; 
}

.btn-color:hover {
    /* Use the specified Hover Accent color: #721eab */
    background-color: #721eab !important; 
    border-color: #721eab !important;
}

/* Ensure the generic light outline button uses the primary color */
.btn-light-outline {
    border-color: #9F2CE7 !important; 
    color: #9F2CE7 !important;       
}


/* 5. DARK BACKGROUND SWAP (For contact, footer, etc.) */
.dark-bg,                   
.footer-wrap,               
.site-footer,               
footer,                     
footer.dark-bg,             
.copyright-bar {            
    background-color: #110045 !important;
}


/* 6. DEFINITIVE FIX FOR #READY SECTION BACKGROUND (COLOR SET TO #110045) */

/* 6.A: Target the main section element and force solid background */
#ready,
#ready.parallax-bg,
#ready.fixed-bg,
.parallax-bg.fixed-bg { 
    background: #110045 !important; 
    background-color: #110045 !important; 
    background-image: none !important; 
}

/* 6.B: Target the PARALLAX-SPECIFIC INNER DIVS (Prevents JS/Theme Overlays) */
#ready .parallax-layer,
#ready .fixed-layer,
#ready:before, 
#ready:after { 
    background: #110045 !important;
    background-color: #110045 !important;
    background-image: none !important;
}

/* 7. FIX FOR INPUT FIELD BORDERS (Contact Form) */
.md-input:focus,
.md-textarea:focus,
.md-input.style-02:focus,
.md-textarea.style-02:focus,
.md-input.style-02, 
.md-textarea.style-02 {
    border-color: #9F2CE7 !important;
    color: #FFFFFF !important; 
}

/* 8. FIX FOR REVOLUTION SLIDER BACKGROUNDS (Header/Hero Sections) */
#rev_slider_wrapper,
.rev_slider_outer_container {
    background-color: #110045 !important; 
}

/* 9. BUTTON FIX: TARGETS ONLY THE BUTTONS IN THE #READY AND #HOME SECTIONS (White with Dark Hover) */

#ready .btn-light-outline,
#home .btn-light-outline {
    /* DEFAULT STATE: White text and white border (Targeted) */
    border-color: #FFFFFF !important; 
    color: #FFFFFF !important;        
    background: transparent !important; 
    background-color: transparent !important; 
}

#ready .btn-light-outline:hover,
#home .btn-light-outline:hover {
    /* HOVER STATE: Dark background with white text (Targeted) */
    background-color: #110045 !important; 
    border-color: #110045 !important;    
    color: #FFFFFF !important;           
}

/* 10. FIX FOR MOBILE MENU PANEL BACKGROUND */
.off-canvas-menu,
.side-menu-container,
.main-menu-content { 
    background-color: #110045 !important;
}

/* 11. DEFINITIVE FIX FOR NAVIGATION MENU HOVER TEXT COLOR (The Pink/Purple Text) */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a.active {
    color: #110045 !important; /* Force text to dark background color on hover/focus/active */
}
/* Also target the mobile/scrolled menu text hover */
.navbar-scrolled .navbar-nav > li > a:hover {
    color: #110045 !important;
}

/*
====================================
  DEFINITIVE FIX FOR PARALLAX OVERLAYS
====================================
*/

/* Target pseudo-elements on parallax containers (The most common source of the colored overlay) */
#ready:before,
#ready:after,
#ready.parallax-bg::before,
#ready.parallax-bg::after,
.parallax-bg::before,
.parallax-bg::after {
    /* 1. Remove any background color or gradient */
    background: transparent !important; 
    background-color: transparent !important;
    background-image: none !important;

    /* 2. Set the element's color to the desired dark color (as a backup) */
    background: #110045 !important;
    
    /* 3. Force the overlay layer to be fully transparent (opacity hack) */
    opacity: 0 !important; 
    
    /* 4. Ensure no unwanted content or border is created */
    content: none !important; 
    border: none !important;
}

/* Force the main container background one more time, just in case */
#ready,
#home {
    background-color: #110045 !important;
    background-image: none !important;
}


/*
====================================
  LIGHT SECTION BACKGROUND SWAP
  
  Target Color: #F2E3F0
====================================
*/

/* Targets common classes for light/white backgrounds */
.light-bg,
.white-bg,
.alternate-bg,
.section-white,
/* If the section has no class, target the ID if you know it (e.g., #courses) */
#courses,
#testimonials { 
    background-color: #EFEFEF !important;
    background: #EFEFEF !important;
    background-image: none !important;
}

/* New custom class for you to apply in HTML if the others don't work */
.light-bg-fix {
    background-color: #EFEFEF !important;
    background: #EFEFEF !important;
    background-image: none !important;
}


/*
====================================
  DEFINITIVE MOBILE MENU BACKGROUND FIX
====================================
*/

/* Targets the most common classes for the side menu bar, using the strong dark purple color */
.off-canvas-menu, 
.off-canvas-menu .off-canvas-menu-inner, 
.side-menu-container, 
.side-menu-container .side-menu-content {
    background-color: #110045 !important;
    background: #110045 !important;
}

/* Also targets the main navigation element itself, which might extend the background */
.navbar-default.side-menu {
    background-color: #110045 !important;
}