/*BACKGROUND COLORS */

.white-bg {
    background-color: #fff;
    padding:30px 0px;
}

.pink-bg {
    background-color: #db5486;
}

.yellow-bg {
    background-color: #F39221;
}

.orange-bg {
    background-color: #fa9100;
}

.green-bg {
    background-color: #357b73;
}

.blue-bg {
  background-color:#211C36;
}

.lightblue-bg {
  background-color:#33a5d3;
}


.purple-bg {
  background-color:#3F366F;
}

.red-bg {
    background-color: #b74a47;
}

.darkred-bg {
    background-color: #9e3f3c;
}

.black-bg {
    background-color: #000;
}

.color-bg {
    padding:30px 0px;
}

@media (max-width:768px) {
    .white-bg, .color-bg {
        padding:30px 0px;
    }
}

.nextsteps-bg {
    background-color: #fff;
    padding-top:20px;
    padding-bottom:30px;
}

.footer-bg .blue-bg {
    padding:20px 0px !important;
}

/*FONT COLOR*/

.color-bg h1, .color-bg h2, .color-bg h3, .color-bg h4, .color-bg .h2-head h2, .color-bg p, .color-bg p a, .color-bg ul li {
    color:#fff;
}

.color-bg .card ul li {
    color:#000 !important;
}

/*LINK STYLE */

.color-bg p a {
    text-decoration:underline;
}

.color-bg p .btn {
    text-decoration:none !important;
}

/*PANEL STYLE */

.color-bg .panel p, .color-bg .msl-card p, .color-bg .card p {
    color:#000 !important;
}

.color-bg .card a {
    color:#337ab7 !important;
}

.color-bg .card .btn-blue, .color-bg .card .btn-green {
    color:#fff !important;
    text-decoration:none;
}

.color-bg .card h2, .color-bg .card h3, .color-bg .card h4 {
    color:#211C36 !important;
}

.color-bg .card h2.white, .color-bg .card h3.white, .color-bg .card h4.white {
    color:#fff !important;
}


.color-bg .panel h3 {
    color:#3F366F !important;
    margin:20px 0px;
}

.40-spacer {
    margin:40px 0px;
}