@charset "UTF-8";
/* -------------------------------------------------------------------------- *
 * Baseline Framework *
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *
 * CSS and SASS Variables *
 * -------------------------------------------------------------------------- */
/* --------------------------------- *
 * CSS Custom Properties (Variables) *
 * --------------------------------- */
:root {
  --gutter: 30px;
  --border-radius: 8px;
  --grey-gradient: linear-gradient(180deg, rgb(242,242,242) 0%, white 100%);
  --blue-gradient: linear-gradient(0deg, #1D263A 0%, #26314D 100%);
  --blue-gradient-reversed: linear-gradient(0deg, #26314D 0%, #1D263A 100%);
  --accentMargin: calc((100vw - 1430px) / -2);
}

/* ------------------ *
 * Colour Palette Map *
 * ------------------ *
 * For all colours other than pure white and pure black
 * Access values using palette() in Functions.scss
 */
/* -------------- *
 * Font Stack Map *
 * -------------- *
 * For the font-family stacks used in the design
 * Access values using fontStack() in Functions.scss
 */
/* ----------------- *
 * Site Settings Map *
 * ----------------- *
 * For common and shared settings and dimensions
 * Access values using settings() in Functions.scss
 */
/* ----------------- *
 * Media Queries *
 * ----------------- *
 */
/* ------------------ *
 * Palette Map Lookup *
 * ------------------ *
 * Shortcut for $palette_map values in Variables.scss
 * If the shade is not declared in the palette map it will be generated
 * @param $colour: Key for the color name in the palette map
 * @param shade (optional): Key for color shade, defaults to 'default'
 * @return: The requested key value for the color/tint
 */
/* --------------------- *
 * Font Stack Map Lookup *
 * --------------------- *
 * Shortcut for $font_stack_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* ------------------- *
 * Settings Map Lookup *
 * ------------------- *
 * Shortcut for $settings_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* -------------------------------------------------------------------------- *
* Unit Conversions *
* -------------------------------------------------------------------------- */
/* ----------------------- *
 * Pixel to REM Conversion *
 * ----------------------- *
 * Converts a pixel value to a root em value based on the root font-size
 * @param $pixels: The size (in pixels) to convert
 * @return: The size in REMs
 */
/* -------------------------------------------------------------------------- *
 * String Manipulation *
 * -------------------------------------------------------------------------- */
/* ----------------- *
 * Capitalize String *
 * ----------------- *
 * Sets the first character in a string to uppercase
 * @param $string: The string to capitalize
 * @return: The capitalized string
 */
/* -------------------------------------------------------------------------- *
 * Other Functions *
 * -------------------------------------------------------------------------- */
@font-face {
  font-family: "YoungAgrarians";
  src: url("../fonts/YoungAgrarians-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "YoungAgrarians-Bold";
  src: url("../fonts/YoungAgrarians-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "YoungAgrarians-Header";
  src: url("../fonts/YoungAgrarians-Header.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.h1Banner {
  font-family: "YoungAgrarians-Header";
  font-weight: 400;
  font-size: 3rem;
  line-height: 130%;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.pBanner {
  font-family: "Lato, sans-serif";
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 140%;
  letter-spacing: 0%;
}

.h2, .ld-focus-content h2, .component--quote__row--content h2, .component--accordion__container--content h2, .component--tabbed-component__tab--content h2, .component--list-item__item--content h2, .component--faq__item--answer h2, .component--two-column-content-and-image__column h2, .component--two-column-content-and-image__content h2, .component--two-column-text-and-links__column h2, .component--multi-column-content__column h2, .component--fullwidth-callout__content h2, .post-component--content-editor div h2, .component--content-editor h2, .post-component--content-editor h2, .wysiwyg h2, h2 {
  font-family: "YoungAgrarians-Header";
  font-weight: 400;
  font-size: 3rem;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
}

.h3DisplayXS, h3 {
  font-family: "YoungAgrarians-Header";
  font-weight: 400;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.pBodyS {
  font-family: "Lato, sans-serif";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 140%;
  letter-spacing: 0%;
}

.pHeadline, h4 {
  font-family: "Lato, sans-serif";
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0%;
  vertical-align: middle;
}

.authorsName {
  font-style: italic;
}

/* column label (ie. multi-color column), quick links (special sections?) */
.displayS {
  font-family: "YoungAgrarians-Header";
  font-weight: 400;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
}

.headlineM {
  font-family: "Lato, sans-serif";
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
  letter-spacing: 0%;
}

.buttonLabel {
  font-family: "YoungAgrarians-Header", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  letter-spacing: 0%;
  vertical-align: middle;
  text-transform: uppercase;
}

.displayXL {
  font-family: "YoungAgrarians-Header", sans-serif;
  font-weight: 400;
  font-size: 8rem;
  line-height: 130%;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.linksS {
  font-family: "Lato, sans-serif";
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: 0px;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
}

/* -------------------------------------------------------------------------- *
 * CSS and SASS Variables *
 * -------------------------------------------------------------------------- */
/* --------------------------------- *
 * CSS Custom Properties (Variables) *
 * --------------------------------- */
:root {
  --gutter: 30px;
  --border-radius: 8px;
  --grey-gradient: linear-gradient(180deg, rgb(242,242,242) 0%, white 100%);
  --blue-gradient: linear-gradient(0deg, #1D263A 0%, #26314D 100%);
  --blue-gradient-reversed: linear-gradient(0deg, #26314D 0%, #1D263A 100%);
  --accentMargin: calc((100vw - 1430px) / -2);
}

/* ------------------ *
 * Colour Palette Map *
 * ------------------ *
 * For all colours other than pure white and pure black
 * Access values using palette() in Functions.scss
 */
/* -------------- *
 * Font Stack Map *
 * -------------- *
 * For the font-family stacks used in the design
 * Access values using fontStack() in Functions.scss
 */
/* ----------------- *
 * Site Settings Map *
 * ----------------- *
 * For common and shared settings and dimensions
 * Access values using settings() in Functions.scss
 */
/* ----------------- *
 * Media Queries *
 * ----------------- *
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *
 * CSS and SASS Variables *
 * -------------------------------------------------------------------------- */
/* --------------------------------- *
 * CSS Custom Properties (Variables) *
 * --------------------------------- */
:root {
  --gutter: 30px;
  --border-radius: 8px;
  --grey-gradient: linear-gradient(180deg, rgb(242,242,242) 0%, white 100%);
  --blue-gradient: linear-gradient(0deg, #1D263A 0%, #26314D 100%);
  --blue-gradient-reversed: linear-gradient(0deg, #26314D 0%, #1D263A 100%);
  --accentMargin: calc((100vw - 1430px) / -2);
}

/* ------------------ *
 * Colour Palette Map *
 * ------------------ *
 * For all colours other than pure white and pure black
 * Access values using palette() in Functions.scss
 */
/* -------------- *
 * Font Stack Map *
 * -------------- *
 * For the font-family stacks used in the design
 * Access values using fontStack() in Functions.scss
 */
/* ----------------- *
 * Site Settings Map *
 * ----------------- *
 * For common and shared settings and dimensions
 * Access values using settings() in Functions.scss
 */
/* ----------------- *
 * Media Queries *
 * ----------------- *
 */
/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* ------------------ *
 * Palette Map Lookup *
 * ------------------ *
 * Shortcut for $palette_map values in Variables.scss
 * If the shade is not declared in the palette map it will be generated
 * @param $colour: Key for the color name in the palette map
 * @param shade (optional): Key for color shade, defaults to 'default'
 * @return: The requested key value for the color/tint
 */
/* --------------------- *
 * Font Stack Map Lookup *
 * --------------------- *
 * Shortcut for $font_stack_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* ------------------- *
 * Settings Map Lookup *
 * ------------------- *
 * Shortcut for $settings_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* -------------------------------------------------------------------------- *
* Unit Conversions *
* -------------------------------------------------------------------------- */
/* ----------------------- *
 * Pixel to REM Conversion *
 * ----------------------- *
 * Converts a pixel value to a root em value based on the root font-size
 * @param $pixels: The size (in pixels) to convert
 * @return: The size in REMs
 */
/* -------------------------------------------------------------------------- *
 * String Manipulation *
 * -------------------------------------------------------------------------- */
/* ----------------- *
 * Capitalize String *
 * ----------------- *
 * Sets the first character in a string to uppercase
 * @param $string: The string to capitalize
 * @return: The capitalized string
 */
/* -------------------------------------------------------------------------- *
 * Other Functions *
 * -------------------------------------------------------------------------- */
.page--newsletters, .component--courses .container, .filter__filters, .filter__wrapper--title, .component--ninjaForms__row, .component--community-event__container, .component--archives__wrapper, .component--button__row, .component--quote__row, .component--accordion__item, .component--accordion__header--inner, .component--tabbed-component__row, .component--list-item__row, .component--faq__row, .component--video-row .recent-videos__container, .component--statistics__row, .component--testimonials__row, .component--umap__row, .component--informational-header__content, .component--two-column-content-and-image__row, .component--two-column-links-and-image__row, .component--two-column-text-and-links__row, .component--multi-column-content, .component--fullwidth-callout__content, .fixed__sidebar .sidebar, .component--event-series-list > div, .archive--results .row #archive-results, .single-event__content, .page .post-component--image-with-text, .post-component--cta-block, .component--generic-post__content, .component--recent-posts .recent-posts__container, .component--featured-courses, .component--hero-section__carousel .hero-section__slidecontent, .component--hero-section .hero-section__container, .component--focus-section .row, .component--posts-overview-tile .posts-overview, .component--image-cta .row, .component--newsletter-banner .row .newsletter__container, .component--contact-us .contact-us__container, .component--posts-preview .posts-preview, .component--homepageHero .homepageHero__content, body.single-post .component--single-post-body .single-post-body__container, .component--content-editor, .post-component--content-editor, .wysiwyg, footer .site-footer, .page-template-page-sidebar .component:not(.component--homepageHero):not(.component--hero-section):not(.component--timeline-hero-section):not(.component--image-cta) {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  max-width: 1264px;
}
@media screen and (max-width: 1510px) {
  .page--newsletters, .component--courses .container, .filter__filters, .filter__wrapper--title, .component--ninjaForms__row, .component--community-event__container, .component--archives__wrapper, .component--button__row, .component--quote__row, .component--accordion__item, .component--accordion__header--inner, .component--tabbed-component__row, .component--list-item__row, .component--faq__row, .component--video-row .recent-videos__container, .component--statistics__row, .component--testimonials__row, .component--umap__row, .component--informational-header__content, .component--two-column-content-and-image__row, .component--two-column-links-and-image__row, .component--two-column-text-and-links__row, .component--multi-column-content, .component--fullwidth-callout__content, .fixed__sidebar .sidebar, .component--event-series-list > div, .archive--results .row #archive-results, .single-event__content, .page .post-component--image-with-text, .post-component--cta-block, .component--generic-post__content, .component--recent-posts .recent-posts__container, .component--featured-courses, .component--hero-section__carousel .hero-section__slidecontent, .component--hero-section .hero-section__container, .component--focus-section .row, .component--posts-overview-tile .posts-overview, .component--image-cta .row, .component--newsletter-banner .row .newsletter__container, .component--contact-us .contact-us__container, .component--posts-preview .posts-preview, .component--homepageHero .homepageHero__content, body.single-post .component--single-post-body .single-post-body__container, .component--content-editor, .post-component--content-editor, .wysiwyg, footer .site-footer, .page-template-page-sidebar .component:not(.component--homepageHero):not(.component--hero-section):not(.component--timeline-hero-section):not(.component--image-cta) {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
}

.visuallyHidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.page--newsletters .newsletters__single .single__image-link .image__bg-holder, .page--newsletters .newsletters__single .single__image-link, .component--ninjaForms .nf-form-content .submit-wrap input[type=submit], .component--button__row--item a, .component--video-row .recent-videos__post .post__image .image__bg-holder, .component--video-row .recent-videos__post .post__image .image__link, .component--video-row .recent-videos__post, .fixed__sidebar .related__news--title a, .event-series__series div h3.h2 a:after, .event-series__series div h3.h2 a, .component--recent-posts .recent-posts__title .h2 .recent-posts__name, .component--recent-posts .recent-posts__title .ld-focus-content h2 .recent-posts__name, .ld-focus-content .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--quote__row--content h2 .recent-posts__name, .component--quote__row--content .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--accordion__container--content h2 .recent-posts__name, .component--accordion__container--content .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--tabbed-component__tab--content h2 .recent-posts__name, .component--tabbed-component__tab--content .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--list-item__item--content h2 .recent-posts__name, .component--list-item__item--content .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--faq__item--answer h2 .recent-posts__name, .component--faq__item--answer .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--two-column-content-and-image__column h2 .recent-posts__name, .component--two-column-content-and-image__column .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--two-column-content-and-image__content h2 .recent-posts__name, .component--two-column-content-and-image__content .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--two-column-text-and-links__column h2 .recent-posts__name, .component--two-column-text-and-links__column .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--multi-column-content__column h2 .recent-posts__name, .component--multi-column-content__column .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--fullwidth-callout__content h2 .recent-posts__name, .component--fullwidth-callout__content .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .component--content-editor h2 .recent-posts__name, .component--content-editor .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .post-component--content-editor h2 .recent-posts__name, .post-component--content-editor .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--recent-posts .recent-posts__title .wysiwyg h2 .recent-posts__name, .wysiwyg .component--recent-posts .recent-posts__title h2 .recent-posts__name, .component--posts-overview-tile .research-status__icon, .component--posts-overview-tile .posts-overview__featured-post .post__image .research-status__corner #corner-svg path, .component--posts-overview-tile .posts-overview__featured-post .post__image .image__bg-holder, .component--posts-overview-tile .posts-overview__featured-post .post__image .image__link, .component--posts-preview .posts-preview__right .tile, .component--posts-preview .posts-preview__featured-post .post__image .corner__tag, .component--posts-preview .posts-preview__featured-post .post__image .image__corner, .component--posts-preview .posts-preview__featured-post .post__image .image__bg-holder, .component--posts-preview .posts-preview__featured-post .post__image .image__link .image__corner path, .component--posts-preview .posts-preview__featured-post .post__image .image__link, .btn {
  transition: all 0.3s ease-in-out;
}

/* --------------------------------- *
 * Mixins *
 * --------------------------------- */
html {
  -webkit-font-smoothing: antialiased;
  font-family: Lato, sans-serif;
  scroll-behavior: smooth;
}

body {
  color: #323232;
  background: #1D263A;
}

.wysiwyg h1,
.h1,
.ld-focus-content h1,
.component--quote__row--content h1,
.component--tabbed-component__tab--content h1,
.component--list-item__item--content h1,
.component--faq__item--answer h1,
.component--two-column-content-and-image__column h1,
.component--two-column-content-and-image__content h1,
.component--two-column-text-and-links__column h1,
.component--multi-column-content__column h1,
.component--fullwidth-callout__content h1,
.post-component--content-editor div h1,
.component--content-editor h1,
.post-component--content-editor h1 {
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 3.25rem;
  line-height: 3.875rem;
  font-weight: bold;
  color: #202E49;
  text-decoration: none;
}
@media screen and (max-width: 700px) {
  .wysiwyg h1,
  .h1,
  .ld-focus-content h1,
  .component--quote__row--content h1,
  .component--tabbed-component__tab--content h1,
  .component--list-item__item--content h1,
  .component--faq__item--answer h1,
  .component--two-column-content-and-image__column h1,
  .component--two-column-content-and-image__content h1,
  .component--two-column-text-and-links__column h1,
  .component--multi-column-content__column h1,
  .component--fullwidth-callout__content h1,
  .post-component--content-editor div h1,
  .component--content-editor h1,
  .post-component--content-editor h1 {
    font-size: 2.625rem;
  }
}
@media screen and (max-width: 375px) {
  .wysiwyg h1,
  .h1,
  .ld-focus-content h1,
  .component--quote__row--content h1,
  .component--tabbed-component__tab--content h1,
  .component--list-item__item--content h1,
  .component--faq__item--answer h1,
  .component--two-column-content-and-image__column h1,
  .component--two-column-content-and-image__content h1,
  .component--two-column-text-and-links__column h1,
  .component--multi-column-content__column h1,
  .component--fullwidth-callout__content h1,
  .post-component--content-editor div h1,
  .component--content-editor h1,
  .post-component--content-editor h1 {
    font-size: 2.1875rem;
  }
}

.wysiwyg h2,
.h2,
.ld-focus-content h2,
.component--quote__row--content h2,
.component--accordion__container--content h2,
.component--tabbed-component__tab--content h2,
.component--list-item__item--content h2,
.component--faq__item--answer h2,
.component--two-column-content-and-image__column h2,
.component--two-column-content-and-image__content h2,
.component--two-column-text-and-links__column h2,
.component--multi-column-content__column h2,
.component--fullwidth-callout__content h2,
.post-component--content-editor div h2,
.component--content-editor h2,
.post-component--content-editor h2 {
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 3rem;
  line-height: 3.5rem;
  font-weight: normal;
  color: #323232;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (max-width: 980px) {
  .wysiwyg h2,
  .h2,
  .ld-focus-content h2,
  .component--quote__row--content h2,
  .component--accordion__container--content h2,
  .component--tabbed-component__tab--content h2,
  .component--list-item__item--content h2,
  .component--faq__item--answer h2,
  .component--two-column-content-and-image__column h2,
  .component--two-column-content-and-image__content h2,
  .component--two-column-text-and-links__column h2,
  .component--multi-column-content__column h2,
  .component--fullwidth-callout__content h2,
  .post-component--content-editor div h2,
  .component--content-editor h2,
  .post-component--content-editor h2 {
    font-size: 2.625rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 700px) {
  .wysiwyg h2,
  .h2,
  .ld-focus-content h2,
  .component--quote__row--content h2,
  .component--accordion__container--content h2,
  .component--tabbed-component__tab--content h2,
  .component--list-item__item--content h2,
  .component--faq__item--answer h2,
  .component--two-column-content-and-image__column h2,
  .component--two-column-content-and-image__content h2,
  .component--two-column-text-and-links__column h2,
  .component--multi-column-content__column h2,
  .component--fullwidth-callout__content h2,
  .post-component--content-editor div h2,
  .component--content-editor h2,
  .post-component--content-editor h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}
.wysiwyg h2.header,
.h2.header,
.ld-focus-content h2.header,
.component--quote__row--content h2.header,
.component--accordion__container--content h2.header,
.component--tabbed-component__tab--content h2.header,
.component--list-item__item--content h2.header,
.component--faq__item--answer h2.header,
.component--two-column-content-and-image__column h2.header,
.component--two-column-content-and-image__content h2.header,
.component--two-column-text-and-links__column h2.header,
.component--multi-column-content__column h2.header,
.component--fullwidth-callout__content h2.header,
.component--content-editor h2.header,
.post-component--content-editor h2.header {
  font-family: "YoungAgrarians-Header", sans-serif;
}

.hero-container.dark .h2, .hero-container.dark .ld-focus-content h2, .ld-focus-content .hero-container.dark h2, .hero-container.dark .component--quote__row--content h2, .component--quote__row--content .hero-container.dark h2, .hero-container.dark .component--accordion__container--content h2, .component--accordion__container--content .hero-container.dark h2, .hero-container.dark .component--tabbed-component__tab--content h2, .component--tabbed-component__tab--content .hero-container.dark h2, .hero-container.dark .component--list-item__item--content h2, .component--list-item__item--content .hero-container.dark h2, .hero-container.dark .component--faq__item--answer h2, .component--faq__item--answer .hero-container.dark h2, .hero-container.dark .component--two-column-content-and-image__column h2, .component--two-column-content-and-image__column .hero-container.dark h2, .hero-container.dark .component--two-column-content-and-image__content h2, .component--two-column-content-and-image__content .hero-container.dark h2, .hero-container.dark .component--two-column-text-and-links__column h2, .component--two-column-text-and-links__column .hero-container.dark h2, .hero-container.dark .component--multi-column-content__column h2, .component--multi-column-content__column .hero-container.dark h2, .hero-container.dark .component--fullwidth-callout__content h2, .component--fullwidth-callout__content .hero-container.dark h2, .hero-container.dark .component--content-editor h2, .component--content-editor .hero-container.dark h2, .hero-container.dark .post-component--content-editor h2, .post-component--content-editor .hero-container.dark h2, .hero-container.dark .wysiwyg h2, .wysiwyg .hero-container.dark h2 {
  color: #fff;
}

.h3, .ld-focus-content h3, .component--quote__row--content h3, .component--accordion__container--content h3, .component--tabbed-component__tab--content h3, .component--list-item__item--content h3, .component--faq__item--answer h3, .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__content h3, .component--two-column-text-and-links__column h3, .component--multi-column-content__column h3, .component--fullwidth-callout__content h3, .post-component--content-editor div h3, .component--content-editor h3, .post-component--content-editor h3, .wysiwyg h3 {
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 2rem;
  color: #323232;
  line-height: 130%;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (max-width: 700px) {
  .h3, .ld-focus-content h3, .component--quote__row--content h3, .component--accordion__container--content h3, .component--tabbed-component__tab--content h3, .component--list-item__item--content h3, .component--faq__item--answer h3, .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__content h3, .component--two-column-text-and-links__column h3, .component--multi-column-content__column h3, .component--fullwidth-callout__content h3, .post-component--content-editor div h3, .component--content-editor h3, .post-component--content-editor h3, .wysiwyg h3 {
    font-size: 1.5rem;
  }
}

.h4, .ld-focus-content h4, .component--quote__row--content h4, .component--accordion__container--content h4, .component--tabbed-component__tab--content h4, .component--list-item__item--content h4, .component--faq__item--answer h4, .component--two-column-content-and-image__column h4, .component--two-column-content-and-image__content h4, .component--two-column-text-and-links__column h4, .component--multi-column-content__column h4, .component--fullwidth-callout__content h4, .post-component--content-editor div h4, .component--content-editor h4, .post-component--content-editor h4, .wysiwyg h4 {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

p {
  font-size: 1.5rem;
  line-height: 2.125rem;
}

.strong, .ld-focus-content strong, .ld-focus-content b, .component--quote__row--content strong, .component--quote__row--content b, .component--tabbed-component__tab--content strong, .component--tabbed-component__tab--content b, .component--list-item__item--content strong, .component--list-item__item--content b, .component--two-column-content-and-image__column strong, .component--two-column-content-and-image__column b, .component--two-column-content-and-image__content strong, .component--two-column-content-and-image__content b, .component--two-column-text-and-links__column strong, .component--two-column-text-and-links__column b, .component--multi-column-content__column strong, .component--multi-column-content__column b, .component--fullwidth-callout__content strong, .component--fullwidth-callout__content b, .post-component--content-editor div strong, .component--content-editor strong, .component--content-editor b, .post-component--content-editor strong, .post-component--content-editor b, .wysiwyg strong, .wysiwyg b {
  font-weight: bold;
}

.strong-block {
  font-weight: bold;
  display: block;
}

sup {
  /* Adjust the vertical position */
  vertical-align: super;
  /* Make the text smaller */
  font-size: 75%;
  /* Maintain proper line height */
  line-height: 0;
  /* Optional: add a small left margin for better spacing */
  margin-left: 0.1em;
  /* Prevent superscripts from affecting line height too much */
  position: relative;
  top: -0.5em;
}

.hr {
  border-top: 2px solid #DEE0DF;
  border-inline: none;
  border-bottom: none;
}

@media screen and (max-width: 350px) {
  .contact, .position {
    font-size: 1rem;
  }
}

.email, .phone {
  display: block;
  color: #14807C;
  text-decoration: none;
  line-height: 2.3125rem;
  overflow-wrap: anywhere;
}
.email:hover, .phone:hover {
  text-decoration: underline;
}
@media screen and (max-width: 350px) {
  .email, .phone {
    font-size: 1rem;
  }
}

@media screen and (max-width: 980px) {
  .hero-container {
    font-size: 2.5rem;
  }
}

.post__meta {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  padding-top: 8px;
  padding-bottom: 16px;
}
.post__meta .meta__pipe {
  padding: 0 7px;
  color: #545454;
}
.post__meta .post__category,
.post__meta .post__category a {
  color: #14807C;
  text-decoration: none;
}
.post__meta .post__category:hover,
.post__meta .post__category a:hover {
  text-decoration: underline;
}

.visually-hidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px); /* Hide element but keep it accessible */
  width: 1px;
  height: 1px;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .component--spacer {
    margin-top: 5% !important;
    margin-bottom: 5% !important;
  }
}
@media screen and (max-width: 700px) {
  .component--spacer {
    margin-top: 3% !important;
    margin-bottom: 3% !important;
  }
}

.post-block {
  border-top: 1px solid #DEE0DF;
}
.post-block .post__title {
  font-family: "YoungAgrarians-Header", sans-serif;
  line-height: 2.5rem;
  padding-top: 30px;
}
.post-block .post__title a {
  display: block;
  font-weight: 500;
}

.lightbox-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999999;
}
.lightbox-overlay__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 80%;
}
.lightbox-overlay__close {
  position: absolute;
  top: -20px;
  right: -20px;
  cursor: pointer;
  color: #fff;
  font-size: 24px;
}
.lightbox-overlay__container {
  position: relative;
  width: 50vw;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
}
.lightbox-overlay__container.spotify {
  width: 35vw;
}
.lightbox-overlay__container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-template-page-sidebar .component--homepageHero,
.page-template-page-sidebar .component--hero-section,
.page-template-page-sidebar .component--timeline-hero-section {
  z-index: 2;
}
.page-template-page-sidebar .component:not(.component--homepageHero):not(.component--hero-section):not(.component--timeline-hero-section):not(.component--image-cta) > div {
  max-width: 944px;
  margin-left: 0;
}
@media screen and (max-width: 1450px) {
  .page-template-page-sidebar .component:not(.component--homepageHero):not(.component--hero-section):not(.component--timeline-hero-section):not(.component--image-cta) > div {
    max-width: 60%;
  }
}
@media screen and (max-width: 850px) {
  .page-template-page-sidebar .component:not(.component--homepageHero):not(.component--hero-section):not(.component--timeline-hero-section):not(.component--image-cta) > div {
    max-width: 100%;
    margin-right: 0;
  }
}

.page-template-page-sidebar .sidebar > div {
  width: 415px;
}
@media screen and (max-width: 1199px) {
  .page-template-page-sidebar .sidebar > div {
    width: 350px;
  }
}
@media screen and (max-width: 980px) {
  .page-template-page-sidebar .sidebar > div {
    width: 300px;
  }
}
@media screen and (max-width: 850px) {
  .page-template-page-sidebar .sidebar > div {
    max-width: 415px;
    width: 90%;
  }
}
.page-template-page-sidebar .fixed__sidebar .sidebar--right {
  background: linear-gradient(180deg, rgb(242, 242, 242) 0%, white 100%);
  border-radius: 30px;
}
.page-template-page-sidebar .fixed__sidebar .sidebar--right .container {
  background: none;
  padding: 42px 40px;
}
@media screen and (max-width: 850px) {
  .page-template-page-sidebar .fixed__sidebar .sidebar {
    justify-content: center;
    margin-top: 50px;
  }
}
@media screen and (max-width: 850px) {
  .page-template-page-sidebar .fixed__sidebar {
    position: relative;
    top: auto;
  }
}

.no-posts-found {
  padding: 60px 0 80px;
  min-height: calc(62vh - 183px);
}

.page-wrapper {
  background: #fff;
  overflow: hidden;
}
.page-wrapper.fixed {
  position: fixed;
}
@media screen and (min-width: 1200px) {
  .page-wrapper.fixed {
    position: relative;
  }
}

.green-text {
  color: #17A960;
}

.gold-text {
  color: #FFC20E;
}

/* Anchor Tag Component
 * Provides an adjustable scroll offset via CSS variable --anchor-offset (default 0).
 * The element itself remains visually hidden but occupies space equal to the offset (negative margin pulls content up).
 */
.component--anchor-tag {
  --anchor-offset: 0px;
  position: relative;
  display: block;
  width: 100%;
  height: 1px; /* minimal footprint */
  margin-top: calc(var(--anchor-offset) * -1);
  padding-top: var(--anchor-offset);
  pointer-events: none;
}

/* header */
.site-header {
  height: 188px;
  width: 100%;
  transition: all 0.1s linear;
  position: relative;
  z-index: 99999;
  top: 0;
}
.site-header .row {
  height: 100%;
  width: 100%;
}
.site-header .row .menu-holder {
  position: relative;
  background: #FFFFFF;
  width: 100%;
}
.site-header .row .menu-holder .menu--secondary {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 0 50px;
}
.site-header .row .menu-holder .menu--secondary .menu-item {
  padding-right: 10px;
  margin-right: 25px;
  position: relative;
}
.site-header .row .menu-holder .menu--secondary .menu-item a {
  color: #323232;
  text-decoration: none;
  display: block;
  padding: 0;
  font-size: 1.125rem;
}
.site-header .row .menu-holder .menu--secondary .menu-item a:hover {
  text-decoration: underline;
}
.site-header .row .menu-holder .menu--secondary .menu-item.menu-item-has-children {
  padding-right: 15px;
}
.site-header .row .menu-holder .menu--secondary .menu-item.menu-item-has-children a::after {
  content: url("../img/ya-down-arrow.svg");
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 9px;
}
.site-header .row .menu-holder .menu--secondary .menu-item.menu-item-has-children li a::after {
  border: none;
}
.site-header .row .menu-holder .menu--secondary .menu-item:last-child {
  margin-right: 0;
}
.site-header .row .menu-holder .menu--secondary .menu-item:last-child a {
  padding-right: 0;
}
.site-header .row .menu-holder .menu--main {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  padding: 0 50px;
}
.site-header .row .menu-holder .menu--main .menu-item {
  padding-right: 10px;
  margin-right: 25px;
  position: relative;
}
.site-header .row .menu-holder .menu--main .menu-item a {
  color: #323232;
  text-decoration: none;
  display: block;
  padding: 0;
  font-size: 1.5rem;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "YoungAgrarians-Header", sans-serif;
}
.site-header .row .menu-holder .menu--main .menu-item a:hover {
  text-decoration: underline;
}
.site-header .row .menu-holder .menu--main .menu-item.menu-item-has-children {
  padding-right: 15px;
  margin-right: 35px;
}
.site-header .row .menu-holder .menu--main .menu-item.menu-item-has-children a::after {
  content: url("../img/ya-down-arrow.svg");
  position: absolute;
  width: 0;
  height: 0;
  right: 5px;
  top: -4px;
}
.site-header .row .menu-holder .menu--main .menu-item.menu-item-has-children li a::after {
  content: none;
}
.site-header .row .menu-holder .menu--main .menu-item .sub-menu {
  display: none;
  position: absolute;
  background-color: #FFFFFF;
  border-radius: 0;
  padding: 25px;
  box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.33);
  margin-top: 30px;
  left: -45px;
  min-width: 220px;
  z-index: 9;
}
.site-header .row .menu-holder .menu--main .menu-item .sub-menu li {
  margin-right: 0;
  border-bottom: 1px solid #323232;
}
.site-header .row .menu-holder .menu--main .menu-item .sub-menu li a {
  text-transform: none;
  color: #323232;
  display: inline-block;
  padding: 12px 10px 10px;
  width: 100%;
  white-space: nowrap;
  font-family: Lato, sans-serif;
  font-weight: bold;
}
.site-header .row .menu-holder .menu--main .menu-item .sub-menu li a:hover {
  color: #2B3F74;
  text-decoration: none;
}
.site-header .row .menu-holder .menu--main .menu-item .sub-menu li.italic a {
  font-style: italic;
}
.site-header .row .menu-holder .menu--main .menu-item:last-child {
  margin-right: 0;
}
.site-header .row .menu-holder .menu--main .menu-item:last-child a {
  padding-right: 0;
}
.site-header .row .menu-holder .menu--main .menu-item.open .sub-menu {
  display: block;
}
.site-header .row .menu-holder .menu--main .menu-item.open.menu-item-has-children ::after {
  transform: rotate(180deg);
  top: 25px;
  right: -8px;
}
.site-header .row .menu-holder .menu--main .menu-item.button {
  background: #FFC20E;
  padding: 16px 85px 16px 24px;
  border-radius: 40px;
}
.site-header .row .menu-holder .menu--main .menu-item.button a:after {
  content: url(../img/ya-umap-icon-charcoal.svg);
  position: absolute;
  top: 0;
  margin-left: 10px;
}
.site-header .row .menu-holder .menu--main {
  padding-right: 70px;
}
.site-header .row .menu-holder .menu--main .menu-item .sub-menu {
  padding: 18px 32px;
}
.site-header .row .menu-holder .menu--main .menu-item .sub-menu li {
  line-height: 22px;
}
@media screen and (max-width: 1750px) {
  .site-header .row .menu-holder .menu--main .menu-item .sub-menu:last-of-type {
    margin-left: -110px;
  }
}
.site-header .row .menu-holder .menu--secondary {
  padding: 0 10px 0 0;
}
@media screen and (max-width: 1199px) {
  .site-header .row .menu-holder {
    background: #FFFFFF;
    display: none;
  }
}
.site-header .row.main {
  display: flex;
  background: #FFFFFF;
  height: 132px;
  padding: 0 40px;
}
.site-header .row.main .menu-holder {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 1199px) {
  .site-header .row.main {
    display: none;
  }
}
.site-header .row.secondary .menu-holder .secondary {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #323232;
  height: 56px;
}
.site-header .row.secondary .menu-holder .secondary img {
  padding-right: 20px;
}
.site-header .row.secondary .menu-holder .secondary .menu-item {
  margin-right: 0;
  padding-right: 35px;
}
.site-header .row.secondary .menu-holder .secondary .menu-item a {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #FFFFFF;
}
.site-header .row.secondary .menu-holder .secondary .menu-item.menu-item-has-children a::after {
  top: 4px;
  right: 0;
}
.site-header .row.secondary .menu-holder .secondary .menu-item:last-child {
  padding-right: 28px;
}
.site-header .row.secondary .menu-holder .secondary .menu-item:last-child a {
  color: #FFC20E;
}
.site-header .row.secondary .menu-holder .secondary .elearning {
  display: inline-block;
  padding-right: 35px;
  color: #FFFFFF;
}
.site-header .row.secondary .menu-holder .secondary .elearning img {
  padding-right: 0;
  padding-left: 12px;
  vertical-align: middle;
}
.site-header .row.secondary .menu-holder .secondary .elearning a {
  display: inline-block;
  color: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.site-header .row.secondary .menu-holder .secondary .elearning a:hover {
  text-decoration: underline;
}
.site-header .row .logo-holder {
  display: flex;
  align-items: center;
}
.site-header .row .logo-holder img.header-logo {
  max-height: 104px;
}
@media screen and (max-width: 1199px) {
  .site-header .row .logo-holder img.header-logo {
    max-height: 50px;
  }
}
@media screen and (max-width: 700px) {
  .site-header .row .logo-holder img.header-logo {
    max-height: 27px;
  }
}
@media screen and (max-width: 1199px) {
  .site-header .row {
    align-items: center;
  }
}
.site-header .row.mobilemenu {
  position: fixed;
  top: 0;
  right: 0px;
  width: 100%;
  height: 100vh;
  padding: 0;
  margin-top: 0;
  background: #FFFFFF;
  z-index: 99998; /* one level below the header */
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  overflow-y: auto;
}
.site-header .row.mobilemenu.is-open {
  transform: translateX(0);
}
.site-header .row.mobilemenu.is-open .logo-holder {
  background: #323232;
  height: 100px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.site-header .row.mobilemenu.is-open .logo-holder img {
  width: 90%;
  max-width: 450px;
}
.site-header .row.mobilemenu.is-open .nav--mobile {
  padding-top: 30px;
}
.site-header .row.mobilemenu .mobile-menu-btn.close {
  position: absolute;
  top: 20px;
  right: 30px;
  z-index: 1;
  color: #FFFFFF;
  border: none;
  font-size: 3em;
  line-height: 1;
  font-weight: 300;
  height: auto;
  width: auto;
  padding: 5px;
  margin: 0;
}
.site-header .row.fixed {
  position: fixed;
  top: 0;
  height: 132px;
  background: #FFF;
  padding: 0 40px;
  box-shadow: 1px 1px 6px #999;
  z-index: -1;
  width: 100%;
  max-width: 100%;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.site-header .row.fixed .fixed--menu__holder {
  width: 100%;
  display: flex;
  margin: 0 auto;
}
@media screen and (max-width: 1199px) {
  .site-header .row.fixed .fixed--menu__holder {
    justify-content: space-between;
    align-items: center;
  }
}
.site-header .row.fixed .menu-holder {
  background: #FFF;
  height: auto;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.site-header .row.fixed .menu-holder .secondary .left .menu-item a {
  color: #545454;
}
.site-header .row.fixed .menu-holder .secondary .left .menu-item a::after {
  border-color: #545454 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.site-header .row.fixed .menu-holder::before {
  display: none;
}
.site-header .row.fixed .menu-holder::after {
  display: none;
}
.site-header .row.fixed::after {
  display: none;
}
@media screen and (max-width: 1199px) {
  .site-header .row.fixed {
    height: 100px;
    display: flex;
    opacity: 1;
    z-index: 9999;
  }
}
@media screen and (min-width: 1200px) {
  .site-header .row.mobilemenu {
    display: none;
  }
}
@media screen and (max-width: 1199px) {
  .site-header {
    background: #FFF;
    height: 100px;
  }
}
@media screen and (max-width: 700px) {
  .site-header {
    height: 75px;
  }
}
.site-header.show {
  z-index: 99999;
}
.site-header.show .row.fixed {
  opacity: 1;
  display: flex;
  height: 132px;
}
@media screen and (max-width: 1199px) {
  .site-header.show .row.fixed {
    height: 100px;
  }
}
.site-header.show .row.fixed.zindex {
  z-index: 99999;
}
.site-header.show .row.main {
  display: none;
}
.site-header.hide-secondary .row.fixed {
  margin-top: -70px;
}
.site-header.hide-secondary .row.fixed .logo-holder {
  margin-top: 75px;
  margin-bottom: 0;
}
@media screen and (max-width: 1199px) {
  .site-header.hide-secondary .row.fixed .logo-holder {
    margin-top: 0;
  }
}
@media screen and (max-width: 1199px) {
  .site-header.hide-secondary .row.fixed {
    margin-top: 0;
  }
}
@media screen and (max-width: 1199px) {
  .site-header {
    position: fixed;
    top: 0;
  }
}

.page-wrapper.fixed .site-header {
  border-radius: 0;
}
.page-wrapper.fixed .row.fixed {
  box-shadow: none;
}
@media screen and (max-width: 1199px) {
  .page-wrapper {
    padding-top: 100px;
  }
}
@media screen and (max-width: 700px) {
  .page-wrapper {
    padding-top: 75px;
  }
}

.site-header.logo--light img.header-logo {
  filter: brightness(0) invert(1);
}
@media screen and (max-width: 1199px) {
  .site-header.logo--light img.header-logo {
    filter: brightness(1) invert(0);
  }
}
.site-header.logo--light.show img.header-logo {
  filter: brightness(1) invert(0);
}

@media screen and (max-width: 1200px) {
  .menu--desktop {
    display: block;
  }
}
@media screen and (max-width: 1199px) {
  .menu--desktop {
    display: none;
  }
}
.menu--mobile__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
}
@media screen and (max-width: 1199px) {
  .menu--mobile__header {
    height: 100px;
  }
}
@media screen and (max-width: 700px) {
  .menu--mobile__header {
    height: 75px;
  }
}
@media screen and (max-width: 1199px) {
  .menu--mobile__header .logo-holder img {
    height: 70px;
  }
}
@media screen and (max-width: 700px) {
  .menu--mobile__header .logo-holder img {
    height: 55px;
  }
}
@media screen and (min-width: 1200px) {
  .menu--mobile {
    display: none;
    position: relative;
  }
}
@media screen and (max-width: 1199px) {
  .menu--mobile {
    display: block;
    position: fixed;
    width: 100%;
  }
}

.search-bar {
  position: absolute;
  right: 0;
  top: 35px;
  width: 50px;
  height: 60px;
}
@media screen and (max-width: 1199px) {
  .search-bar {
    display: block;
    position: relative;
  }
}

.search-bar .search-trigger {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: #E3DEBC;
  border-radius: 50%;
  height: 48px;
  width: 48px;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #323232;
}
@media screen and (max-width: 1199px) {
  .search-bar .search-trigger {
    display: block;
    position: relative;
  }
}

.nav--mobile .search-bar {
  padding: 30px 30px 0;
  margin-bottom: 25px;
}

.nav--mobile .search-bar .search-trigger {
  color: #14807C;
  width: auto; /* A 100% width button with only an icon would look strange */
}

.header-filter-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: #F3EFE5;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1199px) {
  .header-filter-wrapper.desktop {
    display: none !important;
  }
}

.site-header.filter-is-open .header-filter-wrapper {
  display: block;
}

.site-header.filter-is-open .search-trigger svg {
  display: none;
}

.site-header.filter-is-open .search-trigger::before {
  content: "×";
  font-size: 2.5em;
  line-height: 1;
}

.fixed-menu-active.filter-is-open .header-filter-wrapper {
  position: fixed;
  top: 132px;
  width: 100%;
}

.menu-mobile__header--buttons {
  display: flex;
  align-items: center;
}

.mobilefilter {
  position: fixed;
  top: 0;
  right: 0px;
  width: 100%;
  height: 100vh;
  padding: 0;
  margin-top: 0;
  background: #FFFFFF;
  z-index: 99998; /* one level below the header */
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  overflow-y: auto;
}
.mobilefilter.is-open {
  transform: translateX(0);
}
.mobilefilter .logo-holder {
  background: #323232;
  height: 100px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.mobilefilter .logo-holder img {
  width: 90%;
  max-width: 450px;
}
.mobilefilter .mobile-filter-btn.close {
  position: absolute;
  background: #323232;
  top: 20px;
  right: 30px;
  z-index: 1;
  color: #FFFFFF;
  border: none;
  font-size: 3em;
  line-height: 1;
  font-weight: 300;
  height: auto;
  width: auto;
  padding: 5px;
  margin: 0;
}

/* footer */
footer {
  background-color: #323232;
  position: relative;
}
footer .site-footer {
  padding-top: 40px;
  padding-bottom: 30px;
}
footer .site-footer .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .site-footer .row--left {
  max-width: 450px;
}
@media screen and (max-width: 1024px) {
  footer .site-footer .row--left {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 700px) {
  footer .site-footer .row--left {
    margin-bottom: 40px;
  }
}
footer .site-footer .row.fullwidth {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #FFFFFF;
}
footer .site-footer .row.fullwidth a {
  color: #FFFFFF;
  text-decoration: underline;
}
footer .site-footer .row.fullwidth .social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #FFFFFF;
  font-weight: bold;
}
footer .site-footer .row.fullwidth .social .separator {
  margin: 0 5px;
}
footer .site-footer .row.fullwidth .social a {
  color: #FFFFFF;
  text-decoration: underline;
}
footer .site-footer .row.fullwidth .social ul.social-icons {
  display: inline;
}
footer .site-footer .row.fullwidth .social ul.social-icons li {
  margin-left: 8px;
}
@media screen and (max-width: 1024px) {
  footer .site-footer .row.fullwidth {
    flex-direction: column;
    text-align: center;
    margin-top: 75px;
  }
}
footer .site-footer .row .footer-logo {
  margin-bottom: 20px;
  text-align: center;
}
footer .site-footer .row .footer-logo img {
  height: 258px;
}
footer .site-footer .row .footer-info {
  color: #FFFFFF;
}
footer .site-footer .row .footer-info p {
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-bottom: 24px;
}
footer .site-footer .row .footer-info a {
  color: #FFFFFF;
}
footer .site-footer .row .footer-links {
  margin-bottom: 24px;
  margin-left: 30px;
  position: relative;
}
footer .site-footer .row .footer-links p {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  margin-bottom: 9px;
}
footer .site-footer .row .footer-links__email {
  padding-left: 40px;
}
footer .site-footer .row .footer-links__email::before {
  content: url("../img/icon-email.svg");
  position: absolute;
  left: 0;
}
footer .site-footer .row .footer-links__phone {
  padding-left: 40px;
}
footer .site-footer .row .footer-links__phone::before {
  content: url("../img/icon-phone.svg");
  position: absolute;
  left: 0;
}
footer .site-footer .row .footer-links__address {
  padding-left: 40px;
}
footer .site-footer .row .footer-links__address::before {
  content: url("../img/icon-address.svg");
  position: absolute;
  left: 0;
}
@media screen and (max-width: 700px) {
  footer .site-footer .row .footer-links {
    margin-left: 0;
    margin-bottom: 0;
  }
}
footer .site-footer .row .footer-menu ul {
  display: grid;
  grid-template-columns: repeat(3, 150px) 1fr; /* 3 fixed columns, 1 flexible */
  grid-template-rows: auto 1fr;
  gap: 18px;
}
footer .site-footer .row .footer-menu ul li {
  width: 150px;
  margin-left: 18px;
}
footer .site-footer .row .footer-menu ul li a {
  color: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  text-transform: uppercase;
  font-weight: bold;
}
footer .site-footer .row .footer-menu ul li ul.sub-menu {
  margin-top: 18px;
  display: block;
}
footer .site-footer .row .footer-menu ul li ul.sub-menu li {
  margin-left: 0;
  margin-bottom: 8px;
}
footer .site-footer .row .footer-menu ul li ul.sub-menu li a {
  text-decoration: underline;
  font-weight: normal;
  text-transform: none;
}
@media screen and (max-width: 700px) {
  footer .site-footer .row .footer-menu ul li {
    width: 100%;
    margin-left: 0;
  }
}
footer .site-footer .row .footer-menu ul li:nth-child(4),
footer .site-footer .row .footer-menu ul li:nth-child(5) {
  grid-column: 4; /* Place both in the 4th column */
}
footer .site-footer .row .footer-menu ul li:nth-child(5) {
  grid-row: 2; /* Place the 5th item on the 2nd row */
}
@media screen and (max-width: 700px) {
  footer .site-footer .row .footer-menu ul {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  footer .site-footer .row .footer-menu {
    width: 100%;
  }
  footer .site-footer .row .footer-menu ul li.menu-item-has-children {
    position: relative;
  }
  footer .site-footer .row .footer-menu ul li.menu-item-has-children > ul.sub-menu {
    display: none;
  }
  footer .site-footer .row .footer-menu ul li.menu-item-has-children.open > ul.sub-menu {
    display: block;
  }
  footer .site-footer .row .footer-menu ul .footer-menu__parent-toggle {
    background: none;
    border: 0;
    color: #FFFFFF;
    font-size: 1.125rem;
    margin-left: 4px;
    cursor: pointer;
  }
  footer .site-footer .row .footer-menu ul .footer-menu__chevron {
    font-weight: bold;
    display: inline-block;
  }
}
@media screen and (max-width: 1024px) {
  footer .site-footer .row {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 700px) {
  footer .site-footer .row {
    width: 100%;
    justify-content: flex-start;
  }
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #323232;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-family: "YoungAgrarians-Header", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #FFC20E;
  padding: 10px 20px;
  border-radius: 50px;
  border: 3px solid transparent;
  text-align: center;
  height: 56px;
}
.btn--white {
  background: #FFFFFF;
  text-decoration: underline;
  color: #323232;
}
.btn:hover {
  background: #14807C;
  color: #FFFFFF;
  cursor: pointer;
}
@media screen and (max-width: 425px) {
  .btn {
    font-size: 1rem;
  }
}

/* social icons etc */
ul.social-icons {
  display: flex;
  align-items: center;
  gap: 25px;
  flex-wrap: wrap;
  padding-left: 0 !important;
}
@media screen and (max-width: 445px) {
  ul.social-icons {
    justify-content: center;
    border-top: 1px solid #DEE0DF;
    padding-top: 25px;
  }
}
ul.social-icons li {
  display: inline;
}
@media screen and (max-width: 445px) {
  ul.social-icons li:first-of-type {
    padding-bottom: 15px;
    font-size: 18px;
  }
}
@media screen and (max-width: 445px) {
  ul.social-icons li:first-of-type, ul.social-icons li:last-of-type {
    flex-basis: 100%;
    text-align: center;
  }
}
ul.social-icons li a {
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}
ul.social-icons li a:hover {
  transform: scale(1.3);
}
ul.social-icons li a svg {
  fill: #FFFFFF;
}
ul.social-icons li a svg.facebook {
  width: 24px;
  height: 24px;
}
ul.social-icons li a svg.tiktok {
  width: 24px;
  height: 23px;
}
ul.social-icons li a svg.youtube {
  width: 28px;
  height: 20px;
}
ul.social-icons li a svg.linkedin {
  width: 23px;
  height: 23px;
}
ul.social-icons li a svg:hover {
  fill: #75B856;
}

/* social share */
.social-share {
  color: #545454;
  font-weight: bold;
}
.social-share ul.social-icons {
  display: flex;
  align-items: center;
  gap: 25px;
  padding-left: 0 !important;
}
@media screen and (max-width: 445px) {
  .social-share ul.social-icons {
    justify-content: center;
  }
}
.social-share ul.social-icons li {
  display: inline;
}
@media screen and (max-width: 445px) {
  .social-share ul.social-icons li:first-of-type {
    padding-bottom: 15px;
    font-size: 18px;
  }
}
@media screen and (max-width: 445px) {
  .social-share ul.social-icons li:first-of-type, .social-share ul.social-icons li:last-of-type {
    flex-basis: 100%;
  }
}
.social-share ul.social-icons li a {
  display: inline-block;
  transition: transform 0.2s ease-in-out;
}
.social-share ul.social-icons li a:hover {
  transform: scale(1.3);
}
.social-share ul.social-icons li a svg {
  fill: #14807C;
}
.social-share ul.social-icons li a svg.facebook {
  width: 30px;
  height: 30px;
}
.social-share ul.social-icons li a svg.tiktok {
  width: 28px;
  height: 27px;
}
.social-share ul.social-icons li a svg.youtube {
  width: 28px;
  height: 20px;
}
.social-share ul.social-icons li a svg.linkedin {
  width: 27px;
  height: 27px;
}
.social-share ul.social-icons li a svg:hover {
  fill: #75B856;
}
.social-share ul.social-icons li a.copy-link {
  background: #14807C;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 20px;
  border-radius: 30px;
  border: 3px solid #FFFFFF;
  line-height: 22px;
  transition: border 300ms ease-in-out;
  width: 155px;
}
.social-share ul.social-icons li a.copy-link svg {
  fill: #FFFFFF;
  vertical-align: bottom;
  margin-right: 5px;
}
.social-share ul.social-icons li a.copy-link:hover {
  cursor: pointer;
  transform: scale(1);
  border: 3px solid #75B856;
}
.social-share ul.social-icons li a.copy-link .copied-text {
  display: none;
}
.social-share ul.social-icons li a.copy-link.copied {
  background: #75B856;
}
.social-share ul.social-icons li a.copy-link.copied .copied-text {
  display: inline;
}
.social-share ul.social-icons li a.copy-link.copied .copy-text {
  display: none;
}

#email-icon, #phone-icon {
  margin-right: 12px;
}

.contact {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.contact .name {
  padding-bottom: 10px;
}
.contact .position {
  padding-bottom: 15px;
}
.contact .email {
  padding-bottom: 20px;
}
.contact .phone {
  padding-bottom: 0px;
}

/* search */
.search-bar {
  width: 50px;
  height: 60px;
  display: block;
  position: absolute;
  right: 0;
  top: 35px;
}
.search-bar .search-form {
  position: relative;
}
.search-bar .search-form button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  background: #E3DEBC;
  border-radius: 50%;
  height: 48px;
  width: 48px;
}
.search-bar .search-form span {
  text-align: center;
  position: absolute;
  top: 28px;
  left: -5px;
  font-size: 0.875rem;
}
.search-bar .search-form input[type=text] {
  width: 100%;
  font-style: italic;
  color: #FFFFFF;
  border: none;
  border-bottom: 1px solid #FFFFFF;
  padding: 10px 40px 15px 0;
  background: transparent;
  font-size: 1.125rem;
  font-family: Lato, sans-serif;
}
.search-bar .search-form input[type=text]:focus {
  font-style: normal;
  padding-left: 5px;
}
.search-bar .search-form svg {
  width: 35px;
  height: 35px;
  fill: #323232;
}
@media screen and (max-width: 1199px) {
  .search-bar {
    display: block;
    position: relative;
    top: auto;
  }
}

.nav--mobile .search-bar {
  padding: 30px 30px 0;
  margin-bottom: 25px;
}
.nav--mobile .search-bar .search-form input[type=text] {
  color: #545454;
  border-bottom: 1px solid #858585;
}
.nav--mobile .search-bar .search-form svg {
  width: 24px;
  height: 24px;
  fill: #14807C;
}

.component--content-editor, .post-component--content-editor, .wysiwyg {
  margin-top: 56px;
  margin-bottom: 56px;
}
.component--content-editor > div, .post-component--content-editor > div, .wysiwyg > div {
  max-width: 960px;
  margin: 0 auto;
}
.component--content-editor h1, .post-component--content-editor h1, .wysiwyg h1 {
  margin-bottom: 20px;
}
.component--content-editor h2, .post-component--content-editor h2, .wysiwyg h2 {
  margin-bottom: 20px;
}
.component--content-editor h3, .post-component--content-editor h3, .wysiwyg h3 {
  margin-bottom: 20px;
}
.component--content-editor h4, .post-component--content-editor h4, .wysiwyg h4 {
  margin-bottom: 20px;
}
.component--content-editor h5, .post-component--content-editor h5, .wysiwyg h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--content-editor h6, .post-component--content-editor h6, .wysiwyg h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--content-editor p,
.component--content-editor ul,
.component--content-editor ol, .post-component--content-editor p,
.post-component--content-editor ul,
.post-component--content-editor ol, .wysiwyg p,
.wysiwyg ul,
.wysiwyg ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--content-editor em, .post-component--content-editor em, .wysiwyg em {
  font-style: italic;
}
.component--content-editor a, .post-component--content-editor a, .wysiwyg a {
  color: #2B3F74;
  word-wrap: break-word;
}
.component--content-editor a:hover, .post-component--content-editor a:hover, .wysiwyg a:hover {
  text-decoration: underline;
}
.component--content-editor img, .post-component--content-editor img, .wysiwyg img {
  max-width: 100%;
}
.component--content-editor ul, .post-component--content-editor ul, .wysiwyg ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--content-editor ul.social-icons, .post-component--content-editor ul.social-icons, .wysiwyg ul.social-icons {
  margin-bottom: 0;
}
.component--content-editor ul li, .post-component--content-editor ul li, .wysiwyg ul li {
  line-height: 1.5;
}
.component--content-editor ul li::marker, .post-component--content-editor ul li::marker, .wysiwyg ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--content-editor ol, .post-component--content-editor ol, .wysiwyg ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--content-editor li, .post-component--content-editor li, .wysiwyg li {
  line-height: 1.8;
}
.component--content-editor hr, .post-component--content-editor hr, .wysiwyg hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--content-editor iframe, .post-component--content-editor iframe, .wysiwyg iframe {
  width: 100%;
  min-height: 400px;
}

p.intro--text {
  font-weight: bold !important;
  font-size: 2.5rem !important;
  line-height: 3.375rem !important;
}
@media screen and (max-width: 700px) {
  p.intro--text {
    font-size: 1.125rem !important;
    line-height: 1.5rem !important;
  }
}

ol.list--big-numbers {
  list-style-type: none; /* Remove default markers */
  counter-reset: list; /* Initialize a counter */
  margin-left: 60px;
  margin-top: 30px;
}
ol.list--big-numbers li {
  position: relative;
  margin-bottom: 25px;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  list-style-type: none;
}
ol.list--big-numbers li::before {
  content: counter(list); /* Insert the counter value */
  counter-increment: list; /* Increment the counter */
  display: block;
  width: 36px;
  height: 36px;
  line-height: 25px;
  border-radius: 50%;
  background-color: #2B3F74;
  color: white;
  text-align: center;
  position: absolute;
  left: -60px;
  top: 0;
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 1.5rem;
  line-height: 2.0625rem;
  font-weight: 500;
}
ol.list--big-numbers li li {
  list-style-type: none;
}
ol.list--big-numbers li li::before {
  content: "";
  counter-increment: none;
  width: 6px;
  height: 6px;
  line-height: 25px;
  border-radius: 50%;
  background-color: #14807C;
  left: -20px;
  top: 50%;
  margin-top: -3px;
}

.component--content-editor ul.table-of-contents {
  border-left: 3px solid #323232;
  padding-left: 0;
}
.component--content-editor ul.table-of-contents li {
  margin-left: 40px;
  margin-bottom: 12px;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.component--content-editor ul.table-of-contents li:first-child {
  list-style-type: none;
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 2rem;
  line-height: 2.625rem;
  background: #FFFFFF;
  text-transform: uppercase;
  margin-left: -3px;
  padding-bottom: 16px;
  margin-bottom: 18px;
}
@media screen and (max-width: 700px) {
  .component--content-editor ul.table-of-contents li {
    font-size: 1.125rem !important;
    line-height: 1.5rem !important;
  }
}
.component--content-editor ul.table-of-contents li a {
  text-decoration: underline;
  color: #323232;
}

blockquote.callout--text {
  padding: 60px 55px;
  width: 100%;
  background: linear-gradient(to bottom, #F3F3F3 0%, #FFFFFF 90%);
  border-radius: var(--border-radius);
}
@media screen and (max-width: 425px) {
  blockquote.callout--text {
    padding: 30px;
  }
}
@media screen and (max-width: 425px) {
  blockquote.callout--text h2 {
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 425px) {
  blockquote.callout--text p {
    font-size: 1rem;
  }
}
blockquote.callout--text p:first-child {
  font-weight: bold;
  font-size: 3.25rem;
  font-family: "YoungAgrarians-Header", sans-serif;
  line-height: 3.875rem;
  color: #2B3F74;
}
@media screen and (max-width: 425px) {
  blockquote.callout--text p strong {
    font-size: 1rem;
    line-height: 1.5;
  }
}
blockquote.callout--text p a {
  color: #CF501C;
}
blockquote.callout--text table tr td {
  padding: 15px;
  border-bottom: 1px solid #DEE0DF;
  text-align: center;
  max-width: 200px;
}
blockquote.callout--text table tr td:first-child {
  text-align: left;
  max-width: 100px;
}

.page-template-page-landing {
  background: #FFFFFF;
}
.page-template-page-landing .component--timeline-hero-section {
  margin-bottom: 0;
  background-color: #1D263A;
}
.page-template-page-landing .component--timeline-hero-section .from {
  margin-bottom: 0;
  background-image: url("../img/sask-wheat-landing-page-image.jpg");
  background-size: cover;
}
.page-template-page-landing .component--timeline-hero-section .from__content {
  position: relative;
}
.page-template-page-landing .component--timeline-hero-section .from__content p {
  margin-bottom: 25px;
}
.page-template-page-landing .component--timeline-hero-section .from__content a {
  font-weight: bold;
  color: #FFFFFF;
}
.page-template-page-landing .component--timeline-hero-section .from__content a img {
  margin-left: 5px;
}
@media screen and (max-width: 700px) {
  .page-template-page-landing .component--timeline-hero-section .from__content {
    grid: none;
  }
}
.page-template-page-landing .component--timeline-hero-section .from__subtitle {
  font-size: 7.125rem;
}
@media screen and (max-width: 980px) {
  .page-template-page-landing .component--timeline-hero-section .from__subtitle {
    font-size: 5.625rem;
  }
}
@media screen and (max-width: 700px) {
  .page-template-page-landing .component--timeline-hero-section .from__subtitle {
    font-size: 4.375rem;
  }
}
@media screen and (max-width: 425px) {
  .page-template-page-landing .component--timeline-hero-section .from__subtitle {
    font-size: 3.75rem;
  }
}
@media screen and (max-width: 980px) {
  .page-template-page-landing .component--timeline-hero-section .from__description {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 425px) {
  .page-template-page-landing .component--timeline-hero-section .from__description {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 700px) {
  .page-template-page-landing .component--timeline-hero-section .from__timeline {
    display: none;
  }
}
.page-template-page-landing .component--timeline-hero-section .from:before {
  display: none;
}
.page-template-page-landing .component--spotlight-section {
  overflow-x: hidden;
  margin-top: 0;
  position: relative;
  margin-bottom: 100px;
  padding-top: 100px;
}
.page-template-page-landing .component--spotlight-section__container {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
}
.page-template-page-landing .component--spotlight-section__container .h3 p, .page-template-page-landing .component--spotlight-section__container .ld-focus-content h3 p, .ld-focus-content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--quote__row--content h3 p, .component--quote__row--content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--accordion__container--content h3 p, .component--accordion__container--content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--tabbed-component__tab--content h3 p, .component--tabbed-component__tab--content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--list-item__item--content h3 p, .component--list-item__item--content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--faq__item--answer h3 p, .component--faq__item--answer .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--two-column-content-and-image__column h3 p, .component--two-column-content-and-image__column .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--two-column-content-and-image__content h3 p, .component--two-column-content-and-image__content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--two-column-text-and-links__column h3 p, .component--two-column-text-and-links__column .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--multi-column-content__column h3 p, .component--multi-column-content__column .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--fullwidth-callout__content h3 p, .component--fullwidth-callout__content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--content-editor h3 p, .component--content-editor .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .post-component--content-editor h3 p, .post-component--content-editor .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .wysiwyg h3 p, .wysiwyg .page-template-page-landing .component--spotlight-section__container h3 p {
  font-size: 2.625rem;
  line-height: 3.25rem;
  max-width: 580px;
}
.page-template-page-landing .component--spotlight-section__container .h3 p b, .page-template-page-landing .component--spotlight-section__container .ld-focus-content h3 p b, .ld-focus-content .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--quote__row--content h3 p b, .component--quote__row--content .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--accordion__container--content h3 p b, .component--accordion__container--content .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--tabbed-component__tab--content h3 p b, .component--tabbed-component__tab--content .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--list-item__item--content h3 p b, .component--list-item__item--content .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--faq__item--answer h3 p b, .component--faq__item--answer .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--two-column-content-and-image__column h3 p b, .component--two-column-content-and-image__column .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--two-column-content-and-image__content h3 p b, .component--two-column-content-and-image__content .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--two-column-text-and-links__column h3 p b, .component--two-column-text-and-links__column .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--multi-column-content__column h3 p b, .component--multi-column-content__column .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--fullwidth-callout__content h3 p b, .component--fullwidth-callout__content .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .component--content-editor h3 p b, .component--content-editor .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .post-component--content-editor h3 p b, .post-component--content-editor .page-template-page-landing .component--spotlight-section__container h3 p b, .page-template-page-landing .component--spotlight-section__container .wysiwyg h3 p b, .wysiwyg .page-template-page-landing .component--spotlight-section__container h3 p b {
  color: #75B856;
}
@media screen and (max-width: 980px) {
  .page-template-page-landing .component--spotlight-section__container .h3 p, .page-template-page-landing .component--spotlight-section__container .ld-focus-content h3 p, .ld-focus-content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--quote__row--content h3 p, .component--quote__row--content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--accordion__container--content h3 p, .component--accordion__container--content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--tabbed-component__tab--content h3 p, .component--tabbed-component__tab--content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--list-item__item--content h3 p, .component--list-item__item--content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--faq__item--answer h3 p, .component--faq__item--answer .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--two-column-content-and-image__column h3 p, .component--two-column-content-and-image__column .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--two-column-content-and-image__content h3 p, .component--two-column-content-and-image__content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--two-column-text-and-links__column h3 p, .component--two-column-text-and-links__column .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--multi-column-content__column h3 p, .component--multi-column-content__column .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--fullwidth-callout__content h3 p, .component--fullwidth-callout__content .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .component--content-editor h3 p, .component--content-editor .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .post-component--content-editor h3 p, .post-component--content-editor .page-template-page-landing .component--spotlight-section__container h3 p, .page-template-page-landing .component--spotlight-section__container .wysiwyg h3 p, .wysiwyg .page-template-page-landing .component--spotlight-section__container h3 p {
    margin: 0 auto 100px;
  }
}
.page-template-page-landing .component--spotlight-section__container h2 {
  color: #75B856;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.page-template-page-landing .component--spotlight-section__row .figures {
  width: 100%;
}
.page-template-page-landing .component--spotlight-section__row .figures--left {
  text-align: left;
}
.page-template-page-landing .component--spotlight-section__row .figures--left h2 {
  text-align: left;
}
.page-template-page-landing .component--spotlight-section__row .figures--left.marginTop {
  margin-top: 65px;
  padding-left: 80px;
  padding-right: 0;
}
.page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .ld-focus-content h3 p, .ld-focus-content .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--quote__row--content h3 p, .component--quote__row--content .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--accordion__container--content h3 p, .component--accordion__container--content .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--tabbed-component__tab--content h3 p, .component--tabbed-component__tab--content .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--list-item__item--content h3 p, .component--list-item__item--content .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--faq__item--answer h3 p, .component--faq__item--answer .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--two-column-content-and-image__column h3 p, .component--two-column-content-and-image__column .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--two-column-content-and-image__content h3 p, .component--two-column-content-and-image__content .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--two-column-text-and-links__column h3 p, .component--two-column-text-and-links__column .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--multi-column-content__column h3 p, .component--multi-column-content__column .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--fullwidth-callout__content h3 p, .component--fullwidth-callout__content .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .component--content-editor h3 p, .component--content-editor .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .post-component--content-editor h3 p, .post-component--content-editor .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p, .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop .wysiwyg h3 p, .wysiwyg .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop h3 p {
  letter-spacing: -1px;
}
@media screen and (max-width: 1410px) {
  .page-template-page-landing .component--spotlight-section__row .figures--left.marginTop {
    padding-left: 0;
  }
}
@media screen and (max-width: 980px) {
  .page-template-page-landing .component--spotlight-section__row .figures--left {
    width: 100%;
    padding: 0;
    margin: 0 auto 100px;
    max-width: 600px;
  }
}
@media screen and (max-width: 700px) {
  .page-template-page-landing .component--spotlight-section__row .figures--left {
    text-align: left;
  }
}
.page-template-page-landing .component--spotlight-section__row .figures--right.superscript h2 {
  margin-bottom: 20px;
}
.page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
  margin-top: 20px;
}
@media screen and (min-width: 2561px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-top: -30px;
  }
}
@media screen and (max-width: 2560px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-top: 0;
  }
}
@media screen and (max-width: 2000px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1700px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1600px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-right: -60px;
    width: 55%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 1450px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-right: -60px;
    width: 55%;
    margin-top: 25px;
  }
}
@media screen and (max-width: 1300px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1210px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-right: -50px;
    width: 55%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1100px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1050px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right.superscript .accents--right img {
    margin-top: 0;
  }
}
@media screen and (max-width: 980px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    max-width: 600px;
  }
}
@media screen and (max-width: 700px) {
  .page-template-page-landing .component--spotlight-section__row .figures--right {
    text-align: left;
  }
}
.page-template-page-landing .component--spotlight-section__row .figures .large__text {
  display: flex;
  align-items: center;
}
.page-template-page-landing .component--spotlight-section__row .figures .large__text .value {
  width: 100%;
  color: #FFFFFF;
  margin-right: 30px;
}
.page-template-page-landing .component--spotlight-section__row .figures .large__text .value img {
  width: 100%;
  height: auto;
}
.page-template-page-landing .component--spotlight-section__row .figures .description {
  padding: 0;
  margin-top: 30px;
  max-width: 585px;
}
@media screen and (max-width: 980px) {
  .page-template-page-landing .component--spotlight-section__row .figures {
    display: block;
  }
}
.page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
  margin-top: 40px;
}
@media screen and (min-width: 2561px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-top: -20px;
  }
}
@media screen and (max-width: 2560px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-top: 20px;
  }
}
@media screen and (max-width: 2000px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1700px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1600px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-left: -130px;
    width: 55%;
    margin-top: 50px;
  }
}
@media screen and (max-width: 1450px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-left: -130px;
    width: 60%;
    margin-top: 45px;
  }
}
@media screen and (max-width: 1300px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-left: -80px;
    width: 55%;
    margin-top: 50px;
  }
}
@media screen and (max-width: 1210px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-left: -80px;
    width: 55%;
    margin-top: 35px;
  }
}
@media screen and (max-width: 1100px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1050px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--left img {
    margin-top: 20px;
  }
}
.page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
  margin-top: 40px;
}
@media screen and (min-width: 2561px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-top: -20px;
  }
}
@media screen and (max-width: 2560px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-top: 20px;
  }
}
@media screen and (max-width: 2000px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1700px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1600px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-right: -60px;
    width: 55%;
    margin-top: 50px;
  }
}
@media screen and (max-width: 1450px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-right: -60px;
    width: 55%;
    margin-top: 45px;
  }
}
@media screen and (max-width: 1300px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1210px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-right: -50px;
    width: 55%;
    margin-top: 35px;
  }
}
@media screen and (max-width: 1100px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1050px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents--right img {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .page-template-page-landing .component--spotlight-section__row .figures .accents {
    display: none;
  }
}
@media screen and (max-width: 1450px) {
  .page-template-page-landing .component--spotlight-section__row {
    width: 90%;
  }
}
.page-template-page-landing .component--step-by-step-section__container {
  margin-bottom: 100px;
}
.page-template-page-landing .line__accent {
  position: absolute;
  z-index: 9;
  top: 380px;
  left: 10%;
}
.page-template-page-landing .line__accent svg {
  height: 755px;
}
@media screen and (max-width: 1410px) {
  .page-template-page-landing .line__accent svg {
    height: 715px;
  }
}
@media screen and (max-width: 980px) {
  .page-template-page-landing .line__accent svg {
    height: 535px;
  }
}
@media screen and (max-width: 850px) {
  .page-template-page-landing .line__accent svg {
    height: 625px;
  }
}
@media screen and (max-width: 775px) {
  .page-template-page-landing .line__accent svg {
    height: 575px;
  }
}
@media screen and (max-width: 525px) {
  .page-template-page-landing .line__accent svg {
    height: 695px;
  }
}
@media screen and (min-width: 2200px) {
  .page-template-page-landing .line__accent {
    left: 20%;
  }
}
@media screen and (max-width: 1700px) {
  .page-template-page-landing .line__accent {
    left: 40px;
  }
}
@media screen and (max-width: 1410px) {
  .page-template-page-landing .line__accent {
    top: 310px;
  }
}
@media screen and (max-width: 1200px) {
  .page-template-page-landing .line__accent {
    top: 230px;
  }
}
@media screen and (max-width: 700px) {
  .page-template-page-landing .line__accent {
    display: none;
  }
}
.page-template-page-landing .three-section-cta__featured .featured__content .featured__description {
  max-width: 475px;
}

body.single-post .component--single-post-body {
  padding-top: 96px;
  padding-bottom: 96px;
}
body.single-post .component--single-post-body .single-post-body__container {
  max-width: 960px;
  margin: 0 auto;
}
body.single-post .component--single-post-body .single-post-body__container.wysiwyg > div {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 30px;
}
body.single-post .component--single-post-body .single-post-body__container img {
  width: auto;
  margin: 0 auto;
  float: none;
  border-radius: var(--border-radius);
  max-height: 800px;
  display: block;
  margin-bottom: 30px;
  margin-top: 30px;
}
body.single-post .component--single-post-body .single-post-body__container p, body.single-post .component--single-post-body .single-post-body__container header.entry-header {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
body.single-post .component--single-post-body .single-post-body__container h4 {
  margin-top: 30px;
}

/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *
 * CSS and SASS Variables *
 * -------------------------------------------------------------------------- */
/* --------------------------------- *
 * CSS Custom Properties (Variables) *
 * --------------------------------- */
:root {
  --gutter: 30px;
  --border-radius: 8px;
  --grey-gradient: linear-gradient(180deg, rgb(242,242,242) 0%, white 100%);
  --blue-gradient: linear-gradient(0deg, #1D263A 0%, #26314D 100%);
  --blue-gradient-reversed: linear-gradient(0deg, #26314D 0%, #1D263A 100%);
  --accentMargin: calc((100vw - 1430px) / -2);
}

/* ------------------ *
 * Colour Palette Map *
 * ------------------ *
 * For all colours other than pure white and pure black
 * Access values using palette() in Functions.scss
 */
/* -------------- *
 * Font Stack Map *
 * -------------- *
 * For the font-family stacks used in the design
 * Access values using fontStack() in Functions.scss
 */
/* ----------------- *
 * Site Settings Map *
 * ----------------- *
 * For common and shared settings and dimensions
 * Access values using settings() in Functions.scss
 */
/* ----------------- *
 * Media Queries *
 * ----------------- *
 */
/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* ------------------ *
 * Palette Map Lookup *
 * ------------------ *
 * Shortcut for $palette_map values in Variables.scss
 * If the shade is not declared in the palette map it will be generated
 * @param $colour: Key for the color name in the palette map
 * @param shade (optional): Key for color shade, defaults to 'default'
 * @return: The requested key value for the color/tint
 */
/* --------------------- *
 * Font Stack Map Lookup *
 * --------------------- *
 * Shortcut for $font_stack_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* ------------------- *
 * Settings Map Lookup *
 * ------------------- *
 * Shortcut for $settings_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* -------------------------------------------------------------------------- *
* Unit Conversions *
* -------------------------------------------------------------------------- */
/* ----------------------- *
 * Pixel to REM Conversion *
 * ----------------------- *
 * Converts a pixel value to a root em value based on the root font-size
 * @param $pixels: The size (in pixels) to convert
 * @return: The size in REMs
 */
/* -------------------------------------------------------------------------- *
 * String Manipulation *
 * -------------------------------------------------------------------------- */
/* ----------------- *
 * Capitalize String *
 * ----------------- *
 * Sets the first character in a string to uppercase
 * @param $string: The string to capitalize
 * @return: The capitalized string
 */
/* -------------------------------------------------------------------------- *
 * Other Functions *
 * -------------------------------------------------------------------------- */
.component--homepageHero {
  color: white;
  max-height: 59.375rem;
  position: relative;
  overflow: hidden;
  min-height: 580px;
  padding-top: 393px;
  padding-bottom: 150px;
}
@media screen and (max-width: 1263px) {
  .component--homepageHero {
    padding-top: 300px;
    padding-bottom: 70px;
    max-height: 800px;
  }
}
@media screen and (max-width: 1199px) {
  .component--homepageHero {
    padding-top: calc(180px + 10vw);
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 425px) {
  .component--homepageHero {
    padding-top: 258px;
    max-height: 800px;
    padding-bottom: 50px;
  }
}
.component--homepageHero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: rgba(14, 18, 28, 0.35);
  overflow: hidden;
}
.component--homepageHero .homepageHero__linesOverlay {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .component--homepageHero .homepageHero__linesOverlay {
    display: none;
  }
}
.component--homepageHero .homepageHero__video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100vw;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  max-height: 950px;
  min-height: 580px;
  overflow: hidden;
}
@media screen and (max-width: 1700px) {
  .component--homepageHero .homepageHero__video {
    min-height: 950px;
  }
}
@media screen and (max-width: 1263px) {
  .component--homepageHero .homepageHero__video {
    min-height: 800px;
  }
}
@media screen and (max-width: 1199px) {
  .component--homepageHero .homepageHero__video {
    min-height: 770px;
  }
}
@media screen and (max-width: 1024px) {
  .component--homepageHero .homepageHero__video {
    min-height: 900px;
  }
}
.component--homepageHero .homepageHero__content {
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 425px) {
  .component--homepageHero .homepageHero__content {
    align-items: center;
    padding-top: 0;
  }
}
.component--homepageHero .homepageHero__title {
  font-family: "YoungAgrarians-Header", sans-serif;
  font-weight: bold;
  font-size: 7.125rem;
  max-width: 1060px;
}
@media screen and (max-width: 1263px) {
  .component--homepageHero .homepageHero__title {
    font-size: 95px;
  }
}
@media screen and (max-width: 1199px) {
  .component--homepageHero .homepageHero__title {
    font-size: 5.3125rem;
    max-width: 898px;
  }
}
@media screen and (max-width: 1024px) {
  .component--homepageHero .homepageHero__title {
    font-size: 4.375rem;
    max-width: 739px;
  }
}
@media screen and (max-width: 768px) {
  .component--homepageHero .homepageHero__title {
    font-size: 4rem;
  }
}
@media screen and (max-width: 425px) {
  .component--homepageHero .homepageHero__title {
    font-size: 3.125rem;
  }
}
.component--homepageHero .homepageHero__description {
  font-size: 1.25rem;
  max-width: 730px;
  padding-top: 22px;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .component--homepageHero .homepageHero__description {
    max-width: 80vw;
  }
}
@media screen and (max-width: 425px) {
  .component--homepageHero .homepageHero__description {
    font-size: 1rem;
    line-height: 1.7;
  }
}
.component--homepageHero .homepageHero__links {
  padding: 38px 0;
  display: flex;
  gap: 33px;
  justify-content: space-between;
  align-items: center;
  max-width: 316px;
}
@media screen and (max-width: 980px) {
  .component--homepageHero .homepageHero__links {
    justify-content: flex-start;
    max-width: 100%;
    align-items: baseline;
  }
}
@media screen and (max-width: 425px) {
  .component--homepageHero .homepageHero__links {
    flex-direction: column;
    align-items: stretch;
    padding: 115px 0 0;
    gap: 15px;
    width: 100%;
  }
}
@media screen and (max-width: 384px) {
  .component--homepageHero .homepageHero__links {
    padding-top: 80px;
  }
}
@media screen and (max-width: 344px) {
  .component--homepageHero .homepageHero__links {
    padding-top: 30px;
  }
}
@media screen and (max-width: 425px) {
  .component--homepageHero .homepageHero__scrollLink {
    text-align: center;
  }
}
.component--homepageHero .homepageHero__scrollText {
  text-transform: capitalize;
  color: white;
  text-decoration: none;
  font-size: 1rem;
}
.component--homepageHero .homepageHero__scrollText:hover {
  text-decoration: underline;
}

/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *
 * CSS and SASS Variables *
 * -------------------------------------------------------------------------- */
/* --------------------------------- *
 * CSS Custom Properties (Variables) *
 * --------------------------------- */
:root {
  --gutter: 30px;
  --border-radius: 8px;
  --grey-gradient: linear-gradient(180deg, rgb(242,242,242) 0%, white 100%);
  --blue-gradient: linear-gradient(0deg, #1D263A 0%, #26314D 100%);
  --blue-gradient-reversed: linear-gradient(0deg, #26314D 0%, #1D263A 100%);
  --accentMargin: calc((100vw - 1430px) / -2);
}

/* ------------------ *
 * Colour Palette Map *
 * ------------------ *
 * For all colours other than pure white and pure black
 * Access values using palette() in Functions.scss
 */
/* -------------- *
 * Font Stack Map *
 * -------------- *
 * For the font-family stacks used in the design
 * Access values using fontStack() in Functions.scss
 */
/* ----------------- *
 * Site Settings Map *
 * ----------------- *
 * For common and shared settings and dimensions
 * Access values using settings() in Functions.scss
 */
/* ----------------- *
 * Media Queries *
 * ----------------- *
 */
/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* ------------------ *
 * Palette Map Lookup *
 * ------------------ *
 * Shortcut for $palette_map values in Variables.scss
 * If the shade is not declared in the palette map it will be generated
 * @param $colour: Key for the color name in the palette map
 * @param shade (optional): Key for color shade, defaults to 'default'
 * @return: The requested key value for the color/tint
 */
/* --------------------- *
 * Font Stack Map Lookup *
 * --------------------- *
 * Shortcut for $font_stack_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* ------------------- *
 * Settings Map Lookup *
 * ------------------- *
 * Shortcut for $settings_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* -------------------------------------------------------------------------- *
* Unit Conversions *
* -------------------------------------------------------------------------- */
/* ----------------------- *
 * Pixel to REM Conversion *
 * ----------------------- *
 * Converts a pixel value to a root em value based on the root font-size
 * @param $pixels: The size (in pixels) to convert
 * @return: The size in REMs
 */
/* -------------------------------------------------------------------------- *
 * String Manipulation *
 * -------------------------------------------------------------------------- */
/* ----------------- *
 * Capitalize String *
 * ----------------- *
 * Sets the first character in a string to uppercase
 * @param $string: The string to capitalize
 * @return: The capitalized string
 */
/* -------------------------------------------------------------------------- *
 * Other Functions *
 * -------------------------------------------------------------------------- */
.component--posts-preview {
  padding-top: 40px;
  padding-bottom: 60px;
}
.component--posts-preview .posts-preview {
  display: grid;
  grid-template-columns: 66% 32%;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media screen and (max-width: 1023px) {
  .component--posts-preview .posts-preview {
    display: block;
  }
}
.component--posts-preview .posts-preview__left .post__meta {
  padding-top: 10px;
}
.component--posts-preview .posts-preview__featured-post .post__link:hover .post__title {
  text-decoration: underline;
}
.component--posts-preview .posts-preview__featured-post .post__link:hover .image__corner {
  border-top-left-radius: 30px;
}
.component--posts-preview .posts-preview__featured-post .post__link:hover .image__corner path {
  fill: #17A960;
}
.component--posts-preview .posts-preview__featured-post .post__link:hover .image__link {
  outline: 3px solid #17A960;
  background-size: 110%;
}
.component--posts-preview .posts-preview__featured-post .post__link:hover .image__link .image__bg-holder {
  transform: scale(1.05);
}
.component--posts-preview .posts-preview__featured-post .post__link:hover .image__link .corner__tag {
  color: #fff;
}
.component--posts-preview .posts-preview__featured-post .post__title.h2, .component--posts-preview .posts-preview__featured-post .ld-focus-content h2.post__title, .ld-focus-content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--quote__row--content h2.post__title, .component--quote__row--content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--accordion__container--content h2.post__title, .component--accordion__container--content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--tabbed-component__tab--content h2.post__title, .component--tabbed-component__tab--content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--list-item__item--content h2.post__title, .component--list-item__item--content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--faq__item--answer h2.post__title, .component--faq__item--answer .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--two-column-content-and-image__column h2.post__title, .component--two-column-content-and-image__column .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--two-column-content-and-image__content h2.post__title, .component--two-column-content-and-image__content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--two-column-text-and-links__column h2.post__title, .component--two-column-text-and-links__column .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--multi-column-content__column h2.post__title, .component--multi-column-content__column .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--fullwidth-callout__content h2.post__title, .component--fullwidth-callout__content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--content-editor h2.post__title, .component--content-editor .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .post-component--content-editor h2.post__title, .post-component--content-editor .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .wysiwyg h2.post__title, .wysiwyg .component--posts-preview .posts-preview__featured-post h2.post__title {
  display: block;
  font-weight: 500;
  line-height: 3.875rem;
  padding-top: 33px;
}
@media screen and (max-width: 700px) {
  .component--posts-preview .posts-preview__featured-post .post__title.h2, .component--posts-preview .posts-preview__featured-post .ld-focus-content h2.post__title, .ld-focus-content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--quote__row--content h2.post__title, .component--quote__row--content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--accordion__container--content h2.post__title, .component--accordion__container--content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--tabbed-component__tab--content h2.post__title, .component--tabbed-component__tab--content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--list-item__item--content h2.post__title, .component--list-item__item--content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--faq__item--answer h2.post__title, .component--faq__item--answer .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--two-column-content-and-image__column h2.post__title, .component--two-column-content-and-image__column .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--two-column-content-and-image__content h2.post__title, .component--two-column-content-and-image__content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--two-column-text-and-links__column h2.post__title, .component--two-column-text-and-links__column .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--multi-column-content__column h2.post__title, .component--multi-column-content__column .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--fullwidth-callout__content h2.post__title, .component--fullwidth-callout__content .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .component--content-editor h2.post__title, .component--content-editor .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .post-component--content-editor h2.post__title, .post-component--content-editor .component--posts-preview .posts-preview__featured-post h2.post__title, .component--posts-preview .posts-preview__featured-post .wysiwyg h2.post__title, .wysiwyg .component--posts-preview .posts-preview__featured-post h2.post__title {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}
.component--posts-preview .posts-preview__featured-post .post__image {
  position: relative;
}
@media screen and (max-width: 425px) {
  .component--posts-preview .posts-preview__featured-post .post__image {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 700px) {
  .component--posts-preview .posts-preview__featured-post .post__image {
    height: 225px;
  }
}
.component--posts-preview .posts-preview__featured-post .post__image .wp-post-image {
  visibility: hidden;
  width: 100%;
  min-height: 418px;
}
.component--posts-preview .posts-preview__featured-post .post__image .image__link {
  min-height: 428px;
  background-color: #DEE0DF;
  height: 100%;
  width: 100%;
  max-height: 458px;
  border-radius: var(--border-radius);
  display: block;
  outline: 3px solid transparent;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 700px) {
  .component--posts-preview .posts-preview__featured-post .post__image .image__link {
    min-height: 0;
    height: 225px;
  }
}
.component--posts-preview .posts-preview__featured-post .post__image .image__bg-holder {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
  border-top-left-radius: 50px;
}
.component--posts-preview .posts-preview__featured-post .post__image .image__corner {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 85px;
  z-index: 1;
  fill: #fff;
  border-top-left-radius: 30px;
}
.component--posts-preview .posts-preview__featured-post .post__image .corner__tag {
  color: #A88A63;
  position: absolute;
  z-index: 3;
  top: 20px;
  left: 24px;
}
.component--posts-preview .posts-preview__next-posts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
  padding-top: 18px;
}
@media screen and (max-width: 700px) {
  .component--posts-preview .posts-preview__next-posts {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 30px;
  }
}
.component--posts-preview .posts-preview__next-posts .post__link {
  border-top: 1px solid #DEE0DF;
  padding-top: 26px;
  display: block;
  margin-top: 2px;
}
.component--posts-preview .posts-preview__next-posts .post__link:hover {
  border-top: 3px solid #14807C;
  margin-top: 0;
}
.component--posts-preview .posts-preview__next-posts .post__link:hover .h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .ld-focus-content h3, .ld-focus-content .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--quote__row--content h3, .component--quote__row--content .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--accordion__container--content h3, .component--accordion__container--content .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--list-item__item--content h3, .component--list-item__item--content .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--faq__item--answer h3, .component--faq__item--answer .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--multi-column-content__column h3, .component--multi-column-content__column .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .component--content-editor h3, .component--content-editor .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .post-component--content-editor h3, .post-component--content-editor .component--posts-preview .posts-preview__next-posts .post__link:hover h3, .component--posts-preview .posts-preview__next-posts .post__link:hover .wysiwyg h3, .wysiwyg .component--posts-preview .posts-preview__next-posts .post__link:hover h3 {
  text-decoration: underline;
}
.component--posts-preview .posts-preview__next-posts .post__title.h3, .component--posts-preview .posts-preview__next-posts .ld-focus-content h3.post__title, .ld-focus-content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--quote__row--content h3.post__title, .component--quote__row--content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--accordion__container--content h3.post__title, .component--accordion__container--content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--tabbed-component__tab--content h3.post__title, .component--tabbed-component__tab--content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--list-item__item--content h3.post__title, .component--list-item__item--content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--faq__item--answer h3.post__title, .component--faq__item--answer .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--two-column-content-and-image__column h3.post__title, .component--two-column-content-and-image__column .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--two-column-content-and-image__content h3.post__title, .component--two-column-content-and-image__content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--two-column-text-and-links__column h3.post__title, .component--two-column-text-and-links__column .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--multi-column-content__column h3.post__title, .component--multi-column-content__column .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--fullwidth-callout__content h3.post__title, .component--fullwidth-callout__content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--content-editor h3.post__title, .component--content-editor .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .post-component--content-editor h3.post__title, .post-component--content-editor .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .wysiwyg h3.post__title, .wysiwyg .component--posts-preview .posts-preview__next-posts h3.post__title {
  font-size: 1.5rem;
  text-decoration: none;
  color: #2B3F74;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 700px) {
  .component--posts-preview .posts-preview__next-posts .post__title.h3, .component--posts-preview .posts-preview__next-posts .ld-focus-content h3.post__title, .ld-focus-content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--quote__row--content h3.post__title, .component--quote__row--content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--accordion__container--content h3.post__title, .component--accordion__container--content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--tabbed-component__tab--content h3.post__title, .component--tabbed-component__tab--content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--list-item__item--content h3.post__title, .component--list-item__item--content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--faq__item--answer h3.post__title, .component--faq__item--answer .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--two-column-content-and-image__column h3.post__title, .component--two-column-content-and-image__column .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--two-column-content-and-image__content h3.post__title, .component--two-column-content-and-image__content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--two-column-text-and-links__column h3.post__title, .component--two-column-text-and-links__column .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--multi-column-content__column h3.post__title, .component--multi-column-content__column .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--fullwidth-callout__content h3.post__title, .component--fullwidth-callout__content .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .component--content-editor h3.post__title, .component--content-editor .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .post-component--content-editor h3.post__title, .post-component--content-editor .component--posts-preview .posts-preview__next-posts h3.post__title, .component--posts-preview .posts-preview__next-posts .wysiwyg h3.post__title, .wysiwyg .component--posts-preview .posts-preview__next-posts h3.post__title {
    line-height: 2rem;
  }
}
.component--posts-preview .posts-preview__right {
  grid-column: 2;
  display: grid;
  row-gap: 30px;
}
@media screen and (min-width: 1515px) {
  .component--posts-preview .posts-preview__right {
    grid-template-rows: 52.5% 41%;
  }
}
@media screen and (max-width: 1023px) {
  .component--posts-preview .posts-preview__right {
    display: flex;
    gap: 30px;
  }
}
@media screen and (max-width: 700px) {
  .component--posts-preview .posts-preview__right {
    flex-direction: column;
  }
}
@media screen and (max-width: 350px) {
  .component--posts-preview .posts-preview__right {
    grid-template-rows: auto auto;
  }
}
.component--posts-preview .posts-preview__right .tile {
  text-decoration: none;
  padding: 42px 45px;
  outline: 3px solid transparent;
  border-radius: var(--border-radius);
  box-shadow: 0px 2px 8px 0px rgba(30, 38, 59, 0.25);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 458px;
}
.component--posts-preview .posts-preview__right .tile:hover {
  cursor: pointer;
  outline: 3px solid #17A960;
}
.component--posts-preview .posts-preview__right .tile:hover .post__title {
  text-decoration: underline;
}
@media screen and (max-width: 1023px) {
  .component--posts-preview .posts-preview__right .tile {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .component--posts-preview .posts-preview__right .tile {
    padding: 28px;
  }
}
.component--posts-preview .posts-preview__right .tile .post__meta {
  display: block;
  padding-bottom: 0;
}
.component--posts-preview .posts-preview__right .tile .post__title {
  font-weight: 500;
  line-height: 1.2;
}
@media screen and (max-width: 700px) {
  .component--posts-preview .posts-preview__right .tile .post__title {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}
.component--posts-preview .posts-preview__right .block-title {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
.component--posts-preview .posts-preview__right .block-title--market-outlook {
  color: #A88A63;
}
.component--posts-preview .posts-preview__right .block-title--podcast {
  color: #FFC20E;
}
.component--posts-preview .posts-preview__right .block-title .h4, .component--posts-preview .posts-preview__right .block-title .ld-focus-content h4, .ld-focus-content .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--quote__row--content h4, .component--quote__row--content .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--accordion__container--content h4, .component--accordion__container--content .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--tabbed-component__tab--content h4, .component--tabbed-component__tab--content .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--list-item__item--content h4, .component--list-item__item--content .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--faq__item--answer h4, .component--faq__item--answer .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--two-column-content-and-image__column h4, .component--two-column-content-and-image__column .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--two-column-content-and-image__content h4, .component--two-column-content-and-image__content .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--two-column-text-and-links__column h4, .component--two-column-text-and-links__column .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--multi-column-content__column h4, .component--multi-column-content__column .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--fullwidth-callout__content h4, .component--fullwidth-callout__content .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .component--content-editor h4, .component--content-editor .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .post-component--content-editor h4, .post-component--content-editor .component--posts-preview .posts-preview__right .block-title h4, .component--posts-preview .posts-preview__right .block-title .wysiwyg h4, .wysiwyg .component--posts-preview .posts-preview__right .block-title h4 {
  padding-left: 15px;
}
.component--posts-preview .posts-preview__market-outlook {
  background: var(--grey-gradient);
}
.component--posts-preview .posts-preview__podcast {
  background: var(--blue-gradient);
}
.component--posts-preview .posts-preview__podcast .post__title {
  color: #fff;
}
.component--posts-preview .posts-preview__podcast .post__title em {
  font-size: 1.375rem;
  font-style: normal;
  display: block;
}
@media screen and (max-width: 700px) {
  .component--posts-preview .posts-preview__podcast .post__title em {
    font-size: 1.375rem;
    line-height: 1.2;
  }
}
.component--posts-preview .posts-preview__podcast .post__spotify {
  display: flex;
  color: #75B856;
  font-weight: bold;
  padding-top: 19px;
}
.component--posts-preview .posts-preview__podcast .post__spotify .spotify-icon {
  padding-right: 10px;
}
.component--posts-preview .post__title {
  text-decoration: none;
  color: #202E49;
}
.component--posts-preview .post__title:hover {
  text-decoration: underline;
}
.component--posts-preview .post__category a {
  color: #14807C;
  text-decoration: none;
}
.component--posts-preview .post__category a:hover {
  text-decoration: underline;
}
.component--posts-preview .post__date {
  color: #545454;
}

.component--contact-us {
  background-color: #F3EFE5;
}
.component--contact-us .contact-us__container {
  max-width: 800px;
  padding-top: 5rem;
  padding-bottom: 5.5rem;
}
.component--contact-us .contact-us__title {
  margin-bottom: 3rem;
  line-height: 3.875rem;
  text-align: center;
}
.component--contact-us .contact-us__content .contact {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2.625rem;
}
.component--contact-us .contact-us__content .contact:last-child {
  margin-bottom: 0;
}
.component--contact-us .contact-us__content .contact__image {
  margin-right: 2.5rem;
}
.component--contact-us .contact-us__content .contact__image img {
  border-radius: var(--border-radius);
}
.component--contact-us .contact-us__content .contact__name {
  text-transform: uppercase;
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 2rem;
  line-height: 2.625rem;
  margin-bottom: 0.375rem;
}
.component--contact-us .contact-us__content .contact__department, .component--contact-us .contact-us__content .contact__position {
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: bold;
}
.component--contact-us .contact-us__content .contact__email, .component--contact-us .contact-us__content .contact__phone {
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.component--contact-us .contact-us__content .contact__email a, .component--contact-us .contact-us__content .contact__phone a {
  color: #323232;
  text-decoration: underline;
}
.component--contact-us .contact-us__content .contact__description {
  display: block;
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-top: 24px;
}

/* newsletter */
.component--newsletter-banner {
  position: relative;
}
.component--newsletter-banner .row {
  position: relative;
}
.component--newsletter-banner .row .newsletter__container {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 50px 0;
}
@media screen and (max-width: 980px) {
  .component--newsletter-banner .row .newsletter__container {
    flex-direction: column;
  }
}
.component--newsletter-banner .row .newsletter__text {
  padding-left: 42px;
  max-width: 65%;
  min-width: 300px;
  z-index: 9;
}
.component--newsletter-banner .row .newsletter__text h2 {
  margin-bottom: 40px;
}
.component--newsletter-banner .row .newsletter__text p {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #545454;
  max-width: 550px;
}
.component--newsletter-banner .row .newsletter__text label {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #2B3F74;
  display: block;
  font-weight: bold;
}
@media screen and (max-width: 700px) {
  .component--newsletter-banner .row .newsletter__text label {
    margin-top: 28px;
    margin-bottom: 0;
  }
}
.component--newsletter-banner .row .newsletter__text form.is-loading {
  opacity: 0.75;
  pointer-events: none;
}
.component--newsletter-banner .row .newsletter__text form.is-loading button[type=submit] .spinner {
  display: inline-block;
}
.component--newsletter-banner .row .newsletter__text form.is-loading button[type=submit] .btn-text {
  opacity: 0.4;
}
.component--newsletter-banner .row .newsletter__text form .input__row {
  max-width: 580px;
}
.component--newsletter-banner .row .newsletter__text form .input__row-row {
  margin-bottom: 24px;
}
.component--newsletter-banner .row .newsletter__text form .input__row-row.single {
  width: 100%;
  gap: 2%;
}
.component--newsletter-banner .row .newsletter__text form .input__row-row.double {
  display: flex;
  gap: 2%;
}
.component--newsletter-banner .row .newsletter__text form .input__row-row.double span {
  width: 49%;
}
.component--newsletter-banner .row .newsletter__text form .input__row label {
  color: #323232;
}
.component--newsletter-banner .row .newsletter__text form .input__row input, .component--newsletter-banner .row .newsletter__text form .input__row select {
  border: 0;
  border-radius: 80px;
  width: 100%;
  color: #545454;
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  padding: 12px 16px;
}
.component--newsletter-banner .row .newsletter__text form .input__row input[type=checkbox] {
  width: auto;
  margin-right: 8px;
}
.component--newsletter-banner .row .newsletter__text form .input__row ul {
  margin-top: 15px;
}
.component--newsletter-banner .row .newsletter__text form .input__row .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #14807C;
  color: #FFF;
}
.component--newsletter-banner .row .newsletter__text form .input__row .btn:hover {
  background-color: #FFC20E;
  color: #323232;
  cursor: pointer;
}
@media screen and (max-width: 700px) {
  .component--newsletter-banner .row .newsletter__text form .input__row .btn {
    margin-top: 28px;
    width: 100%;
  }
}
.component--newsletter-banner .row .newsletter__text form.border input {
  background: #F5F5F5;
}
.component--newsletter-banner .row .newsletter__text form .mc-message {
  margin-top: 16px;
  font-size: 1rem;
}
.component--newsletter-banner .row .newsletter__text form .mc-message.error-message {
  color: red;
}
.component--newsletter-banner .row .newsletter__text form .mc-message.success-message {
  color: #14807C;
}
.component--newsletter-banner .row .newsletter__text form .mc-message:focus {
  outline: 2px solid #2B3F74;
  outline-offset: 4px;
}
.component--newsletter-banner .row .newsletter__text form .is-hidden {
  display: none !important;
}
.component--newsletter-banner .row .newsletter__text form .visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.component--newsletter-banner .row .newsletter__text form button[type=submit] {
  position: relative;
}
.component--newsletter-banner .row .newsletter__text form button[type=submit] .spinner {
  display: none;
  width: 1em;
  height: 1em;
  margin-left: 8px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  animation: mc-spin 0.7s linear infinite;
}
@media screen and (max-width: 980px) {
  .component--newsletter-banner .row .newsletter__text {
    padding-left: 0;
    width: 94%;
    margin: 0 auto;
    max-width: 600px;
  }
}
.component--newsletter-banner .row .newsletter__image {
  height: 100%;
}
.component--newsletter-banner .row .newsletter__image img {
  border-radius: var(--border-radius);
  width: 100%;
  height: auto;
  max-height: 650px;
}
@media screen and (max-width: 1199px) {
  .component--newsletter-banner .row .newsletter__image {
    width: 50%;
  }
}
@media screen and (max-width: 980px) {
  .component--newsletter-banner .row .newsletter__image {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
}
.component--newsletter-banner.no-background {
  background: none !important;
}
.component--newsletter-banner.no-background .newsletter__text h2, .component--newsletter-banner.no-background .newsletter__text p, .component--newsletter-banner.no-background .newsletter__text label {
  color: #323232;
}
.component--newsletter-banner.no-background .newsletter__text form .input__row label {
  color: #323232;
}
.component--newsletter-banner.no-background .newsletter__text form .input__row input,
.component--newsletter-banner.no-background .newsletter__text form .input__row select {
  background: #F5F5F5;
  color: #323232;
}
.component--newsletter-banner.no-background .newsletter__text form .input__row input::-moz-placeholder, .component--newsletter-banner.no-background .newsletter__text form .input__row select::-moz-placeholder {
  color: #323232;
}
.component--newsletter-banner.no-background .newsletter__text form .input__row input::placeholder,
.component--newsletter-banner.no-background .newsletter__text form .input__row select::placeholder {
  color: #323232;
}

@keyframes mc-spin {
  to {
    transform: rotate(360deg);
  }
}
/* Image CTA section */
.component--image-cta {
  position: relative;
  padding-bottom: 200px;
  z-index: 1;
}
.component--image-cta .row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -120px;
  position: relative;
}
.component--image-cta .row .image-cta__container {
  display: block;
  position: relative;
  width: 100%;
  margin: 100px auto 0;
  height: 600px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  transition: all 0.5s ease;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: var(--border-radius);
  transition: all 0.2s ease;
  outline: 3px solid transparent;
  background-clip: padding-box;
}
.component--image-cta .row .image-cta__container:hover {
  outline: 3px solid #17A960;
  cursor: pointer;
}
.component--image-cta .row .image-cta__container:hover::before {
  transform: scale(1.05);
}
.component--image-cta .row .image-cta__container:hover .image-cta__button {
  transform: scale(1.05); /* Grow by 5% on hover */
  border: 3px solid rgb(24.8918918919, 159.3081081081, 154.3297297297); /* Lighter green border */
}
.component--image-cta .row .image-cta__container:hover .image-cta__bg-image {
  transform: scale(1.05);
}
@media screen and (max-width: 700px) {
  .component--image-cta .row .image-cta__container {
    margin-top: 60px;
  }
}
.component--image-cta .row .image-cta__bg-image {
  background-image: inherit;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease;
}
.component--image-cta .row .image-cta__text {
  z-index: 9;
  padding: 50px 75px;
  text-align: left;
  color: #FFFFFF;
  max-width: 50%;
  min-width: 300px;
}
.component--image-cta .row .image-cta__text img {
  margin-bottom: 40px;
}
.component--image-cta .row .image-cta__text h2 {
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 52px;
  line-height: 62px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media screen and (max-width: 700px) {
  .component--image-cta .row .image-cta__text h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
.component--image-cta .row .image-cta__text p {
  font-size: 18px;
  line-height: 27px;
}
@media screen and (max-width: 1199px) {
  .component--image-cta .row .image-cta__text {
    max-width: 800px;
    width: 90%;
  }
}
@media screen and (max-width: 700px) {
  .component--image-cta .row .image-cta__text {
    margin: 0 auto;
    padding: 15px 25px;
  }
}
.component--image-cta .row .image-cta__button {
  background-color: #38794A;
  color: white;
  border: none;
  padding: 17px 19px;
  border-radius: var(--border-radius);
  cursor: pointer;
  font-weight: bold;
  border: 3px solid transparent;
  transition: transform 0.5s ease;
  text-decoration: none;
  display: inline-block;
  margin-top: 30px;
}
@media screen and (min-width: 2000px) {
  .component--image-cta .row:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -80px;
    width: 100%;
    height: 100%;
    background: url("../img/image-cta-bottom-lines.svg");
    background-repeat: no-repeat;
    background-size: 450px;
    background-position: 100% 100%;
    z-index: -1;
  }
}
@media screen and (max-width: 700px) {
  .component--image-cta .row {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
}
.component--image-cta:before {
  content: "";
  width: 100%;
  height: 60%;
  bottom: 0;
  position: absolute;
  background: linear-gradient(#1D263A, #25304B);
  z-index: -1;
}
.component--image-cta:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("../img/curved-lines.svg");
  background-repeat: no-repeat;
  background-size: 650px;
  background-position: 100% 100%;
  z-index: -1;
}
@media screen and (min-width: 2000px) {
  .component--image-cta:after {
    right: 0;
    background: url("../img/straight-lines.svg");
    background-repeat: repeat-x;
    top: 50%;
    width: 50%;
  }
}
@media screen and (max-width: 700px) {
  .component--image-cta:after {
    background-size: 500px;
    background-position: 0 100%;
  }
}
.component--image-cta .green__line {
  position: absolute;
  width: 100%;
  z-index: 1;
  bottom: 35px;
}
@media screen and (min-width: 2000px) {
  .component--image-cta .green__line {
    background: url("../img/image-cta-green-line.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 200px;
    bottom: 29px;
    right: auto;
  }
  .component--image-cta .green__line svg {
    display: none;
  }
  .component--image-cta .green__line:after {
    content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    width: calc((100vw - 1430px) / 2);
    background-color: #75B856;
    top: 0;
    right: 0;
  }
  .component--image-cta .green__line:before {
    content: "";
    position: absolute;
    height: 4px;
    width: calc((100vw - 1430px) / 2);
    background-color: #75B856;
    bottom: 1px;
  }
}
@media screen and (max-width: 700px) {
  .component--image-cta .green__line {
    width: 200%;
    left: -100%;
  }
}
.component--image-cta.light {
  padding-bottom: 0;
}
.component--image-cta.light .row {
  margin-bottom: var(--gutter);
  margin-top: var(--gutter);
}
.component--image-cta.light .row .image-cta__container {
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(30, 38, 59, 0.2);
  box-sizing: border-box;
  border-radius: var(--border-radius);
  background-clip: padding-box;
  outline: 3px solid transparent;
  border: 0;
}
.component--image-cta.light .row .image-cta__container:hover {
  outline: 3px solid #17A960;
}
.component--image-cta.light .row .image-cta__text h2, .component--image-cta.light .row .image-cta__text p {
  color: #2B3F74;
}
@media screen and (min-width: 2000px) {
  .component--image-cta.light .row:after {
    display: none;
  }
}
.component--image-cta.light .green__line {
  display: none;
}
.component--image-cta.light:before {
  display: none;
}
.component--image-cta.light:after {
  display: none;
}

/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *
 * CSS and SASS Variables *
 * -------------------------------------------------------------------------- */
/* --------------------------------- *
 * CSS Custom Properties (Variables) *
 * --------------------------------- */
:root {
  --gutter: 30px;
  --border-radius: 8px;
  --grey-gradient: linear-gradient(180deg, rgb(242,242,242) 0%, white 100%);
  --blue-gradient: linear-gradient(0deg, #1D263A 0%, #26314D 100%);
  --blue-gradient-reversed: linear-gradient(0deg, #26314D 0%, #1D263A 100%);
  --accentMargin: calc((100vw - 1430px) / -2);
}

/* ------------------ *
 * Colour Palette Map *
 * ------------------ *
 * For all colours other than pure white and pure black
 * Access values using palette() in Functions.scss
 */
/* -------------- *
 * Font Stack Map *
 * -------------- *
 * For the font-family stacks used in the design
 * Access values using fontStack() in Functions.scss
 */
/* ----------------- *
 * Site Settings Map *
 * ----------------- *
 * For common and shared settings and dimensions
 * Access values using settings() in Functions.scss
 */
/* ----------------- *
 * Media Queries *
 * ----------------- *
 */
/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* ------------------ *
 * Palette Map Lookup *
 * ------------------ *
 * Shortcut for $palette_map values in Variables.scss
 * If the shade is not declared in the palette map it will be generated
 * @param $colour: Key for the color name in the palette map
 * @param shade (optional): Key for color shade, defaults to 'default'
 * @return: The requested key value for the color/tint
 */
/* --------------------- *
 * Font Stack Map Lookup *
 * --------------------- *
 * Shortcut for $font_stack_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* ------------------- *
 * Settings Map Lookup *
 * ------------------- *
 * Shortcut for $settings_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* -------------------------------------------------------------------------- *
* Unit Conversions *
* -------------------------------------------------------------------------- */
/* ----------------------- *
 * Pixel to REM Conversion *
 * ----------------------- *
 * Converts a pixel value to a root em value based on the root font-size
 * @param $pixels: The size (in pixels) to convert
 * @return: The size in REMs
 */
/* -------------------------------------------------------------------------- *
 * String Manipulation *
 * -------------------------------------------------------------------------- */
/* ----------------- *
 * Capitalize String *
 * ----------------- *
 * Sets the first character in a string to uppercase
 * @param $string: The string to capitalize
 * @return: The capitalized string
 */
/* -------------------------------------------------------------------------- *
 * Other Functions *
 * -------------------------------------------------------------------------- */
.component--posts-overview-tile {
  padding-top: 50px;
  padding-bottom: 100px;
  margin-top: 0;
}
.component--posts-overview-tile.light .posts-overview__featured-post .post .corner__tag {
  color: #A88A63;
}
.component--posts-overview-tile.light .posts-overview__other-posts .post__link {
  border-top: 1px solid #DEE0DF;
}
.component--posts-overview-tile.light .posts-overview__right .btn-wrap {
  border-top: 1px solid #DEE0DF;
}
.component--posts-overview-tile.light .post__title a {
  color: #202E49;
  font-weight: 500;
}
.component--posts-overview-tile.light .post__category a {
  color: #14807C;
}
.component--posts-overview-tile.light .post__date {
  color: #545454;
}
.component--posts-overview-tile.light .research-status__status {
  color: #545454;
}
.component--posts-overview-tile.light .research-status__line {
  background-image: url("../img/research-status-line-light-theme-640px-HR.png");
}
.component--posts-overview-tile.dark {
  background: var(--blue-gradient);
  padding-top: 120px;
}
.component--posts-overview-tile.dark .posts-overview__featured-post .post .corner__tag {
  color: #A88A63;
}
.component--posts-overview-tile.dark .posts-overview__other-posts .post__link {
  border-top: 1px solid #545454;
}
.component--posts-overview-tile.dark .posts-overview .btn-wrap {
  padding-top: 30px;
  border-top: 1px solid #545454;
}
.component--posts-overview-tile.dark .post__title {
  color: #fff;
  font-weight: 500;
}
.component--posts-overview-tile.dark .post__category a {
  color: #17A960;
}
.component--posts-overview-tile.dark .post__meta {
  color: #fff;
}
.component--posts-overview-tile.dark .research-status__status {
  color: #fff;
}
.component--posts-overview-tile.dark .research-status__line {
  background-image: url("../img/research-status-line-dark-theme-640px-HR.png");
}
.component--posts-overview-tile .posts-overview {
  display: grid;
  grid-template-columns: 2fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media screen and (max-width: 1023px) {
  .component--posts-overview-tile .posts-overview {
    display: block;
  }
}
.component--posts-overview-tile .posts-overview__left {
  grid-column: 1;
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .post__title {
  text-decoration: underline;
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .post__image:after {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  background: #17A960;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  z-index: 0;
  border-radius: var(--border-radius);
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .image__link {
  background-size: 110%;
  z-index: 1;
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .image__link .image__bg-holder {
  transform: scale(1.05);
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .image__link .research-status__corner #corner-svg path {
  fill: #17A960;
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .image__link .research-status .research-status__icon {
  fill: #fff;
}
.component--posts-overview-tile .posts-overview__featured-post .post__title.h2, .component--posts-overview-tile .posts-overview__featured-post .ld-focus-content h2.post__title, .ld-focus-content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--quote__row--content h2.post__title, .component--quote__row--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--accordion__container--content h2.post__title, .component--accordion__container--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--tabbed-component__tab--content h2.post__title, .component--tabbed-component__tab--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--list-item__item--content h2.post__title, .component--list-item__item--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--faq__item--answer h2.post__title, .component--faq__item--answer .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-content-and-image__column h2.post__title, .component--two-column-content-and-image__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-content-and-image__content h2.post__title, .component--two-column-content-and-image__content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-text-and-links__column h2.post__title, .component--two-column-text-and-links__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--multi-column-content__column h2.post__title, .component--multi-column-content__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--fullwidth-callout__content h2.post__title, .component--fullwidth-callout__content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--content-editor h2.post__title, .component--content-editor .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .post-component--content-editor h2.post__title, .post-component--content-editor .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .wysiwyg h2.post__title, .wysiwyg .component--posts-overview-tile .posts-overview__featured-post h2.post__title {
  display: block;
  font-weight: 500;
  line-height: 3.875rem;
  padding-top: 33px;
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__title.h2, .component--posts-overview-tile .posts-overview__featured-post .ld-focus-content h2.post__title, .ld-focus-content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--quote__row--content h2.post__title, .component--quote__row--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--accordion__container--content h2.post__title, .component--accordion__container--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--tabbed-component__tab--content h2.post__title, .component--tabbed-component__tab--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--list-item__item--content h2.post__title, .component--list-item__item--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--faq__item--answer h2.post__title, .component--faq__item--answer .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-content-and-image__column h2.post__title, .component--two-column-content-and-image__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-content-and-image__content h2.post__title, .component--two-column-content-and-image__content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-text-and-links__column h2.post__title, .component--two-column-text-and-links__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--multi-column-content__column h2.post__title, .component--multi-column-content__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--fullwidth-callout__content h2.post__title, .component--fullwidth-callout__content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--content-editor h2.post__title, .component--content-editor .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .post-component--content-editor h2.post__title, .post-component--content-editor .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .wysiwyg h2.post__title, .wysiwyg .component--posts-overview-tile .posts-overview__featured-post h2.post__title {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 1490px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__title {
    max-width: 90%;
  }
}
.component--posts-overview-tile .posts-overview__featured-post .post__image {
  padding-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__image {
    height: 225px;
    margin-bottom: 30px;
  }
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .wp-post-image {
  visibility: hidden;
  max-height: 425px;
  width: 100%;
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .image__link {
  min-height: 428px;
  background-color: #DEE0DF;
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius);
  display: block;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__image .image__link {
    min-height: 225px;
    height: 225px;
  }
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .image__link:hover {
  background-size: 110%;
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .image__link:hover .image__bg-holder {
  transform: scale(1.05);
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .image__bg-holder {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__image .image__bg-holder {
    min-height: 225px;
    height: 225px;
  }
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .research-status {
  position: absolute;
  left: -2px;
  bottom: -7px;
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .research-status__corner #corner-svg path {
  fill: #1D263A;
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .research-status__status {
  color: white;
  left: 27px;
  height: 62px;
}
.component--posts-overview-tile .posts-overview__right {
  grid-column: 2;
  overflow: hidden;
}
.component--posts-overview-tile .posts-overview .btn-wrap {
  padding-top: 30px;
}
.component--posts-overview-tile .posts-overview .btn-wrap .btn {
  display: block;
}
@media screen and (max-width: 1023px) {
  .component--posts-overview-tile .posts-overview__other-posts {
    display: flex;
    gap: 30px;
  }
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__other-posts {
    flex-direction: column;
    gap: 0;
  }
}
.component--posts-overview-tile .posts-overview__other-posts.research {
  border-top: none;
}
.component--posts-overview-tile .posts-overview__other-posts.research .other-posts__post {
  overflow: hidden;
  border-top: none;
}
.component--posts-overview-tile .posts-overview__other-posts.research .other-posts__post .post__link {
  border-top: none;
  margin-top: 0;
}
.component--posts-overview-tile .posts-overview__other-posts .post__link {
  display: block;
  margin-top: 2px;
}
.component--posts-overview-tile .posts-overview__other-posts .post__link:hover {
  border-top: solid 3px #17A960;
  margin-top: 0;
}
.component--posts-overview-tile .posts-overview__other-posts .post__link:hover .post__title {
  text-decoration: underline;
}
.component--posts-overview-tile .posts-overview__other-posts .post__link:hover .research-status__line {
  background-image: url("../img/research-status-line-green-640px-HR.png");
}
.component--posts-overview-tile .posts-overview__other-posts .post__title {
  line-height: 2.5rem;
  padding-top: 30px;
  font-weight: 500;
  display: block;
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__other-posts .post__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.component--posts-overview-tile .posts-overview__other-posts .research-status__status {
  left: 5px;
}
.component--posts-overview-tile .posts-overview__other-posts .research-status__line {
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  height: 48px;
  display: block;
}
.component--posts-overview-tile .post__title {
  font-family: "YoungAgrarians-Header", sans-serif;
  text-decoration: none;
}
.component--posts-overview-tile .post__category a {
  text-decoration: none;
}
.component--posts-overview-tile .post__category a:hover {
  text-decoration: underline;
}
.component--posts-overview-tile .research-status {
  position: relative;
  right: 1px;
  width: 100%;
  display: block;
}
.component--posts-overview-tile .research-status__corner {
  height: 58px;
  width: 250px;
}
.component--posts-overview-tile .research-status__corner #corner-svg {
  height: 62px;
}
.component--posts-overview-tile .research-status__corner #corner-svg path {
  height: 58px;
}
.component--posts-overview-tile .research-status__status {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 3;
  top: 0px;
  height: 58px;
}
.component--posts-overview-tile .research-status__icon {
  height: 1rem;
  padding-right: 10px;
  fill: #17A960;
}

/* newsletter */
.component--focus-section {
  margin-top: var(--gutter);
  margin-bottom: var(--gutter);
}
.component--focus-section .row h2 {
  margin-bottom: 30px;
}
.component--focus-section .row .container {
  display: flex;
}
.component--focus-section .row .container .icon {
  max-width: 45px;
  width: 100%;
}
.component--focus-section .row .container .icon img {
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 700px) {
  .component--focus-section .row .container .icon {
    margin-bottom: 10px;
  }
}
.component--focus-section .row .container .content {
  display: flex;
  flex-direction: column;
  margin-left: 30px;
  margin-bottom: 50px;
}
.component--focus-section .row .container .content h3 {
  font-weight: 500;
  line-height: 2.3125rem;
  margin-bottom: 20px;
}
.component--focus-section .row .container .content h4 {
  color: #14807C;
  font-family: Lato, sans-serif;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.125rem;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.component--focus-section .row .container .content .primary {
  margin-bottom: 30px;
}
.component--focus-section .row .container .content .primary p {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.875rem;
}
.component--focus-section .row .container .content .secondary {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  position: relative;
}
.component--focus-section .row .container .content .secondary ul {
  margin-left: 20px;
  list-style-position: inside;
}
.component--focus-section .row .container .content .secondary ul li {
  margin-bottom: 25px;
}
.component--focus-section .row .container .content .secondary ul li:last-child {
  margin-bottom: 0;
}
.component--focus-section .row .container .content .secondary ul li:before {
  /* Unicode bullet symbol */
  content: "•";
  /* Bullet color */
  color: #14807C;
  padding-right: 10px;
  font-size: 1.875rem;
  vertical-align: middle;
  position: absolute;
  left: 0;
}
.component--focus-section .row .container .content .secondary p {
  margin-bottom: 25px;
}
@media screen and (max-width: 700px) {
  .component--focus-section .row .container .content {
    margin-left: 0;
  }
}
@media screen and (max-width: 700px) {
  .component--focus-section .row .container {
    flex-direction: column;
  }
}
@media screen and (max-width: 700px) {
  .component--focus-section .row {
    padding-left: 0;
    padding-right: 0;
  }
}

/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- *
 * CSS and SASS Variables *
 * -------------------------------------------------------------------------- */
/* --------------------------------- *
 * CSS Custom Properties (Variables) *
 * --------------------------------- */
:root {
  --gutter: 30px;
  --border-radius: 8px;
  --grey-gradient: linear-gradient(180deg, rgb(242,242,242) 0%, white 100%);
  --blue-gradient: linear-gradient(0deg, #1D263A 0%, #26314D 100%);
  --blue-gradient-reversed: linear-gradient(0deg, #26314D 0%, #1D263A 100%);
  --accentMargin: calc((100vw - 1430px) / -2);
}

/* ------------------ *
 * Colour Palette Map *
 * ------------------ *
 * For all colours other than pure white and pure black
 * Access values using palette() in Functions.scss
 */
/* -------------- *
 * Font Stack Map *
 * -------------- *
 * For the font-family stacks used in the design
 * Access values using fontStack() in Functions.scss
 */
/* ----------------- *
 * Site Settings Map *
 * ----------------- *
 * For common and shared settings and dimensions
 * Access values using settings() in Functions.scss
 */
/* ----------------- *
 * Media Queries *
 * ----------------- *
 */
/* -------------------------------------------------------------------------- *
 * SASS Map Lookup Functions *
 * -------------------------------------------------------------------------- */
/* ------------------ *
 * Palette Map Lookup *
 * ------------------ *
 * Shortcut for $palette_map values in Variables.scss
 * If the shade is not declared in the palette map it will be generated
 * @param $colour: Key for the color name in the palette map
 * @param shade (optional): Key for color shade, defaults to 'default'
 * @return: The requested key value for the color/tint
 */
/* --------------------- *
 * Font Stack Map Lookup *
 * --------------------- *
 * Shortcut for $font_stack_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* ------------------- *
 * Settings Map Lookup *
 * ------------------- *
 * Shortcut for $settings_map values in Variables.scss
 * @param $key: Key for the value in the map
 * @return: The requested key value
 */
/* -------------------------------------------------------------------------- *
* Unit Conversions *
* -------------------------------------------------------------------------- */
/* ----------------------- *
 * Pixel to REM Conversion *
 * ----------------------- *
 * Converts a pixel value to a root em value based on the root font-size
 * @param $pixels: The size (in pixels) to convert
 * @return: The size in REMs
 */
/* -------------------------------------------------------------------------- *
 * String Manipulation *
 * -------------------------------------------------------------------------- */
/* ----------------- *
 * Capitalize String *
 * ----------------- *
 * Sets the first character in a string to uppercase
 * @param $string: The string to capitalize
 * @return: The capitalized string
 */
/* -------------------------------------------------------------------------- *
 * Other Functions *
 * -------------------------------------------------------------------------- */
.component--posts-overview-tile {
  padding-top: 50px;
  padding-bottom: 100px;
  margin-top: 0;
}
.component--posts-overview-tile.light .posts-overview__featured-post .post .corner__tag {
  color: #A88A63;
}
.component--posts-overview-tile.light .posts-overview__other-posts .post__link {
  border-top: 1px solid #DEE0DF;
}
.component--posts-overview-tile.light .posts-overview__right .btn-wrap {
  border-top: 1px solid #DEE0DF;
}
.component--posts-overview-tile.light .post__title a {
  color: #202E49;
  font-weight: 500;
}
.component--posts-overview-tile.light .post__category a {
  color: #14807C;
}
.component--posts-overview-tile.light .post__date {
  color: #545454;
}
.component--posts-overview-tile.light .research-status__status {
  color: #545454;
}
.component--posts-overview-tile.light .research-status__line {
  background-image: url("../img/research-status-line-light-theme-640px-HR.png");
}
.component--posts-overview-tile.dark {
  background: var(--blue-gradient);
  padding-top: 120px;
}
.component--posts-overview-tile.dark .posts-overview__featured-post .post .corner__tag {
  color: #A88A63;
}
.component--posts-overview-tile.dark .posts-overview__other-posts .post__link {
  border-top: 1px solid #545454;
}
.component--posts-overview-tile.dark .posts-overview .btn-wrap {
  padding-top: 30px;
  border-top: 1px solid #545454;
}
.component--posts-overview-tile.dark .post__title {
  color: #fff;
  font-weight: 500;
}
.component--posts-overview-tile.dark .post__category a {
  color: #17A960;
}
.component--posts-overview-tile.dark .post__meta {
  color: #fff;
}
.component--posts-overview-tile.dark .research-status__status {
  color: #fff;
}
.component--posts-overview-tile.dark .research-status__line {
  background-image: url("../img/research-status-line-dark-theme-640px-HR.png");
}
.component--posts-overview-tile .posts-overview {
  display: grid;
  grid-template-columns: 2fr 1fr;
  -moz-column-gap: 30px;
  column-gap: 30px;
}
@media screen and (max-width: 1023px) {
  .component--posts-overview-tile .posts-overview {
    display: block;
  }
}
.component--posts-overview-tile .posts-overview__left {
  grid-column: 1;
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .post__title {
  text-decoration: underline;
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .post__image:after {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  background: #17A960;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  z-index: 0;
  border-radius: var(--border-radius);
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .image__link {
  background-size: 110%;
  z-index: 1;
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .image__link .image__bg-holder {
  transform: scale(1.05);
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .image__link .research-status__corner #corner-svg path {
  fill: #17A960;
}
.component--posts-overview-tile .posts-overview__featured-post .post__link:hover .image__link .research-status .research-status__icon {
  fill: #fff;
}
.component--posts-overview-tile .posts-overview__featured-post .post__title.h2, .component--posts-overview-tile .posts-overview__featured-post .ld-focus-content h2.post__title, .ld-focus-content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--quote__row--content h2.post__title, .component--quote__row--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--accordion__container--content h2.post__title, .component--accordion__container--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--tabbed-component__tab--content h2.post__title, .component--tabbed-component__tab--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--list-item__item--content h2.post__title, .component--list-item__item--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--faq__item--answer h2.post__title, .component--faq__item--answer .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-content-and-image__column h2.post__title, .component--two-column-content-and-image__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-content-and-image__content h2.post__title, .component--two-column-content-and-image__content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-text-and-links__column h2.post__title, .component--two-column-text-and-links__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--multi-column-content__column h2.post__title, .component--multi-column-content__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--fullwidth-callout__content h2.post__title, .component--fullwidth-callout__content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--content-editor h2.post__title, .component--content-editor .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .post-component--content-editor h2.post__title, .post-component--content-editor .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .wysiwyg h2.post__title, .wysiwyg .component--posts-overview-tile .posts-overview__featured-post h2.post__title {
  display: block;
  font-weight: 500;
  line-height: 3.875rem;
  padding-top: 33px;
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__title.h2, .component--posts-overview-tile .posts-overview__featured-post .ld-focus-content h2.post__title, .ld-focus-content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--quote__row--content h2.post__title, .component--quote__row--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--accordion__container--content h2.post__title, .component--accordion__container--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--tabbed-component__tab--content h2.post__title, .component--tabbed-component__tab--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--list-item__item--content h2.post__title, .component--list-item__item--content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--faq__item--answer h2.post__title, .component--faq__item--answer .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-content-and-image__column h2.post__title, .component--two-column-content-and-image__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-content-and-image__content h2.post__title, .component--two-column-content-and-image__content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--two-column-text-and-links__column h2.post__title, .component--two-column-text-and-links__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--multi-column-content__column h2.post__title, .component--multi-column-content__column .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--fullwidth-callout__content h2.post__title, .component--fullwidth-callout__content .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .component--content-editor h2.post__title, .component--content-editor .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .post-component--content-editor h2.post__title, .post-component--content-editor .component--posts-overview-tile .posts-overview__featured-post h2.post__title, .component--posts-overview-tile .posts-overview__featured-post .wysiwyg h2.post__title, .wysiwyg .component--posts-overview-tile .posts-overview__featured-post h2.post__title {
    font-size: 1.625rem;
    line-height: 2rem;
  }
}
@media screen and (max-width: 1490px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__title {
    max-width: 90%;
  }
}
.component--posts-overview-tile .posts-overview__featured-post .post__image {
  padding-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__image {
    height: 225px;
    margin-bottom: 30px;
  }
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .wp-post-image {
  visibility: hidden;
  max-height: 425px;
  width: 100%;
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .image__link {
  min-height: 428px;
  background-color: #DEE0DF;
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius);
  display: block;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__image .image__link {
    min-height: 225px;
    height: 225px;
  }
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .image__link:hover {
  background-size: 110%;
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .image__link:hover .image__bg-holder {
  transform: scale(1.05);
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .image__bg-holder {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__featured-post .post__image .image__bg-holder {
    min-height: 225px;
    height: 225px;
  }
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .research-status {
  position: absolute;
  left: -2px;
  bottom: -7px;
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .research-status__corner #corner-svg path {
  fill: #1D263A;
}
.component--posts-overview-tile .posts-overview__featured-post .post__image .research-status__status {
  color: white;
  left: 27px;
  height: 62px;
}
.component--posts-overview-tile .posts-overview__right {
  grid-column: 2;
  overflow: hidden;
}
.component--posts-overview-tile .posts-overview .btn-wrap {
  padding-top: 30px;
}
.component--posts-overview-tile .posts-overview .btn-wrap .btn {
  display: block;
}
@media screen and (max-width: 1023px) {
  .component--posts-overview-tile .posts-overview__other-posts {
    display: flex;
    gap: 30px;
  }
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__other-posts {
    flex-direction: column;
    gap: 0;
  }
}
.component--posts-overview-tile .posts-overview__other-posts.research {
  border-top: none;
}
.component--posts-overview-tile .posts-overview__other-posts.research .other-posts__post {
  overflow: hidden;
  border-top: none;
}
.component--posts-overview-tile .posts-overview__other-posts.research .other-posts__post .post__link {
  border-top: none;
  margin-top: 0;
}
.component--posts-overview-tile .posts-overview__other-posts .post__link {
  display: block;
  margin-top: 2px;
}
.component--posts-overview-tile .posts-overview__other-posts .post__link:hover {
  border-top: solid 3px #17A960;
  margin-top: 0;
}
.component--posts-overview-tile .posts-overview__other-posts .post__link:hover .post__title {
  text-decoration: underline;
}
.component--posts-overview-tile .posts-overview__other-posts .post__link:hover .research-status__line {
  background-image: url("../img/research-status-line-green-640px-HR.png");
}
.component--posts-overview-tile .posts-overview__other-posts .post__title {
  line-height: 2.5rem;
  padding-top: 30px;
  font-weight: 500;
  display: block;
}
@media screen and (max-width: 700px) {
  .component--posts-overview-tile .posts-overview__other-posts .post__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.component--posts-overview-tile .posts-overview__other-posts .research-status__status {
  left: 5px;
}
.component--posts-overview-tile .posts-overview__other-posts .research-status__line {
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  height: 48px;
  display: block;
}
.component--posts-overview-tile .post__title {
  font-family: "YoungAgrarians-Header", sans-serif;
  text-decoration: none;
}
.component--posts-overview-tile .post__category a {
  text-decoration: none;
}
.component--posts-overview-tile .post__category a:hover {
  text-decoration: underline;
}
.component--posts-overview-tile .research-status {
  position: relative;
  right: 1px;
  width: 100%;
  display: block;
}
.component--posts-overview-tile .research-status__corner {
  height: 58px;
  width: 250px;
}
.component--posts-overview-tile .research-status__corner #corner-svg {
  height: 62px;
}
.component--posts-overview-tile .research-status__corner #corner-svg path {
  height: 58px;
}
.component--posts-overview-tile .research-status__status {
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 3;
  top: 0px;
  height: 58px;
}
.component--posts-overview-tile .research-status__icon {
  height: 1rem;
  padding-right: 10px;
  fill: #17A960;
}

.component--hero-section {
  padding-top: 188px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
  height: 650px;
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.component--hero-section .hero-section__container {
  z-index: 2;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .component--hero-section .hero-section__container {
    padding-top: 63px;
  }
}
@media screen and (max-width: 425px) {
  .component--hero-section .hero-section__container {
    padding-top: 40px;
  }
}
.component--hero-section .hero-section__title.h2, .component--hero-section .ld-focus-content h2.hero-section__title, .ld-focus-content .component--hero-section h2.hero-section__title, .component--hero-section .component--quote__row--content h2.hero-section__title, .component--quote__row--content .component--hero-section h2.hero-section__title, .component--hero-section .component--accordion__container--content h2.hero-section__title, .component--accordion__container--content .component--hero-section h2.hero-section__title, .component--hero-section .component--tabbed-component__tab--content h2.hero-section__title, .component--tabbed-component__tab--content .component--hero-section h2.hero-section__title, .component--hero-section .component--list-item__item--content h2.hero-section__title, .component--list-item__item--content .component--hero-section h2.hero-section__title, .component--hero-section .component--faq__item--answer h2.hero-section__title, .component--faq__item--answer .component--hero-section h2.hero-section__title, .component--hero-section .component--two-column-content-and-image__column h2.hero-section__title, .component--two-column-content-and-image__column .component--hero-section h2.hero-section__title, .component--hero-section .component--two-column-content-and-image__content h2.hero-section__title, .component--two-column-content-and-image__content .component--hero-section h2.hero-section__title, .component--hero-section .component--two-column-text-and-links__column h2.hero-section__title, .component--two-column-text-and-links__column .component--hero-section h2.hero-section__title, .component--hero-section .component--multi-column-content__column h2.hero-section__title, .component--multi-column-content__column .component--hero-section h2.hero-section__title, .component--hero-section .component--fullwidth-callout__content h2.hero-section__title, .component--fullwidth-callout__content .component--hero-section h2.hero-section__title, .component--hero-section .component--content-editor h2.hero-section__title, .component--content-editor .component--hero-section h2.hero-section__title, .component--hero-section .post-component--content-editor h2.hero-section__title, .post-component--content-editor .component--hero-section h2.hero-section__title, .component--hero-section .wysiwyg h2.hero-section__title, .wysiwyg .component--hero-section h2.hero-section__title {
  font-size: 8rem;
  line-height: 8rem;
  color: #FFFFFF;
  padding-bottom: 0;
  max-width: 1200px;
  line-height: 1.2;
  text-transform: uppercase;
}
.component--hero-section .hero-section__title.h2.smaller, .component--hero-section .ld-focus-content h2.hero-section__title.smaller, .ld-focus-content .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--quote__row--content h2.hero-section__title.smaller, .component--quote__row--content .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--accordion__container--content h2.hero-section__title.smaller, .component--accordion__container--content .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--tabbed-component__tab--content h2.hero-section__title.smaller, .component--tabbed-component__tab--content .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--list-item__item--content h2.hero-section__title.smaller, .component--list-item__item--content .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--faq__item--answer h2.hero-section__title.smaller, .component--faq__item--answer .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--two-column-content-and-image__column h2.hero-section__title.smaller, .component--two-column-content-and-image__column .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--two-column-content-and-image__content h2.hero-section__title.smaller, .component--two-column-content-and-image__content .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--two-column-text-and-links__column h2.hero-section__title.smaller, .component--two-column-text-and-links__column .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--multi-column-content__column h2.hero-section__title.smaller, .component--multi-column-content__column .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--fullwidth-callout__content h2.hero-section__title.smaller, .component--fullwidth-callout__content .component--hero-section h2.hero-section__title.smaller, .component--hero-section .component--content-editor h2.hero-section__title.smaller, .component--content-editor .component--hero-section h2.hero-section__title.smaller, .component--hero-section .post-component--content-editor h2.hero-section__title.smaller, .post-component--content-editor .component--hero-section h2.hero-section__title.smaller, .component--hero-section .wysiwyg h2.hero-section__title.smaller, .wysiwyg .component--hero-section h2.hero-section__title.smaller {
  font-size: 3.5rem;
  line-height: 4.5rem;
  max-width: 700px;
}
@media screen and (max-width: 1024px) {
  .component--hero-section .hero-section__title.h2, .component--hero-section .ld-focus-content h2.hero-section__title, .ld-focus-content .component--hero-section h2.hero-section__title, .component--hero-section .component--quote__row--content h2.hero-section__title, .component--quote__row--content .component--hero-section h2.hero-section__title, .component--hero-section .component--accordion__container--content h2.hero-section__title, .component--accordion__container--content .component--hero-section h2.hero-section__title, .component--hero-section .component--tabbed-component__tab--content h2.hero-section__title, .component--tabbed-component__tab--content .component--hero-section h2.hero-section__title, .component--hero-section .component--list-item__item--content h2.hero-section__title, .component--list-item__item--content .component--hero-section h2.hero-section__title, .component--hero-section .component--faq__item--answer h2.hero-section__title, .component--faq__item--answer .component--hero-section h2.hero-section__title, .component--hero-section .component--two-column-content-and-image__column h2.hero-section__title, .component--two-column-content-and-image__column .component--hero-section h2.hero-section__title, .component--hero-section .component--two-column-content-and-image__content h2.hero-section__title, .component--two-column-content-and-image__content .component--hero-section h2.hero-section__title, .component--hero-section .component--two-column-text-and-links__column h2.hero-section__title, .component--two-column-text-and-links__column .component--hero-section h2.hero-section__title, .component--hero-section .component--multi-column-content__column h2.hero-section__title, .component--multi-column-content__column .component--hero-section h2.hero-section__title, .component--hero-section .component--fullwidth-callout__content h2.hero-section__title, .component--fullwidth-callout__content .component--hero-section h2.hero-section__title, .component--hero-section .component--content-editor h2.hero-section__title, .component--content-editor .component--hero-section h2.hero-section__title, .component--hero-section .post-component--content-editor h2.hero-section__title, .post-component--content-editor .component--hero-section h2.hero-section__title, .component--hero-section .wysiwyg h2.hero-section__title, .wysiwyg .component--hero-section h2.hero-section__title {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
}
@media screen and (max-width: 700px) {
  .component--hero-section .hero-section__title.h2, .component--hero-section .ld-focus-content h2.hero-section__title, .ld-focus-content .component--hero-section h2.hero-section__title, .component--hero-section .component--quote__row--content h2.hero-section__title, .component--quote__row--content .component--hero-section h2.hero-section__title, .component--hero-section .component--accordion__container--content h2.hero-section__title, .component--accordion__container--content .component--hero-section h2.hero-section__title, .component--hero-section .component--tabbed-component__tab--content h2.hero-section__title, .component--tabbed-component__tab--content .component--hero-section h2.hero-section__title, .component--hero-section .component--list-item__item--content h2.hero-section__title, .component--list-item__item--content .component--hero-section h2.hero-section__title, .component--hero-section .component--faq__item--answer h2.hero-section__title, .component--faq__item--answer .component--hero-section h2.hero-section__title, .component--hero-section .component--two-column-content-and-image__column h2.hero-section__title, .component--two-column-content-and-image__column .component--hero-section h2.hero-section__title, .component--hero-section .component--two-column-content-and-image__content h2.hero-section__title, .component--two-column-content-and-image__content .component--hero-section h2.hero-section__title, .component--hero-section .component--two-column-text-and-links__column h2.hero-section__title, .component--two-column-text-and-links__column .component--hero-section h2.hero-section__title, .component--hero-section .component--multi-column-content__column h2.hero-section__title, .component--multi-column-content__column .component--hero-section h2.hero-section__title, .component--hero-section .component--fullwidth-callout__content h2.hero-section__title, .component--fullwidth-callout__content .component--hero-section h2.hero-section__title, .component--hero-section .component--content-editor h2.hero-section__title, .component--content-editor .component--hero-section h2.hero-section__title, .component--hero-section .post-component--content-editor h2.hero-section__title, .post-component--content-editor .component--hero-section h2.hero-section__title, .component--hero-section .wysiwyg h2.hero-section__title, .wysiwyg .component--hero-section h2.hero-section__title {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
.component--hero-section .hero-section__credits {
  font-size: 1rem;
  font-style: italic;
  color: #FFFFFF;
  text-align: right;
}
.component--hero-section .hero-section__flex {
  display: flex;
  align-items: center;
  gap: 70px;
}
.component--hero-section .hero-section__flex img {
  max-width: 186px;
}
@media screen and (max-width: 1024px) {
  .component--hero-section .hero-section__flex {
    flex-direction: column;
    gap: 30px;
  }
  .component--hero-section .hero-section__flex img {
    max-width: 150px;
  }
}
@media screen and (max-width: 425px) {
  .component--hero-section .hero-section__flex img {
    max-width: 125px;
  }
}
.component--hero-section.dark {
  background: linear-gradient(180deg, rgb(242, 242, 242) 0%, white 100%);
}
.component--hero-section.dark .hero-section__title {
  color: #14807C;
}
.component--hero-section.dark {
  background: linear-gradient(180deg, #1D263A 0%, #26314D 100%);
}
.component--hero-section.dark .hero-section__title {
  color: #FFC20E;
}
.component--hero-section.dark .hero-section__content {
  color: #FFC20E;
}
.component--hero-section.dark .hero-section__credits {
  color: #FFC20E;
}
.component--hero-section__carousel {
  margin-top: 0;
  padding-top: 0;
}
.component--hero-section__carousel .hero-section__container {
  height: 100%;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.component--hero-section__carousel .hero-section__container--slide {
  height: 650px;
}
@media screen and (max-width: 1024px) {
  .component--hero-section__carousel .hero-section__container--slide {
    height: 600px;
  }
}
@media screen and (max-width: 700px) {
  .component--hero-section__carousel .hero-section__container--slide {
    height: 480px;
  }
}
.component--hero-section__carousel .hero-section__container--inner {
  max-width: 634px;
}
.component--hero-section__carousel .hero-section__slidecontent {
  display: flex;
  align-items: flex-end;
  padding-bottom: 80px;
  height: 100%;
}
.component--hero-section__carousel .hero-section__title.h2, .component--hero-section__carousel .ld-focus-content h2.hero-section__title, .ld-focus-content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--quote__row--content h2.hero-section__title, .component--quote__row--content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--accordion__container--content h2.hero-section__title, .component--accordion__container--content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--tabbed-component__tab--content h2.hero-section__title, .component--tabbed-component__tab--content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--list-item__item--content h2.hero-section__title, .component--list-item__item--content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--faq__item--answer h2.hero-section__title, .component--faq__item--answer .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--two-column-content-and-image__column h2.hero-section__title, .component--two-column-content-and-image__column .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--two-column-content-and-image__content h2.hero-section__title, .component--two-column-content-and-image__content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--two-column-text-and-links__column h2.hero-section__title, .component--two-column-text-and-links__column .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--multi-column-content__column h2.hero-section__title, .component--multi-column-content__column .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--fullwidth-callout__content h2.hero-section__title, .component--fullwidth-callout__content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--content-editor h2.hero-section__title, .component--content-editor .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .post-component--content-editor h2.hero-section__title, .post-component--content-editor .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .wysiwyg h2.hero-section__title, .wysiwyg .component--hero-section__carousel h2.hero-section__title {
  font-size: 3rem;
  line-height: 3.875rem;
}
@media screen and (max-width: 700px) {
  .component--hero-section__carousel .hero-section__title.h2, .component--hero-section__carousel .ld-focus-content h2.hero-section__title, .ld-focus-content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--quote__row--content h2.hero-section__title, .component--quote__row--content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--accordion__container--content h2.hero-section__title, .component--accordion__container--content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--tabbed-component__tab--content h2.hero-section__title, .component--tabbed-component__tab--content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--list-item__item--content h2.hero-section__title, .component--list-item__item--content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--faq__item--answer h2.hero-section__title, .component--faq__item--answer .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--two-column-content-and-image__column h2.hero-section__title, .component--two-column-content-and-image__column .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--two-column-content-and-image__content h2.hero-section__title, .component--two-column-content-and-image__content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--two-column-text-and-links__column h2.hero-section__title, .component--two-column-text-and-links__column .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--multi-column-content__column h2.hero-section__title, .component--multi-column-content__column .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--fullwidth-callout__content h2.hero-section__title, .component--fullwidth-callout__content .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .component--content-editor h2.hero-section__title, .component--content-editor .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .post-component--content-editor h2.hero-section__title, .post-component--content-editor .component--hero-section__carousel h2.hero-section__title, .component--hero-section__carousel .wysiwyg h2.hero-section__title, .wysiwyg .component--hero-section__carousel h2.hero-section__title {
    font-size: 2rem;
    line-height: 2.375rem;
  }
}
.component--hero-section__carousel .hero-section__content {
  color: #FFFFFF;
  margin: 24px 0 32px;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
@media screen and (max-width: 700px) {
  .component--hero-section__carousel .hero-section__content {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.component--hero-section__carousel .hero-section__credits {
  position: absolute;
  right: 30px;
}
@media screen and (max-width: 1024px) {
  .component--hero-section {
    height: 600px;
  }
}
@media screen and (max-width: 700px) {
  .component--hero-section {
    height: 480px;
  }
}

.hero-section__container--slide.dark .hero-section__title.h2, .hero-section__container--slide.dark .ld-focus-content h2.hero-section__title, .ld-focus-content .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--quote__row--content h2.hero-section__title, .component--quote__row--content .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--accordion__container--content h2.hero-section__title, .component--accordion__container--content .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--tabbed-component__tab--content h2.hero-section__title, .component--tabbed-component__tab--content .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--list-item__item--content h2.hero-section__title, .component--list-item__item--content .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--faq__item--answer h2.hero-section__title, .component--faq__item--answer .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--two-column-content-and-image__column h2.hero-section__title, .component--two-column-content-and-image__column .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--two-column-content-and-image__content h2.hero-section__title, .component--two-column-content-and-image__content .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--two-column-text-and-links__column h2.hero-section__title, .component--two-column-text-and-links__column .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--multi-column-content__column h2.hero-section__title, .component--multi-column-content__column .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--fullwidth-callout__content h2.hero-section__title, .component--fullwidth-callout__content .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .component--content-editor h2.hero-section__title, .component--content-editor .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .post-component--content-editor h2.hero-section__title, .post-component--content-editor .hero-section__container--slide.dark h2.hero-section__title, .hero-section__container--slide.dark .wysiwyg h2.hero-section__title, .wysiwyg .hero-section__container--slide.dark h2.hero-section__title {
  color: #FFC20E;
}
.hero-section__container--slide.dark .hero-section__content {
  color: #FFC20E;
}
.hero-section__container--slide.dark .hero-section__credits {
  color: #FFC20E;
}

.component--featured-courses {
  position: relative;
}
.component--featured-courses .featured-courses__carousel {
  position: relative;
}
.component--featured-courses .featured-courses__slide {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.component--featured-courses .featured-courses__image {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  background: #000000;
  border-radius: var(--border-radius);
}
.component--featured-courses .featured-courses__link {
  position: absolute;
  inset: 0;
  display: block;
  text-decoration: none;
  color: inherit;
}
.component--featured-courses .featured-courses__overlay {
  display: none;
}
.component--featured-courses--empty {
  text-align: center;
  padding: 60px 0;
}
.component--featured-courses .post__categories {
  margin-bottom: 16px;
}
.component--featured-courses .post__categories a {
  display: inline-block;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #333333;
  padding: 5px 8px 5px 8px;
  border-radius: 16px;
  font-size: 0.875rem;
  margin-bottom: 5px;
}

.component--recent-posts {
  padding: 56px 0;
  z-index: 1;
}
.component--recent-posts .recent-posts__container {
  padding-top: 90px;
  max-width: 1160px;
}
.component--recent-posts .recent-posts__container:first-child {
  padding-top: 0px;
}
.component--recent-posts .recent-posts__title {
  padding-bottom: 32px;
  text-align: center;
}
@media screen and (max-width: 980px) {
  .component--recent-posts .recent-posts__title .h2, .component--recent-posts .recent-posts__title .ld-focus-content h2, .ld-focus-content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--quote__row--content h2, .component--quote__row--content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--accordion__container--content h2, .component--accordion__container--content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--tabbed-component__tab--content h2, .component--tabbed-component__tab--content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--list-item__item--content h2, .component--list-item__item--content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--faq__item--answer h2, .component--faq__item--answer .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--two-column-content-and-image__column h2, .component--two-column-content-and-image__column .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--two-column-content-and-image__content h2, .component--two-column-content-and-image__content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--two-column-text-and-links__column h2, .component--two-column-text-and-links__column .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--multi-column-content__column h2, .component--multi-column-content__column .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--fullwidth-callout__content h2, .component--fullwidth-callout__content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .post-component--content-editor div h2, .post-component--content-editor div .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--content-editor h2, .component--content-editor .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .post-component--content-editor h2, .post-component--content-editor .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .wysiwyg h2, .wysiwyg .component--recent-posts .recent-posts__title h2 {
    font-size: 2.625rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 700px) {
  .component--recent-posts .recent-posts__title .h2, .component--recent-posts .recent-posts__title .ld-focus-content h2, .ld-focus-content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--quote__row--content h2, .component--quote__row--content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--accordion__container--content h2, .component--accordion__container--content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--tabbed-component__tab--content h2, .component--tabbed-component__tab--content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--list-item__item--content h2, .component--list-item__item--content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--faq__item--answer h2, .component--faq__item--answer .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--two-column-content-and-image__column h2, .component--two-column-content-and-image__column .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--two-column-content-and-image__content h2, .component--two-column-content-and-image__content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--two-column-text-and-links__column h2, .component--two-column-text-and-links__column .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--multi-column-content__column h2, .component--multi-column-content__column .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--fullwidth-callout__content h2, .component--fullwidth-callout__content .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .post-component--content-editor div h2, .post-component--content-editor div .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .component--content-editor h2, .component--content-editor .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .post-component--content-editor h2, .post-component--content-editor .component--recent-posts .recent-posts__title h2, .component--recent-posts .recent-posts__title .wysiwyg h2, .wysiwyg .component--recent-posts .recent-posts__title h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}
.component--recent-posts .recent-posts__button {
  text-align: center;
  margin-top: 16px;
}
.component--recent-posts .recent-posts__posts {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  padding-top: 55px;
  padding-bottom: 55px;
}
@media screen and (max-width: 980px) {
  .component--recent-posts .recent-posts__posts {
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .component--recent-posts .recent-posts__posts {
    padding-top: 0;
  }
}
.component--recent-posts .recent-posts__post {
  background: #FFFFFF;
  border-radius: 8px;
  flex: 1 0 calc(33.333% - 26.666px); /* Each post takes up 1/3 of the width minus gap adjustments */
  box-sizing: border-box; /* Ensure padding and border are included in the width calculation */
}
.component--recent-posts .recent-posts__post .post__image {
  width: 100%;
  height: 176px;
  border-radius: 8px;
}
@media screen and (max-width: 980px) {
  .component--recent-posts .recent-posts__post .post__image {
    width: 100%;
    margin: 0;
    height: 400px;
  }
}
@media screen and (max-width: 425px) {
  .component--recent-posts .recent-posts__post .post__image {
    height: 200px;
  }
}
.component--recent-posts .recent-posts__post .post__content {
  padding: 16px;
}
.component--recent-posts .recent-posts__post .post__categories {
  margin-bottom: 16px;
}
.component--recent-posts .recent-posts__post .post__categories a {
  display: inline-block;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #333333;
  padding: 5px 8px 5px 8px;
  border-radius: 16px;
  font-size: 0.875rem;
  margin-bottom: 5px;
  font-weight: 700;
}
.component--recent-posts .recent-posts__post .post__categories a.dark-text {
  color: #323232 !important;
}
.component--recent-posts .recent-posts__post .post__event-date {
  font-size: 1.125rem;
  line-height: 1.5625rem;
  margin-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.component--recent-posts .recent-posts__post .post__title {
  padding-top: 0;
  display: block;
}
.component--recent-posts .recent-posts__post .post__title .h3, .component--recent-posts .recent-posts__post .post__title .ld-focus-content h3, .ld-focus-content .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--quote__row--content h3, .component--quote__row--content .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--accordion__container--content h3, .component--accordion__container--content .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--list-item__item--content h3, .component--list-item__item--content .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--faq__item--answer h3, .component--faq__item--answer .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--multi-column-content__column h3, .component--multi-column-content__column .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .component--content-editor h3, .component--content-editor .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .post-component--content-editor h3, .post-component--content-editor .component--recent-posts .recent-posts__post .post__title h3, .component--recent-posts .recent-posts__post .post__title .wysiwyg h3, .wysiwyg .component--recent-posts .recent-posts__post .post__title h3 {
  text-decoration: none;
  display: block;
  font-weight: 500;
  line-height: 1.25;
}
.component--recent-posts .recent-posts__post .post__excerpt {
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.component--recent-posts .recent-posts__post .post__excerpt .continue-reading {
  color: #323232;
  text-decoration: underline;
  word-break: keep-all;
}
.component--recent-posts .recent-posts__post .post__meta {
  font-style: italic;
}
@media screen and (max-width: 980px) {
  .component--recent-posts .recent-posts__post {
    display: block;
    flex: none;
  }
}
.component--recent-posts.fullwidth-stacked .recent-posts__posts {
  display: block;
}
.component--recent-posts.fullwidth-stacked .recent-posts__post {
  margin-bottom: 40px;
}
.component--recent-posts.fullwidth-stacked .recent-posts__post .post__image {
  height: 400px;
  background-position: bottom !important;
}
@media screen and (max-width: 425px) {
  .component--recent-posts.fullwidth-stacked .recent-posts__post .post__image {
    height: 200px;
  }
}
.component--recent-posts.thumbnails-stacked-rows .recent-posts__posts {
  display: block;
}
.component--recent-posts.thumbnails-stacked-rows .recent-posts__post {
  gap: 0;
  margin-bottom: 40px;
  display: flex;
}
.component--recent-posts.thumbnails-stacked-rows .recent-posts__post .post__content {
  padding: 0;
  width: auto;
}
@media screen and (max-width: 980px) {
  .component--recent-posts.thumbnails-stacked-rows .recent-posts__post .post__content {
    padding: 16px;
  }
}
.component--recent-posts.thumbnails-stacked-rows .recent-posts__post .post__image {
  flex-shrink: 0;
  width: 240px;
  margin-right: 24px;
}
@media screen and (max-width: 980px) {
  .component--recent-posts.thumbnails-stacked-rows .recent-posts__post .post__image {
    width: 100%;
    margin: 0;
    height: 400px;
  }
}
@media screen and (max-width: 425px) {
  .component--recent-posts.thumbnails-stacked-rows .recent-posts__post .post__image {
    height: 200px;
  }
}
@media screen and (max-width: 980px) {
  .component--recent-posts.thumbnails-stacked-rows .recent-posts__post {
    flex-direction: column;
  }
}
@media screen and (max-width: 1199px) {
  .component--recent-posts {
    padding-block: 60px;
  }
}
@media screen and (max-width: 700px) {
  .component--recent-posts {
    padding-block: 60px;
  }
}

/* generic posts page */
/* Research projects */
.component--generic-post .component--hero-section {
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, #F3F3F3 0%, #FFFFFF 90%);
}
.component--generic-post .component--hero-section .hero-section__container .categories {
  color: #FFFFFF;
  margin-top: 15px;
  font-size: 0.875rem;
  line-height: 2rem;
}
.component--generic-post .component--hero-section .hero-section__container .categories ul {
  color: #545454;
}
.component--generic-post .component--hero-section .hero-section__container .categories ul li {
  display: inline;
}
.component--generic-post .component--hero-section .hero-section__container .categories ul li a {
  color: #14807C;
  text-decoration: none;
}
.component--generic-post .component--hero-section .hero-section__container .categories ul li a:hover {
  text-decoration: underline;
}
.component--generic-post .component--hero-section .hero-section__container .categories ul li:before {
  content: "|";
  padding: 0 15px;
}
.component--generic-post .component--hero-section .hero-section__container .categories ul li:first-child:before {
  display: none;
}
.component--generic-post .component--hero-section .hero-section__container hr {
  margin: 45px 0 25px;
  border-color: #545454;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--generic-post__content {
  display: flex;
  margin-bottom: 50px;
}
.component--generic-post__content .left {
  width: 65%;
  max-width: 945px;
  margin-right: 5%;
  z-index: 1;
  min-height: 500px;
}
@media screen and (max-width: 1023px) {
  .component--generic-post__content .left {
    width: 100%;
    margin-right: 0;
  }
}
.component--generic-post__content .left .post-meta {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  padding-bottom: 25px;
  border-bottom: 1px solid #DEE0DF;
}
@media screen and (max-width: 425px) {
  .component--generic-post__content .left .post-meta {
    margin-top: 0;
  }
}
.component--generic-post__content .left .post-meta p {
  margin-bottom: 0;
}
.component--generic-post__content .left .related-topics {
  margin-top: 37px;
}
.component--generic-post__content .left .related-topics p {
  margin-bottom: 15px;
  font-size: 0.875rem;
}
@media screen and (max-width: 445px) {
  .component--generic-post__content .left .related-topics p {
    font-size: 1.125rem;
    text-align: center;
    padding-bottom: 1.875rem;
    margin-bottom: 0;
  }
}
.component--generic-post__content .left .related-topics p b {
  font-weight: bold;
  text-transform: uppercase;
}
.component--generic-post__content .left .related-topics a {
  position: relative;
  text-decoration: none;
  margin-right: 20px;
  margin-bottom: 10px;
  display: inline-block;
  padding: 20px 35px 20px 25px;
  border-radius: var(--border-radius);
  color: #14807C;
  background: #F2F2F2;
  background: linear-gradient(to right, #F3F3F3, #FDFDFD);
  transition: all 300ms ease-in-out;
  outline: 2px solid transparent;
  text-transform: capitalize;
}
.component--generic-post__content .left .related-topics a:after {
  content: url("../img/related-arrow.svg");
  margin-left: 5px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 15px;
  transition: all 300ms ease-in-out;
}
.component--generic-post__content .left .related-topics a:hover {
  outline: 2px solid #14807C;
}
.component--generic-post__content .left .related-topics a:hover:after {
  margin-left: 8px;
  margin-top: -12px;
  right: 10px;
}
.component--generic-post__content .left .related-topics ul {
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 445px) {
  .component--generic-post__content .left .related-topics ul {
    text-align: center;
  }
}
.component--generic-post__content .left .related-topics ul li {
  display: inline-block;
  margin-bottom: 20px;
}
@media screen and (max-width: 1450px) {
  .component--generic-post__content .left {
    width: 60%;
  }
}
@media screen and (max-width: 1023px) {
  .component--generic-post__content .left {
    width: 100%;
    margin-right: 0;
  }
}
.component--generic-post__content img {
  max-width: 100%;
}

.post-component--big-quote {
  padding-top: var(--gutter);
  padding-bottom: var(--gutter);
}
.post-component--big-quote blockquote {
  position: relative;
  padding-left: 90px;
}
@media screen and (max-width: 700px) {
  .post-component--big-quote blockquote {
    padding-left: 55px;
  }
}
@media screen and (max-width: 425px) {
  .post-component--big-quote blockquote {
    padding-left: 0;
  }
}
.post-component--big-quote blockquote p {
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 3.25rem;
  line-height: 3.875rem;
  color: #2B3F74;
  font-weight: 900;
  margin-bottom: 20px;
}
@media screen and (max-width: 700px) {
  .post-component--big-quote blockquote p {
    font-size: 2.1875rem;
    line-height: 1.3;
  }
}
.post-component--big-quote blockquote strong {
  font-size: 1.875rem;
  line-height: 2.3125rem;
  color: #2B3F74;
  display: block;
}
@media screen and (max-width: 700px) {
  .post-component--big-quote blockquote strong {
    font-size: 1.75rem;
    line-height: 1.2;
  }
}
.post-component--big-quote blockquote em {
  display: block;
  font-style: italic;
  font-size: 1.125rem;
}
.post-component--big-quote blockquote:before {
  content: url("../img/open-quote.svg");
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 425px) {
  .post-component--big-quote blockquote:before {
    left: -20px;
    top: -2rem;
  }
}
.post-component--content-editor {
  padding-top: var(--gutter);
  padding-bottom: var(--gutter);
}
.post-component--content-editor div h1 {
  margin-bottom: 20px;
}
.post-component--content-editor div h2 {
  margin-bottom: 20px;
}
.post-component--content-editor div h3 {
  margin-bottom: 20px;
}
.post-component--content-editor div h4 {
  margin-bottom: 20px;
}
.post-component--content-editor div h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.post-component--content-editor div h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.post-component--content-editor div p,
.post-component--content-editor div ul,
.post-component--content-editor div ol {
  margin-bottom: 20px;
  line-height: 1.6875rem;
  font-size: 1.125rem;
}
.post-component--content-editor div em {
  font-style: italic;
}
.post-component--content-editor div a {
  color: #14807C;
  word-wrap: break-word;
}
.post-component--content-editor div a:hover {
  text-decoration: underline;
}
.post-component--content-editor div img {
  max-width: 100%;
}
.post-component--content-editor div ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.post-component--content-editor div ul.social-icons {
  margin-bottom: 0;
}
.post-component--content-editor div ul li {
  margin-bottom: 25px;
  line-height: 1.5;
}
.post-component--content-editor div ul li::marker {
  color: #14807C;
  font-weight: bold;
  font-size: 20px;
}
.post-component--content-editor div ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.post-component--content-editor div li {
  line-height: 1.8;
}
.post-component--content-editor div hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.post-component--content-editor div iframe {
  width: 100%;
  min-height: 400px;
}
.post-component--cta-block {
  padding-top: var(--gutter);
  padding-bottom: var(--gutter);
}
@media screen and (max-width: 425px) {
  .post-component--cta-block {
    padding-inline: 0;
  }
}
.post-component--cta-block > div {
  max-width: 944px;
  background: #2B3F74;
  border-radius: var(--border-radius);
  color: #FFFFFF;
  padding: 45px 40px;
}
.post-component--cta-block > div strong {
  margin-bottom: 25px;
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-family: "YoungAgrarians-Header", sans-serif;
  display: block;
}
.post-component--cta-block > div p {
  margin-bottom: 30px;
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.post-component--cta-block > div a {
  display: inline-block;
  font-size: 1rem;
}
.post-component--cta-block > div sup {
  vertical-align: super;
  font-size: 1rem;
}
.post-component--image-row {
  padding-top: var(--gutter);
  padding-bottom: var(--gutter);
}
.post-component--image-row .image-row__images img {
  width: 100%;
  border-radius: var(--border-radius);
}
.post-component--image-row .image-row__images.grid--2, .post-component--image-row .image-row__images.grid--3 {
  display: flex;
  flex-wrap: nowrap;
  gap: 30px;
}
@media screen and (max-width: 700px) {
  .post-component--image-row .image-row__images.grid--2, .post-component--image-row .image-row__images.grid--3 {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.post-component--image-row .image-row__images.grid--2 > div, .post-component--image-row .image-row__images.grid--3 > div {
  flex-basis: fit-content;
}
.post-component--image-row .image-row__caption {
  margin-top: 15px;
}
@media screen and (max-width: 700px) {
  .post-component--image-row .image-row__caption {
    text-align: center;
  }
}
.post-component--image-with-text {
  padding-top: var(--gutter);
  padding-bottom: var(--gutter);
}
.post-component--image-with-text__container {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 70px;
  column-gap: 70px;
}
@media screen and (max-width: 700px) {
  .post-component--image-with-text__container {
    display: block;
  }
}
.post-component--image-with-text__container--left {
  width: 50%;
}
@media screen and (max-width: 700px) {
  .post-component--image-with-text__container--left {
    width: 100%;
  }
}
.post-component--image-with-text__container--left img {
  width: 100%;
  border-radius: var(--border-radius);
}
.post-component--image-with-text__container--left p {
  margin-top: 15px;
}
.post-component--image-with-text__container--right {
  width: 50%;
}
@media screen and (max-width: 700px) {
  .post-component--image-with-text__container--right {
    width: 100%;
    padding-top: var(--gutter);
  }
}
.post-component--image-with-text__container--right .h4, .post-component--image-with-text__container--right .ld-focus-content h4, .ld-focus-content .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--quote__row--content h4, .component--quote__row--content .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--accordion__container--content h4, .component--accordion__container--content .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--tabbed-component__tab--content h4, .component--tabbed-component__tab--content .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--list-item__item--content h4, .component--list-item__item--content .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--faq__item--answer h4, .component--faq__item--answer .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--two-column-content-and-image__column h4, .component--two-column-content-and-image__column .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--two-column-content-and-image__content h4, .component--two-column-content-and-image__content .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--two-column-text-and-links__column h4, .component--two-column-text-and-links__column .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--multi-column-content__column h4, .component--multi-column-content__column .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--fullwidth-callout__content h4, .component--fullwidth-callout__content .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .component--content-editor h4, .component--content-editor .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .post-component--content-editor h4, .post-component--content-editor .post-component--image-with-text__container--right h4, .post-component--image-with-text__container--right .wysiwyg h4, .wysiwyg .post-component--image-with-text__container--right h4 {
  margin-bottom: 25px;
  font-size: 1.875rem;
  line-height: 2.3125rem;
  font-family: "YoungAgrarians-Header", sans-serif;
  color: #2B3F74;
  text-transform: none;
  display: block;
  font-weight: 500;
}
.post-component--image-with-text__container--right p {
  line-height: 1.6875rem;
}

.page .post-component--image-with-text__container {
  max-width: 944px;
}
.page .post-component--image-with-text__container--left {
  width: 200px;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .page .post-component--image-with-text__container--left {
    text-align: left;
  }
}
.page .post-component--image-with-text__container--left img {
  max-width: 180px;
  border-radius: 0;
}
.page .post-component--image-with-text__container--right {
  width: 80%;
}

/* single event pages */
.single-event__banner img {
  width: 100%;
  height: auto;
}
.single-event .component--hero-section {
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, #F3F3F3 0%, #FFFFFF 90%);
}
.single-event .component--hero-section .hero-section__container .categories {
  color: #FFFFFF;
  margin-top: 15px;
  font-size: 0.875rem;
  line-height: 2rem;
}
.single-event .component--hero-section .hero-section__container .categories ul {
  color: #545454;
}
.single-event .component--hero-section .hero-section__container .categories ul li {
  display: inline;
}
.single-event .component--hero-section .hero-section__container .categories ul li a {
  color: #14807C;
  text-decoration: none;
}
.single-event .component--hero-section .hero-section__container .categories ul li a:hover {
  text-decoration: underline;
}
.single-event .component--hero-section .hero-section__container .categories ul li:before {
  content: "|";
  padding: 0 15px;
}
.single-event .component--hero-section .hero-section__container .categories ul li:first-child:before {
  display: none;
}
.single-event__content {
  display: flex;
  margin-bottom: 50px;
}
.single-event__content .left {
  width: 100%;
  max-width: 960px;
  margin: 50px auto;
  z-index: 1;
}
.single-event__content .left .event__info h1 {
  text-transform: uppercase;
}
.single-event__content .left .event__info--date {
  position: relative;
  color: #2B3F74;
  padding: 25px 0;
}
.single-event__content .left .event__info--date div {
  text-align: left;
  margin-left: 5px;
  margin-top: -5px;
}
.single-event__content .left .event__info--date div span {
  z-index: 1;
  position: relative;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.375rem;
  margin-bottom: 5px;
}
.single-event__content .left .event__info--date div span:last-child {
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.single-event__content .left .event__info--location-time {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #DEE0DF;
}
.single-event__content .left .event__info--location-time span {
  color: #545454;
}
.single-event__content .left .event__info--location-time span svg {
  margin-right: 8px;
  vertical-align: middle;
}
.single-event__content .left .event__info--location-time span.location {
  padding-left: 0;
  padding-right: 20px;
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__info--location-time span.location {
    padding-right: 0;
  }
}
.single-event__content .left .event__info--location-time a {
  text-decoration: none;
}
.single-event__content .left .event__info--location-time a:hover {
  color: #14807C;
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__info--location-time {
    font-size: 0.875rem;
    margin-left: auto;
  }
}
.single-event__content .left .event__info--button {
  margin-left: auto;
}
.single-event__content .left .event__info--button a {
  background: #38794a;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 16px 22px;
  border-radius: 30px;
  outline: 3px solid #fff;
  line-height: 22px;
  transition: outline 300ms ease-in-out;
}
.single-event__content .left .event__info--button a:hover {
  cursor: pointer;
  outline: 3px solid #75b856;
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__info--button a {
    width: 100%;
    display: block;
    text-align: center;
  }
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__info--button {
    margin-left: 0;
    margin-top: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__info {
    flex-wrap: wrap;
  }
}
.single-event__content .left .event__description {
  margin-bottom: 50px;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: bold;
}
.single-event__content .left .event__itinerary {
  margin-bottom: 50px;
  margin-top: 50px;
}
.single-event__content .left .event__itinerary .h3, .single-event__content .left .event__itinerary .ld-focus-content h3, .ld-focus-content .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--quote__row--content h3, .component--quote__row--content .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--accordion__container--content h3, .component--accordion__container--content .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--list-item__item--content h3, .component--list-item__item--content .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--faq__item--answer h3, .component--faq__item--answer .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--multi-column-content__column h3, .component--multi-column-content__column .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .component--content-editor h3, .component--content-editor .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .post-component--content-editor h3, .post-component--content-editor .single-event__content .left .event__itinerary h3, .single-event__content .left .event__itinerary .wysiwyg h3, .wysiwyg .single-event__content .left .event__itinerary h3 {
  margin-bottom: 40px;
}
.single-event__content .left .event__itinerary table {
  width: 100%;
}
.single-event__content .left .event__itinerary table tr {
  border-top: 1px solid #DEE0DF;
}
.single-event__content .left .event__itinerary table tr td {
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding: 15px 0;
  min-width: 300px;
}
.single-event__content .left .event__itinerary table tr td:first-child {
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .single-event__content .left .event__itinerary table tr td {
    min-width: 200px;
  }
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__itinerary table tr td {
    min-width: 150px;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 1510px) {
  .single-event__content .left .event__itinerary {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
}
.single-event__content .left .event__map {
  margin-bottom: 65px;
  height: 430px;
  width: 100%;
  border-radius: var(--border-radius);
  background: #DEE0DF;
}
.single-event__content .left .event__form {
  background: #2B3F74;
  padding: 45px 65px;
  border-radius: var(--border-radius);
  color: #FFFFFF;
}
.single-event__content .left .event__form h3 {
  color: #FFFFFF;
}
.single-event__content .left .event__form form {
  display: flex;
  flex-wrap: wrap;
}
.single-event__content .left .event__form form label {
  display: inline-block;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 40px;
  width: 100%;
}
.single-event__content .left .event__form form label span {
  display: block;
}
.single-event__content .left .event__form form label input {
  width: 100%;
  background-color: transparent;
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid #DEE0DF;
  color: #DEE0DF;
}
.single-event__content .left .event__form form label input.rounded-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #FFFFFF;
  display: inline-flex;
  align-items: center;
}
.single-event__content .left .event__form form label input.rounded-checkbox:hover {
  cursor: pointer;
}
.single-event__content .left .event__form form label input.rounded-checkbox:checked::after {
  content: url("../img/green-checkmark.svg"); /* Checkmark character */
  color: #14807C;
  font-size: 40px;
  text-align: center;
  line-height: 10px;
  border-radius: 50%;
  width: 44px;
  display: block;
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__form form label input {
    padding: 10px 0;
  }
}
.single-event__content .left .event__form form label select {
  margin-top: 16px;
  height: 60px;
  width: 100%;
  color: #14807C;
  border-radius: 30px;
  padding: 10px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 1.125rem;
  background-image: url("../img/green-triangle.svg");
  background-repeat: no-repeat;
  background-position: right 10px top 50%;
}
.single-event__content .left .event__form form label select option {
  padding: 5px 0;
}
.single-event__content .left .event__form form label select:hover {
  cursor: pointer;
}
.single-event__content .left .event__form form label.switch {
  position: relative;
  display: inline-block;
  max-width: 120px;
  height: 60px;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}
.single-event__content .left .event__form form label.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.single-event__content .left .event__form form label.switch .slider {
  position: absolute;
  cursor: pointer;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #545454;
  transition: 0.4s;
  border-radius: 34px;
  top: 30px;
  height: 60px;
}
.single-event__content .left .event__form form label.switch .slider:before {
  position: absolute;
  content: "OFF";
  line-height: 60px;
  right: 20px;
}
.single-event__content .left .event__form form label.switch .slider:after {
  position: absolute;
  content: "";
  height: 48px;
  width: 48px;
  border-radius: 50%;
  left: 6px;
  bottom: 6px;
  background-color: white;
  transition: 0.4s;
}
.single-event__content .left .event__form form label.switch input:checked + .slider {
  background-color: #14807C;
}
.single-event__content .left .event__form form label.switch input:checked + .slider:after {
  transform: translateX(60px);
}
.single-event__content .left .event__form form label.switch input:checked + .slider:before {
  content: "ON";
  right: auto;
  left: 20px;
}
.single-event__content .left .event__form form label.contact-method {
  width: 50%;
  padding-left: 66px;
}
.single-event__content .left .event__form form label.method {
  width: 100%;
}
.single-event__content .left .event__form form label.mailing-list {
  display: flex;
  align-items: center;
  width: 75%;
  margin-left: 3px;
}
.single-event__content .left .event__form form label.mailing-list span {
  display: inline;
  margin-left: 18px;
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__form form label.mailing-list span {
    width: 75%;
  }
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__form form label.mailing-list {
    width: 100%;
  }
}
.single-event__content .left .event__form form label.frequency {
  width: 100%;
}
.single-event__content .left .event__form form button {
  margin-left: auto;
  background: #38794a;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
  font-family: Lato, sans-serif;
  text-decoration: none;
  padding: 16px 22px;
  border-radius: 30px;
  outline: 3px solid #2B3F74;
  line-height: 22px;
  transition: outline 300ms ease-in-out;
  border: 0;
  height: 54px;
  margin-top: 50px;
}
.single-event__content .left .event__form form button:hover {
  cursor: pointer;
  outline: 3px solid #75b856;
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__form form button {
    margin-top: 30px;
    width: 100%;
  }
}
.single-event__content .left .event__form form .form--row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.single-event__content .left .event__form form .form--row .form--col {
  width: 48%;
  display: flex;
}
.single-event__content .left .event__form form .form--row .form--col.twocol {
  width: 47%;
}
.single-event__content .left .event__form form .form--row .form--col.twocol label {
  width: 94%;
}
.single-event__content .left .event__form form .form--row .form--col.twocol label.toggle {
  width: 30%;
}
.single-event__content .left .event__form form .form--row .form--col.twocol label.contact-method {
  width: 68%;
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__form form .form--row .form--col.twocol {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__form form .form--row .form--col {
    width: 100%;
    display: block;
  }
}
@media screen and (max-width: 700px) {
  .single-event__content .left .event__form form .form--row {
    display: block;
  }
}
@media screen and (max-width: 1199px) {
  .single-event__content .left .event__form {
    padding: 30px;
  }
}
.single-event__content .left .post-meta {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 25px;
  align-items: center;
  margin-top: 40px;
  padding-bottom: 25px;
  border-bottom: 1px solid #DEE0DF;
}
.single-event__content .left .post-meta p {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .single-event__content .left .post-meta {
    margin-bottom: 150px;
  }
}
@media screen and (max-width: 700px) {
  .single-event__content .left .post-meta {
    margin-bottom: 50px;
    flex-direction: column;
    justify-content: center;
  }
}
.single-event__content .left .related-topics {
  margin-top: 37px;
}
.single-event__content .left .related-topics p {
  margin-bottom: 15px;
  font-size: 0.875rem;
}
@media screen and (max-width: 445px) {
  .single-event__content .left .related-topics p {
    font-size: 1.125rem;
    text-align: center;
    padding-bottom: 1.875rem;
    margin-bottom: 0;
  }
}
.single-event__content .left .related-topics p b {
  font-weight: bold;
  text-transform: uppercase;
}
@media screen and (max-width: 445px) {
  .single-event__content .left .related-topics ul {
    text-align: center;
  }
}
.single-event__content .left .related-topics ul li {
  display: inline-block;
  margin-bottom: 20px;
}
.single-event__content .left .related-topics ul li a {
  position: relative;
  text-decoration: none;
  margin-right: 20px;
  margin-bottom: 10px;
  display: inline-block;
  padding: 20px 35px 20px 25px;
  border-radius: var(--border-radius);
  color: #14807C;
  background: #F2F2F2;
  background: linear-gradient(to right, #F3F3F3, #FDFDFD);
  transition: all 300ms ease-in-out;
  outline: 2px solid transparent;
  text-transform: capitalize;
}
.single-event__content .left .related-topics ul li a:after {
  content: url("../img/related-arrow.svg");
  margin-left: 5px;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  transition: all 300ms ease-in-out;
  right: 15px;
}
.single-event__content .left .related-topics ul li a:hover {
  outline: 2px solid #14807C;
}
.single-event__content .left .related-topics ul li a:hover:after {
  margin-left: 8px;
  margin-top: -12px;
  right: 10px;
}
.single-event__content .left .download-ics {
  margin-bottom: 45px;
}
@media screen and (max-width: 1023px) {
  .single-event__content {
    display: block;
  }
}
.single-event__extra-fields {
  margin-top: 35px;
}
.single-event .page-sidebar__content-right .fixed__sidebar {
  top: -10px;
}
.single-event .page-sidebar__content-right .fixed__sidebar .sidebar--right__title {
  color: #A88A63;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .single-event .page-sidebar__content-right .fixed__sidebar {
    display: none;
  }
}

.upcoming-events__title {
  margin-bottom: 30px;
}

.event__form .recaptcha--failure button {
  margin-top: 30px;
  display: inline-flex;
  align-items: center;
}
.event__form .recaptcha--failure button:hover {
  cursor: pointer;
}
.event__form .custom-select--event {
  width: 100%;
  min-width: 150px;
  padding: 20px 26px;
  border-radius: var(--border-radius);
  border: 0;
  color: #14807C;
  background: #FFFFFF;
  position: relative;
  margin-top: 10px;
}
.event__form .custom-select--event .selected {
  display: block;
  cursor: pointer;
}
.event__form .custom-select--event .selected:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  margin-left: 13px;
  width: 0;
  height: 0;
  right: 20px;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  border-color: #14807C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.event__form .custom-select--event .selected:hover {
  cursor: pointer;
}
.event__form .custom-select--event.open {
  background: #14807C;
  color: #FFFFFF;
}
.event__form .custom-select--event.open .selected:after {
  border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  transform: rotate(180deg);
}
.event__form .custom-select--event.open .options {
  color: #14807C;
}
.event__form .custom-select--event .options {
  position: absolute;
  top: 100%; /* Place below main box */
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: var(--border-radius);
  list-style: none;
  margin-top: 12px;
  box-shadow: 0 2px 10px rgba(30, 38, 59, 0.2);
  z-index: 1;
  padding: 12px 0;
}
.event__form .custom-select--event .options li {
  padding: 13px 25px;
  cursor: pointer;
}
.event__form .custom-select--event .options li:last-child {
  margin: 0;
}
.event__form .custom-select--event .options li:hover {
  text-decoration: underline;
}
.event__form select#contact_method_dropdown {
  display: none;
}
.event__form select#timezone_dropdown {
  display: none;
}
.event__form select#reminder_type_dropdown {
  display: none;
}

.event__itinerary {
  margin-bottom: 50px;
  margin-top: 50px;
}
.event__itinerary .h3, .event__itinerary .ld-focus-content h3, .ld-focus-content .event__itinerary h3, .event__itinerary .component--quote__row--content h3, .component--quote__row--content .event__itinerary h3, .event__itinerary .component--accordion__container--content h3, .component--accordion__container--content .event__itinerary h3, .event__itinerary .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .event__itinerary h3, .event__itinerary .component--list-item__item--content h3, .component--list-item__item--content .event__itinerary h3, .event__itinerary .component--faq__item--answer h3, .component--faq__item--answer .event__itinerary h3, .event__itinerary .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .event__itinerary h3, .event__itinerary .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .event__itinerary h3, .event__itinerary .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .event__itinerary h3, .event__itinerary .component--multi-column-content__column h3, .component--multi-column-content__column .event__itinerary h3, .event__itinerary .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .event__itinerary h3, .event__itinerary .component--content-editor h3, .component--content-editor .event__itinerary h3, .event__itinerary .post-component--content-editor h3, .post-component--content-editor .event__itinerary h3, .event__itinerary .wysiwyg h3, .wysiwyg .event__itinerary h3 {
  margin-bottom: 40px;
}
.event__itinerary table {
  width: 100%;
}
.event__itinerary table tr {
  border-top: 1px solid #DEE0DF;
}
.event__itinerary table tr td {
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding: 15px 0;
  min-width: 300px;
}
.event__itinerary table tr td:first-child {
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .event__itinerary table tr td {
    min-width: 200px;
  }
}
@media screen and (max-width: 700px) {
  .event__itinerary table tr td {
    min-width: 150px;
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 1510px) {
  .event__itinerary {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
}

/* event preview component */
.component--events__preview a {
  text-decoration: none;
}
.component--events__preview .h3, .component--events__preview .ld-focus-content h3, .ld-focus-content .component--events__preview h3, .component--events__preview .component--quote__row--content h3, .component--quote__row--content .component--events__preview h3, .component--events__preview .component--accordion__container--content h3, .component--accordion__container--content .component--events__preview h3, .component--events__preview .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .component--events__preview h3, .component--events__preview .component--list-item__item--content h3, .component--list-item__item--content .component--events__preview h3, .component--events__preview .component--faq__item--answer h3, .component--faq__item--answer .component--events__preview h3, .component--events__preview .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .component--events__preview h3, .component--events__preview .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .component--events__preview h3, .component--events__preview .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .component--events__preview h3, .component--events__preview .component--multi-column-content__column h3, .component--multi-column-content__column .component--events__preview h3, .component--events__preview .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .component--events__preview h3, .component--events__preview .component--content-editor h3, .component--content-editor .component--events__preview h3, .component--events__preview .post-component--content-editor h3, .post-component--content-editor .component--events__preview h3, .component--events__preview .wysiwyg h3, .wysiwyg .component--events__preview h3 {
  margin-bottom: 8px;
}
.component--events__preview .city {
  background-color: #472D46;
  display: inline-block;
  color: #fff;
  padding: 5px 8px 5px 8px;
  border-radius: 16px;
  font-size: 0.875rem;
  margin-bottom: 5px;
}

.archive--results {
  max-width: 100%;
}
.archive--results .row {
  padding: 0;
}
.archive--results .row #filters .filter .label {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-left: 1px;
}
.archive--results .row #filters .filter select {
  width: 100%;
  min-width: 150px;
  padding: 20px 26px;
  border-radius: var(--border-radius);
  border: 0;
  color: #14807C;
  background: linear-gradient(to right, #F3F3F3 0%, #FFFFFF 90%);
}
.archive--results .row #filters .filter select option {
  padding: 10px;
}
.archive--results .row #filters .filter select:hover {
  cursor: pointer;
}
.archive--results .row #filters .filter .custom-select {
  width: 100%;
  min-width: 150px;
  padding: 20px 26px;
  border-radius: var(--border-radius);
  border: 0;
  color: #14807C;
  background: linear-gradient(to right, #F3F3F3 0%, #FFFFFF 90%);
  position: relative;
}
.archive--results .row #filters .filter .custom-select .selected {
  display: block;
  cursor: pointer;
}
.archive--results .row #filters .filter .custom-select .selected:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  margin-left: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #14807C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.archive--results .row #filters .filter .custom-select.open {
  background: #14807C;
  color: #FFFFFF;
}
.archive--results .row #filters .filter .custom-select.open .selected:after {
  border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  transform: rotate(180deg);
}
.archive--results .row #filters .filter .custom-select.open .options {
  color: #14807C;
}
.archive--results .row #filters .filter .custom-select .options {
  position: absolute;
  top: 100%; /* Place below main box */
  left: 0;
  right: 0;
  background-color: #fff;
  border-radius: var(--border-radius);
  list-style: none;
  margin-top: 12px;
  box-shadow: 0 2px 10px rgba(30, 38, 59, 0.2);
  z-index: 1;
  padding: 25px;
}
.archive--results .row #filters .filter .custom-select .options li {
  margin: 0 0 18px;
  cursor: pointer;
}
.archive--results .row #filters .filter .custom-select .options li:last-child {
  margin: 0;
}
.archive--results .row #filters .filter .custom-select .options li:hover {
  text-decoration: underline;
}
.archive--results .row #filters .filter #topic-filter-trigger {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #14807C;
  position: relative;
  margin-left: 20px;
  display: inline-block;
}
.archive--results .row #filters .filter #topic-filter-trigger:hover {
  text-decoration: underline;
  cursor: pointer;
}
.archive--results .row #filters .filter #topic-filter-trigger:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  right: -15px;
  top: 10px;
  border-style: solid;
  border-width: 4px 3px 0 3px;
  border-color: #14807C rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.archive--results .row #filters .filter #topic-filter-trigger.open:after {
  transform: rotate(180deg);
}
.archive--results .row #filters .filter .button-group {
  height: 70px;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  .archive--results .row #filters {
    flex-direction: column;
    margin-bottom: 60px;
  }
}
.archive--results .row #all-topics {
  position: absolute;
  z-index: 2;
  top: 100px;
  width: 100%;
}
.archive--results .row #all-topics .button-group--menu {
  background: #FFFFFF;
  z-index: 1;
  width: 100%;
  left: 0;
  border-top: 1px solid #545454;
  border-bottom: 1px solid #545454;
  padding: 30px 0 10px;
  margin-top: 27px;
}
.archive--results .row #all-topics .button-group--menu .button-group__button {
  margin-bottom: 15px;
  text-transform: capitalize;
}
.archive--results .row #all-topics .button-group__button {
  transition: opacity 0.2s ease-in-out;
  opacity: 1;
  font-size: 1rem;
  line-height: 2rem;
  padding: 15px 26px;
  border-radius: var(--border-radius);
  border: 2px solid #FFFFFF;
  color: #38794a;
  background: linear-gradient(to right, #F3F3F3 0%, #FFFFFF 100%);
  display: inline-block;
  margin-right: 15px;
  font-family: Lato, sans-serif;
}
.archive--results .row #all-topics .button-group__button:hover {
  cursor: pointer;
  border: 2px solid #14807C;
}
.archive--results .row #all-topics .button-group__button.active {
  border: 2px solid #14807C;
  color: #FFFFFF;
  background: #14807C;
}
.archive--results .row #all-topics .button-group__button[style*="display: none"] {
  opacity: 0;
}
.archive--results .row #all-topics .button-group__button.popular {
  display: none;
  visibility: hidden;
}
@media screen and (max-width: 700px) {
  .archive--results .row #all-topics {
    top: 60px;
    width: 85%;
  }
}
.archive--results .row #archive-results {
  display: flex;
  margin-bottom: 45px;
}
.archive--results .row #archive-results .post--item {
  margin-bottom: 20px;
  position: relative;
}
.archive--results .row #archive-results .post--item a {
  text-decoration: none;
  color: #545454;
}
.archive--results .row #archive-results .post--item a:hover .h3, .archive--results .row #archive-results .post--item a:hover .ld-focus-content h3, .ld-focus-content .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--quote__row--content h3, .component--quote__row--content .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--accordion__container--content h3, .component--accordion__container--content .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--list-item__item--content h3, .component--list-item__item--content .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--faq__item--answer h3, .component--faq__item--answer .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--multi-column-content__column h3, .component--multi-column-content__column .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .component--content-editor h3, .component--content-editor .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .post-component--content-editor h3, .post-component--content-editor .archive--results .row #archive-results .post--item a:hover h3, .archive--results .row #archive-results .post--item a:hover .wysiwyg h3, .wysiwyg .archive--results .row #archive-results .post--item a:hover h3 {
  text-decoration: underline;
  opacity: 0.75;
}
.archive--results .row #archive-results .post--item a:hover .event-block--default__left {
  opacity: 1;
}
.archive--results .row #archive-results .post--item a:hover .event-block--default__left a {
  text-decoration: none;
}
.archive--results .row #archive-results .post--item .post-block .post__title:hover {
  border-top: 2px solid #17A960;
  margin-top: -2px;
  text-decoration: underline;
  opacity: 0.75;
}
.archive--results .row #archive-results .post--item .post-block .post-meta:hover {
  cursor: default;
}
.archive--results .row #archive-results .post--item .research-status__line {
  display: block;
  margin-bottom: 35px;
  overflow: hidden;
}
.archive--results .row #archive-results .post--item .research-status__line path {
  stroke: #DEE0DF;
}
.archive--results .row #archive-results .post--item .research-status__icon {
  height: 1rem;
  padding-right: 10px;
  fill: #17A960;
  transition: fill 0.3s ease-in-out;
}
.archive--results .row #archive-results .post--item .status {
  position: absolute;
  top: 20px;
  color: #2B3F74;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: bold;
}
.archive--results .row #archive-results .post--item .status .notset .research-status__icon path {
  fill: red;
}
.archive--results .row #archive-results .post--item .h3, .archive--results .row #archive-results .post--item .ld-focus-content h3, .ld-focus-content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--quote__row--content h3, .component--quote__row--content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--accordion__container--content h3, .component--accordion__container--content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--list-item__item--content h3, .component--list-item__item--content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--faq__item--answer h3, .component--faq__item--answer .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--multi-column-content__column h3, .component--multi-column-content__column .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--content-editor h3, .component--content-editor .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .post-component--content-editor h3, .post-component--content-editor .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .wysiwyg h3, .wysiwyg .archive--results .row #archive-results .post--item h3 {
  line-height: 2.3125rem;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}
.archive--results .row #archive-results .post--item .h3 a, .archive--results .row #archive-results .post--item .ld-focus-content h3 a, .ld-focus-content .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--quote__row--content h3 a, .component--quote__row--content .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--accordion__container--content h3 a, .component--accordion__container--content .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--tabbed-component__tab--content h3 a, .component--tabbed-component__tab--content .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--list-item__item--content h3 a, .component--list-item__item--content .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--faq__item--answer h3 a, .component--faq__item--answer .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--two-column-content-and-image__column h3 a, .component--two-column-content-and-image__column .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--two-column-content-and-image__content h3 a, .component--two-column-content-and-image__content .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--two-column-text-and-links__column h3 a, .component--two-column-text-and-links__column .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--multi-column-content__column h3 a, .component--multi-column-content__column .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--fullwidth-callout__content h3 a, .component--fullwidth-callout__content .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .component--content-editor h3 a, .component--content-editor .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .post-component--content-editor h3 a, .post-component--content-editor .archive--results .row #archive-results .post--item h3 a, .archive--results .row #archive-results .post--item .wysiwyg h3 a, .wysiwyg .archive--results .row #archive-results .post--item h3 a {
  color: #2B3F74;
}
.archive--results .row #archive-results .post--item .h3.event__title, .archive--results .row #archive-results .post--item .ld-focus-content h3.event__title, .ld-focus-content .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--quote__row--content h3.event__title, .component--quote__row--content .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--accordion__container--content h3.event__title, .component--accordion__container--content .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--tabbed-component__tab--content h3.event__title, .component--tabbed-component__tab--content .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--list-item__item--content h3.event__title, .component--list-item__item--content .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--faq__item--answer h3.event__title, .component--faq__item--answer .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--two-column-content-and-image__column h3.event__title, .component--two-column-content-and-image__column .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--two-column-content-and-image__content h3.event__title, .component--two-column-content-and-image__content .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--two-column-text-and-links__column h3.event__title, .component--two-column-text-and-links__column .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--multi-column-content__column h3.event__title, .component--multi-column-content__column .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--fullwidth-callout__content h3.event__title, .component--fullwidth-callout__content .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .component--content-editor h3.event__title, .component--content-editor .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .post-component--content-editor h3.event__title, .post-component--content-editor .archive--results .row #archive-results .post--item h3.event__title, .archive--results .row #archive-results .post--item .wysiwyg h3.event__title, .wysiwyg .archive--results .row #archive-results .post--item h3.event__title {
  margin-bottom: 10px;
}
@media screen and (max-width: 700px) {
  .archive--results .row #archive-results .post--item .h3, .archive--results .row #archive-results .post--item .ld-focus-content h3, .ld-focus-content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--quote__row--content h3, .component--quote__row--content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--accordion__container--content h3, .component--accordion__container--content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--list-item__item--content h3, .component--list-item__item--content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--faq__item--answer h3, .component--faq__item--answer .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--multi-column-content__column h3, .component--multi-column-content__column .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .component--content-editor h3, .component--content-editor .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .post-component--content-editor h3, .post-component--content-editor .archive--results .row #archive-results .post--item h3, .archive--results .row #archive-results .post--item .wysiwyg h3, .wysiwyg .archive--results .row #archive-results .post--item h3 {
    line-height: 2rem;
  }
}
.archive--results .row #archive-results .post--item .excerpt {
  margin-bottom: 20px;
  font-size: 1.5rem;
  line-height: 2rem;
}
.archive--results .row #archive-results .post--item .post-meta {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.archive--results .row #archive-results .post--item .post-meta .topic {
  color: #14807C;
  text-transform: capitalize;
}
.archive--results .row #archive-results .post--item .post-meta .date {
  display: block;
}
.archive--results .row #archive-results .post--item:hover {
  /* .h3{
      text-decoration:underline;
      opacity:0.75;
  } */
}
.archive--results .row #archive-results .post--item:hover .status.complete {
  color: #17A960;
}
.archive--results .row #archive-results .post--item:hover .status.in.progress {
  color: #fad471;
}
.archive--results .row #archive-results .post--item:hover .research-status__line path {
  stroke-width: 2px;
}
.archive--results .row #archive-results .post--item:hover .research-status__line.complete path {
  stroke: #17A960;
}
.archive--results .row #archive-results .post--item:hover .research-status__line.in.progress path {
  stroke: #fad471;
}
@media screen and (max-width: 700px) {
  .archive--results .row #archive-results .post--item {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 980px) {
  .archive--results .row #archive-results {
    grid-template-columns: repeat(2, calc((100% - 120px) / 2));
  }
}
@media screen and (max-width: 700px) {
  .archive--results .row #archive-results {
    display: block;
  }
}
.archive--results .row #pagination-links {
  margin-bottom: 50px;
  display: flex;
}
.archive--results .row #pagination-links .page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.125rem;
  color: #545454;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  position: relative;
  border-radius: 50%;
  margin: 0 5px;
}
.archive--results .row #pagination-links .page-numbers:first-child {
  margin-left: 0;
}
.archive--results .row #pagination-links .page-numbers:hover {
  background: linear-gradient(to bottom, #F3F3F3 0%, #FFFFFF 90%);
}
@media screen and (max-width: 700px) {
  .archive--results .row #pagination-links .page-numbers.dots {
    width: 10px;
    margin-left: 0;
    margin-right: 0;
  }
}
.archive--results .row #pagination-links .page-numbers.current:after {
  content: "";
  position: absolute;
  top: 47px;
  left: 50%;
  margin-left: -3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #14807C;
  text-align: center;
}
.archive--results .row #pagination-links .page-numbers.next {
  background: #14807C;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 0;
  border: 2px solid #FFFFFF;
  margin-left: 5px;
}
.archive--results .row #pagination-links .page-numbers.next:after {
  content: url(../img/white-arrow-left.svg);
  position: absolute;
  transform: scaleX(-1);
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -11px;
}
@media screen and (max-width: 700px) {
  .archive--results .row #pagination-links .page-numbers.next:after {
    content: "";
    background-image: url(../img/white-arrow-left.svg);
    background-size: 65%;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    top: 10px;
    left: -8px;
  }
}
.archive--results .row #pagination-links .page-numbers.next:hover {
  border: 2px solid #75B856;
}
@media screen and (max-width: 700px) {
  .archive--results .row #pagination-links .page-numbers.next {
    width: 35px;
    height: 35px;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
  }
}
.archive--results .row #pagination-links .page-numbers.prev {
  background: #14807C;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 0;
  border: 2px solid #FFFFFF;
  margin-right: 5px;
}
.archive--results .row #pagination-links .page-numbers.prev:hover {
  border: 2px solid #75B856;
}
.archive--results .row #pagination-links .page-numbers.prev:after {
  content: url(../img/white-arrow-left.svg);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -11px;
}
@media screen and (max-width: 700px) {
  .archive--results .row #pagination-links .page-numbers.prev:after {
    content: "";
    background-image: url(../img/white-arrow-left.svg);
    background-size: 65%;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    top: 10px;
    left: 4px;
  }
}
@media screen and (max-width: 700px) {
  .archive--results .row #pagination-links .page-numbers.prev {
    width: 35px;
    height: 35px;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 700px) {
  .archive--results .row #pagination-links .page-numbers {
    width: 25px;
    height: 25px;
    font-size: 0.875rem;
    margin: 5px 3px 0;
  }
}

