@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&display=swap');


/* ----- ROOT FONT SIZE / REMs ----- */
html {
    font-size: 12px; /* calc(((100vh + 100vw) / 2) * 0.006 + 9px); */
}
@media (min-width: 480px) {
    html {
        font-size: 13px;
    }
}
@media (min-width: 768px) {
    html {
        font-size: 14px;
    }
}
@media (min-width: 1000px) {
    html {
        font-size: 15px;
    }
}
@media (min-width: 1200px) {
    html {
        font-size: 16px;
    }
}
@media (min-width: 1400px) {
    html {
        font-size: 17px;
    }
}


/* ----- BASE FONT STYLES ----- */
body.user-anonymous, #s4-bodyContainer { /* Don't apply font to SharePoint UI when logged in */
    font-family: "Work Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; /* Use Work Sans or native font stack */
    font-size: 1rem;
    color: #282828;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ----- BASE HEADING STYLES ----- */
h1,h2,h3 {
    font-family: 'Oswald', sans-serif;
}

:not(#x) h4,h5,h6 { /* :not(#x) increases specificity without using !important */
    font-weight: 800;
}

:not(#x) h3 {
    text-transform: uppercase;
    font-size: 2.2rem;
    margin-bottom: 2rem;
}


/* ----- CONTAINERS + SCAFFOLDING ----- */
main {
    padding-top: 2rem;
    padding-bottom: 0;
}

.oem-covid19-home main {
    padding-bottom: 0;
}

:not(#x) .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-right: auto;
    margin-left: auto;
    width: auto;
}

@media(min-width: 1160px) {
    :not(#x) .container {
        padding: 0;
        margin-left: calc((100vw - 70rem) / 2);
        margin-right: calc((100vw - 70rem) / 2);
    }
}


/* ----- BUTTONS ----- */
:not(#x) .btn {
    border-radius: 0;
}

.btn-primary:visited,
.btn-danger:visited
.btn-warning:visited,
.btn-info:visited,
.btn-success:visited {
    color: white;
}


/* ----- ALERTS ----- */
#agencyWideAlert .alert, .checkedOutMessage.alert {
    box-shadow: inset 0 0 0 0.1rem rgba(0,0,0,0.1);
}


/* ----- SHAREPOINT RICH TEXT EDITOR ----- */
.ms-formfieldvaluecontainer div[id$='_RichHtmlField_displayContent'] {
    background-color: transparent!important;
    margin-bottom: 15px!important;
    margin-top: 15px!important;
}
.ms-formfieldvaluecontainer div[id$="_EmptyHtmlPanel"] {
    background-color: rgba(0,0,0,0.1)!important;
    margin-bottom: 15px!important;
    margin-top: 15px!important;
}

.ms-webpartzone-cell {
    margin-bottom: 0;
}







/* ----- TOP NAVIGATION RESCALING ----- */
/* Comments on right show the variables used. If changing a variable, change it everywhere */
.or-navbar {
    padding-right: 5rem; /* button width */
    min-height: 5rem; /* navbar height */
}

@media(max-width: 767px) {
    .or-navbar {
        padding-right:10rem/* double button width */
    }
}

@media(max-width: 767px) {
    .or-navbar-toggle-button {
        width: 5rem; /* button width */
    }
}

@media(min-width: 768px) {
    .or-navigation {
        min-height: 5rem /* navbar height */
    }

    .or-navigation-list {
        min-height: 5rem /* navbar height */
    }
}

@media(max-width: 767px) {
    .or-navbar-search-wrapper {
        right: 5rem /* button width */
    }
}

.or-navbar-search-wrapper {
    width: 5rem /* button width */
}

.or-navbar-search-wrapper.or-navbar-search-open {
    width: 50%; /* Open search to half the width of the screen */
}

@media(max-width: 767px) {
    .or-navbar-search-wrapper.or-navbar-search-open {
        width:calc(100% - 5rem)!important /* button width */
    }
}

@media(max-width: 767px) {
    .or-navbar-search-input-wrapper {
        min-width: 10rem /* double button width ? */
    }
}

.or-navbar-search-input {
    padding: 0 5rem; /* button width */
}

.or-navbar-search-input-icon {
    font-size: 2rem; /* icon size */
    left: calc(2.5rem - 1rem); /* button width half - icon size half */
}

.or-navbar-search-close-button {
    top: 0;
    left: 0;
    width: 5rem; /* button size */
    height: 5rem; /* navbar height */
}

