/* basic-page.css */

.skiptoContent a {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skiptoContent a:focus {
    position: absolute;
    margin-top: 2px;
    left: 10px;
    width: auto;
    height: auto;
    z-index: 1050; 
    display: block;
}

.basic-page {
    font-family: Arial, sans-serif;
}

.basic-page .header {
    margin: 0;
    padding: 0;
}

.basic-page .header .banner {
    width: 100%;
    height: auto;
    padding: 0;
    text-decoration: none;
    border: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #6c9ca1;
}

.basic-page .header .banner .pageHeader {
    text-align: left;
    font-size: 3.5em;
    font-weight: bold;
    color: #FFFFFF;
    clear: right;
    width: 100%;
}

.basic-page .header .banner h1.pageHeader {
    min-height: 0;
    padding: 1em 0.75em;
    margin: 0;
    background-color: transparent;
    line-height: 1.4;
    height: auto;
}

.basic-page .pageHeaderBorder {
    width: 100%;
    background-color: #007481;
    height: 2em;
}

.basic-page #pageContent_Basic {
    width: 80%;
    margin-top: 1px;
    padding: 0;
    margin: 40px auto;
}

.basic-page h2 {
    font-family: Arial, Helvetica, sans-serif;
    color: #007481;
    text-align: left;
    font-size: 1.75em;
    margin: 1.5em 0 0.83em 0;
    font-weight: bold;
}

.basic-page a {
    color: #0000ff;
}

.basic-page a:visited {
    color: #990000;
}

.basic-page ul.checklist {
    list-style: none;
    padding: 0 0 0 1.3em;
}

.basic-page ul.checklist li {
    padding-left: 1.3em;
}

.basic-page ul.checklist li:before {
    content: "\f14a";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
}

.basic-page li {
    padding: 0.325em 0;
}

.basic-page li:first-child {
    padding: 0 0 0.325em 0;
}

.basic-page li:last-child {
    padding: 0.325em 0 0 0;
}

/* button */
.basic-page a.choice-buttons-button {
    text-transform: uppercase;
    background-color: #007481;
    display: inline-block;
    margin: 0.5em;
    padding: 1em;
    text-align: center;
}

.basic-page a.choice-buttons-button:link,
.basic-page a.choice-buttons-button:hover,
.basic-page a.choice-buttons-button:visited {
    text-decoration: none;
    color: #fff;
}

.basic-page a.choice-buttons-button:hover,
.basic-page a.choice-buttons-button:focus {
    background-color: #094b51;
}

@media only screen and (max-width: 767px) {
    .basic-page .header .banner h1.pageHeader {
        font-size: 2.5em;
    }
    
    .basic-page #pageContent_Basic {
        width: 100%;
    }
    
    .basic-page #pageContent_Basic {
        padding: 0 20px 4px 20px;
    }
}

@media only screen and (max-width: 480px) {
    .basic-page .header .banner h1.pageHeader {
        font-size: 2em;
    }
}