@import url("https://use.typekit.net/tqd0eua.css");

/* ------------------------------------------------------- */
/* Margin and Padding Util Classes Styling */ 
/* ------------------------------------------------------- */

.m0,.margin-0 { margin: 0px; }
.m5,.margin-5 { margin: 5px; }
.m10,.margin-10 { margin: 10px; }
.m15,.margin-15 { margin: 15px; }
.m20,.margin-20 { margin: 20px; }
.m25,.margin-25 { margin: 25px; }
.m30,.margin-30 { margin: 30px; }
.m35,.margin-35 { margin: 35px; }
.m40,.margin-40 { margin: 40px; }
.m45,.margin-45 { margin: 45px; }
.m50,.margin-50 { margin: 50px; }
.m100,.margin-100 { margin: 100px; }
.m150,.margin-150 { margin: 150px; }
.m200,.margin-200 { margin: 200px; }
.m250,.margin-250 { margin: 250px; }

.p0,.padding-0 { padding: 0px; }
.p5,.padding-5 { padding: 5px; }
.p10,.padding-10 { padding: 10px; }
.p15,.padding-15 { padding: 15px; }
.p20,.padding-20 { padding: 20px; }
.p25,.padding-25 { padding: 25px; }
.p30,.padding-30 { padding: 30px; }
.p35,.padding-35 { padding: 35px; }
.p40,.padding-40 { padding: 40px; }
.p45,.padding-45 { padding: 45px; }
.p50,.padding-50 { padding: 50px; }
.p100,.padding-100 { padding: 100px; }
.p150,.padding-150 { padding: 150px; }
.p200,.padding-200 { padding: 200px; }
.p250,.padding-250 { padding: 250px; }

.mt0,.margin-top-0 { margin-top:0px; }
.mt5,.margin-top-5 { margin-top:5px; }
.mt10,.margin-top-10 { margin-top:10px; }
.mt20,.margin-top-20 { margin-top:20px; }
.mt30,.margin-top-30 { margin-top:30px; }
.mt40,.margin-top-40 { margin-top:40px; }
.mt50,.margin-top-50 { margin-top:50px; }
.mt100,.margin-top-100 { margin-top:100px; }
.mt150,.margin-top-150 { margin-top:150px; }
.mt200,.margin-top-200 { margin-top:200px; }
.mt250,.margin-top-250 { margin-top:250px; }

.mb0,.margin-bottom-0 { margin-bottom:0px; }
.mb5,.margin-bottom-5 { margin-bottom:5px; }
.mb10,.margin-bottom-10 { margin-bottom:10px; }
.mb20,.margin-bottom-20 { margin-bottom:20px; }
.mb30,.margin-bottom-30 { margin-bottom:30px; }
.mb40,.margin-bottom-40 { margin-bottom:40px; }
.mb50,.margin-bottom-50 { margin-bottom:50px; }
.mb100,.margin-bottom-100 { margin-bottom:100px; }
.mb150,.margin-bottom-150 { margin-bottom:150px; }
.mb200,.margin-bottom-200 { margin-bottom:200px; }
.mb250,.margin-bottom-250 { margin-bottom:250px; }

.ml0,.margin-left-0 { margin-left:0px; }
.ml5,.margin-left-5 { margin-left:5px; }
.ml10,.margin-left-10 { margin-left:10px; }
.ml20,.margin-left-20 { margin-left:20px; }
.ml30,.margin-left-30 { margin-left:30px; }
.ml40,.margin-left-40 { margin-left:40px; }
.ml50,.margin-left-50 { margin-left:50px; }
.ml100,.margin-left-100 { margin-left:100px; }
.ml150,.margin-left-150 { margin-left:150px; }
.ml200,.margin-left-200 { margin-left:200px; }
.ml250,.margin-left-250 { margin-left:250px; }

.mr0,.margin-right-0 { margin-right:0px; }
.mr5,.margin-right-5 { margin-right:5px; }
.mr10,.margin-right-10 { margin-right:10px; }
.mr20,.margin-right-20 { margin-right:20px; }
.mr30,.margin-right-30 { margin-right:30px; }
.mr40,.margin-right-40 { margin-right:40px; }
.mr50,.margin-right-50 { margin-right:50px; }
.mr100,.margin-right-100 { margin-right:100px; }
.mr150,.margin-right-150 { margin-right:150px; }
.mr200,.margin-right-200 { margin-right:200px; }
.mr250,.margin-right-250 { margin-right:250px; }

.pt0,.padding-top-0 { padding-top:0px; }
.pt5,.padding-top-5 { padding-top:5px; }
.pt10,.padding-top-10 { padding-top:10px; }
.pt20,.padding-top-20 { padding-top:20px; }
.pt30,.padding-top-30 { padding-top:30px; }
.pt40,.padding-top-40 { padding-top:40px; }
.pt50,.padding-top-50 { padding-top:50px; }
.pt100,.padding-top-100 { padding-top:100px; }
.pt150,.padding-top-150 { padding-top:150px; }
.pt200,.padding-top-200 { padding-top:200px; }
.pt250,.padding-top-250 { padding-top:250px; }

.pb0,.padding-bottom-0 { padding-bottom:0px; }
.pb5,.padding-bottom-5 { padding-bottom:5px; }
.pb10,.padding-bottom-10 { padding-bottom:10px; }
.pb20,.padding-bottom-20 { padding-bottom:20px; }
.pb30,.padding-bottom-30 { padding-bottom:30px; }
.pb40,.padding-bottom-40 { padding-bottom:40px; }
.pb50,.padding-bottom-50 { padding-bottom:50px; }
.pb100,.padding-bottom-100 { padding-bottom:100px; }
.pb150,.padding-bottom-150 { padding-bottom:150px; }
.pb200,.padding-bottom-200 { padding-bottom:200px; }
.pb250,.padding-bottom-250 { padding-bottom:250px; }

