﻿.searchResultItem {
    padding: 32px;
    margin-top: 30px;
    text-align: left;
}

    .searchResultItem .headerSection {
        padding-bottom: 20px;
        margin-top: 0;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(102, 102, 102, 0.25);
    }

        .searchResultItem .headerSection.headerSectionNoBorder,
        #filteredResults.displayViewGrid .searchResultItem.searchResultNoDescription .headerSection {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: none;
        }

        .searchResultItem .headerSection .suritem,
        .searchResultItem .headerSection .awardName {
            color: #3a3a3a;
            font-size: 18px;
            margin-bottom: 5px;
        }

        .searchResultItem .headerSection .suritem {
            font-family: DM Sans;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .searchResultItem .headerSection .awardName {
            font-family: Lora;
            font-weight: 500;
            text-transform: capitalize;
        }

        .searchResultItem .headerSection .heading, .searchResultItem .headerSection .heading a {
            color: #007dba;
            font-size: 28px;
            font-family: Lora;
            font-weight: 400;
            letter-spacing: -0.5px;
            text-transform: capitalize;
            border: none;
            background: none;
            padding: 0;
            line-height: normal;
        }

        .searchResultItem .headerSection .overline {
            font-family: DM Sans;
            font-size: 14px;
            font-weight: 700;
            line-height: 18.2px;
            text-align: left;
            padding: 0 0 10px 1px;
        }

    .searchResultItem .contentSection {
        display: flex;
    }

        .searchResultItem .contentSection img {
            width: 150px;
            height: 150px;
            margin-right: 36px;
            object-fit: cover;
        }

        .searchResultItem .contentSection .description {
            color: #262626;
            font-size: 16px;
            font-family: DM Sans;
            margin-bottom: 20px;
        }

        .searchResultItem .contentSection a {
            color: #007dba;
            font-size: 14px;
            font-family: DM Sans;
            font-weight: 600;
            text-transform: uppercase;
            border: none;
            background: none;
            padding: 0;
        }

            .searchResultItem .contentSection a i,
            .searchResultItem .contentSection a svg {
                color: #b9b9b9;
                font-family: FontAwesome;
                font-weight: 600;
                margin-left: 10px;
            }

            .searchResultItem .contentSection a:hover i,
            .searchResultItem .contentSection a:hover svg {
                color: #007dba;
            }

#filteredResults.displayViewGrid,
#filteredResults:not(.displayViewGrid) .searchResultItemWrapper,
#filteredResults .paginationWrapper {
    padding: 0;
}

    #filteredResults.displayViewGrid .paginationWrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    #filteredResults.displayViewGrid .searchResultItem {
        padding: 20px;
    }

        #filteredResults.displayViewGrid .searchResultItem img {
            display: none;
        }

        #filteredResults.displayViewGrid .searchResultItem .headerSection .suritem {
            font-size: 13px;
        }

        #filteredResults.displayViewGrid .searchResultItem .headerSection .heading {
            font-size: 24px;
        }

#honorsResultsContainer {
    padding-bottom: 10px;
}

.searchTabSection .lds-dual-ring {
    top: 25%;
}

.searchTabSection .searchResultsHeading {
    font-family: Lora, sans-serif;
    font-size: 36px;
    color: #262626;
    letter-spacing: -0.5px;
    padding-bottom: 10px;
    font-weight: 400;
}

.searchTabSection .searchResultsSubheading {
    font-family: Lora, sans-serif;
    font-size: 22px;
    color: #3a3a3a;
    font-weight: 400;
    padding-bottom: 15px;
}

.searchTabSection .searchResultsSummary {
    font-family: DM Sans, sans-serif;
    font-size: 14px;
    color: #3a3a3a;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 3px;
}

.searchBarDivider {
    border-top: 1px solid rgba(102, 102, 102, 0.25);
    margin-bottom: 25px;
}

#honorsResultsContainer .displayViewTypes {
    text-align: right;
}

    #honorsResultsContainer .displayViewTypes span,
    #honorsResultsContainer .displayViewTypes svg {
        font-size: 24px;
        cursor: pointer;
        color: rgba(18, 18, 18, 0.55);
    }

        #honorsResultsContainer .displayViewTypes span:hover,
        #honorsResultsContainer .displayViewTypes svg:hover {
            color: rgba(18, 18, 18, 1);
        }

        #honorsResultsContainer .displayViewTypes span.activeDisplayView,
        #honorsResultsContainer .displayViewTypes svg.activeDisplayView {
            color: rgba(18, 18, 18, 1);
        }

            #honorsResultsContainer .displayViewTypes span.activeDisplayView:hover,
            #honorsResultsContainer .displayViewTypes svg.activeDisplayView:hover {
                color: rgba(18, 18, 18, 0.55);
            }

    #honorsResultsContainer .displayViewTypes #displayViewList {
        margin-right: 10px;
    }

