/* #########################################################################
   ##
   ##  Search Module - Default.aspx (Advanced Search & Search Results)
   ##
   ######################################################################### */

#PrimaryContent {
    margin-bottom: var(--site-box-margin-bottom);
}

#SearchResults {
}

    #SearchResults .search-result {
        float: none;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        padding: 0 0 var(--site-box-margin-bottom);
        border: 0;
        border-bottom: var(--site-color-ui-light) 2px solid;
    }

        #SearchResults .search-result:last-child {
            border-bottom: 0;
        }

        #SearchResults .search-result .thumbnail {
            margin-right: var(--site-gutters);
            max-width: var(--site-thumbnail-tiny-width);
            flex-shrink: 0; /* Don't get smaller. */
        }

        #SearchResults .search-result .text {
            width: 100%;
            flex-grow: 0; /* Don't grow and push the image around. */
        }

            #SearchResults .search-result .text .title {
                margin: 0 0 var(--site-margin-thinner);
                padding-right: 210px;
            }

                #SearchResults .search-result .text .title a {
                }

                #SearchResults .search-result .text .title .file-size {
                    display: inline-block;
                    margin-left: 10px;
                }

                    #SearchResults .search-result .text .title .file-size::before {
                        content: "[";
                    }

                    #SearchResults .search-result .text .title .file-size::after {
                        content: "]";
                    }

                    #SearchResults .search-result .text .title .value {
                    }

                    #SearchResults .search-result .text .title .unit {
                    }

            #SearchResults .search-result .text .relevance {
                position: absolute;
                top: 0;
                right: 0;
                width: 200px;
                max-width: 40%;
                font-size: var(--site-font-size-small);
                background: var(--site-color-ui-light);
            }

                #SearchResults .search-result .text .relevance .result-relevance {
                }

                #SearchResults .search-result .text .relevance .result-rank {
                    position: relative;
                    display: inline-block;
                    box-sizing: border-box;
                    width: 100%;
                    padding: 7px 15px;
                    color: #fff;
                    font-weight: bold;
                    background: #2B822B;
                    text-shadow: 1px 1px 1px #000;
                }

                #SearchResults .search-result .text .relevance.rank100 .result-rank { width: 100%; }
                #SearchResults .search-result .text .relevance.rank99 .result-rank { width: 99%; }
                #SearchResults .search-result .text .relevance.rank98 .result-rank { width: 98%; }
                #SearchResults .search-result .text .relevance.rank97 .result-rank { width: 97%; }
                #SearchResults .search-result .text .relevance.rank96 .result-rank { width: 96%; }
                #SearchResults .search-result .text .relevance.rank95 .result-rank { width: 95%; }
                #SearchResults .search-result .text .relevance.rank94 .result-rank { width: 94%; }
                #SearchResults .search-result .text .relevance.rank93 .result-rank { width: 93%; }
                #SearchResults .search-result .text .relevance.rank92 .result-rank { width: 92%; }
                #SearchResults .search-result .text .relevance.rank91 .result-rank { width: 91%; }
                #SearchResults .search-result .text .relevance.rank90 .result-rank { width: 90%; }
                #SearchResults .search-result .text .relevance.rank89 .result-rank { width: 89%; }
                #SearchResults .search-result .text .relevance.rank88 .result-rank { width: 88%; }
                #SearchResults .search-result .text .relevance.rank87 .result-rank { width: 87%; }
                #SearchResults .search-result .text .relevance.rank86 .result-rank { width: 86%; }
                #SearchResults .search-result .text .relevance.rank85 .result-rank { width: 85%; }
                #SearchResults .search-result .text .relevance.rank84 .result-rank { width: 84%; }
                #SearchResults .search-result .text .relevance.rank83 .result-rank { width: 83%; }
                #SearchResults .search-result .text .relevance.rank82 .result-rank { width: 82%; }
                #SearchResults .search-result .text .relevance.rank81 .result-rank { width: 81%; }
                #SearchResults .search-result .text .relevance.rank80 .result-rank { width: 80%; }
                #SearchResults .search-result .text .relevance.rank79 .result-rank { width: 79%; }
                #SearchResults .search-result .text .relevance.rank78 .result-rank { width: 78%; }
                #SearchResults .search-result .text .relevance.rank77 .result-rank { width: 77%; }
                #SearchResults .search-result .text .relevance.rank76 .result-rank { width: 76%; }
                #SearchResults .search-result .text .relevance.rank75 .result-rank { width: 75%; }
                #SearchResults .search-result .text .relevance.rank74 .result-rank { width: 74%; }
                #SearchResults .search-result .text .relevance.rank73 .result-rank { width: 73%; }
                #SearchResults .search-result .text .relevance.rank72 .result-rank { width: 72%; }
                #SearchResults .search-result .text .relevance.rank71 .result-rank { width: 71%; }
                #SearchResults .search-result .text .relevance.rank70 .result-rank { width: 70%; }
                #SearchResults .search-result .text .relevance.rank69 .result-rank { width: 69%; }
                #SearchResults .search-result .text .relevance.rank68 .result-rank { width: 68%; }
                #SearchResults .search-result .text .relevance.rank67 .result-rank { width: 67%; }
                #SearchResults .search-result .text .relevance.rank66 .result-rank { width: 66%; }
                #SearchResults .search-result .text .relevance.rank65 .result-rank { width: 65%; }
                #SearchResults .search-result .text .relevance.rank64 .result-rank { width: 64%; }
                #SearchResults .search-result .text .relevance.rank63 .result-rank { width: 63%; }
                #SearchResults .search-result .text .relevance.rank62 .result-rank { width: 62%; }
                #SearchResults .search-result .text .relevance.rank61 .result-rank { width: 61%; }
                #SearchResults .search-result .text .relevance.rank60 .result-rank { width: 60%; }
                #SearchResults .search-result .text .relevance.rank59 .result-rank { width: 59%; }
                #SearchResults .search-result .text .relevance.rank58 .result-rank { width: 58%; }
                #SearchResults .search-result .text .relevance.rank57 .result-rank { width: 57%; }
                #SearchResults .search-result .text .relevance.rank56 .result-rank { width: 56%; }
                #SearchResults .search-result .text .relevance.rank55 .result-rank { width: 55%; }
                #SearchResults .search-result .text .relevance.rank54 .result-rank { width: 54%; }
                #SearchResults .search-result .text .relevance.rank53 .result-rank { width: 53%; }
                #SearchResults .search-result .text .relevance.rank52 .result-rank { width: 52%; }
                #SearchResults .search-result .text .relevance.rank51 .result-rank { width: 51%; }
                #SearchResults .search-result .text .relevance.rank50 .result-rank { width: 50%; }
                #SearchResults .search-result .text .relevance.rank49 .result-rank { width: 49%; }
                #SearchResults .search-result .text .relevance.rank48 .result-rank { width: 48%; }
                #SearchResults .search-result .text .relevance.rank47 .result-rank { width: 47%; }
                #SearchResults .search-result .text .relevance.rank46 .result-rank { width: 46%; }
                #SearchResults .search-result .text .relevance.rank45 .result-rank { width: 45%; }
                #SearchResults .search-result .text .relevance.rank44 .result-rank { width: 44%; }
                #SearchResults .search-result .text .relevance.rank43 .result-rank { width: 43%; }
                #SearchResults .search-result .text .relevance.rank42 .result-rank { width: 42%; }
                #SearchResults .search-result .text .relevance.rank41 .result-rank { width: 41%; }
                #SearchResults .search-result .text .relevance.rank40 .result-rank { width: 40%; }
                #SearchResults .search-result .text .relevance.rank39 .result-rank { width: 39%; }
                #SearchResults .search-result .text .relevance.rank38 .result-rank { width: 38%; }
                #SearchResults .search-result .text .relevance.rank37 .result-rank { width: 37%; }
                #SearchResults .search-result .text .relevance.rank36 .result-rank { width: 36%; }
                #SearchResults .search-result .text .relevance.rank35 .result-rank { width: 35%; }
                #SearchResults .search-result .text .relevance.rank34 .result-rank { width: 34%; }
                #SearchResults .search-result .text .relevance.rank33 .result-rank { width: 33%; }
                #SearchResults .search-result .text .relevance.rank32 .result-rank { width: 32%; }
                #SearchResults .search-result .text .relevance.rank31 .result-rank { width: 31%; }
                #SearchResults .search-result .text .relevance.rank30 .result-rank { width: 30%; }
                #SearchResults .search-result .text .relevance.rank29 .result-rank { width: 29%; }
                #SearchResults .search-result .text .relevance.rank28 .result-rank { width: 28%; }
                #SearchResults .search-result .text .relevance.rank27 .result-rank { width: 27%; }
                #SearchResults .search-result .text .relevance.rank26 .result-rank { width: 26%; }
                #SearchResults .search-result .text .relevance.rank25 .result-rank { width: 25%; }
                #SearchResults .search-result .text .relevance.rank24 .result-rank { width: 24%; }
                #SearchResults .search-result .text .relevance.rank23 .result-rank { width: 23%; }
                #SearchResults .search-result .text .relevance.rank22 .result-rank { width: 22%; }
                #SearchResults .search-result .text .relevance.rank21 .result-rank { width: 21%; }
                #SearchResults .search-result .text .relevance.rank20 .result-rank { width: 20%; }
                #SearchResults .search-result .text .relevance.rank19 .result-rank { width: 19%; }
                #SearchResults .search-result .text .relevance.rank18 .result-rank { width: 18%; }
                #SearchResults .search-result .text .relevance.rank17 .result-rank { width: 17%; }
                #SearchResults .search-result .text .relevance.rank16 .result-rank { width: 16%; }
                #SearchResults .search-result .text .relevance.rank15 .result-rank { width: 15%; }
                #SearchResults .search-result .text .relevance.rank14 .result-rank { width: 14%; }
                #SearchResults .search-result .text .relevance.rank13 .result-rank { width: 13%; }
                #SearchResults .search-result .text .relevance.rank12 .result-rank { width: 12%; }
                #SearchResults .search-result .text .relevance.rank11 .result-rank { width: 11%; }
                #SearchResults .search-result .text .relevance.rank10 .result-rank { width: 10%; }
                #SearchResults .search-result .text .relevance.rank9 .result-rank { width: 9%; }
                #SearchResults .search-result .text .relevance.rank8 .result-rank { width: 8%; }
                #SearchResults .search-result .text .relevance.rank7 .result-rank { width: 7%; }
                #SearchResults .search-result .text .relevance.rank6 .result-rank { width: 6%; }
                #SearchResults .search-result .text .relevance.rank5 .result-rank { width: 5%; }
                #SearchResults .search-result .text .relevance.rank4 .result-rank { width: 4%; }
                #SearchResults .search-result .text .relevance.rank3 .result-rank { width: 3%; }
                #SearchResults .search-result .text .relevance.rank2 .result-rank { width: 2%; }
                #SearchResults .search-result .text .relevance.rank1 .result-rank { width: 1%; }
                #SearchResults .search-result .text .relevance.rank0 .result-rank { width: 0%; }

                #SearchResults .search-result .text .relevance .percent {
                }

            #SearchResults .search-result .text .trail-nav {
                margin-bottom: var(--site-margin-thinner);
            }

            #SearchResults .search-result .text .date {
                margin-bottom: var(--site-margin-thinner);
            }

            #SearchResults .search-result .text .summary {
                margin-bottom: 0;
            }

    /* Specific content types */

        #SearchResults .search-result .title a::before {
            /* Default icon layout */
            display: inline-block;
            vertical-align: middle;
            margin-right: 0.25em;
            font-family: var(--site-icon-font-family);
            font-weight: var(--site-icon-font-weight);
            font-size: 1.5em;
            color: var(--site-color-1-mid-dark);
        }

    #SearchResults .search-result.ct-web_page {
    }

    #SearchResults .search-result.ct-page_fragment {
    }

        #SearchResults .search-result.item.product .title a::before {
            content: "\f07a";
        }

        #SearchResults .search-result.ct-calendarct_event .title a::before {
            content: "\f073";
        }

        #SearchResults .search-result.ct-file .title a::before {
            content: "\f15c";
        }

    #SearchResults .search-result.ct-file .title {
        /* Wrap text to handled very long file names. */
        overflow-wrap: break-word; /* v- These are technically the same, but use both */
        word-wrap: break-word; /* ^- These are technically the same, but use both */
        -ms-word-break: break-all;
        word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-word; /* Instead use this non-standard one: */
    }

