/* CSS for Past Presidents page */
:root {
  --aspen-main-font-family-body: "franklin-gothic-atf", "Fraklin Gothic ATF",
    "Franklin Gothic", sans-serif;
  --aspen-main-font-family-heading: var(--dm-sans);
  --aspen-color-main-neutral-100: #f8f0df;
  --aspen-color-main-neutral-150: #e8d7ba;
  --aspen-color-main-neutral-600: #34353f;
  --aspen-color-main-neutral-800: #12142c;
  --aspen-color-main-orange-200: #f1c586;
  --aspen-color-main-purple-200: #ddc8de;
  --aspen-color-main-purple-400: #8363aa;
  --aspen-color-main-blue-200: #bad9e1;
  --aspen-color-main-blue-600: #0a72ba;
  --aspen-color-main-primary-brand-navy: #002857;
  --aspen-color-main-primary-brand-red: #641f45;
  --aspen-color-main-primary-deep-gradient: linear-gradient(
    93.89deg,
    #641f45 1.15%,
    #542e8e 103.94%
  );
  --aspen-main-corner-radius-small: 6px;
  --aspen-main-structure-spacing-column-gap: 30px;
  --aspen-main-structure-spacing-margin-section-top: 90px;
  --aspen-main-object-spacing-80: 80px;
  --aspen-main-object-spacing-48: 48px;
  --aspen-main-object-spacing-32: 32px;
  --aspen-main-object-spacing-24: 24px;
  --aspen-main-object-spacing-16: 16px;
  --aspen-main-object-spacing-12: 12px;
  --aspen-main-object-spacing-8: 8px;
  --aspen-main-object-spacing-4: 4px;
  --aspen-main-font-family-headings-h1: 50px;
  --aspen-main-font-family-headings-h2: 32px;
  --aspen-main-font-family-headings-h3: 22px;
  --aspen-main-font-family-headings-h4: 14px;
  --aspen-main-font-family-body-p-extra-small: 10px;
  --aspen-main-font-family-body-p-small: 14px;
  --aspen-main-font-family-body-p-standard: 17px;
  --aspen-main-font-family-body-p-large: 19px;
  --aspen-main-font-family-block-title: 17px;
  --aspen-main-font-family-card-title: 20px;
  --aspen-main-font-family-button-text: 11px;
}
@media screen and (min-width: 744px) and (max-width: 1024px) {
  :root {
    --aspen-main-corner-radius-small: 4px;
    --aspen-main-structure-spacing-column-gap: 25px;
    --aspen-main-structure-spacing-margin-section-top: 60px;
    --aspen-main-object-spacing-80: 60px;
    --aspen-main-object-spacing-48: 36px;
    --aspen-main-object-spacing-32: 24px;
    --aspen-main-object-spacing-24: 16px;
    --aspen-main-object-spacing-16: 12px;
    --aspen-main-object-spacing-12: 6px;
    --aspen-main-object-spacing-8: 3px;
    --aspen-main-object-spacing-4: 3px;
    --aspen-main-font-family-headings-h1: 40px;
    --aspen-main-font-family-headings-h2: 28px;
    --aspen-main-font-family-headings-h3: 20px;
    --aspen-main-font-family-headings-h4: 13px;
    --aspen-main-font-family-body-p-extra-small: 10px;
    --aspen-main-font-family-body-p-small: 13px;
    --aspen-main-font-family-body-p-standard: 16px;
    --aspen-main-font-family-body-p-large: 16px;
    --aspen-main-font-family-block-title: 15.5px;
    --aspen-main-font-family-card-title: 18px;
    --aspen-main-font-family-button-text: 10.5px;
  }
}
@media screen and (max-width: 743px) {
  :root {
    --aspen-main-corner-radius-small: 2px;
    --aspen-main-structure-spacing-column-gap: 20px;
    --aspen-main-structure-spacing-margin-section-top: 40px;
    --aspen-main-object-spacing-80: 40px;
    --aspen-main-object-spacing-48: 28px;
    --aspen-main-object-spacing-32: 16px;
    --aspen-main-object-spacing-24: 12px;
    --aspen-main-object-spacing-16: 8px;
    --aspen-main-object-spacing-12: 6px;
    --aspen-main-object-spacing-8: 4px;
    --aspen-main-object-spacing-4: 2px;
    --aspen-main-font-family-headings-h1: 24px;
    --aspen-main-font-family-headings-h2: 22px;
    --aspen-main-font-family-headings-h3: 18px;
    --aspen-main-font-family-headings-h4: 12px;
    --aspen-main-font-family-body-p-extra-small: 10px;
    --aspen-main-font-family-body-p-small: 12px;
    --aspen-main-font-family-body-p-standard: 14px;
    --aspen-main-font-family-body-p-large: 14px;
    --aspen-main-font-family-block-title: 14px;
    --aspen-main-font-family-card-title: 16px;
    --aspen-main-font-family-button-text: 10px;
  }
}
body {
  color: var(--aspen-color-main-neutral-600);
  font-family: var(--aspen-main-font-family-body);
  font-size: var(--aspen-main-font-family-body-p-standard);
  line-height: 160%;
}
.page-presidents-timeline {
  margin-top: var(--aspen-main-structure-spacing-margin-section-top);
  padding-bottom: var(--aspen-main-structure-spacing-margin-section-top);
}
.page-presidents-timeline .container {
  margin: 0 auto;
  max-width: 1330px;
  padding: 0;
}
.page-presidents-timeline .heading-comp {
  display: flex;
  flex-direction: column;
  gap: var(--aspen-main-object-spacing-4);
}
.page-presidents-timeline .label,
.page-presidents-timeline .small-heading {
  font-family: var(--aspen-main-font-family-heading);
  font-size: var(--aspen-main-font-family-headings-h4);
  font-weight: 900;
  line-height: 130%;
}
.page-presidents-timeline .small-heading {
  color: var(--aspen-color-main-blue-600);
  text-transform: uppercase;
}
.page-presidents-timeline .section-title {
  color: var(--aspen-color-main-primary-brand-navy);
  font-family: var(--aspen-main-font-family-heading);
  font-size: var(--aspen-main-font-family-headings-h2);
  font-weight: 900;
  line-height: 125%;
}
.page-presidents-timeline .timeline-filter {
  align-items: center;
  border-bottom: 1px solid var(--aspen-color-main-blue-200);
  display: flex;
  gap: var(--aspen-main-structure-spacing-column-gap);
  margin-bottom: 20px;
  margin-top: var(--aspen-main-object-spacing-16);
  padding: var(--aspen-main-object-spacing-12) 0
    var(--aspen-main-object-spacing-24);
}
.page-presidents-timeline .timeline-filter select {
  -webkit-appearance: none;
  appearance: none;
  background: url(https://nutritioncare.org/wp-content/uploads/2025/01/icon-dropdown.svg)
    85% no-repeat;
  border: 1px solid var(--aspen-color-main-blue-600);
  border-radius: var(--aspen-main-corner-radius-small);
  font-size: var(--aspen-main-font-family-body-p-small);
  letter-spacing: -0.25px;
  line-height: 150%;
  padding: var(--aspen-main-object-spacing-12)
    calc(var(--aspen-main-object-spacing-16) + 9px)
    var(--aspen-main-object-spacing-12) var(--aspen-main-object-spacing-16);
  width: calc(
    var(--aspen-main-object-spacing-16) + var(--aspen-main-object-spacing-16) +
      109px
  );
}
.page-presidents-timeline .label-wrapper {
  align-items: center;
  display: flex;
  gap: var(--aspen-main-object-spacing-12);
  text-transform: uppercase;
}
.page-presidents-timeline .label {
  color: var(--aspen-color-main-neutral-800);
}
.page-presidents-timeline .timeline-item {
  display: flex;
  gap: var(--aspen-main-object-spacing-32);
}
@media (min-width: 744px) {
  .page-presidents-timeline .timeline-date,
  .page-presidents-timeline .timeline-date .date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
  .page-presidents-timeline .timeline-date .date {
    align-items: center;
    background: var(--aspen-color-main-primary-deep-gradient);
    border: 8px solid var(--aspen-color-main-purple-400);
    border-radius: 60px;
    color: #fff;
    font-family: var(--aspen-main-font-family-heading);
    font-size: var(--aspen-main-font-family-card-title);
    font-weight: 700;
    height: 116px;
    line-height: 120%;
    text-align: center;
    width: 116px;
    z-index: 10;
  }
  .page-presidents-timeline .timeline-date small {
    font-family: var(--aspen-main-font-family-body);
    font-size: var(--aspen-main-font-family-body-p-extra-small);
    font-style: italic;
    font-weight: 100;
    letter-spacing: -0.15px;
    line-height: 140%;
  }
  .page-presidents-timeline .timeline-date:after {
    background-color: var(--aspen-color-main-primary-brand-red);
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 4px;
    z-index: 1;
  }
  .page-presidents-timeline .timeline-item:last-child .timeline-date:after {
    height: 50%;
  }
}
.page-presidents-timeline .timeline-item:first-child .timeline-date:after {
  height: 50%;
  top: 50%;
}
.page-presidents-timeline .timeline-info-wrapper {
  flex: 1;
  padding: var(--aspen-main-object-spacing-16) 0;
}
.page-presidents-timeline .timeline-info {
  background-color: var(--aspen-color-main-neutral-100);
  border: 1px solid var(--aspen-color-main-neutral-150);
  border-radius: var(--aspen-main-corner-radius-small);
  display: flex;
  flex-wrap: wrap;
  padding: var(--aspen-main-object-spacing-24);
}
.page-presidents-timeline .col-image {
  display: flex;
  min-height: 120px;
  min-width: 120px;
}
.page-presidents-timeline .col-name {
  flex: 1;
  padding-left: var(--aspen-main-object-spacing-32);
  padding-right: var(--aspen-main-object-spacing-48);
}
.page-presidents-timeline .col-image-name {
  display: flex;
  width: 50%;
}
.page-presidents-timeline .col-image-name .col-name {
  align-items: center;
  display: flex;
}
.page-presidents-timeline .col-image-name + .col-address {
  width: 50%;
}
.page-presidents-timeline .col-name-credentials {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  gap: var(--aspen-main-object-spacing-8);
}
.page-presidents-timeline .col-name-credentials .title-name {
  line-height: 110%;
  margin-bottom: 0;
}
.page-presidents-timeline .credentials {
  color: var(--aspen-color-main-primary-brand-navy);
  font-size: var(--aspen-main-font-family-button-text);
  font-weight: 900;
  letter-spacing: 1.2px;
  line-height: 180%;
}
.page-presidents-timeline .timeline-item[data-time="1975-1977"] .col-address {
  display: none;
}
.page-presidents-timeline .timeline-item[data-time="1975-1977"] .col-name {
  padding-top: 27px;
}
.page-presidents-timeline .timeline-item[data-time="1975-1977"] .col-image {
  padding-top: 20px;
}
.page-presidents-timeline .col-name.open + .col-address {
  display: block;
}
.page-presidents-timeline .col-address {
  align-items: center;
  display: flex;
  padding-left: var(--aspen-main-object-spacing-48);
}
.page-presidents-timeline .col-address:not(:empty) {
  border-left: 1px solid var(--aspen-color-main-purple-200);
}
.page-presidents-timeline .col-address-info {
  display: flex;
  flex-direction: column;
  gap: var(--aspen-main-object-spacing-8);
}
.page-presidents-timeline .col-address-info .label-read {
  color: var(--aspen-color-main-primary-brand-navy);
  font-size: var(--aspen-main-font-family-body-p-small);
  font-style: italic;
  letter-spacing: -0.25px;
  line-height: 150%;
}
.page-presidents-timeline .col-address-info a {
  color: var(--aspen-color-main-primary-brand-navy);
  font-size: var(--aspen-main-font-family-block-title);
  font-weight: 500;
  letter-spacing: -0.25px;
  line-height: 130%;
}
.page-presidents-timeline .col-address-info a[href^="http:"] {
  text-decoration: underline;
}
.page-presidents-timeline .title-name {
  color: var(--aspen-color-main-primary-brand-navy);
  font-family: var(--aspen-main-font-family-heading);
  font-size: var(--aspen-main-font-family-headings-h3);
  font-weight: 600;
  line-height: 130%;
  margin-bottom: var(--aspen-main-object-spacing-12);
  padding-top: 0;
  padding-bottom: 0;
}
.page-presidents-timeline .list-names {
  align-items: center;
  display: flex;
  padding: var(--aspen-main-object-spacing-4)
    var(--aspen-main-object-spacing-16);
  margin-top: 0 !important;
}
.page-presidents-timeline .list-names:not(:last-child) {
  border-bottom: 1px solid var(--aspen-color-main-purple-200);
}
.page-presidents-timeline .position {
  color: var(--aspen-color-main-primary-brand-navy);
  font-family: var(--aspen-main-font-family-heading);
  font-size: var(--aspen-main-font-family-button-text);
  font-weight: 900;
  letter-spacing: 1.2px;
  line-height: 145%;
  min-width: 230px;
  padding-right: 10px;
  text-transform: uppercase;
}
.page-presidents-timeline .name {
  font-size: var(--aspen-main-font-family-body-p-small);
  letter-spacing: -0.25px;
  line-height: 150%;
  padding-left: 10px;
}
@media (min-width: 1025px) {
  .page-presidents-timeline .col-address-info a:hover {
    text-decoration: none;
  }
}
@media (max-width: 1024px) {
  .page-presidents-timeline .col-address {
    border-left: none;
    border-top: 1px solid var(--aspen-color-main-purple-200);
    margin-top: var(--aspen-main-object-spacing-32);
    padding-left: 0;
    padding-top: var(--aspen-main-object-spacing-32);
  }
  .page-presidents-timeline .col-address,
  .page-presidents-timeline .col-image-name,
  .page-presidents-timeline .col-image-name + .col-address {
    width: 100%;
  }
  .page-presidents-timeline .col-name-credentials {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 1024px) and (min-width: 744px) {
  .page-presidents-timeline .col-image {
    min-height: 0;
    min-width: 0;
  }
  .page-presidents-timeline .col-image img {
    height: auto;
    max-width: 96px;
  }
  .page-presidents-timeline .col-address:not(:empty) {
    border-left: none;
  }
  .page-presidents-timeline .col-address:empty {
    display: none;
  }
}
@media (max-width: 743px) {
  .page-presidents-timeline .timeline-item[data-time="1975-1977"] .col-image {
    display: block;
    min-height: 0;
  }
  .page-presidents-timeline .timeline-item[data-time="1975-1977"] .col-image,
  .page-presidents-timeline .timeline-item[data-time="1975-1977"] .col-name {
    padding-top: 0;
  }
  .page-presidents-timeline
    .timeline-item[data-time="1975-1977"]
    .col-image
    img {
    max-width: 48px;
  }
  .page-presidents-timeline .timeline-item[data-time="1975-1977"] .title-name {
    max-width: 245px;
  }
  .page-presidents-timeline .timeline-filter {
    display: none;
  }
  .page-presidents-timeline .timeline-item {
    flex-direction: column;
    gap: 10px;
    padding: var(--aspen-main-object-spacing-16) 0
      var(--aspen-main-object-spacing-16)
      calc(18px + var(--aspen-main-object-spacing-32));
    position: relative;
  }
  .page-presidents-timeline .timeline-item:before {
    background: var(--aspen-color-main-primary-deep-gradient);
    border: 2px solid var(--aspen-color-main-purple-400);
    border-radius: 50%;
    content: "";
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: calc(var(--aspen-main-object-spacing-16) + 2px);
    width: 18px;
    z-index: 2;
  }
  .page-presidents-timeline .timeline-item:after {
    background-color: var(--aspen-color-main-primary-brand-red);
    content: "";
    display: block;
    height: 100%;
    left: 9px;
    position: absolute;
    top: 12px;
    transform: translateX(-50%);
    width: 2px;
    z-index: 1;
  }
  .page-presidents-timeline .timeline-item:last-child:after {
    display: none;
  }
  .page-presidents-timeline .timeline-date .date {
    color: var(--aspen-color-main-primary-brand-navy);
    font-family: var(--aspen-main-font-family-heading);
    font-size: var(--aspen-main-font-family-card-title);
    font-weight: 700;
    letter-spacing: -0.25px;
    line-height: 120%;
  }
  .page-presidents-timeline .timeline-date .date:after {
    content: ":";
  }
  .page-presidents-timeline .timeline-date small {
    font-size: var(--aspen-main-font-family-body-p-extra-small);
    font-style: italic;
  }
  .page-presidents-timeline .col-image {
    min-height: 57px;
    min-width: 57px;
  }
  .page-presidents-timeline .timeline-info {
    flex-direction: column;
  }
  .page-presidents-timeline .col-name {
    margin-top: var(--aspen-main-object-spacing-8);
    padding-left: 0;
    padding-right: 0;
  }
  .page-presidents-timeline .list-names {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: var(--aspen-main-object-spacing-8);
    padding: var(--aspen-main-object-spacing-12)
      var(--aspen-main-object-spacing-16);
  }
  .page-presidents-timeline .list-names .position {
    display: block;
    padding: 0;
  }
  .page-presidents-timeline .list-names .name {
    padding-left: 0;
  }
  .page-presidents-timeline .col-image-name {
    flex-direction: column;
    gap: var(--aspen-main-object-spacing-32);
  }
  .page-presidents-timeline .col-image img {
    height: auto;
    max-width: 57px;
  }
  .page-presidents-timeline .col-address:not(:empty) {
    border-left: none;
  }
  .page-presidents-timeline .col-address:empty {
    display: none;
  }
}
.btn-view {
  background: transparent;
  border: none;
  line-height: normal;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  align-items: center;
  -webkit-appearance: none;
  cursor: pointer;
  display: flex;
  gap: var(--aspen-main-object-spacing-16);
  text-decoration: none;
}
.btn-view .hide {
  display: none;
}
.btn-view .btn-view-text {
  color: var(--aspen-color-main-blue-600);
  font-size: var(--aspen-main-font-family-body-p-small);
  letter-spacing: -0.25px;
  line-height: 150%;
}
.btn-view.view .hide {
  display: inline-block;
}
.btn-view.view .view {
  display: none;
}
.page-presidents-timeline .heading-comp h3 {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.page-presidents-timeline .heading-comp h2 {
  margin-top: 0;
  margin-bottom: 0;
}
/* CSS for Past Presidents page End */

@media screen and (min-width: 1431px) {
  html body.ASPEN .nav-cta {
    justify-content: center;
  }
}

@media screen and (max-width: 743px) {
  body .site-header .menu-aspen-nav-container.open {
    top: -60px;
    width: 90%;
    height: calc(100dvh - 75px);
  }
}

@media screen and (max-width: 768px) {
  html
    body.ASPEN
    .site-header
    .site-header-content
    #site-navigation.open:has(.menu-aspen-nav-container.open):after {
    background-color: #002857;
  }
}

html body.ASPEN .site-header .menu-toggle svg path {
  fill: var(--brand-navy) !important;
}
body .site-header #menu-item-8241:after,
body .site-header #menu-item-1902:after,
body .site-header #menu-item-1279:after {
  background-image: url("https://nutritioncare.org/wp-content/uploads/2025/03/icon-search.svg");
}

body .site-header #menu-item-8241.active:after,
body .site-header #menu-item-1902.active:after,
body .site-header #menu-item-1279.active:after {
  background-image: url("https://nutritioncare.org/wp-content/uploads/2025/03/icon-search-close.svg");
}