.displayViewTypes svg path {
    pointer-events: none;
}

#filteredResults #noResultsFound {
    margin-top: 30px;
    font-family: DM Sans, sans-serif;
}

.containerDisabled {
    opacity: 0.7;
    pointer-events: none;
}

.filtersSections {
    padding: 30px 15px 10px 15px;
    margin-top: 30px;
}

    .filtersSections .filtersHeadingContainer {
        display: flex;
        align-items: center;
        padding-bottom: 25px;
    }

    .filtersSections .clearAll {
        font-family: DM Sans, sans-serif;
        font-size: 11px;
        color: #007dba;
        line-height: 20px;
        text-transform: uppercase;
        text-align: right;
        cursor: pointer;
        width: 100%;
    }

    .filtersSections .heading {
        font-family: Lora, sans-serif;
        font-size: 30px;
        color: #3a3a3a;
        letter-spacing: -0.5px;
        font-weight: 400;
        width: 100%;
    }

    .filtersSections input[type=checkbox] {
        accent-color: #007dba;
    }

    .filtersSections .filterHeading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 25px;
        padding-bottom: 25px;
        color: #262626;
        cursor: pointer;
    }

        .filtersSections .filterHeading label {
            font-family: DM Sans, sans-serif;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 600;
            max-width: 90%;
            text-align: left;
        }

        .filtersSections .filterHeading .toggleFilterArea {
            font-weight: 500;
            font-size: 20px;
            padding-right: 5px;
        }

            .filtersSections .filterHeading .toggleFilterArea:hover {
                color: #007dba;
            }

    .filtersSections .toggleFilters[aria-expanded=true] .fa-plus {
        display: none;
    }

    .filtersSections .toggleFilters[aria-expanded=false] .fa-minus {
        display: none;
    }

    .filtersSections .checkboxLabel {
        font-family: DM Sans, sans-serif;
        font-size: 15px;
        font-weight: 500;
        color: #262626;
        padding-left: 8px;
        display: inline;
        line-height: 20px;
        text-align: left;
        width: fit-content;
    }

    .filtersSections .filtersList {
        list-style-type: none;
        padding-left: 0px;
    }

        .filtersSections .filtersList li {
            padding-bottom: 10px;
            display: flex;
            align-items: baseline;
        }

        .filtersSections .filtersList .toggleFilterItem {
            display: none;
        }

    .filtersSections .filtersContainer .filter {
        border-top: 1px solid rgba(102, 102, 102, 0.27);
    }

    .filtersSections #filterControls button {
        background-color: transparent;
        display: inline-block;
        border: none;
        text-transform: uppercase;
        padding-left: 0px;
        color: #007dba;
        font-family: DM Sans, sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    .filtersSections #filterControls .viewLessFilters {
        display: none;
    }

    .filtersSections .customTooltipIcon {
        position: relative;
        vertical-align: super;
        color: #b9b9b9;
    }

    .filtersSections .customTooltip {
        width: 150px;
        padding: 20px;
        position: absolute;
        background-color: #fff;
        color: #262626;
        z-index: 1;
        font-family: DM Sans, sans-serif;
        font-size: 11px;
        line-height: 16px;
        text-transform: none;
        font-weight: normal;
        box-shadow: 0px 1px 2px #b9b9b9, 0px -1px 2px #b9b9b9;
        visibility: hidden;
    }

    .filtersSections .customTooltipIcon:hover {
        color: #007dba;
    }

        .filtersSections .customTooltipIcon:hover .customTooltip,
        .filtersSections .customTooltipIcon:hover + .customTooltip {
            visibility: visible;
        }