.archive.tag #filters {
  display: none;
}

.component--content-editor, .post-component--content-editor, .wysiwyg {
  margin-top: 56px;
  margin-bottom: 56px;
}
.component--content-editor > div, .post-component--content-editor > div, .wysiwyg > div {
  max-width: 960px;
  margin: 0 auto;
}
.component--content-editor h1, .post-component--content-editor h1, .wysiwyg h1 {
  margin-bottom: 20px;
}
.component--content-editor h2, .post-component--content-editor h2, .wysiwyg h2 {
  margin-bottom: 20px;
}
.component--content-editor h3, .post-component--content-editor h3, .wysiwyg h3 {
  margin-bottom: 20px;
}
.component--content-editor h4, .post-component--content-editor h4, .wysiwyg h4 {
  margin-bottom: 20px;
}
.component--content-editor h5, .post-component--content-editor h5, .wysiwyg h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--content-editor h6, .post-component--content-editor h6, .wysiwyg h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--content-editor p,
.component--content-editor ul,
.component--content-editor ol, .post-component--content-editor p,
.post-component--content-editor ul,
.post-component--content-editor ol, .wysiwyg p,
.wysiwyg ul,
.wysiwyg ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--content-editor em, .post-component--content-editor em, .wysiwyg em {
  font-style: italic;
}
.component--content-editor a, .post-component--content-editor a, .wysiwyg a {
  color: #2B3F74;
  word-wrap: break-word;
}
.component--content-editor a:hover, .post-component--content-editor a:hover, .wysiwyg a:hover {
  text-decoration: underline;
}
.component--content-editor img, .post-component--content-editor img, .wysiwyg img {
  max-width: 100%;
}
.component--content-editor ul, .post-component--content-editor ul, .wysiwyg ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--content-editor ul.social-icons, .post-component--content-editor ul.social-icons, .wysiwyg ul.social-icons {
  margin-bottom: 0;
}
.component--content-editor ul li, .post-component--content-editor ul li, .wysiwyg ul li {
  line-height: 1.5;
}
.component--content-editor ul li::marker, .post-component--content-editor ul li::marker, .wysiwyg ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--content-editor ol, .post-component--content-editor ol, .wysiwyg ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--content-editor li, .post-component--content-editor li, .wysiwyg li {
  line-height: 1.8;
}
.component--content-editor hr, .post-component--content-editor hr, .wysiwyg hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--content-editor iframe, .post-component--content-editor iframe, .wysiwyg iframe {
  width: 100%;
  min-height: 400px;
}