.pr0,.padding-right-0 { padding-right:0px; }
.pr5,.padding-right-5 { padding-right:5px; }
.pr10,.padding-right-10 { padding-right:10px; }
.pr20,.padding-right-20 { padding-right:20px; }
.pr30,.padding-right-30 { padding-right:30px; }
.pr40,.padding-right-40 { padding-right:40px; }
.pr50,.padding-right-50 { padding-right:50px; }
.pr100,.padding-right-100 { padding-right:100px; }
.pr150,.padding-right-150 { padding-right:150px; }
.pr200,.padding-right-200 { padding-right:200px; }
.pr250,.padding-right-250 { padding-right:250px; }

.pl0,.padding-left-0 { padding-left:0px; }
.pl5,.padding-left-5 { padding-left:5px; }
.pl10,.padding-left-10 { padding-left:10px; }
.pl20,.padding-left-20 { padding-left:20px; }
.pl30,.padding-left-30 { padding-left:30px; }
.pl40,.padding-left-40 { padding-left:40px; }
.pl50,.padding-left-50 { padding-left:50px; }
.pl100,.padding-left-100 { padding-left:100px; }
.pl150,.padding-left-150 { padding-left:150px; }
.pl200,.padding-left-200 { padding-left:200px; }
.pl250,.padding-left-250 { padding-left:250px; }

.d-none {
  display:none;
}

/* ------------------------------------------------------- */
/* Grid-Container Font Styling */ 
/* ------------------------------------------------------- */
.grid-container{
  max-width: 87.5rem;
}

/* ------------------------------------------------------- */
/* Global Font Styling */ 
/* ------------------------------------------------------- */

body{
    font-family: futura-pt, sans-serif  !important;
}
h1, .h1{
    font-family: futura-pt, sans-serif !important;
}
h2, .h2{
    font-family: futura-pt, sans-serif !important;
}
h3, .h3{
    font-family: futura-pt, sans-serif !important;
}
h4, .h4{
    font-family: futura-pt, sans-serif !important;
}
h5, .h5{
    font-family: futura-pt, sans-serif !important;
}
h6, .h6{
    font-family: futura-pt, sans-serif !important;
}
p, .font-p{
  font-family: futura-pt, sans-serif !important;
  color: #4c5B5c;
}
li{
  font-family: futura-pt, sans-serif !important;
  color: #4c5B5c;
}
label{
  font-family: futura-pt, sans-serif !important;
}

:focus { outline: none; }

/* Global Font Styling (only SMALL) */ 

@media only screen and (max-width: 640px) {
  h1, .h1{
    font-size: 1.8rem;
  }
  h2, .h2{
    font-size: 1.6rem;
  }
  .post-item h2{
    font-size: 1.8rem;
  }
  h3, .h3{
    font-size: 1.5rem;
  }
  h4, .h4{
    font-size: 1.3rem;
  }
  h5, .h5{
    font-size: 1.2rem;
  }
  h6, .h6{
    font-size: 1rem;
  }
  p, .font-p{
    font-size: 1.1rem;
  }
  .hubspot-editable{
    font-size: 1.1rem !important;
  }
  li, label{
    font-size: 1.1rem;
  }
}

/* Global Font Styling (MED) */ 

@media only screen and (min-width: 640px) {
  p, .font-p{
    font-size: 1.15rem;
  }
  .hubspot-editable{
    font-size: 1.15rem !important;
  }
  li, label{
    font-size: 1.15rem;
  }
  h1, .h1{
    font-size: 2.1rem;
  }
  h2, .h2{
    font-size: 1.7rem;
  }
  .post-item h2, .post-item .h2{
    font-size: 1.9rem;
  }
  h3, .h3{
    font-size: 1.6rem;
  }
  h4, .h4{
    font-size: 1.4rem;
  }
  h5, .h5{
    font-size: 1.3rem;
  }
  h6, .h6{
    font-size: 1.3rem;
  }
}

/* Global Font Styling (LRG) */ 

@media only screen and (min-width: 1024px) {
  p, .font-p {
    font-size: 1.3rem;
  }
  .hubspot-editable{
    font-size: 1.3rem !important;
  }
  li, label{
    font-size: 1.3rem;
  }
  h1, .h1{
    font-size: 2.8rem;
  }
  h2, .h2{
    font-size: 1.8rem;
  }
  .post-item h2, .post-item .h2{
    font-size: 2.1rem;
  }
  h3, .h3{
    font-size: 1.7rem;
  }
  h4, .h4{
    font-size: 1.5rem;
  }
  h5, .h5{
    font-size: 1.4rem;
  }
  h6, .h6{
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 1400px) {
  h1, .h1{
    font-size: 3rem;
  }
}

/* ------------------------------------------------------- */
/* HSA Banner Styling */ 
/* ------------------------------------------------------- */

.hsa-banner > h1 {
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
 }
.hsa-banner  p {
    color: white;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
@media only screen and (min-width: 640px) {
  .hsa-banner > h1 {
    font-size: 2.2rem;
    font-weight: 600;
  }
}

@media only screen and (min-width: 1024px) {
  .hsa-banner > h1 {
    font-size: 2.5rem;
    font-weight: 600;
  }
}

/* ------------------------------------------------------- */
/* FAQ Question Styling */ 
/* ------------------------------------------------------- */
.faq-wrapper{
  max-width: 800px;
}

.faq-question {
  cursor: pointer;
  user-select: none;
  border-bottom: 1px solid #e5e9e9;
  padding: 5px;
}
.faq-question .faq-question-title {
  margin-bottom: 0px;
  color: #798f91;
}
.faq-question .faq-question-title:hover {
  margin-bottom: 0px;
  color: #4c575c;
}
.faq-question > .faq-question-title > span{
  padding-left: 20px;
  vertical-align: top;
}
/* ------------------------------------------------------- */
/* Footer Styling */ 
/* ------------------------------------------------------- */
#footer-wave{
  margin-bottom: -10px;
  margin-top: -10px;
  height: 100px;
  background-color: transparent;
  background-image: url('https://www.olympiabenefits.com/hubfs/Vega/Home%20Page/assets/mountainfooterslim3.svg');
  background-position: center bottom;
  background-size: 400px;
  background-repeat: no-repeat;
}

.footer-color {
    background-color: #58595b;
}
.footer-color ul {
    list-style-type: none;
    color: white !important;
}
.footer-color li{
    padding-top: 10px;
    font-size: 1.1rem;
    color: white !important;
}
.footer-color p{
    padding-top: 10px;
    color: white !important;
}
.footer-color li a, .footer-color div a{
    color: white !important;
}
.footer-color li a:hover, .footer-color div a:hover{
    color: #E6E7E8;
}
.footer-list {
  padding: 10px;
}
.footer-list span{
  margin-bottom: 25px;
}
.footer-color .copyright-footer{
    font-size: 0.9rem;
}

/* Footer (MED) */ 
@media only screen and (min-width: 640px) {
    #footer-wave{  
      background-size: 400px;
    }
    .footer-color li span, .footer-color div span{
      font-size:1.1rem;
    }
}

