html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}
body {
  background-color: var(--neutral-25);
  font-family: var(--franklin);
  font-weight: 400;
  scroll-behavior: smooth;

  &.modal-open {
    overflow: hidden;
  }

  &.home.ASPEN {
    &:not(.modal-open) {
      position: relative;
      &:after {
        content: "";
        position: absolute;
        pointer-events: none;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1728 2859"><!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146) --><defs><style> .st0 { fill: none; } .st1 { fill: %23bad9e1; } .st1, .st2 { opacity: .4; } .st1, .st2, .st3 { isolation: isolate; } .st2 { fill: url(%23linear-gradient); } .st3 { fill: url(%23linear-gradient1); opacity: .5; } .st4 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="st0" y=".7" width="1728" height="2858.3"/></clipPath><linearGradient id="linear-gradient" x1="821" y1="2926.6" x2="916.4" y2="2516.9" gradientTransform="translate(0 2858.3) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%23679fd5" stop-opacity=".8"/><stop offset=".8" stop-color="%23acceee" stop-opacity=".8"/></linearGradient><linearGradient id="linear-gradient1" x1="-.2" y1="1398.3" x2="1400.6" y2="1398.3" gradientTransform="translate(0 2858.3) scale(1 -1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%23679fd5" stop-opacity=".7"/><stop offset=".8" stop-color="%23acceee" stop-opacity=".8"/></linearGradient></defs><g class="st4"><g><path class="st1" d="M1290.3,2388.3c8.3,0,15-6.7,15-15s-6.7-15-15-15-15,6.7-15,15,6.7,15,15,15Z"/><path class="st1" d="M76.3,933.3c9.9,0,18-8.1,18-18s-8.1-18-18-18-18,8.1-18,18,8.1,18,18,18Z"/><path class="st1" d="M1586.9,126.1c9.9,0,18-8.1,18-18s-8.1-18-18-18-18,8.1-18,18,8.1,18,18,18Z"/><path class="st2" d="M408.2,202c-17.7,0-35.2-.5-53-1.5-88.4-5.2-181.5-23.6-355.5-70.2l.5-1.9c173.9,46.6,266.8,64.9,355.1,70.1,91.9,5.4,177.4-4.1,319.2-19.8,196-21.8,492.3-54.7,1053.6-76.6v2c-561.1,21.9-857.3,54.9-1053.3,76.6-114.5,12.7-192.3,21.4-266.5,21.4Z"/><path class="st3" d="M1398.6,2859.1c-2-6.6-5-25.1-8.3-76.1-5.7-85.9-21.4-175.5-45.6-259-43.1-148.8-110.8-275.1-201.4-375.1-77.6-85.8-167.7-151.4-275.5-200.6-92.2-42.2-182.6-65.2-255.2-83.8-31.5-8-61.2-15.6-86.7-23.6l-6.3-2c-37.5-11.7-94.1-29.4-155-60.4-72.7-37-134.1-84.4-182.5-140.9C44,1476.4,6.8,1239,71.3,931.9c.4-2.2,44-226.6,112.9-427.1,37.1-107.9,30.7-224.4-17-311.8C130.6,125.7,72.7,80.7-.2,62.8l.5-1.9c73.5,18,131.8,63.4,168.8,131.2,47.9,87.9,54.3,205,17.1,313.4-68.9,200.4-112.4,424.6-112.9,426.9-64.4,306.4-27.3,543.2,110.3,704,48.2,56.3,109.4,103.5,181.9,140.4,60.8,30.9,117.3,48.6,154.7,60.3l6.3,2c25.5,8,55.2,15.6,86.6,23.6,72.7,18.5,163.2,41.6,255.6,83.9,108,49.4,198.3,115.2,276.1,201.1,90.8,100.3,158.7,226.8,201.8,375.9,24.2,83.6,40,173.3,45.6,259.4,3.5,53.5,6.7,70.4,8.3,75.7l-1.9.6Z"/></g></g></svg>');
        background-repeat: no-repeat;
        background-position: center 480px;
        background-size: contain;
        z-index: 1;
      }
    }
  }

  &:not(.home).ASPEN {
    &:not(.modal-open) {
      position: relative;
      &:after {
        content: "";
        position: absolute;
        pointer-events: none;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background-image: url('data:image/svg+xml,<svg style="opacity: 0.8" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1787.5 1898.5"><defs><style> .st0 { fill: %23bad9e1; opacity: .5; } .st0, .st1, .st2 { isolation: isolate; } .st1 { stroke: url(%23linear-gradient); } .st1, .st2 { fill: none; opacity: .4; stroke-miterlimit: 10; stroke-width: 2px; } .st3 { opacity: .6; } .st2 { stroke: url(%23linear-gradient1); } </style><linearGradient id="linear-gradient" x1="-.9" y1="935.5" x2="1736.5" y2="935.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%23679fd5" /><stop offset=".8" stop-color="%23a1c4e5" stop-opacity=".8" /></linearGradient><linearGradient id="linear-gradient1" x1="-.2" y1="865.2" x2="1788.5" y2="865.2" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%23679fd5" /><stop offset=".8" stop-color="%23a1c4e5" stop-opacity=".8" /></linearGradient></defs><g class="st3"><circle class="st0" cx="155.1" cy="1680" r="18" /><circle class="st0" cx="1735.1" cy="426" r="18" /><circle class="st0" cx="111.4" cy="915.4" r="18" /><path class="st1" d="M0,1870.9c30.2-54.6,71.3-109.6,127.4-161.5,132.5-122.5,83.8-190.7,22-277.2-30.3-42.4-64.5-90.4-80.8-151.3-18.7-69.9-10.5-145.7,24.9-231.7,21.9-53.3,58.9-95.5,113-129.1,48.3-29.9,109.2-52.3,186.3-68.3,143.3-29.8,322.8-32.5,496.4-35.1,207.4-3.2,421.9-6.4,580.8-55.1,85.7-26.3,148.6-63.2,192.4-113,23.8-27,41.9-58.2,54-92.8,12.7-36.3,19.7-76.6,19.1-122.7-1.5-124.5-72-224.9-214.1-298.3h0c-99.8-51.7-232.4-89.1-394-111.4C988,4.2,827.5-3.1,663.6,2.3,365.9,12,87.5,63.1,0,123.8" /><path class="st2" d="M0,35.6c8.4,1.3,18.4,3.1,29.5,5.8,33.7,8.2,77,24.2,115.8,55.5,38.8,31.3,73.1,78,88.7,147.6s12.5,162.3-23.6,285.5c-32.2,109.9-67.7,219.9-89.5,323-21.7,103-29.7,199.3-6.7,282s77.1,151.6,179,199.7c101.8,48.1,251.5,75.5,466.1,75.5s389.6,5.5,535.5,25,260.6,53.1,348.3,109.1c60.5,38.7,108.2,88,144.5,150.9" /></g></svg>');
        background-repeat: no-repeat;
        background-position: center 200px;
        z-index: 1;
      }
    }
  }

  :is(h1, h2, h3, h4, h5, h6) {
    font-family: "dm-sans";
  }

  ul,
  ol,
  .wp-block-list {
    gap: 0;
    li {
      margin: 0 0 8px 0;
      padding: 0;

      &:last-child {
        margin-bottom: 0;
      }
    }

    ul,
    ol,
    .wp-block-list {
      margin-top: 8px;
      padding-block: 0;
      gap: 0;
    }
  }

  a {
    color: var(--blue-600);
    @media screen and (min-width: 1440px) {
      text-decoration: underline;
      text-decoration-thickness: 1px;
    }
    cursor: pointer;
    &:hover,
    &:focus {
      color: var(--blue-600);
      text-decoration: none;
    }
  }

  p {
    margin: 0;
    color: var(--neutral-600);
    font-family: var(--franklin);
    font-size: var(--Body-Text-p-standard);
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
    letter-spacing: -0.25px;
    max-width: var(--Structure-Spacing-max-text-width);
    align-self: stretch;
    max-width: 1140px;
  }

  h4 {
    color: var(--brand-navy);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h4);
    font-style: normal;
    font-weight: 900;
    line-height: 130%; /* 18.2px */
    letter-spacing: 1px;
    text-transform: uppercase;
    align-self: stretch;
    max-width: 1440px;
  }

  h2 {
    color: var(--brand-navy);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h2);
    font-style: normal;
    font-weight: 800;
    line-height: 125%; /* 40px */
    letter-spacing: -0.5px;
    margin-top: 40px;
    &:first-child {
      margin-top: 0;
    }

    &.h2-small {
      color: var(--brand-navy);
      font-family: var(--dm-sans);
      font-size: var(--Headings-h4);
      font-style: normal;
      font-weight: 900;
      line-height: 130%; /* 18.2px */
      letter-spacing: 1px;
      text-transform: uppercase;
    }
  }

  &.Rhoads-Research-Foundation h2 {
    color: var(--blue-800);
  }

  h3 {
    display: flex;
    padding: var(--Object-Spacing-spacing-48) 0px
      var(--Object-Spacing-spacing-12) 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Object-Spacing-spacing-4);
    align-self: stretch;
    color: var(--brand-navy);
    font-family: var(--dm-sans);
    font-size: var(--Headings-h3);
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 28.6px */

    strong {
      font-weight: inherit;
    }
  }

  /*.entry-content > p,
	.entry-content > h2,
	.entry-content > h4 {
		@media screen and (min-width: 1440px) {
			margin: 0 0 var(--Object-Spacing-spacing-16) calc((100% - 1340px) / 2);
			max-width: 1140px;
		}
	}*/

  .entry-content h3 {
    align-items: flex-start;
  }

  /*.entry-content ul,
	.entry-content ol {
		max-width: 1140px;
		margin: 0 0 0 calc((100% - 1340px) / 2);
	}*/

  .edit-link {
    position: fixed;
    background: greenyellow;
    bottom: 0;
  }

  .entry-content {
    > p {
      padding-left: var(--Structure-Spacing-margin-side-standard);
      max-width: unset;
    }
    .wp-block-heading {
      /*margin-left: 0px;
			margin-right: 0px;
			padding-left: var(--Structure-Spacing-margin-side-standard);*/
    }

    /*p:first-of-type {
			@media screen and (max-width: 1439px) and (min-width: 744px) {
				padding: 0 var(--Structure-Spacing-margin-side-standard);
				&.highlight-header {
					padding-left: 0;
				}
			}
			@media screen and (max-width: 744px) {
				padding-left: 0;
			}
		}*/

    .accordion-content p:first-of-type {
      @media screen and (max-width: 1439px) and (min-width: 744px) {
        padding: 0;
      }
    }

    h4.wp-block-heading,
    h2.wp-block-heading,
    .wp-block-columns {
      /* // padding-left: calc((100% - 1340px) / 2); */
      div {
        padding-left: 0;
      }
      scroll-margin-top: 180px;
    }

    .wp-block-columns {
      /* // padding-right: calc((100% - 1340px) / 2); */
      padding-top: 90px;
    }

    .wp-block-separator {
      height: 6px;
      background: var(--MAW-MAW-Gradient-1);
      margin: 0;
      border: 0;
    }
  }

  .session {
    .entry-content p:first-of-type {
      padding-left: 0;
    }
  }

  &.home {
    .entry-content {
      .wp-block-heading,
      .wp-block-columns,
      .single-tier-sponsor-block {
        width: var(--content-width);
        max-width: 100%;
        margin: 0 auto;
        padding-inline: 42px;

        .wp-block-heading {
          padding-inline: 0;
        }
      }
    }

    .thumbnail-text-block,
    .thumbnail-text-block-standard {
      /* max-width: 66%;
			 padding-left: calc((100% - 1240px) / 2);
			@media screen and (min-width: 1900px) {
			 	margin-left: calc((100% - 1240px) / 2);
				max-width: 950px;
		padding-left: 0;
			 } */
    }

    .cta-cards-block {
      width: var(--content-width);
      max-width: 100%;
      margin: 0 auto;
      padding-inline: 42px;
      /* .headers {
				padding-left: calc((100% - 1240px) / 2);
			} */
    }
  }

  footer {
    margin-top: var(--Structure-Spacing-margin-section-top);
  }
}