.component--event-series-list {
  background: #FFFFFF;
  background: linear-gradient(to bottom, #F3F3F3 0%, #FFFFFF 50%);
}
.component--event-series-list > div {
  padding-top: 83px;
  padding-bottom: 99px;
  margin-top: 100px;
}
.component--event-series-list > div h2.h2, .component--event-series-list > div .ld-focus-content h2, .ld-focus-content .component--event-series-list > div h2, .component--event-series-list > div .component--quote__row--content h2, .component--quote__row--content .component--event-series-list > div h2, .component--event-series-list > div .component--accordion__container--content h2, .component--accordion__container--content .component--event-series-list > div h2, .component--event-series-list > div .component--tabbed-component__tab--content h2, .component--tabbed-component__tab--content .component--event-series-list > div h2, .component--event-series-list > div .component--list-item__item--content h2, .component--list-item__item--content .component--event-series-list > div h2, .component--event-series-list > div .component--faq__item--answer h2, .component--faq__item--answer .component--event-series-list > div h2, .component--event-series-list > div .component--two-column-content-and-image__column h2, .component--two-column-content-and-image__column .component--event-series-list > div h2, .component--event-series-list > div .component--two-column-content-and-image__content h2, .component--two-column-content-and-image__content .component--event-series-list > div h2, .component--event-series-list > div .component--two-column-text-and-links__column h2, .component--two-column-text-and-links__column .component--event-series-list > div h2, .component--event-series-list > div .component--multi-column-content__column h2, .component--multi-column-content__column .component--event-series-list > div h2, .component--event-series-list > div .component--fullwidth-callout__content h2, .component--fullwidth-callout__content .component--event-series-list > div h2, .component--event-series-list > div .component--content-editor h2, .component--content-editor .component--event-series-list > div h2, .component--event-series-list > div .post-component--content-editor h2, .post-component--content-editor .component--event-series-list > div h2, .component--event-series-list > div .wysiwyg h2, .wysiwyg .component--event-series-list > div h2 {
  margin-bottom: 40px;
}

.event-series__list {
  display: grid;
  grid-template-columns: 0.49fr 0.49fr;
  gap: 98px 32px;
}
@media (max-width: 1024px) {
  .event-series__list {
    grid-template-columns: 1fr;
  }
}
.event-series__series div h3.h2 {
  font-weight: normal;
  line-height: 3.3125rem;
  margin-bottom: 20px;
}
.event-series__series div h3.h2 a {
  text-decoration: none;
  color: #2B3F74;
  position: relative;
}
.event-series__series div h3.h2 a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  margin-left: 15px;
  top: 50%;
  margin-top: -10px;
  border-top: 10px solid transparent; /* Adjust height as needed */
  border-right: 0 solid transparent; /* Adjust width as needed */
  border-bottom: 10px solid transparent;
  border-left: 10px solid #2B3F74;
}
.event-series__series div h3.h2 a:hover {
  color: #14807C;
  text-decoration: underline;
}
.event-series__series div h3.h2 a:hover:after {
  border-left: 10px solid #14807C;
  margin-left: 20px;
}
.event-series__series div strong {
  font-weight: bold;
  font-size: 1.25rem;
  margin-bottom: 20px;
  display: block;
}
.event-series__series div p {
  font-size: 1.125rem;
  line-height: 1.6875rem;
}
.event-series__img-container {
  position: relative;
}
.event-series__img-container .image__corner {
  color: #fff;
  background-color: #1D263A;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 0 20px 28px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 0 30px;
  height: 58px;
}
.event-series__img-container .image__corner::after {
  content: url(../img/blue-curve-close.svg);
  height: 57px;
  position: absolute;
  right: -86px;
  width: 86px;
  top: 0px;
}
.event-series__img {
  display: block;
  margin-bottom: 53px;
  height: 366px;
  width: 100%;
  border-radius: var(--border-radius);
  background-size: cover;
  background-position: center;
  border: 1px solid #DEE0DF;
}
@media (max-width: 700px) {
  .event-series__img {
    height: 255px;
  }
}