/* Form on the search results page */

#AdvancedSearch {
    margin-bottom: var(--site-box-margin-bottom);
}

    #AdvancedSearch fieldset#AdvancedSearchForm {
        margin-bottom: 0;
    }

        #AdvancedSearch fieldset#AdvancedSearchForm legend {
        }

        #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields {
        }

            #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li {
            }

                #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li label,
                #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldTitle {
                }

                #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldContent {
                }

            #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer {
            }

                #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldTitle {
                }

                #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldContent {
                }

            #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer {
            }

                #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldTitle {
                }

                #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldContent {
                }

    #AdvancedSearch .submitButton {
    }

    /* Search Form in the Secondary Content Area */
    
    #Secondary #AdvancedSearch {
    }
    
        #Secondary fieldset#AdvancedSearchForm {
        }
    
            #Secondary fieldset#AdvancedSearchForm legend {
            }

                #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer {
                }

                    #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldTitle {
                    }

                    #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldContent {
                    }

                #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer {
                }

                    #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldTitle {
                    }

                    #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldContent {
                    }

    #Secondary #AdvancedSearch .button {
    }

@media screen and (max-width: 900px) {

    #SearchResults {
        min-height: 0;
        margin-right: 0;
    }

    #AdvancedSearch {
        position: relative;
        right: auto;
        width: 100%;
        margin-bottom: var(--site-box-margin-bottom);
    }

    #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li label,
    #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldTitle {
        width: inherit !important;
    }

    #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldContent {
        width: inherit;
        max-width: inherit;
    }

}

