﻿.ss-wrapper {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    border: 1px solid #aaa;
    border-radius: 3px;
    margin-top: 5px;
    box-shadow: 0 0 4px 1px rgba(50,50,50,.25);
    background: #fff;
}

    .ss-wrapper a {
        text-decoration: none;
    }

.ss-header {
    background: #005587;
    color: #fff;
    font-weight: 400;
    font-size: 1.1rem;
    padding: 5px;
}

.ss-content {
    margin: 0;
    list-style: none;
    padding: 0;
}

    .ss-content li {
        padding: 5px;
    }

        .ss-content li:nth-of-type(even) {
            background: #f3f3f3;
        }

    .ss-content:has(:hover) li:not(:hover) {
        border: none;
    }

    .ss-content li:hover {
        border: 1px solid #d1222d;
    }

    .ss-content li a {
        color: #d1222d;
    }

    .ss-content li.selected {
        border: 1px solid #d1222d;
    }

.ss-footer {
    background: #005587;
    color: #fff;
    padding: 5px;
}

    .ss-footer a {
        color: #fff;
    }

        .ss-footer a:hover {
            text-decoration: underline;
        }

/* carry over should be in main RP*/
.skip-link {
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 99999;
    background: #fff;
    height: 0;
    overflow: hidden;
}

/* ES classes*/
.es-container {
    max-width: 100%;
}

.clear {
    width: 100%;
    clear: both;
    display: block;
}

.es-container .clear {
    max-width: 100%;
}

.es-container a {
    color: #337ab7;
    text-decoration: none;
}

    .es-container a:hover {
        /*color: #f37622;*/
        text-decoration: underline;
    }
/* ES Main*/
.es-wrap {
}

    .es-wrap ul#main-content {
        margin: 0;
        padding: 0;
    }

    .es-wrap ul.es-item-list {
        margin: 0;
        padding: 0;
    }

.es-actionbar {
    background-color: #005587;
    color: #fff;
    padding: 7px 10px;
    margin-bottom: 12px;
}

    .es-actionbar .es-sortWrapper {
        float: left;
    }

        .es-actionbar .es-sortWrapper .sort-actions {
            color: #000;
        }

    .es-actionbar .page-actions {
        color: #000;
    }

    .es-actionbar.es-actionbar-top {
    }

    .es-actionbar.es-actionbar-bottom {
        margin-top: 20px;
    }

    .es-actionbar .es-pagination {
        float: right;
    }

        .es-actionbar .es-pagination a {
            display: inline-block;
            min-width: 15px;
            padding: 0 4px;
            text-decoration: none;
            text-align: center;
            background-color: #fff;
            font-size: .8rem;
        }

        .es-actionbar .es-pagination .current-page {
            display: inline-block;
            min-width: 15px;
            padding: 0 4px;
            text-decoration: none;
            text-align: center;
            font-size: .8rem;
            background-color: #f37622;
        }

        .es-actionbar .es-pagination a.es-next {
            background: none;
            color: #fff;
        }

            .es-actionbar .es-pagination a.es-next .visually-hidden {
                display: none;
            }

.es-item-list {
    list-style: none;
}

    .es-item-list .es-item {
        list-style: none;
        margin-top: 1rem;
        border-top: 1px solid rgba(153,153,153,.5);
        padding-top: 1rem;
    }

        .es-item-list .es-item .es-item-title a {
            font-family: "Open Sans", sans-serif;
            font-weight: 600;
            font-size: 1rem;
        }


/* ES SIDE*/
.es-results-filters {
    background-color: #f3f3f3;
    border: 1px solid #b8b8b8;
    border-top-style: none;
    overflow: hidden;
    margin: 0 0 15px 0;
}

    .es-results-filters h4 {
        padding: 10px 10px;
        font-size: 1em;
        font-weight: bold;
        text-align: left;
    }

    .es-results-filters .es-rail {
        background-color: #005587;
        color: #fff;
        margin: 0;
        padding: 10px;
        font-size: 1.2em;
        font-weight: 700;
        color: #fff;
    }

    .es-results-filters .es-filter-type ul {
        margin: 10px 8px;
        padding: 10px 10px 10px 10px;
        list-style-type: none;
        background-color: #fff;
        border: 1px solid #d0d0d0;
        font-size: .8rem;
    }

        .es-results-filters .es-filter-type ul ul {
            margin: 0 0 10px 10px;
            padding: 0;
            list-style-type: none;
            border: 0px solid #d0d0d0;
            background-color: none;
        }


    .es-results-filters li.filter-value {
        position: relative;
        font-size: .8rem;
    }

        .es-results-filters li.filter-value a {
            position: relative;
            padding-left: 20px;
        }

            .es-results-filters li.filter-value a:before {
                content: "";
                position: absolute;
                left: 0;
                top: 5px;
                width: 10px;
                height: 10px;
                color: #295c94;
                font-size: 14px;
                line-height: 6px;
                border: 1px solid #b8b8b8;
                background-color: #f3f3f3;
            }

    .es-results-filters li.filter-active > a:before {
        content: "\2714";
        border-color: #8d8b8b;
    }

.es-filter-list {
    padding: 0px 8px;
    background-color: #d5d6d6;
    border-bottom: 1px solid #bdbebe
}

    .es-filter-list .filter-list-heading {
        position: relative;
        margin-left: 10px;
        font-size: 1em;
        font-weight: 700;
        text-decoration: none;
    }

        .es-filter-list .filter-list-heading a:before {
            content: "\58";
            position: absolute;
            left: 0;
            top: 0px;
            width: 10px;
            height: 10px;
            color: #295c94;
            font-size: 16px;
            color: #c00;
            font-weight: bold;
        }

    .es-filter-list ul {
        position: relative;
        list-style: none;
        margin-top: 5px;
        padding: 10px 10px 10px 10px;
        list-style-type: none;
        background-color: #f3f3f3;
        border: 1px solid #bdbebe;
        font-size: .8rem;
    }

        .es-filter-list ul li a:before {
            content: "\58";
            position: absolute;
            left: 0;
            top: 0px;
            width: 10px;
            height: 10px;
            font-size: 14px;
            color: #c00;
            font-weight: bold;
        }

    .es-filter-list a {
        position: relative;
        padding-left: 20px;
    }

