/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #002144;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #002144;
    --dt-color-secondary: #A5ACB0;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #4F5254;
    --dt-color-accent: #3D7DCA;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #195a96;
    --dt-color-gray: #C4D600;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #4D5700;
    --dt-color-white: #EAAA00;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #664D00;
}

/* Override DesignPLUS wrapper max-width */ 
#content #dp-wrapper, #content .dp-wrapper-parent { 
max-width: unset; 
}


/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/

/*********************************************************************/
/***** All Coureses Page - Tabbed Navigation          ****************/
/*********************************************************************/
/*********************************************************************/
/***** All Coureses Page - Tabbed Navigation          ****************/
/*********************************************************************/
/* Namespace: mbu (Missouri Baptist University) */

/* Hide original h2 headings - more specific targeting */
body.courses #content > h2.ic-Table-page-header {
    display: none;
}

/* Tab container styling */
.mbu-course-tabs-container {
    display: flex;
    border-bottom: 2px solid #C7CDD1;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Individual tab button styling */
.mbu-course-tab-button {
    padding: 10px 20px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    font-size: 16px;
    font-weight: 600;
    color: #2D3B45;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease-in-out;
}

.mbu-course-tab-button:hover {
    background-color: #F5F5F5;
    color: #000;
}

/* Active tab button styling */
.mbu-course-tab-button.active {
    color: #008EE2;
    border-bottom: 2px solid #008EE2;
}

/* Content panels for each tab */
.mbu-course-tab-content {
    display: none;
}

.mbu-course-tab-content.active {
    display: block;
}

/* Titles inside tab content */
.mbu-course-tab-content h2 {
    display: block !important;
    font-size: 1.5rem;
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}