html body.ASPEN .site-header .menu-toggle:hover svg path {
  fill: var(--brand-navy) !important;
}

body.ASPEN .site-header-content .menu-toggle.open svg path,
body.ASPEN .site-header-content .search-toggle.open svg path {
  stroke: var(--purple-600) !important;
  fill: var(--purple-600) !important;
}

body .webinar .entry-content .tabs .tab.active {
  max-width: none;
}

@media screen and (min-width: 1101px) {
  body.ASPEN article.webinar .webinar-right .registration {
    position: sticky;
    top: 0;
  }
}

@media screen and (max-width: 1510px) and (min-width: 1431px) {
  body.ASPEN .site-header #site-navigation #primary-menu li.active .sub-menu {
    flex-direction: column;
    gap: 0;
    padding-left: 60px;
    padding-right: 421px;
  }

  body.ASPEN
    .site-header
    #site-navigation
    #primary-menu
    .sub-menu
    .section-header
    .holder {
    border-right: none;
    padding-right: 0;
    border-bottom: 1px solid var(--blue-200);
    padding-bottom: var(--Structure-Spacing-column-gap);
    height: auto !important;
  }

  html
    body.ASPEN
    .site-header
    #site-navigation
    #primary-menu
    .sub-menu
    .second-level {
    padding-top: var(--Structure-Spacing-column-gap);
  }

  html
    body.ASPEN
    .site-header
    #site-navigation
    #primary-menu
    .sub-menu
    .second-level
    li
    .sub-menu {
    position: absolute;
    margin-top: 0;
    top: var(--Structure-Spacing-column-gap);
  }

  html
    body.ASPEN
    .site-header
    #site-navigation
    #primary-menu
    .sub-menu
    .section-header {
    width: 100%;
    padding-bottom: 0;
    padding-top: 0;
  }
}

@media screen and (max-width: 1430px) {
  html
    body.ASPEN
    .site-header
    .site-header-content
    #site-navigation
    #primary-menu
    li
    .sub-menu
    .second-level {
    min-height: auto !important;
  }
}