.searchTabSection {
    display: flex;
    align-items: end;
    text-align: left;
}

    .searchTabSection input.searchBar {
        width: 100%;
        float: right;
        padding: 12px;
        font-size: 16px;
        font-family: DM Sans;
        color: #222222;
        border: 1px solid #ced4da;
        border-radius: 4px;
        padding-right: 48px;
    }

    .searchTabSection .searchContainer.activeSearchBar input.searchBar {
        padding-left: 48px;
    }

    .searchTabSection .searchIcon, .searchTabSection .clearSearchTermIcon {
        font-size: 24px;
        position: absolute;
        top: 0;
        right: 27px;
        height: 100%;
        display: flex;
        align-items: center;
        color: #222222;
        cursor: pointer;
        height: 20px;
        margin-top: 13px;
    }

    .searchTabSection .searchContainer.activeSearchBar .searchIcon {
        right: auto;
        left: 27px;
    }

    .searchTabSection .clearSearchTermIcon {
        display: none;
    }

    .searchTabSection .searchContainer.activeSearchBar .clearSearchTermIcon {
        display: flex;
        height: 20px;
    }

.customPagination#pagination {
    padding-top: 35px;
    display: flex;
    list-style-type: none;
    padding-left: 0;
}

    .customPagination#pagination li, .customPagination#pagination span {
        font-family: DM Sans, sans-serif;
        font-weight: 600;
    }

.customPagination#pagionation .paginationButton {
    margin: 0px;
}

.customPagination .morePagesFlag {
    background-color: transparent;
    border: none;
    cursor: auto;
}

.customPagination .paginationBtns {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-wrap: wrap;
    z-index: 3;
}

    .customPagination .paginationBtns input {
        border: none;
        background: transparent;
    }

    .customPagination .paginationBtns input:hover {
        color: #007dba;
        background-color: #ebebeb;
    }

.customPagination .paginationSelectedButton {
    color: #007dba;
    background-color: #ebebeb;
    border-radius: 2px;
    font-weight: 700;
}

.customPagination .paginationBtn {
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #ebebeb;
    background-color: transparent;
}

    .customPagination .paginationBtn:hover {
        background-color: #007dba;
        color: #ffffff;
    }

.customPagination .paginationBtnNextContainer {
    text-align: right;
    padding-right: 0px;
    padding-top: 0px;
}

.customPagination .paginationBtnNext i,
.customPagination .paginationBtnNext svg {
    padding-left: 10px;
}

.customPagination .paginationBtnNext, .customPagination .paginationBtnPrev {
    width: 101px;
}

.paginationBtnPrevContainer {
    padding-left: 0px;
}

.customPagination .paginationBtnPrev {
    margin-left: 0px;
}

    .customPagination .paginationBtnPrev i,
    .customPagination .paginationBtnPrev svg {
        padding-right: 10px;
    }

.pubsResultsContainer .searchBarDivider, .chapmansResultsContainer .searchBarDivider {
    margin-top: 32px;
    margin-bottom: 48px;
}

.pubsSearchResult, .pubsFiltersContainer .filtersSections {
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px -1px 2px rgba(0, 0, 0, 0.2)
}

.chapmansSearchResult, .chapmansFiltersContainer .filtersSections,
.AGUProgramsSearchResult, .AGUProgramsFiltersContainer .filtersSections {
    box-shadow: 0px 3.32px 7.48px 0px #2323231F;
    background: #fff;
}

.pubsSearchResult, .chapmansSearchResult {
    margin-bottom: 32px;
}

.pubsSearchResultWrapper .searchResultItem .contentSection a, .chapmansSearchResultWrapper .searchResultItem .contentSection a,
.AGUProgramsSearchResultWrapper .searchResultItem .contentSection a {
    text-transform: none;
}

.pubsSearchResultWrapper .searchResultItem .contentSection .pubsImage {
    width: 150px;
    height: 150px;
    margin-right: 36px;
    background-size: cover;
    flex-shrink: 0;
}

.pubsSearchResultWrapper .searchResultItem .descriptionSection .description, .chapmansSearchResultWrapper .searchResultItem .descriptionSection .description {
    font-weight: 400;
    line-height: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.pubsSearchResultWrapper .searchResultItem .journalName {
    font-family: DM-Sans, sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    color: #3a3a3a;
    font-size: 16px;
    margin-bottom: 10px;
}

.pubsSearchResultWrapper.SpecialCollections .readFullDescription {
    display: none;
}

.pubsCardsContainer #filteredResults #noResultsFound, .chapmansCardsContainer #filteredResults #noResultsFound,
.AGUProgramsCardsContainer #filteredResults #noResultsFound {
    margin-top: 30px;
    margin-left: 15px;
}