/* sidebar styling */
.fixed__sidebar {
  z-index: 0;
}
.fixed__sidebar.single {
  position: absolute;
  top: 600px;
}
@media screen and (max-width: 1199px) {
  .fixed__sidebar.single .sidebar > div {
    width: 350px;
  }
}
@media screen and (max-width: 1023px) {
  .fixed__sidebar.single .sidebar > div {
    max-width: 415px;
    width: 90%;
  }
}
@media screen and (max-width: 850px) {
  .fixed__sidebar.single .sidebar {
    justify-content: center;
  }
}
@media screen and (max-width: 850px) {
  .fixed__sidebar.single {
    position: relative;
    top: auto;
  }
}
@media screen and (max-width: 1023px) {
  .fixed__sidebar.single {
    position: relative;
    top: auto;
    margin-bottom: 100px;
  }
  .fixed__sidebar.single .sidebar {
    justify-content: center;
  }
}
@media screen and (max-width: 700px) {
  .fixed__sidebar.single {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1199px) {
  .fixed__sidebar.single .sidebar--right {
    max-width: 330px;
  }
}
@media screen and (max-width: 1023px) {
  .fixed__sidebar.single .sidebar--right {
    max-width: 100%;
  }
}
@media screen and (max-width: 850px) {
  .fixed__sidebar.single {
    position: relative;
    top: auto;
  }
}
.fixed__sidebar.fixed {
  position: fixed;
  top: 150px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .fixed__sidebar.fixed {
    position: relative;
    top: auto;
    margin-bottom: 100px;
  }
  .fixed__sidebar.fixed .sidebar {
    justify-content: center;
  }
}
@media screen and (max-width: 700px) {
  .fixed__sidebar.fixed {
    margin-bottom: 50px;
  }
}
.fixed__sidebar .sidebar {
  display: flex;
  justify-content: flex-end;
}
.fixed__sidebar .sidebar--right {
  max-width: 400px;
}
@media screen and (max-width: 1199px) {
  .fixed__sidebar .sidebar--right {
    max-width: 330px;
  }
}
@media screen and (max-width: 1023px) {
  .fixed__sidebar .sidebar--right {
    max-width: 100%;
  }
}
.fixed__sidebar .sidebar--right .container {
  border-radius: var(--border-radius);
  margin-bottom: 48px;
}
.fixed__sidebar .sidebar--right .container.gradient {
  background: #F3F3F3;
  background: linear-gradient(to bottom, #F3F3F3, #FDFDFD);
  padding: 42px 45px;
}
.fixed__sidebar .sidebar--right .container.dark {
  color: #FFFFFF;
  background: #2B3F74;
  padding: 42px 45px;
}
.fixed__sidebar .sidebar--right .container.dark .title {
  color: #FFFFFF;
  margin-bottom: 18px;
}
.fixed__sidebar .sidebar--right .container.dark p {
  font-size: 1.125rem;
  line-height: 1.6875rem;
  margin-bottom: 30px;
}
.fixed__sidebar .sidebar--right .container.dark label {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: bold;
}
.fixed__sidebar .sidebar--right .container.dark input[type=email] {
  padding: 18px 0 20px;
  margin-top: 2px;
  font-size: 1rem;
  line-height: 1.125rem;
  color: #FFFFFF;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #DEE0DF;
  margin-bottom: 28px;
  width: 100%;
}
.fixed__sidebar .sidebar--right .container.dark button {
  border: 0;
}
.fixed__sidebar .sidebar--right .container.dark button:hover {
  cursor: pointer;
}
@media screen and (max-width: 1199px) {
  .fixed__sidebar .sidebar--right .container.dark {
    padding: 30px;
  }
}
.fixed__sidebar .sidebar--right .container .title {
  display: block;
  font-size: 1.875rem;
  line-height: 2.3125rem;
  font-family: "YoungAgrarians-Header", sans-serif;
  color: #2B3F74;
  letter-spacing: -1px;
}
.fixed__sidebar .sidebar--right .container .title.gold {
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #A88A63;
  letter-spacing: 0;
  font-family: Lato, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}
.fixed__sidebar .sidebar--right .container .button {
  margin-top: 20px;
  display: inline-block;
  text-decoration: none;
  background: #14807C;
  color: #FFFFFF;
  font-weight: bold;
  padding: 16px 22px;
  border-radius: var(--border-radius);
  transition: all 300ms ease-in-out;
  outline: 3px solid transparent;
}
.fixed__sidebar .sidebar--right .container .button:hover {
  outline: 3px solid #75B856;
}
.fixed__sidebar .related__news {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #DEE0DF;
}
.fixed__sidebar .related__news--title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  margin-bottom: 11px;
}
.fixed__sidebar .related__news--title a {
  color: #2B3F74;
}
.fixed__sidebar .related__news--title a:hover {
  opacity: 0.75;
  text-decoration: underline;
}
.fixed__sidebar .related__news--category {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.fixed__sidebar .related__news--category a {
  color: #14807C;
}
.fixed__sidebar .related__news--pipe {
  margin: 0 15px;
}
.fixed__sidebar .related__news--date {
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.fixed__sidebar .component--events-preview__row .events--right {
  width: 100%;
}

.page-sidebar__content {
  position: relative;
  display: flex;
  max-width: 1430px;
  margin-left: auto;
  margin-right: auto;
}
.page-sidebar__content-left {
  position: relative;
  z-index: 1;
}
.page-sidebar__content-right .fixed__sidebar {
  z-index: 0;
  position: absolute;
  top: 80px;
  right: 0;
}
.page-sidebar__content-right .fixed__sidebar .sidebar {
  padding-left: 0;
}
@media screen and (max-width: 850px) {
  .page-sidebar__content-right .fixed__sidebar .sidebar {
    margin-top: 25px;
  }
}
@media screen and (max-width: 850px) {
  .page-sidebar__content-right .fixed__sidebar {
    position: relative;
    top: 0;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 700px) {
  .page-sidebar__content-right .fixed__sidebar {
    margin-bottom: 30px;
  }
}
.page-sidebar__content-right.research .fixed__sidebar {
  top: 0;
}
@media screen and (max-width: 1024px) {
  .page-sidebar__content-right.research .fixed__sidebar {
    position: relative;
    margin-top: 80px;
  }
}
.page-sidebar__content-right.wmo .fixed__sidebar {
  top: 30px;
}
@media screen and (max-width: 850px) {
  .page-sidebar__content {
    display: block;
  }
}

/* Mailchimp styling */
.error-message {
  color: #FAD471;
  margin-top: 20px;
}

.success-message {
  color: #75B856;
}

#sidebar-mailchimp > button {
  margin-top: 0;
  font-size: 1rem;
  padding: 18px 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 700px) {
  #sidebar-mailchimp > button {
    width: 100%;
  }
}

.newsletter__container .error-message {
  color: #14807C;
  font-weight: bold;
}
.newsletter__container .success-message {
  color: #2B3F74;
  margin-top: 30px;
  font-weight: bold;
}

.component--featured-podcast.latest {
  margin-bottom: 80px;
  padding-top: 30px;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 700px) {
  .component--featured-podcast.latest {
    margin-bottom: 60px;
    padding-top: 0;
  }
}
.component--featured-podcast.latest--post .row .podcast {
  width: 60%;
}
.component--featured-podcast.latest--post .row .podcast__date {
  color: #DEE0DF;
}
.component--featured-podcast.latest--post .row .podcast__spotify {
  font-weight: 400;
  text-transform: capitalize;
}
@media screen and (max-width: 700px) {
  .component--featured-podcast.latest--post .row .podcast {
    width: 100%;
  }
}
.component--featured-podcast.latest--post .row .icon {
  width: 40%;
}
.component--featured-podcast.latest--post .row .icon img {
  max-width: 100%;
}

.component--fullwidth-callout__content {
  padding-top: 35px;
  padding-bottom: 35px;
}
.component--fullwidth-callout__content.light {
  color: #FFFFFF;
}
.component--fullwidth-callout__content.light .h2, .component--fullwidth-callout__content.light h2 {
  color: #FFFFFF;
}
.component--fullwidth-callout__content h1 {
  margin-bottom: 20px;
}
.component--fullwidth-callout__content h2 {
  margin-bottom: 20px;
  font-size: 4rem;
  line-height: 4.5rem;
}
@media screen and (max-width: 980px) {
  .component--fullwidth-callout__content h2 {
    font-size: 2.625rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 700px) {
  .component--fullwidth-callout__content h2 {
    font-size: 2rem;
    line-height: 2.25rem;
  }
}
.component--fullwidth-callout__content h3 {
  margin-bottom: 20px;
}
.component--fullwidth-callout__content h4 {
  margin-bottom: 20px;
}
.component--fullwidth-callout__content h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--fullwidth-callout__content h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--fullwidth-callout__content p,
.component--fullwidth-callout__content ul,
.component--fullwidth-callout__content ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--fullwidth-callout__content em {
  font-style: italic;
}
.component--fullwidth-callout__content a {
  color: #2B3F74;
  word-wrap: break-word;
}
.component--fullwidth-callout__content a:hover {
  text-decoration: underline;
}
.component--fullwidth-callout__content img {
  max-width: 100%;
}
.component--fullwidth-callout__content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--fullwidth-callout__content ul.social-icons {
  margin-bottom: 0;
}
.component--fullwidth-callout__content ul li {
  line-height: 1.5;
}
.component--fullwidth-callout__content ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--fullwidth-callout__content ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--fullwidth-callout__content li {
  line-height: 1.8;
}
.component--fullwidth-callout__content hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--fullwidth-callout__content .h2, .component--fullwidth-callout__content h2 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.component--fullwidth-callout__content p {
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-top: 24px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 700px) {
  .component--fullwidth-callout__content p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.component--fullwidth-callout__content strong {
  font-weight: bold;
}
.component--fullwidth-callout__content em {
  font-style: italic;
}
.component--fullwidth-callout__content .btn__holder {
  text-align: center;
}
.component--fullwidth-callout__content .btn__holder .btn {
  margin-top: 18px;
  color: #323232;
}
.component--fullwidth-callout__content .btn__holder .btn:hover {
  color: #FFFFFF;
}
.component--fullwidth-callout__content ul {
  list-style-position: inside !important;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  list-style: disc;
  padding: 0;
}
.component--fullwidth-callout__content ul li {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 700px) {
  .component--fullwidth-callout__content ul li {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.component--fullwidth-callout__content ol {
  list-style-position: inside;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  list-style-type: decimal;
  padding: 0;
}
.component--fullwidth-callout__content ol li {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
@media screen and (max-width: 700px) {
  .component--fullwidth-callout__content ol li {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.component--fullwidth-callout__image {
  height: 700px;
}
@media screen and (max-width: 700px) {
  .component--fullwidth-callout__image {
    height: 450px;
  }
}
.component--fullwidth-callout.with-image {
  margin-bottom: 16px;
}
.component--fullwidth-callout.with-image p {
  font-size: 2rem;
  line-height: 2.75rem;
}
@media screen and (max-width: 700px) {
  .component--fullwidth-callout.with-image p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.component--multi-column-content {
  padding-top: 52px;
  padding-bottom: 80px;
}
.component--multi-column-content__title {
  text-align: center;
  margin-bottom: 32px;
}
.component--multi-column-content__column-container {
  display: flex;
  justify-content: center;
  gap: 16px;
}
@media screen and (max-width: 980px) {
  .component--multi-column-content__column-container {
    flex-wrap: wrap;
  }
}
.component--multi-column-content__column {
  width: calc(20% - 16px);
  border-radius: 8px;
  padding: 23px 20px 60px;
  color: #FFFFFF;
  font-size: 1.5rem;
  line-height: 2.125rem;
  text-align: center;
}
.component--multi-column-content__column img {
  max-height: 96px;
  width: auto;
  margin-bottom: 24px;
}
.component--multi-column-content__column h1 {
  margin-bottom: 20px;
}
.component--multi-column-content__column h2 {
  margin-bottom: 20px;
}
.component--multi-column-content__column h3 {
  margin-bottom: 20px;
}
.component--multi-column-content__column h4 {
  margin-bottom: 20px;
}
.component--multi-column-content__column h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--multi-column-content__column h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--multi-column-content__column p,
.component--multi-column-content__column ul,
.component--multi-column-content__column ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--multi-column-content__column em {
  font-style: italic;
}
.component--multi-column-content__column a {
  color: #2B3F74;
  word-wrap: break-word;
}
.component--multi-column-content__column a:hover {
  text-decoration: underline;
}
.component--multi-column-content__column img {
  max-width: 100%;
}
.component--multi-column-content__column ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--multi-column-content__column ul.social-icons {
  margin-bottom: 0;
}
.component--multi-column-content__column ul li {
  line-height: 1.5;
}
.component--multi-column-content__column ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--multi-column-content__column ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--multi-column-content__column li {
  line-height: 1.8;
}
.component--multi-column-content__column hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--multi-column-content__column .h3, .component--multi-column-content__column h3 {
  color: #FFF;
  margin-bottom: 8px;
}
.component--multi-column-content__column a {
  text-decoration: underline;
  color: #FFFFFF;
}
.component--multi-column-content__column ul {
  text-align: left;
  margin-top: 16px;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 24px;
}
.component--multi-column-content__column ul li {
  line-height: 1.5625rem;
  margin: 0 0 8px;
  font-size: 1.125rem;
}
.component--multi-column-content__column ol {
  list-style-type: decimal;
}
@media screen and (max-width: 980px) {
  .component--multi-column-content__column {
    width: calc(40% - 16px);
  }
}
@media screen and (max-width: 700px) {
  .component--multi-column-content__column {
    width: 100%;
  }
}

.component--two-column-text-and-links {
  margin: 80px 0;
}
.component--two-column-text-and-links__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
@media screen and (max-width: 980px) {
  .component--two-column-text-and-links__row {
    flex-wrap: wrap;
  }
}
.component--two-column-text-and-links__column {
  max-width: 602px;
  width: 100%;
}
.component--two-column-text-and-links__column h1 {
  margin-bottom: 20px;
}
.component--two-column-text-and-links__column h2 {
  margin-bottom: 20px;
}
.component--two-column-text-and-links__column h3 {
  margin-bottom: 20px;
}
.component--two-column-text-and-links__column h4 {
  margin-bottom: 20px;
}
.component--two-column-text-and-links__column h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--two-column-text-and-links__column h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--two-column-text-and-links__column p,
.component--two-column-text-and-links__column ul,
.component--two-column-text-and-links__column ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--two-column-text-and-links__column em {
  font-style: italic;
}
.component--two-column-text-and-links__column a:not(.btn) {
  word-wrap: break-word;
}
.component--two-column-text-and-links__column a:not(.btn):hover {
  text-decoration: underline;
}
.component--two-column-text-and-links__column img {
  max-width: 100%;
}
.component--two-column-text-and-links__column ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--two-column-text-and-links__column ul.social-icons {
  margin-bottom: 0;
}
.component--two-column-text-and-links__column ul li {
  line-height: 1.5;
}
.component--two-column-text-and-links__column ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--two-column-text-and-links__column ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--two-column-text-and-links__column li {
  line-height: 1.8;
}
.component--two-column-text-and-links__column hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--two-column-text-and-links__column h2 {
  margin-bottom: 48px;
}
.component--two-column-text-and-links__column p {
  margin-bottom: 48px;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.component--two-column-text-and-links__column p:last-child {
  margin-bottom: 0;
}
.component--two-column-text-and-links__content a:not(.btn) {
  color: #2B3F74;
}
.component--two-column-text-and-links__links {
  position: relative;
}
.component--two-column-text-and-links__links a {
  font-size: 2rem;
  line-height: 2.625rem;
  font-family: "YoungAgrarians-Header", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #323232;
  display: block;
  border-bottom: 3px solid #323232;
  padding: 24px 40px 16px 0;
}
.component--two-column-text-and-links__links a:after {
  content: url("../img/right-arrow.svg");
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -20px;
}
@media screen and (max-width: 700px) {
  .component--two-column-text-and-links__links a {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}

.component--two-column-links-and-image {
  margin: 80px 0;
}
.component--two-column-links-and-image__row {
  display: flex;
  align-items: center;
  gap: 40px;
}
.component--two-column-links-and-image__row.left_image {
  flex-direction: row-reverse;
}
@media screen and (max-width: 980px) {
  .component--two-column-links-and-image__row.left_image {
    flex-direction: column;
    gap: 24px;
  }
}
@media screen and (max-width: 980px) {
  .component--two-column-links-and-image__row {
    flex-direction: column;
    gap: 24px;
  }
}
.component--two-column-links-and-image__column {
  width: 70%;
}
.component--two-column-links-and-image__column:first-child {
  width: 30%;
}
@media screen and (max-width: 980px) {
  .component--two-column-links-and-image__column:first-child {
    width: 100%;
    order: 2;
  }
}
.component--two-column-links-and-image__column h2 {
  margin-bottom: 37px;
}
.component--two-column-links-and-image__column.withbackground {
  min-height: 444px;
  background-size: cover;
  background-position: center;
  border-radius: var(--border-radius);
}
@media screen and (max-width: 980px) {
  .component--two-column-links-and-image__column {
    width: 100%;
  }
}
.component--two-column-links-and-image__links {
  position: relative;
}
.component--two-column-links-and-image__links a {
  font-size: 2rem;
  line-height: 2.625rem;
  font-family: "YoungAgrarians-Header", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #323232;
  display: block;
  border-bottom: 3px solid #323232;
  padding: 16px 40px 16px 0;
}
.component--two-column-links-and-image__links a:after {
  content: url("../img/right-arrow.svg");
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -20px;
}

.component--two-column-content-and-image {
  margin: 0;
  padding: 56px 0;
}
.component--two-column-content-and-image.nopadding {
  padding: 0;
}
@media screen and (max-width: 980px) {
  .component--two-column-content-and-image.nopadding {
    padding: 30px 0;
  }
}
.component--two-column-content-and-image__row {
  display: flex;
  align-items: center;
  gap: 48px;
}
.component--two-column-content-and-image__row.left_image {
  flex-direction: row-reverse;
}
@media screen and (max-width: 980px) {
  .component--two-column-content-and-image__row.left_image {
    flex-direction: column;
    gap: 24px;
  }
}
@media screen and (max-width: 980px) {
  .component--two-column-content-and-image__row {
    width: 100%;
    flex-direction: column;
    gap: 24px;
  }
}
.component--two-column-content-and-image__content h1 {
  margin-bottom: 20px;
}
.component--two-column-content-and-image__content h2 {
  margin-bottom: 20px;
}
.component--two-column-content-and-image__content h3 {
  margin-bottom: 20px;
}
.component--two-column-content-and-image__content h4 {
  margin-bottom: 20px;
}
.component--two-column-content-and-image__content h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--two-column-content-and-image__content h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--two-column-content-and-image__content p,
.component--two-column-content-and-image__content ul,
.component--two-column-content-and-image__content ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--two-column-content-and-image__content em {
  font-style: italic;
}
.component--two-column-content-and-image__content a {
  color: #2B3F74;
  word-wrap: break-word;
}
.component--two-column-content-and-image__content a:hover {
  text-decoration: underline;
}
.component--two-column-content-and-image__content img {
  max-width: 100%;
}
.component--two-column-content-and-image__content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--two-column-content-and-image__content ul.social-icons {
  margin-bottom: 0;
}
.component--two-column-content-and-image__content ul li {
  line-height: 1.5;
}
.component--two-column-content-and-image__content ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--two-column-content-and-image__content ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--two-column-content-and-image__content li {
  line-height: 1.8;
}
.component--two-column-content-and-image__content hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--two-column-content-and-image__content strong {
  font-weight: bold;
}
.component--two-column-content-and-image__column {
  width: 70%;
}
.component--two-column-content-and-image__column:first-child {
  width: 30%;
}
@media screen and (max-width: 980px) {
  .component--two-column-content-and-image__column:first-child {
    width: 100%;
    order: 2;
  }
}
.component--two-column-content-and-image__column h1 {
  margin-bottom: 20px;
}
.component--two-column-content-and-image__column h2 {
  margin-bottom: 20px;
}
.component--two-column-content-and-image__column h3 {
  margin-bottom: 20px;
}
.component--two-column-content-and-image__column h4 {
  margin-bottom: 20px;
}
.component--two-column-content-and-image__column h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--two-column-content-and-image__column h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--two-column-content-and-image__column p,
.component--two-column-content-and-image__column ul,
.component--two-column-content-and-image__column ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--two-column-content-and-image__column em {
  font-style: italic;
}
.component--two-column-content-and-image__column a:not(.btn) {
  color: #2B3F74;
  word-wrap: break-word;
}
.component--two-column-content-and-image__column a:not(.btn):hover {
  text-decoration: underline;
}
.component--two-column-content-and-image__column img {
  max-width: 100%;
}
.component--two-column-content-and-image__column ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--two-column-content-and-image__column ul.social-icons {
  margin-bottom: 0;
}
.component--two-column-content-and-image__column ul li {
  line-height: 1.5;
}
.component--two-column-content-and-image__column ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--two-column-content-and-image__column ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--two-column-content-and-image__column li {
  line-height: 1.8;
}
.component--two-column-content-and-image__column hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--two-column-content-and-image__column h2 {
  margin-bottom: 37px;
}
.component--two-column-content-and-image__column p {
  margin-bottom: 48px;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.component--two-column-content-and-image__column p a {
  color: #CF501C;
}
.component--two-column-content-and-image__column p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 700px) {
  .component--two-column-content-and-image__column p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.component--two-column-content-and-image__column ul, .component--two-column-content-and-image__column ol {
  list-style-position: inside;
}
.component--two-column-content-and-image__column ul li, .component--two-column-content-and-image__column ol li {
  font-size: 1.5rem;
  line-height: 2.125rem;
}
@media screen and (max-width: 700px) {
  .component--two-column-content-and-image__column ul li, .component--two-column-content-and-image__column ol li {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.component--two-column-content-and-image__column ul {
  list-style-type: disc;
}
.component--two-column-content-and-image__column a.btn {
  margin-top: 30px;
}
.component--two-column-content-and-image__column--withbackground {
  min-height: 444px;
  background-size: cover;
  background-position: center;
  border-radius: var(--border-radius);
}
@media screen and (max-width: 980px) {
  .component--two-column-content-and-image__column {
    width: 100%;
  }
}
.component--two-column-content-and-image__links {
  position: relative;
}
.component--two-column-content-and-image__links a {
  font-size: 2rem;
  line-height: 2.625rem;
  font-family: "YoungAgrarians-Header", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #323232;
  display: block;
  border-bottom: 3px solid #323232;
  padding: 16px 40px 16px 0;
}
.component--two-column-content-and-image__links a:after {
  content: url("../img/right-arrow.svg");
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -20px;
}
.component--two-column-content-and-image__caption {
  margin-top: 14px;
  font-size: 1rem;
  line-height: 1.375rem;
  font-style: italic;
  text-align: left;
}
.component--two-column-content-and-image__caption p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.375rem;
}
.component--two-column-content-and-image__caption strong {
  font-weight: bold;
}
.component--two-column-content-and-image__caption a {
  color: #323232;
  text-decoration: underline;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.component--two-column-content-and-image.equalwidth .component--two-column-content-and-image__column {
  width: 50% !important;
}
.component--two-column-content-and-image.equalwidth .component--two-column-content-and-image__column:first-child {
  width: 50% !important;
}
@media screen and (max-width: 980px) {
  .component--two-column-content-and-image.equalwidth .component--two-column-content-and-image__column:first-child {
    width: 100% !important;
  }
}
@media screen and (max-width: 980px) {
  .component--two-column-content-and-image.equalwidth .component--two-column-content-and-image__column {
    width: 100% !important;
  }
}

.component--fullwidth-image {
  padding: 80px 0;
  text-align: center;
  margin-bottom: -3px;
}
.component--fullwidth-image.removeMargin {
  padding: 0;
}
.component--fullwidth-image img {
  width: 100%;
  border-radius: 0;
  height: auto;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.component--fullwidth-image.content-width img {
  width: 960px;
}
.component--fullwidth-image__caption {
  margin-top: 8px;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  font-style: italic;
}
.component--fullwidth-image__caption p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.375rem;
}
.component--fullwidth-image__caption strong {
  font-weight: bold;
}
.component--fullwidth-image__caption a {
  color: #323232;
  text-decoration: underline;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}

.component--informational-header {
  margin-bottom: 16px;
}
.component--informational-header.nomargin {
  margin-bottom: 0;
}
.component--informational-header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
}
.component--informational-header__content.noicon:not(.button) {
  display: block;
}
.component--informational-header__content.nobutton {
  justify-content: flex-start;
}
.component--informational-header__content p {
  color: #FFFFFF;
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 2rem;
  line-height: 2.625rem;
  text-transform: uppercase;
}
.component--informational-header__icon {
  padding-right: 24px;
}
.component--informational-header__elearning_bar .component--informational-header__content {
  display: flex;
}
.component--informational-header__elearning_bar .component--informational-header__content p {
  margin: 0;
}

.component--umap {
  background-color: #F3EFE5;
  padding: 80px 0 74px;
}
.component--umap__content {
  display: flex;
  align-items: center;
}
.component--umap__content h2 {
  padding-right: 80px;
}
.component--umap__content span {
  display: block;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.component--umap__content span a {
  color: #323232;
}
.component--umap__image {
  margin: 64px 0;
}
.component--umap__image img {
  width: 100%;
  border-radius: var(--border-radius);
}
.component--umap__button {
  text-align: center;
}

.component--testimonials {
  padding: 82px 0 96px;
}
.component--testimonials__item {
  display: flex;
}
.component--testimonials__item--left__content {
  margin-right: 32px;
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
@media screen and (max-width: 980px) {
  .component--testimonials__item--left__content {
    margin-right: 0;
  }
}
@media screen and (max-width: 980px) {
  .component--testimonials__item--left {
    width: 100%;
    order: 2;
  }
}
@media screen and (max-width: 980px) {
  .component--testimonials__item--right {
    width: 100%;
    order: 1;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 980px) {
  .component--testimonials__item {
    flex-direction: column;
    justify-content: center;
  }
}
.component--testimonials__image {
  width: 480px;
  height: 380px;
  background-size: cover;
  background-position: center;
  border-radius: var(--border-radius);
}
.component--testimonials__author {
  text-transform: uppercase;
  margin-top: 56px;
}
.component--testimonials__subtitle {
  font-style: italic;
}
.component--testimonials__program {
  text-transform: capitalize;
}
.component--testimonials__slideholder.is-single .slick-dots {
  display: none !important;
}

.component--statistics {
  padding: 70px 0 84px;
}
.component--statistics__title {
  text-align: center;
  margin-bottom: 10px;
}
.component--statistics__title .h2, .component--statistics__title .ld-focus-content h2, .ld-focus-content .component--statistics__title h2, .component--statistics__title .component--quote__row--content h2, .component--quote__row--content .component--statistics__title h2, .component--statistics__title .component--accordion__container--content h2, .component--accordion__container--content .component--statistics__title h2, .component--statistics__title .component--tabbed-component__tab--content h2, .component--tabbed-component__tab--content .component--statistics__title h2, .component--statistics__title .component--list-item__item--content h2, .component--list-item__item--content .component--statistics__title h2, .component--statistics__title .component--faq__item--answer h2, .component--faq__item--answer .component--statistics__title h2, .component--statistics__title .component--content-editor h2, .component--content-editor .component--statistics__title h2, .component--statistics__title .post-component--content-editor h2, .post-component--content-editor .component--statistics__title h2, .component--statistics__title .wysiwyg h2, .wysiwyg .component--statistics__title h2, .component--statistics__title .component--fullwidth-callout__content h2, .component--fullwidth-callout__content .component--statistics__title h2, .component--statistics__title .component--multi-column-content__column h2, .component--multi-column-content__column .component--statistics__title h2, .component--statistics__title .component--two-column-text-and-links__column h2, .component--two-column-text-and-links__column .component--statistics__title h2, .component--statistics__title .component--two-column-content-and-image__content h2, .component--two-column-content-and-image__content .component--statistics__title h2, .component--statistics__title .component--two-column-content-and-image__column h2, .component--two-column-content-and-image__column .component--statistics__title h2 {
  color: #FFFFFF;
}
.component--statistics__button {
  margin-top: 40px;
  text-align: center;
}
.component--statistics__container {
  display: flex;
  justify-content: space-between;
}
.component--statistics__container-column {
  max-width: 320px;
  width: 100%;
}
.component--statistics__container-column .h3, .component--statistics__container-column .ld-focus-content h3, .ld-focus-content .component--statistics__container-column h3, .component--statistics__container-column .component--quote__row--content h3, .component--quote__row--content .component--statistics__container-column h3, .component--statistics__container-column .component--accordion__container--content h3, .component--accordion__container--content .component--statistics__container-column h3, .component--statistics__container-column .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .component--statistics__container-column h3, .component--statistics__container-column .component--list-item__item--content h3, .component--list-item__item--content .component--statistics__container-column h3, .component--statistics__container-column .component--faq__item--answer h3, .component--faq__item--answer .component--statistics__container-column h3, .component--statistics__container-column .component--content-editor h3, .component--content-editor .component--statistics__container-column h3, .component--statistics__container-column .post-component--content-editor h3, .post-component--content-editor .component--statistics__container-column h3, .component--statistics__container-column .wysiwyg h3, .wysiwyg .component--statistics__container-column h3, .component--statistics__container-column .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .component--statistics__container-column h3, .component--statistics__container-column .component--multi-column-content__column h3, .component--multi-column-content__column .component--statistics__container-column h3, .component--statistics__container-column .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .component--statistics__container-column h3, .component--statistics__container-column .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .component--statistics__container-column h3, .component--statistics__container-column .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .component--statistics__container-column h3 {
  font-family: "YoungAgrarians-Header", sans-serif;
  color: #FFFFFF;
  font-size: 8rem;
  line-height: 8.5rem;
  text-align: center;
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .component--statistics__container-column .h3, .component--statistics__container-column .ld-focus-content h3, .ld-focus-content .component--statistics__container-column h3, .component--statistics__container-column .component--quote__row--content h3, .component--quote__row--content .component--statistics__container-column h3, .component--statistics__container-column .component--accordion__container--content h3, .component--accordion__container--content .component--statistics__container-column h3, .component--statistics__container-column .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .component--statistics__container-column h3, .component--statistics__container-column .component--list-item__item--content h3, .component--list-item__item--content .component--statistics__container-column h3, .component--statistics__container-column .component--faq__item--answer h3, .component--faq__item--answer .component--statistics__container-column h3, .component--statistics__container-column .component--content-editor h3, .component--content-editor .component--statistics__container-column h3, .component--statistics__container-column .post-component--content-editor h3, .post-component--content-editor .component--statistics__container-column h3, .component--statistics__container-column .wysiwyg h3, .wysiwyg .component--statistics__container-column h3, .component--statistics__container-column .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .component--statistics__container-column h3, .component--statistics__container-column .component--multi-column-content__column h3, .component--multi-column-content__column .component--statistics__container-column h3, .component--statistics__container-column .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .component--statistics__container-column h3, .component--statistics__container-column .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .component--statistics__container-column h3, .component--statistics__container-column .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .component--statistics__container-column h3 {
    font-size: 5.25rem;
    line-height: 5.625rem;
  }
}
.component--statistics__container-column p {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3.5rem;
  text-align: center;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .component--statistics__container-column p {
    font-size: 2rem;
    line-height: 2.375rem;
  }
}
@media screen and (max-width: 768px) {
  .component--statistics__container-column {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .component--statistics__container {
    flex-direction: column;
    align-items: center;
  }
}

.component--video-row .recent-videos__container {
  margin-top: 50px;
  margin-bottom: 50px;
}
.component--video-row .recent-videos__post .post__image {
  display: block;
  position: relative;
}
@media screen and (max-width: 425px) {
  .component--video-row .recent-videos__post .post__image {
    padding-bottom: 30px;
  }
}
.component--video-row .recent-videos__post .post__image .wp-post-image {
  visibility: hidden;
  max-height: 540px;
  width: 100%;
}
.component--video-row .recent-videos__post .post__image .image__link {
  height: 100%;
  width: 100%;
  max-height: 540px;
  border-radius: var(--border-radius);
  display: block;
  overflow: hidden;
  position: relative;
}
.component--video-row .recent-videos__post .post__image .image__bg-holder {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
}
.component--video-row .recent-videos__post .post__image .image__overlay {
  background-color: rgba(0, 0, 0, 0.2);
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.component--video-row .recent-videos__post .post__image .image__play-button {
  position: absolute;
  top: 50%;
  margin-top: -58px;
  left: 50%;
  margin-left: -58px;
  height: 116px;
  z-index: 2;
}
.component--video-row .recent-videos__post .post__image .image__play-button.on {
  display: none;
}
.component--video-row a.image__link.lightbox {
  display: block;
}
.component--video-row a.image__link.lightbox:hover {
  text-align: underline;
}
.component--video-row a.image__link.lightbox:hover .image__link:hover {
  background-size: 110%;
}
.component--video-row a.image__link.lightbox:hover .image__link:hover .image__bg-holder {
  transform: scale(1.05);
}
.component--video-row a.image__link.lightbox:hover .image__play-button.on {
  display: block;
}
.component--video-row a.image__link.lightbox:hover .image__play-button.off {
  display: none;
}

.component--faq {
  padding: 56px 0;
}
.component--faq__title {
  text-align: center;
  margin-bottom: 40px;
}
.component--faq__item {
  margin-bottom: 8px;
  background-color: #FFFFFF;
  border-radius: 9px;
}
.component--faq__item--question {
  background: #545454;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  text-transform: none;
  line-height: 2.8125rem;
  border-radius: var(--border-radius);
  padding: 22px 75px 22px 32px;
  position: relative;
}
.component--faq__item--question::after {
  content: url("../img/triangle-white.svg");
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -16px;
}
.component--faq__item--question:hover {
  cursor: pointer;
  background: #323232;
}
.component--faq__item--answer {
  display: none;
  font-size: 1.5rem;
  line-height: 2.125rem;
  padding: 32px 38px;
}
.component--faq__item--answer p {
  font-family: Lato, sans-serif;
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-bottom: 1rem;
}
.component--faq__item--answer p em {
  font-style: italic;
}
.component--faq__item--answer p strong {
  font-weight: bold;
}
.component--faq__item--answer p a {
  color: #0084B6;
  text-decoration: underline;
}
.component--faq__item--answer p u {
  text-decoration: underline;
}
.component--faq__item--answer h1 {
  margin-bottom: 20px;
}
.component--faq__item--answer h2 {
  margin-bottom: 20px;
}
.component--faq__item--answer h3 {
  margin-bottom: 20px;
}
.component--faq__item--answer h4 {
  margin-bottom: 20px;
}
.component--faq__item--answer h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--faq__item--answer h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--faq__item--answer ul,
.component--faq__item--answer ol {
  margin-bottom: 20px;
}
.component--faq__item--answer ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
}
.component--faq__item--answer ul li {
  line-height: 1.5;
}
.component--faq__item--answer ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--faq__item--answer ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--faq__item--answer li {
  line-height: 1.8;
}
.component--faq__item.active .component--faq__item--answer {
  display: block;
}
.component--faq__item.active .component--faq__item--question {
  background: #323232;
}
.component--faq__item.active .component--faq__item--question::after {
  margin-top: -25px;
  transform: rotate(180deg);
}

.component--list-item > div {
  max-width: 960px;
  margin: 0 auto;
}
.component--list-item__title {
  margin-top: 24px;
  text-align: center;
}
.component--list-item__container {
  margin-top: 80px;
  margin-bottom: 80px;
}
.component--list-item__item {
  display: flex;
  margin-bottom: 64px;
}
.component--list-item__item__step {
  margin-bottom: 40px;
}
.component--list-item__item--title {
  width: 35%;
}
.component--list-item__item--title__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 55px;
  margin-right: 40px;
}
.component--list-item__item--title__step .smaller {
  display: block;
  font-size: 1.5rem;
  line-height: 2.0625rem;
  font-family: Lato, sans-serif;
  font-weight: bold;
}
.component--list-item__item--title__step .larger {
  display: block;
  font-size: 2.5rem;
  line-height: 3.5rem;
  font-family: Lato, sans-serif;
  font-weight: bold;
}
.component--list-item__item--content {
  width: 65%;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.component--list-item__item--content__step {
  width: auto;
}
.component--list-item__item--content strong {
  font-weight: bold;
}
.component--list-item__item--content p {
  margin-bottom: 8px;
}
.component--list-item__item--content ul {
  list-style-type: disc;
}
.component--list-item__item--content ul li a {
  color: #323232;
  text-decoration: underline;
}
.component--list-item__item--content h1 {
  margin-bottom: 20px;
}
.component--list-item__item--content h2 {
  margin-bottom: 20px;
}
.component--list-item__item--content h3 {
  margin-bottom: 20px;
}
.component--list-item__item--content h4 {
  margin-bottom: 20px;
}
.component--list-item__item--content h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--list-item__item--content h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--list-item__item--content p,
.component--list-item__item--content ul,
.component--list-item__item--content ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--list-item__item--content em {
  font-style: italic;
}
.component--list-item__item--content a {
  color: #2B3F74;
  word-wrap: break-word;
}
.component--list-item__item--content a:hover {
  text-decoration: underline;
}
.component--list-item__item--content img {
  max-width: 100%;
}
.component--list-item__item--content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--list-item__item--content ul.social-icons {
  margin-bottom: 0;
}
.component--list-item__item--content ul li {
  line-height: 1.5;
}
.component--list-item__item--content ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--list-item__item--content ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--list-item__item--content li {
  line-height: 1.8;
}
.component--list-item__item--content hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}

.component--tabbed-component__row {
  margin-top: 56px;
  margin-bottom: 56px;
}
.component--tabbed-component__title {
  margin-bottom: 40px;
  text-align: center;
}
.component--tabbed-component__container {
  margin-top: 0;
  margin-bottom: 32px;
}
.component--tabbed-component__button {
  text-align: center;
}
.component--tabbed-component__tabs-row { /* New class for tabs row */
  display: flex; /* Enable flexbox for the row */
}
.component--tabbed-component__tab--title {
  cursor: pointer;
  flex: 1;
  letter-spacing: -1px;
  text-align: center;
  padding: 16px 0 14px;
}
.component--tabbed-component__tab--title.light {
  color: #FFFFFF;
}
.component--tabbed-component__tab--content {
  display: none;
  background-color: #F5F6ED;
  width: 100%;
  padding: 95px 82px;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.component--tabbed-component__tab--content.active {
  display: block;
}
.component--tabbed-component__tab--content h1 {
  margin-bottom: 20px;
}
.component--tabbed-component__tab--content h2 {
  margin-bottom: 20px;
}
.component--tabbed-component__tab--content h3 {
  margin-bottom: 20px;
}
.component--tabbed-component__tab--content h4 {
  margin-bottom: 20px;
}
.component--tabbed-component__tab--content h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--tabbed-component__tab--content h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--tabbed-component__tab--content p,
.component--tabbed-component__tab--content ul,
.component--tabbed-component__tab--content ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--tabbed-component__tab--content em {
  font-style: italic;
}
.component--tabbed-component__tab--content a {
  color: #2B3F74;
  word-wrap: break-word;
}
.component--tabbed-component__tab--content a:hover {
  text-decoration: underline;
}
.component--tabbed-component__tab--content img {
  max-width: 100%;
}
.component--tabbed-component__tab--content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--tabbed-component__tab--content ul.social-icons {
  margin-bottom: 0;
}
.component--tabbed-component__tab--content ul li {
  line-height: 1.5;
}
.component--tabbed-component__tab--content ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--tabbed-component__tab--content ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--tabbed-component__tab--content li {
  line-height: 1.8;
}
.component--tabbed-component__tab--content hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--tabbed-component__tab--content ul {
  padding-left: 30px;
  margin-top: 25px;
}
.component--tabbed-component__tab--content ul li {
  list-style-type: disc;
}
.component--tabbed-component__tab--content ol {
  padding-left: 30px;
  margin-top: 25px;
}
.component--tabbed-component__tab--content ol li {
  list-style-type: decimal;
}
.component--tabbed-component__tab--content em {
  font-style: italic;
}
.component--tabbed-component__tab--content a {
  color: inherit;
  text-decoration: underline;
}
.component--tabbed-component__tab--content strong, .component--tabbed-component__tab--content b {
  font-weight: bold;
}

.component--accordion__header--inner::after {
  content: url("../img/triangle-white.svg");
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -16px;
}
.component--accordion__header:hover {
  cursor: pointer;
}
.component--accordion__title h2 {
  color: #FFFFFF;
  padding: 25px 0;
}
.component--accordion__container--table {
  width: 100%;
  margin-top: 74px;
  margin-bottom: 90px;
}
.component--accordion__container--table thead {
  border-bottom: 2px solid #323232;
}
.component--accordion__container--table thead tr th {
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 1.5rem;
  line-height: 1.9375rem;
  color: #323232;
  text-align: left;
  padding: 7px 0;
}
.component--accordion__container--table tbody tr {
  border-bottom: 1px solid #323232;
}
.component--accordion__container--table tbody tr td {
  padding: 15px 0;
  font-size: 1.125rem;
}
.component--accordion__container--content {
  margin-top: 80px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.component--accordion__container--content ul,
.component--accordion__container--content ol {
  margin-bottom: 20px;
  line-height: 1.6875rem;
  font-size: 1.125rem;
}
.component--accordion__container--content p {
  margin-bottom: 20px;
}
.component--accordion__container--content strong {
  font-weight: bold;
}
.component--accordion__container--content em {
  font-style: italic;
}
.component--accordion__container--content a:not(.btn) {
  text-decoration: underline;
  word-wrap: break-word;
  color: #0084B6;
}
.component--accordion__container--content img {
  max-width: 100%;
}
.component--accordion__container--content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--accordion__container--content ul.social-icons {
  margin-bottom: 0;
}
.component--accordion__container--content ul li {
  line-height: 1.5;
  font-size: 1.5rem;
}
.component--accordion__container--content ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--accordion__container--content ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--accordion__container--content li {
  line-height: 1.8;
}
.component--accordion__container--content hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.component--accordion__container--content .btn__holder {
  text-align: center;
}
.component--accordion__container--content .btn__holder .btn {
  margin-top: 18px;
}
@media screen and (max-width: 700px) {
  .component--accordion__container--content {
    font-size: 1.125rem !important;
    line-height: 1.5rem !important;
  }
}
.component--accordion__container--bio {
  margin-top: 80px;
  margin-bottom: 80px;
}
.component--accordion__container--bio .contact {
  display: flex;
  align-items: center;
  margin-bottom: 2.625rem;
}
.component--accordion__container--bio .contact:last-child {
  margin-bottom: 0;
}
.component--accordion__container--bio .contact__image {
  margin-right: 2.5rem;
}
.component--accordion__container--bio .contact__image img {
  border-radius: var(--border-radius);
  width: 372px;
  height: auto;
}
.component--accordion__container--bio .contact__name {
  text-transform: uppercase;
  font-family: "YoungAgrarians-Header", sans-serif;
  font-size: 2rem;
  line-height: 2.625rem;
  margin-bottom: 0.375rem;
}
.component--accordion__container--bio .contact__department, .component--accordion__container--bio .contact__position {
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: bold;
  margin-bottom: 0.375rem;
}
.component--accordion__container--bio .contact__email, .component--accordion__container--bio .contact__phone {
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.component--accordion__container--bio .contact__email a, .component--accordion__container--bio .contact__phone a {
  color: #323232;
  text-decoration: underline;
}
.component--accordion__container--bio .contact__description {
  display: block;
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-top: 24px;
}
.component--accordion__row .component--accordion__item {
  display: none;
}
.component--accordion__row.active .component--accordion__item {
  display: block;
}
.component--accordion__row.active .component--accordion__header--inner::after {
  margin-top: -25px;
  transform: rotate(180deg);
}

.component--quote {
  padding: 40px 0;
}
.component--quote__row {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.component--quote__row--content {
  font-size: 2rem;
  line-height: 2.8125rem;
  font-weight: bold;
  font-style: italic;
  margin-bottom: 24px;
}
.component--quote__row--content h1 {
  margin-bottom: 20px;
}
.component--quote__row--content h2 {
  margin-bottom: 20px;
}
.component--quote__row--content h3 {
  margin-bottom: 20px;
}
.component--quote__row--content h4 {
  margin-bottom: 20px;
}
.component--quote__row--content h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.component--quote__row--content h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--quote__row--content p,
.component--quote__row--content ul,
.component--quote__row--content ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.component--quote__row--content em {
  font-style: italic;
}
.component--quote__row--content a {
  color: #2B3F74;
  word-wrap: break-word;
}
.component--quote__row--content a:hover {
  text-decoration: underline;
}
.component--quote__row--content img {
  max-width: 100%;
}
.component--quote__row--content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.component--quote__row--content ul.social-icons {
  margin-bottom: 0;
}
.component--quote__row--content ul li {
  line-height: 1.5;
}
.component--quote__row--content ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.component--quote__row--content ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.component--quote__row--content li {
  line-height: 1.8;
}
.component--quote__row--content hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
@media screen and (max-width: 700px) {
  .component--quote__row--content P {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.component--quote__row--meta {
  text-align: center;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
@media screen and (max-width: 700px) {
  .component--quote__row--meta {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.component--quote__row--author {
  font-weight: bold;
}
.component--quote__row--company {
  text-decoration: underline;
}

.component--button {
  padding: 10px 0;
}
.component--button__row {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  gap: 32px;
}
.component--button__row--center {
  justify-content: center;
}
.component--button__row--right {
  justify-content: flex-end;
}
.component--button__row--item a {
  display: inline-block;
  color: #323232;
  font-size: 1.5rem;
  font-weight: 400;
  font-family: "YoungAgrarians-Header", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #FFC20E;
  padding: 13px 20px;
  border-radius: 50px;
  border: 3px solid transparent;
  text-align: center;
  height: 56px;
}
.component--button__row--item a:hover {
  background: #14807C;
  color: #FFFFFF;
}
@media screen and (max-width: 425px) {
  .component--button__row--item a {
    font-size: 1rem;
  }
}
.component--button__row--item a.green {
  background-color: #14807C;
  color: #FFFFFF;
}
.component--button__row--item a.green:hover {
  background: #FFC20E;
  color: #323232;
}

.component--all-stories .pagination-links__wrapper {
  max-width: 1264px;
  margin: 23px auto 72px;
  padding-inline: var(--gutter);
}
.component--all-stories .pagination-links__wrapper #pagination-links {
  text-align: center;
}
.component--all-stories .pagination-links__wrapper #pagination-links .page-numbers {
  font-size: 2rem;
  color: #323232;
  text-decoration: none;
  margin-right: 28px;
}
.component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.current {
  color: #323232;
  font-weight: bold;
  font-size: 2.5rem;
  background: #F5F5F5;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 700px) {
  .component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.current {
    font-size: 1.25rem;
  }
}
.component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.prev {
  background: #F5F5F5;
  font-weight: bold;
  border-radius: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  padding: 12px 16px 12px 32px;
  position: relative;
}
.component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.prev:before {
  content: url("../img/ya-left-arrow.svg");
  position: absolute;
  left: 15px;
  margin-top: -5px;
}
.component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.prev:hover {
  background: #545454;
  color: #FFFFFF;
}
@media screen and (max-width: 700px) {
  .component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.prev {
    font-size: 1.125rem;
  }
}
.component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.next {
  background: #F5F5F5;
  font-weight: bold;
  border-radius: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  padding: 12px 32px 12px 16px;
  position: relative;
}
.component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.next:after {
  content: url("../img/ya-right-arrow.svg");
  position: absolute;
  right: 15px;
  margin-top: -5px;
}
.component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.next:hover {
  background: #545454;
  color: #FFFFFF;
}
@media screen and (max-width: 700px) {
  .component--all-stories .pagination-links__wrapper #pagination-links .page-numbers.next {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 700px) {
  .component--all-stories .pagination-links__wrapper #pagination-links .page-numbers {
    font-size: 1.125rem;
    margin-right: 5px;
  }
}
.component--all-stories .pagination-links__wrapper #pagination-links .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 700px) {
  .component--all-stories .pagination-links__wrapper {
    padding-inline: 0;
  }
}

.component--archives__wrapper {
  display: flex;
  margin-bottom: 50px;
  margin-top: 50px;
}
.component--archives .archive-posts__list {
  width: 100%;
}
.component--archives .archive-posts__link {
  text-decoration: none;
}
.component--archives .archive-posts__item {
  width: 100%;
  background: #FEFEFE;
  border-radius: 8px;
  margin-bottom: 30px;
}
.component--archives .archive-posts__content {
  max-width: 960px;
  margin: 0 auto;
  padding: 50px 0;
}
.component--archives .archive-posts__excerpt {
  display: block;
}
.component--archives .archive-posts__excerpt p, .component--archives .archive-posts__excerpt a {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #323232;
}
.component--archives .archive-posts__excerpt p {
  display: inline;
}
.component--archives .archive-posts__meta {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-style: italic;
}
.component--archives .archive-posts__categories {
  margin-bottom: 16px;
}
.component--archives .archive-posts__categories a {
  display: inline-block;
  text-decoration: none;
  color: #FFFFFF;
  padding: 5px 8px 5px 8px;
  border-radius: 16px;
  font-size: 0.875rem;
  margin-bottom: 5px;
}
.component--archives .archive-posts__thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.component--archives .archive-posts__title {
  text-decoration: none;
}
.component--archives .archive-posts__title a {
  text-decoration: none;
  color: #323232;
}

.component--community-event {
  padding: 75px 0;
}
.component--community-event h2 {
  text-align: center;
  margin-bottom: 50px;
}
.component--community-event__item {
  border-radius: var(--border-radius);
  background: #FFFFFF;
  margin-bottom: 15px;
  padding: 20px 16px;
  display: flex;
  min-height: 200px;
  gap: 20px;
}
.component--community-event__image {
  width: 240px;
  height: auto;
  background-size: contain;
  background-position: center;
  border-radius: var(--border-radius);
  flex-shrink: 0;
}
.component--community-event__content {
  flex-grow: 1;
}
.component--community-event__link {
  color: #323232;
  display: inline-block;
  margin-top: 15px;
  text-decoration: none;
  text-decoration: underline;
}
.component--community-event__locations {
  margin-bottom: 8px;
}
.component--community-event__locations span {
  background: #14807C;
  border-radius: 16px;
  color: #FFFFFF;
  padding: 3px 8px;
  display: inline-block;
}
.component--community-event__dates {
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 8px;
}
.component--community-event__title {
  margin-bottom: 8px;
}
.component--community-event__actions {
  padding-top: 15px;
}
.component--community-event__actions .btn {
  position: relative;
  padding-right: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.component--community-event__actions .btn::after {
  content: url(../img/ya-down-arrow.svg);
  position: absolute;
  width: 0;
  height: 0;
  right: 20px;
  top: 10px;
}

.component--ninjaForms__row {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.component--ninjaForms .nf-form-fields-required {
  margin: 10px 0;
  font-size: 0.875rem;
}
.component--ninjaForms .nf-cell {
  padding-left: 0;
}
.component--ninjaForms .nf-form-content {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--ninjaForms .nf-form-content p {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
}
.component--ninjaForms .nf-form-content p span {
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.component--ninjaForms .nf-form-content input, .component--ninjaForms .nf-form-content select {
  border: 1px solid #323232;
  border-radius: 80px;
  border-radius: 80px;
  width: 100%;
  color: #323232;
  font-family: Lato, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  padding: 12px 16px;
}
.component--ninjaForms .nf-form-content .submit-wrap input[type=submit] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #323232;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 400;
  font-family: "YoungAgrarians-Header", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #FFC20E;
  padding: 10px 20px;
  border-radius: 50px;
  border: 3px solid transparent;
  text-align: center;
  height: 56px;
}
.component--ninjaForms .nf-form-content .submit-wrap input[type=submit]:hover {
  background: #14807C;
  color: #FFFFFF;
  cursor: pointer;
}

.filter__wrapper {
  background: #F3EFE5;
  padding: 30px 0;
}
.filter__wrapper--title .h3, .filter__wrapper--title .ld-focus-content h3, .ld-focus-content .filter__wrapper--title h3, .filter__wrapper--title .component--content-editor h3, .component--content-editor .filter__wrapper--title h3, .filter__wrapper--title .post-component--content-editor h3, .post-component--content-editor .filter__wrapper--title h3, .filter__wrapper--title .wysiwyg h3, .wysiwyg .filter__wrapper--title h3, .filter__wrapper--title .component--fullwidth-callout__content h3, .component--fullwidth-callout__content .filter__wrapper--title h3, .filter__wrapper--title .component--multi-column-content__column h3, .component--multi-column-content__column .filter__wrapper--title h3, .filter__wrapper--title .component--two-column-text-and-links__column h3, .component--two-column-text-and-links__column .filter__wrapper--title h3, .filter__wrapper--title .component--two-column-content-and-image__content h3, .component--two-column-content-and-image__content .filter__wrapper--title h3, .filter__wrapper--title .component--two-column-content-and-image__column h3, .component--two-column-content-and-image__column .filter__wrapper--title h3, .filter__wrapper--title .component--faq__item--answer h3, .component--faq__item--answer .filter__wrapper--title h3, .filter__wrapper--title .component--list-item__item--content h3, .component--list-item__item--content .filter__wrapper--title h3, .filter__wrapper--title .component--tabbed-component__tab--content h3, .component--tabbed-component__tab--content .filter__wrapper--title h3, .filter__wrapper--title .component--accordion__container--content h3, .component--accordion__container--content .filter__wrapper--title h3, .filter__wrapper--title .component--quote__row--content h3, .component--quote__row--content .filter__wrapper--title h3 {
  margin-bottom: 15px;
}
.filter__wrapper--title img {
  vertical-align: sub;
}
.filter__filters {
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.filter__filters .category-filters {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-family: Lato, sans-serif;
  position: relative;
}
.filter__filters .category-filters__actions {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.filter__filters .category-filters .button-group__button:not(.apply-filters, .clear-filters) {
  width: 100%;
  text-align: left;
  margin: 0;
  border: none;
  background: transparent;
  color: #323232;
  border-radius: 80px;
  border: 3px solid #323232;
  padding: 12px 24px 12px 16px;
  text-transform: none;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
}
.filter__filters .category-filters .button-group__button:not(.apply-filters, .clear-filters)::after {
  content: url("../img/ya-down-arrow.svg");
  position: absolute;
  width: 0;
  height: 0;
  right: 20px;
  top: 12px;
}
.filter__filters .category-filters .button-group__button:not(.apply-filters, .clear-filters):hover {
  background-color: #323232;
  color: #FFFFFF;
  cursor: pointer;
}
.filter__filters .category-filters .button-group__button:not(.apply-filters, .clear-filters):hover::after {
  content: url("../img/ya-down-arrow-white.svg");
}
.filter__filters .category-filters .button-group__button:not(.apply-filters, .clear-filters).active {
  background: #14807C;
  border-color: #14807C;
  color: #FFFFFF;
}
.filter__filters .category-filters .button-group__button.apply-filters, .filter__filters .category-filters .button-group__button.clear-filters {
  background: none;
  text-decoration: underline;
  border: none;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: Lato, sans-serif;
}
.filter__filters .category-filters .button-group__button.apply-filters:hover, .filter__filters .category-filters .button-group__button.clear-filters:hover {
  cursor: pointer;
}
.filter__filters .category-filters .button-group__button.clear-filters {
  font-size: 0.875rem;
}
.filter__filters .category-filters__submenu {
  padding: 10px;
  display: flex;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  top: 100%;
  left: 0;
  border-radius: var(--border-radius);
  z-index: 10;
  min-width: 50vw;
  background: #F3EFE5;
  flex-wrap: wrap;
}
.filter__filters .category-filters__submenu li {
  list-style: none;
  margin: 5px;
}
.filter__filters .category-filters__submenu li .button-group__button {
  width: auto;
  padding: 12px 16px !important;
}
.filter__filters .category-filters__submenu li .button-group__button::after {
  content: none !important;
}
.filter__filters .category-filters__submenu li:last-child {
  margin-bottom: 0;
}
.filter__filters .category-filters__item.is-open > .button-group__button:not(.apply-filters, .clear-filters) {
  background-color: #323232;
  color: #FFFFFF;
}
.filter__filters .category-filters__item.is-open > .button-group__button:not(.apply-filters, .clear-filters):hover::after {
  content: url(../img/ya-up-arrow-white.svg);
}
.filter__filters .category-filters__item.is-open .category-filters__submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.filter__filters .category-filters__item.is-open > .category-filter-btn::after {
  content: url(../img/ya-up-arrow-white.svg);
}
@media screen and (max-width: 980px) {
  .filter__filters {
    flex-direction: column;
    gap: 50px;
  }
}
.filter.right .custom-search-form {
  position: relative;
}
.filter.right .custom-search-form .search-field {
  border: none;
  border-radius: 80px;
  padding: 12px 50px 12px 20px;
  width: 100%;
  font-size: 1rem;
  font-family: Lato, sans-serif;
  font-weight: bold;
  height: 50px;
  box-sizing: border-box;
  background: #FFFFFF;
}
.filter.right .custom-search-form .search-field::-moz-placeholder {
  color: #545454;
  opacity: 1;
}
.filter.right .custom-search-form .search-field::placeholder {
  color: #545454;
  opacity: 1;
}
.filter.right .custom-search-form .search-submit {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter.right .custom-search-form .search-submit svg {
  width: 20px;
  height: 20px;
  fill: #323232;
}
@media screen and (max-width: 980px) {
  .filter.right {
    width: 100%;
  }
}

#mobile-filter-wrapper {
  background: #F3EFE5;
  height: auto;
  min-height: 100vh;
}

.component--courses {
  z-index: 1;
}
.component--courses .container {
  padding-top: 50px;
}
.component--courses .filter__wrapper {
  margin-bottom: 32px;
}
.component--courses .archive-posts__list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding: 0 0 20px;
  list-style: none;
  margin: 0;
  max-width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 980px) {
  .component--courses .archive-posts__list {
    display: block;
    gap: 0;
  }
}
.component--courses .archive-posts__item {
  background: #fff;
  border-radius: 8px;
  flex: 1 0 calc(33.333% - 26.666px);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.component--courses .archive-posts__item .continue-reading {
  color: #323232;
  text-decoration: underline;
  word-break: keep-all;
  font-size: 1.125rem;
}
.component--courses .archive-posts__item .post__categories {
  margin-top: 16px;
}
.component--courses .archive-posts__item .post__categories a {
  display: inline-block;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #333333;
  padding: 5px 8px 5px 8px;
  border-radius: 16px;
  font-size: 0.875rem;
  margin-bottom: 5px;
}
@media screen and (max-width: 980px) {
  .component--courses .archive-posts__item {
    flex: none;
    width: 100%;
    margin-bottom: 40px;
  }
}
.component--courses .archive-posts__thumbnail {
  width: 100%;
  height: 176px;
  overflow: hidden;
  position: relative;
}
.component--courses .archive-posts__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 980px) {
  .component--courses .archive-posts__thumbnail {
    height: 400px;
  }
}
@media screen and (max-width: 425px) {
  .component--courses .archive-posts__thumbnail {
    height: 200px;
  }
}
.component--courses .archive-posts__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.component--courses .archive-posts__title {
  margin: 0 0 12px;
  font-weight: 500;
  line-height: 1.25;
}
.component--courses .archive-posts__excerpt, .component--courses .archive-posts__excerpt p {
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
.component--courses .read-more {
  text-decoration: underline;
}
.component--courses .course-progress {
  margin-top: 14px;
  font-size: 0.8rem;
}
.component--courses .course-progress__meta {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.component--courses .course-progress__bar {
  background: #e3e6ea;
  height: 8px;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.component--courses .course-progress__bar-fill {
  background: #2f7d32;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  transition: width 0.35s ease;
}
.component--courses .course-progress--locked {
  font-style: italic;
  color: #323232;
}
.component--courses .pagination-links__wrapper {
  margin-top: 10px;
}
@media screen and (max-width: 1199px) {
  .component--courses {
    padding-block: 60px;
  }
}
@media screen and (max-width: 700px) {
  .component--courses {
    padding-block: 60px;
  }
}
.component--courses #pagination-links {
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
.component--courses #pagination-links .page-numbers {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.125rem;
  color: #545454;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  position: relative;
  border-radius: 50%;
  margin: 0 5px;
}
.component--courses #pagination-links .page-numbers:first-child {
  margin-left: 0;
}
.component--courses #pagination-links .page-numbers:hover {
  background: linear-gradient(to bottom, #F3F3F3 0%, #FFFFFF 90%);
}
@media screen and (max-width: 700px) {
  .component--courses #pagination-links .page-numbers.dots {
    width: 10px;
    margin-left: 0;
    margin-right: 0;
  }
}
.component--courses #pagination-links .page-numbers.current:after {
  content: "";
  position: absolute;
  top: 47px;
  left: 50%;
  margin-left: -3px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #14807C;
  text-align: center;
}
.component--courses #pagination-links .page-numbers.next {
  background: #14807C;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 0;
  border: 2px solid #FFFFFF;
  margin-left: 5px;
}
.component--courses #pagination-links .page-numbers.next:after {
  content: url(../img/white-arrow-left.svg);
  position: absolute;
  transform: scaleX(-1);
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -11px;
}
@media screen and (max-width: 700px) {
  .component--courses #pagination-links .page-numbers.next:after {
    content: "";
    background-image: url(../img/white-arrow-left.svg);
    background-size: 65%;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    top: 10px;
    left: -8px;
  }
}
.component--courses #pagination-links .page-numbers.next:hover {
  border: 2px solid #75B856;
}
@media screen and (max-width: 700px) {
  .component--courses #pagination-links .page-numbers.next {
    width: 35px;
    height: 35px;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
  }
}
.component--courses #pagination-links .page-numbers.prev {
  background: #14807C;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 0;
  border: 2px solid #FFFFFF;
  margin-right: 5px;
}
.component--courses #pagination-links .page-numbers.prev:hover {
  border: 2px solid #75B856;
}
.component--courses #pagination-links .page-numbers.prev:after {
  content: url(../img/white-arrow-left.svg);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -11px;
}
@media screen and (max-width: 700px) {
  .component--courses #pagination-links .page-numbers.prev:after {
    content: "";
    background-image: url(../img/white-arrow-left.svg);
    background-size: 65%;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin-top: 0;
    margin-left: 0;
    position: absolute;
    top: 10px;
    left: 4px;
  }
}
@media screen and (max-width: 700px) {
  .component--courses #pagination-links .page-numbers.prev {
    width: 35px;
    height: 35px;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 700px) {
  .component--courses #pagination-links .page-numbers {
    width: 25px;
    height: 25px;
    font-size: 0.875rem;
    margin: 5px 3px 0;
  }
}

.error404 {
  background: linear-gradient(180deg, rgb(242, 242, 242) 0%, white 100%);
}
.error404 .site-header {
  display: none;
}
.error404 footer {
  display: none;
}
.error404__section {
  display: flex;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  justify-content: center;
  align-items: center;
  height: 100vh;
  text-align: center;
}
.error404__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 100%;
}
.error404__logo {
  width: 384px;
}
@media screen and (max-width: 435px) {
  .error404__logo {
    width: unset;
  }
}
.error404__message {
  line-height: 1.5;
}

.nav--mobile {
  padding-bottom: 100px;
  /* Hide the scrollbar */
  -ms-overflow-style: none;
  scrollbar-width: none;
  /* Hide the scrollbar */
}
.nav--mobile ::-webkit-scrollbar {
  display: none;
}
.nav--mobile .menu li a {
  padding: 0 30px;
}
.nav--mobile .menu li.menu-item-has-children a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: auto;
  top: 9px;
  margin-left: 10px;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #14807C transparent transparent transparent;
}
.nav--mobile .menu li.menu-item-has-children li > a::after {
  display: none;
}
.nav--mobile .menu li.menu-item-has-children .sub-menu {
  display: none;
  background-color: #DEE0DF;
  margin-top: 15px;
  padding: 20px 0 0;
}
.nav--mobile .menu li.menu-item-has-children .sub-menu li {
  margin-right: 0;
}
.nav--mobile .menu li.menu-item-has-children .sub-menu li a {
  padding: 0 30px;
  color: #14807C;
  font-size: 1.25rem;
  line-height: 1.6875rem;
  width: 100%;
  white-space: nowrap;
}
.nav--mobile .menu li.menu-item-has-children .sub-menu li a:hover {
  text-decoration: underline;
}
.nav--mobile .menu li.menu-item-has-children:last-child {
  margin-right: 0;
}
.nav--mobile .menu li.menu-item-has-children:last-child a {
  padding-right: 0;
}
.nav--mobile .menu li.menu-item-has-children.open .sub-menu {
  display: block;
}
.nav--mobile .menu li.menu-item-has-children.open.menu-item-has-children ::after {
  transform: rotate(180deg);
}
.nav--mobile .menu--main li.menu-item {
  position: relative;
  padding-bottom: 20px;
}
.nav--mobile .menu--main li.menu-item a {
  color: #323232;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.nav--mobile .menu--secondary {
  border-top: 1px solid #DEE0DF;
  margin-top: 20px;
  padding-top: 20px;
}
.nav--mobile .menu--secondary li {
  position: relative;
  padding-bottom: 20px;
}
.nav--mobile .menu--secondary li a {
  color: #545454;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.nav--mobile .menu--secondary li.menu-item-has-children a::after {
  border-color: #545454 transparent transparent transparent;
}
.nav--mobile .menu--secondary li.menu-item-has-children li > a::after {
  display: none;
}
@media screen and (min-width: 1200px) {
  .nav--mobile {
    display: none;
  }
}

.mobile-menu-btn {
  display: none; /* Hide initially */
}
.mobile-menu-btn:hover {
  cursor: pointer;
}
@media (max-width: 1199px) {
  .mobile-menu-btn {
    display: block;
    background: #323232;
    height: auto;
    border-radius: 10px;
    padding: 10px 8px 5px;
  }
  .mobile-menu-btn span {
    background-color: #FFFFFF;
    height: 3px;
    width: 29px;
    display: block;
    margin-bottom: 6px;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
  }
}

.page--newsletters .newsletters__list {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  padding-bottom: 50px;
}
.page--newsletters .newsletters__single .single__name {
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding: 26px 0 10px;
}
.page--newsletters .newsletters__single .single__image-link {
  background-color: #DEE0DF;
  height: 100%;
  width: 100%;
  max-height: 390px;
  width: 300px;
  border-radius: var(--border-radius);
  display: block;
  outline: 3px solid transparent;
  overflow: hidden;
  position: relative;
}
.page--newsletters .newsletters__single .single__image-link:hover {
  outline: 3px solid #17A960;
  background-size: 110%;
}
.page--newsletters .newsletters__single .single__image-link:hover .image__bg-holder {
  transform: scale(1.05);
}
.page--newsletters .newsletters__single .single__image-link .wp-post-image {
  visibility: hidden;
  width: 100%;
}
.page--newsletters .newsletters__single .single__image-link .image__bg-holder {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
}
.page--newsletters .newsletters__single .single__download-link {
  display: block;
  color: #14807C;
  text-decoration: none;
  font-size: 1.125rem;
  line-height: 2.3125rem;
}
.page--newsletters .newsletters__single .single__download-link:hover {
  text-decoration: underline;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-heading,
.learndash-wrapper .ld-login-modal .ld-modal-heading {
  text-transform: uppercase;
  font-family: "YoungAgrarians-Header", sans-serif;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-login .ld-modal-text,
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) {
  font-size: 1.125rem !important;
  color: #323232 !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) *:not(.ld-lesson-status) a:not(.button):not(.screen-reader-shortcut) {
  margin-top: 20px;
}

.learndash-wrapper.learndash-wrapper-login-modal.ld-modal-open {
  z-index: 999999;
  position: fixed;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  width: 100%;
}

.learndash-wrapper .ld-login-modal input[type=submit]:not([disabled]) {
  color: #FFFFFF !important;
  text-decoration: none;
  display: block;
  padding: 16px 24px 16px 24px;
  border-radius: 40px;
  font-size: 1.5rem;
  font-weight: normal;
  text-transform: uppercase;
  font-family: "YoungAgrarians-Header", sans-serif;
}

.learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css) {
  color: #FFFFFF !important;
}
.learndash-wrapper .ld-button:not([disabled]):not(.ld-button-reverse):not(.ld-button-transparent):not(.ld--ignore-inline-css):hover {
  color: #323232 !important;
}

.learndash-wrapper .ld-login-modal .ld-login-field, .learndash-wrapper .ld-login-modal .ld-password-field, .learndash-wrapper .ld-login-modal input[type=email], .learndash-wrapper .ld-login-modal input[type=password], .learndash-wrapper .ld-login-modal input[type=text] {
  padding: 15px 30px !important;
}

.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-username:before,
.learndash-wrapper .ld-login-modal .ld-login-modal-form .login-password:before {
  top: 38px !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-breadcrumbs-segments li a {
  padding: 0 !important;
  font-size: 1rem !important;
  display: inline !important;
}
.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-breadcrumbs-segments li a:hover {
  background: none !important;
}

.course__informationBar {
  background-color: #00652E;
  color: #FFFFFF;
}
.course__informationBar .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
}
.course__meta-container {
  display: flex;
  align-items: center;
}
.course__actions-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
}
.course__actions-container .ld-button.btn {
  border: 2px solid #FFC20E;
  color: #FFC20E;
  background: transparent;
}
.course__actions-container .ld-button.btn:hover {
  color: #323232;
  background: #FFC20E;
}
.course__actions-container .learndash-wrapper {
  margin-left: 10px;
}
.course__actions-container .learndash-wrapper a.ld-login.ld-login.ld-login-text.ld-login-button.ld-button,
.course__actions-container .learndash-wrapper a.ld-logout.ld-logout.ld-login-text.ld-login-button.ld-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #323232 !important;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: bold;
  font-family: "YoungAgrarians-Header", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #FFC20E !important;
  padding: 10px 20px;
  border-radius: 50px;
  border: 3px solid transparent;
  text-align: center;
  height: 56px;
}
.course__actions-container .learndash-wrapper a.ld-login.ld-login.ld-login-text.ld-login-button.ld-button .ld-icon-left,
.course__actions-container .learndash-wrapper a.ld-logout.ld-logout.ld-login-text.ld-login-button.ld-button .ld-icon-left {
  display: none;
}
.course__actions-container .learndash-wrapper a.ld-login.ld-login.ld-login-text.ld-login-button.ld-button:hover,
.course__actions-container .learndash-wrapper a.ld-logout.ld-logout.ld-login-text.ld-login-button.ld-button:hover {
  background: #14807C !important;
  color: #FFFFFF !important;
}
.course__actions-container .learndash-wrapper a.ld-login.ld-login.ld-login-text.ld-login-button.ld-button:after,
.course__actions-container .learndash-wrapper a.ld-logout.ld-logout.ld-login-text.ld-login-button.ld-button:after {
  content: url("../img/login.svg");
}
.course__actions-container .learndash-wrapper .ld-icon-arrow-right:before {
  content: "";
}

.ld-focus-content h1 {
  margin-bottom: 20px;
  color: #323232;
  text-transform: uppercase;
}
.ld-focus-content h2 {
  margin-bottom: 20px;
}
.ld-focus-content h3 {
  margin-bottom: 20px;
}
.ld-focus-content h4 {
  margin-bottom: 20px;
}
.ld-focus-content h5 {
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.ld-focus-content h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.ld-focus-content p,
.ld-focus-content ul,
.ld-focus-content ol {
  margin-bottom: 20px;
  line-height: 1.5rem;
  font-size: 1.125rem;
}
.ld-focus-content em {
  font-style: italic;
}
.ld-focus-content a {
  color: #2B3F74;
  word-wrap: break-word;
}
.ld-focus-content a:hover {
  text-decoration: underline;
}
.ld-focus-content img {
  max-width: 100%;
}
.ld-focus-content ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.3rem;
  margin-top: 1rem;
}
.ld-focus-content ul.social-icons {
  margin-bottom: 0;
}
.ld-focus-content ul li {
  line-height: 1.5;
}
.ld-focus-content ul li::marker {
  font-weight: bold;
  font-size: 20px;
}
.ld-focus-content ol {
  list-style: decimal;
  padding-left: var(--gutter);
  margin-bottom: 20px;
}
.ld-focus-content li {
  line-height: 1.8;
}
.ld-focus-content hr {
  margin: 70px 0 40px;
  border-color: #DEE0DF;
  border-style: solid;
  max-width: 950px;
  width: 100%;
  margin-left: 0;
}
.ld-focus-content iframe {
  width: 100%;
  min-height: 400px;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../img/ajax-loader.gif") center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next {
  z-index: 1;
  position: absolute;
  display: block;
  height: 80px;
  width: 80px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.5;
}
.slick-prev:before,
.slick-next:before {
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: 25px;
}
.slick-prev:before {
  content: url(../img/slider-arrows-left.svg);
}
[dir=rtl] .slick-prev:before {
  content: url(../img/slider-arrows-right.svg);
}

.slick-next {
  right: 25px;
}
[dir=rtl] .slick-next {
  left: 25px;
  right: auto;
}
.slick-next:before {
  content: url(../img/slider-arrows-right.svg);
}
[dir=rtl] .slick-next:before {
  content: url(../img/slider-arrows-left.svg);
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  border-radius: 50%;
  background: black;
  opacity: 0.5;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
  opacity: 1;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button {
  background: black;
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}
/*# sourceMappingURL=main.min.css.map */