/* Footer ( BR 700) */ 
@media only screen and (min-width: 700px) {
    #footer-wave{
      height: 150px;
      background-size: 700px;
    }
}

/* Footer (LRG) */ 
@media only screen and (min-width: 1024px) {
     #footer-wave{
      background-size: 1000px;
    }
    .footer-color li span, .footer-color div span{
      font-size:1.2rem;
    }
}

/* ------------------------------------------------------- */
/* Section Styling */ 
/* ------------------------------------------------------- */
section {
  padding-top: 20px;
  padding-bottom: 20px;
}
section.first-section{
  margin-top: 30px;
}
section.last-section{
  margin-bottom: 30px;
}
/* Medium + Large Styling */ 

@media only screen and (min-width: 640px) {
  section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  section.first-section{
    margin-top: 40px;
  }
  section.last-section{
    margin-bottom: 40px;
  }
}

/* Large Styling */ 

@media only screen and (min-width: 1024px) {
  section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  section.first-section{
    margin-top: 50px;
  }
  section.last-section{
    margin-bottom: 50px;
  }
}

.section-divider{
  border-color: #dae0e1;
}

/* Small Styling */ 

section h2.section-title {
  font-size: 1.9rem;
  color: #4c5B5c;
}
section h3.section-title{
  font-size: 1.6rem;
  color: #4c5B5c;
  font-weight: bold;
}

/* Medium + Large Styling */ 

@media only screen and (min-width: 640px) {
  section h2.section-title {
    font-size: 2.2rem;
  }
  section h3.section-title {
    font-size: 1.7rem;
  }
}

/* Large Styling */ 

@media only screen and (min-width: 1024px) {
  section h2.section-title {
    font-size: 2.7rem;
  }
  section h3.section-title {
    font-size: 2rem;
  }
}

/* ------------------------------------------------------- */
/* Link Styling */ 
/* ------------------------------------------------------- */
a.family-color{
  color: #FAB935;
}
a.family-color:hover{
  color: #faa935;
}
a.group-color{
  color:  #10c8cd;
}
a.group-color:hover{
  color: #21b8bc;
}

.blue-link {
  color: #25ABFB !important;
}
.blue-link:hover {
  color: #178FD9 !important;
}

/* ------------------------------------------------------- */
/* Button Styling */ 
/* ------------------------------------------------------- */
.button{
  border-radius: 5px;
}
.button:hover{
  color: #f5f5f5;
  background-color: #017DC3;
}
.button:focus{
  color: #e5e5e5;
  background-color: #017DC3;
}
.button.hollow{
  color: #017DC3;
  border: none;
  background-color: white;
}
.button.hollow.bordered {
  border: 2px solid #1779ba;
}
.button.hollow:hover{
  color: #017DC3;
  background-color: #f5f5f5;
}
.button.hollow:focus{
  color: #017DC3;
  background-color: #e5e5e5;
}
.button.hollow.secondary{
  color: #017DC3;
  background-color: white;
}
.button.hollow.secondary:hover{
  color: #017DC3;
  background-color: #f5f5f5;
}
.button.hollow.secondary:focus{
  color: #017DC3;
  background-color: #e5e5e5;
}

.button.large{
  font-weight: 600;
  font-size: 1.0rem;
}

@media only screen and (min-width: 640px) {
  .button.large{
    font-weight: 600;
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 1024px) {
  .button.large{
    font-weight: 600;
    font-size: 1.3rem;
  }
}

.button.medium{
  font-weight: normal;
  font-size: 1.1rem;
}
a.button.family-color {
  background-color:  #FAB935;
  color: white;
}
a.button.family-color:hover, a.button.family-color:focus{
  background-color: #faa935;
  color: white;
}
a.button.group-color {
  background-color:  #10c8cd;
  color: white;
}
a.button.group-color:hover,a.button.group-color:focus{
  background-color: #21b8bc;
  color: white;
}

.green-color {
  background-color: #2ecc71 !important;
  color: white !important;
}
.green-color:hover,.green-color:focus{
  background-color: #27ae60 !important;
  color: white !important;
}

.button_full{
  width: 100% !important;
}

/* Blue Link with underlining */
.text-arrow{
  color: #017DC3 !important;
  display:inline-block;
  cursor: pointer;
}
.text-arrow:after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: #178FD9;
  transition: 300ms;
}
.text-arrow:hover{
  color: #0170af !important;
}
.text-arrow:hover:after {
  width: 100%;
}
/* End Blue Link with underlining */

/* White Link with underlining */
.text-arrow.white{
   color: #f0f0f0 !important;
}
.text-arrow.white:hover{
   color: white !important;
}
.text-arrow.white:after {
  background: white;
}
/* End white link with underlining */


/* ------------------------------------------------------- */
/* Blue ONLY CTA list Styling */ 
/* ------------------------------------------------------- */
.product-card > p > a.button{
  background-color: #017DC3;
  border-radius: 25px;
  color: white !important;
}
a.button.family-color {
    background-color: #017DC3 !important;
    color: white !important;
}
a.button.family-color:hover{
    background-color: #01649c  !important;
    color: white;
}
a.button.group-color {
    background-color: #017DC3 !important;
  color: white !important;
}
a.button.group-color:hover{
    background-color: #01649c  !important;
    color: white;
}
.product-card li.family-color:before{
   color: #017DC3 !important;
}
li.family-color, a.family-color{
   color: #017DC3 !important;
}
li.group-color{
  color: #017DC3 !important;
}

