/*! styles/hw-article-content.scss */
/* ------------------------------ Accordion ---------------------------------*/
/* Most accordion content is also rtf so those classes need to be overridden
   for accordion li toggles and disc style on nested ul */
div.accordion ul {
  margin-left: 0; }

.accordion li.accordion {
  padding-left: 0;
  overflow: visible;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebeae8; }

.accordion li.accordion::before {
  content: none; }

li.accordion > h3 {
  margin-bottom: 26px;
  width: 90%;
  width: calc(100% - 50px); }

.faq h3.accordion-title {
  color: #444444;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  padding-right: 5%; }

li.accordion > h3:hover,
li.accordion button.toggle:hover {
  cursor: pointer; }

li.accordion button.toggle {
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  float: right;
  border: 1px solid #6629b7;
  color: #6629b7;
  background-color: #ffffff;
  border-radius: 50%;
  width: 49px;
  height: 49px;
  position: relative;
  top: -10px;
  font-size: 24px;
  line-height: 47px;
  padding: 0 8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

li.accordion:hover button.toggle {
  border-color: #9c8dc3;
  color: #9c8dc3;
  -webkit-transform: scale(1.1);
          transform: scale(1.1); }

.accordion-content {
  display: none;
  width: 90%;
  width: calc(100% - 50px); }

.faq .accordion-content {
  padding-right: 5%; }

/*
.accordion-content > :first-child {
    margin-top: 16px;
}
*/
.accordion-content > :last-child {
  padding-bottom: 15px; }

/* ------------------------------ End Accordion -----------------------------*/
nav.breadcrumbs {
  display: none;
  width: 100%;
  padding-bottom: 14px;
  border-bottom: 1px solid #ebeae8;
  margin-bottom: 24px;
  font-size: 13px; }

nav.breadcrumbs li {
  display: inline-block;
  line-height: 1.6;
  padding: 0;
  background: none;
  margin-bottom: 0; }

nav.breadcrumbs .separator i.fa,
nav.breadcrumbs .separator span.fa {
  padding: 0 6px; }

li.breadcrumb a,
li.breadcrumb a:active,
li.breadcrumb a:focus,
li.breadcrumb a:hover {
  color: #6629b7;
  text-decoration: none; }

@media screen and (min-width: 768px) {
  nav.breadcrumbs {
    display: block; } }

main a.btn.cta,
a.btn.cta {
  color: #ffffff;
  background-color: #6629b7;
  padding: 13px 18px;
  line-height: 1.5;
  border-radius: 8px;
  margin-top: 20px;
  text-align: center;
  font-weight: normal !important; }
  main a.btn.cta::after,
  a.btn.cta::after {
    content: "";
    padding: 0; }
  main a.btn.cta:hover, main a.btn.cta:focus, main a.btn.cta:active,
  a.btn.cta:hover,
  a.btn.cta:focus,
  a.btn.cta:active {
    background-color: #7648b3;
    color: #ffffff;
    text-decoration: none; }
  main a.btn.cta.secondary,
  a.btn.cta.secondary {
    background-color: #ffffff;
    color: #6629b7;
    border: 1px solid #6629b7;
    padding: 12px 18px; }
    main a.btn.cta.secondary:hover, main a.btn.cta.secondary:focus, main a.btn.cta.secondary:active,
    a.btn.cta.secondary:hover,
    a.btn.cta.secondary:focus,
    a.btn.cta.secondary:active {
      color: #7648b3;
      border-color: #7648b3; }
  main a.btn.cta.small,
  a.btn.cta.small {
    line-height: 1.5;
    padding: 0.125rem 0.625rem; }
    main a.btn.cta.small.secondary,
    a.btn.cta.small.secondary {
      border-width: 1px;
      padding-top: 1px;
      padding-bottom: 1px; }
  main a.btn.cta.margin-top-none,
  a.btn.cta.margin-top-none {
    margin-top: 0; }

blockquote.quotation,
blockquote.statistic {
  border-top: 2px solid #ed2939;
  border-bottom: 2px solid #ed2939;
  margin: 30px auto;
  font-size: 30px;
  font-style: italic;
  line-height: 1.15;
  padding: 30px 20px;
  position: relative;
  width: 95%; }
  .right-sidebar blockquote.quotation, .right-sidebar
  blockquote.statistic {
    margin-top: 60px;
    margin-bottom: 60px; }

blockquote.quotation::before,
blockquote.quotation::after {
  content: "\f10d";
  font-family: FontAwesome;
  text-align: center;
  padding-right: 5px;
  color: #ed2939;
  display: block;
  background-color: #ffffff;
  width: 50px;
  height: 30px;
  position: absolute;
  top: -15px;
  left: 47%;
  left: calc(50% - 25px);
  right: auto; }

blockquote.quotation::after {
  content: "\f10e";
  top: auto;
  bottom: -18px;
  left: 46%;
  left: calc(50% - 25px); }

blockquote footer {
  margin-top: 10px; }

blockquote footer cite.author::before {
  content: "\2014";
  padding-right: 2px; }

blockquote footer cite.author {
  color: #ed2939;
  font-size: 13px;
  font-style: normal;
  font-weight: bold; }

@media screen and (min-width: 480px) {
  blockquote.quotation,
  blockquote.statistic {
    width: 80%; } }

@media screen and (min-width: 768px) {
  blockquote.quotation,
  blockquote.statistic {
    margin-top: 14px; }
    .right-sidebar blockquote.quotation, .right-sidebar
    blockquote.statistic {
      width: 100%; } }

/* ------------------------- Inline Definition Lists ------------------------*/
.inline-definitions dt {
  font-weight: bold;
  line-height: 1.6;
  float: left;
  clear: left;
  width: 100px; }

.inline-definitions dd {
  float: left;
  line-height: 1.6; }

/* ------------------------ End Inline Definition Lists ---------------------*/
/*  override because Firefox does not inherit */
button, input {
  font-family: arial, sans-serif;
  line-height: 1.2;
  font-size: 16px; }

hr {
  width: 100%;
  margin: 30px 0;
  border: 0;
  border-bottom: 1px solid #ebeae8; }

figure figcaption,
.rtf figure figcaption {
  background: inherit;
  color: #444444;
  font-family: sans-serif;
  font-size: 12px;
  line-height: 1.6;
  padding: 12px 0; }

main > div:last-child {
  margin-bottom: 0px; }

main.content-primary {
  margin-bottom: 40px; }

.article-summary article span.media-type {
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  width: 18px;
  background-position: center;
  margin-bottom: 10px; }

.article-summary[data-media-type=article] article span.media-type,
.related article .article.media-type {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='icon-h_w_article' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 34 29.8' style='enable-background:new 0 0 34 29.8%3B' xml:space='preserve'%3E%3Cpath id='newspaper-solid' fill='%235a5a5a' d='M31.9 0H8.5C7.3 0 6.4 0.9 6.4 2.1l0 0v22.3c0 0.6-0.5 1.1-1.1 1.1S4.2 25 4.2 24.4V4.2H2.1 C1 4.2 0 5.2 0 6.4l0 0v19.1c0 2.3 1.9 4.2 4.2 4.2h25.5c2.3 0 4.2-1.9 4.2-4.2V2.1C34 1 33.1 0 31.9 0L31.9 0z M18.1 25.5h-6.4c-0.6 0-1-0.5-1-1.1s0.5-1 1-1h6.4c0.6 0 1.1 0.4 1.1 1S18.7 25.5 18.1 25.5L18.1 25.5z M18.1 19.1h-6.4c-0.6 0-1-0.5-1-1.1s0.5-1 1-1h6.4c0.6 0 1 0.5 1 1.1S18.6 19.1 18.1 19.1z M28.7 25.5h-6.4c-0.6 0-1.1-0.4-1.1-1s0.4-1.1 1-1.1c0 0 0 0 0.1 0h6.4c0.6 0 1 0.5 1 1.1C29.7 25 29.2 25.5 28.7 25.5L28.7 25.5z M28.7 19.1h-6.4c-0.6 0-1-0.5-1-1.1s0.5-1 1-1h6.4c0.6 0 1 0.5 1 1.1S29.2 19.1 28.7 19.1L28.7 19.1z M29.8 11.7c0 0.6-0.5 1.1-1.1 1.1h-17c-0.6 0-1.1-0.5-1.1-1.1V5.3c0-0.6 0.5-1.1 1.1-1.1h17c0.6 0 1.1 0.5 1.1 1.1V11.7z'/%3E%3C/svg%3E"); }

.article-summary[data-media-type=video] article span.media-type,
.related article .video.media-type {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='icon-h_w_video' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 24' style='enable-background:new 0 0 36 24%3B' xml:space='preserve'%3E%3Cpath id='video-solid' fill='%235a5a5a' d='M21 0H3C1.3 0 0 1.3 0 3v18c0 1.6 1.3 3 3 3l0 0h18c1.6 0 3-1.3 3-3l0 0V3C24 1.3 22.7 0 21 0L21 0z M32.8 2.4L26 7.1v9.8l6.8 4.7c0.9 0.6 2.2 0.4 2.8-0.5c0.2-0.3 0.4-0.7 0.4-1.1V4c0-1.1-0.9-2-2-2C33.6 2 33.2 2.1 32.8 2.4z'/%3E%3C/svg%3E"); }

.article-summary[data-media-type=infographic] article span.media-type,
.related article .infographic.media-type {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='icon-h_w_infographic' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 34 29.8' style='enable-background:new 0 0 34 29.8%3B' xml:space='preserve'%3E%3Cpath id='chart-column-solid' fill='%235a5a5a' d='M2.1 0c1.2 0 2.1 1 2.1 2.1v22.3c0 0.6 0.5 1.1 1.1 1.1h26.6c1.2 0 2.1 1 2.1 2.1s-1 2.1-2.1 2.1H5.3c-2.9 0-5.3-2.4-5.3-5.3l0 0V2.1C0 1 1 0 2.1 0z M10.6 12.8c1.2 0 2.1 0.9 2.1 2.1l0 0v4.2c0 1.2-1 2.1-2.1 2.1s-2.1-1-2.1-2.1v-4.2C8.5 13.7 9.4 12.8 10.6 12.8L10.6 12.8z M19.1 19.1c0 1.2-1 2.1-2.1 2.1s-2.1-1-2.1-2.1V8.5c0-1.2 1-2.1 2.1-2.1s2.1 1 2.1 2.1V19.1z M23.4 10.6c1.2 0 2.1 0.9 2.1 2.1l0 0v6.4c0 1.2-1 2.1-2.1 2.1s-2.1-1-2.1-2.1v-6.4C21.2 11.6 22.2 10.6 23.4 10.6L23.4 10.6z M31.9 19.1c0 1.2-1 2.1-2.1 2.1s-2.1-1-2.1-2.1V4.2c0-1.2 1-2.1 2.1-2.1s2.1 1 2.1 2.1V19.1z'/%3E%3C/svg%3E"); }

.article-summary[data-media-type=podcast] article span.media-type,
.related article .podcast.media-type {
  background-image: url("data:image/svg+xml, %3Csvg version='1.1' id='icon-h_w_podcast' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 43.6' style='enable-background:new 0 0 30 43.6%3B' xml:space='preserve'%3E%3Cpath id='microphone-solid_1_' fill='%235a5a5a' d='M15 30c4.5 0 8.2-3.7 8.2-8.2l0 0V8.2C23.2 3.7 19.5 0 15 0S6.8 3.7 6.8 8.2l0 0v13.6C6.8 26.3 10.4 30 15 30C14.9 30 15 30 15 30z M28 16.4c-1.1 0-2 0.9-2 2v3.5c0 6-4.9 10.9-10.9 10.9c-0.2 0-0.5 0-0.7 0C8.7 32.3 4.1 27 4.1 21.4v-3c0-1.1-1-2-2.1-2s-1.9 0.9-2 2v2.7c0 7.6 5.5 14.5 13 15.5v3H9.5c-1.5 0-2.7 1.2-2.7 2.7v0.1c0.1 0.7 0.7 1.2 1.4 1.2h13.6c0.7 0 1.3-0.5 1.4-1.2c0.1-1.5-1.1-2.8-2.6-2.9h-0.1H17v-2.9c7.4-1 12.9-7.4 13-14.8v-3.5 C30 17.2 29.1 16.4 28 16.4z'/%3E%3C/svg%3E"); }

div.read-more {
  border-bottom: 1px solid #ebeae8;
  padding-bottom: 0px; }

span.read-more-toggle {
  color: #6629b7;
  cursor: pointer;
  display: block;
  padding: 12px 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  max-width: 90%; }

span.read-more-toggle:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1); }

.read-more.collapsed span.read-more-toggle {
  padding: 0 0 12px; }

.wrapper {
  height: auto;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  position: relative;
  padding-bottom: 20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s; }

.wrapper p {
  margin-bottom: 20px; }

.read-more.collapsed .wrapper {
  height: 112px;
  overflow-y: hidden;
  margin-bottom: 0; }

.read-more.collapsed.faded .wrapper::after {
  content: " ";
  position: absolute;
  top: 55%;
  bottom: 0;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, #ffffff));
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, #ffffff 60%);
  left: 0; }
  #providers .read-more.collapsed.faded .wrapper::after {
    top: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(255, 255, 255, 0)), color-stop(90%, #ffffff));
    background-image: linear-gradient(rgba(255, 255, 255, 0) 40%, #ffffff 90%); }

div.read-more + div {
  margin-top: 40px; }

@media print {
  .header-logo {
    background-image: none !important; }
  .header-logo::after {
    content: none !important; }
  div.content-primary-social,
  div.grid1-2 {
    display: none; }
  .read-more.collapsed .wrapper {
    height: auto !important;
    overflow: visible; }
  .read-more.collapsed.faded .wrapper::after {
    content: none; }
  span.read-more-toggle {
    display: none !important; }
  .program-landing-hero {
    display: none !important; }
  .mobile-utility {
    display: none !important; } }

/* ------------------------------ New Purple Social -------------------------*/
.content-primary-social {
  background: none;
  padding-left: 0; }

.content-primary-social .content-primary-social-text {
  color: #444444; }

.svg .icon-linkedin-sm:not(.sticky) {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='0.66in' height='0.66in' viewBox='0 0 47.64 47.64'%3E%3Ctitle%3Esocial-linkedin%3C/title%3E%3Ccircle cx='23.82' cy='23.82' r='23.82' fill='%236629b7'/%3E%3Cpath d='M469,304.85V288.6h-5.4v16.25Zm-2.7-18.47a2.82,2.82,0,1,0-3-2.81,2.82,2.82,0,0,0,3,2.81Z' transform='translate%28-452.01 -268.98%29' fill='%23fff' fill-rule='evenodd'/%3E%3Cpath d='M471.94,304.85h5.4v-9.08a3.69,3.69,0,0,1,.18-1.32,3,3,0,0,1,2.77-2c2,0,2.74,1.49,2.74,3.68v8.69h5.4v-9.32c0-5-2.66-7.32-6.22-7.32a5.38,5.38,0,0,0-4.9,2.74h0V288.6h-5.4c.07,1.52,0,16.25,0,16.25Z' transform='translate%28-452.01 -268.98%29' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-size: 100%; }

.svg .icon-print:not(.sticky) {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='0.66in' height='0.66in' viewBox='0 0 47.64 47.64'%3E%3Ctitle%3Esocial-print%3C/title%3E%3Ccircle cx='23.82' cy='23.82' r='23.82' fill='%236629b7'/%3E%3Cpath d='M462.33,292.81h27v9.64h-27Zm5.79-13.5h15.43v11.57H468.12Z' transform='translate%28-452.01 -268.98%29' fill='%23fff'/%3E%3Cpath d='M468.12,300.52h15.43v5.79H468.12Z' transform='translate%28-452.01 -268.98%29' fill='%23fff' stroke='%236629b7' stroke-width='1.93'/%3E%3Cpath d='M471,288h7.71' transform='translate%28-452.01 -268.98%29' fill='none' stroke='%236629b7' stroke-width='1.93' style='isolation:isolate'/%3E%3Cpath d='M471,284.13h9.64' transform='translate%28-452.01 -268.98%29' fill='none' stroke='%236629b7' stroke-width='1.93' style='isolation:isolate'/%3E%3C/svg%3E");
  background-size: 100%; }

.svg .icon-twitter-sm:not(.sticky) {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='0.66in' height='0.66in' viewBox='0 0 47.64 47.64'%3E%3Ctitle%3Esocial-twitter%3C/title%3E%3Ccircle cx='23.82' cy='23.82' r='23.82' fill='%236629b7'/%3E%3Cpath d='M241.47,286.43a10.91,10.91,0,0,1-3.13.86,5.47,5.47,0,0,0,2.4-3,10.9,10.9,0,0,1-3.46,1.32,5.46,5.46,0,0,0-9.29,5,15.48,15.48,0,0,1-11.24-5.7,5.46,5.46,0,0,0,1.69,7.28,5.43,5.43,0,0,1-2.47-.68v.07a5.46,5.46,0,0,0,4.37,5.35,5.45,5.45,0,0,1-2.46.09,5.46,5.46,0,0,0,5.09,3.79,11,11,0,0,1-8.07,2.26A15.51,15.51,0,0,0,238.77,290c0-.24,0-.47,0-.71A11.12,11.12,0,0,0,241.47,286.43Z' transform='translate%28-204.36 -270.85%29' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 100%; }

.svg .icon-facebook-sm:not(.sticky) {
  background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='0.66in' height='0.66in' viewBox='0 0 47.64 47.64'%3E%3Ctitle%3Esocial-facebook%3C/title%3E%3Ccircle cx='23.82' cy='23.82' r='23.82' fill='%236629b7'/%3E%3Cpath d='M170.15,308.65h-5.95v-14.4h-3v-5h3v-3c0-4,1.68-6.46,6.45-6.46h4v5h-2.48c-1.86,0-2,.69-2,2v2.48h4.5l-.53,5h-4Z' transform='translate%28-144.12 -270.43%29' fill='%23fff'/%3E%3C/svg%3E");
  background-size: 100%; }

.svg .icon-x-sm:not(.sticky) {
  background-image: url('data:image/svg+xml,<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="63.36" height="63.36" rx="31.68" fill="%236629B7"/><path d="M42.7165 14.334H48.6017L35.7443 29.0292L50.87 49.026H39.0267L29.7506 36.898L19.1366 49.026H13.2479L27.0001 33.3078L12.49 14.334H24.634L33.0187 25.4194L42.7165 14.334ZM40.651 45.5034H43.912L22.862 17.6715H19.3626L40.651 45.5034Z" fill="white"/></svg>');
  background-size: 100%; }

/* ------------------------------ End New Purple Social ---------------------*/
/* ------------------------------ Sidenav -----------------------------------*/
nav.sidenav {
  margin-bottom: 0px; }

.sidenav li.nav-item {
  margin-bottom: 18px;
  line-height: 1.3; }

.sidenav li.sub-nav-item {
  margin-left: 18px; }

.sidenav li.parent-nav-item a,
.sidenav li.parent-nav-item a:active {
  font-size: 20px;
  color: #6629b7; }

.sidenav li.parent-nav-item a:hover,
.sidenav li.parent-nav-item a:focus {
  text-decoration: none; }

.sidenav li.parent-nav-item i {
  font-size: 20px;
  padding-left: 0.3em;
  color: #6629b7;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: scale(0.7);
          transform: scale(0.7); }

.sidenav li.parent-nav-item a:hover + i {
  padding-left: 0.5em;
  -webkit-transform: scale(1);
          transform: scale(1); }

.sidenav li.sub-nav-item a,
.sidenav li.sub-nav-item a:active {
  font-size: 16px;
  color: #444444;
  text-decoration: none; }

.sidenav li.sub-nav-item a:hover,
.sidenav li.sub-nav-item a:focus {
  border-bottom: 1px solid #444444; }

.sidenav li.sub-nav-item + li.parent-nav-item,
.sidenav li.parent-nav-item + li.parent-nav-item {
  border-top: 1px solid #ebeae8;
  padding-top: 18px; }

.sidenav li.nav-item:last-child {
  padding-bottom: 18px;
  border-bottom: 1px solid #ebeae8; }

.sidenav.rightnav .parent-nav-item > ul {
  padding-top: 18px; }

.sidenav.rightnav li.sub-nav-item:last-child {
  padding-bottom: 0;
  border: none; }

/* ------------------------------ End Sidenav -------------------------------*/
.right-sidebar section + section {
  margin-top: 40px; }

.sidebar-widget {
  background-color: #f4f3f2;
  border-top: 4px solid #6629b7;
  padding: 20px 25px;
  border-bottom: 1px solid #ebeae8;
  margin-top: 0;
  margin-bottom: 0; }
  .sidebar-widget dd + dt {
    margin-top: 20px; }
  .sidebar-widget.simple {
    background-color: #ffffff;
    border: none;
    padding: 0; }
  .sidebar-widget p.heading {
    font-size: 20px;
    color: #6629b7; }
    .sidebar-widget p.heading + p {
      margin-top: 10px; }

.sidebar-widget.related.content,
.sidebar-widget.related.patient-stories {
  border-top-color: #004a97; }

.related.sidebar-widget h1,
.related.sidebar-widget h2 {
  font-weight: 600;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 1rem; }

.related.departments h1,
.related.departments h2 {
  color: #6629b7; }

.related.departments li {
  margin-bottom: 12px; }

.related.content h1,
.related.content h2,
.related.patient-stories h1,
.related.patient-stories h2 {
  color: #004a97; }

.right-sidebar .related figure {
  margin-bottom: 24px; }

.right-sidebar .related figure img {
  margin-bottom: 12px; }

.right-sidebar .related figcaption {
  font-size: 18px;
  line-height: 1.4; }

.right-sidebar .related figcaption > span.media-type {
  background-repeat: no-repeat;
  display: block;
  height: 22px;
  width: 22px;
  margin-bottom: 6px; }

.right-sidebar .related figcaption > span.link-text {
  color: #004a97;
  font-size: 18px; }

.right-sidebar .related figcaption > span.media-type > span {
  padding-left: 31px;
  position: relative;
  top: -3px;
  color: #444444;
  font-size: 16px; }

.right-sidebar .related a:hover {
  text-decoration: none; }

.right-sidebar .related a:hover span.link-text {
  text-decoration: none; }

.right-sidebar .related a:hover span > span {
  color: #444444; }

.contact-phone.sidebar-widget dt,
.contact-email.sidebar-widget dt {
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold; }
  .contact-phone.sidebar-widget dt span,
  .contact-email.sidebar-widget dt span {
    font-weight: normal;
    font-size: 16px; }

.contact-phone.sidebar-widget a.click-to-call::before,
.contact-email.sidebar-widget a.mail-to::before {
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 0.4em;
  word-break: break-all; }

.contact-phone.sidebar-widget a.click-to-call::before {
  content: "\f095"; }

.contact-email.sidebar-widget a.mail-to::before {
  content: "\f0e0"; }

.contact-phone.sidebar-widget a.click-to-call,
.contact-email.sidebar-widget a.mail-to,
.contact-phone.sidebar-widget a.click-to-call:active,
.contact-email.sidebar-widget a.mail-to:active {
  float: none;
  font-size: 16px;
  line-height: 1.6;
  color: #6629b7;
  text-decoration: none;
  display: inherit;
  padding-top: 0; }

.contact-phone.sidebar-widget a.click-to-call:hover,
.contact-email.sidebar-widget a.mail-to:hover {
  color: #9c8dc3; }

@media screen and (min-width: 481px) {
  .right-sidebar section.media_list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap; }
  .right-sidebar a.media_list-item {
    -webkit-box-flex: 0;
            flex: 0 1 50%;
    padding: 0 15px; } }

@media screen and (min-width: 768px) {
  div.contact-phone.sidebar-widget,
  div.contact-email.sidebar-widget {
    align-self: flex-start;
    width: 48%; }
  .right-sidebar .sidenav {
    width: 48%;
    margin-right: 2%;
    flex-shrink: 0; } }

@media screen and (min-width: 1100px) {
  .right-sidebar a.media_list-item {
    flex-basis: 100%;
    padding: 0; } }

@media screen and (min-width: 1100px) {
  div.contact-phone.sidebar-widget,
  div.contact-email.sidebar-widget {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0; }
  .right-sidebar .sidenav {
    width: 100%;
    flex-shrink: 1;
    margin-right: 0;
    margin-top: 0px; }
  .right-sidebar .sidenav + div.sidebar-widget,
  .right-sidebar div.sidebar-widget + div.sidebar-widget {
    margin-top: 40px; } }

span.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em; }
  span.svg-icon svg {
    max-width: 100%;
    max-height: 100%; }

#to-top-scroller {
  right: 16px;
  bottom: 8px;
  text-align: center;
  margin-bottom: 12px;
  cursor: pointer; }
  #to-top-scroller.floating {
    position: fixed; }
  #to-top-scroller:hover .fa.fa-angle-up {
    box-shadow: 0 0 2px #444444;
    background-color: #3e96a8;
    color: #ffffff; }
  #to-top-scroller:hover span {
    color: #3e96a8; }
  #to-top-scroller .fa {
    display: block;
    width: 40px;
    line-height: 40px;
    color: #ffffff;
    background-color: #62b4c5;
    border-radius: 8px;
    margin: 0 auto; }
  #to-top-scroller span {
    color: #62b4c5;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    width: 40px; }

@media screen and (min-width: 480px) {
  #to-top-scroller {
    position: absolute;
    margin-bottom: 0; }
    #to-top-scroller.floating {
      position: fixed; } }

#tooltip {
  text-align: center;
  color: #ffffff;
  background: #62b4c5;
  position: absolute;
  z-index: 100;
  padding: 15px;
  box-shadow: 0 0 7px 1px #444444;
  line-height: 1.4;
  border-radius: 4px; }
  #tooltip:after {
    /* triangle decoration */
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #62b4c5;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px; }
  #tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #62b4c5;
    top: -20px;
    bottom: auto; }
  #tooltip.left:after {
    left: 10px;
    margin: 0; }
  #tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0; }

main a,
main .rtf a,
p > a,
.right-sidebar p > a,
.right-sidebar li > a {
  color: #6629b7;
  text-decoration: none; }

main h1 > a,
.content-primary h1 > a {
  color: #ed2939; }

main h2 > a,
main h3 > a,
main h4 > a,
main h5 > a,
main h6 > a,
.content-primary h2 > a,
.content-primary h3 > a,
.content-primary h4 > a,
.content-primary h5 > a,
.content-primary h6 > a {
  color: #62b4c5;
  font-family: arial, sans-serif;
  letter-spacing: inherit; }

main a:hover, main a:focus, main a:active,
.content-primary a:hover,
.content-primary a:focus,
.content-primary a:active {
  text-decoration: none;
  color: #6629b7; }

main h1 > a:hover,
main h1 > a:focus,
main h1 > a:active,
.content-primary h1 > a:hover,
.content-primary h1 > a:focus,
.content-primary h1 > a:active {
  color: #ed2939; }

.content-primary h2 > a:hover,
.content-primary h2 > a:focus,
.content-primary h2 > a:active,
.content-primary h3 > a:hover,
.content-primary h3 > a:focus,
.content-primary h3 > a:active,
.content-primary h4 > a:hover,
.content-primary h4 > a:focus,
.content-primary h4 > a:active,
.content-primary h5 > a:hover,
.content-primary h5 > a:focus,
.content-primary h5 > a:active,
.content-primary h6 > a:hover,
.content-primary h6 > a:focus,
.content-primary h6 > a:active,
main h2 > a:hover,
main h2 > a:focus,
main h2 > a:active,
main h3 > a:hover,
main h3 > a:focus,
main h3 > a:active,
main h4 > a:hover,
main h4 > a:focus,
main h4 > a:active,
main h5 > a:hover,
main h5 > a:focus,
main h5 > a:active,
main h6 > a:hover,
main h6 > a:focus,
main h6 > a:active {
  color: #62b4c5; }

.content-primary .rtf p a,
.content-primary .rtf li a,
main .rtf p a,
main .rtf li a {
  font-weight: bold; }

.content-primary a::after,
main a::after {
  content: "\f08e";
  font-family: FontAwesome;
  padding-left: 0.4em;
  display: inline-block;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.6);
          transform: scale(0.6); }

.content-primary a:hover::after,
main a:hover::after {
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.content-primary a[href^="/"]:after,
.content-primary a[href*="childrens.com"]:after,
.content-primary a[href^="tel"]:after,
.content-primary a[href^="mail"]:after,
main a[href^="/"]:after,
main a[href*="childrens.com"]:after,
main a[href^="tel"]:after,
main a[href^="mail"]:after {
  content: none;
  padding: 0; }

.content-primary a[href*=".pdf"]::after,
main a[href*=".pdf"]::after {
  content: "(pdf)";
  font-family: sans-serif;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.content-primary a[href*=".doc"]::after,
main a[href*=".doc"]::after {
  content: "(.doc)";
  font-family: sans-serif;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.content-primary a[href*=".docx"]::after,
main a[href*=".docx"]::after {
  content: "(.docx)";
  font-family: sans-serif;
  -webkit-transform: scale(0.8);
          transform: scale(0.8); }

.content-primary a[href^="mail"]::before,
main a[href^="mail"]::before {
  content: "\f0e0";
  font-family: FontAwesome;
  padding-right: 0.3em;
  display: inline-block; }

.content-primary a[href^="tel"]::before,
main a[href^="tel"]::before {
  content: "\f095";
  font-family: FontAwesome;
  padding-right: 0.3em;
  display: inline-block; }

.content-primary h1 > a[href^="/"]:after,
.content-primary h1 > a[href*="childrens.com"]:after,
.content-primary h2 > a[href^="/"]:after,
.content-primary h2 > a[href*="childrens.com"]:after,
.content-primary h3 > a[href^="/"]:after,
.content-primary h3 > a[href*="childrens.com"]:after,
.content-primary h4 > a[href^="/"]:after,
.content-primary h4 > a[href*="childrens.com"]:after,
.content-primary h5 > a[href^="/"]:after,
.content-primary h5 > a[href*="childrens.com"]:after,
.content-primary h6 > a[href^="/"]:after,
.content-primary h6 > a[href*="childrens.com"]:after,
main h1 > a[href^="/"]:after,
main h1 > a[href*="childrens.com"]:after,
main h2 > a[href^="/"]:after,
main h2 > a[href*="childrens.com"]:after,
main h3 > a[href^="/"]:after,
main h3 > a[href*="childrens.com"]:after,
main h4 > a[href^="/"]:after,
main h4 > a[href*="childrens.com"]:after,
main h5 > a[href^="/"]:after,
main h5 > a[href*="childrens.com"]:after,
main h6 > a[href^="/"]:after,
main h6 > a[href*="childrens.com"]:after {
  content: "\f105";
  font-family: FontAwesome;
  padding-left: 0.4em;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: scale(0.6);
          transform: scale(0.6); }

.content-primary h1 > a[href^="/"]:hover::after,
.content-primary h1 > a[href*="childrens.com"]:hover::after,
.content-primary h2 > a[href^="/"]:hover::after,
.content-primary h2 > a[href*="childrens.com"]:hover::after,
.content-primary h3 > a[href^="/"]:hover::after,
.content-primary h3 > a[href*="childrens.com"]:hover::after,
.content-primary h4 > a[href^="/"]:hover::after,
.content-primary h4 > a[href*="childrens.com"]:hover::after,
.content-primary h5 > a[href^="/"]:hover::after,
.content-primary h5 > a[href*="childrens.com"]:hover::after,
.content-primary h6 > a[href^="/"]:hover::after,
.content-primary h6 > a[href*="childrens.com"]:hover::after,
main h1 > a[href^="/"]:hover::after,
main h1 > a[href*="childrens.com"]:hover::after,
main h2 > a[href^="/"]:hover::after,
main h2 > a[href*="childrens.com"]:hover::after,
main h3 > a[href^="/"]:hover::after,
main h3 > a[href*="childrens.com"]:hover::after,
main h4 > a[href^="/"]:hover::after,
main h4 > a[href*="childrens.com"]:hover::after,
main h5 > a[href^="/"]:hover::after,
main h5 > a[href*="childrens.com"]:hover::after,
main h6 > a[href^="/"]:hover::after,
main h6 > a[href*="childrens.com"]:hover::after {
  padding-left: 0.8em;
  -webkit-transform: scale(1);
          transform: scale(1); }

.content-primary a:hover,
main a:hover {
  cursor: pointer; }

.content-primary p a:focus, .content-primary p a:hover,
main p a:focus,
main p a:hover {
  text-decoration: underline; }

.fax {
  pointer-events: none; }
  .fax > a {
    text-decoration: none;
    color: #444444 !important; }
  .fax a[href^="tel"]::before {
    content: none; }

main h2,
.content-primary h2,
.clinical-trials h2,
.right-sidebar h2, main h3,
.content-primary h3,
.clinical-trials h3,
.right-sidebar h3, main h4,
.content-primary h4,
.clinical-trials h4,
.right-sidebar h4, main h5,
.content-primary h5,
.clinical-trials h5,
.right-sidebar h5, main h6,
.content-primary h6,
.clinical-trials h6,
.right-sidebar h6, main .h2,
.content-primary .h2,
.clinical-trials .h2,
.right-sidebar .h2, main .h3,
.content-primary .h3,
.clinical-trials .h3,
.right-sidebar .h3, main .h4,
.content-primary .h4,
.clinical-trials .h4,
.right-sidebar .h4, main .h5,
.content-primary .h5,
.clinical-trials .h5,
.right-sidebar .h5, main .h6,
.content-primary .h6,
.clinical-trials .h6,
.right-sidebar .h6 {
  color: #62b4c5;
  font-family: arial, sans-serif;
  letter-spacing: inherit; }

main h1,
.content-primary h1,
.clinical-trials h1 {
  font-family: arial, sans-serif;
  font-size: 30px;
  line-height: 1.2;
  margin: 0 0 6px 0;
  padding: 0;
  color: #ed2939; }

main h2,
.content-primary h2,
.clinical-trials h2 {
  font-size: 26px;
  line-height: 1.2;
  margin-top: 30px;
  margin-bottom: 10px; }

main h3,
.content-primary h3,
.clinical-trials h3,
.right-sidebar h3, main .h3,
.content-primary .h3,
.clinical-trials .h3,
.right-sidebar .h3 {
  font-size: 22px;
  line-height: 1.2;
  margin-top: 30px;
  margin-bottom: 10px; }

.content-primary h2 + h3, .content-primary h2 + .h3 {
  margin-top: 10px; }

main p,
.rtf p,
.rtf ul,
.rtf li,
.right-sidebar {
  font-size: 18px; }

main p,
.right-sidebar {
  line-height: 1.6; }

.right-sidebar li {
  line-height: 1.4; }
  .right-sidebar li a {
    font-size: 18px; }

.related.departments p {
  margin: 1rem 0; }

@media screen and (min-width: 768px) {
  main h1,
  .content-primary h1,
  .clinical-trials h1 {
    font-size: 36px;
    line-height: 1.2; }
  main p,
  .rtf p,
  .rtf ul,
  .rtf li,
  .right-sidebar {
    font-size: 16px; } }

@media screen and (min-width: 1051px) {
  main h1,
  .content-primary h1,
  .clinical-trials h1 {
    font-size: 44px;
    line-height: 1.2; }
  main h2,
  .content-primary h2,
  .clinical-trials h2 {
    font-size: 32px; }
  main h3,
  .content-primary h3,
  .clinical-trials h3,
  .right-sidebar h3, main .h3,
  .content-primary .h3,
  .clinical-trials .h3,
  .right-sidebar .h3 {
    font-size: 26px; } }

main h1 + h2,
.content-primary h1 + h2 {
  margin-top: 0; }

p.value-prop,
h3.value-prop,
h2.value-prop.h3 {
  color: #444444;
  margin-top: 0;
  margin-bottom: 22px; }
  @media (min-width: 768px) {
    p.value-prop,
    h3.value-prop,
    h2.value-prop.h3 {
      margin-top: 20px; } }

.centered,
p.centered {
  text-align: center; }

.float-right {
  float: right; }

.float-left,
.rtf .float-left {
  float: none;
  display: block;
  margin-bottom: 15px; }

ul.no-bullets {
  margin-left: 0; }
  ul.no-bullets > li {
    padding-left: 0; }
  ul.no-bullets > li::before {
    content: none; }

ul.two-col li {
  line-height: 1.4;
  margin: 0 0 20px 0; }

div.brand-box.secondary {
  background-color: #62b4c5; }

div.brand-box.tertiary {
  background-color: #f4f3f2; }

.override.margin-bottom-none, .margin-bottom-none {
  margin-bottom: 0; }

.override.margin-bottom-sm, .margin-bottom-sm {
  margin-bottom: 20px; }

.override.margin-bottom-med, .margin-bottom-med {
  margin-bottom: 40px; }

.override.margin-bottom-lg, .margin-bottom-lg {
  margin-bottom: 60px; }

.override.margin-top-none, .margin-top-none {
  margin-top: 0; }

.override.margin-top-sm, .margin-top-sm {
  margin-top: 20px; }

.override.margin-top-med, .margin-top-med {
  margin-top: 40px; }

.override.margin-top-lg, .margin-top-lg {
  margin-top: 60px; }

@media screen and (min-width: 481px) {
  .float-left,
  .rtf .float-left {
    float: left;
    margin-right: 15px;
    max-width: 50%; } }

@media screen and (min-width: 768px) {
  ul.two-col {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    flex-wrap: wrap; }
    ul.two-col > li {
      -webkit-box-flex: 0;
              flex: 0 0 auto;
      width: 50%;
      margin: 0 0 20px 0;
      padding-right: 20px; } }

.video-js {
  padding-bottom: 56.25%; }

.sd-video .video-js {
  padding-bottom: 75%; }

/*! styles/health-wellness/_hw-base.scss */
/* Rulesets prefixed with the class ".hw-all-articles" serve to differentiate
   similar but different styles between "hw-list-collections.scss"
   and "hw-all-articles.scss".

   Health & Wellness partials consist of rulesets pertaining to individual
   classes (i.e. ".hw-image-wrapper" or ".hw-text-wrapper", etc.).
 */
h3 {
  font-size: 26px;
  margin-top: 24px;
  font-weight: 400; }
  h3 i {
    background-repeat: no-repeat;
    display: inline-block;
    height: 40px;
    width: 50px;
    vertical-align: middle; }

main {
  display: block;
  font-size: 14px;
  width: 100%;
  margin: 0 auto 1rem; }

/* rich text area */
main .bolded {
  font-weight: bold; }

main .italicized {
  font-style: italic; }

main .centered {
  text-align: center; }

main .block-centered {
  margin-left: auto;
  margin-right: auto; }

main h1 {
  font-size: 36px;
  line-height: 1.15;
  color: #ed2939;
  font-weight: 300;
  margin-bottom: 18px; }
  main h1 + h2 {
    font-size: 20px;
    font-weight: bold; }

main figure {
  width: 100%; }
  main figure > img {
    width: 800px;
    max-width: 100%;
    margin: 0 auto; }
  main figure > figcaption {
    font-style: italic;
    font-size: 16px;
    color: #555;
    margin-top: 6px; }

main p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px; }
  main p + p {
    margin-bottom: 20px; }

main ul,
main ol {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 12px;
  margin-top: 24px; }

main ul li,
main ol li {
  margin-bottom: 12px; }

main ul {
  list-style-type: none; }
  main ul li {
    padding-left: 16px;
    position: relative; }
    main ul li::before {
      color: #ed2939;
      content: "\2022";
      top: -5px;
      left: 0;
      font-size: 24px;
      position: absolute; }

main ol {
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 1em; }

main div img .right,
main div img .float-right {
  padding-right: 0px;
  margin-left: 1rem;
  float: right;
  max-width: 50%; }

main div img .left,
main div img .float-left {
  padding-left: 0px;
  margin-right: 1rem;
  float: left;
  max-width: 50%; }

main div .float-right {
  padding-right: 0px;
  margin-left: 1rem;
  float: right;
  max-width: 50%; }

main div .float-left {
  padding-left: 0px;
  margin-right: 1rem;
  float: left;
  max-width: 50%; }

div.tags {
  font-weight: 500;
  margin-top: 24px;
  margin-bottom: 24px; }
  div.tags > p {
    margin-top: 24px;
    margin-bottom: 24px; }

ul.all-content {
  display: none; }

.border-callout {
  border-radius: 20px;
  border: 2px solid #62b4c5;
  padding: 15px;
  width: 100%;
  box-sizing: border-box; }

/*  override because Firefox does not inherit */
button, input {
  font-family: arial, sans-serif;
  line-height: 1.2;
  font-size: 16px; }

.hw-all-articles span.media-type > span {
  padding-left: 36px;
  vertical-align: middle;
  line-height: 22px; }

span.media-type > span {
  padding-left: 28px;
  line-height: 1;
  vertical-align: baseline; }

.override .margin-bottom-none {
  margin-bottom: 0; }

.override .margin-bottom-sm {
  margin-bottom: 20px; }

.override .margin-bottom-med {
  margin-bottom: 40px; }

.override .margin-bottom-lg {
  margin-bottom: 60px; }

.override .margin-top-none {
  margin-bottom: 0; }

.override .margin-top-sm {
  margin-bottom: 20px; }

.override .margin-top-med {
  margin-bottom: 40px; }

.override .margin-top-lg {
  margin-bottom: 60px; }

.margin-bottom-none {
  margin-bottom: 0; }

.margin-bottom-sm {
  margin-bottom: 20px; }

.margin-bottom-med {
  margin-bottom: 40px; }

.margin-bottom-lg {
  margin-bottom: 60px; }

.margin-top-none {
  margin-top: 0; }

.margin-top-sm {
  margin-top: 20px; }

.margin-top-med {
  margin-top: 40px; }

.margin-top-lg {
  margin-top: 60px; }

section.related.content a:hover {
  text-decoration: none; }
  section.related.content a:hover span.link-text {
    text-decoration: none; }
  section.related.content a:hover i > span,
  section.related.content a:hover span > span {
    color: #444444; }

#articles i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 256 224'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23414042;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earticle-icon%3C/title%3E%3Cpath class='a' d='M252,0H36a4,4,0,0,0-4,4V204a12,12,0,0,1-24,0V32a4,4,0,0,0-8,0V204a20,20,0,0,0,20,20H236a20,20,0,0,0,20-20V4A4,4,0,0,0,252,0Zm-4,204a12,12,0,0,1-12,12H36a19.9,19.9,0,0,0,4-12V8H248V204Z'/%3E%3Cpath class='a' d='M20,208a4,4,0,0,0,4-4V20a4,4,0,0,0-8,0V204A4,4,0,0,0,20,208Z'/%3E%3Cpath class='a' d='M60,152h64a4,4,0,0,0,4-4V76a4,4,0,0,0-4-4H60a4,4,0,0,0-4,4v72A4,4,0,0,0,60,152Zm4-72h56v64H64V80Z'/%3E%3Cpath class='a' d='M60,32H228a4,4,0,0,0,0-8H60A4,4,0,0,0,60,32Z'/%3E%3Cpath class='a' d='M60,56H228a4,4,0,0,0,0-8H60A4,4,0,0,0,60,56Z'/%3E%3Cpath class='a' d='M60,176H228a4,4,0,0,0,0-8H60A4,4,0,0,0,60,176Z'/%3E%3Cpath class='a' d='M228,72H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,72Z'/%3E%3Cpath class='a' d='M228,96H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,96Z'/%3E%3Cpath class='a' d='M228,120H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,120Z'/%3E%3Cpath class='a' d='M228,144H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,144Z'/%3E%3Cpath class='a' d='M228,192H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,192Z'/%3E%3C/svg%3E"); }

#videos i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 47.83 39.58'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;stroke:%23505050;stroke-linejoin:round;%7D.a%7Bstroke-width:1.83px;%7D.b%7Bstroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Evideo-icon%3C/title%3E%3Crect class='a' x='0.91' y='0.91' width='46' height='37.75'/%3E%3Cpolygon class='b' points='19.91 6.91 19.91 18.91 29.91 12.91 19.91 6.91'/%3E%3Cline class='b' x1='22.92' y1='29.91' x2='42.66' y2='29.91'/%3E%3Ccircle class='b' cx='17.92' cy='29.91' r='3'/%3E%3Cline class='b' x1='12.92' y1='29.91' x2='4.92' y2='29.91'/%3E%3C/svg%3E"); }

#infographics i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 367.67 336.34'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:15px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Einfographic-icon%3C/title%3E%3Cpath d='M138.74,135.28h0a60,60,0,1,1,22.93-4.58A59.83,59.83,0,0,1,138.74,135.28Zm0-104.34a44.34,44.34,0,1,0,41,27.38A44.06,44.06,0,0,0,138.69,30.93Z' transform='translate%287.5%29'/%3E%3Crect x='155.83' y='122.47' width='15.66' height='26.08' transform='translate%28-31.9 72.95%29 rotate%28-22.5%29'/%3E%3Crect x='105.94' y='2' width='15.66' height='26.08' transform='translate%2810.4 44.68%29 rotate%28-22.5%29'/%3E%3Crect x='100.72' y='127.68' width='26.08' height='15.66' transform='translate%28-47.48 188.74%29 rotate%28-67.49%29'/%3E%3Crect x='150.62' y='7.21' width='26.08' height='15.66' transform='translate%2894.62 160.48%29 rotate%28-67.49%29'/%3E%3Crect x='65.44' y='92.4' width='26.08' height='15.66' transform='translate%28-24.89 37.68%29 rotate%28-22.51%29'/%3E%3Crect x='185.91' y='42.5' width='26.08' height='15.66' transform='translate%283.39 79.99%29 rotate%28-22.51%29'/%3E%3Crect x='70.65' y='37.29' width='15.66' height='26.08' transform='translate%289.45 103.57%29 rotate%28-67.5%29'/%3E%3Crect x='191.12' y='87.18' width='15.66' height='26.08' transform='translate%2837.72 245.68%29 rotate%28-67.5%29'/%3E%3Cpath d='M229.9,218.64a44.36,44.36,0,1,1,44.36-44.36A44.41,44.41,0,0,1,229.9,218.64Zm0-73.06a28.7,28.7,0,1,0,28.7,28.71A28.74,28.74,0,0,0,229.9,145.58Z' transform='translate%287.5%29'/%3E%3Crect x='182.6' y='166.46' width='18.26' height='15.66'/%3E%3Crect x='273.93' y='166.46' width='18.27' height='15.66'/%3E%3Crect x='188.48' y='198.75' width='18.27' height='15.65' transform='translate%28-80.69 200.23%29 rotate%28-45%29'/%3E%3Crect x='253.05' y='134.17' width='18.27' height='15.65' transform='translate%28-16.12 226.97%29 rotate%28-45%29'/%3E%3Crect x='229.57' y='210.82' width='15.66' height='18.27'/%3E%3Crect x='229.57' y='119.49' width='15.66' height='18.26'/%3E%3Crect x='254.36' y='197.44' width='15.65' height='18.27' transform='translate%28-61.78 245.9%29 rotate%28-45%29'/%3E%3Crect x='189.78' y='132.87' width='15.65' height='18.27' transform='translate%28-35.03 181.32%29 rotate%28-45%29'/%3E%3Crect x='67.06' y='230.98' width='16' height='100.74'/%3E%3Crect x='139.06' y='190.84' width='16' height='140.88'/%3E%3Crect x='211.06' y='253.39' width='16' height='78.32'/%3E%3Crect x='283.06' y='238.72' width='16' height='93'/%3E%3Cpath class='a' d='M51.33,75.28H4a4,4,0,0,0-4,4V324.84a4,4,0,0,0,4,4H348.67a4,4,0,0,0,4-4V79.28a4,4,0,0,0-4-4h-123' transform='translate%287.5%29'/%3E%3C/svg%3E"); }

section.related.content figcaption > i.article,
section.related.content figcaption > span.article {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 256 224'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23414042;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Earticle-icon%3C/title%3E%3Cpath class='a' d='M252,0H36a4,4,0,0,0-4,4V204a12,12,0,0,1-24,0V32a4,4,0,0,0-8,0V204a20,20,0,0,0,20,20H236a20,20,0,0,0,20-20V4A4,4,0,0,0,252,0Zm-4,204a12,12,0,0,1-12,12H36a19.9,19.9,0,0,0,4-12V8H248V204Z'/%3E%3Cpath class='a' d='M20,208a4,4,0,0,0,4-4V20a4,4,0,0,0-8,0V204A4,4,0,0,0,20,208Z'/%3E%3Cpath class='a' d='M60,152h64a4,4,0,0,0,4-4V76a4,4,0,0,0-4-4H60a4,4,0,0,0-4,4v72A4,4,0,0,0,60,152Zm4-72h56v64H64V80Z'/%3E%3Cpath class='a' d='M60,32H228a4,4,0,0,0,0-8H60A4,4,0,0,0,60,32Z'/%3E%3Cpath class='a' d='M60,56H228a4,4,0,0,0,0-8H60A4,4,0,0,0,60,56Z'/%3E%3Cpath class='a' d='M60,176H228a4,4,0,0,0,0-8H60A4,4,0,0,0,60,176Z'/%3E%3Cpath class='a' d='M228,72H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,72Z'/%3E%3Cpath class='a' d='M228,96H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,96Z'/%3E%3Cpath class='a' d='M228,120H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,120Z'/%3E%3Cpath class='a' d='M228,144H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,144Z'/%3E%3Cpath class='a' d='M228,192H148a4,4,0,0,0,0,8h80A4,4,0,0,0,228,192Z'/%3E%3C/svg%3E"); }

section.related.content figcaption > i.video,
section.related.content figcaption > span.video {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 47.83 39.58'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;stroke:%23505050;stroke-linejoin:round;%7D.a%7Bstroke-width:1.83px;%7D.b%7Bstroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Evideo-icon%3C/title%3E%3Crect class='a' x='0.91' y='0.91' width='46' height='37.75'/%3E%3Cpolygon class='b' points='19.91 6.91 19.91 18.91 29.91 12.91 19.91 6.91'/%3E%3Cline class='b' x1='22.92' y1='29.91' x2='42.66' y2='29.91'/%3E%3Ccircle class='b' cx='17.92' cy='29.91' r='3'/%3E%3Cline class='b' x1='12.92' y1='29.91' x2='4.92' y2='29.91'/%3E%3C/svg%3E"); }

section.related.content figcaption > i.infographic,
section.related.content figcaption > span.infographic {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 367.67 336.34'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:15px;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Einfographic-icon%3C/title%3E%3Cpath d='M138.74,135.28h0a60,60,0,1,1,22.93-4.58A59.83,59.83,0,0,1,138.74,135.28Zm0-104.34a44.34,44.34,0,1,0,41,27.38A44.06,44.06,0,0,0,138.69,30.93Z' transform='translate%287.5%29'/%3E%3Crect x='155.83' y='122.47' width='15.66' height='26.08' transform='translate%28-31.9 72.95%29 rotate%28-22.5%29'/%3E%3Crect x='105.94' y='2' width='15.66' height='26.08' transform='translate%2810.4 44.68%29 rotate%28-22.5%29'/%3E%3Crect x='100.72' y='127.68' width='26.08' height='15.66' transform='translate%28-47.48 188.74%29 rotate%28-67.49%29'/%3E%3Crect x='150.62' y='7.21' width='26.08' height='15.66' transform='translate%2894.62 160.48%29 rotate%28-67.49%29'/%3E%3Crect x='65.44' y='92.4' width='26.08' height='15.66' transform='translate%28-24.89 37.68%29 rotate%28-22.51%29'/%3E%3Crect x='185.91' y='42.5' width='26.08' height='15.66' transform='translate%283.39 79.99%29 rotate%28-22.51%29'/%3E%3Crect x='70.65' y='37.29' width='15.66' height='26.08' transform='translate%289.45 103.57%29 rotate%28-67.5%29'/%3E%3Crect x='191.12' y='87.18' width='15.66' height='26.08' transform='translate%2837.72 245.68%29 rotate%28-67.5%29'/%3E%3Cpath d='M229.9,218.64a44.36,44.36,0,1,1,44.36-44.36A44.41,44.41,0,0,1,229.9,218.64Zm0-73.06a28.7,28.7,0,1,0,28.7,28.71A28.74,28.74,0,0,0,229.9,145.58Z' transform='translate%287.5%29'/%3E%3Crect x='182.6' y='166.46' width='18.26' height='15.66'/%3E%3Crect x='273.93' y='166.46' width='18.27' height='15.66'/%3E%3Crect x='188.48' y='198.75' width='18.27' height='15.65' transform='translate%28-80.69 200.23%29 rotate%28-45%29'/%3E%3Crect x='253.05' y='134.17' width='18.27' height='15.65' transform='translate%28-16.12 226.97%29 rotate%28-45%29'/%3E%3Crect x='229.57' y='210.82' width='15.66' height='18.27'/%3E%3Crect x='229.57' y='119.49' width='15.66' height='18.26'/%3E%3Crect x='254.36' y='197.44' width='15.65' height='18.27' transform='translate%28-61.78 245.9%29 rotate%28-45%29'/%3E%3Crect x='189.78' y='132.87' width='15.65' height='18.27' transform='translate%28-35.03 181.32%29 rotate%28-45%29'/%3E%3Crect x='67.06' y='230.98' width='16' height='100.74'/%3E%3Crect x='139.06' y='190.84' width='16' height='140.88'/%3E%3Crect x='211.06' y='253.39' width='16' height='78.32'/%3E%3Crect x='283.06' y='238.72' width='16' height='93'/%3E%3Cpath class='a' d='M51.33,75.28H4a4,4,0,0,0-4,4V324.84a4,4,0,0,0,4,4H348.67a4,4,0,0,0,4-4V79.28a4,4,0,0,0-4-4h-123' transform='translate%287.5%29'/%3E%3C/svg%3E"); }

@media print {
  nav.breadcrumbs {
    display: none; } }

@media screen and (max-width: 550px) {
  main div img.right,
  main div img.float-right,
  main div img.left,
  main div img.float-left {
    float: none;
    display: block;
    margin: 0 auto;
    padding: 15px;
    max-width: 100%; }
  main div .float-right,
  main div .float-left {
    float: none;
    display: block;
    margin: 0 auto;
    padding: 15px;
    max-width: 100%; } }

@media screen and (min-width: 768px) {
  h3 {
    font-size: 28px; }
  main {
    width: 70%;
    max-width: 800px; }
  /* rich text area */
  main ul,
  main ol {
    line-height: 1.5;
    margin-bottom: 30px; }
  .hw-all-articles div#no-results {
    width: auto;
    overflow: auto;
    padding-left: 24px; } }

@media screen and (min-width: 960px) {
  .hw-all-articles span.media-type > span {
    padding-left: 40px;
    line-height: 26px; } }

/*! styles/health-wellness/_hw-article-container.scss */
#hw-article-container {
  color: #444444;
  font-family: arial, sans-serif;
  margin: 16px auto;
  width: 96%; }
  #hw-article-container a {
    color: #6629b7; }
    #hw-article-container a:hover {
      color: #6629b7; }
    #hw-article-container a figcaption span.link-text:hover {
      text-decoration: underline; }
  #hw-article-container section.related.departments h3 > a {
    color: #6629b7;
    font-size: 18px; }
  #hw-article-container .tags a {
    background-color: #efefef;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: #6629b7;
    display: inline-block;
    margin: 4px 3px;
    padding: 4px 8px; }
    #hw-article-container .tags a:hover {
      background-color: #d3d3d3;
      text-decoration: none; }
  #hw-article-container div.brand-box.tertiary {
    background-color: #62b4c5;
    padding: 22px;
    color: #ffffff;
    min-height: 204px; }
    #hw-article-container div.brand-box.tertiary audio {
      background-color: #62b4c5; }
    #hw-article-container div.brand-box.tertiary audio::-webkit-media-controls-panel {
      background-color: white; }
    #hw-article-container div.brand-box.tertiary a.btn.cta {
      color: #ffffff; }
    #hw-article-container div.brand-box.tertiary a.btn.cta.secondary {
      color: #6629b7; }
    #hw-article-container div.brand-box.tertiary img {
      border: 1px solid #D8D8D8;
      border-radius: 20px; }

nav.breadcrumbs {
  border-bottom: none;
  display: block;
  font-size: 14px;
  margin: 14px auto;
  max-width: 1215px;
  padding-bottom: 0;
  width: 96%; }
  nav.breadcrumbs span.current-content {
    display: none; }

nav.breadcrumbs a {
  color: #6629b7; }

.content-primary-social .content-primary-social-links button {
  height: 24px; }

#hw-article-container section.related.departments h3 > a:hover {
  color: #7648b3; }

@media screen and (min-width: 768px) {
  #hw-article-container {
    max-width: 1215px; }
    #hw-article-container main {
      width: 100%; }
    #hw-article-container aside.right-sidebar {
      display: -webkit-box;
      display: flex;
      width: 100%; }
      #hw-article-container aside.right-sidebar section.related {
        -webkit-box-flex: 1;
                flex: 1; }
  nav.breadcrumbs {
    font-size: 14px; }
    nav.breadcrumbs span.current-content {
      display: inline; } }

@media screen and (min-width: 960px) {
  #hw-article-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between; }
    #hw-article-container main {
      margin-left: 0;
      margin-right: auto;
      max-width: 800px;
      width: 70%; }
    #hw-article-container aside.right-sidebar {
      display: block;
      max-width: 350px;
      width: 28%; }
    #hw-article-container section.related.content {
      -webkit-box-flex: 0;
              flex: none;
      margin-left: 0;
      margin-top: 40px; }
  nav.breadcrumbs {
    font-size: 14px; }
    nav.breadcrumbs span.current-content {
      display: inline; } }

/*! styles/health-wellness/_hw-breadcrumbs.scss */
p.hw-breadcrumbs {
  display: block;
  padding: 1rem 2%; }

blockquote.tweet-pull-quote {
  border-bottom: 2px solid #62b4c5;
  border-top: 2px solid #62b4c5;
  font-size: 24px;
  font-style: italic;
  line-height: 1.25;
  margin: 42px auto;
  padding: 50px 20px 24px;
  position: relative;
  width: 95%; }
  blockquote.tweet-pull-quote p {
    margin-top: 0; }
  blockquote.tweet-pull-quote .click-to-tweet-link-wrapper {
    text-align: right; }

blockquote.tweet-pull-quote::before {
  background-color: #ffffff;
  color: #62b4c5;
  content: "\f099";
  display: block;
  font-family: FontAwesome;
  font-size: 54px;
  font-style: normal;
  left: calc(50% - 25px);
  padding-left: 10px;
  padding-right: 5px;
  position: absolute;
  right: auto;
  text-align: center;
  top: -30px; }

#hw-article-container .tweet-pull-quote a {
  color: #62b4c5;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  text-decoration: none; }
  #hw-article-container .tweet-pull-quote a span {
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  #hw-article-container .tweet-pull-quote a:hover span, #hw-article-container .tweet-pull-quote a:focus span {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  #hw-article-container .tweet-pull-quote a span.fa-angle-right {
    padding-left: 0.3rem; }

.no-touch #hw-article-container .tweet-pull-quote a:hover,
.no-touch #hw-article-container .tweet-pull-quote a:focus, main#hw-article-container .tweet-pull-quote a:hover,
main#hw-article-container .tweet-pull-quote a:focus {
  color: #62b4c5; }

@media screen and (min-width: 480px) {
  blockquote.tweet-pull-quote {
    width: 100%; } }

blockquote.quotation,
blockquote.statistic {
  border-top: 2px solid #ed2939;
  border-bottom: 2px solid #ed2939;
  margin: 30px auto;
  font-size: 24px;
  font-style: italic;
  line-height: 1.25;
  padding: 30px 20px;
  position: relative;
  width: 95%; }
  .right-sidebar blockquote.quotation, .right-sidebar
  blockquote.statistic {
    margin-top: 60px;
    margin-bottom: 60px; }

blockquote.quotation::before,
blockquote.quotation::after {
  content: "\f10d";
  font-family: FontAwesome;
  text-align: center;
  padding-right: 5px;
  color: #ed2939;
  display: block;
  background-color: #ffffff;
  width: 50px;
  height: 30px;
  position: absolute;
  top: -15px;
  left: 47%;
  left: calc(50% - 25px);
  right: auto; }

blockquote.quotation::after {
  content: "\f10e";
  top: auto;
  bottom: -18px;
  left: 46%;
  left: calc(50% - 25px); }

blockquote footer {
  margin-top: 10px;
  text-align: left; }

blockquote footer cite.author::before {
  content: "\2014";
  padding-right: 2px; }

blockquote footer cite.author {
  color: #ed2939;
  font-size: 13px;
  font-style: normal;
  font-weight: bold; }

@media screen and (min-width: 480px) {
  blockquote.quotation,
  blockquote.statistic {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .right-sidebar blockquote.quotation, .right-sidebar
  blockquote.statistic {
    width: 100%; } }

/*! styles/health-wellness/_hw-right-sidebar.scss */
.right-sidebar .related figure {
  margin-bottom: 2rem; }
  .right-sidebar .related figure img {
    margin-bottom: 0; }

.right-sidebar .related figcaption {
  padding-bottom: 0; }
  .right-sidebar .related figcaption > span.link-text {
    color: #6629b7; }

.right-sidebar section.related {
  padding: 1rem;
  background-color: #f4f3f2;
  border-top: 4px solid #444444;
  border-bottom: 1px solid #ebeae8;
  margin-bottom: 26px;
  font-size: 16px;
  color: #444444; }
  .right-sidebar section.related h2,
  .right-sidebar section.related p {
    margin-bottom: 24px;
    line-height: 1; }
  .right-sidebar section.related h3 {
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 18px; }
  .right-sidebar section.related p {
    line-height: 1.4; }

.right-sidebar section.related.departments {
  border-top-color: #6629b7; }
  .right-sidebar section.related.departments h2 {
    color: #6629b7;
    font-weight: 600;
    font-size: 20px; }

.right-sidebar section.related.content {
  border-top-color: #004a97; }
  .right-sidebar section.related.content h2 {
    color: #004a97;
    font-weight: 600;
    font-size: 20px; }
  .right-sidebar section.related.content h3 {
    color: #004a97;
    font-size: 18px; }
  .right-sidebar section.related.content figcaption {
    font-size: 18px;
    line-height: 1.4; }
  .right-sidebar section.related.content figcaption > i,
  .right-sidebar section.related.content figcaption > span:first-child {
    background-repeat: no-repeat;
    display: block;
    height: 22px;
    width: 22px;
    margin-bottom: 0.25rem; }
  .right-sidebar section.related.content figcaption > i > span,
  .right-sidebar section.related.content figcaption > span > span {
    padding-left: 31px;
    color: #444444;
    font-size: 16px; }

.right-sidebar #hw-related-content {
  margin: 0 auto;
  max-width: 525px; }

@media screen and (min-width: 768px) {
  section.related.content {
    margin-left: 2rem;
    margin-top: 0; } }

@media screen and (min-width: 960px) {
  .right-sidebar #hw-related-content {
    margin: 0;
    width: 100%; }
  .right-sidebar section.related.content {
    -webkit-box-flex: 0;
            flex: 0 0 33%;
    margin-top: 0; } }

/*! styles/health-wellness/_hw-to-top-scroller.scss */
/* Rulesets prefixed with the class ".hw-all-articles" serve to differentiate
   similar but different styles between "hw-list-collections.scss"
   and "hw-all-articles.scss".

   Health & Wellness partials consist of rulesets pertaining to individual
   classes (i.e. ".hw-image-wrapper" or ".hw-text-wrapper", etc.).
 */
div.hw-to-top-scroller {
  right: 16px;
  bottom: 8px;
  text-align: center;
  margin-bottom: 12px; }
  div.hw-to-top-scroller.floating {
    position: fixed; }

.hw-all-articles .hw-to-top-scroller span.fa {
  display: block;
  width: 40px;
  line-height: 40px;
  color: #ffffff;
  background-color: #62b4c5;
  border-radius: 8px;
  margin: 0 auto; }

.hw-all-articles .hw-to-top-scroller span.fa + span {
  color: #62b4c5;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  width: 40px; }

.hw-to-top-scroller i {
  display: block;
  width: 40px;
  line-height: 40px;
  color: #ffffff;
  background-color: #62b4c5;
  border-radius: 8px;
  margin: 0 auto; }

.hw-to-top-scroller span {
  color: #62b4c5;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  width: 40px; }

.hw-to-top-scroller span:first-child {
  display: block;
  width: 40px;
  line-height: 40px;
  color: white;
  background-color: #62B4C5;
  border-radius: 8px;
  margin: 0 auto; }

.hw-to-top-scroller:hover {
  cursor: pointer; }
  .hw-to-top-scroller:hover i.fa.fa-angle-up {
    box-shadow: 0 0 2px #444444;
    background-color: #3e96a8; }
  .hw-to-top-scroller:hover span {
    color: #3e96a8; }

@media screen and (min-width: 480px) {
  div.hw-to-top-scroller {
    position: absolute;
    margin-bottom: 0; }
    div.hw-to-top-scroller.floating {
      position: fixed; } }

.player-controls {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  color: #444444;
  padding: 10px;
  background-color: #ffffff;
  border-radius: 30px; }

#playAudio, #downloadAudio, #muteAudio {
  outline: none;
  cursor: pointer;
  border: none;
  height: 30px;
  color: #6629b7;
  background: none;
  padding: 3px; }

#playAudio:hover, #downloadAudio:hover, #percentage:hover, #muteAudio:hover {
  color: #7648b3; }

#playAudio {
  width: 18px; }

#muteAudio {
  width: 30px; }

#currentTime, #totalTime {
  padding: 0 5px; }

#downloadAudio::after {
  content: none; }

#downloadAudio {
  font-size: 16px;
  width: auto;
  height: auto;
  padding: 0 10px; }

#downloadAudio:hover {
  color: #7648b3; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .slider {
    -webkit-appearance: none;
    width: 40px;
    background: -webkit-gradient(linear, left top, right top, from(#6629b7), color-stop(50%, #6629b7), color-stop(50%, #e3e3e3), to(#e3e3e3));
    background: linear-gradient(to right, #6629b7 0%, #6629b7 50%, #e3e3e3 50%, #e3e3e3 100%);
    height: 5px;
    border-radius: 15px; }
  #seekSlider {
    background: #e3e3e3; }
  #seekContainer, #volumeContainer {
    margin-top: -4.5px; }
  .slider::-webkit-slider-runnable-track {
    height: 5px;
    -webkit-appearance: none;
    cursor: pointer; }
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -2.5px;
    width: 10px;
    height: 10px;
    border: none;
    cursor: pointer;
    background: #6629b7;
    border-radius: 15px; }
  .slider-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center; } }

/** FF*/
.slider::-moz-range-progress {
  background-color: #6629b7;
  height: 5px;
  border-radius: 15px; }

.slider::-moz-range-track {
  background-color: #e3e3e3; }

.slider::-moz-range-thumb {
  background-color: #6629b7;
  border: none;
  height: 10px;
  border-radius: 15px;
  width: 10px; }

/* IE*/
.slider::-ms-fill-lower {
  background-color: #6629b7; }

.slider::-ms-fill-upper {
  background-color: #e3e3e3; }

@media screen and (min-width: 768px) {
  .audio-player {
    width: 500px; }
  .player-controls {
    padding: 10px 15px; }
  #seekSlider {
    width: 100px; }
  #playAudio, #downloadAudio, #muteAudio {
    padding: 5px; } }

@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) {
  .slider {
    width: 80px; } }

@media screen and (min-width: 960px) {
  #seekSlider {
    width: 100px; } }

@media screen and (min-width: 1051px) {
  .audio-player {
    width: 520px; }
  #seekSlider {
    width: 180px; } }

#hw-article-container ul, #hw-article-container ol {
  margin-left: 1.25rem; }