@media screen and (max-width: 600px) {

    #SearchResults .search-result .thumbnail {
        max-width: 25%;
    }

    #SearchResults .search-result .text .title {
        padding-right: 0;
    }

    #SearchResults .search-result .text .relevance {
        position: relative;
        top: auto;
        right: auto;
        max-width: 100px;
        margin: 0 0 var(--site-margin-thinner);
    }

        #SearchResults .search-result .text .relevance .result-rank {
            font-size: 91.7%;
            padding: 6px 6px 2px;
        }
    
    #AdvancedSearch input.button {
        margin-top: -1em;
        width: 100%;
    }

}

/*
    Intro Page
*/

body[id*=_search_intro] {
}

@media screen and (min-width: 900px) {

    body[id*=_search_intro] #AdvancedSearch {
        position: relative;
        right: auto;
        width: 100%;
    }

        body[id*=_search_intro] #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldContent {
            width: 75%;
            max-width: 75%;
        }

        body[id*=_search_intro] #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldTitle {
            width: 25% !important;
        }

        body[id*=_search_intro] #AdvancedSearch .radioField .horizontalOptions label, .checkboxField .horizontalOptions label {
            width: auto !important;
        }

}

/*
    Search Results Page - Found Results
*/

body[id*=_search_found_results] {
}

@media screen and (min-width: 900px) {

    body[id*=_search_found_results] #Primary {
        margin-top: var(--site-margin);
    }

    body[id*=_search_found_results] #SearchResults {
        position: relative;
        float: left;
        width: calc(100% - 320px);
    }

    body[id*=_search_found_results] #AdvancedSearch {
        position: relative;
        float: right;
        width: 290px;
    }

        body[id*=_search_found_results] #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li label,
        body[id*=_search_found_results] #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldTitle {
            width: 100% !important;
        }

        body[id*=_search_found_results] #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldContent {
            width: 100%;
            max-width: 100%;
        }

}

/*
    Search Results Page - No Results Found
*/

body[id*=_search_no_results] {
}

    body[id*=_search_noresults] #FormMessage {
        display: none; /* 2021-09-21 Workaround to fix repeated message on the page until it's fixed properly. */
    }