/* ------------------------------------------------------- */
/* Checkmark list Styling */ 
/* ------------------------------------------------------- */
.checkmark-list{
  max-width: 300px;
  margin-left: 30px;
}
.checkmark-list li.cell{
  margin-bottom: 0px;
  padding-right: 20px;
}
@media screen and (min-width: 640px){
  .checkmark-list{
    max-width: 550px;
  }
}
@media screen and (min-width: 1024px){
  .checkmark-list{
    max-width: 800px;
  }
}
.checkmark-list  li{
  margin-bottom: 10px;
  text-indent: -40px;
}
.checkmark-list  li:before{
  background-image: url('https://www.olympiabenefits.com/hubfs/Vega/Global%20Assets/Checkmarks/check.png');
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: text-bottom;
  display: inline-block;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
  content: "";
  padding-bottom: 10px;
  padding-left: 40px;
}
.checkmark-list, .checkmark-list ul, .checkmark-list li {
  list-style: none !important;
}

/* ------------------------------------------------------- */
/* Image Sequence (How does an Hsa work) Styling */ 
/* ------------------------------------------------------- */
.img-sequence img {
   margin-top: 20px;
}

/* ------------------------------------------------------- */
/* Nav Signup Button Styling */ 
/* ------------------------------------------------------- */
.nav-default a.signup-nav{
  background-color: white;
  color: #017dc3;
  border-radius: 25px;
  border: none;
  margin-left: 10px;
  -webkit-transition: all ease-out .4s;
  -moz-transition: all ease-out .4s;
  -o-transition: all ease-out .4s;
  transition: all ease-out .4s;
}
.nav-default a.signup-nav:hover{
  background-color: #f5f5f5;
  border-radius: 25px;
  border: none;
  margin-left: 10px;
}
.nav-default.color-active-nav a.signup-nav{
  background-color: #017dc3;
  color: white !important;
  border-radius: 25px;
  border: none;
  margin-left: 10px;
  -webkit-transition: all ease-out .4s;
  -moz-transition: all ease-out .4s;
  -o-transition: all ease-out .4s;
  transition: all ease-out .4s;
}
.nav-default.color-active-nav a.signup-nav:hover{
  background-color: #01649c;
  border-radius: 25px;
  border: none;
  margin-left: 10px;
}

/*--------------------------------------------------------*/
/* Modal Styling */
/*--------------------------------------------------------*/
.is-hidden{
    display:none;
}
.modal, .modal-wrap {
  position: fixed; 
  z-index: 10; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.6); 
}
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border-radius: 5px;
  border: none;
  max-width: 600px;
}

#myClose, .myClose {
  position: absolute;
  color: #aaaaaa;
  top: 5px;
  right: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
}
#myClose:hover,
#myClose:focus,
.myClose:hover,
.myClose:focus{
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


/* ------------------------------------------------------- */
/* Mobile Canvas Styling */ 
/* ------------------------------------------------------- */

#offCanvas{
    background-image: linear-gradient(#48a3e0, #017DC3);
    z-index: 30;
    color: white;
}
#offCanvas h2{
    padding-top: 20px;
    padding-left: 15px;
    color: white;
}
#offCanvas .button{
    color: #48a3e0;
    background-color: white;
    font-size: 1.3rem;
    font-weight: 600;
}
#offCanvas hr{
    margin: 0px;
    margin-top: 10px;
}
#nav-mobile-company{
    padding-top: 20px;
}
ul.nav-mobile {
    padding: 10px 20px;
}
ul.nav-mobile > li {
    font-size: 1.5em;
}
.noscroll {
    overflow-y: hidden;
}

.noselect {
  -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none; 
            user-select: none; 
}

#offCanvas .close-button{
  font-size: 2.5rem;
}
.position-top {
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px); }
.off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px); }
    .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0); }
.off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
            transform: translateX(0px); }
.position-top.is-transition-push {
    -webkit-box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25);
            box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); 
        
}
.nav-mobile-dropdown::after{
    font-family: "foundation-icons", sans-serif;
    font-style: normal;
    font-size: 15px !important;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    text-align: left;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 20px;
    color: white;
    content: "\f199"; 
    
}
.nav-mobile-dropdown.is-down::after{ 
    font-family: "foundation-icons", sans-serif;
    font-style: normal;
    font-size: 15px !important;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    text-align: left;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
    padding-left: 20px;
    color: white;
    content: "\f176";
}

.nav-mobile a, li.menu, .dropdown.menu > li > a, .close-button {
    background-color: transparent;
    color: white;
}
.nav-mobile a:hover, li.menu:hover, .dropdown.menu > li.is-active > a, .close-button:hover {
    background-color: transparent;
    color: white;
}

/* ------------------------------------------------------- */
/* Desktop Header/Nav Transparent On-Load Styling */
/* ------------------------------------------------------- */
.nav-default .cell.text-right{
  text-align: right !important;
}
#nav-mobile-products-expand, #nav-mobile-resources-expand, #nav-mobile-company-expand {
    padding: 10px 20px;
    font-size: 1rem;
}
#nav-resources-submenu, #nav-products-submenu {
  left: 15px !important;
  /* Test 
  border-radius: 5px; 
  padding: 5px;*/
} 
#nav-company-submenu {
    right: 5px !important;
} 
.nav-default .horizontal.menu > li > a{
    background-color: transparent;
    color: #178FD9;
}
.nav-default .horizontal.menu > li > a:hover {
    background-color: transparent;
    color: #01649c;
}
.nav-default ul.nested.submenu { 
    margin-top: 15px;
    z-index:10;
    background-color: rgba(243, 243, 243, 0.95);
    color: #178fd9;
    /*background-color: rgba(0, 0, 0, 0.8);*/
    /*background-color: #393433;
    color: #f0f0f0;*/
    border-style: none;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}