.es-results-filters .filter-parent ul {
    -webkit-transition: height 1s ease;
    -moz-transition: ease-in 2s none;
    -ms-transition: ease-in 2s none;
    -o-transition: ease-in 2s none;
    transition: ease-in 2s none;
}

.es-results-filters .filter-parent.collapsed ul {
    display: none;
}

.es-results-filters .filter-parent.collapsed .fa-minus {
    display: none;
}

.es-results-filters .filter-parent.expanded .fa-plus {
    display: none;
}

.es-results-filters .filter-parent i {
    color: #999;
    float: right;
    cursor: pointer;
}

.filter-type ul li {
    padding-bottom: 5px;
    padding-top: 5px;
}
/* ES Serch Box*/
.es-search-box .form-group .form-control {
    border-color: #005587;
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.es-search-box button i {
    color: #fff;
}

.es-search-box .btn-primary {
    display: inline-block;
    padding: 0;
    width: 36px;
    border: none;
    border-radius: 0 0.25rem 0.25rem 0;
    background: #005587;
    padding: 7px 12px;
    margin-left: -10px
}

    .es-search-box .btn-primary span {
        display: none;
    }

.es-item.es-content-type-event .es-date {
    float: left;
    width: 170px;
}

.es-item.es-content-type-event .es-search-content {
    margin-left: 170px
}

p:empty {
    background: #ff0000;
}

.es-item.es-content-type-event .es-date span {
    width: 70px;
    color: #000;
    font-size: 1.8em;
    text-align: center;
    padding: 2px 10px;
    display: block;
}

    .es-item.es-content-type-event .es-date span:first-child {
        color: #fff;
        background: #002e6c;
        font-size: .8em;
        font-weight: 700;
        text-align: center;
        padding: 5px 10px;
        display: block;
    }

    .es-item.es-content-type-event .es-date span:last-child {
        color: #000;
        font-size: .8em;
        text-align: center;
        padding: 2px 10px;
        display: block;
    }

    .es-item.es-content-type-event .es-date span:empty {
        width: 0px;
        padding: 0px;
    }

.es-item.es-content-type-event .es-search-content .meta {
    color: #999;
    font-size: .85em;
    margin-bottom: 1em;
    line-height: 1.5;
    font-style: italic;
}

.es-item.es-content-type-newsblog .es-search-content .pubdate {
    color: #555;
    font-size: .8rem;
    font-style: italic;
    font-weight: 600;
    white-space: nowrap;
    margin-bottom: 0.5rem;
    float: right;
}

ul.es-current-past {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    padding: 0;
    border-bottom: 5px solid #f0f0f0;
}

    ul.es-current-past li {
        list-style: none;
        display: inline-block;
        margin: 0;
        padding: 0;
        color: #999 !important;
        font-size: .938em;
        font-weight: 700;
        padding: 5px 15px;
        position: relative;
        margin-bottom: -5px;
        border-bottom: 5px solid #f0f0f0;
        border-color: #f0f0f0;
    }

        ul.es-current-past li a {
            color: #999 !important;
            text-decoration: none;
        }

}

ul.es-current-past li.filter-active {
    margin-bottom: -5px;
    border-bottom: 5px solid #f37622;
}

ul.es-current-past li.filter-active {
    border-color: #f37622;
}

    ul.es-current-past li.filter-active:after {
        content: " ";
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -5px;
        border: 5px solid transparent;
        border-top-color: #f37622;
    }

    ul.es-current-past li.filter-active a {
        color: #000 !important;
    }

.es-articles {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
    margin-right: -1rem;
}

    .es-articles article.es-article {
        width: 50%;
        margin-bottom: 1rem;
        padding: 0 1rem;
        max-width: 50%;
        flex: 1 0 auto;
        border: 0;
    }

        .es-articles article.es-article .pubdate {
            color: #999;
            font-size: .75rem;
            margin-bottom: 1rem;
        }

        .es-articles article.es-article .es-feature-image {
            float: left;
            margin-right: 1rem;
            border: 1px solid #999;
            border-radius: 0.25rem;
            width: 40%;
            margin-right: 1rem;
            padding: 0.25rem;
        }

            .es-articles article.es-article .es-feature-image img {
                width: 100%;
                object-fit: cover;
                object-position: 50% 50%;
            }

@media only screen and (max-width:960px) {
    .es-articles article.es-article .es-feature-image {
        float: none;
        width: 100%;
        min-height: 0;
        margin-right: 0;
    }
}


@media only screen and (max-width:600px) {

    .es-search-box .form-group {
        display: inline-block;
    }

        .es-search-box .form-group .form-control {
        }

    .es-articles {
        display: block;
    }

        .es-articles article.es-article {
            width: 100%;
            max-width: 100%;
            flex: none;
            border-top: 1px #ccc solid;
        }

    .es-actionbar .page-actions {
        display: none;
    }

    .es-actionbar .es-pagination {
        float: none;
        clear: both;
        margin-top: 5px;
    }
    .es-actionbar .es-sortWrapper {
        float: none;
    }
    .es-search-box .btn-primary {
        margin-left: -6px;
        margin-top: -2px;
    }
}
