/* Search View Toggle Styles */

.resource-list.search-results-list .row.g-4 {
    display: flex !important;
    flex-wrap: wrap !important;
}

.resource-list #grid-view {
    align-items: stretch;
}

.resource-list.search-results-list .list-group {
    display: none !important;
    max-width: 100%;
}

.resource-list.search-results-list.view-grid .row.g-4 {
    display: flex !important;
    flex-wrap: wrap !important;
}

.resource-list.search-results-list.view-grid .list-group {
    display: none !important;
}

.resource-list.search-results-list.view-list .row.g-4 {
    display: none !important;
}

.resource-list.search-results-list.view-list .list-group {
    display: block !important;
}

.view-toggle-btn.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

.search-results-list {
    transition: opacity 0.2s ease-in-out;
}

.search-results-list.transitioning {
    opacity: 0.7;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 0px;
    padding-left: 0px;
}

.search-results-header, .search-results-footer {
    display: block;
}

.search-page-modern .search-form-section {
    margin-bottom: 0px !important;
}

.accordion-panel {
    background: transparent !important;
}

.badge .fw-normal {
    text-align: left;
    white-space: normal;
}

.search-form-content fieldset {
    margin: 0px !important;
    border: 0px !important;
    border-radius: 0px !important;
}

.advanced-search-wrapper .search-form {
    margin-bottom: 0px !important;
}

.ui-autocomplete-scroll {
    height: 200px;
    overflow-y: scroll;
}

.ui-autocomplete-noscroll {
    overflow-y: auto;
}

#facets-wrapper {
    margin-bottom: 0px !important;
}

.btn-view-grid.active,
.btn-view-list.active {
            background-color: var(--bs-primary) !important;
            border-color: var(--bs-primary) !important;
            color: var(--bs-white) !important;
}
.btn-view-grid,
.btn-view-list {
    background-color: transparent !important;
    border-color: var(--bs-secondary) !important;
    color: var(--bs-secondary) !important;
}

.site-page-home .item-card {
    height: 100%;
}
.site-page-home .item-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

@media (max-width: 1024px) {
    .grid-template-columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-span-4 {
        grid-column-end: span 2;
    }
}
@media (max-width: 768px) {
    body {
        padding: 0px;
    }
    .site-header, .hero-section, #content, .site-footer {
        padding: 10px;
        margin: 0px;
    }

    #content .block {
        padding-bottom: 15px;
    }

}