/* ----------------------------------------------------------------

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Handling Updates

-----------------------------------------------------------------*/

/* Custom Color Scheme - Maroon Theme */
:root {
    --cnvs-themecolor: #600000;
    --cnvs-themecolor-rgb: 128, 0, 0;
}

/* Custom Maroon Background Class */
.bg-maroon {
    background-color: #600000 !important;
    color: #ffffff !important;
}

.bg-maroon:hover {
    background-color: #500000 !important;
    color: #ffffff !important;
}

/* Ensure text is white when using bg-maroon with text-white */
.bg-maroon.text-white,
.bg-maroon .text-white {
    color: #ffffff !important;
}

/* Text color for maroon background */
.text-maroon {
    color: #600000 !important;
}

/* Border color for maroon theme */
.border-maroon {
    border-color: #600000 !important;
}

/* Card header specific styling */
.card-header.bg-maroon {
    background-color: #600000 !important;
    color: #ffffff !important;
    border-bottom-color: #500000 !important;
}

/* Override default link colors */
a {
    color: #800000;
}

a:hover {
    color: #600000;
}

/* Primary button colors */
.button {
    background-color: #800000;
    border-color: #800000;
}

.button:hover {
    background-color: #600000;
    border-color: #600000;
}

/* Secondary button colors for better contrast */
.button-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #ffffff !important;
}

.button-secondary:hover {
    background-color: #5a6268 !important;
    border-color: #5a6268 !important;
    color: #ffffff !important;
}

/* Ensure button text is always readable */
.button {
    color: #ffffff !important;
}

.button:hover {
    color: #ffffff !important;
}

/* Maroon Button Styles */
.btn-outline-maroon {
    color: #600000;
    border-color: #600000;
    background-color: #fff;
}
.btn-outline-maroon:hover, .btn-outline-maroon:focus {
    color: #fff;
    background-color: #600000;
    border-color: #600000;
}
.btn-maroon {
    color: #fff;
    background-color: #600000;
    border-color: #600000;
}
.btn-maroon:hover, .btn-maroon:focus {
    color: #fff;
    background-color: #a00000;
    border-color: #a00000;
}
.border-maroon {
    border-color: #600000 !important;
}


/* Fix subnav hover state - ensure text remains readable */
.page-menu-item:hover > a,
.page-menu-item.current > a {
    background-color: #000000 !important; /* Black background on hover */
    color: #f8f9fa !important; /* Off-white color for better readability */
}

.page-menu-item:hover > a div,
.page-menu-item.current > a div {
    color: #f8f9fa !important; /* Off-white color for better readability */
}

/* Ensure icons in subnav also remain readable on hover */
.page-menu-item:hover > a i,
.page-menu-item.current > a i {
    color: #f8f9fa !important; /* Off-white color for better readability */
}

/* Responsive button layouts */
@media (max-width: 575.98px) {
    .d-flex.flex-column.flex-sm-row {
        flex-direction: column !important;
    }
    
    .d-flex.flex-column.flex-sm-row .button {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .d-flex.flex-column.flex-sm-row .button:last-child {
        margin-bottom: 0;
    }
}

/* Text selection color */
::selection {
    background-color: #800000;
    color: #fff;
}

::-moz-selection {
    background-color: #800000;
    color: #fff;
}

/* Primary menu active states */
.primary-menu > ul > li.current-menu-item > a,
.primary-menu > ul > li.current-menu-parent > a,
.primary-menu > ul > li.current-menu-ancestor > a {
    color: #800000 !important;
}

/* Slider button colors */
.slider-caption-button {
    background-color: #800000 !important;
    border-color: #800000 !important;
}

.slider-caption-button:hover {
    background-color: #600000 !important;
    border-color: #600000 !important;
}

/* Feature box icons */
.feature-box .fbox-icon i {
    color: #800000;
}

/* More link colors */
.more-link {
    color: #800000;
}

.more-link:hover {
    color: #600000;
}

/* Fix vertical centering for slider captions */
.slider-caption.slider-caption-center {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100%;
    max-width: 800px;
    text-align: center;
    margin: 0;
}

.slider-caption-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}