.nav-default .menu-icon::after {
    background-color: #178FD9;
    box-shadow: 0 7px 0 #178FD9 , 0 14px 0 #178FD9;
}
.top-bar, .title-bar, .top-bar ul {
    background-color: transparent;
}
.top-bar ul.nested.submenu > li {
    color: #178fd9;
}
.top-bar ul.nested.submenu > li:hover {
    color: #106497;
}
.top-bar ul.nested.submenu > li > a{
    background-color: transparent;
    color: #178fd9;
    width: 100%;
} 
.top-bar ul.nested.submenu li > a:hover {
    color: #106497;
}
.nav-default .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #178FD9 transparent transparent !important;
}

@media only screen and (min-width: 640px) {
    .top-bar > ul > li {
        font-size: 0.85em;
    }
    .top-bar > ul > li > ul >li {
        font-size: 0.7em;
    }
}
@media only screen and (min-width: 700px) {
    .top-bar > ul > li {
        font-size: 1rem;
    }
    .top-bar > ul > li > ul >li {
        font-size: 0.8em;
    }
}
@media only screen and (min-width: 900px) {
    .top-bar > ul > li {
        font-size: 1.15rem;
    }
    .top-bar > ul > li > ul >li {
        font-size: 0.9em;
    }
}
@media only screen and (min-width: 1020px) {
    .top-bar > ul > li {
        font-size: 1.3em;
    }
    .top-bar > ul > li > ul >li {
        font-size: 0.9em;
    }
}

