/* Healthier Together */

.ht-blue-background {
  background-color: #e5eff3;
  text-align: left;
  margin-top: -124px;	/* to cover search */
}

@media (max-width: 768px) {
  .ht-blue-background {
  margin-top: -187px;	/* to cover search */
  }
}

.ht-title {
  text-transform: none; 
  color: #000000 !important;  
  margin-top: 50px; 
  font-size: 48px; 
  font-weight: 300; 
  font-family: roboto, arial, sans-serif;
}

.ht-intro {
   font-size: 24px; 
   color: #575757; 
   margin-top: 30px; 
   margin-bottom: 30px; 
   font-family: roboto, arial, sans-serif;"
}

.ht-people {
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  width: 428px;
}

.ht-take-action {
  text-transform: none;
  color: #000000 !important; 
  margin-top: -20px; 
  font-size: 36px; 
  font-weight: 300; 
  font-family: roboto, arial, sans-serif; 
  text-align: center; 
  margin-bottom: 24px;
}

.ht-screening-text {
  margin: 24px 10px 16px !important; 
  font-size: 18px; 
  font-family: roboto, arial, sans-serif;	
}

.ht-left {
  text-align: left;
}

.ht-screening-title-sm {
  text-transform: none; 
  color: #000000 !important; 
  font-size: 36px; 
  font-weight: 300; 
  font-family: roboto, arial, sans-serif;
  margin-bottom: 0px;  
}
.ht-screening-title-lg {
  text-transform: none;
  color: #000000 !important; 
  font-size: 36px; 
  font-weight: 300; 
  font-family: roboto, arial, sans-serif;
  margin-bottom: -10px;
}

.ht-feature-box {
  padding-top: 42px;
}

.ht-screening-img-lg {
  margin-top: 10px;
  display: block;
  width: 401px;
  margin-left: auto;
  margin-right: auto;	
}

.ht-screening-img-sm {
  margin-top: -25px;	
}

.ht-no-padding {
  padding: 0px;
}

.ht-mt-10 {
  margin-top: 10px;
}

a.ht-button:hover {
  background-color: #333333;
  color: white;
  cursor: pointer;
}
a.ht-button {
  width: 248px; 
  color: #ffffff; 
  white-space: nowrap; 
  text-decoration: none; 
  display: inline-block; 
  background: #008996; 
  padding: 0.5em 0.8em; 
  text-align: center; 
  border-radius: 54px; 
  font-size: 18px; 
  margin-top: 0px; 
  margin-bottom: 50px; 
  box-shadow: rgba(102, 102, 102, 0.6) 1px 1px 5px;  
}
.ht-action-button1 {
  padding: 40px 33px; 
  border: 1px solid lightgrey; 
  border-radius: 12px; 
  text-align: center; 
  box-shadow: #cccccc 0px 4px 3px; 
  font-size: 20px; 
  color: #005e85; 
  font-family: roboto, arial, sans-serif; 
  margin-bottom: 20px;
}
.ht-action-button1:hover {
  color: #333333;
  cursor: pointer;
  text-decoration: underline;
}
.ht-action-button2 {
  padding: 33px; 
  border: 1px solid lightgrey; 
  border-radius: 12px; 
  text-align: center; 
  box-shadow: #cccccc 0px 4px 3px; 
  font-size: 20px; 
  color: #005e85; 
  font-family: roboto, arial, sans-serif; 
  margin-bottom: 20px;
}
.ht-action-button2:hover {
  color: #333333;
  cursor: pointer;
  text-decoration: underline;
}  

.ht-screening1 {
  margin-left: 10px; 
  padding: 15px 0px 12px 15px; 
  margin-right: 10px; 
  border: 1px solid #005a83; 
  border-radius: 8px; 
  width: 87%; 
  color: #005e85; 
  font-family: roboto, arial, sans-serif;
  font-size: 18px; 
}

.ht-screening1:hover {
  color: #333333;
  cursor: pointer;
  text-decoration: underline;
  border: 1px solid #333333; 
}

.ht-screening2 {
  margin-left: 10px; 
  margin-top: 21px; 
  margin-right: 10px; 
  padding: 15px 0px 12px 15px; 
  border: 1px solid #005a83; 
  font-family: roboto, arial, sans-serif; 
  border-radius: 8px; width: 87%; 
  margin-bottom: 20px; 
  color: #005e85;
	font-size: 18px; 
}

.ht-screening2:hover {
  color: #333333;
  cursor: pointer;
  text-decoration: underline;
  border: 1px solid #333333; 
}

.ht-screening-arrow {
  fill: #005E85;
  width: 18px;
  height: 18px;
  float: right;
  margin-right: 20px;
  margin-top: 3px;
}

.series5:hover .ht-screening-arrow {
  fill: #333333;
}

.ht-screening-arrow2 {
  fill: #005E85;
  width: 18px;
  height: 18px;
  float: right;
  margin-right: 20px;
  margin-top: 3px;
}

.series6:hover .ht-screening-arrow2 {
  fill: #333333;
}

.ht-icon-community { 
  fill: #005E85;  
  width: 65px;
  height: 52px;
} 

.series:hover .ht-icon-community {
  fill: #333333;  
}

.ht-icon-schools { 
  fill: #005E85;  
  width: 65px;
  height: 64px;
} 

.series2:hover .ht-icon-workplaces {
  fill: #333333;  
}

.ht-icon-workplaces { 
  fill: #005E85; 
  width: 64px;
  height: 64px;
} 

.series3:hover .ht-icon-schools {
  fill: #333333;  
}

.ht-icon-health { 
  fill: #005E85;  
  width: 65px;
  height: 52px;
} 

.series4:hover .ht-icon-health {
  fill: #333333;  
}