@import url("https://use.typekit.net/pvc7tpw.css");
@font-face {
  font-family: myfont;
  src: url(../font/the-road-ahead/Theroadahead.otf);
}
h1,.h1{font-size: 26pt;}
h2,.h2{font-size: 24pt;}
h3,.h3{font-size: 22pt;}
h4,.h4{font-size: 18pt;}
h5,.h5{font-size: 14pt;}
h6,.h6{font-size: 12pt;}
p, li{font-size: 14pt;}
small{font-size: 14px}
.stories h5{font-size: 18pt;}
body{font-family:century-gothic,sans-serif;font-weight:400;font-style:normal}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.warning-text {
  color: #fff;
  font-size: 12px;
  margin: 0
}
hr{
  opacity: 1;
  border-top: none;
}
.container {
  padding: 0 10px 30px 10px;
  margin-bottom: 30px
}

.top {
  padding: 25px 0
}

.custom-toggler.navbar-toggler {
  border-color: #fff;
  margin: 5px
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")
}
.navbar .nav-item{
  background-image: linear-gradient(#555658, #171314);
  border-right: solid 3px #fff;
  color: #fff;
  height: 70px;
}
#enroll-wc .btn-lg{
  display: inline; 
  padding: .5rem 1rem;
}
.navbar-light {
    background-image: linear-gradient(#555658, #171314);
    padding: 0;
}
.navbar .nav-item:not(.highlight):hover{
  background-image: linear-gradient(#39b54a, #39b54a);
}
.custom-toggler .navbar-toggler-icon
 {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar .active
 {
    background-image: none;
    background-color: #39b54a;
}
.navbar .highlight {
    border-right: solid 10px #00aeef;
    background-image: none;
    background-color: #00aeef;
}
.navbar .nav-item .nav-link {
  font-weight: 700;
  display: flex;
  align-items: center; /* Centers items vertically */
  justify-content: center;
  height:100%;
}
.nav-link .icon{
    height: 30px;
    width: 30px;
}
.nav-item {
  font-size: 95% !important
}
/* search only styling  */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.dark-card {
  background-color: #414042;
  border-radius: 1rem;
  padding: 40px 25px;
}
/* product info accordions  */
#accordion .btn-link {
  color: #ffffff;
  font-weight: 600;
  font-size: inherit;
}

#accordion .btn-link:hover {
  color: #ffffff;
}

#accordion .card-header {
  width: 100%;
  border-radius: 0.9rem;
  background-color: #0f76bc;
}

#accordion .card {
  width: 100%;
  background-color: #0f76bc;
  margin-bottom: 10px;
  border-radius: 0.9rem;
}

#accordion .card-body {
  width: 100%;
  background-color: #ffffff;
  border-radius: 0rem 0rem 0.9rem 0.9rem;
}
/* Steps box styling */
@media screen and (min-width: 1199px) {
  #step-1 .card {
    height: 240px;
    margin-bottom: 20px;
  }

  #step-2 .card {
    height: 240px;
    margin-bottom: 20px;
  }

  #step-3 .card {
    height: 240px;
    margin-bottom: 20px;
  }

  #step-1 p {
    margin: auto 10px;
  }

  #step-2 p {
    margin: auto 30px;
  }

  #step-3 p {
    margin: auto 20px;
  }

  .learn-more {
    margin-left: 50px;
  }
}

@media screen and (min-width:992px) and (max-width:1198px) {
  #step-1 .card {
    height: 240px;
    margin-bottom: 20px;
  }

  #step-2 .card {
    height: 240px;
    margin-bottom: 20px;
  }

  #step-3 .card {
    height: 240px;
    margin-bottom: 20px;
  }

  #step-1 p, #step-2 p, #step-3 p {
    margin: auto;
  }

  #step-1 h1 {
    margin-bottom: 53px;
  }

  #step-2 h1 {
    margin-bottom: 0px;
  }

  #step-3 h1 {
    margin-bottom: 53px;
  }
  .dark-card {
      padding: 25px 25px;
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  #step-1 .card {
    height: 220px;
    margin-bottom: 20px;
  }

  #step-2 .card {
    height: 220px;
    margin-bottom: 20px;
  }

  #step-3 .card {
    height: 220px;
    margin-bottom: 20px;
  }

  #step-1 p, #step-2 p, #step-3 p {
    margin: auto;
  }

  #step-1 h1 {
    margin-bottom: 53px;
  }

  #step-2 h1 {
    margin-bottom: 0px;
  }

  #step-3 h1 {
    margin-bottom: 53px;
  }
  .dark-card {
    padding: 8px;
  }
}
@media screen and (max-width:767px) {
  .dark-card {
    padding: 10px;
  }
  #step-1 .card {
    min-height: 200px;
    margin-bottom: 20px;
  }

  #step-2 .card {
    min-height: 200px;
    margin-bottom: 20px;
  }

  #step-3 .card {
    min-height: 200px;
    margin-bottom: 20px;
  }

  #step-1 p, #step-2 p, #step-3 p {
    margin: auto;
  }
}
.families .card-body, .seniors .card-body, .individuals .card-body, .employers .card-body {
  height: 100%;
 }
