/*
==========================================================================
    Component: Expertise
    Accordion overrides and responsive styling for expertise taxonomy display
==========================================================================
*/

/* --- Expertise Accordion Overrides --- */

.expertise-accordion .accordion-content {
    padding-left: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s ease-out, opacity 0.6s ease-out;
    color: #666666;
}

.expertise-accordion .accordion-item.active .accordion-content {
    opacity: 1;
}

.expertise-accordion .accordion-header {
    padding-left: 0;
}

.expertise-accordion .summary {
    padding-bottom: 0.4em;
}

.expertise-accordion ul {
    padding-top: 0.4em;
}

.expertise-accordion ul ul {
    margin-top: 0.4em;
    padding-top: 0;
}

.expertise-accordion ul ul li:first-child {
    padding-top: 0.2em;
}

.expertise-accordion ul ul li:last-child {
    padding: 0em;
}

/* --- Responsive Styles --- */

@media (max-width: 767px) {
    .expertise-accordion .accordion-item {
        border-bottom: 1px solid #e0e0e0;
    }
}

@media (min-width: 768px) and (max-width: 1141px) {
    .expertise-accordion .accordion-item {
        border-bottom: 1px solid #e0e0e0;
    }
}

/* --- Media Query Hotfix --- */
@media (min-width: 1025px) and (max-width: 1141px) {
    .expertise-accordion .accordion-item {
        border-bottom: none;
    }
}