/*
 Theme Name:   FIM Toolkit
 Template:     Divi
 Version:      1.0.0
*/


#et-boc .dsm_menu_0_tb_body ul.dsm-menu, .dsm_menu_0_tb_body ul.dsm-menu, .dsm_menu_0_tb_body ul.dsm-menu .sub-menu
{
	line-height: 1.3;
}


.dsm-menu li.current_page_item > a {
    font-weight: bold;
}


.dsm-menu li.current-menu-item:not(.current-page-ancestor) > a {
    font-weight: bold;
}


/* Global superscript styling for footnotes */
sup {
    font-size: 0.7em;
    vertical-align: baseline;
    position: relative;
    top: -0.5em;
    line-height: 0;
    font-weight: bold;
    color: #3172ae;
}


/* Force desktop layout on mobile for horizontal scroll sections */
@media (max-width: 980px) {
    .horizontal-scroll-section {
        overflow-x: auto;
    }
    
    .horizontal-scroll-section .et_pb_row {
        display: flex !important;
        flex-wrap: nowrap !important;
    }
    
    .horizontal-scroll-section .et_pb_column {
        flex: 1 0 auto !important;
    }
}



/* Prevent page-wide horizontal scroll */
body {
    overflow-x: hidden;
}

#page-container {
    overflow-x: hidden;
}


/* Resource Sections Sticky Headers */

.et_pb_sticky.resource-section-header {
    background-color: #3172ae !important;
}

.et_pb_sticky.resource-section-header,
.et_pb_sticky.resource-section-header span,
.et_pb_sticky.resource-section-header p,
.et_pb_sticky.resource-section-header .et_pb_text_inner,
.et_pb_sticky.resource-section-header * {
    color: #ffffff !important;
}




/* Accordion arrows - synced with custom JavaScript */
.et_pb_accordion .et_pb_toggle_title:before {
    content: '⌄' !important;
    font-family: inherit !important;
    display: inline-block !important;
    transition: all 0.7s ease-in-out !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 30px !important;
    transform: rotate(180deg) !important; /* Start rotated (points down) */
}

/* When CLOSED - arrow points down */
.et_pb_accordion .et_pb_toggle_close .et_pb_toggle_title:before {
    transform: rotate(180deg) !important; /* Keep rotated */
    opacity: 1 !important;
    visibility: visible !important;
}

/* When OPEN - arrow points up */
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title:before {
    transform: rotate(0deg) !important; /* Rotate back to point up */
    opacity: 1 !important;
    visibility: visible !important;
}