body:not(.home) {
  .site-main {
    width: var(--content-width);
    max-width: 100%;
    margin: 0 auto;
    padding-inline: var(--Object-Spacing-spacing-60);
  }
}

.button {
  display: flex;
  color: #fff;
  padding: var(--Object-Spacing-spacing-8) var(--Object-Spacing-spacing-24);
  align-items: center;
  gap: var(--Object-Spacing-spacing-12);
  border-radius: 50px;
  background: var(--brand-navy);
  background: var(--Conference-Bright-Gradient);
  margin-top: var(--Object-Spacing-spacing-32);
  text-decoration: none;
}

.cta-button {
  &:hover,
  &:focus {
    background: var(--Conference-Bright-Gradient-Reverse);
  }
}

#breadcrumbs {
  font-family: var(--franklin);
  font-size: var(--Body-Text-p-small);
  font-style: normal;

  &:before {
    content: " ";
    background-color: var(--orange-200);
    height: 9px;
    width: 9px;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
    margin-right: 12px;
    border-radius: 100px;
  }

  span {
    text-decoration: none;
    color: var(--neutral-800);
    font-weight: 500;
    line-height: 150%; /* 21px */
    column-gap: 24px;
    display: inline-flex;
    color: var(--blue-200);
    flex-wrap: wrap;
    max-width: 90%;

    span {
      color: var(--neutral-800);
      font-family: var(--franklin);
      font-size: var(--Body-Text-p-small);
      font-style: normal;
      font-weight: 500;
      line-height: 150%; /* 21px */
    }

    span:first-child {
      color: var(--brand-red);
      font-weight: 500;
      line-height: 150%; /* 21px */
      text-decoration: underline;
      text-decoration-thickness: 0.5px;
    }

    span:last-child {
      font-weight: 350;
      line-height: 150%; /* 21px */
      color: var(--neutral-600);
    }

    a {
      color: var(--brand-red);
      font-size: var(--Body-Text-p-small);
      font-style: normal;
      font-weight: 500;
      line-height: 150%; /* 21px */
      text-decoration-line: underline;
      text-decoration-thickness: 0.5px;
    }
  }

  @media screen and (max-width: 1025px) {
    margin-top: 20px;
  }
}

