/*------------------------------------------------------------------
    Chaminuka RDC Corporate Colors Override
    Primary (Green): #2d7a3e
    Secondary (Dark Green): #1e5a2d
    Tertiary (Gold/Yellow): #f4c430
-------------------------------------------------------------------*/

/* Logo Size and Positioning - Overlapping Top Bar */
header .logo {
    position: absolute !important;
    top: 0 !important;
    left: 220px !important;
    z-index: 100;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 150px !important;
}

header .logo img {
    max-height: 120px !important;
    width: auto !important;
    transition: all 0.3s ease;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

header .logo a {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
}

/* Mobile responsive logo positioning */
@media (max-width: 991px) {
    header .logo {
        left: 15px !important;
    }
}

/* Remove all header padding */
header {
    padding: 0 !important;
    margin: 0 !important;
}

header .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

nav {
    margin: 0 !important;
    padding: 0 !important;
}

/* Move entire nav container down */
header .container:has(nav) {
    margin-top: 30px !important;
}

/* Top Bar - Primary Brown Background */
header .top-bar {
    background: #2d7a3e !important;
}

/* Align header content with body content */
header .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Navigation Active/Hover - Tertiary Blue */
nav .ownmenu li.active a,
nav .ownmenu li a:hover {
    color: #404196 !important;
}

/* Buttons - Primary Brown */
.btn {
    background: #2d7a3e !important;
    border-color: #2d7a3e !important;
}

.btn:hover {
    background: #1e5a2d !important;
    border-color: #1e5a2d !important;
}

/* Secondary Button - Maroon */
.btn-1 {
    background: #1e5a2d !important;
    border-color: #1e5a2d !important;
}

.btn-1:hover {
    background: #404196 !important;
    border-color: #404196 !important;
}

/* Section Titles and Headings */
.tittle h2 {
    color: #2d7a3e !important;
}

.tittle hr {
    background: #1e5a2d !important;
}

/* History Section */
.history-detail h4 {
    color: #2d7a3e !important;
}

.history-detail hr {
    background: #1e5a2d !important;
}

/* Gallery Tags */
.gallery .tag {
    background: #404196 !important;
}

/* Gallery Hover */
.gallery .hover-info {
    background: rgba(45, 122, 62, 0.9) !important;
}

.gallery .hover-info a {
    color: #fff !important;
    border-color: #1e5a2d !important;
}

/* Event Date Badge */
.event .date {
    background: #1e5a2d !important;
}

/* Links */
a {
    color: #404196 !important;
}

a:hover {
    color: #f4c430 !important;
}

/* About Section Links */
.about a {
    color: #2d7a3e !important;
}

.about a:hover {
    color: #f4c430 !important;
}

/* Hours Section */
.hrs h3 {
    color: #2d7a3e !important;
}

.hrs .appoiment {
    background: #2d7a3e !important;
    color: #f4c430 !important;
    font-weight: bold !important;
}

/* Footer */
footer {
    background: #2d7a3e !important;
}

/* Footer Links - Gold/Yellow Color */
footer .foot-link li a {
    color: #f4c430 !important;
}

footer .foot-link li a:hover {
    color: #ffffff !important;
}

footer .con-info li p,
footer .social-link li a {
    color: #f4c430 !important;
}

footer .social-link li a:hover {
    color: #ffffff !important;
}

footer .copyright p {
    color: #f4c430 !important;
}

/* Sponsors Section Overlay */
.sponsors .overlay {
    background: rgba(64, 65, 150, 0.85) !important;
}

/* Event Details */
.event-detail h4 {
    color: #2d7a3e !important;
}

.event-detail span i {
    color: #f4c430 !important;
}

/* Navigation Border - Removed */
nav {
    border-bottom: none !important;
}

/* Position slider/content sections with space for menu */
.home-slider,
.sub-bnr {
    margin-top: 10px !important;
    padding-top: 0 !important;
}

/* Mobile Responsive Menu */
@media (max-width: 991px) {
    /* Hamburger Menu Icon */
    .mobile-menu-toggle {
        display: block !important;
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 9999;
        background: #7a5253;
        color: #fff;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 24px;
    }
    
    .mobile-menu-toggle:hover {
        background: #a53946;
    }
    
    /* Hide hamburger when menu is active */
    .mobile-menu-toggle.hidden {
        display: none !important;
    }
    
    /* Hide desktop nav */
    header nav {
        display: none !important;
    }
    
    /* Mobile Menu Overlay */
    .mobile-menu {
        position: fixed;
        top: 0;
        right: -100%;
        width: 80%;
        max-width: 300px;
        height: 100vh;
        background: #7a5253;
        z-index: 9998;
        transition: right 0.3s ease-in-out;
        overflow-y: auto;
        padding: 60px 20px 20px;
    }
    
    .mobile-menu.active {
        right: 0;
    }
    
    /* Mobile Menu Close Button */
    .mobile-menu-close {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 10000;
        background: #7a5253;
        color: #fff;
        border: none;
        padding: 10px 15px;
        cursor: pointer;
        border-radius: 5px;
        font-size: 24px;
        display: none;
    }
    
    .mobile-menu-close.active {
        display: block !important;
    }
    
    .mobile-menu-close:hover {
        background: #a53946;
    }
    
    /* Mobile Menu Items */
    .mobile-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .mobile-menu ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .mobile-menu ul li a {
        display: block;
        padding: 15px 10px;
        color: #fff !important;
        text-decoration: none;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: normal !important;
        font-family: 'Open Sans', sans-serif !important;
    }
    
    .mobile-menu ul li a:hover,
    .mobile-menu ul li.active a {
        background: #a53946;
        color: #fff !important;
    }
    
    /* Overlay backdrop */
    .mobile-menu-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9997;
        display: none;
    }
    
    .mobile-menu-backdrop.active {
        display: block;
    }
}

