/*quizzes*/

/* ol.quizquestions {
    margin: 0 auto;
    padding: 0;
    color: #333333;
}
ol.quizquestions li {
    color: #333333;
}
ol.quizoptions {
    margin-left: 20px;
    padding: 0;
    list-style-type: none;
    color: #333333;
} */
ol.quizoptions li {
    list-style-type: none;
    /* color: #333333;
    text-indent: -10px;
    padding: 3px; */
}
/* .spaceabove {
    padding-top: 1.5em;
}
.unans {
    font-weight: bold;
    background-color: #ffff99;
    padding:.5rem;
}
.correctans {
    font-weight: bold;
    border: 1px dashed green;
    padding:.5rem;
}
.incorrectans {
    font-weight: bold;
    background-color: #ffff99;
    padding:.5rem;
} */
.quizoptions input {
    margin: 0 10px 0 -15px;
}

/*end quiz styles*/

#toothDecay,
#redBlueChart {
    margin-top: -1rem;
}
.nine.columns p {
    margin-bottom: 1rem !important;
}
.nine.columns ul {
    margin-bottom: 1rem !important;
}
#ToC a {
    color: #374196 !important;
}
#threeTwo {
    display: table-column;
    flex-direction: column;
    float: right;
    justify-content: center;
    align-items: center;
}
.smcx-show {
    margin: 0 auto !important;
}
.dark {
    background: #1cb3db;
    color: #fff;
    padding: 10px 0;
    font-size: 1.1rem;
}
.dark ul li {
    margin-right: 1rem;
}
.dark ul {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}
.dark ul li a {
    color: #fff;
    opacity: 0.7;
    font-weight: 400;
}
.dark ul li .bmark {
    opacity: 1;
}
.dark span {
    max-width: 1400px;
    display: block;
    margin: 0 auto;
    width: 85%;
    font-family: "Montserrat";
    color: #fff;
    font-size: 1.1rem;
}
.light {
    min-height: 2.7rem;
    display: block;
    background: rgba(229, 229, 229, 0.5);
    font-family: "Montserrat";
    font-size: 1rem;
}
.light ul {
    margin: 0;
    padding: 0;
}
.light .row {
    width: 85% !important;
    max-width: 1400px !important;
    margin: 0 auto;
}
.light ul li,
.dark ul li {
    display: inline-block;
}
.light ul li::before {
    content: none !important;
}
.toplink ul li {
    display: inline-block;
}
.toplink ul li a {
    margin-left: 10px;
    font-family: "Montserrat";
}
.light .twelve ul li a {
    color: #000;
    padding: 7px 10px;
    display: block;
}
.light .eight ul li a {
    font-family: "Montserrat";
    color: #000;
    padding: 7px;
    display: block;
    font-weight: 600;
}
.light ul li:first-child a {
    color: #333 !important;
    display: block;
    font-family: "Montserrat";
    padding-left: 0 !important;
}
.light ul li a {
    color: #333;
    display: block;
    font-family: "Montserrat";
    padding: 7px 10px;
    font-size: 1.1rem;
}
.bookmark {
    color: #1cb3db !important;
    font-weight: 500;
}
.active a {
    color: #333;
    font-weight: 600;
}
.active ul li a {
    color: #333 !important;
    font-size: 17px;
    line-height: 1rem;
    font-weight: 300;
}
.menu-link {
    background: #<?php echo($dark) ?>;
}

/*NEW STYLES*/

/*New version 2023 image STYLES*/

.gallery {
    margin: 5px;
    border: 1px solid #fff;
    float: right;
    width: 220px;
}

.gallery:hover {
    border: 1px solid #fff;
}

.gallery img {
    width: 100%;
    height: auto;
}
.gallery2 {
    margin: 2px;
    border: 1px solid #fff;
    display: inline-block;
    width: 220px;
}

.gallery2:hover {
    border: 1px solid #fff;
}

.gallery2 img {
    width: 100%;
    height: auto;
}

.desc {
    padding: 3px;
    text-align: center;
    font-size: small;
    line-height: normal;
}
/*END of new version 2023 image STYLES*/

#imgBox img {
    max-width: 200px;
}
.bold {
    font-weight: 600;
    color: black;
}
.sealantLogo {
    max-width: 400px;
    margin-top: -1rem;
}
.banner .row {
    padding: 10px;
}
#showMore {
    display: none;
}
#ToC {
    background: none repeat scroll 0 0 rgba(229, 229, 229, 0.2);
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    float: right;
    padding-left: 0 !important;
    padding: 30px;
    position: relative;
    top: 1.5em;
    min-width: 300px;
    margin: 0 0 50px 30px;
}
#ToC p {
    margin: 0;
}
#ToC ul,
#ToC ol {
    margin: 0 3rem;
}
#ToC li {
    line-height: 1.5;
    font-size: 1.1rem;
    margin: 0;
}
#ToC li:before {
    content: none !important;
}
@media (max-width: 1100px) {
    #ToC {
        display: none;
    }
}
.imgEmbed {
    float: right;
    max-width: 200px;
    position: absolute;
    margin: 0 0 10px 20px;
}
.imgEmbedLeft {
    float: left;
    max-width: 300px;
    position: relative;
    margin: 0 20px 10px 0;
}
.imgEmbedLeft img,
.imgEmbed img {
    max-height: 300px;
}
.imgEmbedCenter {
    margin: 0 auto;
    max-width: 800px;
}
.imgEmbed .imgEmbedLeft {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.chart {
    float: right;
    max-width: 450px;
    position: relative;
    margin: 0 0 20px 30px;
}
.localNav {
    background: #1cb3db;
}
.navBorder {
    height: 0.5rem;
    background: rgba(229, 229, 229, 1);
}
figcaption {
    font-size: 1rem;
    font-style: italic;
    line-height: 1.4;
    margin-left: inherit;
}
.homeBanner {
    height: 350px;
    background-image: linear-gradient(
            45deg,
            rgba(28, 179, 219, 0.8),
            rgba(255, 255, 255, 0.45)
        ),
        url(../images/bannerImg.jpg);
    background-position: 50% 20%;
    background-size: auto, cover;
    background-repeat: no-repeat;
    background-attachment: scroll, scroll;
    margin-top: 0px;
    display: flex;
    align-items: flex-end;
}
.bannerText {
    margin-bottom: 2rem;
    color: #fff;
    font-size: 2.5rem;
    line-height: 2.7rem;
}
#dark2 {
    display: none;
}
.accordion {
    border-radius: 40px;
    background-color: #f9f9f9;
    color: #444;
    cursor: pointer;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    text-transform: none;
    margin: 0 0 1rem 0;
    padding: 10px 20px;
}
.accordion.active,
.accordion:hover,
.accordion:focus {
    background-color: #8ad7f3;
    color: #333;
    border: none;
}
.accordion.active {
    border-radius: 16px 16px 0 0;
}
.accordion:after {
    font-family: "fontastic";
    content: "\73";
    color: #676767;
    float: right;
    margin-left: 5px;
}
.accordion.active:after {
    font-family: "fontastic";
    content: "\74";
    color: #676767;
    float: right;
    margin-left: 5px;
}
div.panel {
    padding: 0 18px;
    background-color: #fff;
    display: none;
    margin-bottom: 2rem;
}