.or-navbar-search-close-button>* {
    font-size: 2rem /* icon size */
}

.or-navbar-search-submit-button {
    width: 5rem; /* button width */
}

.or-navbar-search-submit-button>* {
    font-size: 2rem /* icon size */
}

.oem-top-navigation-logo {
    height: 5rem; /* navbar height */
}

@media (min-width: 767px) {
    .or-navigation-list>li>a {
        height: 5rem; /* navbar height */
    }
}


/* ----- TOP NAVIGATION STYLES ----- */
.oregon-covid-19-response .or-navbar {
    background: white;
    color: #282828;
    padding-left: 1rem;
}

.oem-top-navigation-logo {
    display: flex;
    float: left;
    align-items: center;
    color: inherit;
}

.oem-top-navigation-logo:hover {
    text-decoration: none;
    color: #0C4C81;
}

.oem-top-navigation-logo img {
    width: 3rem;
    height: auto;
    margin-right: 0.6rem;
}

.oem-top-navigation-logo h1 {
    font-family: inherit;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.2rem;
    letter-spacing: -0.02em;
    font-weight: bold;
    text-decoration: none!important;
    text-transform: none;
}

@media (min-width: 767px) {
    .or-navigation-list>li>a {
        color: #222;
        font-weight: 500;
        padding: 0 1rem;
        font-size: 1.12rem;
        font-weight: normal;
        display: flex;
        align-items: center;
    }
}

.or-navigation-list>li>a:hover, .or-navigation-list li.open>a {
    background: #eee;
}

ul.or-navigation-list {
    justify-content: flex-end;
    align-items: stretch;
}


/* ----- TOP NAVIGATION MOBILE ----- */
@media(max-width: 767px) {
    .or-navbar-toggle-button {
        background: #0C4C81;
    }

    .or-navbar-toggle-button:hover {
        background: rgb(27, 112, 182);
    }

    .navbar-offcanvas {
        background-color:#0C4C81;
        background-image: none;
        box-shadow: none;
    }

    .dropdown-backdrop {
        position: relative
    }

    .navbar-nav>li {
        border-top: solid 1px rgba(255,255,255,.1)
    }

    .portalBar .nav>li>a {
        color: #fff
    }

    .portalBar .or-navigation-label {
        color: rgba(255,255,255,.8);
        padding: 10px;
        font-size: .7em;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px
    }
}

/* ----- TOP NAVIGATION SEARCH ----- */
.or-navbar-search-wrapper {
    background: transparent;
    transition: width 0.6s ease, box-shadow 0.6s ease;
}

.or-navbar-search-input-icon {
    color: inherit;
}

.or-navbar-search-wrapper:not(.or-navbar-search-open) .or-navbar-search-input:hover,.or-navbar-search-input-icon:hover~.or-navbar-search-input {
    background: rgba(255,255,255,.1);
}

.or-navbar-search-close-button >* {
    color: #222;
}

.or-navbar-search-input {
    color: #222;
    background: white!important;
    font-size: 1.2rem;
}

.or-navbar-search-wrapper.or-navbar-search-open {
    box-shadow: 0 0 5rem rgba(0,0,0,0.2);
}

.or-navbar-search-submit-button {
    background: rgb(20, 94, 155);
}

.or-navbar-search-submit-button:hover {
    background: rgb(27, 112, 182);
}








/* ----- PAGE HEADERS ----- */
.oregon-covid-19-response header {
    box-shadow: none;
}

.oregon-covid-19-response .or-header {
    height: auto;
    min-height: none;
}

.oem-covid19-home .or-header {
    height: auto;
    min-height: auto;
    background: center / cover no-repeat url('/covid19response/PublishingImages/volunteer-oem.jpg')!important;
}

.covid19response-pages-faqs-aspx .or-header {
    background: center 40% / cover no-repeat url('/covid19response/PublishingImages/faq-header.jpg')!important;
}

.oregon-covid-19-response .or-header-overlay {
    background: black!important;
    opacity: 0!important;
}

.oem-covid19-home .or-header-overlay, .covid19response-pages-faqs-aspx .or-header-overlay {
    opacity: 0.6!important;
}

.oregon-covid-19-response .or-header-content {
    height: 100%;
    display: flex;
    align-items: center;
    color: white;
    width: auto!important;
}