@media (min-width: 992px) {
    .mobile-menu-toggle,
    .mobile-menu,
    .mobile-menu-backdrop {
        display: none !important;
    }
}

/* Primary Color Accents */
h4, h5 {
    color: #2d7a3e !important;
}

/* Icon Colors */
.ion-ios-clock-outline,
.ion-headphone,
.ion-ios-location-outline {
    color: #f4c430 !important;
}

/* Gallery Detail Links */
.gallery .detail a {
    color: #2d7a3e !important;
}

.gallery .detail a:hover {
    color: #f4c430 !important;
}

/* Social Links */
.social-link li a:hover {
    color: #f4c430 !important;
}

/* Form Elements (if any) */
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: #404196 !important;
}

/* Gradient Overlays */
.overlay {
    background: linear-gradient(135deg, rgba(45, 122, 62, 0.85), rgba(30, 90, 45, 0.75)) !important;
}
textarea:focus {
    border-color: #404196 !important;
}

/* Gradient Overlays */
.overlay {
    background: linear-gradient(135deg, rgba(45, 122, 62, 0.85), rgba(30, 90, 45, 0.75)) !important;
}

/* Feature Box Hover Effects */
.feature-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(45, 122, 62, 0.3) !important;
}

.feature-box h4 {
    color: #2d7a3e !important;
}

.feature-box .feature-icon {
    color: #2d7a3e !important;
}

.feature-box:hover .feature-icon {
    color: #1e5a2d !important;
}

/* Gallery Tag Gold/Yellow */
.gallery .tag {
    background: #f4c430 !important;
    color: #000 !important;
}

/* Dropdown Menu Hover Behavior */
nav .ownmenu li:hover > .dropdown {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

nav .ownmenu .dropdown {
    transition: all 0.3s ease;
}

nav .ownmenu li {
    position: relative;
}

nav .ownmenu .dropdown li:hover {
    background: rgba(45, 122, 62, 0.1) !important;
}

/* Fix Dropdown Menu Clickability and Remove Arrows */
header nav .ownmenu li > a {
    pointer-events: auto !important;
    cursor: pointer !important;
}

header nav .ownmenu .dropdown li > a {
    pointer-events: auto !important;
    cursor: pointer !important;
    display: block !important;
}

/* Remove dropdown arrow indicators */
header nav .ownmenu .indicator {
    display: none !important;
}

/* Ensure dropdown items are clickable */
header .ownmenu ul.dropdown {
    pointer-events: auto !important;
}

header .ownmenu ul.dropdown li {
    pointer-events: auto !important;
}

header .ownmenu ul.dropdown li a {
    pointer-events: auto !important;
    position: relative;
    z-index: 1000;
}

/* Universal Page Title Banner - Gold/Yellow Color */
.inner-banner h1 {
    color: #f4c430 !important;
    font-size: 36px !important;
}

.inner-banner .overlay h1 {
    color: #f4c430 !important;
    font-size: 36px !important;
}

section.inner-banner h1 {
    color: #f4c430 !important;
    font-size: 36px !important;
}