h4 {
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility;
    margin-bottom: 1rem;
    font-feature-settings: normal;
    font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h4,
.ontario-h4 {
    font-size: 1.25rem;
    letter-spacing: 0.03rem;
    line-height: 1.5;
    margin: 0 0 1rem 0;
}

@media screen and (min-width: 40em) {
    h4,
    .ontario-h4 {
        font-size: 1.5rem;
        letter-spacing: 0.0313rem;
        line-height: 1.5;
    }
}

label {
    display: block;
    margin: 0;
}

.ontario-row {
    margin: 0 auto;
    max-width: 72rem;
    width: 100%;
}

.ontario-row:before, .ontario-row:after {
    content: " ";
    display: table;
}

.ontario-row:after {
    clear: both;
}

.ontario-row .ontario-row {
    margin: 0 calc(-2rem/2);
    max-width: none;
    width: auto;
}

.ontario-row .ontario-row:before, .ontario-row .ontario-row:after {
    content: " ";
    display: table;
}

.ontario-row .ontario-row:after {
    clear: both;
}

.ontario-form-group:last-of-type {
    margin-bottom: 3rem;
}

.ontario-label {
    cursor: pointer;
    color: #1a1a1a;
    font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 1rem 0;
    max-width: 38.75em;
    width: 100%;
}

@media screen and (max-width: 40em) {
    .ontario-label {
        font-size: 1.125rem;
        line-height: 1.56;
    }
}
#searchDiv .esri-input.esri-search__input,
.ontario-input {
    border: 2px solid #1a1a1a;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1a1a1a;
    display: block;
    font-size: 1rem;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    max-width: 46em;
    width: 100%;
    padding: 0.625rem 1rem;
    transition: box-shadow 0.1s ease-in-out;
    height: auto;
}

.ontario-margin-top-16-\! {
    margin-top: 1rem;
}

.ontario-padding-left-0-\! {
    padding-left: 0;
}

.ontario-padding-right-0-\! {
    padding-right: 0;
}

/* -------------------------------
    Custom map template styles
--------------------------------- */
.esri-search__submit-button.esri-widget--button,
.esri-search__clear-button.esri-widget--button,
.esri-popup__footer.esri-popup__footer--has-actions,
.esri-popup__icon--dock-icon.esri-icon-dock-right {
    display: none;
}

.esri-search.esri-widget {
    background-color: transparent;
}

.ontario-label + .esri-search {
    width: unset;
    max-width: 46rem;
}

.column > #viewDiv.esri-view {
    height: 28rem;
    min-height: 28rem;
    margin-top: 3rem;
}

@media only screen and (max-width: 63em) {
    .ontario-form-group:last-of-type {
        margin-bottom: 2rem;
    }

    .column > #viewDiv.esri-view {
        margin-top: 1rem;
    }

    .small-12 {
        width: 100%;
    }
}

/* -------------------------------
    Custom map popup styles
--------------------------------- */
.esri-feature__text.esri-feature__content-element {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-feature-settings: normal;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: inherit;
    margin-bottom: 1.25rem;
}

.esri-feature__text.esri-feature__content-element font {
    font-size: 1.125rem;
    letter-spacing: 0.03rem;
    line-height: 1.5;
    margin: 0 0 1rem 0;
    font-family: "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media screen and (min-width: 40em) {
    .esri-feature__text.esri-feature__content-element font {
        font-size: 1.1875rem;
        letter-spacing: 0.025rem;
        line-height: 1.56;
    }
}

.esri-feature__text.esri-feature__content-element a::after {
    background-image: url("../img/icons/covid-SBECs-new-window.svg");
    content: "";
    background-size: 1.25rem;
    background-repeat: no-repeat;
    height: 1.25rem;
    width: 1.25rem;
    display: inline-block;
    vertical-align: -5px;
    margin-left: 0.2rem;
}

.esri-popup__button .esri-icon-close:before {
    color: #000000;
}

/* Overriding the DS */
.ontario-form-group:last-of-type {
    margin-bottom: 0;
}

.esri-search__input:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px #009adb;
}