.oregon-covid-19-response .oem-header-content {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 2.5rem 15px;
}
.oregon-covid-19-response.oem-covid19-home .oem-header-content {
    padding-top: 5rem;
    padding-bottom: 10rem;
    max-width: 52rem;
}
@media (min-width: 864px) {
    .oregon-covid-19-response .oem-header-content {
        padding-left: calc((100vw - 70rem) / 4);
        padding-bottom: 0;
        padding-top: 0;
        height: 18rem;
    }
    .oregon-covid-19-response.oem-covid19-home .oem-header-content {
        padding-top: 0;
        padding-bottom: 0;
        height: 23rem;
    }
}

.oregon-covid-19-response.oem-covid19-home .or-header-content svg {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    width: 10rem;
    height: calc(10rem * 0.6925);
}

.oregon-covid-19-response.oem-covid19-home .or-header-content svg .st0 {
    fill: rgba(255,255,255,0.9);
}

.oregon-covid-19-response .or-header-content h2 {
    font-size: 4rem;
    margin-left: 0; /* rich text editor tries to center this */
    margin-right: 0;
}

.oregon-covid-19-response.oem-covid19-home .or-header-content h2 {
    text-transform: uppercase;
}

.oregon-covid-19-response .or-header-content p {
    font-size: 1.15rem;
    font-weight: 400;
}







/* ----- PRESS BRIEFING VIDEOS WEB PART ----- */
.oem-press-briefing {
    display: flex;
    flex-flow: column;
    background: #0C4C81;
    color: white;
}

@media (min-width: 768px) {
    .oem-press-briefing {
        flex-flow: row;
    }
}

/* Decontain / Pull section out of the container it's in. These styles must be the opposite of the container styles */
.form-mode-display .oem-press-briefing {
    margin: 2rem calc(-1.5rem); 
}
@media(min-width: 1160px) {
    .form-mode-display .oem-press-briefing {
        margin: 2rem calc((100vw - 70rem) / -2);
    }
}

.oem-press-briefing-video {
    position: relative;
    flex: 1 1 15rem;
    overflow: hidden;
}
@media (min-width: 768px) {
    .oem-press-briefing-video {
        flex: 1 1 50%;
        padding-top: 28.125%;
    }
}

.oem-press-briefing-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.oem-press-briefing-video a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.oem-press-briefing-video a svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: white;
    font-size:5.2rem;
    z-index: 1;
    transition: transform 0.3s ease;
}

.oem-press-briefing-video a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    transition: background-color 0.3s ease;
}
.oem-press-briefing-video a:hover::after {
    background: rgba(0,0,0,0.2);
}
.oem-press-briefing-video a:hover svg {
    transform: translate(-50%, -50%) scale(1.1);
}

.oem-press-briefing-video img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oem-press-briefing-content {
    flex: 1 1 50%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    padding: 40px;
    text-align: left;
}

.oem-press-briefing-content h3 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0.6rem!important;
}

.oem-press-briefing-content p {
    font-size: 1.12em!important;
    margin-bottom: 1.2rem;
}

.oem-press-briefing-content .btn {
    border-color: transparent;
    font-weight: 400;
    border-width: 2px;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.oem-press-briefing-content .btn:hover {
    border-color: white;
    color: white;
    background-color: transparent;
}







/* ----- TOP LINKS ----- */
.oem-top-links {
    margin-bottom: 3rem;
}
@media (min-width: 640px) {
    .oem-top-links {
        display: flex;
        justify-content: stretch;
        margin-left: -1.5rem; /* Must match the minimum margin added to containers (on mobile), anything greater than that will create horizontal scrollbar */
    }
    .oem-top-links-category {
        flex: 0 1 100%;
        margin-left: 1.5rem;
    }
}
@media (min-width: 1160px) {
    .oem-top-links {
        margin-left: -2rem;
    }
    .oem-top-links-category {
        margin-left: 2rem;
    }
}

.oem-top-links-category h3::after {
    content: '';
    display: block;
    margin-top: 1rem;
    width: 4rem;
    height: 1px;
    background: #0C4C81;
}

.oem-top-links-category ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.oem-top-links-category li {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5rem
}

.oem-top-links-category a {
    position: relative;
    display: block;
    padding: 1rem 1.4rem;
    padding-right: 4.8rem;
    background: white;
    border: solid 1px #d4d4d4;
    font-size: 1.3rem;
    color: #282828;
    font-weight: 500;
    letter-spacing: -0.01em;
    text-decoration-style: solid!important;
    transition: background-color 0.3s ease;
}
.oem-top-links-category a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 2rem;
    width: 1rem;
    height: 1rem;
    border-right: solid 2px #282828;
    border-bottom: solid 2px #282828;
    transition: transform 0.3s ease;
    transform: translateY(-50%) rotate(-45deg);
}
.oem-top-links-category a:hover, .oem-top-links-category a:active {
    background-color: #eee;
}
.oem-top-links-category a:hover::after, .oem-top-links-category a:active::after {
    transform: translateY(-50%) translateX(0.5rem) rotate(-45deg);
}
@media (min-width: 640px) {
    .oem-top-links-category li {
        margin-bottom: 1rem;
    }
    .oem-top-links-category a {
        padding: 1.6rem 1.9rem;
    }
}