/* ------------------------------------------------------- */
/* Desktop and Mobile Header Transparent On-Scroll Styling */
/* ------------------------------------------------------- */
.sticky{
  z-index: 25;
}
.nav-default {
}
.color-active-nav {
    background-color: rgba(253, 253, 253);
    box-shadow: 0 3px 2px -2px rgba(64,64,64,0.3);
    -webkit-transition: all ease-out .3s;
    -moz-transition: all ease-out .3s;
    -o-transition: all ease-out .3s;
    transition: all ease-out .3s;
}
/*.color-active-nav .obi-nav-logo {
    content: url('https://www.olympiabenefits.com/hubfs/Vega/Global%20Assets/blue_obi.png');
}*/
.nav-default.color-active-nav .horizontal.menu > li > a{
    background-color: transparent;
    color: #178FD9;
}
.nav-default.color-active-nav .horizontal.menu > li > a:hover {
    background-color: transparent;
    color: #178FD9;
}
.nav-default.color-active-nav ul.nested.submenu {
    margin-top: 15px;
    border-style: none;
    border-radius: 5px;
    color: #f0f0f0;
}
.nav-default.color-active-nav .menu-icon::after {
    background-color: #178FD9;
    box-shadow: 0 7px 0 #178FD9, 0 14px 0 #178FD9;
}
.nav-default.color-active-nav .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
   /* border-color: rgba(200,200,200) transparent transparent !important;*/
}
/* ------------------------------------------------------- */
/* Color Util Styling */ 
/* ------------------------------------------------------- */
.white{
  color: white !important;
}
.black{
  color: black !important;
}
.bold{
   font-weight: 500;
}
.bolder{
   font-weight: bold;
}
.bold-grey{
  color: #4c5b5c;
  font-weight: bold;
}
.light-grey{
  color: #798f91;
}
.grey{
  color: #4c5b5c;
}
.default-color{
  color: #017DC3;
}
.group-color{
  color: #10c8cd;
}
.family-color{
  color: #FAB935;
}
.bg-white{
  background-color: white !important;
}
.bg-grey{
  background-color: #f5f5f5;
}
.bg-dark {
  background: #58595b !important;
}
.bg-default{
  background-color: #017DC3;
}
.bg-default-light{
  background-color: #25ABFB;
}
.bg-default-grad{
  background: linear-gradient(#017DC3, #25ABFB);
}
.bg-family{
  background-color: #fbc65c !important;
}
.bg-family-grad{
  background-image: linear-gradient(#f9ac0f, #fbc65c);
}
.bg-group{
  background-color: #10c8cd !important;
}
.bg-group-grad{
  background-image: linear-gradient(#10c8cd, #43e8d8);
}
.bg-partner{
  background-color: #720177 !important;
}
.bg-partner-grad{
  background-image: linear-gradient(#720177, #8c01b1);
}
.bg-color-alice{
  background-color: aliceblue !important;
}
.bg-new-look-2021 {
  position: relative;
  background: linear-gradient(#017DC3, #25ABFB); !important;
  z-index: -3;
  color: white;
}
.bg-new-look-2021-image1 {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('https://www.olympiabenefits.com/hubfs/Vega/Global%20Assets/Backgrounds/left_transparent.png');
  background-position: -40px 100%;
  background-repeat: no-repeat;
  
}
.bg-new-look-2021-image2 {
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url('https://www.olympiabenefits.com/hubfs/Vega/Global%20Assets/Backgrounds/right_transparent.png');
  background-position: 130% 0%;
  background-repeat: no-repeat;
}

/* ------------------------------------------------------- */
/* Util Styling */ 
/* ------------------------------------------------------- */
.border-5{
  border-radius: 5px;
}
.border-25{
  border-radius: 25px;
}
.new-look-2021-divider {
    margin:5px;
    height:2px;
    width:90%;
    background-color: white;
  }

@media only screen and (min-width: 640px) {
  .new-look-2021-divider {
    margin:5px;
    width:2px;
    height:90%;
    background-color: white;
  }
}

@media only screen and (max-width: 640px) {
  .small-align-center{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.img-center{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.float-bottom{
    float: bottom;
}
.uppercase {
    text-transform: uppercase;
}
[type='text'], [type='password'], 
[type='date'], [type='datetime'], 
[type='datetime-local'], [type='month'],
[type='week'], [type='email'], 
[type='number'], [type='search'],
[type='tel'], [type='time'], 
[type='url'], [type='color'], textarea, select {
  margin: 0px;
}

/* ------------------------------------------------------- */
/* Grid-Hightlight Styling */ 
/* ------------------------------------------------------- */
@media only screen and (max-width: 640px) {
  .grid-highlight > div > p > span.bold {
    font-size: 1.4rem;
  }
  .grid-highlight > div > div > h4 {
    color: #4c5b5c;
  }
}
@media only screen and (min-width: 640px) {
  .grid-highlight-top-left{
    border-left: 1px solid #dae0e1;
    border-top: 1px solid #dae0e1;
  }
  .grid-highlight-top-right{
    border-right: 1px solid #dae0e1;
    border-top: 1px solid #dae0e1;
  }
  .grid-highlight-bottom-left{
    border-left: 1px solid #dae0e1;
    border-bottom: 1px solid #dae0e1;
  }
  .grid-highlight-bottom-right{
    border-right: 1px solid #dae0e1;
    border-bottom: 1px solid #dae0e1;
  }
  .grid-highlight > div {
     min-height: 200px;
  }
  .grid-highlight > div > p {
     padding: 40px;
  }
  .grid-highlight > div > div {
     padding: 40px;
  }
  .grid-highlight > div > p > span.bold {
    font-size: 2.0rem;
  }
  .grid-highlight > div > div > h4 {
    font-size: 1.6rem;
    color: #4c5b5c;
  }
}
/* ------------------------------------------------------- */
/* Image Sizing Styling */ 
/* ------------------------------------------------------- */

/* Max-height */
.img-ebook{
  height: 220px;
}
.img-size-icon{
  max-height: 60px;
}
.img-size-100{
  max-height: 100px;
}
.img-size-small{
  max-height: 100px;
}
.img-size-small-170{
  max-height: 120px;
}
.img-size-medium{
  max-height: 150px;
}
.img-size-large{
  max-height: 250px;
}

@media only screen and (min-width: 640px) {
  .img-size-icon{
    max-height: 70px;
  }
  .img-size-small{
    max-height: 130px;
  }
  .img-size-small-170{
    max-height: 140px;
  }
  .img-size-medium{
    max-height: 180px;
  }
  .img-size-large{
    max-height: 280px;
  }
}

@media only screen and (min-width: 1024px) {
  .img-ebook-wrapper{
    height: 450px;
  }
  .img-ebook-wrapper img{
    vertical-align: middle;
  }
  .img-size-icon{
    max-height: 80px;
  }
  .img-size-small{
    max-height: 150px;
  }
  .img-size-small-170{
    max-height: 170px;
  }
  .img-size-medium{
    max-height: 200px;
  }
  .img-size-large{
    max-height: 300px;
  }
}

/* Max-widths */
.img-size-icon-w{
  max-width: 60px;
}
.img-size-100-w{
  max-width: 100px;
}
.img-size-small-w{
  max-width: 100px;
}
.img-size-medium-w{
  max-width: 150px;
}
.img-size-large-w{
  max-width: 250px;
}

@media only screen and (min-width: 640px) {
  .img-size-icon-w{
    max-width: 70px;
  }
  .img-size-small-w{
    max-width: 130px;
  }
  .img-size-medium-w{
    max-width: 180px;
  }
  .img-size-large-w{
    max-width: 280px;
  }
}

@media only screen and (min-width: 1024px) {
  .img-size-icon-w{
    max-width: 80px;
  }
  .img-size-small-w{
    max-width: 150px;
  }
  .img-size-medium-w{
    max-width: 200px;
  }
  .img-size-large-w{
    max-width: 300px;
  }
}
/* ------------------------------------------------------- */
/* Pricing Togggle Styling */ 
/* ------------------------------------------------------- */
.btn-pricing-active {
  background-color: #2ecc71 !important;
  padding: 10px;
  color: white;
  /* border: 2px solid white; */
  font-weight: bold;
  z-index: 1;
}
.btn-pricing{
    display: block;
    padding: 10px;
    border-radius: 25px;
    font-size: 0.8rem;
    cursor: pointer;
    background-color: rgba(0,0,0,0.3);
    color: white;
    /*border: 2px solid white;*/
    font-weight: bold;
    margin: 5px;
    margin-bottom: 10px;
    -webkit-transition: all ease-out .4s;
    -moz-transition: all ease-out .4s;
    -o-transition: all ease-out .4s;
    transition: all ease-out .4s;
 }
.btn-pricing:hover{
  background-color: rgba(100,100,100,0.3); !important;
}

.incorp-btn{
  border: 1px solid white;
  background-color: #2ecc71; /*#f9ac0f ; */
}
.employees-btn{
  border: 1px solid white;
  background-color: #2ecc71; /* #10c8cd ; */
}
.incorp-btn:hover{
  background-color: #27ae60 ; /* #db9505 ; */
}
.employees-btn:hover{
  background-color: #27ae60 ; /* #0da4a9 ; */
}

.incorp-btn.btn-active{
  border: 1px solid white;
  background-color: transparent !important; /*  #0d0d0d60 */
}
.employees-btn.btn-active{
  border: 1px solid white;
  background-color: transparent !important; /*  #0d0d0d60 */
}
.incorp-btn.btn-active:hover{
  /*background-color: #db9505 !important;*/
}


@media only screen and (min-width: 380px) {
  .btn-pricing{
    display: inline-block;
    padding: 15px;
    font-size: 1rem;
  }
}
@media only screen and (min-width: 640px) {
  .btn-pricing{
    padding: 15px;
    font-size: 1rem;
  }
}


.wrapper-plan-pricing {
  padding-bottom: 20px;
}
/* Medium + Large Styling */ 

@media only screen and (min-width: 640px) {
  .wrapper-plan-pricing {
    padding-bottom: 40px;
  }
}

/* Large Styling */ 

@media only screen and (min-width: 1024px) {
  .wrapper-plan-pricing {
    padding-bottom: 60px;
  }
}

.btn-plan-pricing{
    display: block;
    padding: 10px;
    cursor: pointer;
    font-size: 1.0rem;
    /*background-color: rgba(150,150,150);*/
    border: 2px solid #2ecc71;
    color: #2ecc71;
    font-weight: bold;
   
 }

.btn-plan-pricing:hover{
  background-color: rgba(200,200,200) !important;
   -webkit-transition: all ease-out .4s;
    -moz-transition: all ease-out .4s;
    -o-transition: all ease-out .4s;
    transition: all ease-out .4s;
}

#plan-pricing-incorp-btn {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

#plan-pricing-employees-btn {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

@media only screen and (min-width: 640px) {
  .btn-plan-pricing{
    padding: 20px;
    font-size: 1.2rem;
  }
  #plan-pricing-incorp-btn {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
  }

  #plan-pricing-employees-btn {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
     border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}

.btn-plan-pricing.btn-active{
  background-color: #2ecc71 !important;
  color: white !important;
}





/*.btn-plan-pricing.btn-active:hover,.btn-plan-pricing.btn-active:focus{
  background-color: #27ae60 !important;
  color: white !important;
}*/

/* ------------------------------------------------------- */
/* Product Cards Styling */ 
/* ------------------------------------------------------- */

@media only screen and (min-width: 1500px) {
   .group-pricing-split{
      display: none;
    }
}
.product-card {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  user-select: none;
  background-color: #fafafa;
  margin: 10px;
  max-width: 300px;
  padding: 0px !important;
  line-height: 1;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.05), 0 5px 5px rgba(0,0,0,0.05);
  box-shadow: 0 10px 15px rgba(0,0,0,0.05), 0 5px 5px rgba(0,0,0,0.05);
}
.product-card:hover, .product-card:focus, .product-card:active {
  /*-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); 
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);*/
  -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.10);
  box-shadow: 0 10px 15px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.10);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.bold.product-price {
  font-weight: bold;
}
.product-card .has-tip{
  font-weight: normal;
  border-bottom: none;
}

@media only screen and (max-width: 640px) {
  .product-card{
    /*-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15); 
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.15);*/
    -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.10);
    box-shadow: 0 10px 15px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.10);
    box-shadow: 0 10px 15px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.10);
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 640px) {
  .product-card{
    min-width: 350px;
  }
}

.product-card li.family-color{
  list-style: none;
  font-size: 1rem !important;
  margin-left: -1px;
}
.product-card li.family-color:before {
  content: "+";
  color: #FAB935;
  margin-right: 11px;
}

.product-card > div > h4{
    padding: 20px;
    margin-left: 0px;
    margin-right: 0px;
}
@media only screen and (min-width: 640px) {
  .product-card-top{
      min-height: 220px;
  }
}
.product-card-top span.product-desc{
  font-weight: bold;
}
.product-card-top > h4.text-center{
    font-size: 1.6rem;
    /*min-height: 100px;
    padding-bottom: 0px;*/
    border-radius: 5px 5px 0px 0px;
    color: white;
}
.product-card-top > h4 > hr{
  display: none;
}
.group-pricing-cards .product-card-top > h4.text-center{
    /*color: #10c8cd;*/
  background-color: #10c8cd;
  font-weight: bold;
}
.family-pricing-cards .product-card-top > h4.text-center{
    /*color: #faa935;*/
  background-color: #fac048;
  font-weight: bold;
}
.product-card > div.product-card-top > p{
    padding: 10px 20px;
}
.product-card > ul {
    padding: 10px 30px;
    width: auto;
}
.product-card > ul > li{
  font-size: 1rem;
}
.product-card > ul > li > ul > li{
  font-size: 0.9rem;
}
.toggle-info span:before{
  display: inline-block;
  font-size: 1.1rem;
  color: #017DC3; 
  /*content: "\f199";*/
  content: "Tap to Read More";
}
.toggle-info span.is-down:before{
  display: none;
  font-size: 1.1rem;
  /*content: "\f176";*/
  content: "";
}
#hsa-basic-expand, #hsa-plus-expand, #hsa-deluxe-expand, #hsa-group-expand, #hsa-wellness-expand, #hsa-insur-expand, #hsa-tele-expand{
  list-style-position:inside;
}


/* ------------------------------------------------------- */
/* Ebook Cards Styling */ 
/* ------------------------------------------------------- */
.ebook-card img{
  min-height:200px;
  object-fit: cover;
}

.ebook-card-content {
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.ebook-card p, .ebook-card h6, .ebook-card a{
  margin-bottom: 0px;
  font-size: 1.1rem;
}

.ebook-card h6{
  font-weight: bold;
  color: #4c5b5c;
}

.ebook-card .ebook-img-wrapper{
  background-color: #b7c0c6;/*#8b97a4;*/
  border-radius: 5px 5px 0px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ebook-card a.button{
  margin-bottom: 15px;
}

@media only screen and (min-width: 1024px) {
  .ebook-card{
    min-height: 300px;
  }
}

/* Animation Grow */
.ebook-card {
  user-select: none;
  border-radius: 5px;
  max-width: 350px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  border-radius: 5px 5px 5px 5px;
  -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.05), 0 5px 5px rgba(0,0,0,0.05);
  box-shadow: 0 10px 15px rgba(0,0,0,0.05), 0 5px 5px rgba(0,0,0,0.05);
  z-index: 2;
}

@media only screen and (max-width: 640px) {
  .ebook-card{
    -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.10);
    box-shadow: 0 10px 15px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.10);
  }
}

.ebook-card:hover, .ebook-card:focus, .ebook-card:active{
  /*-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2); 
  box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);*/
   -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.10);
  box-shadow: 0 10px 15px rgba(0,0,0,0.10), 0 5px 5px rgba(0,0,0,0.10);
  -webkit-transition: all ease-out .3s;
  -moz-transition: all ease-out .3s;
  -o-transition: all ease-out .3s;
  transition: all ease-out .3s;
}

