.navbar-inverse {
    background-color: rgba(255, 255, 255, 0.9);
}

.topBanner {
    height: 500px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.interiorContent h1, .lightGreen h3, .interiorContent h3:first-child, .ArticleContent h1, .Dashboard h1, .interiorContentSection h2, .DashboardFAQ h2, .EC h1, .FullWidthLayout h1 {
    margin-top: 0px;
}

.EC h1 {
    margin-bottom:40px;
}

.body-content li a[href$=".html"]:before {
    content: "\f138";
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    color: #009390;
}

.body-content li a[href*="www"]:before {
    content: "\f138";
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    color: #009390;
}

.body-content li a[href*="https"]:before {
    content: "\f138";
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    color: #009390;
}

.body-content li a[href$=".pdf"]:before {
    content: "\f1c1";
    font-family: "Font Awesome 6 Pro";
    margin-right: 5px;
    color: #009390;
}
   

.interiorContentSection li {
    text-indent: -30px;
    padding-left: 30px;
}

.interiorContentSection ul, ul.subContentNav, .subContentNav ul {
    list-style: none;
    padding: 0px 0px 0px 0px;
}

ul.subContentNav, .subContentNav {
    background: #f3eded;
    padding: 40px;
}

    .subContentNav li:before {
        content: "\f138";
        font-family: "Font Awesome 6 Pro";
        margin-right: 5px;
        color: #009390;
    }

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #dcd4d4;
}

.interiorContentSection {
    margin-bottom: 50px;
}

    .interiorContentSection.lightGreen, .interiorContentSection.lightBrown, .interiorContentSection.lightYellow {
        padding: 35px 40px;
    }

.subContentNav li.currentPage a {
    color: #009390;
}

.subContentNav li {
    text-indent: -30px;
    padding-left: 30px;
}

.ThreeColumns .col-sm-4 {
    padding: 30px;
    text-align: center;
}

.ThreeColumns .col-sm-4 h4 {
   font-weight:400;
   margin-top:0px;
   font-size:16px;
}

.ThreeColumns .fa-light {
    font-size: 100px;
    margin: 0px auto 20px auto;
    display: table;
    color: #009390;
}

.ThreeColumns {
    margin-bottom:50px;
}

    .ThreeColumns h1 {
        margin-bottom:40px;
        margin-top:-10px;
    }

    .ThreeColumns .callout-button {
        margin:30px auto 0px auto;
        display:table;
    }

.DashboardFourColWrapperBgImg {
    background-size:cover;
    height:170px;
    background-repeat:no-repeat;
    background-position:center center;
}

.DashboardFourColWrapper {
    text-align:center;

}

.DashboardFourColumns {
    margin-top: 50px;
    margin-bottom: 50px;
}

.DashboardFAQComments {
    background: #f2eded;
    padding: 40px;
    margin-bottom:40px;
}

.DashboardFAQ, .DashboardContact {
    margin-bottom: 40px;
    display: table;
    width:100%;
}

.panel-default > .panel-heading {
    background-color: #fff;
    border-color: transparent;
    border: none;
}

.panel-title p {
    margin-bottom: 0px;
    margin-left: 25px;
}

.panel-title strong {
    font-weight: 600;
}

.panel-body p {
    font-size: 18px;
}

.panel-heading {
    padding: 15px 15px;
}

    .panel {
    margin-bottom: 20px !important;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}

.glyphicon {
    float: left;
    margin: 5px 0px 0px 0px;
    color: #009390;
}

.form-control {
    height: 40px;
    border-radius: 0px;
}


textarea.form-control {
    height: 125px;
}

    html {
    scroll-behavior: smooth;
}


.body-content table td {
    font-size: 18px;
    line-height: 28px;
    color: #2c3e50;
    padding: 20px !important;
}

table.table.table-striped {
    border: none;
}

#button {
    display: inline-block;
    background-color: #009390;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 60px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

a#button i.fas.fa-arrow-up {
    color: white;
    font-size: 25px;
}

#button:hover {
    cursor: pointer;
    background-color: #333;
    text-decoration: none;
}

#button:active {
    background-color: #555;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

