/* module_get-involved.css

    Ex:
    
    <!-- get involved -->
    <!--
        
        Default background is gold.
        
            For alternate colors:
            
                <div class="module_get-involved alt-color-1"> is teal
                
                <div class="module_get-involved alt-color-2"> is light gray
        
        You can add up to 3 buttons:
        
            <div class="buttons">
                <div class="button">
                    <a href="#">Learn More <span class="hidden">about</span></a>
                </div>
                <div class="button">
                    <a href="#">Learn More <span class="hidden">about</span></a>
                </div>
                <div class="button">
                    <a href="#">Learn More <span class="hidden">about</span></a>
                </div>
            </div>
        
    -->
    <div class="module_get-involved">
        <div class="header">
            <h2><span>Advocate for Injured Workers</span> Big Headline</h2>
        </div>
        <div class="cols">
            <div class="col">
                <p>The Advocate for Injured Workers is available to assist you by providing information regarding your rights and helping resolve complaints.</p>
            </div>
        </div>
        <div class="buttons">
            <div class="button">
                <a href="#">Learn More <span class="hidden">about</span></a>
            </div>
        </div>
    </div>

*/

.module_get-involved {
    background-color: #F4A71C;
    margin: 60px 0;
    padding: 60px 0 48px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.module_get-involved.alt-color-1 {
    /*background-color: #66999d;*/
    background-color: #ceddde;
}

.module_get-involved.alt-color-2 {
    background-color: #F6F8F8;
}

.module_get-involved .header h2 {
    /*font-family: "Proxima Nova Bold", Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;*/
    /*margin-bottom: 40px;
    color: #000000;
    color: #007481;
    font-size: 32.4px;
    line-height: 1.25em;*/
}

.module_get-involved.alt-color-1 .header h2 {
    color: #000000;
}

.module_get-involved .header h2 span {
    color: #000000;
    /*margin-bottom: 30px;*/
}

.module_get-involved.alt-color-1 .header h2 span {
    color: #000000;
}

.module_get-involved .cols {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    max-width: 1200px;
    margin: 0;
}

.module_get-involved .cols .col {
    width: 100%;
    text-align: center;
    padding: 0 20px;
    margin: -1em 0;
}

.module_get-involved .cols .col h3 {
    font-family: "Proxima Nova Bold", Arial, sans-serif;
    padding: 0;
    margin: 0 30px 25px 30px;
    height: 50px;
    font-size: 22px;
    color: #000000;
}

.module_get-involved .cols .col p {
    font-family: "Proxima Nova Regular", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    /*margin: 0;*/
}

.module_get-involved .cols .col a {
    /*font-family: "Proxima Nova Extra Bold", Arial, sans-serif;
    color: #000000;*/
    font-family: "Proxima Nova", Arial, sans-serif;
    color: #014B77;

}

.module_get-involved .cols .col a:hover {
        color: #081F31;
}

.module_get-involved.alt-color-1 .cols .col a {
    /*font-family: "Proxima Nova Extra Bold", Arial, sans-serif;
    color: #000000;*/
    font-family: "Proxima Nova", Arial, sans-serif;
    color: #00629B;
}

.module_get-involved.alt-color-1 .cols .col a:hover {
        color: #123F64;
}

.module_get-involved.alt-color-2 .cols .col a {
    /*font-family: "Proxima Nova Extra Bold", Arial, sans-serif;
    color: #000000;*/
    font-family: "Proxima Nova", Arial, sans-serif;
    color: #0072B6;
}

.module_get-involved.alt-color-2 .cols .col a:hover {
    color: #154973;
}


.module_get-involved.alt-color-1 .cols .col p {
    font-family: "Proxima Nova Regular", Arial, sans-serif;
    color: #000000;
}

.module_get-involved.alt-color-1 .cols .col p strong {
    font-family: "Proxima Nova Bold", Arial, sans-serif;
}

.module_get-involved .buttons {
    justify-content: center;
    display: flex;
    flex-direction: row;
    transition: none;
    background-color: transparent;
    border: 0;
    margin: 28px 0 0 0;
    cursor: default;
    width: 100%;
    max-width: 1200px;
    padding: 0 10px;
}

.module_get-involved .buttons.last {
    margin: 0;
}

.module_get-involved .button {
    margin: 12px 10px;
    max-width: 450px;
}

.module_get-involved .buttons .button:hover {
    background-color: transparent;
}

.module_get-involved .buttons .button a {/* works for up to 3 buttons */
    margin: 0;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #000000;
    color: #000000;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.module_get-involved.alt-color-1 .buttons .button a {
    border: 1px solid #000000;
    color: #000000;
    background-color: rgba(255,255,255,0.5);
}

.module_get-involved.alt-color-2 .buttons .button a {
    border: 1px solid #007481;
    background-color: #007481;
    color: #ffffff;
}

/*.module_get-involved .button a.buttons-3 {
    width: 33.333%;
    max-width: 33.333%;
}*/

.module_get-involved .buttons .button a:hover,
.module_get-involved .buttons .button a:focus {
    background-color: #000000;
    text-decoration: none;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.module_get-involved.alt-color-1 .buttons .button a:hover,
.module_get-involved.alt-color-1 .buttons .button a:focus {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.module_get-involved.alt-color-2 .buttons .button a:hover,
.module_get-involved.alt-color-2 .buttons .button a:focus {
    background-color: #000000;
    border: 1px solid #ffffff;
}

.module_get-involved .buttons .button a span .far.fa-file-pdf {
    color: #000000;
}

.module_get-involved.alt-color-2 .buttons .button a span .far.fa-file-pdf {
    color: #ffffff;
}

.module_get-involved .buttons .button a:hover span .far.fa-file-pdf,
.module_get-involved .buttons .button a:focus span .far.fa-file-pdf {
    color: #ffffff;
}

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

@media only screen and (max-width: 1024px) {
    .module_get-involved .cols .col {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 767px) {
    /*.module_get-involved .cols .col {
        width: 75%;
    }
    
    .module_get-involved .button a {
        width: 75%;
    }*/
}

@media only screen and (max-width: 640px) {
    .module_get-involved .cols .col {
        width: 100%;
    }
    
    .module_get-involved .buttons {
        flex-direction: column;
        padding: 0 20px;
        align-items: center;
    }
    
    .module_get-involved .buttons .button {
        margin: 12px 0;
        padding: 0;
        max-width: 100%;
    }
}

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