.ebook-card:hover, .ebook-card:focus, .ebook-card:active {
  /*-webkit-transform: scale(1.05);
  transform: scale(1.05);*/
}
/* End Animation Grow */

/*--------------------------------*/
/* Ad Side Cards Styling  */
/*--------------------------------*/
.side-card-shadow{
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.side-card{
  color: white;
  margin-bottom: 20px;
}
.side-card p{
  color: white;
}

/*--------------------------------*/
/* Mobile app banner Styling  */
/*--------------------------------*/
#iosmobile-app .close-button, #androidmobile-app .close-button{
  color: #4c5B5c;
  font-size: 20px;
  right: 10px;
  top: 10px;
  position: absolute;
}
#iosmobile-app .app-wrapper, #androidmobile-app .app-wrapper{
  position: relative;
  width: 100%;
}
#iosmobile-app img, #androidmobile-app img{
  height: 50px;
  margin-right: 10px;
  border-radius: 8px;
}
#iosmobile-app, #androidmobile-app{
  background-color: #fafafa;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  padding: 5px;
  width: 100%;
  margin-bottom: 0px;
  position: fixed;
  top: 0px;
  z-index: 10;
}
/* ------------------------------------------------------- */
/* Cheveron Styling */ 
/* ------------------------------------------------------- */
ul.chevron li {
  list-style-type: none;
  margin-bottom: 10px;
}
ul.chevron li:before {
  font-family: 'foundation-icons';
  content: "\f199";
  padding-right: 15px;
  left: 25px;
  color: #178FD9;
}
/* ------------------------------------------------------- */
/* Reasons To Buy Styling */ 
/* ------------------------------------------------------- */
.reasons-to-buy p, .reasons-to-buy h5{
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
}
.reasons-to-buy h5{
  font-weight: bold;
  color: #4c5b5c;
}
/* ------------------------------------------------------- */
/* Reveal Styling */ 
/* ------------------------------------------------------- */
#downloadCoverageList, .downloadCoverageList {
  /*background-color: #fffdf6;*/
  border-radius: 5px;
  border: none;
}
#downloadCoverageList ul, .downloadCoverageList ul{
  margin-left: 0px;
  padding: 3px;
}

