/* Submit button in masthead - HTML structure different */

.form-control-suggest+input[type=submit],.form-control-suggest+button[type=submit] {
    position: absolute;
    right: 0;
    bottom: .625rem;
    width: 44px;
    height: 44px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M796-121 533-384q-30 26-69.959 40.5T378-329q-108.162 0-183.081-75Q120-479 120-585t75-181q75-75 181.5-75t181 75Q632-691 632-584.85 632-542 618-502q-14 40-42 75l264 262-44 44ZM377-389q81.25 0 138.125-57.5T572-585q0-81-56.875-138.5T377-781q-82.083 0-139.542 57.5Q180-666 180-585t57.458 138.5Q294.917-389 377-389Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center right;
    background-color: transparent;
    border: 0;
    background-size: 1.5rem;
    color: transparent
}

@media (min-width: 992px) {
    .form-control-suggest+input[type=submit],.form-control-suggest+button[type=submit] {
        background-size: 1.75rem;
        bottom: 1.25rem
    }
}

.form-control-suggest+input[type=submit]:focus-visible,.form-control-suggest+button[type=submit]:focus-visible {
    outline: 2px dotted #fff
}

/* Search placeholder */
.search-placeholder {
    display: none;
    width: 100%;
    background: white;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

/* Loading icons in Masthead and Search Placeholder - no style supplied */
.search-loader {
    color: #2f2552;
}

.search-placeholder .search-loader {
    text-align: center;
}

.search-placeholder .search-loader .material-symbols-outlined {
    font-size: 4rem;
}

.masthead-search__form .search-loader {
    position: absolute;
    right: 0;
    bottom: .625rem;
    width: 1.5rem;
    height: 1.5rem;
    border: 0;
    color: #ffffff;
    overflow: hidden;
}

@media (min-width: 992px) {
    .masthead-search__form .search-loader {
        width: 1.75rem;
        height: 1.75rem;
        bottom: 1.25rem
    }
}

.search-loader .material-symbols-outlined {
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* Search Result styling - dealing with the additional HTML that is returned by SearchStax but not in design */
#searchContainer .sf-list {
    flex-direction: column;
}

#searchContainer > .container {
    max-width: none;
}

.list-wrapper {
    display: block;
    width: 100%;
}

/* Capitalise result type tag and filter options */
.search-result__type,
.dropdown-item label {
    text-transform: capitalize;
}

/* Hide edit buttons */
.search-feedback-filters-wrapper .edit-button {
    display: none;
}

/* Filter button active class not being applied */
.search-results__filters .form-select:not(.collapsed) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Filters add cursor pointer */
.dropdown-item input, 
.dropdown-item label {
    cursor: pointer;
}

/* Hide facets when all results are shown */
.search-results__filters.hide-facets {
    display: none;
}

@media (min-width: 992px) {
    .search-results__filters.hide-facets+.search-results__results {
        grid-column-start: none;
        grid-column: span 12 / span 12;
    }
}

/* Hide result type tag on results when the all type is not set (when facets are not hidden) */
.search-results__filters:not(.all-active)+.search-results__results .search-result__type {
    display: none;
}

/* Hide section type facet */
.facet-list.sectionType_s {
    display: none;
}

/* Auto suggest */
#autosuggest-autosuggest__results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #2f2552;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    border: 1px solid #FFFFFF;
}

.autosuggest__results ul {
    padding: 0.5rem 1rem 1rem;
    list-style: none;
    margin: 0;
}

.autosuggest__results li {
	cursor: pointer;
}

.autosuggest__results li:not(:last-child) {
    margin-bottom: 0.25rem;
}

/* If a button is active it will always be disabled - override default opacity for disabled buttons */
.masthead-search__filters-form .btn.active:disabled {
    opacity: 1;
}

/* Sort by width */
.search-results__sort select {
  	max-width: 9.125rem;
}

/* PSRR-20172 image maintan natural aspect ratio */
#content .search-results .search-result__image img {
	position: relative;
	height: auto;
	-o-object-fit: unset;
	object-fit: unset;
}

#content .search-results .search-result.people .search-result__image {
  	aspect-ratio: unset;
}