f.wf-loading * {
    opacity: 0;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
.topheader {
    padding: 6px 0;
    border-bottom: 1px solid #f2f2f2;
    background: #1a6944;
}
.tlinks {
    display: block;
    text-align: right;
    border: none;
    font-family: "Montserrat";
}
.tlinks a {
    text-decoration: none;
    border: none;
    margin-left: 10px;
    color: #fff;
    font-size: 16px;
}
.tlinks a:hover {
    color: #fff;
    opacity: 0.8;
}
@media (max-width: 749px) {
    .column,
    .columns {
        display: block;
        float: none !important;
    }
    .tlinks {
        text-align: center !important;
    }
    .banner-tbl {
        display: block !important;
        vertical-align: top;
        text-align: center;
    }
    .org-logos {
        display: block;
        text-align: center;
    }
}
@media (min-width: 720px) {
    .banner-tbl {
        display: table-cell;
        vertical-align: top;
    }
    .org-logos {
        display: block;
        text-align: right;
    }
}
.banner {
    padding: 20px 0 15px;
    background: #ffffff;
    background-size: 600px;
    background-position: 90% center;
}
body {
    margin: 0;
    padding: none;
    min-height: 100%;
    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
    color: #333;
    line-height: 28px;
    background-color: #fff;
    font-size: 100%;
    font-size: 1.1rem;
}
strong {
    font-weight: 700;
}
.searchb {
    border: 1px solid #ccc;
    padding: 0.7rem;
}
.img_right {
    float: right;
    max-width: 350px !important;
    margin: 0 0 0 20px;
    border-radius: 10px;
}
.sec_img {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.rnav {
    background: #f9f9f9;
    padding: 1.2rem;
    position: relative;
    top: -10px;
    font-family: "Montserrat";
    font-size: 16px;
}
.rnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ppic {
    border-radius: 50% !important;
    max-width: 150px !important;
    display: block;
    margin: 0 auto;
}
.tbl1 {
    text-align: right;
    font-weight: 700;
    display: block;
    margin-right: 1rem;
}
.btn {
    background: #143c6c;
    border: none;
    padding: 0.5rem;
    border-radius: 5px;
    color: #fff;
}
.btn:hover {
    background: orange;
}
[data-readmore-toggle] {
    z-index: 999;
    border-bottom: none;
    margin: 10px 0 20px;
}
[data-readmore-toggle] > a {
    background: #961718;
    z-index: 999;
}
[data-readmore-toggle] > a:hover {
    background: #900;
}
.expand {
    background: #f9f9f9 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    border-top: 1px solid #e5e5e5 !important;
    display: block;
    font-family: "Montserrat";
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    padding: 10px;
    position: relative;
    text-align: center;
    margin-bottom: 2rem !important;
}
.expand i {
    position: relative;
    top: 4px;
    font-size: 1.3rem;
}
.leftcol {
    width: 20% !important;
}
.rightcol {
    width: 77% !important;
    margin-left: 3% !important;
}
.spacer {
    margin: 10px 0;
    border-top: 1px dotted #e5e5e5;
    height: 1px;
}
#page_title {
    border-radius: 25px;
    display: inline-table;
    overflow: hidden;
    width: 100%;
    margin-bottom: 2rem;
}
img {
    image-rendering: crisp-edges;
}
.v {
    display: table-cell;
    padding: 0 1.5rem;
    vertical-align: middle;
    width: 100%;
    background: #fff;
    background: -webkit-linear-gradient(to left, #fff, #f2f2f2);
    background: linear-gradient(to left, #fff, #f2f2f2);
    position: relative;
    left: -1px;
}
canvas {
    margin-bottom: 2rem;
}
.v h1,
.v p {
    margin: 0;
    line-height: 0.9;
    font-size: 2.3rem;
    font-weight: 300;
    letter-spacing: -2px;
    padding: 10px;
}
.v p {
    font-style: italic;
}
.crumb {
    font-size: 12px;
    position: relative;
}
img.right {
    margin: 0 0 15px 15px;
    max-width: 270px !important;
    height: auto;
    width: 100%;
}
.right {
    float: right;
}
.footnoteBottom {
    color: #333 !important;
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
}
.footnote span {
    display: block;
    font-size: small;
    margin: 0 0 0.3rem;
    padding: 0;
    line-height: 1;
}
small {
    line-height: 0.5 !important;
    font-size: 0.9rem;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
.footnote {
    font-size: small;
    line-height: 1;
    position: relative;
    vertical-align: top;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

.readmore {
    font-family: "Montserrat";
    font-weight: 500;
}
.calaction {
    padding: 4rem 0 5rem;
    color: #fff;
    background-position: center bottom;
}
.calaction h1 {
    font-size: 2.5rem;
    color: #fff;
    line-height: 1;
    font-family: "Source Sans Pro";
    font-weight: 500;
}
.calaction p {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 2rem;
    font-family: "Source Sans Pro";
    max-width: 900px;
}
.calaction .button {
    background: orange;
    border: none;
    border-radius: 0 !important;
    padding: 26px 25px;
}
.calaction .button:hover {
    background: #ff4500;
    color: #fff;
}
.quizquestions strong {
    font-family: "Montserrat";
}
#back {
    float: left;
    font-family: "Montserrat";
}
#next {
    float: right;
    font-family: "Montserrat";
}
@media (min-width: 400px) {
    .container {
        width: 85%;
        padding: 0 1px;
    }
    .banner {
        background-color: #ffffff;
    }
}
@media (min-width: 400px) and (max-width: 800px) {
    .logo {
        max-width: 300px;
    }
    h2 {
        font-weight: 300;
    }
}
@media (min-width: 776px) and (max-width: 1400px) {
    header nav ul li a {
        font-size: 14px !important;
    }
    header nav ul li .toplink {
        font-size: 100% !important;
    }
    .gu a {
        font-size: 15px;
    }
    .sb-search-input {
        font-size: 90%;
    }
    .toplinks li a {
        font-size: 80% !important;
    }
    header nav ul {
        padding: 4px !important;
    }
    .grid figure .icon_navigator,
    .grid figure .icon_oralhealth,
    .grid figure .icon_wellchild,
    .grid figure .icon_learninglab,
    .grid figure .icon_healthcheck,
    .grid figure .icon_safesleep {
        font-size: 4em !important;
        position: relative;
    }
    .grid figure p {
        color: #fff;
        font-size: 0.8em !important;
        font-weight: 600;
        letter-spacing: 1px;
        position: relative;
    }
}
@media (max-width: 1000px) {
    .toplinks {
        display: none;
    }
    .grid figure .icon_navigator,
    .grid figure .icon_oralhealth,
    .grid figure .icon_wellchild,
    .grid figure .icon_learninglab,
    .grid figure .icon_healthcheck,
    .grid figure .icon_safesleep {
        font-size: 2.5em !important;
        position: relative;
    }
    .grid figure p {
        color: #fff;
        font-size: 0.7em !important;
        font-weight: 600;
        letter-spacing: 1px;
        position: relative;
    }
}
@media (max-width: 1149px) {
    .who {
        display: none !important;
    }
    .icon_learninglab,
    .icon_safesleep,
    .icon_navigator,
    .icon_medicaid,
    .icon_expectations,
    .icon_healthcheck {
        top: 21px !important;
    }
    .navigator,
    .safesleep,
    .healthcheck,
    .learninglab,
    .medicaid,
    .expectations {
        display: block;
        padding: 2rem 1rem !important;
    }
}
@media (max-width: 1200px) {
    .eight.columns {
        width: 100% !important;
    }
    .four.columns {
        width: 100% !important;
        margin-left: 0 !important;
    }
    #page_title {
        background-color: none !important;
        background-image: none !important;
        border: none !important;
        border-radius: none !important;
        display: inline-table;
        margin-bottom: 2rem;
        overflow: hidden;
        width: 100%;
    }
    #page_title img {
        display: none;
    }
    .v {
        display: table-cell;
        padding: 2rem;
        vertical-align: none !important;
        width: 100%;
    }
}
@media (max-width: 1399px) {
    #page_title img {
        float: left;
        margin: 0;
        height: 130px;
        max-width: 600px;
    }
}
@media (min-width: 1400px) {
    #page_title img {
        float: left;
        margin: 0;
        height: 160px;
        max-width: 600px;
    }
}
.container {
    position: relative;
    max-width: 1400px;
    margin: 0 auto;
    box-sizing: border-box;
}
.column,
.columns {
    width: 100%;
    float: left;
    box-sizing: border-box;
}
@media (min-width: 800px) {
    .container {
        width: 85%;
    }
    .column,
    .columns {
        margin-left: 4%;
    }
    .column:first-child,
    .columns:first-child {
        margin-left: 0;
    }
    .one.column,
    .one.columns {
        width: 4.66666666667%;
    }
    .two.columns {
        width: 13.3333333333%;
    }
    .three.columns {
        width: 22%;
    }
    .four.columns {
        width: 30.6666666667%;
    }
    .five.columns {
        width: 39.3333333333%;
    }
    .six.columns {
        width: 48%;
    }
    .seven.columns {
        width: 56.6666666667%;
    }
    .eight.columns {
        width: 65.3333333333%;
    }
    .nine.columns {
        width: 74%;
    }
    .ten.columns {
        width: 82.6666666667%;
    }
    .eleven.columns {
        width: 91.3333333333%;
    }
    .twelve.columns {
        width: 100%;
        margin-left: 0;
    }
    .one-third.column {
        width: 30.6666666667%;
    }
    .two-thirds.column {
        width: 65.3333333333%;
    }
    .one-half.column {
        width: 48%;
    }
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }
    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }
    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%;
    }
    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }
    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%;
    }
    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }
    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }
    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78%;
    }
    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }
    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }
    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }
    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%;
    }
    .highlight3 {
        margin: 0 0 5px;
        width: 32.667% !important;
    }
    .highlight4 {
        margin: 0;
        width: 50% !important;
    }
    .logo {
        width: 100%;
        max-width: 550px;
    }

    /* Next and Back button styling */
    .bNav {
        color: #333;
        background: #f2f2f2;
        padding: 10px 30px;
        display: block;
        margin: 10px 0;
        border-radius: 15px;
        border: 1px solid #ccc;
        font-family: "Montserrat";
        font-weight: 400;
        text-decoration: none;
        font-size: 1rem;
        text-transform: uppercase;
    }

    .bNav:hover {
        cursor: pointer;
    }

    #back {
        float: left;
        color: #1cb3db;
    }
    #next {
        float: right;
    }

    #back:hover,
    #next:hover {
        cursor: pointer;
    }

    /* end  Next and Back button styling */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: "Montserrat", serif;
        font-weight: 500;
        color: #093683;
    }
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: #093683;
        margin: 20px 0 10px 0;
        font-weight: 400 !important;
        font-family: "Montserrat";
        letter-spacing: -1px;
    }

    h2 {
        font-size: 2rem;
        margin-bottom: 1em;
    }
    h3 {
        font-size: 1.5rem;
        line-height: 1.7rem;
    }
    h4 {
        font-size: 1.15rem;
        margin-top: 1.7em;
        font-weight: 600;
    }
    .container h3 {
        color: #093683;
    }
    p,
    ol {
        margin: 5px 0;
        letter-spacing: -0.2px;
    }
    ul {
        margin: 0;
        letter-spacing: -0.2px;
    }
    .quizoptions {
        margin: 0 2rem 0.5rem !important;
        list-style-type: upper-alpha;
    }
    .quizoptions li {
        margin: 0.25rem !important;
        line-height: 1.5;
        font-weight: 400;
    }
    .quizoptions input {
        margin: 0 10px 0 -15px;
    }
    button.accordion {
        background-color: #f9f9f9;
        color: #093683;
        cursor: pointer;
        width: 100%;
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
        padding: 10px 15px;
        margin: 0 0 1rem;
        text-transform: none;
        line-height: 1;
        letter-spacing: 0;
        font-size: 1.2rem;
        font-family: "Montserrat";
        font-weight: 400;
        border-radius: 4px;
    }
    button.accordion.active,
    button.accordion:hover {
        background-color: #e5e5e5;
    }
    div.panel {
        padding: 0 18px;
        background-color: #fff;
        display: none;
    }
    button.accordion:after {
        font-family: fontastic;
        content: "\73";
        color: #777;
        float: right;
        margin-left: 5px;
    }
    button.accordion.active:after {
        content: "\74";
    }
    p.intro {
        font-size: 20px;
        line-height: 29px;
        margin: 0 0 13px;
    }
    blockquote.pull-quote {
        font-style: italic;
        margin: 1em 7em 1em 5em;
        border-left: 3px solid #ccc;
        padding: 0.5em;
    }
    div.content {
        margin: 0 auto;
        text-align: left;
        width: 40%;
        padding: 50px 0 0;
    }
    h5 {
        margin: 0 0 25px;
    }
    p.quote {
        font-size: 20px;
        line-height: 28px;
        font-style: italic;
        color: #666;
        margin: 0;
    }
    blockquote {
        background: #fff;
        background: -webkit-linear-gradient(to left, #fff, #f2f2f2);
        background: linear-gradient(to left, #fff, #f2f2f2);
        border-left: 6px solid #ccc;
        letter-spacing: -3px;
        margin-top: 35px;
        margin-bottom: 25px;
        padding: 10px 25px;
    }
    a:hover {
        color: #006699;
    }
    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        background: #f9f9f9 none repeat scroll 0 0;
        border: 1px solid #e9e9e9;
        border-radius: 27px;
        box-sizing: border-box;
        color: #333;
        cursor: pointer;
        display: inline-block;
        font-family: "Montserrat";
        font-weight: 400;
        margin-right: 0.5rem;
        padding: 12px 30px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.2rem;
    }
    label {
        font-family: "Montserrat";
        font-size: 1.1rem;
        font-weight: 400;
        display: block;
    }
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="text"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    textarea,
    select {
        border: 1px solid #e5e5e5;
        box-shadow: none;
        line-height: 1.467;
        padding: 10px;
        transition: border 0.25s linear 0s, color 0.25s linear 0s,
            background-color 0.25s linear 0;
        background: #fff;
        width: 100%;
        max-width: 300px;
        margin-bottom: 1rem;
        font-family: "Montserrat";
        font-weight: 400;
        font-size: 18px;
    }
    select {
        padding: 0 35px 0 10px;
        border-radius: 0;
        height: 45px;
        width: 100%;
        max-width: 300px;
    }
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="text"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    textarea,
    select {
        height: 38px;
        padding: 6px 10px;
        background-color: #fff;
        border: 1px solid #d1d1d1;
        border-radius: 4px;
        box-shadow: none;
        box-sizing: border-box;
    }
    .select {
        position: relative;
        display: inline-block;
    }
    .select .arr::before {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #333;
        content: "";
        margin-top: -5px;
        pointer-events: none;
        position: absolute;
        right: 12px;
        top: 54%;
    }
    .select .arr {
        background: transparent;
        bottom: 16px;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
    }
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="text"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-right: 0.5rem;
    }
    textarea {
        min-height: 65px;
        padding-top: 6px;
        padding-bottom: 6px;
        max-width: inherit;
    }
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="text"]:focus,
    input[type="tel"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus {
        outline: 0;
        background: #e3f4d4;
        border: 1px solid #ccc;
    }
    fieldset {
        padding: 0;
        border-width: 0;
    }
    input[type="checkbox"],
    input[type="radio"] {
        display: inline;
    }
    ol {
        padding-left: 1.5rem;
        margin: 0 0 1rem;
    }
    ul {
        padding-left: 1.5rem;
        margin: 0 0 0rem;
    }
    ul ul,
    ul ol,
    ol ol,
    ol ul {
        margin-top: 0.2rem 0;
    }
    ul li ul {
        margin: 0;
    }
    //.four ul, .six ul,.nine ul, .ten ul {list-style-type:none!important}
    //.four ul li:before, .six ul li:before,.nine ul li:before, .ten ul li:before {display:inline-block;margin-left:-1em;width:1em;position:relative;top:3px;color:#666}
    code {
        padding: 0.2rem 0.5rem;
        margin: 0 0.2rem;
        font-size: 90%;
        white-space: nowrap;
        background: #f1f1f1;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
    }
    pre > code {
        display: block;
        padding: 1rem 1.5rem;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 2rem;
        border: 1px solid #e9e9e9;
    }
    th,
    td {
        padding: 1.1% !important;
        vertical-align: top;
        font-size: 1rem;
        line-height: 1.4;
        border-right: 1px solid #e5e5e5;
    }
    th:first-child,
    td:first-child {
        padding-left: 0;
    }
    th:last-child,
    td:last-child {
        padding-right: 0;
    }
    tbody tr:nth-child(2n + 2) {
        background: #f4f4f4;
    }
    tr:nth-child(odd) {
        background-color: #f9f9f9;
    }
    tr:nth-child(even) {
        background-color: #fff !important;
    }
    th {
        background-color: #f2f2f2;
        color: #000;
        text-align: left;
        font-weight: 600;
        font-family: "Montserrat";
        font-size: 1.2rem;
    }
    td:first-child {
        color: #333;
    }
    .u-full-width {
        width: 100%;
        box-sizing: border-box;
    }
    .u-max-full-width {
        max-width: 100%;
        box-sizing: border-box;
    }
    .u-pull-right {
        float: right;
    }
    .u-pull-left {
        float: left;
    }
    hr {
        margin: 2rem 0;
        border-width: 0;
        border-top: 1px solid #e1e1e1;
    }
    .container:after,
    .row:after,
    .u-cf {
        content: "";
        display: table;
        clear: both;
    }
    .topmap {
        border-radius: 10px;
        overflow: hidden;
        border: 1px solid #ccc;
        line-height: 0;
        position: relative;
        z-index: 999;
    }
    .map iframe {
        border: medium none;
    }
    .mapbox-logo-true::before {
        display: none !important;
    }
    iframe {
        width: 100%;
    }
    .responsive-container {
        position: relative;
        padding-bottom: 56.25%;
        margin: 20px 0;
        height: 0;
        overflow: hidden;
    }
    .responsive-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .one,
    .two {
        float: left;
        width: 33.333%;
    }
    .one > a {
        color: #093683;
    }
    .two > a {
        color: #900;
    }
    .one > a:hover {
        background: #093683;
        color: #fff;
    }
    .two > a:hover {
        background: #093683;
        color: #fff;
    }
    .smedia1,
    .smedia2 {
        display: block;
        padding: 2rem 0;
    }
    .smedia1 {
        background: #ccc;
    }
    .smedia2 {
        background: #e6e6e6;
    }
    .ncemch-projects {
        text-align: center;
        margin: 1.5rem 0;
        border-radius: 10px;
        overflow: hidden;
    }
    img.border {
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    .azlist {
        text-align: center;
    }
    .azlist li {
        display: inline;
        text-decoration: none;
        list-style: none;
        background: none;
        font-weight: 800;
        background: none !important;
        margin-left: 0 !important;
        font-size: 1.2rem !important;
        padding: 0 !important;
    }
    .sort .fa {
        font-size: 1.6em;
    }
    .full .fa {
        font-size: 1.5em !important;
        padding: 10px;
    }
    .full ul li {
        background: none;
        list-style-type: none;
        margin-bottom: -10px !important;
    }
    .full ul,
    .full p {
        margin: 0 0 10px;
    }
    .fa-plus::before {
        color: #ccc;
        font-size: 1.5em;
    }
    .bib,
    .alertDent {
        margin: 10px 10px 10px 30px;
        text-indent: -30px;
    }
    .bibExtras {
        padding: 30px 0 0;
        text-align: center;
        width: 50px;
    }
    .bibExtras .fa {
        font-size: 1.3em;
        color: #e3e3e3;
    }
    .record0 {
        background-color: #f6f6f6;
        border-bottom: 1px dotted #ddd;
        border-top: 1px dotted #ddd;
    }
    .record0,
    .record1 {
        width: 100%;
    }
    .nb img {
        width: 50px !important;
    }
    .bibExtras img {
        width: 20px !important;
        border: none !important;
    }
    .moreInfo {
        display: none;
        margin: auto 5px -5px auto;
    }
    .breadcrumb {
        margin: 10px 0;
        color: #333;
        font-family: "Montserrat";
    }
    .breadcrumb a {
        border: none;
    }

    /* footer */
    /* --- FOOTER --- */
    #footer {
        width: 100%;
        padding: 1em 0;
        border-top: 1px solid #f2f2f2;
        background: #1a6944;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    #footer {
        background-color: #1a6944;
        left: 0;
        margin-top: 2em;
    }
    #footer p,
    #footer a {
        font-size: 1.2rem;
        line-height: 100%;
        color: #fff;
        text-align: center;
    }
    #footer a:hover,
    #footer a:focus {
        color: #fff;
    }
    #floating-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #1a6944;
        left: 0;
    }

    /*  previous and other footer style

#floating-footer ul { margin: 10px 0; }
#floating-footer li { list-style: none; display: inline-block; }
#floating-footer p, a { font-size: 95%; padding: 5px 10px; }

footer{display:inline-block;list-style:outside none none;font-size:1em;margin:0;background:#e5e5e5;border-radius:0px;padding:15px 20px}
.ffooter { position: fixed; bottom: 0; width:100%;max-width:1400px; background-color:#e5e5e5; left: 0px; }
.spotlight{display:table;margin:0 auto;width:90%;max-width:1400px}

and

#footer{bottom:0;left:0;position:fixed;width:100%;z-index:852;clear:both;color:#888;font-size:14px;margin:2em auto 1.5em;text-align:center}
#flinks{display:inline-block;list-style:outside none none;font-size:2em;margin:0;background:#f2f2f2;border-radius:10px;padding:15px 20px;border:1px solid #e5e5e5}
#flinks li{background:none;display:inline-block;line-height:0;margin:0 5px 0 0;padding:0}
*/

    .box {
        background: none repeat scroll 0 0 #f2f2f2;
        border: 1px solid #e5e5e5;
        margin: 9px;
        min-height: 190px;
        padding: 20px 30px;
        width: 49% !important;
        float: right;
    }
    .mainimg {
        width: 100%;
    }
    .social-icons {
        margin: 1rem 0;
        padding: 0;
        text-align: center;
    }
    .social-icons .fa {
        font-size: 2.5rem;
    }
    .social-icons li {
        display: inline;
        margin-left: 1rem;
    }
    .social-icons a {
        border: none;
    }
    .social {
        margin: 30px 0;
        text-align: center;
        padding: 0 !important;
    }
    .social li {
        display: inline;
        position: relative;
        margin-left: 3px !important;
        background: none !important;
        font-size: 1.8rem !important;
    }
    .social li a {
        color: #e5e5e5;
        border: none;
    }
    .social li a:hover {
        color: #000;
    }
    .highlight3 {
        margin: 0 0 5px;
    }
    .last {
        margin-left: 1%;
    }
    .highlight h3 {
        margin: 0;
    }
    .wrapper {
        min-height: 300px;
        margin-top: 2.5rem;
    }
    .content {
        background: #fff;
        margin-left: 0;
        padding: 25px;
        border: 1px solid #ccc;
        min-height: 200px;
        -webkit-box-shadow: -2px 6px 12px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: -2px 6px 12px rgba(0, 0, 0, 0.15);
        box-shadow: -2px 6px 12px rgba(0, 0, 0, 0.15);
        width: 60.667% !important;
    }
    .content2 {
        background: #fff;
        margin-left: 0;
        padding: 25px;
        border: 1px solid #e5e5e5;
        min-height: 200px;
    }
    .content3 {
        background: #fff;
        margin-left: 0;
        padding: 25px;
        border: 1px solid #ccc;
        min-height: 200px;
        -webkit-box-shadow: -2px 6px 12px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: -2px 6px 12px rgba(0, 0, 0, 0.15);
        box-shadow: -2px 6px 12px rgba(0, 0, 0, 0.15);
    }
    .wrapper img {
        max-width: 100%;
        height: auto;
    }
    .img_border {
        border: 1px solid #ccc;
    }
    .widget {
        background: #f2f2f2;
        padding: 25px;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
    }
    .widget h3 {
        text-transform: uppercase;
        margin: 0 0 15px;
    }
    .leftnav {
        border-radius: 5px;
    }
    .leftnav h3 {
        padding: 0;
        font-weight: 500;
        font-size: 1.2rem;
        line-height: 1.1;
        margin: 0 0 0.5rem;
    }
    .leftnav span {
        font-weight: 700;
        font-family: "Montserrat";
        font-size: 0.75rem;
    }
    #topbar {
        background: #961718;
    }
    #topbar.columns {
        margin-left: 0 !important;
    }
    .navimg {
        margin: 0 8px;
        position: relative;
        top: 2px;
    }
    .navimg img {
        max-height: 18px;
    }
    #page_title img {
        image-rendering: crisp-edges;
    }
    .space {
        margin: 30px 0;
    }
    /* ... .banner{background:#fff;padding:20px 0 15px;background-image:url(../images/gu_seal-light.svg);background-size:600px;background-position:90% center;background-repeat:no-repeat} */
    header {
        background: #e5e5e5;
        min-height: 35px;
        border-bottom: 1px solid #c9c9c9;
        border-top: 1px solid #c9c9c9;
    }
    header nav {
        text-align: center;
        background: #e5e5e5;
    }
    header nav ul {
        margin: 0;
        padding: 3px;
        list-style-type: none;
    }
    header nav ul li {
        display: inline;
        position: relative;
        margin-left: 10px;
    }
    header nav ul li:first-child {
        margin-left: 0;
    }
    header nav ul li ul {
        display: none;
    }
    header nav ul li .toplink {
        font-size: 18px;
        font-family: "Montserrat", Arial, sans-serif;
        text-transform: uppercase;
    }
    header nav ul li a {
        color: #000;
        border: none;
    }
    .active a {
        font-family: "open-sans", Helvetica, Arial, sans-serif;
    }
    .icons {
        padding: 0;
        position: relative;
        margin: 0;
        top: 5px;
    }
    .icons a {
        color: #ccc;
    }
    a {
        color: #1cb3db;
        text-decoration: none;
    }
    a:hover {
        color: #006699;
        text-decoration: underline;
    }
    .six,
    .nine,
    .widget {
        list-style: none;
    }
    .toplinks {
        float: right;
        margin: 0;
        position: relative;
        top: 3px;
    }
    .gu {
        line-height: 1;
        font-family: "Montserrat", Times, serif;
    }
    .gu a {
        color: #333;
        border: none;
        margin-left: 0.5rem;
        font-size: 1rem;
        font-weight: 500;
    }
    .sidenav {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .sidenav li {
        border-bottom: 1px dotted #ccc;
    }
    .sidenav li:last-child {
        border: none !important;
    }
    .sidenav li a {
        position: relative;
        border: none;
        font-family: "Montserrat";
        font-size: 1rem;
        margin: 0;
        padding: 10px 0 !important;
        display: block;
    }
    .sidenav li ul li {
        border-bottom: 1px solid #e9e9e9 !important;
    }
    .sidenav li ul {
        background: #f5f5f5;
        border: none;
        list-style-type: none;
        color: #014565;
        margin: 0;
        display: none;
        padding: 0;
    }
    .active ul,
    .active ul li {
        display: block !important;
    }
    .bmark a {
        font-weight: 500;
        color: #374196 !important;
    }
    a.meanmenu-reveal {
        display: none;
    }
    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: relative;
        background: #0c1923;
        padding: 4px 0;
        min-height: 42px;
        z-index: 999999;
    }
    .mean-container a.meanmenu-reveal {
        width: 22px;
        height: 22px;
        padding: 13px 13px 11px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        text-indent: -9999em;
        line-height: 22px;
        font-size: 1px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
    }
    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #fff;
        height: 3px;
        margin-top: 3px;
    }
    .mean-container .mean-nav {
        float: left;
        width: 100%;
        background: #0c1923;
        margin-top: 44px;
    }
    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none;
    }
    .mean-container .mean-nav ul li {
        position: relative;
        float: left;
        width: 100%;
    }
    .mean-container .mean-nav ul li a {
        display: block;
        float: left;
        width: 90%;
        padding: 1em 5%;
        margin: 0;
        text-align: left;
        color: #fff;
        border-top: 1px solid #383838;
        border-top: 1px solid rgba(255, 255, 255, 0.5);
        text-decoration: none;
        text-transform: uppercase;
    }
    .mean-container .mean-nav ul li li a {
        width: 80%;
        padding: 1em 10%;
        border-top: 1px solid #f1f1f1;
        border-top: 1px solid rgba(255, 255, 255, 0.25);
        opacity: 0.75;
        filter: alpha(opacity=75);
        text-shadow: none !important;
        visibility: visible;
    }
    .mean-container .mean-nav ul li.mean-last a {
        border-bottom: none;
        margin-bottom: 0;
    }
    .mean-container .mean-nav ul li li li a {
        width: 70%;
        padding: 1em 15%;
    }
    .mean-container .mean-nav ul li li li li a {
        width: 60%;
        padding: 1em 20%;
    }
    .mean-container .mean-nav ul li li li li li a {
        width: 50%;
        padding: 1em 25%;
    }
    .mean-container .mean-nav ul li a:hover {
        background: #252525;
        background: rgba(255, 255, 255, 0.1);
    }
    .mean-container .mean-nav ul li a.mean-expand {
        margin-top: 1px;
        width: 26px;
        height: 32px;
        padding: 12px !important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
        background: rgba(255, 255, 255, 0.1);
        border: none !important;
        border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
    }
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: rgba(0, 0, 0, 0.9);
    }
    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both;
    }
    .mean-nav {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .mean-container .mean-bar,
    .mean-container .mean-bar * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .mean-remove {
        display: none !important;
    }
    .cf:before,
    .cf:after {
        content: "";
        display: table;
    }
    .cf:after {
        clear: both;
    }
    .cf {
        zoom: 1;
    }
}

