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

#PrimaryContent {
    margin-bottom: 1.5em;
}

#SearchResults {
}

    #SearchResults .searchResult {
        float: none;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        padding: 0 0 1.5em;
        border: 0;
        border-bottom: #eae8e7 2px solid;
    }

        #SearchResults .searchResult .thumbnail {
            margin-right: 30px;
            max-width: 150px;
            flex-shrink: 0; /* Don't get smaller. */
        }

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

            #SearchResults .searchResult .text .title {
                margin: 0 0 0.5em;
                padding-right: 210px;
            }

                #SearchResults .searchResult .text .title a {
                }

                #SearchResults .searchResult .text .title .fileSize {
                    display: inline-block;
                    margin-left: 10px;
                }

                    #SearchResults .searchResult .text .title .fileSize::before {
                        content: "[";
                    }

                    #SearchResults .searchResult .text .title .fileSize::after {
                        content: "]";
                    }

                    #SearchResults .searchResult .text .title .fileSizeValue {
                    }

                    #SearchResults .searchResult .text .title .fileSizeUnit {
                    }

            #SearchResults .searchResult .text .relevance {
                position: absolute;
                top: 0;
                right: 0;
                width: 200px;
                max-width: 40%;
                font-size: 15px;
                background: #e0dcdb;
            }

                #SearchResults .searchResult .text .relevance .resultRelevance {
                }

                #SearchResults .searchResult .text .relevance .resultRank {
                    position: relative;
                    display: inline-block;
                    box-sizing: border-box;
                    width: 100%;
                    padding: 4px 10px;
                    color: #fff;
                    font-weight: bold;
                    background: #2B822B;
                    text-shadow: 1px 1px 1px #000;
                }

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

                #SearchResults .searchResult .text .relevance .percent {
                }

            #SearchResults .searchResult .text .trailNav {
                margin-bottom: 0.75em;
            }

            #SearchResults .searchResult .text .date {
                margin-bottom: 0.75em;
            }

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

    #SearchResults .searchResult.odd {
    }

    #SearchResults .searchResult.even {
    }

    /* Specific content types */

        #SearchResults .searchResult .title a::before {
            /* Default icon layout */
            display: inline-block;
            vertical-align: middle;
            margin-right: 0.25em;
            font-family: 'Font Awesome 6 Free';
            font-weight: 700;
            font-size: 2em;
            color: #484038;
        }

    #SearchResults .searchResult.content_type_web_page {
    }

    #SearchResults .searchResult.content_type_page_fragment {
    }

        #SearchResults .searchResult.content_type_shopct_product .title a::before {
            content: "\f07a";
        }

        #SearchResults .searchResult.content_type_calendarct_event .title a::before {
            content: "\f073";
        }

        #SearchResults .searchResult.content_type_file .title a::before {
            content: "\f15c";
        }

    #SearchResults .searchResult.content_type_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 {
}

    #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 {
            width: 92%;
            min-width: 92%;
            padding: 2.25em 4% 0;
            margin: -1em 0 1em;
        }
    
            #Secondary fieldset#AdvancedSearchForm legend {
            }

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

                    #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldTitle {
                        display: none;
                    }

                    #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchKeywordsContainer .fieldContent {
                        width: 94%;
                        padding: 0 2%;
                        max-width: 100%;
                    }

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

                    #Secondary #AdvancedSearch fieldset#AdvancedSearchForm li#AdvancedSearchTypeContainer .fieldTitle {
                        display: none;
                    }

                    #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: 1.5em;
    }

    #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 .searchResult .thumbnail {
        max-width: 25%;
    }

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

    #SearchResults .searchResult .text .relevance {
        position: relative;
        top: auto;
        right: auto;
        max-width: 100px;
        margin: 0 0 0.5em;
    }

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

}

/*
    Intro Page
*/

body#Article_whitesite_search_intro {
}

    body#Article_whitesite_search_intro #AdvancedSearch {
        position: relative;
        right: auto;
        width: 100%;
    }

        body#Article_whitesite_search_intro #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldContent {
            width: 75%;
            max-width: 75%;
        }

        body#Article_whitesite_search_intro #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldTitle {
            width: 25% !important;
        }

        body#Article_whitesite_search_intro #AdvancedSearch .radioField .horizontalOptions label, .checkboxField .horizontalOptions label {
            width: auto !important;
        }

/*
    Search Results Page - Found Results
*/

body#Article_whitesite_search_found_results {
}

    body#Article_whitesite_search_found_results #SearchResults {
        position: relative;
        float: left;
        width: calc(100% - 320px);
    }

    body#Article_whitesite_search_found_results #AdvancedSearch {
        position: relative;
        float: right;
        width: 290px;
    }

        body#Article_whitesite_search_found_results #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li label,
        body#Article_whitesite_search_found_results #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldTitle {
            width: 100% !important;
        }

        body#Article_whitesite_search_found_results #AdvancedSearch fieldset#AdvancedSearchForm ol.formFields li .fieldContent {
            width: 100%;
            max-width: 100%;
        }


/*
    Search Results Page - No Results Found
*/

body#Article_whitesite_search_no_results {
}

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