a#button {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.tableOfContents {
    margin-bottom: 50px;
    margin-top:50px;
}

    .tableOfContents hr {
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .tableOfContents p, .tableOfContents li, .ArticleContent p, .ArticleContent  li {
        margin-bottom: 0px;
        font-size: 18px !important;
    }

.optionalTopContent {
    margin: 30px 0px 60px;
}

.ECthumbs {
    background: #f3eded;
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
}

    .ECthumbs img {
        margin: auto;
        max-height: 260px;
    }

ol {
    padding: 0px 0px 0px 20px;
}

.interiorContentSection ol li {
    text-indent: 0px;
    padding-left: 0px;
}

@media (min-width: 2560px) {
    .topBanner {
        height: 600px;
    }
}

@media (min-width: 1481px) and (max-width: 1600px) {
    .topBanner {
        height: 420px;
    }

    .DashboardFourColWrapperBgImg {
        height: 150px;
    }
}

@media (min-width: 1367px) and (max-width: 1480px) {
    .topBanner {
        height: 400px;
    }

    .DashboardFourColWrapperBgImg {
        height: 140px;
    }


    .ThreeColumns .fa-light {
        font-size: 80px;
    }
}

@media (min-width: 1200px) and (max-width: 1366px) {
    .topBanner {
        height: 380px;
    }

    .DashboardFourColWrapperBgImg {
        height: 120px;
    }

    .ThreeColumns .col-sm-4 {
        padding: 20px;
    }

    .ThreeColumns .fa-light {
        font-size: 60px;
    }

    ul.subContentNav, .subContentNav {
        padding: 30px;
    }

    .interiorContentSection.lightGreen, .interiorContentSection.lightBrown, .interiorContentSection.lightYellow {
        padding: 30px;
    }

    .DashboardFAQComments {
        padding: 30px;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .topBanner {
        height: 350px;
    }

    .DashboardFourColWrapperBgImg {
        height: 90px;
    }

    .ThreeColumns .col-sm-4 {
        padding: 20px;
    }

    .ThreeColumns .fa-light {
        font-size: 40px;
    }

    ul.subContentNav, .subContentNav {
        padding: 25px;
    }

    .ThreeColumns .col-sm-4 h4 {
        font-size: 14px;
    }

    .interiorContentSection.lightGreen, .interiorContentSection.lightBrown, .interiorContentSection.lightYellow {
        padding: 25px;
    }

    .DashboardFAQComments {
        padding: 25px;
        margin-bottom: 20px;
    }

    .body-content table td {
        font-size: 16px;
        line-height: 24px;
        padding: 15px!important;
        word-break:break-all;
    }

    .interiorContentSection li {
        text-indent: -25px;
        padding-left: 25px;
    }

    .subContentNav li {
        text-indent: -25px;
        padding-left: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .topBanner {
        height: 300px;
    }

    .DashboardFourColWrapperBgImg {
        height: 120px;
    }

    .ThreeColumns .col-sm-4 {
        width:100%;
    }

    .DashboardFourColumns .col-sm-3 {
        width:50%;
    }

    .newsSection .col-sm-4 {
        width:50%!important;
    }

    .ThreeColumns .col-sm-4 {
        padding: 20px;
    }

    .ThreeColumns .fa-light {
        font-size: 40px;
    }

    ul.subContentNav, .subContentNav {
        padding: 20px;
    }

    .ThreeColumns .col-sm-4 h4 {
        font-size: 14px;
    }

    .interiorContentSection.lightGreen, .interiorContentSection.lightBrown, .interiorContentSection.lightYellow {
        padding: 20px;
    }

    .DashboardFAQComments {
        padding: 20px;
        margin-bottom: 20px;
    }

    .body-content table td {
        font-size: 16px;
        line-height: 24px;
        padding: 15px !important;
        word-break: break-all;
    }

    .interiorContentSection li {
        text-indent: -25px;
        padding-left: 25px;
    }

    .subContentNav li {
        text-indent: -25px;
        padding-left: 25px;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .topBanner {
        height: 150px!important;
    }

    .interiorContent .col-sm-8 {
        padding:0px;
    }

    .DashboardFourColumns {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .interiorContentSection {
        margin-bottom: 30px;
    }

    .panel-body p {
        font-size: 17px;
    }

    .ThreeColumns h1 {
        margin-bottom: 30px;
        margin-top: 0px;
    }

    .DashboardFourColWrapperBgImg {
        height: 120px;
    }

    .ThreeColumns .col-sm-4 {
        width: 100%;
    }

    .DashboardFourColumns .col-sm-3 {
        width: 45%;
        float: left;
        margin-right: 5%;
    }

    .newsSection .col-sm-4 {
        width: 100%!important;
    }



    .ThreeColumns .col-sm-4 {
        padding: 20px;
    }

    .ThreeColumns .fa-light {
        font-size: 40px;
    }

    ul.subContentNav, .subContentNav {
        padding: 20px;
    }

    .ThreeColumns .col-sm-4 h4 {
        font-size: 14px;
    }

    .interiorContentSection.lightGreen, .interiorContentSection.lightBrown, .interiorContentSection.lightYellow {
        padding: 20px;
    }

    .DashboardFAQComments {
        padding: 20px;
        margin-bottom: 20px;
    }

    ol {
        margin-top: 0;
        margin-bottom: 20px;
        padding: 0px 0px 0px 20px;
    }

    .interiorContentSection.lightBrown a {
        word-break: break-all;
    }

    .body-content table td {
        font-size: 14px;
        line-height: 20px;
        padding: 5px !important;
        word-break: break-all;
    }

    .interiorContentSection li {
        text-indent: -25px;
        padding-left: 25px;
    }

    .subContentNav li {
        text-indent: -25px;
        padding-left: 25px;
    }
}