.gis-dictionary-header {
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    block-size: auto;
}

.hero-banner-global-v2-wrapper {
    background-color: #EDF8FF;
}

.hbg-container--medium {
    min-block-size: 360px;
}

.hbg-container--xsmall {
    min-block-size: 170px;
}

.hbg-container--medium--left, .hbg-container--medium--right{
    width: 100%;
    max-width: 640px;
    max-height: 360px;
}

.hbg-container--xsmall--left {
    text-align: center;
    inline-size: 100%;
}

@media (min-width: 1024px) {
    .gis-dictionary-header {
        flex-direction: row;
        text-align:left;
        justify-content: space-between;
    }

    .hbg-container--medium--left, .hbg-container--medium--right{
        width: 50%;
    }
}

.gis-dictionary-header h1 {
    color: var(--calcite-ui-text-1);
    margin: var(--space-4) 0;
    font-weight: var(--calcite-font-weight-bold);
}

.gis-dictionary-header .hbg-container--medium--left h1 {
    font-size: var(--font-6);
}

.gis-dictionary-header .hbg-container--xsmall--left h1 {
    font-size: var(--font-4);
}

.gis-dictionary-header p {
    font-size: var(--font-2);
    color: var(--calcite-ui-text-2);
}

.gis-dictionary-content {
    margin-block-start: var(--space-12);
}

.gis-dictionary-content .simple-search {
    margin-top: 0;
}

.gis-dictionary-content .simple-search .sra-search-field {
    width: 100%;
}

.simple-search .sra-search-field .sra-submit.sra-spy-glass-icon {
    cursor: initial;
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input-container {
    height: auto;
    border: 1px solid var(--calcite-ui-border-1);
    flex-flow: row-reverse;
    height: 56px;
    padding-inline: var(--space-6);
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input-container:hover {
    background-color: var(--calcite-button-transparent-hover);
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input-container:active {
    outline: 2px solid var(--calcite-ui-brand);
    background-color: var(--calcite-button-transparent-press);
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input-container:focus-within {
    outline: 2px solid var(--calcite-ui-brand);
    background-color: var(--calcite-ui-background-1);
    border-color: transparent;
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input-container .sra-spy-glass-icon {
    inline-size: 24px;
    block-size: 24px;
    margin-inline-end: var(--space-2);
    background-image: none;
    transition: none;
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input-container:hover .sra-spy-glass-icon {
    --calcite-ui-icon-color: var(--calcite-ui-brand-hover);
    cursor: pointer;
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input {
    font-size: var(--font-0);
    height: 100%;
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input::placeholder {
    color: var(--calcite-ui-text-1);
    opacity: 0.5;
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input::-webkit-search-cancel-button {
    cursor: pointer;
    -webkit-appearance: none;
    height: 24px;
    width: 24px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" stroke="%236a6a6a" stroke-width="0.5"><path d="M18.01 6.697L12.707 12l5.303 5.303-.707.707L12 12.707 6.697 18.01l-.707-.707L11.293 12 5.99 6.697l.707-.707L12 11.293l5.303-5.303z"></path></svg>');
}

.gis-dictionary-alphabet p {
    margin-block: var(--space-6);
    color: var(--calcite-ui-text-2);
}

.gis-dictionary-alphabet-wrapper {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    padding: 0;
    margin-block-end: var(--space-8);
}

.gis-dictionary-alphabet-wrapper calcite-button{
    --calcite-ui-inverse-hover: #00619B; 
    --calcite-ui-brand: transparent;
    --calcite-ui-inverse:#00619B;
    --calcite-ui-inverse-press: #00619B;
    --calcite-font-size-0: 20px; 
    --calcite-ui-inverse: #cacaca;  
}

.gis-dictionary-alphabet ul li,
.gis-dictionary-alphabet calcite-button {
    margin-inline-end: var(--space-2);
    margin-block-end: var(--space-2);
    height: 52px;
    width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: border-color 150ms linear;
}

.error-message {
    padding: var(--space-6);
    color: var(--calcite-ui-text-1);
    border: 1px solid var(--calcite-ui-warning);
    background: #fff7cc;
}

.error-message p {
    margin-bottom: 0;
}

.gis-dictionary-results.withborder {
    border: 1px solid var(--calcite-ui-border-1);
    padding: var(--space-6);
}

.gis-dictionary-results .seperator.small {
    width: 80%;
}

.gis-dictionary-results-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;   
}

.gis-dictionary-results-header h2{
    max-width: 80%;
}

.gis-dictionary-results-shareURL {
    font-size: var(--calcite-font-size--2);
    min-width: 110px;
    text-align: end;
    margin-top: var(--space-3);
}

.gis-dictionary-results ul {
    list-style-type: none;
    padding-inline-start: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gis-dictionary-results ul li {
    width: 100%;
}

.gis-dictionary-results ul li.small {
    width: 100%;
}

.gis-dictionary-results ol {
    padding-bottom: var(--space-4);
}

.gis-dictionary-results ol li {
    margin-block-end: var(--space-10);
    padding-inline-start: var(--space-6);
    position: relative;
}

.gis-dictionary-results ol li img {
    display: block;
    max-width: 912px;
    margin-block: var(--space-5);
}

.gis-dictionary-results ol li .gis-dictionary-results-image {
    height: auto;
    width: clamp(80%, 50vw, 60%);
    display: block;
}

.pagination-wrapper {
    display: flex;
    justify-content: center;
    margin: var(--space-8) 0 var(--space-16) 0;
}

.noresults-divider {
    margin-block: var(--space-12);
}

.gis-dictionary-results .gis-dictionary-useInstead {
    margin-block-start: 36px;
}

.gis-dictionary-results .gis-dictionary-results-list {
    margin-block-end: var(--space-8);
}

.gis-dictionary-results .gis-dictionary-result {
    font-size: var(--calcite-font-size-1);
    color: var(--calcite-ui-brand);
    margin-block-start: var(--space-8);
    padding-block-end: var(--space-3);
    display: block;
    border-bottom: 1px solid var(--calcite-ui-foreground-3);
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%, 100% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px, 100% 1px;
    transition: background-size .3s;
}

.gis-dictionary-results .gis-dictionary-result:is(:hover, :focus){
    cursor: pointer;
    background-size: 100% 1px, 100% 1px;
}

.gis-dictionary-results .gis-dictionary-result .gis-dictionary-result-deprecatedTerm {
    color: var(--calcite-ui-text-3);
}

.gis-dictionary-results .gis-dictionary-result .gis-dictionary-result-termLink {
    text-decoration: none;
    display: inline-block;
    width: 100%;
}

@media (min-width: 640px) {
    .gis-dictionary-results.withborder {
        padding: var(--space-12);
    }
    .gis-dictionary-results-shareURL {
        font-size: var(--calcite-font-size-0);
    }
    .gis-dictionary-results ul li.small {
        width: 47%;
    }
    .gis-dictionary-results .gis-dictionary-result-other,
    .gis-dictionary-results .gis-dictionary-result-related {
        width: 47%;
    }
}