@charset "UTF-8";
/*
Theme Name: Health Partners Blog
Theme URI: https://healthpartners.com/blog
Author: Dave Tesch
Author URI: http://da.vetes.ch/
Description: Custom theme for Health Partners Blog
Version: 1.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: healthpartners
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
#main-column .post, #main-column .page {
  border: none !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.searchandfilter div > ul {
  padding-left: 0px;
  /* margin-bottom: 0px; */
  margin-top: 0;
}

.searchandfilter div > ul li {
  display: inline-block;
  vertical-align: top;
  padding-right: 40px;
  text-decoration: none;
  margin-top: 20px;
}

.searchandfilter div > ul li > select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSI0N3B4IiBoZWlnaHQ9IjQ3cHgiIHZpZXdCb3g9IjAgMCA0NyA0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDcgNDc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiB0cmFuc3BhcmVudDt9DQoJLnN0MXtmaWxsOiM2NzZBNzI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NS4yLDQ2SDFWMWg0NC4yQzQ1LjcsMSw0NiwxLjMsNDYsMS44djQzLjVDNDYsNDUuNyw0NS43LDQ2LDQ1LjIsNDZ6Ii8+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIyMy41LDMwLjEgMTQuNiwyMS4yIDE2LjcsMTkuMSAyMy41LDI1LjkgMzAuMywxOS4xIDMyLjQsMjEuMiAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==) !important;
  background-position: right -2px top -2px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 45px;
  padding: 6px 60px 6px 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #676971;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
}

.searchandfilter div > ul li > select::-ms-expand {
  display: none;
}

