/* Custom fixes for ISAR 2026 website to match with live site */

/* Remove any unwanted spacing in header */
body {
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix header spacing - no extra space */
.header-span {
    height: 0 !important;
    display: none !important;
}

.header-span.style-two {
    height: 0 !important;
    display: none !important;
}

/* Fix main header positioning */
.main-header {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background-color: transparent !important;
}

/* Header top styling - match with live site */
.main-header .header-top {
    background-color: #6839A3 !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
    clear: both !important;
    overflow: hidden !important;
}

/* Fix top header display and alignment */
.main-header .header-top .top-left {
    float: left !important;
    display: block !important;
    position: relative !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

.main-header .header-top .top-right,
.main-header .header-top .pull-right {
    float: right !important;
    display: block !important;
    position: relative !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
}

/* Force float left/right with !important */
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

/* Fix header top clearfix */
.main-header .header-top .clearfix:after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Fix contact info display */
.header-contact-info {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

.header-contact-info .call,
.header-contact-info .email {
    position: relative !important;
    padding: 10px 0 !important;
    padding-left: 30px !important;
    margin-right: 30px !important;
    font-size: 14px !important;
    line-height: 30px !important;
    color: #ffffff !important;
    font-weight: 400 !important;
    display: inline-block !important;
}

.header-contact-info .call a,
.header-contact-info .email a {
    color: #ffffff !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

.header-contact-info .call img,
.header-contact-info .email img {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    margin-top: -10px !important;
    width: 20px !important;
    height: 20px !important;
}

/* Social links */
.main-header .header-top .social-links {
    position: relative !important;
    display: inline-block !important;
    margin: 0 !important;
    margin-left: 20px !important;
    padding: 0 !important;
}

.main-header .header-top .social-links li {
    position: relative !important;
    float: left !important;
    margin-right: 18px !important;
    font-size: 14px !important;
    line-height: 30px !important;
    padding: 10px 0 !important;
    list-style-type: none !important;
}

.main-header .header-top .social-links li a {
    position: relative !important;
    color: #ffffff !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

/* Reset banner section completely */
.banner-section {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
}

.banner-carousel,
.banner-carousel.home-banner {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
}

.banner-carousel .slide-item {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
}

/* Clean banner carousel fixes - only for banner section */
.banner-section .owl-carousel {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.banner-section .owl-stage-outer {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.banner-section .owl-stage {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.banner-section .owl-item {
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Remove border-radius from hero section slider images */
.banner-section .banner-carousel .slide-item img,
.banner-carousel .slide-item img,
.banner-section .owl-carousel .slide-item img,
.banner-section .owl-carousel img,
.banner-section img,
.home-banner img,
.owl-carousel .slide-item img {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important;
}

/* Fix headings */
.sec-title h2 {
    position: relative !important;
    display: block !important;
    font-size: 40px !important;
    line-height: 1.2em !important;
    color: #1e1f36 !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    margin-bottom: 18px !important;
}

.sec-title .title {
    position: relative !important;
    display: block !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #ff9fd4 !important;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
}

.sec-title .text {
    position: relative !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #888888 !important;
    margin-top: 30px !important;
    margin-bottom: 0 !important;
}


/* Fix Committee section */
.committee-section {
    padding: 50px 0 !important;
}

.card-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
}

.committee-section .card {
    margin: 10px !important;
    padding: 20px !important;
    text-align: center !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    width: 200px !important;
}

/* Fix footer styling */
.main-footer {
    position: relative !important;
    background-color: #1e1f36 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-bottom .powered-by-text,
.footer-bottom .copyright-text {
    position: relative !important;
    color: #999999 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 20px 0 !important;
    margin: 0 !important;
}

/* Hide Color Switcher */
.color-palate, 
#search-popup {
    display: none !important;
}

/* Responsive fixes */
@media only screen and (max-width: 767px) {
    .main-header .header-top .top-left,
    .main-header .header-top .pull-right {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
    }
    
    .header-contact-info {
        justify-content: center !important;
        flex-wrap: nowrap !important;
        display: flex !important;
        flex-direction: row !important;
    }
    
    .header-contact-info .call,
    .header-contact-info .email {
        margin-right: 20px !important;
        padding: 5px 0 5px 25px !important;
        width: auto !important;
        text-align: center !important;
        display: inline-block !important;
        white-space: nowrap !important;
    }
    
    .header-contact-info .email {
        margin-right: 0 !important;
    }
    
    /* Hide social links on mobile */
    .main-header .header-top .social-links {
        display: none !important;
    }
    
    /* Hide registration button on mobile */
    .main-header .header-top .register-btn {
        display: none !important;
    }
    
    /* Hide logos on mobile */
    .main-header .header-top .btn-logo,
    .main-header .header-top .header-logo {
        display: none !important;
    }
    
    /* Aggressive mobile banner fixes - override inline styles */
    .banner-section {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        height: auto !important;
        min-height: auto !important;
    }
    
    .banner-carousel,
    .banner-carousel.home-banner {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        height: auto !important;
        min-height: auto !important;
    }
    
    .banner-carousel .slide-item,
    .banner-carousel .owl-item {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }
    
    .banner-carousel .slide-item div {
        padding: 0 !important;
        margin: 0 !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
    }
    
    .banner-carousel .slide-item img {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        max-height: none !important;
        object-fit: cover !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: top !important;
    }
    
    /* Force owl carousel elements to have no spacing */
    .banner-carousel .owl-stage-outer {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    .banner-carousel .owl-stage {
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    /* Completely remove gap - more aggressive overlap */
    .coming-soon-section {
        margin-top: -205px !important;
        padding-top: 0 !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    /* Ensure banner section ends flush */
    .banner-section {
        margin-bottom: -80px !important;
        padding-bottom: 0 !important;
        position: relative !important;
        z-index: 1 !important;
    }
    
    /* Force banner carousel to have no bottom space */
    .banner-carousel {
        margin-bottom: -80px !important;
        padding-bottom: 0 !important;
    }
    
    /* Override any inline styles on mobile */
    .banner-carousel .slide-item[style*="height: 100%"] {
        height: auto !important;
        min-height: auto !important;
    }
    
    .banner-carousel .slide-item div[style*="height: 100%"] {
        height: auto !important;
        min-height: auto !important;
    }
    
    .banner-carousel .slide-item img[style*="height: 100%"] {
        height: auto !important;
        min-height: auto !important;
    }
}

/* Force white icons in header */
.header-contact-info img {
    filter: invert(1) !important;
}