.pubsCardsContainer .filtersSections, .chapmansCardsContainer .filtersSections,
.AGUProgramsCardsContainer .filtersSections {
    padding: 32px;
}

    .pubsCardsContainer .filtersSections .filter:last-of-type .filtersList, .chapmansCardsContainer .filtersSections .filter:last-of-type .filtersList,
    .AGUProgramsCardsContainer .filtersSections .filter:last-of-type .filtersList {
        margin-bottom: 0;
    }

        .pubsCardsContainer .filtersSections .filter:last-of-type .filtersList .showFilterItem:last-of-type,
        .pubsCardsContainer .filtersSections .filter:last-of-type .filterHeading,
        .pubsCardsContainer .filtersSections .filtersList #filterControls,
        .chapmansCardsContainer .filtersSections .filter:last-of-type .filtersList .showFilterItem:last-of-type,
        .chapmansCardsContainer .filtersSections .filter:last-of-type .filterHeading,
        .chapmansCardsContainer .filtersSections .filtersList #filterControls,
        .AGUProgramsCardsContainer .filtersSections .filter:last-of-type .filtersList .showFilterItem:last-of-type,
        .AGUProgramsCardsContainer .filtersSections .filter:last-of-type .filterHeading,
        .AGUProgramsCardsContainer .filtersSections .filtersList #filterControls {
            padding-bottom: 0;
        }

    .pubsCardsContainer .filtersSections .filter:last-of-type .filtersList, .chapmansCardsContainer .filtersSections .filter:last-of-type .filtersList,
    .AGUProgramsCardsContainer .filtersSections .filter:last-of-type .filtersList {
        padding-top: 25px;
    }

    .pubsCardsContainer .filtersSections .filterHeading label, .chapmansCardsContainer .filtersSections .filterHeading label,
    .AGUProgramsCardsContainer .filtersSections .filterHeading label {
        padding-right: 10px;
    }

.chapmansCardsContainer .chapmansSearchResult .headerSection,
.AGUProgramsCardsContainer .AGUProgramsSearchResult .headerSection,
.pubsSearchResultWrapper .searchResultItem .headerSection {
    border: none;
}

@media(max-width: 767px) {
    .searchResultItem .contentSection {
        display: block;
    }

        .searchResultItem .contentSection img,
        .searchResultItem .contentSection .pubsImage {
            margin-right: 0;
            margin-bottom: 20px;
        }

    .customPagination#pagination {
        padding-top: 35px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .customPagination .paginationBtns {
        width: 100%;
    }

    .customPagination .paginationBtnPrevContainer,
    .customPagination .paginationBtnNextContainer {
        order: 1;
        margin-top: 10px;
        width: auto;
    }
}

@media (max-width: 991px) {
    .pubsSearchResultWrapper, .chapmansSearchResultWrapper, .AGUProgramsSearchResultWrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pubsFiltersContainer, .chapmansFiltersContainer,
    .AGUProgramsFiltersContainer {
        margin-bottom: 50px;
    }

    .pubsCardsContainer .searchTabSection, .chapmansCardsContainer .searchTabSection,
    .AGUProgramsCardsContainer .searchTabSection {
        margin: 0;
    }

    .pubsCardsContainer .searchHeadingsContainer,
    .pubsCardsContainer .searchContainer,
    .chapmansCardsContainer .searchHeadingsContainer,
    .chapmansCardsContainer .searchContainer,
    .AGUProgramsCardsContainer .searchHeadingsContainer,
    .AGUProgramsCardsContainer .searchContainer {
        padding: 0;
    }

    .pubsCardsContainer .searchBarDivider, .chapmansCardsContainer .searchBarDivider,
    .AGUProgramsCardsContainer .searchBarDivider {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 1100px) {
    .customPagination .paginationBtns {
        text-align: center;
        display: block !important;
    }
}

@media(max-width: 1023px) {
    .searchTabSection {
        display: inline-block;
        width: 100%;
    }

        .searchTabSection input.searchBar {
            float: none;
        }

        .searchTabSection .searchContainer {
            margin-top: 20px;
        }

    .displayViewTypes {
        display: none;
    }

    .searchBarDivider {
        margin-left: 15px;
        margin-right: 15px;
    }

    .pubsCardsContainer #filteredResults #noResultsFound, .chapmansCardsContainer #filteredResults #noResultsFound,
    .AGUProgramsCardsContainer #filteredResults #noResultsFound {
        margin: 0;
    }
}

