/* Hip Replacement HT Custom CSS */
.hip-state-img {
  max-width: 400px;
  margin: 0 0 20px 0;
}

.hip-subsection-header {
  width: 70%;
}

.hip-text-section {
  display: block;
  overflow: hidden;
}

.exercises-instructions-section {
  width: 65%;
  float: left;
}

.hip-img-section {
  max-width: 30%;
  float: left;
}

.hip-img-section-2 {
  max-width: 230px;
  float: left;
  margin: 0 30px 0 0;
}

.hip-text-section img {
  margin: 25px 30px 5px 0;
  max-width: 230px;
}

.hip-img-section img {
  width: 100%;
  max-width: 200px;
  height:auto;
  margin:0 0 0 5%;
}

.bathtub-img {
  max-width: 30%;
}

.side-by-side-images {
  width: 100%;
  margin: 0 0 20px 0;
}

.side-by-side-images img {
  margin: 0 auto;
  width: 30%;
}

/* HT Grid */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

/* GLOBAL OVERRIDES*/
/* LAYOUT - ROWS */
.row {
  max-width: 62.5rem;
  /* 62.5rem = 1000px */
  margin-left: auto;
  margin-right: auto;
}

.row::before, .row::after {
  content: ' ';
  display: table;
  flex-basis: 0;
  order: 1;
}

.row::after {
  clear: both;
}

.row.collapse>.column, .row.collapse>.columns {
  padding-left: 0;
  padding-right: 0;
}

.row .row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.row .row.collapse {
  margin-left: 0;
  margin-right: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-left: auto;
  margin-right: auto;
}