@media screen and (max-width: 50em) {
    .content {
        padding: 0 10px;
        text-align: center;
    }
    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}

@media (max-width: 1000px) {
    #ToC {
        display: none;
    }
    .sealantLogo {
        max-width: 350px;
        margin-top: 5px;
    }
}

@media (max-width: 945px) {
    .sealantLogo {
        max-width: 300px;
    }
    .ohrc-logo {
        max-width: 275px !important;
        margin-top: 1rem !important;
    }
}

@media (max-width: 700px) {
    .sealantLogo {
        max-width: 200px;
    }
    .ohrc-logo {
        max-width: 250px !important;
    }
}

@media (max-width: 650px) {
    .sealantLogo {
        max-width: 175px !important;
    }
    .ohrc-logo {
        max-width: 200px !important;
    }
}

@media (max-width: 799px) {
    .imgEmbedCenter img {
        margin: 0 auto;
        max-width: 80%;
    }
    #imgBox {
        display: none !important;
    }
    #filled {
        color: black !important;
    }
    .bNav {
        color: #1cb3db !important;
        background: #f2f2f2;
        padding: 10px 30px;
        display: block;
        margin: 10px 0;
        border-radius: 15px;
        border: 1px solid #ccc;
        font-family: "Montserrat";
        font-weight: 400;
        text-decoration: none;
        font-size: 1rem;
        text-transform: uppercase;
    }
    .bNav:hover {
        cursor: pointer;
    }
    #back {
        float: left;
        color: #1cb3db;
    }
    #next {
        float: right;
    }
    #back:hover,
    #next:hover {
        cursor: pointer;
    }
    a {
        text-decoration: none;
        color: #093683;
    }
    .localNav a {
        color: white !important;
    }
    h2 {
        color: #1a6944;
    }
    .sealantLogo {
        max-width: 250px;
    }
    .ohrc-logo {
        width: 300px !important;
        margin-top: 8px !important;
    }
    .v,
    .v h1 {
        padding-left: 0 !important;
    }
    .v h1 {
        padding-top: 10px !important;
    }
    #page_title {
        margin-bottom: -2rem;
    }
    .sidenav li {
        border-bottom: 1px dotted #ccc;
    }
    .tlinks a {
        font-size: 0.8rem;
    }
    .topheader {
        display: flex;
    }
    #dark2 {
        display: block;
    }
    #footer {
        width: 100%;
        padding: 1em 0;
        border-top: 1px solid #f2f2f2;
        background: #1a6944;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    #footer {
        background-color: #1a6944;
        left: 0;
        margin-top: 2em;
    }
    #footer p,
    #footer a {
        font-size: 1.2rem;
        line-height: 100%;
        color: #fff;
        text-align: center;
    }
    #footer a:hover,
    #footer a:focus {
        color: #fff;
    }
    #footer a {
        text-decoration: none;
    }
    #floating-footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #1a6944;
        left: 0;
    }
    #ToC {
        display: none;
    }
    .bmark a {
        color: #374196 !important;
    }
    .sidenav {
        padding-left: 0;
    }
    #layout {
        margin: 0;
        padding: 0;
    }
    #layout li {
        list-style-type: none;
    }
    #layout li a {
        position: relative;
        font-family: "Montserrat";
        font-size: 1rem;
        margin: 0;
        padding: 10px 0 !important;
        display: block;
        text-decoration: none;
    }
    #showMore {
        display: block;
        cursor: pointer;
    }
    #layout {
        display: none;
    }
    .v {
        background: none;
    }
    .imgEmbed,
    .imgEmbedLeft {
        float: none !important;
        margin: 0 0 20px 0px !important;
    }
    .imgEmbed img,
    .imgEmbedLeft img {
        max-width: 150px !important;
    }
    .chart {
        float: none !important;
        margin: 0 0 20px 0px;
    }
    .chart img {
        max-width: 200px;
    }
    .form-icon {
        display: none;
    }
    .form-bak .checkbox,
    .form-bak .radio {
        margin-left: 20px;
    }
}

