/*
    
    module_wysiwyg-covid-19.css
    
    This module extends module_wysiwyg.css
    
    Should be set up like this:
    
    <div class="module_wysiwyg module_wysiwyg-covid-19">
        <div class="wrapper">
            <div class="header">
                <h2><span></span>COVID-19 Updates:</h2>
            </div>
            <div class="content">
                <!-- content here -->
            </div>
        </div>
    </div>
    
*/

.module_wysiwyg-covid-19 {
    margin: 60px 0;
    padding:  0 20px;
    /*color: #000000;*/
    background-color: #ffffff;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

.module_wysiwyg-covid-19 .wrapper {
    width: 100%;
    max-width: 1200px;
    border: 4px solid #007481;
    margin: 0 auto;
}

.module_wysiwyg-covid-19 .header h2 {
    color: #007481;
    font-size: 250%;
    margin: 22px 0 22px 0;
    /*font-size: 32.4px;
    line-height: 1.25em;*/
}

.module_wysiwyg-covid-19 .content {
    /*color: #000000;*/
    font-family: "Proxima Nova Regular", Arial, sans-serif;
    line-height: 24px;
    font-size: 18px;
    padding: 0 20px;
    max-width: 1280px;
}

/*.module_wysiwyg-covid-19 .content li {
    margin: 0.5em 0;
}

.module_wysiwyg-covid-19 .content a {
    color: #000000;
    text-decoration: underline;
}*/

@media only screen and (max-width: 1280px) {
    .module_wysiwyg-covid-19 .content {
        max-width: 100%;
    }
}

@media only screen and (max-width: 480px) {}