/* ----- DAILY UPDATE LINKS ----- */
.oem-daily a {
    position: relative;
    background: #0b4c7f;
    display: block;
    padding: 1.6rem 1.6rem;
    padding-left: 4.4rem;
    color: white!important;
    margin-bottom: 1.8rem;
    line-height: 1.1;
}

.oem-daily a svg {
    position: absolute;
    top: 50%;
    left: 1.6rem;
    transform: translateY(-50%);
    font-size: 1.8rem;
}









/* ----- DATA DASHBOARD WEB PART ----- */
.oem-dashboard {
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.oem-dashboard-counts {
    display: flex;
    width: 100%;
    justify-content: stretch;
    margin-bottom: 3rem;
}

.oem-dashboard-count {
    flex: 0 1 100%;
    text-align: center;
    font-weight: 600;
}

@media (max-width: 600px) {
    .oem-dashboard-counts {
        flex-wrap: wrap;
    }
    .oem-dashboard-count {
        flex: 0 0 100%;
    }
}

.oem-dashboard-count b {
    display: block;
    font-size: 4.5rem;
    letter-spacing: -0.06em;
    color: rgb(26, 86, 136);
}

.oem-dashboard-count small {
    display: block;
    font-style: italic;
    font-weight: 400;
    margin-top: 0.5rem;
}

.oem-dashboard-charts {
    display: flex;
    flex-wrap: wrap;
}

.oem-dashboard-charts > * {
    flex: 1 1 49%;
    height: 30rem;
    border: solid 1px #eee;
}

@media (max-width: 767px) {
    .oem-dashboard-charts > * {
        flex: 0 1 100%;
    }
}

#oem-chart-county-map {
    flex: 1 1 100%;
    height: 35rem;
}

#oem-chart-ppe-map {
    height: 24rem;
}














/* Decontain row */
.oem-row-decontain {
    margin: 0 -1.5rem;
}
@media(min-width: 1160px) {
    .oem-row-decontain {
        margin: 0 calc((100vw - 70rem) / -2);
    }
}

/* Recontain a decontained row */
.oem-row-recontain {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-left: auto;
    margin-right: auto;
}
@media(min-width: 1160px) {
    .oem-row-recontain {
        padding-left: calc((100vw - 70rem) / 2);
        padding-right: calc((100vw - 70rem) / 2);
    }
}






.oem-row-secondary {
    background: #0C4C81;
    color: white;
}

:not(#x) .oem-row-secondary .btn {
    border: none;
}








.oem-row-tertiary {
    background: #f4f4f4;
}

.oem-row-tertiary > .oem-row-recontain {
    padding-top: 2rem;
    padding-bottom: 2rem;
}








/* Decontain webpart */
.form-mode-display .oem-cta {
    margin: 0 -1.5rem;
}
@media(min-width: 1160px) {
    .form-mode-display .oem-cta {
        margin: 0 calc((100vw - 70rem) / -2);
    }
}

.oem-cta {
    display: flex;
    flex-flow: column;
    color: white;
}
@media (min-width: 768px) {
    .oem-cta {
        flex-flow: row;
    }
}

.oem-cta > a {
    position: relative;
    display: block;
    padding: 4rem 3rem;
    border-bottom: solid 1px white;
    text-decoration: none!important;
    background: #444;
    overflow: hidden;
}
@media (min-width: 768px) {
    .oem-cta > a {
        flex: 1 1 33.33%;
        border: solid 1px white;
        border-right: none;
    }
    .oem-cta > a:nth-of-type(1) {
        border-left: none;
    }
}

.oem-cta > a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    transform: translate(-50%,-50%);
}