@media(min-width: 1024px) {
    .honorsFiltersContainer {
        padding-right: 40px;
    }

    .filtersSections #filterControls button i,
    .filtersSections #filterControls button svg {
        color: #b9b9b9;
    }

        .filtersSections #filterControls button i:hover,
        .filtersSections #filterControls button svg:hover {
            color: #007dba;
        }

    .pubsResultsContainer #filteredResults, .chapmansResultsContainer #filteredResults,
    .AGUProgramsResultsContainer #filteredResults {
        padding: 0px;
    }

    .pubsResultsContainer:not(.pubsCardsContainer) #filteredResults .pubsSearchResultWrapper,
    .pubsResultsContainer:not(.pubsCardsContainer) #filteredResults .paginationWrapper,
    .chapmansResultsContainer:not(.chapmansCardsContainer) #filteredResults .chapmansSearchResultWrapper,
    .chapmansResultsContainer:not(.chapmansCardsContainer) #filteredResults .paginationWrapper,
    .AGUProgramsResultsContainer:not(.AGUProgramsCardsContainer) #filteredResults .AGUProgramsSearchResultWrapper,
    .AGUProgramsResultsContainer:not(.AGUProgramsCardsContainer) #filteredResults .paginationWrapper {
        padding-right: 0;
        padding-left: 32px;
    }

    .pubsResultsContainer:not(.pubsCardsContainer) .searchTabSection .searchContainer,
    .chapmansResultsContainer:not(.chapmansCardsContainer) .searchTabSection .searchContainer,
    .AGUProgramsResultsContainer:not(.AGUProgramsCardsContainer) .searchTabSection .searchContainer {
        padding-right: 0;
    }

    .pubsResultsContainer:not(.pubsCardsContainer) .searchTabSection input.searchBar,
    .chapmansResultsContainer:not(.chapmansCardsContainer) .searchTabSection input.searchBar,
    .AGUProgramsResultsContainer:not(.AGUProgramsCardsContainer) .searchTabSection input.searchBar {
        padding-right: 33px;
    }

    .pubsResultsContainer:not(.pubsCardsContainer) .searchTabSection .searchIcon,
    .pubsResultsContainer:not(.pubsCardsContainer) .searchTabSection .clearSearchTermIcon,
    .chapmansResultsContainer:not(.chapmansCardsContainer) .searchTabSection .searchIcon,
    .chapmansResultsContainer:not(.chapmansCardsContainer) .searchTabSection .clearSearchTermIcon,
    .AGUProgramsResultsContainer:not(.AGUProgramsCardsContainer) .searchTabSection .searchIcon,
    .AGUProgramsResultsContainer:not(.AGUProgramsCardsContainer) .searchTabSection .clearSearchTermIcon {
        right: 12px;
    }

    .pubsResultsContainer:not(.pubsCardsContainer) #noResultsFound,
    .chapmansResultsContainer:not(.chapmansCardsContainer) #noResultsFound,
    .AGUProgramsResultsContainer:not(.AGUProgramsCardsContainer) #noResultsFound {
        padding-left: 32px;
    }

    .pubsCardsContainer.pubsResultsContainer #filteredResults .paginationWrapper {
        padding: 0 15px;
    }
}

.AGUProgramsSearchResultWrapper .searchResultItem .headerSection {
    padding: 0;
    margin-bottom: 16px;
}

.chapmansCardsContainer .chapmansSearchResult .headerSection .heading,
.AGUProgramsCardsContainer .AGUProgramsSearchResult .headerSection .heading,
.pubsSearchResultWrapper .searchResultItem .headerSection .heading,
.chapmansCardsContainer .chapmansSearchResult .headerSection .heading a,
.AGUProgramsCardsContainer .AGUProgramsSearchResult .headerSection .heading a,
.pubsSearchResultWrapper .searchResultItem .headerSection .heading a {
    font-size: 24px;
}

.AGUProgramsSearchResultWrapper .searchResultItem .descriptionSection .description {
    font-size: 14px;
    font-weight: 500;
    font-family: DM Sans, sans-serif;
    line-height: 24px;
    margin-bottom: 32px;
}

.AGUProgramsSearchResult {
    padding: 16px;
}

.AGUProgramsSearchResultWrapper .searchResultItem .contentSection a {
    font-family: DM Sans, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.AGUProgramsResultsContainer .searchBarDivider {
    margin-top: 32px;
    margin-bottom: 16px;
}