/* ------------------------------------------------------- */
/* Hubl Override Styling */ 
/* ------------------------------------------------------- */


/* Blog */
.section.post-body .hs-featured-image-wrapper{
  margin-bottom: 20px;
}

.section.post-body ul, .section.post-body ol {
  margin-left: 1.5rem;
}
.section.post-body p, .section.post-body li, .section.post-body h3, .section.post-body h3 strong {
  color: #313b3c !important;
}

/* Title Landing Page Type*/
.hubl-p-wrapper,
.hubl-p-wrapper p{
  color: #798f91;
  margin-bottom: 0px;
}
.hs_error_rollup{
  display: none;
}
.hs-error-msgs{
  margin-left: 0px;
  margin-bottom: 0px;
}
.hs_cos_wrapper_type_form form div.hs-form-field label.hs-error-msg{
  font-size: 1.1rem;
  color: #C34701;
}
.hs_cos_wrapper_type_form form div.hs-form-field .hs-form-radio label{
  font-size: 1.1rem;
}
.hs_cos_wrapper_type_form form div.hs-form-field label {
  font-size: 1.3rem;
}
.hs-button.primary{
  border-radius: 5px;
  background-color: #2ecc71; /*#017DC3;*/
  margin-top: 20px;
  font-size: 1.5rem;
  border-radius: 5px;
  padding: 10px 25px !important;
  color: white;
  border: none;
}
.hs_submit.hs-submit > .actions{
   text-align:center;
}
.hs-button.primary:hover,
.hs-button.primary:focus{
  background-color: #27ae60; /*#01649c;*/
}
.hs_cos_wrapper_type_form .results-error{
  display: none;
}

/* ------------------------------------------------------- */
/* Intro HSA Banner Styling */ 
/* ------------------------------------------------------- */
.intro-hsa-banner{
  margin:30px;
  text-align: center;
}
.intro-hsa-banner h1{
  color: white;
}
.intro-hsa-banner p, .intro-hsa-banner h2{
  color: white;
  margin-top:10px;
  margin-bottom:20px;
}
.intro-hsa-banner .modal-content p{
  color: #4c5b5c;
  margin-top:10px;
  margin-bottom:20px;
}
@media only screen and (min-width: 640px) {
  .intro-hsa-banner p{
    /*text-align: center;*/
    font-size: 1.3rem;
  }
  .intro-hsa-banner h2 {
    font-size: 1.4rem;
  }
}
.intro-hsa-banner a.button.medium{
  background-color: white;
  border-style: none;
  border: none;
  font-weight: bold;
  color: #0F6EA8;
}
.intro-hsa-banner a.button.medium{
  background-color: white;
  color: #178FD9;
}

.intro-hsa-banner a.button.medium.partner-hollow-btn{
  background-color: white;
  border-style: none;
  border: none; 
  color: #720177;
}
.intro-hsa-banner a.button.medium.partner-hollow-btn:hover{
  background-color: white;
  color: #4d0150;
}

.intro-hsa-banner a.button.medium.group-hollow-btn{
  background-color: white;
  border-style: none;
  border: none; 
  color: #43e8d8;
}
.intro-hsa-banner a.button.medium.group-hollow-btn:hover{
  background-color: white;
  color: #10c8cd;
}

.intro-hsa-banner a.button.medium.family-hollow-btn{
  background-color: white;
  border-style: none;
  border: none; 
  color: #fab935;
  /*color: #25ABFB;*/
}
.intro-hsa-banner a.button.medium.family-hollow-btn:hover{
  background-color: white;
  color: #f9ac0f;
  /*color: #0F6EA8;*/
}


#wrapper-img-podcast{
  min-height: 270px;
  margin-top: 70px; 
  border: 2px solid #222; 
  position: relative
}

#img-podcast-mic {
  max-height:250px;
}
@media only screen and (min-width: 640px) {
  #img-podcast-mic{
    position: absolute; bottom: 0px; max-height:300px
  }
}
/* ------------------------------------------------------- */
/* Unused Styling */ 
/* ------------------------------------------------------- */
.progress-container {
    width: 100%;
    height: 8px;
    background: transparent;
}
  
.progress-bar {
    height: 8px;
    background: orange;
    width: 0%;
}

.tooltip{
  font-size: 0.9rem;
  max-width: 20rem;
  background-color: #1a1a1a;
  color: #fefefe;
}

.responsive-embed, .flex-video {
    position: relative;
    height: 0;
    margin-bottom: 1rem;
    padding-bottom: 56.25%;
    overflow: hidden;
}