@supports (object-fit: cover) {
    .oem-cta > a > img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transform: none;
        object-fit: cover;
    }
}

.oem-cta > a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.5;
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

.oem-cta > a:hover::after, .oem-cta > a:active::after {
    background: #0C4C81;
    opacity: 0.9;
}

.oem-cta .oem-cta-content {
    position: relative;
    z-index: 1;
}

.oem-cta a {
    color: inherit!important;
}














.oem-doyourpart-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.oem-doyourpart-list li {
    display: flex;
    align-items: center;
    
    margin: 0;
    padding: 1rem;
}
@media (min-width: 768px) {
    .oem-doyourpart-list li {
        flex: 1 1 45%;
    }
}

.oem-doyourpart-list li a {
    color: #282828;
}
.oem-doyourpart-list li a h4 br {
    display: none;
}
.oem-doyourpart-list li a h4::after {
    content: '';
    display: inline-block;
    border-right: solid black 2px;
    border-bottom: solid black 2px;
    margin-left: 1rem;
    width: 0.77rem;
    height: 0.7rem;
    vertical-align: middle;
    transform: translateY(-2px) rotate(-45deg);
}

.oem-doyourpart-list li p {
    font-size: 0.9rem;
}

.oem-doyourpart-list li .oem-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.3rem;
    color: white;
    border-radius: 100%;
    flex: 0 0 5.5rem;
    height: 5.5rem;
    margin-right: 2rem;
}

.oem-doyourpart-list li:nth-child(3n) .oem-icon {
    background-color: #0C4C81;
}
.oem-doyourpart-list li:nth-child(3n+2) .oem-icon {
    background-color: #444;
}
.oem-doyourpart-list li:nth-child(3n+1) .oem-icon {
    background-color: #caa437;
}






footer {
    padding: 2rem 0;
    background: #282828;
    color: white;
    box-shadow: none;
}

footer a {
    color: inherit!important;
}

footer li {
    border-bottom-color: #444!important;
}

.oem-footer .helpfulPoll .well {
    background: rgba(255,255,255,0.08);
    border: none!important;
    border-radius: 0;
    box-shadow: none;
    padding: 1rem 0;
    margin-bottom: 4rem;
}

.oem-footer .helpfulPoll .btn-group {
    margin-left: 1rem;
}

.oem-footer .helpfulPoll span {
    margin-right: 1rem;
}



.oem-social {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 4rem;
}
.oem-social h3 {
    flex: 1 1 100%;
    text-transform: none!important;
    text-align: center;
    font-size: 1.2rem!important;
    font-family: inherit!important;
}
.oem-social-section {
    margin: 0 1rem;
}
.oem-social-section h4 {
    font-size: 1rem!important;
    text-align: center;
    font-weight: 400!important;
}
.oem-social-links {
    display: flex;
    margin: 0 1rem;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 200;
}
.oem-social-link {
    margin: 0 0.67rem;
    font-size: 1.7rem;
}
.oem-social-link svg {
    color: #1DA1F2;
    transition: color 0.3s ease;
}
.oem-social-link:hover svg {
    color: white;
}



.oem-footer .or-footer-statewide-links {
    border-top: solid #444 1px;
    margin-top: 2rem;
    padding-top: 1rem;
}

.oem-footer .or-footer-statewide-links ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.oem-footer .or-footer-statewide-links ul li {
    border: none;
}

.oem-footer .or-footer-statewide-links ul li a {
    padding: 0 1.3rem;
    font-size: 0.9rem;
    color: #eee;
    
}

.oem-footer .or-footer-link-oregon-department-of-veteran-s-affairs {
    margin-top: 0;
    margin-bottom: 0;
    background: center / contain no-repeat url('https://www.oregon.gov/covid19response/PublishingImages/odva-logo-reverse.svg');
}





/* 
.oem-faqs.oem-loading {
    opacity: 0;
} */

.oem-hidden {
    display: none;
}

.oem-faqs-app.oem-faqs-search-open + .oem-faqs-static {
    display: none;
}

.oem-highlight {
    background: rgb(255, 241, 117);
    padding: 0.2rem 0;
}

.oem-faqs-category-questions {
    display: flex;
    flex-wrap: wrap;
}

.oem-faqs-question {
    flex: 0 1 auto;
    margin-bottom: 2rem;
    margin-right: 2%;
    width: calc(49% - 1rem)
}
@media (max-width: 767px) {
    .oem-faqs-question {
        flex: 0 1 100%;
        margin-right: 0;
    }
}