@media (max-width: 520px) {
    .ohrc-logo {
        max-width: 170px !important;
        margin-top: 8px;
    }
    .sealantLogo {
        width: 150px !important;
    }
}

@media (max-width: 450px) {
    .container {
        padding: 0.7rem !important;
    }
    .topheader .container {
        display: none;
    }
    h2 {
        color: #1a6944;
    }
    #ToC {
        display: none;
    }
    .v {
        padding: 0.5rem !important;
    }
    .page-title {
        padding-top: 0.5rem;
    }
    .v h1 {
        letter-spacing: 0 !important;
        padding: 0 !important;
    }
    .logo {
        max-width: 270px;
    }
    .banner {
        background-color: #ffffff;
    }
    h2 {
        font-weight: 300;
    }
    img.right {
        height: auto;
        max-width: 100% !important;
    }
}

/*#layout,#menu,.menu-link{-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}*/
#menu a {
    color: #333;
}
#layout {
    position: relative;
    padding-left: 0;
}
#layout.focus #menu {
    left: 304px;
    width: 240px;
}
#layout.focus .menu-link {
    left: 241px;
}
/*#menu{top:0;left:0;bottom:0;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch}
.menu-link{position:fixed;display:block;top:0;left:0;background:#000;background:rgba(0,0,0,0.7);font-size:10px;z-index:10;width:2em;height:auto;padding:2.1em 1.6em}
.menu-link:hover,.menu-link:focus{background:#000}
.menu-link span{position:relative;display:block}
.menu-link span,.menu-link span:before,.menu-link span:after{background-color:#fff;width:100%;height:.2em}
.menu-link span:before,.menu-link span:after{position:absolute;margin-top:-.6em;content:" "}
.menu-link span:after{margin-top:.6em}*/

