/*
Theme Name: ExcellerateJHI
Theme URI: https://excelleratejhi.co.za
Description: A modern WordPress theme for ExcellerateJHI with Tailwind CSS
Version: 1.0.0
Author: ExcellerateJHI
Author URI: https://excelleratejhi.co.za
*/

/* Global h3 styling */
h3 {
    font-weight: normal !important;
}

/* Global list styling */
.prose ul {
    list-style-type: disc !important;
    margin-left: 1.5em !important;
}

.prose ul li {
    margin-left: 0.5em !important;
}

/* Responsive Banner Styles */
.page-banner .border-4 {
    height: 250px !important;
}

@media (min-width: 640px) {
    .page-banner .border-4 {
        height: 300px !important;
    }
}

@media (min-width: 768px) {
    .page-banner .border-4 {
        height: 350px !important;
    }
}

@media (min-width: 1024px) {
    .page-banner .border-4 {
        height: 400px !important;
    }
}

/* Responsive banner text */
.page-banner h1 {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}

@media (min-width: 640px) {
    .page-banner h1 {
        font-size: 2rem !important;
        line-height: 2.5rem !important;
    }
}

@media (min-width: 768px) {
    .page-banner h1 {
        font-size: 2.5rem !important;
        line-height: 3rem !important;
    }
}

@media (min-width: 1024px) {
    .page-banner h1 {
        font-size: 3rem !important;
        line-height: 3.75rem !important;
    }
}

/* Hide decorative corner elements on mobile */
@media (max-width: 767px) {
    .page-banner .absolute[style*="background-color:#12806e"] {
        display: none !important;
    }
}

/* Responsive banner grid */
@media (max-width: 767px) {
    .page-banner .grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    .page-banner .banner-image {
        display: none !important;
    }
    .page-banner .flex-center {
        justify-content: center !important;
        text-align: center !important;
    }
}