.searchandfilter div > ul li > input {
  display: block;
  width: 100%;
  height: 45px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #676971;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

@media only screen and (max-width: 403px), (min-width: 504px) and (max-width: 618px) {
  .searchandfilter div > ul > li:nth-child(3) {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 404px) and (max-width: 503px), (min-width: 619px) {
  .searchandfilter div > ul > li:nth-child(3) {
    margin-top: 52px;
  }
}

.searchandfilter h4 {
  font-weight: bold;
  margin-top: 0px;
  font-family: var(--text-body-font-sm);
}

.home .searchandfilter div > ul {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}

@media only screen and (max-width: 992px) {
  .home .searchandfilter div > ul {
    width: auto;
  }
}

@media only screen and (max-width: 403px), (min-width: 504px) and (max-width: 618px) {
  .home .searchandfilter div > ul > li:nth-child(3) {
    margin-top: 35px;
  }
}

@media only screen and (min-width: 404px) and (max-width: 503px), (min-width: 619px) {
  .home .searchandfilter div > ul > li:nth-child(3) {
    margin-top: 52px;
  }
}

/* AUTHOR IMAGE TREATMENT - THESE STYLES CAN BE REMOVED AFTER THE COMPONENT REPLACES THE HAND-WRITTEN CODE FOR THE DESIGN */
.entry-header .author-image .byline-image-container {
  height: 60px;
  width: 60px;
  overflow: hidden;
  border: solid 3px white;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  background-size: cover;
  background-position: center center;
}

.entry-header .author-image .byline-image-container .author-byline-img-round {
  width: 100%;
}

.entry-header .author-content {
  align-self: center;
}

.author-img-round {
  border-radius: 50%;
  border: 2px #dcdddf solid;
  padding: 8px;
  background: #fff;
}

.bio-header .bio-area {
  display: flex;
  flex-flow: row wrap;
}

.bio-header .bio-area .bio-image {
  width: 300px;
  align-self: center;
}

.bio-header .bio-area .bio-image .author-img-round {
  border-radius: 50%;
  border: 2px #dcdddf solid;
  padding: 8px;
  background: #fff;
}

.bio-header .bio-area .bio-image .author-byline-img-round {
  border-radius: 50%;
  border: 1px #dcdddf solid;
  padding: 8px;
  background: #fff;
  width: 250px;
}

.bio-header .bio-area .bio-intro-content {
  align-self: center;
}

@media (max-width: 767px) {
  .author-heading {
    text-align: center;
  }
}

.row-author-banner {
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .row-author-banner {
    display: flex;
    align-items: center;
    justify-content: left;
  }
}

.row-author-byline {
  display: flex;
  justify-content: left;
}

.row-author-byline p a {
  color: var(--color-text-base);
  text-decoration: none;
  padding-right: 0.5em;
}

.breadcrumb {
  padding: 12px 0;
  font-family: var(--text-body-font-xs);
  color: var(--color-text-light);
  font-weight: var(--text-body-weight-sm);
  font-size: var(--text-body-pixels-xs);
}

.breadcrumb a {
  color: var(--color-text-light);
  text-decoration: none;
  line-height: var(--text-body-line-height-sm);
  letter-spacing: var(--text-body-letter-spacing-sm);
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.single-post .hp-semantic h2, .single-post .hp-semantic h3, .single-post .hp-semantic h4, .page-template-template-5reasons .hp-semantic h2, .page-template-template-5reasons .hp-semantic h3, .page-template-template-5reasons .hp-semantic h4 {
  font-family: var(--text-body-font-md);
  color: var(--color-text-base);
}

.single-post .hp-semantic ul li > h2, .single-post .hp-semantic ul li > h3, .single-post .hp-semantic ol li > h2, .single-post .hp-semantic ol li > h3, .page-template-template-5reasons .hp-semantic ul li > h2, .page-template-template-5reasons .hp-semantic ul li > h3, .page-template-template-5reasons .hp-semantic ol li > h2, .page-template-template-5reasons .hp-semantic ol li > h3 {
  display: inline-block;
}

.single-post table, .single-post th, .single-post td, .page-template-template-5reasons table, .page-template-template-5reasons th, .page-template-template-5reasons td {
  font-family: var(--text-body-font-md);
}

.single-post .img-responsive + small, .page-template-template-5reasons .img-responsive + small {
  display: block;
  font-family: var(--text-body-font-sm);
}

.single-post div.well, .page-template-template-5reasons div.well {
  padding-top: var(--text-body-line-height-md);
}

.single-post div.well > img, .single-post div.well > small, .page-template-template-5reasons div.well > img, .page-template-template-5reasons div.well > small {
  padding-top: 0;
}

.single-post div.well > p, .page-template-template-5reasons div.well > p {
  padding-top: 0;
}

.single-post div.well > p img, .single-post div.well > p small, .page-template-template-5reasons div.well > p img, .page-template-template-5reasons div.well > p small {
  padding-top: 0;
}

.single-post a.btn, .page-template-template-5reasons a.btn {
  display: inline-block;
  margin-bottom: 0;
  font-family: lato-bold,Helvetica,Arial,sans-serif;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 2px solid transparent;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 1.4;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
}

.single-post a.btn.btn-primary, .page-template-template-5reasons a.btn.btn-primary {
  color: #fff;
  background-color: #2b5798;
  border-color: #254c84;
}

.single-post a.btn.btn-primary:hover, .page-template-template-5reasons a.btn.btn-primary:hover {
  color: #fff;
  background-color: #204070;
  border-color: #183054;
}

.single-post a.btn.btn-primary-2, .page-template-template-5reasons a.btn.btn-primary-2 {
  color: #fff;
  background-color: #843177;
  border-color: #712a66;
}

.single-post a.btn.btn-primary-2:hover, .page-template-template-5reasons a.btn.btn-primary-2:hover {
  color: #fff;
  background-color: #5f2355;
  border-color: #451a3e;
}

.single-post .row.hp-grid-row, .page-template-template-5reasons .row.hp-grid-row {
  justify-content: center;
}

@media only screen and (min-width: 1200px) {
  .hp-content-page-banner-c2 .c2-text-container .c2-text-content {
    max-width: calc(100% - 120px);
  }
}

nav.text-center .wp-pagenavi {
  text-align: center;
  font-family: var(--text-body-font-md);
}

@media (max-width: 768px) {
  nav.text-center .wp-pagenavi {
    overflow: hidden;
  }
}

nav.text-center .wp-pagenavi span, nav.text-center .wp-pagenavi a.page, nav.text-center .wp-pagenavi a.last, nav.text-center .wp-pagenavi a.nextpostslink, nav.text-center .wp-pagenavi a.first, nav.text-center .wp-pagenavi a.previouspostslink {
  border: none;
}

nav.text-center .wp-pagenavi a, nav.text-center .wp-pagenavi span.current {
  background: var(--color-neutral-xlight);
  color: var(--color-text-base);
  font-size: var(--text-body-pixels-sm);
  padding: var(--spacing-xs);
  margin: 0 7.5px;
}

@media (max-width: 768px) {
  nav.text-center .wp-pagenavi a, nav.text-center .wp-pagenavi span.current {
    margin: 0;
  }
}

nav.text-center .wp-pagenavi a:hover, nav.text-center .wp-pagenavi span.current:hover {
  background: var(--color-link-base);
  color: #fff;
  font-weight: normal !important;
}

nav.text-center .wp-pagenavi span.current {
  background: var(--color-text-light);
  color: #fff;
  font-weight: normal !important;
}

nav.text-center .wp-pagenavi span.current:hover {
  background: var(--color-text-light);
}

nav.text-center .wp-pagenavi span.extend {
  border: none;
  display: none;
}

.page-template-template-5reasons .form-inline .form-group {
  font-family: var(--text-body-font-md);
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.page-template-template-5reasons .form-inline .form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  cursor: pointer;
}

.page-template-template-5reasons .form-control {
  width: 100%;
  width: auto;
  height: 45px;
  padding: 6px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-template-template-5reasons select.form-control {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…kuMSAyMy41LDI1LjkgMzAuMywxOS4xIDMyLjQsMjEuMiAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==);
  background-position: right -2px top -2px;
  background-color: #fff;
  background-repeat: no-repeat;
  padding-right: 40px;
}

.page-template-template-5reasons .btn {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 2px solid transparent;
  padding: 10px 30px;
  font-size: 16px;
  line-height: 1.4;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.page-template-template-5reasons .btn.btn-primary {
  color: #fff;
  background-color: #2b5798;
  border-color: #254c84;
}

.page-template-template-5reasons .table {
  font-family: var(--text-body-font-md);
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
  margin-bottom: 22px;
  margin-top: 30px;
}

.page-template-template-5reasons .table > thead > tr > th {
  vertical-align: bottom;
  text-align: left;
  padding: 8px;
  border-bottom: 2px solid #ddd;
}

.page-template-template-5reasons .table td {
  padding: 8px;
  line-height: 1.4;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.page-template-template-5reasons .hp-semantic ol li {
  margin: 0 !important;
}

.page-template-template-missing .flex-container, .page-template-template-images .flex-container {
  padding: 50px 0;
  width: calc(100% - 60px);
  margin: 0 auto;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  font-family: sans-serif;
}

.page-template-template-missing .flex-container section, .page-template-template-images .flex-container section {
  width: 100%;
}

.page-template-template-missing .flex-container section.author-image, .page-template-template-missing .flex-container section.bio-link, .page-template-template-images .flex-container section.author-image, .page-template-template-images .flex-container section.bio-link {
  width: 15%;
  display: none;
}

.page-template-template-missing .flex-container section.author-list, .page-template-template-images .flex-container section.author-list {
  width: 25%;
}

.page-template-template-missing .flex-container section.author-list .author-image-url, .page-template-template-images .flex-container section.author-list .author-image-url {
  font-size: 9px;
  color: #999;
}

.page-template-template-missing .flex-container section > h2, .page-template-template-images .flex-container section > h2 {
  position: fixed;
  font-size: 14px;
  font-family: sans-serif;
  display: block;
  width: 100%;
  padding: 30px 0 9px 0;
  margin-top: -68px;
  background: white;
  border-bottom: solid 2px #999;
  z-index: 9;
}

.page-template-template-missing .flex-container section > h2 span, .page-template-template-images .flex-container section > h2 span {
  font-weight: normal;
  color: var(--color-text-base);
}

.page-template-template-missing .flex-container section ul, .page-template-template-images .flex-container section ul {
  margin: 0;
  padding: 0;
}

.page-template-template-missing .flex-container section ul li, .page-template-template-images .flex-container section ul li {
  line-height: normal;
  margin-top: 0;
  margin: 0;
  padding: 3px;
  background: #F6F6F6;
  border-bottom: solid 1px #AAA;
  list-style-type: none;
}

.page-template-template-missing .flex-container section ul li a, .page-template-template-images .flex-container section ul li a {
  font-size: 11px;
  color: #666;
  white-space: normal;
  text-decoration: none;
  position: relative;
}

.page-template-template-missing .flex-container section ul li a:active, .page-template-template-missing .flex-container section ul li a:focus, .page-template-template-missing .flex-container section ul li a:hover, .page-template-template-images .flex-container section ul li a:active, .page-template-template-images .flex-container section ul li a:focus, .page-template-template-images .flex-container section ul li a:hover {
  color: red !important;
}

.page-template-template-missing .flex-container section ul li a span.draft, .page-template-template-images .flex-container section ul li a span.draft {
  color: #66f !important;
}

.page-template-template-missing .flex-container section ul li a span.related-posts, .page-template-template-images .flex-container section ul li a span.related-posts {
  position: absolute;
  left: -18px;
  top: -1px;
}

.page-template-template-missing .flex-container section ul li a span.needmore, .page-template-template-images .flex-container section ul li a span.needmore {
  color: red;
}

.page-template-template-missing .flex-container section ul li span, .page-template-template-images .flex-container section ul li span {
  line-height: 13px;
}

.page-template-template-missing .flex-container section ul li span a, .page-template-template-images .flex-container section ul li span a {
  background: #BBB;
  color: #fff !important;
  border-radius: 2px;
  display: inline-block;
  font-size: 8px;
  line-height: normal;
  padding: 2px;
  padding-left: 3px;
  position: relative;
  top: -1px;
}

.page-template-template-missing .flex-container section ul li span a:hover, .page-template-template-images .flex-container section ul li span a:hover {
  background: red;
  color: #fff !important;
  text-decoration: none !important;
}

.page-template-template-missing .flex-container section ul li em, .page-template-template-images .flex-container section ul li em {
  font-style: normal;
  float: right;
}

.page-template-template-missing .flex-container section ul li em a:hover, .page-template-template-images .flex-container section ul li em a:hover {
  text-decoration: none;
}

.page-template-template-missing .flex-container section ul li.needs a, .page-template-template-images .flex-container section ul li.needs a {
  color: black;
}

.page-template-template-missing .flex-container section ul li.needs span a, .page-template-template-images .flex-container section ul li.needs span a {
  background: #666;
}

.page-template-template-missing .flex-container section ul li.needs span a:hover, .page-template-template-images .flex-container section ul li.needs span a:hover {
  background: #e15f5f;
}

.page-template-template-missing .flex-container section ul li span.permalink, .page-template-template-images .flex-container section ul li span.permalink {
  display: block;
  font-size: 8px;
}

.page-template-template-missing .flex-container section ul li div.referenced-by, .page-template-template-images .flex-container section ul li div.referenced-by {
  font-size: 9px;
}

.page-template-template-missing .flex-container section.related-posts, .page-template-template-images .flex-container section.related-posts {
  display: none;
}

.page-template-template-missing .flex-container section.banner-image, .page-template-template-images .flex-container section.banner-image {
  width: 70%;
}

.page-template-template-missing .flex-container section.banner-image ul li em, .page-template-template-images .flex-container section.banner-image ul li em {
  font-size: 9px;
  position: relative;
  top: -22px;
}

.page-template-template-missing .flex-container section.categories, .page-template-template-images .flex-container section.categories {
  font-size: 11px;
}

.page-template-template-missing .flex-container section.categories > h4, .page-template-template-images .flex-container section.categories > h4 {
  font-size: 14px;
}

.page-template-template-missing .flex-container section.categories ul li, .page-template-template-images .flex-container section.categories ul li {
  padding: 5px;
}

.page-template-template-missing footer, .page-template-template-images footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #CCC;
  text-align: center;
  font-family: sans-serif;
  z-index: 9999;
}

.page-template-template-missing footer h5, .page-template-template-images footer h5 {
  display: inline-block;
  width: 49%;
}

.page-template-template-images .flex-container {
  padding-top: 0;
}

.page-template-template-images .flex-container section {
  width: 100%;
}

.page-template-template-images .flex-container section h2 {
  position: relative;
  margin-top: 0;
}

.page-template-template-images .flex-container section div.images {
  font-size: 11px;
  color: var(--color-text-base);
}

.page-template-template-images .flex-container section div.images h6 {
  margin-top: 10px;
  font-size: 10px;
  color: var(--color-text-light);
  margin-bottom: 0;
}

.page-template-template-images .flex-container section div.images a {
  display: block;
  color: #333;
}

.page-template-template-images .flex-container section ul li {
  padding: 15px 10px;
}

.page-template-template-images .flex-container section ul li span.permalink {
  color: var(--color-text-base);
  font-size: 11px;
}

.page-template-template-images .flex-container section ul li span.permalink a {
  background: none;
  color: var(--color-text-base) !important;
  padding-left: 0;
}

.page-template-template-images .flex-container section ul li span.permalink a:hover {
  color: #F00 !important;
}

.page-template-template-images .flex-container section ul li > a {
  font-weight: bold;
  font-size: 80%;
  color: var(--color-text-base);
}

.page-template-template-images .flex-container section ul li > a span.edit {
  float: right;
}

.page-template-template-images .flex-container section ul li > a span.draft {
  color: #66f !important;
}

.hp-article-card {
  overflow: hidden;
}

.hp-article-card .article-card-image {
  width: 175%;
  margin-left: -50%;
  max-height: 210px;
}

.hp-article-card .article-card-image.image-left {
  margin-left: -14%;
}

.hp-article-card .article-card-image.image-center {
  margin-left: -33%;
}

.hp-article-card .article-card-image.image-right {
  margin-left: -72%;
}

.page-template-template-categories .hp-article-card .article-card-image {
  width: 128%;
  margin-left: -28%;
  max-height: 210px;
}

@media only screen and (min-width: 1200px) {
  .page-template-template-categories .hp-article-card .article-card-image {
    width: 114%;
    margin-left: -14%;
    max-height: 210px;
  }
}

@media only screen and (max-width: 992px) {
  .page-template-template-categories .hp-article-card .article-card-image {
    max-height: none;
  }
}

.home .popular-topics .hp-article-card .article-card-image {
  width: 150%;
}

@media only screen and (max-width: 768px) {
  .home .popular-topics .hp-article-card .article-card-image {
    width: 122%;
    margin-left: -20%;
  }
}

@media only screen and (min-width: 992px) {
  .hp-content-page-banner-c2 .c2-image-container .c2-background-image {
    height: 325px;
  }
}

@media only screen and (min-width: 1200px) {
  .hp-content-page-banner-c2 .c2-image-container .c2-background-image {
    height: 425px;
  }
}

@media only screen and (min-width: 992px) {
  .hp-content-page-banner-c2 .c2-image-container {
    max-height: 325px;
  }
}

@media only screen and (min-width: 1200px) {
  .hp-content-page-banner-c2 .c2-image-container {
    max-height: 425px;
  }
}

img.img-responsive {
  max-width: 100%;
}

.single-contributor .hp-grid-column,
.archive .hp-grid-column,
.page-template-template-popularposts .hp-grid-column,
.page-template-recentposts .hp-grid-column,
.search-results .hp-grid-column,
.page-template-template-categories .hp-grid-column,
.page-template-template-recentposts .hp-grid-column {
  margin-bottom: var(--spacing-md);
}

.text-center {
  text-align: center;
}

@media only screen and (min-width: 992px) {
  .hp-feature-story .feature-story-text-grid .feature-story-text-container {
    width: 420px;
  }
}

.feature-story-text-container .text p {
  color: #FFF;
  font-family: var(--text-body-font-sm);
}

.hp-feature-story .feature-story-text-grid .feature-story-text-container.primary-brand-base.purple {
  background-color: #522398;
}

.hp-feature-story .feature-story-text-grid .feature-story-text-container.primary-brand-base.blue {
  background-color: #3D7EDB;
}

.hp-feature-story .feature-story-text-grid .feature-story-text-container.primary-brand-base.green {
  background-color: #009B48;
}

.hp-feature-story .feature-story-text-grid .feature-story-text-container.primary-brand-base.dark-blue {
  background-color: #006DCA;
}

.hp-feature-story .feature-story-text-grid .feature-story-text-container.primary-brand-base.orange {
  background-color: #FF6117;
}

.hp-feature-story .feature-story-text-grid .feature-story-text-container.primary-brand-base.pink {
  background-color: #EF426D;
}

.hp-feature-story .feature-story-text-grid .feature-story-text-container.primary-brand-base.black {
  background-color: #474C59;
}

.hp-feature-story .feature-story-text-grid .feature-story-text-container.primary-brand-base.letsgo {
  background-color: #3B2A64;
}

.hp-feature-story .feature-story-text-grid .feature-story-text-container.primary-brand-base.clear {
  background-color: transparent;
}