.wp-block-list {
  padding: var(--Object-Spacing-spacing-24);
  list-style-position: outside;
  font-size: var(--Body-Text-p-standard);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.25px;
}

.home {
  .wp-block-list {
    padding-left: calc((100% - 1240px) / 2);
    max-width: 62%;
    margin: 0 0 0 20px;
  }
}

.page-id-31 .entry-title {
  margin-bottom: 48px;
}

/*.Malnutrition-Awareness-Week.home .entry-content .wp-block-heading {
	padding-left: calc((100% - 1340px) / 2);
}*/

body:not(.home) .site-main.full-width {
  margin: 0;
  padding: 0;
  width: 100%;

  .entry-header,
  .interior-header-block {
    width: var(--content-width);
    max-width: 100%;
    margin: 0 auto;
    padding-inline: var(--Object-Spacing-spacing-60);
  }
}

body.webinar-template-default {
  .site-main {
    width: 1920px;

    .webinar {
      padding-right: 20px;
    }
  }
}

.Malnutrition-Awareness-Week {
  h2 {
    color: var(--MAW-deep-blue);
  }
  #breadcrumbs:before {
    background-color: var(--MAW-bright);
  }
}

img.alignLeft,
img.alignleft {
  float: left;
  margin-right: 24px;
  margin-bottom: 24px;
}

img.alignRight,
img.alignright {
  float: right;
  margin-left: 24px;
  margin-bottom: 24px;
}

.is-hidden {
  display: none;
}

.btn {
  &.btn-outline {
    cursor: pointer;
    background-color: transparent;
    border: 1px solid var(--orange-800);
    color: var(--brand-red);
    padding: 12px 48px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    box-shadow: none;
    line-height: 1.2;
    transition: background-color 0.2s ease-in;

    &:hover {
      background-color: var(--orange-800);
    }
  }
}