@media (min-width: 49em) {
    .header,
    .content {
        padding-left: 2em;
        padding-right: 2em;
    }
    #layout {
        padding-left: 150px;
        left: 0;
    }
    #menu {
        left: 150px;
        margin-left: -150px;
    }
    .menu-link {
        position: fixed;
        left: 150px;
        display: none;
    }
    #layout.focus .menu-link {
        left: 150px;
    }
}
@media (max-width: 49em) {
    #layout.focus {
        position: relative;
        left: 150px;
    }
}
@font-face {
    font-family: "fontastic";
    src: url(../fonts/fontastic.eot);
    src: url(../fonts/fontastic.eot?#iefix) format("embedded-opentype"),
        url(../fonts/fontastic.woff) format("woff"),
        url(../fonts/fontastic.ttf) format("truetype"),
        url(../fonts/fontastic.svg#fontastic) format("svg");
    font-weight: 400;
    font-style: normal;
}
[data-icon]:before {
    font-family: "fontastic" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class^="mch-"]:before,
[class*=" mch-"]:before {
    font-family: "fontastic" !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mch-arrow-down:before {
    content: "\73";
}
.mch-arrow-up:before {
    content: "\74";
}
.mch-bubble:before {
    content: "\75";
}
.mch-vimeo:before {
    content: "\76";
}
.mch-twitter:before {
    content: "\77";
}
.mch-linkedin:before {
    content: "\78";
}
.mch-youtube:before {
    content: "\79";
}
.mch-retweet:before {
    content: "\7a";
}
.mch-facebook:before {
    content: "\41";
}
.mch-paperplane:before {
    content: "\42";
}
.mch-clip:before {
    content: "\45";
}
.mch-location:before {
    content: "\4c";
}
.mch-settings:before {
    content: "\4d";
}
.mch-calendar:before {
    content: "\4e";
}
.mch-book-open:before {
    content: "\4f";
}
.mch-user:before {
    content: "\50";
}
.mch-graduation-cap:before {
    content: "\51";
}
.mch-comments:before {
    content: "\53";
}
.mch-comment-1:before {
    content: "\54";
}
.mch-pine-trees:before {
    content: "\57";
}
.mch-scroll:before {
    content: "\59";
}
.mch-letter-bottle:before {
    content: "\32";
}
.mch-map4:before {
    content: "\33";
}
.mch-ship:before {
    content: "\35";
}
.mch-search:before {
    content: "\36";
}
.mch-package:before {
    content: "\37";
}
.mch-expand:before {
    content: "\39";
}
.mch-compress:before {
    content: "\21";
}
.mch-share-outline:before {
    content: "\22";
}
.mch-print-1:before {
    content: "\23";
}
.mch-link:before {
    content: "\38";
}
.mch-link-streamline:before {
    content: "\24";
}
.mch-share:before {
    content: "\25";
}
.mch-share-1:before {
    content: "\26";
}
.mch-compass-2:before {
    content: "\27";
}
.mch-clock:before {
    content: "\28";
}
.mch-lifebuoy:before {
    content: "\2e";
}
.mch-harbor:before {
    content: "\3b";
}
.mch-circle-stroked:before {
    content: "\3c";
}
.mch-triangle-stroked:before {
    content: "\3d";
}
.mch-book-close:before {
    content: "\3f";
}
.mch-book-open-1:before {
    content: "\40";
}
.mch-square-stroked:before {
    content: "\5b";
}
.mch-playback-play:before {
    content: "\5d";
}
.mch-flow-branch:before {
    content: "\5f";
}
.mch-mouse:before {
    content: "\60";
}
.mch-record:before {
    content: "\7b";
}
.mch-right-open:before {
    content: "\7c";
}
.mch-right-dir:before {
    content: "\7d";
}
.mch-right-open-mini:before {
    content: "\7e";
}
.mch-star-empty:before {
    content: "\5c";
}
.mch-plus:before {
    content: "\e001";
}
.mch-layout:before {
    content: "\e002";
}
.mch-heart-1:before {
    content: "\e003";
}
.mch-heart-empty:before {
    content: "\e004";
}
.mch-flow-tree:before {
    content: "\e005";
}
.mch-check:before {
    content: "\61";
}
.mch-inbox-alt:before {
    content: "\62";
}
.mch-cube:before {
    content: "\63";
}
.mch-archive:before {
    content: "\64";
}
.mch-list-alt:before {
    content: "\65";
}
.mch-list-ordered:before {
    content: "\66";
}
.mch-hospital-o:before {
    content: "\67";
}
.mch-industrial:before {
    content: "\68";
}
.mch-town-hall:before {
    content: "\69";
}
.mch-commercial:before {
    content: "\6a";
}
.mch-building-o:before {
    content: "\6b";
}
.mch-home:before {
    content: "\6c";
}
.mch-building:before {
    content: "\6d";
}
.mch-anchor:before {
    content: "\6e";
}
.mch-treasure-chest:before {
    content: "\6f";
}
.mch-map2:before {
    content: "\70";
}
.mch-boat-rudder:before {
    content: "\71";
}
.mch-compass3:before {
    content: "\72";
}
.mch-captain:before {
    content: "\43";
}
.mch-pirate:before {
    content: "\44";
}
.mch-timer:before {
    content: "\46";
}
.mch-compass:before {
    content: "\47";
}
.mch-anchor-1:before {
    content: "\48";
}
.mch-balance-scale:before {
    content: "\49";
}
.mch-bell:before {
    content: "\4a";
}
.mch-bell-o:before {
    content: "\4b";
}
.mch-bookmark:before {
    content: "\52";
}
.mch-bookmark-o:before {
    content: "\55";
}
.mch-book:before {
    content: "\56";
}
.mch-calculator:before {
    content: "\58";
}
.mch-camera:before {
    content: "\5a";
}
.mch-car:before {
    content: "\30";
}
.mch-check-1:before {
    content: "\31";
}
.mch-check-circle:before {
    content: "\34";
}
.mch-check-circle-o:before {
    content: "\29";
}
.mch-check-square:before {
    content: "\2a";
}
.mch-check-square-o:before {
    content: "\2b";
}
.mch-cog:before {
    content: "\2c";
}
.mch-cogs:before {
    content: "\2d";
}
.mch-cubes:before {
    content: "\2f";
}
.mch-cube-1:before {
    content: "\3a";
}
.mch-envelope:before {
    content: "\3e";
}
.mch-envelope-o:before {
    content: "\5e";
}
.mch-dot-circle-o:before {
    content: "\e000";
}
.mch-file:before {
    content: "\e006";
}
.mch-file-text:before {
    content: "\e007";
}
.mch-file-text-o:before {
    content: "\e008";
}
.mch-flag-checkered:before {
    content: "\e009";
}
.mch-graduation-cap-1:before {
    content: "\e00a";
}
.mch-hourglass:before {
    content: "\e00b";
}
.mch-hourglass-half:before {
    content: "\e00c";
}
.mch-hourglass-o:before {
    content: "\e00d";
}
.mch-hourglass-end:before {
    content: "\e00e";
}
.mch-hourglass-start:before {
    content: "\e00f";
}
.mch-life-ring:before {
    content: "\e010";
}
.mch-male:before {
    content: "\e011";
}
.mch-map:before {
    content: "\e012";
}
.mch-medkit:before {
    content: "\e013";
}
.mch-mouse-pointer:before {
    content: "\e014";
}
.mch-paper-plane:before {
    content: "\e015";
}
.mch-paper-plane-o:before {
    content: "\e016";
}
.mch-phone:before {
    content: "\e017";
}
.mch-pencil-square-o:before {
    content: "\e018";
}
.mch-scissors:before {
    content: "\e019";
}
.mch-sort-alpha-asc:before {
    content: "\e01a";
}
.mch-thumbs-down:before {
    content: "\e01b";
}
.mch-thumbs-o-down:before {
    content: "\e01c";
}
.mch-thumbs-o-up:before {
    content: "\e01d";
}
.mch-thumbs-up:before {
    content: "\e01e";
}
.mch-trophy:before {
    content: "\e01f";
}
.mch-university:before {
    content: "\e020";
}
.mch-user-md:before {
    content: "\e021";
}
.mch-users:before {
    content: "\e022";
}
.mch-wheelchair:before {
    content: "\e023";
}
.mch-wrench:before {
    content: "\e024";
}
.mch-light-bulb:before {
    content: "\e025";
}
.mch-home-1:before {
    content: "\e026";
}
.mch-graph:before {
    content: "\e027";
}
.mch-microscope:before {
    content: "\e028";
}
.mch-pin:before {
    content: "\e029";
}
.mch-puzzle:before {
    content: "\e02a";
}
.mch-podium:before {
    content: "\e02b";
}
.mch-squirrel:before {
    content: "\e02c";
}
.mch-telescope:before {
    content: "\e02d";
}
.mch-device-mobile:before {
    content: "\e02e";
}
.mch-device-desktop:before {
    content: "\e02f";
}
.mch-briefcase:before {
    content: "\e030";
}
.mch-checklist:before {
    content: "\e031";
}
.mch-car-side:before {
    content: "\e032";
}
.mch-danger-death-delete-destroy-skull-stream:before {
    content: "\e033";
}
.mch-notebook-streamline:before {
    content: "\e034";
}
.mch-micro-record-streamline:before {
    content: "\e035";
}
.mch-settings-streamline-2:before {
    content: "\e036";
}
.mch-speech-streamline-talk-user:before {
    content: "\e037";
}
.mch-ibook-laptop:before {
    content: "\e038";
}
.mch-anchor-2:before {
    content: "\e039";
}
.mch-comment-quotes:before {
    content: "\e03a";
}
.mch-comments-1:before {
    content: "\e03b";
}
.mch-skull:before {
    content: "\e03c";
}
.mch-target:before {
    content: "\e03d";
}
.mch-torsos-all-female:before {
    content: "\e03e";
}
.mch-bullhorn:before {
    content: "\e03f";
}
.mch-certificate:before {
    content: "\e040";
}
.mch-folder:before {
    content: "\e041";
}
.mch-folder2:before {
    content: "\e042";
}
.mch-folder3:before {
    content: "\e043";
}
.mch-folder-open:before {
    content: "\e044";
}
.mch-bookmark-1:before {
    content: "\e045";
}
.mch-bookmarks:before {
    content: "\e046";
}
.mch-paper-plane-1:before {
    content: "\e047";
}
.mch-traffic-cone:before {
    content: "\e048";
}
.mch-vcard:before {
    content: "\e049";
}
.mch-chart:before {
    content: "\e04a";
}
.mch-key-fill:before {
    content: "\e04b";
}
.mch-key-stroke:before {
    content: "\e04c";
}
.mch-info:before {
    content: "\e04d";
}
.mch-mic:before {
    content: "\e04e";
}
.mch-pen:before {
    content: "\e04f";
}
.mch-pen-alt-fill:before {
    content: "\e050";
}
.mch-pen-alt-stroke:before {
    content: "\e051";
}
.mch-pin-1:before {
    content: "\e052";
}
.mch-tag-fill:before {
    content: "\e053";
}
.mch-tag-stroke:before {
    content: "\e054";
}
.mch-garden:before {
    content: "\e055";
}
.mch-wetland:before {
    content: "\e056";
}
.mch-squidoo:before {
    content: "\e057";
}
.mch-graduate-cap:before {
    content: "\e058";
}
.mch-icon:before {
    content: "\e059";
}
.mch-sleeping-baby:before {
    content: "\e05a";
}
.mch-tick-inside-circle:before {
    content: "\e05b";
}
.mch-graduate-cap1:before {
    content: "\e05c";
}
.mch-cutlery:before {
    content: "\e05d";
}
.mch-food:before {
    content: "\e05e";
}
.mch-fork-and-knife:before {
    content: "\e05f";
}
.mch-fork-and-spoon:before {
    content: "\e060";
}
.mch-fast-food:before {
    content: "\e061";
}
.mch-restaurant:before {
    content: "\e062";
}
.mch-lemon:before {
    content: "\e063";
}
.mch-apple:before {
    content: "\e064";
}
.mch-carton-milk:before {
    content: "\e065";
}
.mch-icecream:before {
    content: "\e066";
}
.mch-android-bar:before {
    content: "\e067";
}
.mch-pizza:before {
    content: "\e068";
}
.mch-spoon:before {
    content: "\e069";
}
.mch-knife:before {
    content: "\e06a";
}
.mch-ios-nutrition-outline:before {
    content: "\e06b";
}
.mch-coffee:before {
    content: "\e06c";
}
.mch-ios-nutrition:before {
    content: "\e06d";
}
.mch-fork:before {
    content: "\e06e";
}
.mch-soup-can-outline:before {
    content: "\e06f";
}
.mch-beer:before {
    content: "\e070";
}
.mch-ios-wineglass:before {
    content: "\e071";
}
.mch-soup-can:before {
    content: "\e072";
}
.mch-ios-pint:before {
    content: "\e073";
}
.mch-wineglass:before {
    content: "\e074";
}
.mch-ios-wineglass-outline:before {
    content: "\e075";
}
.mch-cutlery-1:before {
    content: "\e076";
}
.mch-barbecue-eat-food-streamline:before {
    content: "\e077";
}
.mch-chef-food-restaurant-streamline:before {
    content: "\e078";
}
.mch-eat-food-hotdog-streamline:before {
    content: "\e079";
}
.mch-star:before {
    content: "\e07a";
}
.mch-star-empty-1:before {
    content: "\e07b";
}
.mch-asterisk:before {
    content: "\e07c";
}
.mch-star-1:before {
    content: "\e07d";
}
.mch-asterisk-1:before {
    content: "\e07e";
}
.mch-certificate-1:before {
    content: "\e07f";
}
.mch-youtube-play:before {
    content: "\e080";
}
.mch-beer-1:before {
    content: "\e081";
}
.mch-alcohol-shop:before {
    content: "\e083";
}
.mch-coffee-1:before {
    content: "\e084";
}
.mch-cup:before {
    content: "\e082";
}
.mch-search-plus:before {
    content: "\e085";
}
.mch-search-minus:before {
    content: "\e086";
}
.mch-copyright:before {
    content: "\e087";
}
.mch-arrow-circle-up:before {
    content: "\e088";
}
.mch-chevron-up-circle:before {
    content: "\e089";
}
.mch-language:before {
    content: "\e08a";
}
.mch-globe:before {
    content: "\e08b";
}

@media print {
    #footer {
        display: none;
    }
    .wrapper {
        border: none !important;
    }
    .grid,
    .navbox,
    header,
    topheader,
    tlinks {
        display: none !important;
        border: none !important;
    }
    .nine,
    .six,
    .three {
        width: 100% !important;
        margin-left: -3% !important;
    }
    h1,
    p,
    ul,
    ol {
        font-size: 10px;
        line-height: 1;
    }
    .logo {
        max-width: 20px !important;
        display: block;
    }
    sidenav li.active {
        display: block !important;
    }
    .sidenav li {
        border: none !important;
    }
    .sidenav li a {
        display: none;
        padding: 0 !important;
        margin-bottom: 2rem;
    }
    .active a {
        display: block !important;
        font-size: 1.5rem;
        padding: 0;
        margin: 1rem 0;
    }
    .active ul,
    .active ul li {
        display: none !important;
    }
    .light {
        display: none;
    }
    .dark {
        display: none;
    }
    .banner .seven {
        display: none;
    }
    #page_title {
        background-color: none !important;
        background-image: none !important;
        border: none !important;
        border-radius: none !important;
        display: inline-table;
        margin-bottom: 5px;
        overflow: hidden;
        width: 100%;
    }
    #page_title img {
        display: none;
    }
    .v {
        display: table-cell;
        padding: 0 !important;
        vertical-align: none !important;
        width: 100%;
    }
}
/* form messages */
#form_message:has(*) {
    /* padding: 2px 4px; */
    /* color: #212121; */
    /* font-weight: 700; */
    /* margin: 20px 0; */
}
#form_message p {
    margin: 5px;
}
#form_message a {
    text-decoration: underline;
}
/* #form_message.error {
    border: solid 1px #981b1e;
    background-color: #f9dede;
}
#form_message.success {
    border: solid 1px #2e8540;
    background-color: #e7f4e4;
} */
/* form inputs */
input:valid {
    background-color: #e7f4e4;
}
input:invalid {
    background-color: #f9dede;
}
#attestation_block {
    text-indent: -30px;
    margin-left: 30px;
}
#attestation {
    margin: 0 10px 0 0;
}

/* edit password */
#password-edit-fields {
    display: none;
}
.quizquestions > li,
.callout,
#form_message:has(*) {
    font-weight: bold;
    border: solid 1px #999;
    border-radius: 10px;
    margin: 1rem 0;
    padding: 1.5rem;
    list-style: none;
}
.quizquestions > li.bad,
.callout.bad,
#form_message.bad {
    color: red;
    border-color: red;
    background-color: #99000011;
}
.quizquestions > li.good,
.callout.good,
#form_message.good {
    color: #1a6944;
    border-color: #1a6944;
    background-color: #1a694411;
}
.callout.warn,
#form_message.warn {
    color: #093683;
    border-color: #093683;
    background-color: #09368311;
}
.quizquestions label {
    cursor: pointer;
}