/* LAYOUT - COLUMN WRAP */
.column, .columns {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* LAYOUT - INDIVIDUAL COLUMNS */
.ht-col-1 {
  width: 8.33333%;
}

.ht-col-2 {
  width: 16.66667%;
}

.ht-col-3 {
  width: 25%;
}

.ht-col-4 {
  width: 33.33333%;
}

.ht-col-5 {
  width: 41.66667%;
}

.ht-col-6 {
  width: 50%;
}

.ht-col-7 {
  width: 58.33333%;
}

.ht-col-8 {
  width: 66.66667%;
}

.ht-col-9 {
  width: 75%;
}

.ht-col-10 {
  width: 83.33333%;
}

.ht-col-11 {
  width: 91.66667%;
}

.ht-col-12 {
  width: 100%;
}

@media handheld, only screen and (max-width: 768px) {
  .ht-col-1 {
    width: 100%;
  }

  .ht-col-2 {
    width: 100%;
  }

  .ht-col-3 {
    width: 100%;
  }

  .ht-col-4 {
    width: 100%;
  }

  .ht-col-5 {
    width: 100%;
  }

  .ht-col-6 {
    width: 100%;
  }

  .ht-col-7 {
    width: 100%;
  }

  .ht-col-8 {
    width: 100%;
  }

  .ht-col-9 {
    width: 100%;
  }

  .ht-col-10 {
    width: 100%;
  }

  .ht-col-11 {
    width: 100%;
  }

  .ht-col-12 {
    width: 100%;
  }

  .hip-state-img {
    max-width: 80%;
  }

  .hip-subsection-header {
    width: 60%;
  }
  
  .exercises-instructions-section {
    width: 50%;
  }

  .hip-text-section img{
    max-width: 180px;
  }
  
  .hip-img-section {
    max-width: 40%;
    margin: 0 0 0 25px;
  }

  .hip-img-section img {
    max-width: 100%;
    margin: 10px 0 0 0;
  }

  .hip-img-section-2 {
    max-width: 180px;
  }
}

@media handheld, only screen and (max-width: 640px) {
  .hip-state-img {
    max-width: 100%;
  }

  .hip-subsection-header {
    width: 100%;
  }
  
  .exercises-instructions-section {
    width: 100%;
  }
  
  .hip-img-section {
    max-width: 70%;
    margin: 0 0 25px 25px;
  }

  .hip-img-section-2 {
    max-width: 100%;
    margin: 0;
    float: none;
  }

  .hip-img-section-2 img {
    margin: 0 auto;
  }

  .side-by-side-images {
    max-width: 70%;
    margin: 0 0 25px 25px;
  }
  
  .side-by-side-images img {
    width: 100%;
    margin: 0 0 25px 0;
  }

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

/* FILE ICONS */
a[href$=".txt"]:after,
a.mha-ht-link-text[href]:after {
  content: "\00a0\f0f6";
  /*Text*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a[href$=".pdf"]:after,
a.mha-ht-link-pdf[href]:after {
  content: "\00a0\f1c1";
  /*PDF*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a.mha-ht-link-ext[href]:after {
  content: "\00a0\f08e";
  /*External*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a[href^=tel]:after,
a.mha-ht-link-tel[href]:after {
  content: "\00a0\f098";
  /*TEL*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a[href$=".doc"]:after,
a[href$=".docx"]:after,
a.mha-ht-link-word[href]:after {
  content: "\00a0\f1c2";
  /*Word*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a[href$=".xls"]:after,
a[href$=".xlsx"]:after,
a.mha-ht-link-excel[href]:after {
  content: "\00a0\f1c3";
  /*Excel*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a[href$=".ppt"]:after,
a[href$=".pptx"]:after,
a.mha-ht-link-powerpoint[href]:after {
  content: "\00a0\f1c4";
  /*Powerpoint*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a[href$=".gif"]:after,
a[href$=".jpg"]:after,
a[href$=".jpeg"]:after,
a[href$=".png"]:after,
a[href$=".bmp"]:after,
a[href$=".tif"]:after,
a.mha-ht-link-image[href]:after {
  content: "\00a0\f1c5";
  /*Image*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a[href$=".zip"]:after,
a[href$=".zipx"]:after,
a[href$=".rar"]:after,
a[href$=".tar"]:after,
a[href$=".gz"]:after,
a[href$=".dmg"]:after,
a[href$=".iso"]:after,
a.mha-ht-link-archive[href]:after {
  content: "\00a0\f1c6";
  /*Archive*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a[href$=".wav"]:after,
a[href$=".mp3"]:after,
a[href$=".fla"]:after,
a[href$=".flac"]:after,
a[href$=".ra"]:after,
a[href$=".rma"]:after,
a[href$=".aif"]:after,
a[href$=".aiff"]:after,
a[href$=".aa"]:after,
a[href$=".aac"]:after,
a[href$=".aax"]:after,
a[href$=".ac3"]:after,
a[href$=".au"]:after,
a[href$=".ogg"]:after,
a[href$=".avr"]:after,
a[href$=".3ga"]:after,
a[href$=".flac"]:after,
a[href$=".mid"]:after,
a[href$=".midi"]:after,
a[href$=".m4a"]:after,
a[href$=".mp4a"]:after,
a[href$=".amz"]:after,
a[href$=".mka"]:after,
a[href$=".asx"]:after,
a[href$=".pcm"]:after,
a[href$=".m3u"]:after,
a[href$=".wma"]:after,
a[href$=".xwma"]:after,
a.mha-ht-link-audio[href]:after {
  content: "\00a0\f1c7";
  /*Audio*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

a[href$=".avi"]:after,
a[href$=".mpg"]:after,
a[href$=".mp4"]:after,
a[href$=".mkv"]:after,
a[href$=".mov"]:after,
a[href$=".wmv"]:after,
a[href$=".vp6"]:after,
a[href$=".264"]:after,
a[href$=".vid"]:after,
a[href$=".rv"]:after,
a[href$=".webm"]:after,
a[href$=".swf"]:after,
a[href$=".h264"]:after,
a[href$=".flv"]:after,
a[href$=".mk3d"]:after,
a[href$=".gifv"]:after,
a[href$=".oggv"]:after,
a[href$=".3gp"]:after,
a[href$=".m4v"]:after,
a[href$=".movie"]:after,
a[href$=".divx"]:after,
a.mha-ht-link-video[href]:after {
  content: "\00a0\f1c8";
  /*Video*/
  display: inline-block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 20px;
  text-align: right;
  background: none;
  text-decoration: none;
}

/* FILE ICONS */
/* Health Topics CSS */
.mha-topic-section h3,
.mha-quote,
.mha-topic-nav .mha-nav-start>a,
.mha-layout-topic-content .mha-topic-utility ul li a,
.mha-topic-sections.mha-type1 .mha-block a:after,
.mha-topic-sections.mha-type3 .mha-block a:after,
.mha-layout-topic-landing .mha-promo-txt:after {
  color: #6A4B35;
}

.mha-layout-topic-landing a.mha-btn,
.mha-layout-topic-content a.mha-btn,
.mha-layout-topic-landing .mha-promo-hdr,
.mha-topic-related-hdr,
.mha-layout-topic-landing .mha-topic-utility ul>li>a {
  background: #6A4B35;
}

.mha-layout-topic-content .mha-topic-utility ul,
.mha-layout-topic-content img.mha-fl-right,
.mha-topic-sections .mha-img-wrap {
  border-color: #6A4B35;
}

.mha-topic-sections .mha-img-wrap {
  border: solid 1px #6A4B35;
}

/* Landing Pages */
.mha-ht-pagetitle h1 {
  font-size: 1.8em;
  padding-left: 18px;
  padding-bottom: 10px;
}

.mha-topic-banner {
  border: solid 1px #6A4B35;
}

.mha-topic-banner .mha-carousels .caption {
  bottom: 10px;
  padding: 10px 10px 4px;
}

.mha-layout-topic-landing .mha-promo-txt,
.mha-topic-sections.mha-type2,
.mha-topic-sections.mha-type3 .mha-descr {
  background: #EDEAE9;
}

.mha-layout-topic-landing .mha-promo-txt:after {
  text-align: right;
}

.mha-ht-ems-hdr {
  margin-bottom: 20px;
}

.mha-ht-ems-hdr img,
.mha-ht-24-7-hdr img {
  display: block;
}

.mha-ht-quiz-row {
  margin: 20px 0;
}

.mha-topic-banner .mha-carousels .caption,
.mha-topic-sections.mha-type2 .mha-block>a {
  background: #BBD366;
}

/* Section Block - Type 2 */
.mha-topic-sections.mha-type2 .mha-block>a>span {
  background: url('/healthtopics/palliative-care/siteassets/section-icons-sprite.png') no-repeat 0 0;
}

/* What Is Palliative */
.mha-topic-sections.mha-type2.mha-custom-2-1 .mha-block.mha-item1 a>span {
  background-position: 0 -180px;
}

.mha-topic-sections.mha-type2.mha-custom-2-1 .mha-block.mha-item2 a>span {
  background-position: -120px -120px;
}

.mha-topic-sections.mha-type2.mha-custom-2-1 .mha-block.mha-item3 a>span {
  background-position: 0 -60px;
}

/* Helpful Resources */
.mha-topic-sections.mha-type2.mha-custom-2-2 .mha-block.mha-item1 a>span {
  background-position: 0 0;
}

.mha-topic-sections.mha-type2.mha-custom-2-2 .mha-block.mha-item2 a>span {
  background-position: 0 -120px;
}

.mha-topic-sections.mha-type2.mha-custom-2-2 .mha-block.mha-item3 a>span {
  background-position: -60px -60px;
}

/* Child and Youth */
.mha-topic-sections.mha-type2.mha-custom-2-3 .mha-block.mha-item1 a>span {
  background-position: -120px -60px;
}

.mha-topic-sections.mha-type2.mha-custom-2-3 .mha-block.mha-item2 a>span {
  background-position: -60px -120px;
}

.mha-topic-sections.mha-type2.mha-custom-2-3 .mha-block.mha-item3 a>span {
  background-position: -120px 0;
}

/* Health Professionals */
.mha-topic-sections.mha-type2.mha-custom-2-4 .mha-block.mha-item1 a>span {
  background-position: -60px -0;
}

.mha-topic-sections.mha-type2.mha-custom-2-4 .mha-block.mha-item2 a>span {
  background-position: -60px -180px;
}

/* REMOVE once common.css in main solution updated */
.mha-topic-banner .mha-carousels .caption {
  width: auto;
  min-width: 50%;
}

.mha-column-nav .mha-topic-logo img {
  margin: auto;
  display: block;
}

.mha-topic-section>h3 {
  margin-top: 16px;
}

.mha-topic-section>h3:first-child {
  margin-top: 0;
}

/* YOUTH MENTAL HEALTH CSS */
.ymh-topic-section h3,
.ymh-quote,
.ymh-topic-nav .ymh-nav-start>a,
.ymh-layout-topic-content .ymh-topic-utility ul li a,
.ymh-topic-sections.ymh-type1 .ymh-block a:after,
.ymh-topic-sections.ymh-type3 .ymh-block a:after,
.ymh-layout-topic-landing .ymh-promo-txt:after {
  color: #6A4B35;
}

.ymh-layout-topic-landing a.ymh-btn,
.ymh-layout-topic-content a.ymh-btn,
.ymh-layout-topic-landing .ymh-promo-hdr,
.ymh-topic-related-hdr,
.ymh-layout-topic-landing .ymh-topic-utility ul>li>a {
  background: #6A4B35;
}

.ymh-layout-topic-content .ymh-topic-utility ul,
.ymh-layout-topic-content img.ymh-fl-right,
.ymh-topic-sections .ymh-img-wrap {
  border-color: #6A4B35;
}

.ymh-topic-sections .ymh-img-wrap {
  border: solid 1px #6A4B35;
}

/* Landing Pages */
.ymh-topic-banner {
  border: solid 1px #6A4B35;
}

.ymh-topic-banner .ymh-carousels .caption {
  bottom: 10px;
  padding: 10px 10px 4px;
}

.ymh-layout-topic-landing .ymh-promo-txt,
.ymh-topic-sections.ymh-type2,
.ymh-topic-sections.ymh-type3 .ymh-descr {
  background: #EDEAE9;
}

.ymh-layout-topic-landing .ymh-promo-txt:after {
  text-align: right;
}

.ymh-ht-ems-hdr {
  margin-bottom: 20px;
}

.ymh-ht-ems-hdr img,
.ymh-ht-24-7-hdr img {
  display: block;
}

.ymh-ht-quiz-row {
  margin: 20px 0;
}

.ymh-topic-banner .ymh-carousels .caption,
.ymh-topic-sections.ymh-type2 .ymh-block>a {
  background: #BBD366;
}

/* Section Block - Type 2 */
.ymh-topic-sections.ymh-type2 .ymh-block>a>span {
  background: url('/healthtopics/palliative-care/siteassets/section-icons-sprite.png') no-repeat 0 0;
}

/* What Is Palliative */
.ymh-topic-sections.ymh-type2.ymh-custom-2-1 .ymh-block.ymh-item1 a>span {
  background-position: 0 -180px;
}

.ymh-topic-sections.ymh-type2.ymh-custom-2-1 .ymh-block.ymh-item2 a>span {
  background-position: -120px -120px;
}

.ymh-topic-sections.ymh-type2.ymh-custom-2-1 .ymh-block.ymh-item3 a>span {
  background-position: 0 -60px;
}

/* Helpful Resources */
.ymh-topic-sections.ymh-type2.ymh-custom-2-2 .ymh-block.ymh-item1 a>span {
  background-position: 0 0;
}

.ymh-topic-sections.ymh-type2.ymh-custom-2-2 .ymh-block.ymh-item2 a>span {
  background-position: 0 -120px;
}

.ymh-topic-sections.ymh-type2.ymh-custom-2-2 .ymh-block.ymh-item3 a>span {
  background-position: -60px -60px;
}

/* Child and Youth */
.ymh-topic-sections.ymh-type2.ymh-custom-2-3 .ymh-block.ymh-item1 a>span {
  background-position: -120px -60px;
}

.ymh-topic-sections.ymh-type2.ymh-custom-2-3 .ymh-block.ymh-item2 a>span {
  background-position: -60px -120px;
}

.ymh-topic-sections.ymh-type2.ymh-custom-2-3 .ymh-block.ymh-item3 a>span {
  background-position: -120px 0;
}

/* Health Professionals */
.ymh-topic-sections.ymh-type2.ymh-custom-2-4 .ymh-block.ymh-item1 a>span {
  background-position: -60px -0;
}

.ymh-topic-sections.ymh-type2.ymh-custom-2-4 .ymh-block.ymh-item2 a>span {
  background-position: -60px -180px;
}

/* REMOVE once common.css in main solution updated */
#3LevelNavigationBlock ul {
  margin-top: 30px;
}

.ymh-topic-banner .ymh-carousels .caption {
  width: auto;
  min-width: 50%;
}

.mha-column-nav .ymh-topic-logo img {
  margin: auto;
  display: block;
}

.ymh-topic-section>h3 {
  margin-top: 16px;
}

.ymh-topic-section>h3:first-child {
  margin-top: 0;
}

.ymh-topic-nav li {
  background-image: none;
  border-top: 1px solid #B2B2B2;
  padding: 0px;
  min-height: 32px;
}

ul.ymh-nav-current li.ymh-nav-l1.ymh-nav-include.last {
  border-bottom: 1px solid #B2B2B2;
}

.ymh-topic-nav a {
  text-decoration: none;
}

li.ymh-nav-l0 {
  display: none;
}

li.ymh-nav-l1.ymh-nav-closed {
  background: #FFFFFF;
}

li.ymh-nav-l1.ymh-nav-current {
  background: #0a4766;
}

li.ymh-nav-l2 {
  /*text-indent: 10px;*/
}

li.ymh-nav-l2.ymh-nav-closed {
  /*background: #93D7F7;*/
  background: #c7e7f7;
}

li.ymh-nav-l1.ymh-nav-closed a, li.ymh-nav-l2.ymh-nav-closed a, li.ymh-nav-l3.ymh-nav-closed a {
  color: #005072;
}

li.ymh-nav-l1.ymh-nav-closed a:hover, li.ymh-nav-l2.ymh-nav-closed a:hover, li.ymh-nav-l3.ymh-nav-closed a:hover {
  color: #f55d0f;
}

li.ymh-nav-l2.ymh-nav-current {
  background: #93D7F7;
}

li.ymh-nav-l1.ymh-nav-current>li a, li.ymh-nav-l2.ymh-nav-current>li a {
  color: white;
}

li.ymh-nav-l1.ymh-nav-current a {
  color: white;
}

li.ymh-nav-l2.ymh-nav-current a {
  color: #005072;
}

li.ymh-nav-l3 {
  /*text-indent: 20px;*/
}

li.ymh-nav-l3 .ymh-nav-txt {
  display: block;
  padding-left: 20px;
  width: 95%;
  line-height: 1.4;
}

li.ymh-nav-l1 .ymh-nav-txt {
  display: block;
}

li.ymh-nav-l2 .ymh-nav-txt {
  display: block;
  padding-left: 10px;
}

li.ymh-nav-l3.ymh-nav-closed, li.ymh-nav-l3.ymh-nav-current {
  background: #93D7F7;
}

img.ymh-btn {
  width: 8px;
  position: relative;
  left: 12px;
  top: 6px;
}

li.ymh-nav-l2 img.ymh-btn {
  left: 2px;
}

ul.ymh-nav-current {
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

ul.ymh-nav-closed {
  display: none;
  width: 100%;
  padding: 0px;
  margin: 0px;
}

ul.ymh-nav-current li {
  padding: 0px;
  height: auto;
  width: 100%;
  display: inline-block;
  margin-top: -5px;
  overflow: hidden;
}

img.ymh-btn:hover {
  cursor: pointer;
}

p.ymh-parent-link, p.ymh-link {
  margin: 0px;
  height: 100%;
  padding: 9px 0 9px 10px;
  min-height: auto;
}

p.ymh-parent-link {
  width: 208px;
  border-right: 1px solid #B2B2B2;
  float: left;
  line-height: 1.25;
}

p.ymh-img-link {
  margin: 0px;
  width: 32px;
  height: 100%;
  float: right;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 50%;
  min-height: 32px;
}

p.ymh-img-link.close {
  background-image: url("contract.png");
}

p.ymh-img-link.open {
  background-image: url("expand.png");
}

p.ymh-link {
  width: 100%;
}

/*.ymh-floating {
	position: fixed;
	top: 0;
	width: 240px;
	z-index: 1000;
}*/
.ymh-fixed {
  position: inherit;
}

div.ymh-go-to-top {
  border: 1px solid #067BB0;
  float: right;
  height: 24px;
  cursor: pointer;
}

p.ymh-top-text {
  float: left;
  margin: 0px;
  height: 24px;
  padding: 4px;
  color: #067BB0;
}

p.ymh-top-btn2 {
  float: right;
  background: #eb6e1e url("/_layouts/15/PHP.MHA/Images/chevron.png") no-repeat 50%;
  width: 24px;
  height: 22px;
}

p.ymh-top-btn {
  float: right;
  background: #eb6e1e;
  width: 24px;
  height: 23px;
}

img.ymh-top-img {
  width: 12px;
  height: 5px;
  position: relative;
  left: 6px;
}

div.ymh-home-link a {
  font-weight: bold;
  text-decoration: none;
}

div.ymh-home-link a:hover {
  font-weight: bold;
  text-decoration: none;
  color: #eb6e1e;
}

/*.ymh-home-link a:after {
    content: "\00a0\f015";
    display: inline-block;
    font: normal normal normal 14px/1 "Font Awesome 6 Pro";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    width: 20px;
    text-align: right;
    background:none;
}*/
.ymh-home-link a:before {
  content: "\00a0\f015";
  display: block;
  font: normal normal normal 14px/1 "Font Awesome 6 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  width: 25px;
  height: 100%;
  text-align: left;
  background: transparent;
  position: absolute;
  left: 0;
  top: 1px;
}

.mha-column-nav .ymh-home-link a {
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  position: relative;
  text-align: left;
  padding-left: 30px;
  background: rgba(255, 255, 255, 0.85);
  line-height: 1.15;
  vertical-align: middle;
}

div.ymh-spacer-horizontal {
  height: 4px;
  background-color: #0A4766;
  margin: 20px 0 0;
}

div.ymh-in-crisis {
  float: right;
  background: #eb6e1e;
  border: 0;
  border-bottom: none;
  top: -6px;
  right: 0;
  position: relative;
  width: 100px;
  height: 30px;
  font-weight: bold;
  display: none;
}

div.ymh-in-crisis a {
  text-decoration: none;
}

p.ymh-crisis-btn {
  width: 100px;
  height: 30px;
  margin: 0px;
  text-decoration: none;
  text-align: center;
  padding-top: 7px;
  font-size: small;
  color: white;
}

p.ymh-crisis-btn:hover {
  color: white;
  background-color: #0595d6;
}

li.ymh-nav-exclude {
  display: none;
}

/* ----------------------------------------------------------   PAGE BANNER   ---------------------------------------------------------- */
.mha-ht-page-banner img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* ----------------------------------------------------------   HIGHLIGHT BLOCK   ---------------------------------------------------------- */
.mha-highlight-block {
  display: block;
  width: 100%;
  background-color: #f4f4f5;
  border: 1px solid #d1d1d1;
  padding: 8px 32px;
  margin: 32px 0;
}

.mha-highlight-block h2 {
  color: #004866;
}

/*---------------------------------------------------------- HT Layout YMH ----------------------------------------------------------*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mha-ht-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 4px;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  line-height: normal;
  margin: 0 0 1.11111rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 0.88889rem 1.77778rem 0.94444rem 1.77778rem;
  font-size: 0.88889rem;
  background-color: #eb6e1e;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
}

.mha-ht-button {
  box-shadow: 2px 2px 5px #000;
}

.mha-ht-button:hover {
  box-shadow: none;
  background-color: #0595d6;
}

/* ----------------------------------------------------------   MISC   ---------------------------------------------------------- */
.mha-layout-topic-content h1.mha-topic-title {
  border-bottom: solid 1px #999;
  font-weight: normal;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 16px;
}

.mha-content-full ul li, .mha-content-full .link-item {
  background: none;
}

.mha-layout-topic-content .mha-content-full .mha-content-main ul {
  list-style-type: none;
  position: relative;
  margin-left: 18px;
  padding-left: 0;
}

.mha-layout-topic-content .mha-content-full .mha-content-main ul li {
  position: relative;
}

.mha-layout-topic-content .mha-content-full .mha-content-main ul li:before {
  content: "\2022";
  position: absolute;
  left: -8px;
  top: -5px;
  color: #eb6e1e;
  margin-right: 4px;
  font-size: 30px;
  /* if font size is added, include position:relative on li and top value*/
}

.mha-content-full .mha-content-main p {
  margin: 0 0 1em;
  line-height: 1.6;
}

p.ymh-top-text {
  float: left;
  margin: 0px;
  height: 24px;
  padding: 4px;
  color: #067BB0;
  line-height: 1;
  font-weight: bold;
}

p.ymh-top-text:hover {
  color: #eb6e1e;
}

p.ymh-top-btn:hover {
  background: #eb6e1e;
}

div.ymh-go-to-top {
  border: 1px solid #eb6e1e;
  float: right;
  height: 24px;
  cursor: pointer;
}

.fluid-width-video-wrapper {
  margin-bottom: 1em;
}

.mha-content-full .ymh-topic-nav>ul {
  margin-top: 0;
  margin-bottom: 2em;
}

.mha-content-full .ymh-topic-nav>ul li:first-child {
  /*border-top:0 solid #0A4766;*/
  border-top: 1px solid #0A4766;
  margin-top: -6px;
}

.mha-column-nav .ymh-home-link {
  display: table-cell;
  vertical-align: bottom;
  min-height: 36px;
  padding-bottom: 8px;
  font-size: 17px;
}

div.ymh-spacer-horizontal {
  height: 4px;
  background-color: #0A4766;
  margin: 0;
}

.ymh-parent-link span.ymh-nav-txt:hover, .ymh-link span.ymh-nav-txt:hover {
  /*border-bottom: 2px solid #0A4766;
    background: transparent;*/
}

/*li.ymh-nav-current .ymh-link span.ymh-nav-txt:before {
    content:"\f0da";
    font-family:"Font Awesome 6 Pro";
    position:absolute;
    color:#0A4766;
    left:2px;
}*/
li.ymh-nav-page span.ymh-nav-txt:before {
  content: "\f0da";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  color: #015071;
  left: 4px;
}

.ymh-nav-l1.ymh-nav-page span.ymh-nav-txt:before {
  content: "\f0da";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  color: #fff;
  left: 4px;
}

/*
.ymh-parent-link span.ymh-nav-txt:hover:before,
.ymh-link span.ymh-nav-txt:hover:before {
    content:"\f0da";
    font-family:"Font Awesome 6 Pro";
    position:absolute;
    color:#0A4766;
    left:2px;
}
.ymh-nav-l1.ymh-nav-current .ymh-parent-link span.ymh-nav-txt:before,
.ymh-nav-l1.ymh-nav-current .ymh-link span.ymh-nav-txt:before {
    content:"\f0da";
    font-family:"Font Awesome 6 Pro";
    position:absolute;
    color:#fff;
    left:2px;
}
.ymh-nav-current > .ymh-nav-l2.ymh-nav-current .ymh-parent-link span.ymh-nav-txt:before,
.ymh-nav-current > .ymh-nav-l2.ymh-nav-current .ymh-link span.ymh-nav-txt:before {
    content:"\f0da";
    font-family:"Font Awesome 6 Pro";
    position:absolute;
    color:#0A4766;
    left:2px;
}
.ymh-nav-l3.ymh-nav-current .ymh-parent-link span.ymh-nav-txt:before,
.ymh-nav-l3.ymh-nav-current .ymh-link span.ymh-nav-txt:before {
    content:"\f0da";
    font-family:"Font Awesome 6 Pro";
    position:absolute;
    color:#0A4766;
    left:2px;
}*/
.ymh-topic-nav ul ul ul>.ymh-nav-current li {
  background-color: #ebf7fc;
}

.ymh-nav-l1 a {
  font-weight: bold;
}

/* ----------------------------------------------------------   GRID MENU  ---------------------------------------------------------- */
.mha-ht-gridwrap {
  zoom: 1;
}

.mha-ht-gridwrap:before, .mha-ht-gridwrap:after {
  content: " ";
  display: table;
}

.mha-ht-gridwrap:after {
  clear: both;
}

.mha-ht-grid {
  width: 100%;
  /* 50% @ mediqueries */
  float: left;
  padding: 0.25em;
}

.mha-content-full .mha-ht-menulist {
  list-style-type: none;
  display: block;
  padding: 0;
  margin: 0;
}

.mha-content-full .mha-ht-menulist li {
  position: relative;
  margin-bottom: 1.8em;
  padding: 0;
}

.mha-ht-listwrap {
  position: relative;
  zoom: 1;
}

.mha-ht-listwrap:before, .mha-ht-listwrap:after {
  content: " ";
  display: table;
}

.mha-ht-listwrap:after {
  clear: both;
}

.mha-ht-listdetail {
  float: left;
  width: 65%;
  padding: .25em .5em;
}

.mha-content-full .mha-content-main .mha-ht-listdetail p {
  font-size: 12px;
  margin: 0;
  margin: 0.25em 0;
  line-height: 1.28;
}

.mha-ht-listtitle {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

.mha-ht-listwrap img {
  float: left;
  width: 35%;
  max-width: 300px;
  vertical-align: middle;
}

.mha-ht-listwrap a {
  color: #014c6c;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
}

.mha-ht-listwrap a:hover {
  color: #f55d0f;
}

/* ----------------------------------------------------------   LINK BLOCK  ---------------------------------------------------------- */
.mha-ht-metablock {
  border-top: 4px solid #014c6c;
  margin: 40px 0;
}

.mha-layout-topic-landing .mha-ht-metablock {
  margin-top: 0;
  margin-bottom: 0;
}

.mha-ht-metablock h2 {
  text-transform: uppercase;
  color: #f65a0f;
  padding-left: 10px;
  margin: 1em 0 0.3em;
}

.mha-ht-linklist {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.mha-ht-linklist a:hover {
  color: #f55d0f;
}

.mha-content-full .mha-ht-linklist li {
  position: relative;
  border-top: 1px solid #aeb2b4;
  padding: 10px 10px;
}

.mha-ht-linklist li:after {
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  right: 10px;
  color: #1c4f62;
  font-weight: normal;
}

.mha-ht-linklist li:last-child {
  border-bottom: 1px solid #aeb2b4;
  padding: 10px 10px;
}

.mha-ht-linklist a {
  text-decoration: none;
  font-weight: bold;
  color: #1c4f62;
}

/* ----------------------------------------------------------   QUICK LINKS  ---------------------------------------------------------- */
.mha-ht-quicklinks {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.mha-ht-quicklinks li {
  position: relative;
  border-top: 1px solid #aeb2b4;
  padding: 10px 10px;
}

.mha-ht-quicklinks li:last-child {
  border-bottom: 1px solid #aeb2b4;
  padding: 10px 10px;
}

.mha-ht-quicklinks a {
  text-decoration: none;
  font-weight: bold;
  color: #1c4f62;
}

/* ----------------------------------------------------------   HEALTH TOPIC HEADER   ---------------------------------------------------------- */
.mha-ht-header {
  background: #ffffff;
  padding: 0;
  margin: 0 0 3em 0;
  border-radius: 0;
}

.mha-ht-headerinner img {
  border: 0;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.mha-ht-headerinner .mha-ht-headercontent a {
  color: #005072;
  font-weight: bold;
  text-decoration: none;
}

.mha-ht-headerinner .mha-ht-headercontent a:hover {
  color: #f55d0f;
}

.mha-ht-headercontent {
  position: relative;
  padding-left: 4em;
  margin-top: 1em;
}

.mha-ht-headercontent .mha-content p {
  margin: 0 0 1em;
  line-height: 1.6;
}

.mha-ht-headercontent:before {
  content: "";
  width: 3.6em;
  height: 1px;
  border-top: 4px solid #f65a0f;
  position: absolute;
  top: 6px;
  left: 0;
}

.mha-ht-headerinfo {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.mha-ht-headerinfo img {
  border-radius: 15px;
  border: 0;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
}

.mha-ht-captionblock h2 {
  color: #fff;
  font-size: 2.8em;
  font-weight: 300;
  line-height: 1.2;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.mha-ht-captionblock p {
  font-size: 1.3em;
}

.mha-ht-headerinner .mha-ht-captionblock a {
  text-transform: uppercase;
  color: #fff;
  text-shadow: none;
  margin-top: 1em;
  text-decoration: none;
}

.mha-ht-captionblock {
  background: rgba(130, 130, 130, 1);
  border-radius: 0 15px 15px 0;
  position: absolute;
  top: 1px;
  right: 0;
  width: 40%;
  height: 98.75%;
  color: #fff;
  padding: 2em 3em;
  text-align: left;
}

.mha-ht-page-banner {
  padding-bottom: 18px;
}

.row h3 {
  font-size: 20px;
  color: #3d90d9;
  font-weight: 300;
}

h3.mha-feature-title {
  color: #4d4d4d;
  line-height: 150%;
  font-size: 1.3em;
}

/* ----------------------------------------------------------   MHA HT GRID BLOCK   ---------------------------------------------------------- */
.mha-card-grid {
  margin: 3em 0 6em;
}

.mha-card {
  margin-bottom: 4rem;
}

.mha-card .mha-card-image {
  position: relative
}

.mha-card .mha-card-image img {
  display: block;
  border-radius: 6px 6px 0 0;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%
}

.mha-card .mha-card-image img:hover {
  filter: grayscale(65%);
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.mha-card .mha-card-image .mha-card-title {
  color: #005072;
  padding: 24px
}

.mha-card .mha-card-content {
  padding: 24px;
  border-radius: 0;
  min-height: 12.8rem;
  background-color: #e2f4ff;
}

.mha-card .mha-card-content p {
  margin: 0
}

.mha-card .mha-card-content .mha-card-title {
  display: block;
  line-height: 32px;
  margin-bottom: 8px;
  font-weight: bold;
}

.mha-card .mha-card-content .mha-card-title a {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  overflow: hidden;
}

.mha-card .mha-card-content .mha-card-title a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -1px;
  background: #3D90D9;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.mha-card .mha-card-content .mha-card-title a:hover:before {
  right: 0;
}

.mha-card-action {
  background-color: #e2f4ff;
  border-radius: 0 0 6px 6px;
  padding: 0 24px 24px;
  font-weight: bold;
}

.mha-card-action a:after {
  content: "\f0a9";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  padding-left: 5px;
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: inline-block;
  font-weight: normal;
}

.mha-card-action a:hover:after {
  transform: translateX(10px);
}

.mha-ht-gridblock-inner {
  margin-bottom: 5%;
  margin-top: 5%;
}

.mha-ht-avatar {
  text-align: center;
}

.mha-ht-gridinfo {
  border-top: 1px solid #ccc;
  background-color: #f4f4f5;
  padding: 20px 16px 12px;
  margin: 20px 0 36px;
  min-height: 220px;
  height: 270px;
}

.mha-ht-metacontent {
  border-top: 1px solid #ccc;
  background-color: #f4f4f5;
  padding: 20px 16px 12px;
  margin: 20px 0 36px;
}

.mha-ht-gridinfo ul {
  margin: 1em 0;
  padding: 0;
}

.mha-ht-title {
  border-top: 1px solid #ccc;
}

.mha-ht-gridblock-inner h2 {
  text-align: center;
  color: #014c6c;
  margin-top: 1em;
}

/* ----------------------------------------------------------   QUOTES   ---------------------------------------------------------- */
.mha-content-main .mha-ht-quote blockquote {
  font-size: 30px;
  color: #0d445e;
  font-style: italic;
  font-family: Georgia, Times, Times New Roman, serif;
  position: relative;
}

.mha-content-main .mha-ht-quote blockquote:before {
  content: "\f10d";
  font-size: 32px;
  color: #0d445e;
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  top: -8px;
  left: -38px;
  position: absolute;
}

/* ----------------------------------------------------------   BRAND   ---------------------------------------------------------- */
.mha-ht-brandwrap {
  text-align: center;
  background: #f0f0f0;
}

.mha-ht-brandwrap img {
  padding: 25px 10px;
  max-width: 100%;
  height: auto;
}

.mha-ht-brandcontent {
  color: #fff;
  background: #014c6c;
  padding: 10px;
}

/* ----------------------------------------------------------   LISTS   ---------------------------------------------------------- */
.ht-bullets {
  list-style-type: none;
  position: relative;
  margin-left: 18px;
  padding-left: 0;
}

.ht-bullets li {
  position: relative;
}

.ht-bullets li:before {
  content: "\2022";
  position: absolute;
  left: -18px;
  top: -9px;
  color: #eb6e1e;
  margin-right: 5px;
  font-size: 30px;
  /* if font size is added, include position:relative on li and top value*/
}

.mha-layout-topic-content ol {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  margin-left: 18px;
}

.mha-layout-topic-content ol li {
  counter-increment: step-counter;
  position: relative;
  padding: 10px 0 10px 20px;
}

.mha-layout-topic-content ol li:before {
  content: counter(step-counter);
  margin-right: 10px;
  font-size: 100%;
  color: #eb6e1e;
  font-weight: bold;
  position: absolute;
  left: -28px;
  text-align: right;
  display: inline-block;
  width: 40px;
}

/*
.mha-layout-topic-content ol li {
    counter-increment: step-counter;
    position:relative;
}
.mha-layout-topic-content ol li:before {
    content: counter(step-counter);
    margin-right: 5px;
    font-size: 100%;
    color: #eb6e1e;
    font-weight: bold;
	position: absolute;
	left: -18px;
	}
*/
/* ----------------------------------------------------------  ICON LISTS   ---------------------------------------------------------- */
.mha-ht-ilist {
  overflow: hidden;
  display: block;
  margin: 20px 0;
}

.mha-ht-iavatar {
  float: left;
  font-size: 42px;
  color: #eb6e1e;
  width: 20%;
}

.mha-ht-icontent {
  float: left;
  box-sizing: border-box;
  padding-left: 10px;
  width: 80%
}

.mha-ht-ilist a {
  text-decoration: none;
  color: #014c6c;
}

.mha-ht-ilist a:hover, .mha-ht-ilist a h2:hover {
  text-decoration: none;
  color: #eb6e1e;
}

.mha-ht-ilist h2 {
  margin-top: 0;
  margin-bottom: 2px;
  text-transform: uppercase;
}

.mha-ht-ilist h2 small {
  text-transform: capitalize;
  line-height: 1.2;
  display: block;
  font-size: 100%;
  font-weight: normal;
}

.mha-content-full .mha-content-main .mha-ht-ilist p {
  margin: 0;
  line-height: 1.2;
}

.mha-layout-topic-landing .mha-content-main {
  margin: 0 0 20px;
}

/*-------------------- QUICK LINKS --------------------*/
h3.ql-h3 {
  color: #D76500;
  padding-left: 5px;
}

div.ql-item-head {
  border-top: 1px solid #B2B2B2;
  padding: 5px 0 5px 5px;
}

#QuickLinksDiv div:last-child {
  border-bottom: 1px solid #B2B2B2;
}

a.ql-item-link {
  text-decoration: none;
}

span.ql-item-txt {
  color: #067BB0;
}

/* ----------------------------------------------------------  ICON ROWS   ---------------------------------------------------------- */
.mha-ht-icon-rows img {
  max-width: 80%;
  height: auto;
}

.mha-ht-icon-rows .row {
  margin-bottom: 40px;
}

.mha-ht-icon-rows {
  margin-top: 20px;
}

/* ----------------------------------------------------------  ICON ROWS   ---------------------------------------------------------- */
#QuickLinksDiv {
  margin-bottom: 2em;
}

#QuickLinksDiv .ql-h3 {
  text-transform: uppercase;
  color: #f65a0f;
  padding-left: 5px;
  margin: 0.6em 0 0.6em;
}

#QuickLinksDiv span.ql-item-txt {
  color: #005072;
}

#QuickLinksDiv span.ql-item-txt:hover {
  color: #f55d0f;
}

#QuickLinksDiv div.ql-item-head {
  border-top: 1px solid #B2B2B2;
  padding: 8px 0 8px 5px;
}

/* ----------------------------------------------------------  ICON ROWS   ---------------------------------------------------------- */
.side-logo-div {
  /*text-align: center;
    background: #f0f0f0;
    padding: 20px;*/
  padding: 0 20px;
  left: -28px;
  position: relative;
  display: none;
}

/* ----------------------------------------------------------  ACCORDION   ---------------------------------------------------------- */
.mha-learn-objectives-collapsible {
  position: relative;
  margin: 30px 0;
}

.mha-learn-objectives-content {
  display: none;
  /* prevent FOUC */
}

.mha-learn-objectives-title {
  border-top: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
  margin-top: -1px;
  font-weight: bold;
  color: #1692d1;
  padding: 10px 0;
  position: relative;
  padding-right: 2rem;
  box-sizing: border-box;
  /* sanjit addition */
  cursor: pointer;
}

.mha-learn-objectives-title:before {
  content: "+";
  font-weight: bold;
  color: #1692d1;
  width: 32px;
  display: inline-block;
  position: absolute;
  right: -12px;
  font-size: 24px;
  top: 2px;
}

.mha-learn-objectives-title.active:before {
  content: "-";
  font-weight: bold;
  color: #1692d1;
  width: 32px;
  display: inline-block;
  position: absolute;
  right: -12px;
  font-size: 24px;
  m
}

.mha-learn-objectives-title.active {
  border-top: 1px solid #1692d1;
  border-bottom: 1px solid #1692d1;
}

/* ux team additions (sanjit) */
.category_link_healthy {
  color: #01c4b6;
}

.category_link_living {
  color: #f55d0f;
}

.category_link_healthy::before {
  color: #01c4b6;
  content: "\f061 ";
  font-family: "Font Awesome 6 Pro";
  left: -5px;
  text-decoration: none;
}

/* surgery page links - temp */
div.ht-col-4.columns a {
  line-height: 30px;
}

mha-learn-objectives-content>.row {
  margin-top: 14px;
  margin-bottom: 14px;
}

li.links-arrow::before {
  color: #01c4b6;
  content: "\f061 ";
  font-family: "Font Awesome 6 Pro";
  left: -5px;
  text-decoration: none;
}

i.fa-li {
  color: #f55d0f;
}

/* temporary! */
i.fa.fa-arrow-right.category_link_living {
  margin-left: -15px;
}

i.fa.fa-arrow-right.category_link_healthy {
  margin-left: -15px;
}

ul li p.no-bullets::before {
  content: "";
  list-style-type: none;
}

/* callout */
.callout {
  margin: 0px 0px 24px 24px;
  border: 1px solid rgba(0, 90, 131, 1);
  border-image: none;
  width: 200px;
  float: right;
  max-width: 50%;
  border-radius: 3px;
  padding: 12px;
  background-color: rgba(235, 247, 252, .2);
}

.tabber .tabber-tab {
  padding: 1rem 1rem 0.5rem;
}