@import "../ods-dist-1.8.0/styles/ds-theme.min.css";

.ontario-container {
 position: relative;
 min-height: 100vh;
}

@media only screen and (max-width: 40em) {
.ontario-content-wrapper {
 padding-bottom: 27rem;
}
}

@media only screen and (min-width: 40em) {
.ontario-content-wrapper {
 padding-bottom: 15rem;
}
}

.ontario-icon {
 color: rgb(0, 102, 204)
}

footer {
 position: absolute;
 bottom: 0;
 width: 100%;
}

.alt-img {
 display: flex; 
 align-items: center;
 justify-content: center;
}

.service-ontario-logo {
 background-color: #00703c; 
 padding: 0.50rem;
 width: 100%;
 height: 100%;
}

.display-none {
 display:none;
}

.position-absolute {
 position: absolute;
}

.width-full {
 width: 100%;
}

.all-revert {
 all:revert;
}

.text-align-center {
 text-align: center
}

.subheader-font {
 color: #FFFFFF;
 font-weight: 600;
 text-decoration: none;
}

.span-font {
 font-size: 1.5rem;
 color: white;
}

.interac-sup-font {
    font-size:0.8em !important;
}

.color-blue {
 color: #0067CC
}

.color-dark-blue {
 color: rgb(0, 102, 204);
}

.color-black-important {
 color: black !important;
}

.color-blue-flex-start {
 color: #0067CC;
 justify-content: flex-start;
}

hr.thick-black {
    border: none !important;
    height: 4px !important;
    background-color: #000 !important;
}

/* Make the card and its heading not appear clickable */
.ontario-card {
    cursor: default !important;
}

.ontario-card:hover .ontario-card__heading,
.ontario-card--dark:hover .ontario-card__heading {
    text-decoration: none !important;
    color: inherit !important;
    cursor: default !important;
}

/* Custom override for centering and resizing the card image */
.ontario-card--image--one-fourth .ontario-card__image-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ontario-card--image--one-fourth .ontario-card__image {
    width: 50%;
    height: 50%;
    object-fit: contain;
    color: rgb(0, 0, 0)
}

ul ul {
    list-style-type: disc;
}

li {
    line-height: 1.4 !important;
    padding-bottom: 4px !important;
}

li:last-child{
    padding-bottom: 0 !important;
}

.no-custom-style {
    list-style-position: inside;
    margin: 0;
}

.no-custom-style li {
    margin-top: 20px;
}

.no-custom-style a {
    text-decoration: none;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}