/* who we help card styling */
@media screen and (min-width:1200px) {

  /* families purple card */
  .families .col-lg-5 {
    padding: 45px 7px;
    background-image: radial-gradient(#d697cb, #b36ab0);
  }

  .families p {
    font-size: 115%;
  }

  .families .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(146, 39, 143);
  }

  /* seniors blue card */
  .seniors .col-lg-5 {
    padding: 35px 20px;
    background-image: radial-gradient(#9fdbe5, #649ccd);
  }

  .seniors .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(29, 118, 188);
  }

  .seniors p {
    font-size: 115%;
  }

  /* individuals green card */
  .individuals .col-lg-5 {
    padding: 35px 15px;
    background-image: radial-gradient(#c3e79c, #6ecc7e);
  }

  .individuals .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(0, 148, 68);
  }

  .individuals p {
    font-size: 115%;
  }

  /* employers orange card */
  .employers .col-lg-5 {
    padding: 30px 20px;
    background-image: radial-gradient(#fdc57a, #f78965);
  }

  .employers .card-title {
    margin: 10px 0px 15px 0px;
    font-weight: bold;
    color: rgb(241, 90, 41);
  }

  .employers p {
    font-size: 115%;
  }
}

/*  */
@media screen and (min-width:992px) and (max-width:1199px) {

  /* families purple card */
  .families .col-lg-5 {
    padding: 55px 5px;
    background-image: radial-gradient(#d697cb, #b36ab0);
  }

  .families .card-img {
    align-items: center;
  }

  .families .card-title {
    margin: 10px 0px 20px 0px;
    font-weight: bold;
    color: rgb(146, 39, 143);
  }

  /* seniors blue card */
  .seniors .col-lg-5 {
    padding: 53px 20px;
    background-image: radial-gradient(#9fdbe5, #649ccd);
  }

  .seniors .card-title {
    margin: 10px 0px 20px 0px;
    font-weight: bold;
    color: rgb(29, 118, 188);
  }

  /* individuals green card */
  .individuals .col-lg-5 {
    padding: 45px 15px;
    background-image: radial-gradient(#c3e79c, #6ecc7e);
  }

  .individuals .card-title {
    margin: 10px 0px 20px 0px;
    font-weight: bold;
    color: rgb(0, 148, 68);
  }

  /* employers orange card */
  .employers .col-lg-5 {
    padding: 38px 20px;
    background-image: radial-gradient(#fdc57a, #f78965);
  }

  .employers .card-title {
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    color: rgb(241, 90, 41);
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .families .col-lg-5, .employers .col-lg-5, .seniors .col-lg-5, .individuals .col-lg-5 {
    border-radius: 12px 12px 0px 0px;
}

  /* families purple card */
  .families .col-lg-5 {
    height: 300px;
    padding: 26px 80px;
    background-image: radial-gradient(#d697cb, #b36ab0);
  }


  .families .card-title {
    margin: 5px 0px 20px 0px;
    font-weight: bold;
    color: rgb(146, 39, 143);
  }

  /* seniors blue card */
  .seniors .col-lg-5 {
    height: 300px;
    padding: 20px 90px;
    background-image: radial-gradient(#9fdbe5, #649ccd);
  }

  .seniors .card-title {
    margin: 5px 0px 20px 0px;
    font-weight: bold;
    color: rgb(29, 118, 188);
  }

  /* individuals green card */
  .individuals .col-lg-5 {
    height: 300px;
    padding: 25px 90px;
    background-image: radial-gradient(#c3e79c, #6ecc7e);
  }

  .individuals .card-title {
    margin: 5px 0px 20px 0px;
    font-weight: bold;
    color: rgb(0, 148, 68);
  }

  /* employers orange card */
  .employers .col-lg-5 {
    height: 300px;
    padding: 20px 90px;
    background-image: radial-gradient(#fdc57a, #f78965);
  }

  .employers .card-title {
    margin: 0px 0px 7.5px 0px;
    font-weight: bold;
    color: rgb(241, 90, 41);
  }
}

@media screen and (max-width:767px) {
  .btn-sm {
    margin-left: 60px;
}
.PRODUCT img{display:block !important;float:none !important;width:100%;height:auto;margin-bottom:10px;}
.p-sm-0{
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
  .families .col-lg-5 {
    background-image: radial-gradient(#d697cb, #b36ab0);
  }

  .families p {
    font-size: 16px;
  }

  .families .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(146, 39, 143);
  }

  /* seniors blue card */
  .seniors .col-lg-5 {
    background-image: radial-gradient(#9fdbe5, #649ccd);
  }

  .seniors .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(29, 118, 188);
  }

  .seniors p {
    font-size: 16px;
  }

  /* individuals green card */
  .individuals .col-lg-5 {
    background-image: radial-gradient(#c3e79c, #6ecc7e);
  }

  .individuals .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(0, 148, 68);
  }

  .individuals p {
    font-size: 16px;
  }

  /* employers orange card */
  .employers .col-lg-5 {
    background-image: radial-gradient(#fdc57a, #f78965);
  }

  .employers .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(241, 90, 41);
  }

  .employers p {
    font-size: 16px;
  }
}

@media screen and (max-width:420px) {
  .families .col-lg-5 {
    background-image: radial-gradient(#d697cb, #b36ab0);
  }

  .families p {
    font-size: 125%;
  }

  .families .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(146, 39, 143);
  }

  /* seniors blue card */
  .seniors .col-lg-5 {
    background-image: radial-gradient(#9fdbe5, #649ccd);
  }

  .seniors .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(29, 118, 188);
  }

  .seniors p {
    font-size: 125%;
  }

  /* individuals green card */
  .individuals .col-lg-5 {
    padding: 0px;
    background-image: radial-gradient(#c3e79c, #6ecc7e);
  }

  .individuals .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(0, 148, 68);
  }

  .individuals p {
    font-size: 125%;
  }


  .employers .col-lg-5 {
    background-image: radial-gradient(#fdc57a, #f78965);
  }

  .employers .card-title {
    margin: 10px 0px 30px 0px;
    font-weight: bold;
    color: rgb(241, 90, 41);
  }

  .employers p {
    font-size: 125%;
  }
}

@media screen and (min-width:1200px) {
  .who-we-help .col-md-3:nth-child(1) {
    padding: 0;
    text-align: center;
  }

  .who-we-help .col-md-3:nth-child(1) span {
    background-color: #009444;
    height: 20px;
    display: inline-block;
    width: 100%;
  }

  .who-we-help .col-md-3:nth-child(1) h3 {
    color: #009444;
    font-size: 200%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(1) div {
    padding: 10px 0px 10px 0px;
    background-image: radial-gradient(#c3e79c, #6ecc7e)
  }

  .who-we-help .col-md-3:nth-child(1) img {
    border: 0;
    padding: 0px;
    margin: 20px auto;
    height: 380px;
    background-color: rgba(255, 0, 0, 0);
    border-radius: 0
  }

  .who-we-help .col-md-3:nth-child(2) {
    padding: 0;
    text-align: center;
  }

  .who-we-help .col-md-3:nth-child(2) span {
    background-color: #92278f;
    height: 20px;
    display: inline-block;
    width:  100%;
  }

  .who-we-help .col-md-3:nth-child(2) h3 {
    color: #92278f;
    font-size: 200%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(2) div {
    padding: 30px 0px 30px 0px;
    background-image: radial-gradient(#d697cb, #b36ab0)
  }

  .who-we-help .col-md-3:nth-child(2) img {
    border: 0;
    padding: 0;
    height: 380px;
    background-color: rgba(255, 0, 0, 0);
    margin: 0 auto;
    border-radius: 0
  }

  .who-we-help .col-md-3:nth-child(3) {
    padding: 0;
    text-align: center;
  }

  .who-we-help .col-md-3:nth-child(3) span {
    background-color: #488fcd;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(3) h3 {
    color: #488fcd;
    font-size: 200%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(3) div {
    padding: 30px 0px 30px 0px;
    background-image: radial-gradient(#9fdbe5, #649ccd)
  }

  .who-we-help .col-md-3:nth-child(3) img {
    border: 0;
    padding: 0;
    height: 380px;
    background-color: rgba(255, 0, 0, 0);
    margin: 0 auto;
    border-radius: 0
  }

  .who-we-help .col-md-3:nth-child(4) {
    padding: 0;
    text-align: center;
  }

  .who-we-help .col-md-3:nth-child(4) span {
    background-color: #f15a29;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(4) h3 {
    color: #f15a29;
    font-size: 200%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(4) div {
    padding: 30px 0px 30px 0px;
    background-image: radial-gradient(#fdc57a, #f78965)
  }

  .who-we-help .col-md-3:nth-child(4) img {
    border: 0;
    padding: 0;
    height: 380px;
    background-color: rgba(255, 0, 0, 0);
    margin: 0 auto;
    border-radius: 0
  }
}

@media screen and (max-width:1199px) and (min-width:992px) {
  .who-we-help .col-md-3:nth-child(1) {
    padding: 0;
    text-align: center;
    height: 450px
  }

  .who-we-help .col-md-3:nth-child(1) span {
    background-color: #009444;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(1) h3 {
    color: #009444;
    font-size: 180%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(1) div {
    padding: 20px 0px 20px 0px;
    background-image: radial-gradient(#c3e79c, #6ecc7e)
  }

  .who-we-help .col-md-3:nth-child(1) img {
    border: 0;
    padding: 0;
    background-color: rgba(255, 0, 0, 0);
    height: 350px;
    border-radius: 0
  }

  .who-we-help .col-md-3:nth-child(2) {
    padding: 0;
    text-align: center;
    height: 450px
  }

  .who-we-help .col-md-3:nth-child(2) span {
    background-color: #92278f;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(2) h3 {
    color: #92278f;
    font-size: 180%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(2) div {
    padding: 20px 0 20px 0;
    background-image: radial-gradient(#d697cb, #b36ab0)
  }

  .who-we-help .col-md-3:nth-child(2) img {
    border: 0;
    padding: 0;
    height: 350px;
    background-color: rgba(255, 0, 0, 0);
    border-radius: 0
  }

  .who-we-help .col-md-3:nth-child(3) {
    padding: 0;
    text-align: center;
    height: 450px
  }

  .who-we-help .col-md-3:nth-child(3) span {
    background-color: #488fcd;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(3) h3 {
    color: #488fcd;
    font-size: 180%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(3) div {
    padding: 20px 0px 20px 0px;
    background-image: radial-gradient(#9fdbe5, #649ccd)
  }

  .who-we-help .col-md-3:nth-child(3) img {
    border: 0;
    padding: 0;
    height: 350px;
    background-color: rgba(255, 0, 0, 0);
    border-radius: 0
  }

  .who-we-help .col-md-3:nth-child(4) {
    padding: 0;
    text-align: center;
    height: 450px
  }

  .who-we-help .col-md-3:nth-child(4) span {
    background-color: #f15a29;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(4) h3 {
    color: #f15a29;
    font-size: 180%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(4) div {
    padding: 20px 0px 20px 0px;
    background-image: radial-gradient(#fdc57a, #f78965)
  }

  .who-we-help .col-md-3:nth-child(4) img {
    border: 0;
    padding: 0;
    height: 350px;
    background-color: rgba(255, 0, 0, 0);
    border-radius: 0
  }
}

@media screen and (max-width:992px) and (min-width:768px) {
  .who-we-help .col-md-3:nth-child(1) {
    padding: 0;
    text-align: center;
    height: 350px
  }

  .who-we-help .col-md-3:nth-child(1) span {
    background-color: #009444;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(1) h3 {
    color: #009444;
    font-size: 140%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(1) div {
    padding: 20px 0px 20px 0px;
    background-image: radial-gradient(#c3e79c, #6ecc7e)
  }

  .who-we-help .col-md-3:nth-child(1) img {
    border: 0;
    padding: 0;
    height: 250px;
    background-color: rgba(255, 0, 0, 0);
    border-radius: 0
  }

  .who-we-help .col-md-3:nth-child(2) {
    padding: 0;
    text-align: center;
  }

  .who-we-help .col-md-3:nth-child(2) span {
    background-color: #92278f;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(2) h3 {
    color: #92278f;
    font-size: 140%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(2) div {
    padding: 20px 0 20px 0;
    background-image: radial-gradient(#d697cb, #b36ab0)
  }

  .who-we-help .col-md-3:nth-child(2) img {
    border: 0;
    padding: 0;
    height: 250px;
    background-color: rgba(255, 0, 0, 0);
    border-radius: 0
  }

  .who-we-help .col-md-3:nth-child(3) {
    padding: 0;
    text-align: center;
    height: 350px
  }

  .who-we-help .col-md-3:nth-child(3) span {
    background-color: #488fcd;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(3) h3 {
    color: #488fcd;
    font-size: 140%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(3) div {
    padding: 20px 0px 20px 0px;
    background-image: radial-gradient(#9fdbe5, #649ccd)
  }

  .who-we-help .col-md-3:nth-child(3) img {
    border: 0;
    padding: 0;
    height: 250px;
    background-color: rgba(255, 0, 0, 0);
    border-radius: 0
  }

  .who-we-help .col-md-3:nth-child(4) {
    padding: 0;
    text-align: center;
  }

  .who-we-help .col-md-3:nth-child(4) span {
    background-color: #f15a29;
    height: 20px;
    display: inline-block;
    width: 100%
  }

  .who-we-help .col-md-3:nth-child(4) h3 {
    color: #f15a29;
    font-size: 140%;
    padding: 15px
  }

  .who-we-help .col-md-3:nth-child(4) div {
    padding: 20px 0px 20px 0px;
    background-image: radial-gradient(#fdc57a, #f78965)
  }

  .who-we-help .col-md-3:nth-child(4) img {
    border: 0;
    padding: 0;
    height: 250px;
    background-color: rgba(255, 0, 0, 0);
    border-radius: 0
  }
}
.families {
  border-radius: 20px;
  border: solid 8px rgb(146, 39, 143);
}

.seniors {
  border-radius: 20px;
  border: solid 8px rgb(29, 118, 188);
}

.individuals {
  border-radius: 20px;
  border: solid 8px rgb(0, 148, 68);
}

.employers {
  border-radius: 20px;
  border: solid 8px rgb(241, 90, 41);
}

.families .col-lg-5, .employers .col-lg-5, .seniors .col-lg-5, .individuals .col-lg-5 {
  border-radius: 12px 0px 0px 12px;
}
.btn-sm {
  font-size: 135%;
  height: 95px;
  font-weight: bolder;
  border-radius: 10px;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: left;
  margin-left: 30px;
  padding: 8px 5px 8px 80px
}

.btn-sm:hover {
  font-size: 130%;
}

.btn-md {
  font-size: 165%;
  height: 95px;
  font-weight: bolder;
  border-radius: 10px;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: left;
  margin-left: 30px;
  padding: 8px 5px 8px 80px
}

.btn-md:hover {
  font-size: 155%;
}

.btn-lg {
  font-size: 168%;
  height: 95px;
  font-weight: bolder;
  border-radius: 10px;
  line-height: 120%;
  display: flex;
  align-items: center;
  justify-content: left;
  margin-left: 30px;
  padding: 8px 5px 8px 80px
}

.btn-lg:hover {
  font-size: 160%;
}

.site-button-pink {
  position: relative;
  margin: 30px 0 20px 0;
  padding-right: 30px
}

.site-button-pink:before {
  content: url(../img/PinkButton.svg);
  position: absolute;
  top: -8px;
  left: 0px
}

.site-button-orange {
  position: relative;
  margin: 30px 0 20px 0;
  padding-right: 30px
}

.site-button-orange:before {
  content: url(../img/OrangeButton.svg);
  position: absolute;
  top: -8px;
  left: 0px
}

.site-button-green {
  position: relative;
  margin: 30px 0 20px 0;
  padding-right: 30px
}

.site-button-green:before {
  content: url(../img/GreenButton.svg);
  position: absolute;
  top: -8px;
  left: 0px
}

.site-button-dark-blue {
  position: relative;
  margin: 30px 0 20px 0;
  padding-right: 30px
}

.site-button-dark-blue:before {
  content: url(../img/DBlueButton.svg);
  position: absolute;
  top: -8px;
  left: 0px
}

.site-button-blue {
  position: relative;
  margin: 30px 0 20px 0;
  padding-right: 30px
}

.site-button-blue:before {
  content: url(../img/BlueButton.svg);
  position: absolute;
  top: -8px;
  left: 0px
}
.site-button-gold {
  position: relative;
  margin: 30px 0 20px 0;
  padding-right: 30px;
}

.site-button-gold:before {
  content: url(../img/GoldButton.svg);
  position: absolute;
  top: -8px;
  left: 0px;
}

.site-button {
  position: relative;
  margin: 30px 0 20px 0;
  padding-right: 30px
}

.site-button:before {
  content: url(../img/Button.svg);
  position: absolute;
  top: -8px;
  left: 0px
}

#plans .site-button-green, #plans .site-button-dark-blue, #plans .site-button, #plans .site-button-orange {
  right: 17%;
  left: 1%;
  bottom: 3%;
  margin: 0px;
  padding-right: 0px
}
/* card colors and styling */
.orange-card-sm {
  border: 9px solid #ea6e24;
  border-radius: 15px
}

.green-card-sm {
  border: 9px solid #39b54a;
  border-radius: 15px
}

.blue-card-sm {
  border: 9px solid #43acd2;
  border-radius: 15px
}

.card-body-green {
  background-color: #39b54a;
  border: 10px solid #39b54a
}

.btn-info {
  color: #fff;
  background-color: #92278f;
  border-color: #92278f
}

.btn-info:hover {
  background-color: #b46aab;
  border: solid 8px #92278f;
}
.btn-gold {
  color: #fff;
  background-color: #fcb03f;
  border-color: #fcb03f
}

.btn-gold:hover {
  color: #fff;
  background-color: #fdc88d;
  border: solid 8px #fcb03f;
}

.btn-pink {
  color: #fff;
  background-color: #ee207b;
  border-color: #ee207b;
}

.btn-pink:hover {
  background-color: #f27fb2;
  border: solid 8px #ee207b;
}

.btn-blue{
    --bs-btn-color: #fff;
    --bs-btn-bg: #00aeef;
    --bs-btn-border-color: #00aeef;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #08b1ee;
    --bs-btn-hover-border-color: #08b1ee;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #08b1ee;
    --bs-btn-active-border-color: #08b1ee;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00aeef;
    --bs-btn-disabled-border-color: #00aeef;
}

.input-group .btn-blue:hover {
  border: 0px;
}

.btn-dark-blue {
  color: #fff;
  background-color: #1d76bc;
  border-color: #1d76bc
}

.btn-dark-blue:hover {
  color: #fff;
  background-color: #57aade;
  border: solid 8px #1d76bc;
}

.btn-orange {
  color: #fff;
  background-color: #f1592a;
  border-color: #f1592a
}
.btn-orange:hover {
  color: #fff;
  background-color: #f49453;
  border: solid 8px #f1592a;
}
.btn-green {
  color: #fff;
  background-color: #009444;
  border-color: #009444
}
.btn-green:hover {
  color: #fff;
  background-color: #42b96e;
  border: solid 8px #009444;
}
.orange {
  font-weight: 700;
  color: #ea6e24;
  padding: 20px 0
}

footer>.gold {
  font-weight: 700;
  color: #ffc107;
  margin: 0 0 20px 0;
  padding: 20px 0
}
.gold {
  color: #ffc107;
}
.red {
  font-weight: 700;
  color: #eb2727;
  margin: 0 0 20px 0;
  padding: 20px 0
}

.navy {
  font-weight: 700;
  color: #262262;
  margin: 0 0 20px 0;
  padding: 20px 0
}

.savings .blue {
  font-weight: 700;
  color: #28aae1;
  margin: 0 0 20px 0;
  padding: 20px 0
}
.dark-blue {
  font-weight: 700;
  color: #1d76bc;
  margin: 0 0 20px 0;
}

.navy-blue {
  font-weight: 700;
  color: #0c406a;
  margin: 0 0 0px 0;
}

.dark-purple {
  font-weight: 700;
  color: #662d91;
  margin: 0 0 20px 0;
}

.purple {
  font-weight: 700;
  color: #92278f;
  margin: 0 0 20px 0;
}

.dark-green {
  font-weight: 700;
  color: #009444;
  margin: 0 0 20px 0;
}

.turquoise {
  font-weight: 700;
  color: #00a79e;
  margin: 0 0 20px 0;
}

.pink {
  font-weight: 700;
  color: #ee2a7c;
  margin: 0 0 20px 0;
}

.blue {
  font-weight: 700;
  color: #43acd2;
  margin: 0 0 8px 0;
  padding: 20px 0

}

.savings .blue {
  font-weight: 700;
  color: #28aae1;
  margin: 0 0 20px 0;
  padding: 20px 0
}

.stories .orange {
  color: #f15a29
}
.text-md-start img {
  padding-left: 0px;
  max-height: 80px
}
.dark-blue-point li::marker {
  color: #1d76bc;
}

.green-point li::marker {
  color: #009444;
}

.dark-purple-point li::marker {
  color: #92278f;
}

.turquoise-point li::marker {
  color: #00a79e;
}

.orange-point li::marker {
  color: #ea6e24;
}
.orange-point ul li::marker {
  color: #ea6e24;
}
.strong{
  font-weight: 600;
}
.blue strong {
  color: #43acd2
}

.dark-blue strong {
  color: #1d76bc
}

.green strong {
  color: #39b54a
}

.pink strong {
  color: #ee2a7c
}

.orange strong {
  color: #ea6e24;
  margin: 0 0 20px 0;
  padding: 20px 0
}

.green {
  font-weight: 700;
  color: #39b54a;
  padding: 20px 0
}

.bottom {
  border-bottom: 1px solid #6d6e71
}

.gold-border {
  border: 3px solid #ffc107;
  border-radius: 10px;
  margin: 15px 0px 15px 0px;
}

.blue-border {
  max-width: 450px;
  border: 5px solid #00aeef;
  border-radius: 13px;
  margin: 15px auto;
}
@media screen and (min-width:768px) {
  .dropdown>.dropdown-menu {
    top: 200%;
    transition: 0.3s all ease-in-out;
  }

  .dropdown:hover>.dropdown-menu {
    display: block;
    top: 100%;
  }

  .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
  }

  .home {
    max-width: 9%;
  }

}
/* oder app selection page */
.dental {
    border-radius: 15px;
    padding: 0;
    border: 5px solid #92278f;
}
.dental .card-title {
    color: #fff;
    padding: 20px;
    background-color: #92278f;
}
.wellness {
    border-radius: 15px;
    padding: 0;
    border: 5px solid #009444;
}
.wellness .card-title {
    color: #fff;
    padding: 20px;
    background-color: #009444;
}
/* form styling */
.bg-light-gray{
  background-color: #ececec;
}
.form-control-lg {
    color: rgba(148, 150, 152, 1);
    border-radius: 0.75rem;
    margin: 5px 1px 3px 0px;
    border: 3px solid rgba(251, 176, 64, 1);
    height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 18px;
}
.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}
label {
    display: inline-block;
    margin-bottom: .5rem;
}
.form-group {
    color: rgba(109, 111, 113, 1);
    margin-bottom: 1rem;
}
.collapsed .form-group .fas {
    transform: rotate(180deg);
}
/* Table colors */
.table-2 thead th {
  vertical-align: middle;
  vertical-align: center;
  border-bottom: none;
  border-right: none;
  margin: 10px
}

.table-2 th:first-child {
  padding: 10px 50px
}

.table-2 td, .table-2 th {
  padding: .55rem;
  vertical-align: middle;
  border-top: none;
  border-right: solid 1px #464648
}

.table-2 td:last-child {
  border-right: none
}

.table thead th {
  vertical-align: middle;
  width: 15%;
  vertical-align: center;
  border-bottom: none;
  border-right: none;
  margin: 10px
}

table {
  margin-bottom: 0px !important;
  border-spacing: none;
  border-radius: 10px;
}

.table th:first-child {
  width: 40%;
  padding: 10px 50px
}
.table-wrapper {
  width: 100%;
  border-radius: 1rem;
  background: #464648;
  border: solid 5px #464648;
}
.table td, .table th {
  padding: .55rem;
  vertical-align: middle;
  border-top: none;
  border-bottom: none;
  border-right: solid 1px #464648
}
.table-wrapper table {
  width: 100%;
  background: white;
}
.table-wrapper table tbody {
  border-radius: 0px 1rem;
}
.colors td:nth-child(1) hr {
  height: 4px;
  background-color: #ee2a7c;
  border-radius: 2px;
  margin: -5px 0 10px 0
}

.colors td:nth-child(2) hr {
  height: 4px;
  background-color: #ea6e24;
  border-radius: 2px;
  margin: -5px 0 10px 0
}

.colors td:nth-child(3) hr {
  height: 4px;
  background-color: #28aae1;
  border-radius: 2px;
  margin: -5px 0 10px 0
}

.colors td:nth-child(4) hr {
  height: 4px;
  background-color: #39b54a;
  border-radius: 2px;
  margin: -5px 0 10px 0
}

.colors td:nth-child(5) hr {
  height: 4px;
  background-color: #92278f;
  border-radius: 2px;
  margin: -5px 0 10px 0
}

tr td:nth-child(5) {
  border-right: none
}

.colors {
  border: none
}

.colors td {
  background-color: #fff;
  padding: 0 5px;
  border: none;
  border-right: solid 1px #464648
}
.t-title {
    margin-top: -2px;
    font-size: 140%;
    padding: 20px 0;
    color: #fff;
    font-weight: 700;
    background-color: #464648;
}
/* carousel styling */

  .carousel-control-prev-icon, .carousel-control-next-icon {
    width: 4rem ;
    height: 4rem;
  }
  .carousel-control-prev{
    justify-content: left;
    width: 10%;
  }
    .carousel-control-next{
    justify-content: right;
    width: 10%;
  }
.btn {
  text-align: left;
}

.img-thumbnail {
  max-width: none;
  border: 0;
  width: 100%;
  vertical-align: middle;
  background-color: #fff0;
}

.stories .orange {
  color: #f15a29
}

.stories img {
  border-radius: 10px;
  max-width: 100%;
}
.stories .card-description, .stories .card-image{
  padding: 15px 0px;
}
.stories .card-description img{
  display: none;
}
.stories .card-image p{
  display: none;
}

.stories .h3 {
  color: gray;
  margin: 0 0 20px 0;
  padding: 20px 0;
  font-weight: lighter
}

.stories .card {
  border: none;
  border-right: solid 1px #464648;
  padding: 0 25px 0 0;
  border-radius: 0
}

.stories .btn-light {
  font-weight: 700;
  color: #464648;
  background-color: #fff;
  border: none;
}

.top-stories .col-sm-6 .card {
  margin-top: 10px;
  border: none;
  border-right: solid 1px #464648;
  padding: 0 25px 0 0;
  border-radius: 0
}

.top-stories .card .btn {
  font-weight: 700;
  color: #464648;
  background-color: #fff;
  border: none;
  font-size: 150%
}
.icon {
    height: 60px;
    width: 60px;
}
.blog__slider .col-md-4:last-child .card {
  border: none;
}

.stories .col-md-4 .card h5 {
  font-size: 150%;
  font-weight: 700;
  color: #1d76bc
}
footer p{
  font-size: 16px;
}
footer .gold a{
  font-size: 25px;
}
footer a:hover{
  text-decoration: underline;
}
footer .dark {
  background-image: linear-gradient(#565759, #2e2c2d);
  padding: 15px 30px
}

footer small {
  font-size: 16px;
}

footer .sides {
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
}

@media (min-width:991px) {
  footer .sides {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
  }

  footer .col-sm-4, footer .col-sm-5, footer .col-sm-3 {
    padding: 0px;
  }
}

footer .btn-warning {
  border-radius: 0rem 0.25rem 0.25rem 0rem;
}

footer .gold-border {
  margin-top: 30px;
  border: 5px solid #ffc107;
}

footer .gold {
  padding: 0px;
  margin: 0px;
}

footer h2 {
  font-size: 400%;
  font-family: myfont, house-script;
  font-weight: lighter;
  margin-bottom: 0
}

footer .sub-map-head {
  font-size: 120%;
  font-weight: 100;
  line-height: 170%;
}

footer .col-sm-4, footer .col-sm-5, footer .col-sm-3 {
  padding: 20px;
}

footer .text-white {
  margin-bottom: 0px;
}

footer .map-head {
  padding-bottom: 10px
}

footer .btn-primary:hover {
  color: #fff;
  background-color: #0099d2;
  border-color: #0099d2;
}

.copy {
  margin-top: 100px
}

.copy p {
  margin-bottom: 0
}

footer .join {
  font-weight: 700;
  font-size: 150%;
  padding: 30px 0px;
  text-align: center;
}

footer .blue:hover {
  color: #0099d2;
}

footer .pad {
  padding: 10px 20px
}

a {
  color: inherit
}

a:hover {
  color: inherit;
  text-decoration: none;
}
.contact .input-group {
  width: 50%
}

.input-group-lg>.form-control {
  padding: 5px;
}

.contact input {
  height: 100%;
  line-height: 140%;
  margin: 15px 0;
  border-color: solid 2px #000;
  border-radius: 15px
}

.contact textarea {
  width: 100%;
  border-color: solid 2px #000;
  border-radius: 15px
}
.contact .btn-primary {
  color: #ffffff;
  background-color: #ee2a7c;
  font-size: 180%;
  font-weight: 700;
  padding: 10px 50px;
  border-radius: 15px;
  border-color: #ee2a7c
}
.contact .btn-primary:active {
  background-color: #d0256c !important;
  border-color: #d0256c !important
}
.results .email{
  color: #007bff;
}