.oem-faqs-question-title {
    cursor: pointer;
    color: #282828!important;
    font-size: 1.2rem;
    text-decoration-color: #282828!important;
}

/* @keyframes expand {
    from {
        height: 0;
    }
    to {
        height: 100%;
    }
} */

.oem-faqs-question {
    border: solid 1px #ddd;
    padding: 0.5rem 1rem;
}

.oem-faqs-question .oem-faqs-answer {
    overflow: hidden;
}

.oem-faqs-answer [class^=ExternalClass], .oem-faqs-search-item [class^=ExternalClass] {
    margin-bottom: 10px;
}

/* .oem-faqs-question.oem-expanded .oem-faqs-answer {
    height: 100%;
    
}

.oem-faqs-question:not(.oem-expanded) .oem-faqs-answer {
    height: 0;
} */

.oem-faqs-search-input-wrapper {
    display: flex;
    justify-content: center;
    margin: 1rem 0;
}

#oem-faqs-search {
    font-size: 1.33rem;
    font-weight: 200;
    padding: 0.8rem 1rem;
    width: calc(100% - 6rem);
    max-width: 30rem;
    border: solid 1px #ddd;
}

.oem-faqs-search-close:disabled {
    visibility: hidden;
}

.oem-faqs-search-close {
    border: none;
    padding: 1rem;
    width: 4rem;
    margin-right: -4rem;
    background: transparent;
    font-size: 2rem;
}



.oem-faqs-search-results, .oem-faqs-app .alert {
    max-width: 50rem;
    margin: 0 auto;
}

.oem-faqs-search-item {
    margin: 2rem 0;
}

.oem-faqs-search-item .btn {
    margin-top: 0.2rem;
}

:not(#x) .oem-faqs-search-item h4 {
    font-size: 1.2rem;
}

.covid19response-pages-faqs-aspx main {
    min-height: 90vh;
}




.oem-datasets-list {
    display: flex;
    margin-bottom: 3rem;
}

.oem-datasets-list a {
    flex: 0 1 48.5%;
    margin-right: 3%;
    padding: 1rem;
    color: #282828!important;
    border: solid 1px #ddd;
    border-left: solid 4px rgb(68, 107, 158);
    text-decoration: none!important;
    transition: background-color 0.3s ease;
}

.oem-datasets-list a:last-child {
    margin-right: 0;
}

@media (max-width: 767px) {
    .oem-datasets-list {
        flex-wrap: wrap;
    }
    .oem-datasets-list a {
        flex: 0 0 100%;
        margin-right: 0!important;
        margin-bottom: 2rem;
    }
}

/* .oem-datasets-list a h4 {
    margin: -1rem -1rem 1rem -1rem;
    padding: 1rem;
    background-color: #0C4C81;
    color: white;
    font-size: 1rem;
} */

.oem-datasets-list a p {
    font-size: 0.92rem;
    line-height: 1.5;
}

.oem-datasets-list a:hover, .oem-datasets-list a:active {
    background: #eee;
}






/* :not(#x) .gsc-control-cse,
.gsc-control-cse .gsc-table-result {
  font-size: inherit!important;
} */

:not(#x) .gsc-search-box {
    width: 100%;
    max-width: 36rem;
    margin: 0 auto;
}

:not(#x) td.gsc-search-button {
    display: block;
}

:not(#x) td.gsc-search-button button {
    height: calc(3rem + 10.5px);
}

:not(#x) td.gsc-search-button button svg {
    width: 1.2rem!important;
    height: 1.2rem!important;
}

:not(#x) div.gsc-input-box {
    height: auto;
    border-radius: 0;
}

:not(#x) .gsc-input-box>table {
    height: 100%;
}

:not(#x) .gsc-input {
    background: transparent;
    padding: 0px;
    width: 100%;
    border-radius: 0;
    height: 3rem!important;
    font-size: 1.2rem;
}

:not(#x) .goog-te-menu2 {
    max-width: 100%!important;
    overflow: auto!important
}

:not(#x) .gsib_a {
    padding-left: 1rem;
}

:not(#x) .gsst_a {
    padding-left: 1rem;
    padding-right: 1rem;
}

:not(#x) .gsst_a .gscb_a {
    font-size: 2.25rem;
    line-height: 1;
}

.shadow-box img {box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;}