@charset "UTF-8";
.mayo_header {
  background: url("../images/MCCN_library_banner-desktop.jpeg");
  background-position: center center;
  background-size: cover;
  height: 150px;
}

#mayo_clinic_content #page-wrapper {
  border-top: 50px solid #dedede;
}
#mayo_clinic_content .mayo-section-button {
  width: 100%;
}
#mayo_clinic_content .page-numbers {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 10px 0 0;
}
#mayo_clinic_content .page-numbers:hover {
  background: #dedede;
}
#mayo_clinic_content h2 {
  margin-top: 30px;
}
#mayo_clinic_content .mayo_question {
  color: #525252;
  font-style: italic;
}

.recipes_button {
  width: 100%;
  display: block;
  background: #0076A8;
  margin-top: 5px;
  color: white;
}
.recipes_button:hover {
  color: white;
  background: #cc7e2e;
}
.recipes_button span {
  padding: 4px 10px;
  display: block;
}
.recipes_button .recipes_img {
  width: 100%;
  height: 60px;
  background: url("/wp-content/plugins/mayo-api-integration/images/healthy-food-P5BQ9LP_hdr.jpeg");
  background-size: cover;
}

#mayo_search .mayo_search_box, #az_search .mayo_search_box {
  background: #a2cbe7;
  padding: 20px;
}
#mayo_search .mayo_search_box > div, #az_search .mayo_search_box > div {
  display: flex;
}
#mayo_search .mayo-search-submit, #az_search .mayo-search-submit {
  width: auto;
  background: #0076A8;
}
#mayo_search .mayo-search-submit:hover, #az_search .mayo-search-submit:hover {
  background: #cc7e2e;
}

.mayo-section-button, .mayo-section-button button, .mayo-section-button a {
  width: 100%;
}

.performance-facts {
  border: 1px solid black;
  margin: 20px;
  float: left;
  width: 280px;
  padding: 0.25rem;
}
.performance-facts table {
  border-collapse: collapse;
}
.performance-facts table th {
  background: none;
}

.performance-facts__title {
  font-weight: bold;
  font-size: 1rem;
  margin: 0 0 0.1rem 0;
}

.performance-facts__header {
  border-bottom: 10px solid black;
  padding: 0 0 0.1rem 0;
  margin: 0 0 0.25rem 0;
}
.performance-facts__header p {
  margin: 0;
}

.performance-facts__table, .performance-facts__table--grid, .performance-facts__table--small {
  width: 100%;
  margin: 10px 0 !important;
}
.performance-facts__table thead tr th, .performance-facts__table--grid thead tr th, .performance-facts__table--small thead tr th, .performance-facts__table thead tr td, .performance-facts__table--grid thead tr td, .performance-facts__table--small thead tr td {
  border: 0;
}
.performance-facts__table th, .performance-facts__table--grid th, .performance-facts__table--small th, .performance-facts__table td, .performance-facts__table--grid td, .performance-facts__table--small td {
  font-weight: normal;
  text-align: left;
  padding: 0.1rem 0;
  border-top: 1px solid black;
  white-space: nowrap;
}
.performance-facts__table td:last-child, .performance-facts__table--grid td:last-child, .performance-facts__table--small td:last-child {
  text-align: right;
}
.performance-facts__table .blank-cell, .performance-facts__table--grid .blank-cell, .performance-facts__table--small .blank-cell {
  width: 1rem;
  border-top: 0;
}
.performance-facts__table .thick-row th, .performance-facts__table--grid .thick-row th, .performance-facts__table--small .thick-row th, .performance-facts__table .thick-row td, .performance-facts__table--grid .thick-row td, .performance-facts__table--small .thick-row td {
  border-top-width: 5px;
}

.small-info {
  font-size: 0.7rem;
}
.small-info td, .small-info th {
  font-size: 0.7rem;
}

.performance-facts__table--small {
  border-bottom: 1px solid #999;
  margin: 0 0 0.5rem 0;
}
.performance-facts__table--small thead tr {
  border-bottom: 1px solid black;
}
.performance-facts__table--small td:last-child {
  text-align: left;
}
.performance-facts__table--small th, .performance-facts__table--small td {
  border: 0;
  padding: 0;
}

.performance-facts__table--grid {
  margin: 0 0 0.5rem 0;
}
.performance-facts__table--grid td:last-child {
  text-align: left;
}
.performance-facts__table--grid td:last-child::before {
  content: "•";
  font-weight: bold;
  margin: 0 0.25rem 0 0;
}

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

.thick-end {
  border-bottom: 10px solid black;
}

.thin-end {
  border-bottom: 1px solid black;
}

.mayo-az-component {
  max-width: none !important;
}
.mayo-az-component .az-listing {
  text-align: left;
}
.mayo-az-component .az-listing h3 {
  font-weight: bold;
  color: #0076a9;
  border-bottom: 1px solid #0076a9;
}
.mayo-az-component .az-listing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mayo-az-component .az-listing a {
  color: #525252;
}
.mayo-az-component .az-listing a:hover {
  color: #cc7e2e;
}

#wk-mayo-az-listing.uk-subnav {
  margin-left: 0;
}
#wk-mayo-az-listing.uk-subnav > * {
  flex: 1;
}
#wk-mayo-az-listing li {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 10px;
}
#wk-mayo-az-listing li a {
  padding: 14px 0;
  width: 50px;
  display: block;
  text-align: center;
  border: 0 !important;
  border-radius: 0;
  color: #444444;
  font-weight: 900;
  text-decoration: none;
  background-color: #f2f1f0;
  -webkit-transition: color 500ms, background-color 500ms, border-color 500ms;
  -o-transition: color 500ms, background-color 500ms, border-color 500ms;
  transition: color 500ms, background-color 500ms, border-color;
}
#wk-mayo-az-listing li a:hover {
  background-color: #c7c7c7;
}
#wk-mayo-az-listing li.uk-active a {
  background: #7ab147;
  color: white;
}

#wk-mayo-az-listing li.disabled a, #wk-mayo-az-listing li.disabled a:hover {
  opacity: 0.5;
  cursor: default;
  border: none !important;
  box-shadow: none;
  color: #d8d4d2;
}

.topics {
  border: 1px solid #0076a9;
  margin: 30px 0 0.5rem;
}
.topics h3 {
  background: #0076a9;
  color: white;
  padding: 0 10px;
  margin: 0;
}
.topics ul {
  position: relative;
  list-style: none;
  padding: 0 5px;
  margin: 0;
}
.topics ul li {
  border-bottom: 1px solid grey;
  padding: 5px 0;
}
.topics ul li::before {
  content: "▶";
  font-size: 8px;
  vertical-align: middle;
  margin-right: 8px;
  margin-left: 10px;
}
.topics ul li:last-child {
  border-bottom: none;
}

.sub-term-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sub-term-list li a {
  color: white;
  display: block;
  width: 100%;
  background: #0076a9;
  padding: 10px;
  margin-bottom: 10px;
}
.sub-term-list li a i {
  float: right;
  font-size: 26px;
}

.article-link {
  color: #41463f;
  font-size: 20px;
}

@media (max-width: 767px) {
  #mayo_search .mayo_search_box, #az_search .mayo_search_box {
    margin: 0 -30px;
  }

  .mayo_header {
    height: 100px;
  }
}

/*# sourceMappingURL=mayo.css.map */