.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 {
    padding: 0 var(--space-12) 0 var(--space-4);
    margin-block-start: var(--space-12);
}

.gis-dictionary-content .simple-search {
    margin-top: 0;
    margin-inline-start:var(--space-2);
}

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



.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input-container {
    height: auto;
}

.gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input-container input {
    font-size: var(--font-2);
}

.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-content .simple-search .sra-search-field {
        padding: 0 var(--space-12);
    }
    .gis-dictionary-content .simple-search .sra-search-field .custom-underline-text-input-container input {
        font-size: var(--font-4);
    }
    .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%;
    }
}