/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/*
  Global CSS custom properties.
*/
/* stylelint-disable */
:root {
  --font-sans: Verdana, Geneva, sans-serif;
  --font-serif: "Trebuchet MS", "georgia", serif;
  /* Typography helpers. */
  --font-size-base: 1rem;
  --font-size-l: 1.125rem;
  --font-size-s: 0.875rem;
  --font-size-xs: 0.8125rem;
  --font-size-xxs: 0.75rem;
  --line-height-base: 1.6875rem;
  --line-height-s: 1.125rem;
  /* Layout helpers. */
  --max-width: 84.375rem;
  --max-bg-color: 98.125rem;
  /* Width to which the background color extends to. */
  --sp: 1.125rem;
  --content-left: 5.625rem;
  --site-header-height-wide: var(--sp10);
  --container-padding: var(--sp);
  /**
     * Grid helpers.
     *
     * These variables help authors apply widths and negative margins to break items out of
     * the grid, while still conforming to the larger grid system.
     */
  --scrollbar-width: 0px;
  /* Unit must be specified here for calc() to work properly.*/
  --grid-col-count: 6;
  --grid-gap: var(--sp);
  --grid-gap-count: -webkit-calc(var(--grid-col-count) - 1);
  --grid-gap-count: calc(var(--grid-col-count) - 1);
  /* Count of grid-gaps. */
  --grid-full-width: -webkit-calc(100vw - var(--sp2) - var(--scrollbar-width));
  --grid-full-width: calc(100vw - var(--sp2) - var(--scrollbar-width));
  /* Width of the entire grid. */
  --grid-col-width: -webkit-calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count));
  --grid-col-width: calc((var(--grid-full-width) - (var(--grid-gap-count) * var(--grid-gap))) / var(--grid-col-count));
  /* Layout helpers */
  --sp0-25: -webkit-calc(0.25 * var(--sp));
  --sp0-25: calc(0.25 * var(--sp));
  --sp0-5: -webkit-calc(0.5 * var(--sp));
  --sp0-5: calc(0.5 * var(--sp));
  --sp0-75: -webkit-calc(0.75 * var(--sp));
  --sp0-75: calc(0.75 * var(--sp));
  --sp1: -webkit-calc(1 * var(--sp));
  --sp1: calc(1 * var(--sp));
  --sp1-5: -webkit-calc(1.5 * var(--sp));
  --sp1-5: calc(1.5 * var(--sp));
  --sp2: -webkit-calc(2 * var(--sp));
  --sp2: calc(2 * var(--sp));
  --sp2-5: -webkit-calc(2.5 * var(--sp));
  --sp2-5: calc(2.5 * var(--sp));
  --sp3: -webkit-calc(3 * var(--sp));
  --sp3: calc(3 * var(--sp));
  --sp3-5: -webkit-calc(3.5 * var(--sp));
  --sp3-5: calc(3.5 * var(--sp));
  --sp4: -webkit-calc(4 * var(--sp));
  --sp4: calc(4 * var(--sp));
  --sp4-5: -webkit-calc(4.5 * var(--sp));
  --sp4-5: calc(4.5 * var(--sp));
  --sp5: -webkit-calc(5 * var(--sp));
  --sp5: calc(5 * var(--sp));
  --sp6: -webkit-calc(6 * var(--sp));
  --sp6: calc(6 * var(--sp));
  --sp7: -webkit-calc(7 * var(--sp));
  --sp7: calc(7 * var(--sp));
  --sp8: -webkit-calc(8 * var(--sp));
  --sp8: calc(8 * var(--sp));
  --sp9: -webkit-calc(9 * var(--sp));
  --sp9: calc(9 * var(--sp));
  --sp10: -webkit-calc(10 * var(--sp));
  --sp10: calc(10 * var(--sp));
  --sp11: -webkit-calc(11 * var(--sp));
  --sp11: calc(11 * var(--sp));
  --sp12: -webkit-calc(12 * var(--sp));
  --sp12: calc(12 * var(--sp));
  --sp13: -webkit-calc(13 * var(--sp));
  --sp13: calc(13 * var(--sp));
  /**
     * Gray colors.
     *
     * Color number roughly corresponds to its luminosity.
     */
  --color--gray-hue: 201;
  --color--gray-saturation: 15%;
  --color--gray-5: hsl(var(--color--gray-hue), var(--color--gray-saturation), 5%);
  /* Black */
  --color--gray-10: hsl(var(--color--gray-hue), var(--color--gray-saturation), 11%);
  --color--gray-20: hsl(var(--color--gray-hue), var(--color--gray-saturation), 20%);
  /* Black 2 */
  --color--gray-45: hsl(var(--color--gray-hue), var(--color--gray-saturation), 44%);
  /* Gray Dark */
  --color--gray-60: hsl(var(--color--gray-hue), var(--color--gray-saturation), 57%);
  /* Gray medium */
  --color--gray-65: hsl(var(--color--gray-hue), var(--color--gray-saturation), 63%);
  /* Black 4 */
  --color--gray-70: hsl(var(--color--gray-hue), var(--color--gray-saturation), 72%);
  /* Gray medium 2 */
  --color--gray-90: hsl(var(--color--gray-hue), var(--color--gray-saturation), 88%);
  /* Gray light */
  --color--gray-95: hsl(var(--color--gray-hue), var(--color--gray-saturation), 93%);
  /* Gray light 1 */
  --color--gray-100: hsl(var(--color--gray-hue), var(--color--gray-saturation), 97%);
  /**
     * Primary colors.
     *
     * Color number roughly corresponds to its luminosity.
     */
  --color--primary-hue: 202;
  --color--primary-saturation: 79%;
  --color--primary-lightness: 50;
  --color--primary-30: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * (var(--color--primary-lightness) - (0.36 * var(--color--primary-lightness)))));
  --color--primary-30: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.36 * var(--color--primary-lightness)))));
  --color--primary-40: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * (var(--color--primary-lightness) - (0.24 * var(--color--primary-lightness)))));
  --color--primary-40: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) - (0.24 * var(--color--primary-lightness)))));
  /* Blue dark */
  --color--primary-50: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * var(--color--primary-lightness)));
  --color--primary-50: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * var(--color--primary-lightness)));
  /* Blue medium */
  --color--primary-60: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * (var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness))))));
  --color--primary-60: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.24 * (100 - var(--color--primary-lightness))))));
  /* Blue bright */
  --color--primary-80: hsl(var(--color--primary-hue), var(--color--primary-saturation), -webkit-calc(1% * (var(--color--primary-lightness) + (0.85 * (100 - var(--color--primary-lightness))))));
  --color--primary-80: hsl(var(--color--primary-hue), var(--color--primary-saturation), calc(1% * (var(--color--primary-lightness) + (0.85 * (100 - var(--color--primary-lightness))))));
  /**
     * Variables specific to text.
     */
  --color-text-neutral-soft: var(--color--gray-45);
  --color-text-neutral-medium: var(--color--gray-20);
  --color-text-neutral-loud: var(--color--gray-5);
  --color-text-primary-medium: var(--color--primary-40);
  --color-text-primary-loud: var(--color--primary-30);
  /**
     * Named Colors.
     */
  --color--black: #000;
  /* Black */
  --color--white: #fff;
  /* White */
  --color--red: #e33f1e;
  /* Red */
  --color--gold: #fdca40;
  /* Gold */
  --color--green: #3fa21c;
  /* Header */
  --header-height-wide-when-fixed: var(--sp6);
  /* Width of slide out navigation */
  --mobile-nav-width: 31.25rem;
  /* Border radius */
  --border-radius: 0.1875rem;
  /* Inline padding on .container elements. */
}

@media (min-width: 75rem) {
  :root {
    --container-padding: var(--sp2);
  }
}

/* Green */
/* Width of a grid column. */
@media (min-width: 43.75rem) {
  :root {
    --grid-col-count: 14;
    --grid-gap: var(--sp2);
  }
}

/* Blue very bright */
@media (min-width: 62.5rem) {
  :root {
    --scrollbar-width: 0.9375rem;
    /* Approximate width of a scrollbar. Doesn't have to be perfect. */
  }
}

/* Gray light 2 */
@media (min-width: 75rem) {
  :root {
    --grid-full-width: -webkit-calc(100vw - var(--scrollbar-width) - var(--content-left) - var(--sp4));
    --grid-full-width: calc(100vw - var(--scrollbar-width) - var(--content-left) - var(--sp4));
  }
}

@media (min-width: 90rem) {
  :root {
    --grid-full-width: -webkit-calc(var(--max-width) - var(--sp4));
    --grid-full-width: calc(var(--max-width) - var(--sp4));
  }
}

:root {
  --container-padding: 72px;
  --spacing-small: 16px;
  --spacing-normal: 20px;
  --spacing-medium: 40px;
  --spacing-large: 80px;
  --spacing-huge: 120px;
  --spacing-enormous: 208px;
  --color-white: #ffffff;
  --color-black: #1C1C1E;
  --color-warm: #EFEBE2;
  --color-blue: #0099CC;
  --color-green: #73C167;
  --color-dark-green: #3F8235;
  --color-red: #F1645D;
  --color-grey: #F2F2F7;
  --color-line-grey: #DADCE0;
  --color-deep-grey: #EBEBF0;
  --color-dark-grey: #5F6368;
  --color-orange: #F9A127;
  --color-lightblue: deepskyblue;
  --color-darkblue: #007399;
  --color-text-default: #1C1C1E;
  --color-text-primary: #73C167;
  --color-text-primary-dark: #3F8235;
  --color-text-secondary: #0099CC;
  --color-text-red: #F1645D;
  --color-text-orange: #F9A127;
  --color-text-grey: #F2F2F7;
  --color-text-deep-grey: #F2F2F7;
  --color-text-white: #ffffff;
  --radius-small: 8px;
  --radius-medium: 12px;
  --radius-large: 16px;
  --radius-huge: 20px;
  --radius-enormous: 44px;
  --radius-full: 100px;
  --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow-base: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --shadow-md: 0px 2px 4px -1px rgba(0, 0, 0, 0.06), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-inner: 0px 2px 4px 0px rgba(0, 0, 0, 0.06) inset;
  --text-size-xs: 0.75rem;
  --text-size-sm: 0.875rem;
  --text-size-base: 1rem;
  --text-size-lg: 1.125rem;
  --text-size-xl: 1.25rem;
  --text-size-2xl: 1.5rem;
  --text-size-3xl: 1.875rem;
  --text-size-4xl: 2.25rem;
  --text-size-5xl: 3rem;
  --text-size-6xl: 3.75rem;
  --text-size-7xl: 4.5rem;
  --text-size-8xl: 6rem;
  --text-size-9xl: 8rem;
  --leading-none: 1;
  --leading-4: 1rem;
  --leading-5: 1.25rem;
  --leading-6: 1.5rem;
  --leading-7: 1.75rem;
  --leading-8: 2rem;
  --leading-9: 2.25rem;
  --leading-10: 2.5rem;
  --container-width-screen: 2560px;
  --container-width-full: 1543px;
  --container-width-xlarge: 1444px;
  --container-width-large: 1392px;
  --container-width-medium: 1040px;
  --container-width-small: 864px;
  --container-width-text: 688px;
  --color-link: var(--color-blue);
  --color-hover-link: #007399;
  --button-bg-color: #ffffff;
  --button-text-color: #1C1C1E;
  --button-border-color: transparent;
  --button-hover-bg-color: white;
  --button-hover-text-color: #1C1C1E;
  --button-hover-border-color: white;
  --color-block-link-item: var(--color-warm);
  --image-text-gap: 64px;
  --text-max-width: 424px;
  --image-max-width: 524px;
  --highlight-height: 370px;
  --alert-background: var(--color-blue);
  --alert-text-color: var(--color-white);
  --index-banner: 100;
  --index-header: 200;
  --index-mobile-menu: 300;
  --blockquote-color: var(--color-green);
  --blockquote-background: var(--color-grey);
}

@media screen and (max-width: 768px) {
  :root {
    --container-padding: 36px;
  }
}

@media screen and (max-width: 640px) {
  :root {
    --container-padding: 20px;
  }
}

/* reset input areas to default styles */
/* accessible version of display: none; */
/* TRANSFORM  */
/* TRANSFORM ORIGIN */
/* TRANSITION */
/* calculate ems */
/* calculate rems */
.arrow-position {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  border-radius: var(--radius-enormous, 8px);
  gap: 0;
  margin: auto;
  margin-top: var(--spacing-large);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: var(--color-white, #FFF);
  pointer-events: none;
}

.arrow-position * {
  pointer-events: all;
}

@media (max-width: 768px) {
  .arrow-position {
    margin-top: var(--spacing-medium);
  }
}

.arrow-position > span {
  padding-left: 20px;
  padding-right: 20px;
  background: var(--color-green);
}

.arrow-position #prev-arrow {
  cursor: pointer;
  background: var(--color-green);
  border-top-left-radius: var(--radius-enormous, 44px);
  border-bottom-left-radius: var(--radius-enormous, 44px);
}

.arrow-position #prev-arrow:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9fb";
  color: var(--color-white);
}

.arrow-position #next-arrow {
  cursor: pointer;
  background: var(--color-green);
  border-top-right-radius: var(--radius-enormous, 44px);
  border-bottom-right-radius: var(--radius-enormous, 44px);
}

.arrow-position #next-arrow:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9fc";
  color: var(--color-white);
}

.draggable:hover {
  background: transparent;
}

.accordion_item {
  margin-top: 20px;
}

.accordion_item.active .accordion_trigger:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e995";
}

.accordion_trigger {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  gap: 40px;
  border-bottom: 1px solid var(--color-black, #000);
}

.accordion_trigger:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9a6";
}

.accordion_content {
  display: none;
}

.webform-submission-form:not([class*="container"]) {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.webform-confirmation {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  padding-block: var(--spacing-medium);
}

.site-header__alert {
  background-color: var(--alert-background);
  color: var(--alert-text-color);
}

.site-header__alert a {
  color: var(--alert-text-color);
}

.site-header__alert a:hover {
  color: var(--alert-text-color);
}

.popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  color: #FFF;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 999999999999;
}

.popup-wrapper .popup-inner-container {
  position: relative;
  background: var(--color-blue);
  border-radius: 12px;
  overflow: hidden;
}

.popup-wrapper .popup-inner-container .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 24px;
  width: 24px;
  background-color: var(--color-deep-grey);
  border-radius: 50%;
  text-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.popup-wrapper .popup-inner-container .close .icon {
  color: var(--color-black);
}

.popup-wrapper .popup-inner-container .close:hover {
  background-color: rgba(var(--color-deep-grey), 0.9);
}

.popup-wrapper .popup-type-plain {
  padding-block: 60px;
}

.popup-wrapper .popup-type-banner {
  max-height: -webkit-calc(100vh - 100px);
  max-height: calc(100vh - 100px);
  overflow: auto;
}

@media (min-width: 641px) {
  .popup-wrapper .popup-type-banner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .popup-wrapper .popup-type-banner {
    gap: 20px;
  }
}

.popup-wrapper .popup-type-banner > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.popup-wrapper .popup-type-banner img {
  width: 100%;
}

.popup-wrapper .popup-type-banner .content {
  padding-inline: var(--spacing-medium);
}

.popup-wrapper .popup-type-form {
  max-height: -webkit-calc(100vh - 100px);
  max-height: calc(100vh - 100px);
  overflow: auto;
  padding: var(--spacing-medium);
}

@media (min-width: 769px) {
  .popup-wrapper .popup-type-form {
    grid-template-columns: repeat(2, 1fr);
  }
}

.popup-wrapper .popup-type-form .content {
  -webkit-box-flex: 9999;
      -ms-flex-positive: 9999;
          flex-grow: 9999;
}

.popup-wrapper .popup-type-form .form form {
  max-width: 100%;
}

.popup-wrapper .popup-type-form .form form input[type="color"], .popup-wrapper .popup-type-form .form form input[type="date"], .popup-wrapper .popup-type-form .form form input[type="datetime-local"], .popup-wrapper .popup-type-form .form form input[type="email"], .popup-wrapper .popup-type-form .form form input[type="file"], .popup-wrapper .popup-type-form .form form input[type="month"], .popup-wrapper .popup-type-form .form form input[type="number"], .popup-wrapper .popup-type-form .form form input[type="password"], .popup-wrapper .popup-type-form .form form input[type="search"], .popup-wrapper .popup-type-form .form form input[type="tel"], .popup-wrapper .popup-type-form .form form input[type="text"], .popup-wrapper .popup-type-form .form form input[type="time"], .popup-wrapper .popup-type-form .form form input[type="url"], .popup-wrapper .popup-type-form .form form input[type="week"] {
  width: 100%;
  min-height: 40px;
  border-radius: var(--radius-small);
}

.popup-wrapper .popup-type-form .form form .form-actions input {
  cursor: pointer;
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  text-transform: uppercase;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  text-align: center;
  color: #FFF;
  border-radius: var(--radius-small);
  background-color: var(--color-green);
  font-weight: bold;
}

@media (max-width: 640px) {
  .popup-wrapper .popup-type-form .form form .form-actions input {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .popup-wrapper .popup-type-form .form form .form-actions input {
    padding: 10px 20px;
  }
}

.popup-wrapper .popup-type-form .form form .form-actions input:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.popup-wrapper .popup-type-form .form form .form-actions input:hover {
  border-color: transparent;
  outline-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (max-width: 640px) {
  .popup-heading {
    font-size: var(--text-size-3xl, 1rem);
    font-weight: 400;
    line-height: var(--leading-9);
  }
}

#main .region--content .paragraph--type--accordion {
  max-width: var(--container-width-text, text);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.paragraph--type--accordion .title-wrapper {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  margin-bottom: var(--spacing-medium);
}

@media (max-width: 768px) {
  .paragraph--type--accordion .title-wrapper {
    font-size: var(--text-size-3xl, 1rem);
    font-weight: 700;
    line-height: var(--leading-9);
  }
}

.paragraph--type--accordion .accordion_trigger {
  background: var(--color-deep-grey, #EBEBF0);
  border-radius: var(--radius-small, 8px);
  padding: 15px 20px;
  border-bottom: none;
}

.paragraph--type--accordion .accordion_trigger:hover {
  background: #e5e5ec;
}

.paragraph--type--accordion .accordion_content {
  margin-top: 40px;
}

.paragraph--type--video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.paragraph--type--video .title-wrapper {
  margin-bottom: 40px;
}

.paragraph--type--link > .field--name-field-title {
  font-size: var(--text-size-2xl, 1rem);
  font-weight: 600;
  line-height: var(--leading-8);
  margin-bottom: 20px;
}

.paragraph--type--link .field--name-field-items .paragraph--type--link-item {
  margin-top: 40px;
  border-radius: var(--radius-medium, 12px);
  padding: 20px;
  background: var(--color-block-link-item, #EFEBE2);
}

.paragraph--type--link .field--name-field-items .paragraph--type--link-item .field--name-field-title {
  font-size: var(--text-size-2xl, 1rem);
  font-weight: 400;
  line-height: var(--leading-8);
}

.paragraph--type--link .field--name-field-items .paragraph--type--link-item .field--name-field-link a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  width: 40px;
  height: 40px;
  font-size: 0;
}

@media (max-width: 640px) {
  .paragraph--type--link .field--name-field-items .paragraph--type--link-item .field--name-field-link a {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .paragraph--type--link .field--name-field-items .paragraph--type--link-item .field--name-field-link a {
    padding: 10px 20px;
  }
}

.paragraph--type--link .field--name-field-items .paragraph--type--link-item .field--name-field-link a:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.paragraph--type--link .field--name-field-items .paragraph--type--link-item .field--name-field-link a:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e90c";
  font-size: 1.2rem;
}

.paragraph--type--link .field--name-field-items .paragraph--type--link-item .field--name-field-link a:hover {
  background: white;
  color: #FFF;
}

@media (max-width: 768px) {
  .paragraph--type--image-text {
    --image-max-width: 100%;
    --text-max-width: 100%;
    --image-text-gap: 30px;
  }
}

.paragraph--type--image-text img {
  width: 100%;
}

.paragraph--type--image-text .image-text-wrapper {
  background: url("../images//backgrounds/mission.svg") transparent no-repeat center center;
  background-size: cover;
  background-size: contain;
  background-size: min(607px, 100%) min(695px, 100%);
  background-position-x: right;
  background-position-y: bottom;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--image-text-gap, 64px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

@media (max-width: 768px) {
  .paragraph--type--image-text .image-text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.paragraph--type--image-text .field--name-field-media {
  margin-top: auto;
  max-width: var(--image-max-width);
}

@media (max-width: 768px) {
  .paragraph--type--image-text .field--name-field-media {
    width: 100%;
  }
}

.paragraph--type--image-text .field--name-field-rich-text {
  max-width: var(--text-max-width);
}

@media (max-width: 1024px) {
  .paragraph--type--image-text .field--name-field-rich-text {
    max-width: 40%;
  }
}

@media (max-width: 768px) {
  .paragraph--type--image-text .field--name-field-rich-text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 100%;
  }
}

.paragraph--type--image-text.image-left .field--name-field-rich-text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.paragraph--type--image-text.image-left .field--name-field-rich-text p:not(:first-child):not(:last-child) {
  margin: 20px 0;
}

.paragraph--type--slick {
  --text-max-width: 512px;
  --image-text-gap: 104px;
  --image-max-width: 775px;
}

.paragraph--type--slick .slick-wrapper .title-wrapper {
  margin-bottom: 40px;
}

.paragraph--type--slick .paragraph--type--image-text {
  width: 100%;
  max-width: 100%;
}

.paragraph--type--grid {
  --views-responsive-grid--column-count: 3;
  --views-responsive-grid--cell-min-width: 400px;
  --views-responsive-grid--layout-gap: 40px;
  --views-responsive-grid--gap-count: -webkit-calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: -webkit-calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: -webkit-calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
}

.paragraph--type--grid > .field--name-field-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

.paragraph--type--grid img {
  min-width: 150px;
  max-width: 100%;
}

.paragraph--type--grid .paragraph--type--grid-item {
  position: relative;
}

.paragraph--type--grid .paragraph--type--grid-item img {
  width: 100%;
}

.paragraph--type--grid .paragraph--type--grid-item .content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px 10px;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.paragraph--type--grid .paragraph--type--grid-item .content-wrapper .field--name-field-title {
  color: #FFF;
}

.paragraph--type--grid .paragraph--type--grid-item .content-wrapper .field--name-field-link {
  margin-top: auto;
  margin-left: auto;
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  font-size: 0;
  border-radius: 50%;
  padding: 0;
  width: 40px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--color-white);
}

@media (max-width: 640px) {
  .paragraph--type--grid .paragraph--type--grid-item .content-wrapper .field--name-field-link {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .paragraph--type--grid .paragraph--type--grid-item .content-wrapper .field--name-field-link {
    padding: 10px 20px;
  }
}

.paragraph--type--grid .paragraph--type--grid-item .content-wrapper .field--name-field-link:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.paragraph--type--grid .paragraph--type--grid-item .content-wrapper .field--name-field-link:after {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e90c";
  font-size: 1.2rem;
  color: var(--color-black);
}

.paragraph--type--views-reference .views-element-container .view {
  width: 100%;
}

.paragraph--type--views-reference .viewsreference--view-title {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 500;
  line-height: var(--leading-10);
}

.paragraph--type--views-reference.title-style-hidden .viewsreference--view-title {
  display: none;
}

.paragraph--type--views-reference.title-style-hidden .views-exposed-form {
  display: none;
}

.paragraph--type--views-reference.title-style-center .viewsreference--view-title {
  text-align: center;
}

.paragraph--type--views-reference.highlight-true {
  max-width: 100%;
  width: 100%;
  background: var(--color-warm);
}

.paragraph--type--views-reference.highlight-true.container-screen .views-element-container {
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
}

.paragraph--type--views-reference.highlight-true.container-full .views-element-container {
  max-width: var(--container-width-full, full);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.paragraph--type--views-reference.highlight-true.container-xlarge .views-element-container {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.paragraph--type--views-reference.highlight-true.container-large .views-element-container {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.paragraph--type--views-reference.highlight-true.container-medium .views-element-container {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.paragraph--type--views-reference.highlight-true.container-small .views-element-container {
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.paragraph--type--views-reference.highlight-true.container-text .views-element-container {
  max-width: var(--container-width-text, text);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.paragraph--type--image {
  position: relative;
}

.paragraph--type--image img {
  max-width: 100%;
}

.paragraph--type--highlight .field--name-field-items {
  display: grid;
  gap: var(--spacing-medium);
}

@media (min-width: 769px) {
  .paragraph--type--highlight .field--name-field-items {
    gap: 24px;
    grid-template-columns: repeat(3, auto);
  }
}

.node--view-mode-teaser .node__title {
  font-size: var(--text-size-xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-7);
  margin: 20px 0;
}

.node--view-mode-teaser img {
  border-radius: var(--radius-small, 8px);
  width: 100%;
}

.paragraph--type--call-to-action .call-to-action {
  --overlay-width: 120px;
  --content-width: 591px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  width: -webkit-calc(100% + var(--overlay-width));
  width: calc(100% + var(--overlay-width));
}

@media screen and (min-width: 1025px) and (max-width: 1160px) {
  .paragraph--type--call-to-action .call-to-action {
    --content-width: 491px;
  }
}

@media (max-width: 1024px) {
  .paragraph--type--call-to-action .call-to-action {
    --overlay-width: 220px;
    --content-width: 40%;
  }
}

@media (max-width: 800px) {
  .paragraph--type--call-to-action .call-to-action {
    --overlay-width: 250px;
  }
}

@media (max-width: 768px) {
  .paragraph--type--call-to-action .call-to-action {
    --overlay-width: 0;
    --content-width: unset;
  }
  .paragraph--type--call-to-action .call-to-action .call-to-action-content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: unset;
  }
}

@media (max-width: 768px) {
  .paragraph--type--call-to-action .call-to-action {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}

.paragraph--type--call-to-action .call-to-action p {
  margin: 0;
}

.paragraph--type--call-to-action .call-to-action .field--name-field-image {
  border-radius: var(--radius-medium);
  overflow: hidden;
}

.paragraph--type--call-to-action .call-to-action .call-to-action-content {
  max-width: var(--content-width);
  -webkit-transform: translateX(var(--overlay-width));
          transform: translateX(var(--overlay-width));
  background: var(--color-deep-grey);
  padding: 20px var(--spacing-medium);
  border-radius: var(--radius-small);
  -webkit-transform: translateX(-webkit-calc(var(--overlay-width) * -1));
          transform: translateX(calc(var(--overlay-width) * -1));
}

.paragraph--type--call-to-action .call-to-action .field--name-field-title {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  color: var(--color-text-primary);
  margin-bottom: 40px;
}

@media (max-width: 640px) {
  .paragraph--type--call-to-action .call-to-action .field--name-field-title {
    font-size: var(--text-size-3xl, 1rem);
    font-weight: 700;
    line-height: var(--leading-9);
  }
}

.paragraph--type--call-to-action .call-to-action .field--name-field-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  text-transform: uppercase;
  border-radius: var(--radius-small);
  background: var(--color-green);
  color: var(--color-white);
  border: 1px solid transparent;
}

@media (max-width: 640px) {
  .paragraph--type--call-to-action .call-to-action .field--name-field-link a {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .paragraph--type--call-to-action .call-to-action .field--name-field-link a {
    padding: 10px 20px;
  }
}

.paragraph--type--call-to-action .call-to-action .field--name-field-link a:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.paragraph--type--call-to-action .call-to-action .field--name-field-link a:hover {
  border: 1px solid var(--color-green);
}

:is(.text-content table) {
  border: 2px solid #909090;
  border-collapse: collapse;
}

:is(.text-content table) table {
  border: 2px solid #909090;
}

:is(.text-content table) thead td,
:is(.text-content table) thead th {
  border-color: #909090;
  background-color: #ADD8E6;
  border-bottom-color: var(--color-blue);
  border-bottom-width: 2px;
}

:is(.text-content table) th,
:is(.text-content table) td {
  padding-inline: 1rem;
  border: 2px solid #909090;
  border-collapse: collapse;
  -webkit-border-after: 2px solid #909090;
          border-block-end: 2px solid #909090;
}

:is(.text-content table) tr:last-child td {
  -webkit-border-after: 2px solid #909090;
          border-block-end: 2px solid #909090;
}

main .region--content .paragraph--type--pricing.paragraph--view-mode--default.paragraph {
  width: 100%;
  max-width: 100%;
}

.pricing-wrapper .pricing-top-section {
  background: url("../images//backgrounds/footer-bg.svg") transparent no-repeat center center;
  background-size: cover;
  background-size: contain;
  background-color: var(--color-green);
  text-align: center;
  min-height: 440px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  gap: 20px;
}

.pricing-wrapper .pricing-top-section > div {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.pricing-wrapper .pricing-top-section .field--name-field-title {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
}

.pricing-wrapper .pricing-top-section .field--name-field-subtitle {
  font-size: var(--text-size-lg, 1rem);
  font-weight: 400;
  line-height: var(--leading-7);
}

.pricing-wrapper .button.donate-other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: var(--spacing-medium);
}

.pricing-wrapper .field--name-field-items {
  margin-top: -100px;
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pricing-wrapper .field--name-field-items > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 1025px) {
  .pricing-wrapper .field--name-field-items > * {
    min-width: 150px;
  }
}

@media (max-width: 1024px) {
  .pricing-wrapper .field--name-field-items {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

.pricing-wrapper .field--name-field-items > .field__item {
  max-width: 336px;
  border-radius: var(--radius-small);
  padding-inline: 36px;
  padding-block: var(--spacing-medium);
  background-color: var(--color-grey);
  -webkit-box-shadow: var(--shadow-xl, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-xl, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.pricing-wrapper .field--name-field-items > .field__item .paragraph--type--pricing-item {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.pricing-wrapper .field--name-field-items > .field__item .paragraph--type--pricing-item .field--name-field-title {
  font-size: var(--text-size-xs, 1rem);
  font-weight: 700;
  line-height: var(--leading-5);
  letter-spacing: 2.8px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.pricing-wrapper .field--name-field-items > .field__item .paragraph--type--pricing-item .field--name-field-subtitle:not(sub) {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  margin-bottom: 20px;
}

.pricing-wrapper .field--name-field-items > .field__item .paragraph--type--pricing-item .field--name-field-subtitle:not(sub) sub {
  font-size: var(--text-size-base, 1rem);
  font-weight: 400;
  line-height: var(--leading-6);
}

.pricing-wrapper .field--name-field-items > .field__item .paragraph--type--pricing-item .field--name-field-link a {
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  margin-top: var(--spacing-medium);
  background-color: var(--color-green);
  border-radius: var(--radius-small);
  color: var(--color-white);
  text-transform: uppercase;
  border: 1px solid transparent;
}

@media (max-width: 640px) {
  .pricing-wrapper .field--name-field-items > .field__item .paragraph--type--pricing-item .field--name-field-link a {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .pricing-wrapper .field--name-field-items > .field__item .paragraph--type--pricing-item .field--name-field-link a {
    padding: 10px 20px;
  }
}

.pricing-wrapper .field--name-field-items > .field__item .paragraph--type--pricing-item .field--name-field-link a:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.pricing-wrapper .field--name-field-items > .field__item .paragraph--type--pricing-item .field--name-field-link a:hover {
  border: 1px solid var(--color-green);
}

.paragraph--type--timeline {
  position: relative;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 104px;
  display: grid;
  max-width: 1240px;
  grid-template-columns: 1fr auto;
}

@media (max-width: 768px) {
  .paragraph--type--timeline {
    gap: 54px;
  }
}

@media (max-width: 640px) {
  .paragraph--type--timeline {
    gap: 20px;
  }
}

.paragraph--type--timeline .field--name-field-items {
  max-width: 1240px;
}

@media (max-width: 768px) {
  .paragraph--type--timeline .field--name-field-items {
    padding-top: 30px;
  }
}

.paragraph--type--timeline .field--name-field-items > .field__item:not(:first-child) {
  display: none;
}

.paragraph--type--timeline .field--name-field-date {
  font-size: var(--text-size-xs, 1rem);
  font-weight: 700;
  line-height: var(--leading-5);
}

.paragraph--type--timeline .field--name-field-title {
  font-size: var(--text-size-xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-7);
  margin-top: 10px;
  margin-bottom: 10px;
}

.paragraph--type--timeline .field--name-field-rich-text {
  font-size: var(--text-size-lg, 1rem);
  font-weight: 400;
  line-height: var(--leading-7);
}

.paragraph--type--timeline .timeline-control {
  top: var(--vertical-padding);
  position: absolute;
  max-height: -webkit-calc(100% - (var(--vertical-padding) * 2));
  max-height: calc(100% - (var(--vertical-padding) * 2));
  overflow-y: scroll;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 58px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.paragraph--type--timeline .timeline-control::-webkit-scrollbar {
  display: none;
}

@media (max-width: 768px) {
  .paragraph--type--timeline .timeline-control {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    top: 30px;
  }
}

.paragraph--type--timeline .timeline-control button.dot {
  cursor: pointer;
  font-size: var(--text-size-lg, 1rem);
  font-weight: 700;
  line-height: var(--leading-7);
  background: none;
  border: none;
  position: relative;
  padding-left: 40px;
}

.paragraph--type--timeline .timeline-control button.dot:before {
  content: "";
  position: absolute;
  left: 0;
  top: -webkit-calc(58px / -2);
  top: calc(58px / -2);
  height: -webkit-calc(100% + 58px);
  height: calc(100% + 58px);
  width: 2px;
  background: var(--color-line-grey);
}

.paragraph--type--timeline .timeline-control button.dot.active:before {
  background: var(--color-black);
}

.paragraph--type--timeline .paragraph--type--timeline-item .timeline-wrapper {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 104px;
}

@media (max-width: 820px) {
  .paragraph--type--timeline .paragraph--type--timeline-item .timeline-wrapper {
    gap: 20px;
  }
}

.paragraph--type--timeline .paragraph--type--timeline-item .timeline-content {
  max-width: 423px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.paragraph--type--timeline .paragraph--type--timeline-item .field--name-field-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: var(--radius-medium);
  overflow: hidden;
}

@media (max-width: 820px) {
  .paragraph--type--timeline .paragraph--type--timeline-item .field--name-field-image {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}

.paragraph--type--rich-text__w-background {
  position: relative;
  overflow: clip;
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
}

main .region--content .paragraph--type--rich-text__w-background.paragraph:not([class*="container-"]) {
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
}

.paragraph--type--rich-text__w-background.p-small {
  --top-offset: 16px;
  --bottom-offset: 16px;
}

.paragraph--type--rich-text__w-background.pt-small {
  --top-offset: 16px;
}

.paragraph--type--rich-text__w-background.pb-small {
  --bottom-offset: 16px;
}

.paragraph--type--rich-text__w-background.py-small {
  --top-offset: 16px;
  --bottom-offset: 16px;
}

.paragraph--type--rich-text__w-background.p-normal {
  --top-offset: 20px;
  --bottom-offset: 20px;
}

.paragraph--type--rich-text__w-background.pt-normal {
  --top-offset: 20px;
}

.paragraph--type--rich-text__w-background.pb-normal {
  --bottom-offset: 20px;
}

.paragraph--type--rich-text__w-background.py-normal {
  --top-offset: 20px;
  --bottom-offset: 20px;
}

.paragraph--type--rich-text__w-background.p-medium {
  --top-offset: 40px;
  --bottom-offset: 40px;
}

.paragraph--type--rich-text__w-background.pt-medium {
  --top-offset: 40px;
}

.paragraph--type--rich-text__w-background.pb-medium {
  --bottom-offset: 40px;
}

.paragraph--type--rich-text__w-background.py-medium {
  --top-offset: 40px;
  --bottom-offset: 40px;
}

.paragraph--type--rich-text__w-background.p-large {
  --top-offset: 80px;
  --bottom-offset: 80px;
}

.paragraph--type--rich-text__w-background.pt-large {
  --top-offset: 80px;
}

.paragraph--type--rich-text__w-background.pb-large {
  --bottom-offset: 80px;
}

.paragraph--type--rich-text__w-background.py-large {
  --top-offset: 80px;
  --bottom-offset: 80px;
}

.paragraph--type--rich-text__w-background.p-huge {
  --top-offset: 120px;
  --bottom-offset: 120px;
}

.paragraph--type--rich-text__w-background.pt-huge {
  --top-offset: 120px;
}

.paragraph--type--rich-text__w-background.pb-huge {
  --bottom-offset: 120px;
}

.paragraph--type--rich-text__w-background.py-huge {
  --top-offset: 120px;
  --bottom-offset: 120px;
}

.paragraph--type--rich-text__w-background.p-enormous {
  --top-offset: 208px;
  --bottom-offset: 208px;
}

.paragraph--type--rich-text__w-background.pt-enormous {
  --top-offset: 208px;
}

.paragraph--type--rich-text__w-background.pb-enormous {
  --bottom-offset: 208px;
}

.paragraph--type--rich-text__w-background.py-enormous {
  --top-offset: 208px;
  --bottom-offset: 208px;
}

.paragraph--type--rich-text__w-background .main-wrapper {
  position: relative;
  overflow: clip;
}

.paragraph--type--rich-text__w-background .main-wrapper > .field--name-field-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.paragraph--type--rich-text__w-background .main-wrapper > .field--name-field-image > .field__item {
  height: 100%;
}

.paragraph--type--rich-text__w-background .main-wrapper > .field--name-field-image > .field__item img {
  -o-object-position: top;
     object-position: top;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  padding-block: var(--spacing-large);
  color: #FFF;
  min-height: 500px;
  max-height: unset;
}

.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content h1,
.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content h2,
.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content h3,
.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content h4,
.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content h5,
.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content h6,
.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content a {
  color: #FFF;
}

.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content .field--name-field-title {
  font-size: 2.25rem;
  line-height: var(--sp3);
  font-weight: 700;
  margin-bottom: var(--spacing-small);
}

.paragraph--type--rich-text__w-background .main-wrapper > .rich-text--w-background-content > .text-content {
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  text-align: center;
}

.view.view-search {
  margin-top: var(--spacing-large);
  margin-bottom: var(--spacing-large);
}

.views-element-container .view.view-search {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.view.view-search.view-display-id-page_search {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.view.view-search.view-display-id-page_search > .view-filters {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.view.view-search.view-display-id-page_search > .view-header {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.view.view-search.view-display-id-page_search > .view-content {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.view.view-search.view-display-id-page_search .pager {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.view.view-search > .view-content {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--spacing-medium);
}

.view.view-search > .view-content > .views-row .views-field-title-1 {
  font-size: var(--text-size-lg, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  margin-bottom: 10px;
}

.view.view-search > .view-content > .views-row .views-field-title-1 a {
  text-decoration: underline;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-block: var(--spacing-large);
  gap: 32px;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"].form--inline .form-item {
  float: none;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .block__title {
  display: none;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .block__content {
  max-width: var(--container-width-text, text);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item {
  margin: 0;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword {
  color: var(--color-dark-grey);
  border-radius: var(--radius-small);
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--color-dark-grey);
  padding-left: 14px;
  gap: 5px;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9f2";
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword input {
  border: none;
  width: 100%;
  min-height: 40px;
  padding: 0;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword input:hover, .views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword input:focus, .views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword input:active {
  border: none;
  outline: none;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword input::-webkit-input-placeholder {
  color: var(--color-dark-grey);
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword input::-moz-placeholder {
  color: var(--color-dark-grey);
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword input:-ms-input-placeholder {
  color: var(--color-dark-grey);
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword input::-ms-input-placeholder {
  color: var(--color-dark-grey);
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item.form-item-keyword input::placeholder {
  color: var(--color-dark-grey);
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item__label {
  display: none;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-actions {
  display: none;
  margin: 0;
}

@media (max-width: 640px) {
  .views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-actions {
    margin-left: auto;
  }
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-actions .button {
  margin: 0;
  border-radius: var(--radius-enormous);
  background: var(--Secondary-Blue, #006698);
  border: none;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] > * {
  margin: 0;
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item-search-api-fulltext {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 640px) {
  .views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item-search-api-fulltext {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item-search-api-fulltext input {
  min-height: 44px;
  width: 100%;
  border-radius: var(--radius-enormous, 44px);
  border: 1px solid var(--color-black, #222226);
  background: var(--color-white, #FFF);
  padding-left: -webkit-calc(22px + 27px + 12px);
  padding-left: calc(22px + 27px + 12px);
}

.views-exposed-form[data-drupal-selector="views-exposed-form-search-search"] .form-item-search-api-fulltext:before {
  display: block;
  content: "";
  height: 24px;
  width: 27px;
  background: url("../images/icons/search.svg") transparent no-repeat center center;
  background-size: cover;
  position: absolute;
  top: 10px;
  left: 22px;
}

a {
  color: var(--color-link);
}

a:hover {
  color: var(--color-hover-link);
}

@media (max-width: 768px) {
  .paragraph[class*="pb-"] {
    padding-bottom: var(--spacing-medium);
  }
  .paragraph[class*="pt-"] {
    padding-top: var(--spacing-medium);
  }
}

.paragraph table {
  width: 100%;
}

.region--content .node.node--view-mode-full > .node__content > .field--name-body {
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  margin-top: var(--spacing-medium, medium);
  margin-bottom: var(--spacing-large, large);
}

@media (max-width: 768px) {
  .region--content .node.node--view-mode-full > .node__content > .field--name-body {
    margin-bottom: var(--spacing-medium, medium);
  }
}

.views-element-container .block__title {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.views-element-container .view {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.views-element-container .view .view {
  width: 100%;
}

main .region--content > .block:not(.block-system-main-block) {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

main .region--content .paragraph:not([class*="container-"]) {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

main .region--content .paragraph .paragraph {
  width: auto;
}

.block__title {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  color: var(--color-black);
}

.view nav.pager {
  width: 100%;
  max-width: 439px;
  margin: 0 auto;
}

.view nav.pager .pager__items {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.view nav.pager .pager__item--active {
  background: none;
  font-size: var(--text-size-xl, 1rem);
  font-weight: 400;
  line-height: var(--leading-7);
  color: var(--color-black);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.view nav.pager .pager__item--control a {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-black);
}

.view nav.pager .pager__item--control a:hover {
  background-color: transparent;
}

#block-rspca-homepage-todays-glance {
  padding-top: var(--spacing-huge);
  padding-bottom: var(--spacing-huge);
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

@media (max-width: 640px) {
  #block-rspca-homepage-todays-glance {
    padding-top: var(--spacing-large);
    padding-bottom: var(--spacing-large);
  }
}

#block-rspca-homepage-todays-glance .today-glance-heading {
  text-align: center;
  margin-bottom: var(--spacing-medium);
}

#block-rspca-homepage-todays-glance .today-glance-heading h2 {
  margin-block: 0;
  padding-left: 16px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: var(--text-size-xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-7);
  text-transform: uppercase;
  text-align: center;
}

#block-rspca-homepage-todays-glance .today-glance-heading h2:before {
  left: 0;
  position: absolute;
  content: "";
  width: 6px;
  height: 100%;
  background-color: var(--color-blue);
}

#block-rspca-homepage-todays-glance .today-glance-items {
  display: grid;
  gap: var(--spacing-medium);
  text-align: center;
}

@media (min-width: 641px) {
  #block-rspca-homepage-todays-glance .today-glance-items {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}

#block-rspca-homepage-todays-glance .today-glance-items .today-glance-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

@media (max-width: 640px) {
  #block-rspca-homepage-todays-glance .today-glance-items .today-glance-item {
    max-width: 336px;
    margin-inline: auto;
  }
}

#block-rspca-homepage-todays-glance .today-glance-items .today-glance-count {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
}

#block-rspca-homepage-todays-glance .today-glance-items .today-glance-label {
  font-size: var(--text-size-xs, 1rem);
  font-weight: 700;
  line-height: var(--leading-5);
  text-transform: uppercase;
}

#block-rspca-homepage-todays-glance .today-glance-items p {
  margin: 0;
}

#block-rspca-newslettersubscription {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  background: var(--color-blue);
  border-radius: var(--radius-huge);
  overflow: clip;
  text-align: center;
  color: var(--color-white);
}

#block-rspca-newslettersubscription > .block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#block-rspca-newslettersubscription .field--name-field-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

@media (min-width: 941px) {
  #block-rspca-newslettersubscription .field--name-field-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

@media (min-width: 1025px) {
  #block-rspca-newslettersubscription .field--name-field-image {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
  }
}

#block-rspca-newslettersubscription .field--name-field-image .field__item,
#block-rspca-newslettersubscription .field--name-field-image .media,
#block-rspca-newslettersubscription .field--name-field-image .field--name-field-media-image,
#block-rspca-newslettersubscription .field--name-field-image .field--name-field-media-image > .field__item {
  width: 100%;
  height: 100%;
  display: block;
}

#block-rspca-newslettersubscription .field--name-field-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#block-rspca-newslettersubscription .field--name-field-form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  padding: 40px 30px;
}

@media (min-width: 941px) {
  #block-rspca-newslettersubscription .field--name-field-form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

#block-rspca-newslettersubscription:last-child {
  margin-bottom: var(--spacing-huge);
}

@media (max-width: 768px) {
  #block-rspca-newslettersubscription:last-child {
    margin-bottom: var(--spacing-medium);
  }
}

#block-rspca-newslettersubscription .block__content form {
  color: var(--color-white);
}

#block-rspca-newslettersubscription .block__content form h1,
#block-rspca-newslettersubscription .block__content form h2,
#block-rspca-newslettersubscription .block__content form h3,
#block-rspca-newslettersubscription .block__content form h4,
#block-rspca-newslettersubscription .block__content form h5,
#block-rspca-newslettersubscription .block__content form h6,
#block-rspca-newslettersubscription .block__content form a {
  color: var(--color-white);
}

#block-rspca-newslettersubscription .block__content form .contextual-links a {
  color: #333;
}

#block-rspca-newslettersubscription h3,
#block-rspca-newslettersubscription p,
#block-rspca-newslettersubscription .form-type-webform-markup {
  margin: 0;
}

#block-rspca-newslettersubscription h3 {
  margin-bottom: 20px;
  text-transform: uppercase;
}

#block-rspca-newslettersubscription form {
  max-width: 864px;
  margin: 0 auto;
  position: relative;
  max-width: 479px;
  margin: auto;
  width: 100%;
}

#block-rspca-newslettersubscription form .form-type-email,
#block-rspca-newslettersubscription form .form-type-textfield {
  margin: 0;
  margin-top: 20px;
  color: var(--color-white);
}

#block-rspca-newslettersubscription form .form-type-email label,
#block-rspca-newslettersubscription form .form-type-textfield label {
  display: none;
}

#block-rspca-newslettersubscription form .form-type-email input[type="email"],
#block-rspca-newslettersubscription form .form-type-email input[type="text"],
#block-rspca-newslettersubscription form .form-type-textfield input[type="email"],
#block-rspca-newslettersubscription form .form-type-textfield input[type="text"] {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--color-white, #FFF);
  padding: 0;
  border-radius: 0;
  min-height: 24px;
  color: #FFF;
}

#block-rspca-newslettersubscription form .form-type-email input[type="email"]:focus,
#block-rspca-newslettersubscription form .form-type-email input[type="text"]:focus,
#block-rspca-newslettersubscription form .form-type-textfield input[type="email"]:focus,
#block-rspca-newslettersubscription form .form-type-textfield input[type="text"]:focus {
  border: none;
  outline: none;
  border-bottom: 1px solid var(--color-white, #FFF);
}

#block-rspca-newslettersubscription form .form-type-email input[type="email"]::-webkit-input-placeholder, #block-rspca-newslettersubscription form .form-type-email input[type="text"]::-webkit-input-placeholder, #block-rspca-newslettersubscription form .form-type-textfield input[type="email"]::-webkit-input-placeholder, #block-rspca-newslettersubscription form .form-type-textfield input[type="text"]::-webkit-input-placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-rspca-newslettersubscription form .form-type-email input[type="email"]::-moz-placeholder, #block-rspca-newslettersubscription form .form-type-email input[type="text"]::-moz-placeholder, #block-rspca-newslettersubscription form .form-type-textfield input[type="email"]::-moz-placeholder, #block-rspca-newslettersubscription form .form-type-textfield input[type="text"]::-moz-placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-rspca-newslettersubscription form .form-type-email input[type="email"]:-ms-input-placeholder, #block-rspca-newslettersubscription form .form-type-email input[type="text"]:-ms-input-placeholder, #block-rspca-newslettersubscription form .form-type-textfield input[type="email"]:-ms-input-placeholder, #block-rspca-newslettersubscription form .form-type-textfield input[type="text"]:-ms-input-placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-rspca-newslettersubscription form .form-type-email input[type="email"]::-ms-input-placeholder, #block-rspca-newslettersubscription form .form-type-email input[type="text"]::-ms-input-placeholder, #block-rspca-newslettersubscription form .form-type-textfield input[type="email"]::-ms-input-placeholder, #block-rspca-newslettersubscription form .form-type-textfield input[type="text"]::-ms-input-placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-rspca-newslettersubscription form .form-type-email input[type="email"]::placeholder,
#block-rspca-newslettersubscription form .form-type-email input[type="text"]::placeholder,
#block-rspca-newslettersubscription form .form-type-textfield input[type="email"]::placeholder,
#block-rspca-newslettersubscription form .form-type-textfield input[type="text"]::placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-rspca-newslettersubscription form .form-actions {
  position: relative;
  background: url("../images/icons/arrow-right.svg") transparent no-repeat center center;
  background-size: cover;
  content: "";
  width: 24px;
  height: 24px;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-bottom: 24px;
  margin-top: -24px;
}

#block-rspca-newslettersubscription form .form-actions input {
  margin: 0;
  margin-block: 0;
  background: none;
  font-size: 0;
  padding: 0;
  width: inherit;
  height: inherit;
}

#block-rspca-newslettersubscription form .form-actions input:focus, #block-rspca-newslettersubscription form .form-actions input:hover {
  border: 0;
  outline: 0;
  cursor: pointer;
}

#block-rspca-homepage-mission-and-beliefs {
  margin-top: var(--spacing-huge);
  margin-bottom: var(--spacing-huge);
  padding-top: var(--spacing-huge);
  padding-bottom: var(--spacing-huge);
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  background: url("../images//backgrounds/mission.svg") transparent no-repeat center center;
  background-size: cover;
  background-size: 468px 537px;
  background-color: var(--color-grey);
  background-position: right bottom;
}

@media (max-width: 640px) {
  #block-rspca-homepage-mission-and-beliefs {
    margin-top: var(--spacing-large);
    margin-bottom: var(--spacing-large);
    padding-top: var(--spacing-medium);
    padding-bottom: var(--spacing-medium);
  }
}

#block-rspca-homepage-mission-and-beliefs .mission-section {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  text-align: center;
}

#block-rspca-homepage-mission-and-beliefs .mission-title, #block-rspca-homepage-mission-and-beliefs .mission-description {
  text-align: center;
  margin-block: 20px;
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  width: 100%;
}

@media (max-width: 640px) {
  #block-rspca-homepage-mission-and-beliefs .mission-title, #block-rspca-homepage-mission-and-beliefs .mission-description {
    margin-block: var(--spacing-medium);
  }
}

#block-rspca-homepage-mission-and-beliefs .mission-title {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
}

@media (max-width: 640px) {
  #block-rspca-homepage-mission-and-beliefs .mission-title {
    font-size: var(--text-size-3xl, 1rem);
    font-weight: 400;
    line-height: var(--leading-9);
  }
}

#block-rspca-homepage-mission-and-beliefs p {
  margin: 0;
}

#block-rspca-homepage-mission-and-beliefs .domain-icons {
  margin-top: var(--spacing-medium);
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 641px) {
  #block-rspca-homepage-mission-and-beliefs .domain-icons {
    margin-top: var(--spacing-large);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 60px;
  }
}

#block-rspca-homepage-mission-and-beliefs .domain-icons .domain-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 159px;
}

@media (min-width: 641px) {
  #block-rspca-homepage-mission-and-beliefs .domain-icons .domain-item {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

#block-rspca-homepage-mission-and-beliefs .domain-icons .domain-icon {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#block-rspca-homepage-mission-and-beliefs .domain-icons .domain-icon img {
  max-width: 60px;
}

#block-rspca-homepage-mission-and-beliefs .domain-icons h3,
#block-rspca-homepage-mission-and-beliefs .domain-icons p {
  margin: 0;
}

#block-rspca-homepage-mission-and-beliefs .domain-icons h3 {
  font-size: var(--text-size-xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-7);
  margin-bottom: 10px;
}

#block-rspca-homepage-book-services {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  margin-top: var(--spacing-large);
}

@media (max-width: 640px) {
  #block-rspca-homepage-book-services {
    border-radius: var(--radius-small);
    overflow: hidden;
  }
}

#block-rspca-homepage-book-services .service-booking-banner {
  position: relative;
  border-radius: var(--radius-medium);
  overflow: clip;
}

#block-rspca-homepage-book-services .service-booking-banner .media .wide-content {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

#block-rspca-homepage-book-services .service-booking-banner .service-booking-content {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  text-align: center;
  background: rgba(0, 0, 0, 0.3);
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(91deg, rgba(0, 124, 173, 0.8) 65.25%, rgba(0, 124, 173, 0) 99.33%);
  background: linear-gradient(359deg, rgba(0, 124, 173, 0.8) 65.25%, rgba(0, 124, 173, 0) 99.33%);
}

@media (max-width: 640px) {
  #block-rspca-homepage-book-services .service-booking-banner .service-booking-content {
    background: -webkit-linear-gradient(91deg, rgba(0, 124, 173, 0.8) 65.25%, rgba(0, 124, 173, 0) 99.33%) no-repeat;
    background: linear-gradient(359deg, rgba(0, 124, 173, 0.8) 65.25%, rgba(0, 124, 173, 0) 99.33%) no-repeat;
    gap: var(--spacing-medium);
  }
}

#block-rspca-homepage-book-services .service-booking-banner .service-booking-content * {
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  color: var(--color-white);
  margin: 0;
}

#block-rspca-homepage-book-services .service-booking-banner .service-booking-content h2 {
  font-size: var(--text-size-3xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
}

@media (min-width: 641px) {
  #block-rspca-homepage-book-services .service-booking-banner .service-booking-content h2 {
    font-size: var(--text-size-4xl, 1rem);
    font-weight: 700;
    line-height: var(--leading-10);
    margin-bottom: 20px;
  }
}

#block-rspca-homepage-book-services .service-booking-banner .service-booking-content .btn-book-now {
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  border-radius: var(--radius-small);
  background: var(--color-green);
  color: var(--color-white);
  border: 1px solid transparent;
  width: auto;
  text-transform: uppercase;
}

@media (min-width: 641px) {
  #block-rspca-homepage-book-services .service-booking-banner .service-booking-content .btn-book-now {
    margin-top: var(--spacing-medium);
  }
}

@media (max-width: 640px) {
  #block-rspca-homepage-book-services .service-booking-banner .service-booking-content .btn-book-now {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  #block-rspca-homepage-book-services .service-booking-banner .service-booking-content .btn-book-now {
    padding: 10px 20px;
  }
}

#block-rspca-homepage-book-services .service-booking-banner .service-booking-content .btn-book-now:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

#block-rspca-homepage-book-services .service-booking-banner .service-booking-content .btn-book-now:hover {
  border: 1px solid var(--color-green);
}

#block-rspca-homepagefostercarers {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  margin-top: var(--spacing-huge);
  margin-bottom: var(--spacing-huge);
}

@media (max-width: 640px) {
  #block-rspca-homepagefostercarers {
    margin-top: var(--spacing-large);
    margin-bottom: var(--spacing-large);
  }
}

#block-rspca-homepagefostercarers .foster-carers-banner {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

@media (max-width: 980px) {
  #block-rspca-homepagefostercarers .foster-carers-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}

#block-rspca-homepagefostercarers .foster-carers-banner .media--type-image {
  float: none !important;
  max-width: 100%;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#block-rspca-homepagefostercarers .foster-carers-banner .media--type-image img {
  border-radius: var(--radius-medium);
  width: 100%;
}

@media (min-width: 981px) {
  #block-rspca-homepagefostercarers .foster-carers-banner .media--type-image {
    max-width: 688px;
    background: url("../images/backgrounds/paw.svg") transparent no-repeat center center;
    background-size: cover;
    background-size: 130px 130px;
    background-position: right bottom;
  }
  #block-rspca-homepagefostercarers .foster-carers-banner .media--type-image img {
    max-width: -webkit-calc(100% - 88px);
    max-width: calc(100% - 88px);
  }
}

#block-rspca-homepagefostercarers .foster-carers-banner .banner-content {
  max-width: 336px;
}

@media (max-width: 980px) {
  #block-rspca-homepagefostercarers .foster-carers-banner .banner-content {
    max-width: 100%;
    padding-top: 40px;
    background: url("../images/backgrounds/paw.svg") transparent no-repeat center center;
    background-size: cover;
    background-size: 130px 130px;
    background-position: right -40px;
  }
}

#block-rspca-homepagefostercarers .foster-carers-banner .banner-content *:not(.learn-more-btn) {
  margin: 0;
}

#block-rspca-homepagefostercarers .foster-carers-banner .banner-content h2 {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  margin-bottom: 20px !important;
}

.learn-more-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  margin-top: 20px;
  text-align: center;
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  text-transform: uppercase;
  border-radius: var(--radius-small);
  background: var(--color-green);
  color: var(--color-white);
  border: 1px solid transparent;
  font-weight: 700;
}

@media (max-width: 640px) {
  .learn-more-btn {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .learn-more-btn {
    padding: 10px 20px;
  }
}

.learn-more-btn:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.learn-more-btn:hover {
  border: 1px solid var(--color-green);
}

#block-rspca-homepagepartners {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  margin-top: var(--spacing-huge);
  margin-bottom: var(--spacing-huge);
}

@media (max-width: 640px) {
  #block-rspca-homepagepartners {
    margin-top: var(--spacing-large);
    margin-bottom: var(--spacing-large);
  }
}

#block-rspca-homepagepartners h2 {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
}

@media (max-width: 640px) {
  #block-rspca-homepagepartners h2 {
    font-size: var(--text-size-3xl, 1rem);
    font-weight: 400;
    line-height: var(--leading-9);
  }
}

#block-rspca-homepagepartners .partners-logos {
  margin-top: 48px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--spacing-small);
}

@media (max-width: 640px) {
  #block-rspca-homepagepartners .partners-logos {
    gap: 20px;
    margin-top: var(--spacing-medium);
    grid-template-columns: repeat(2, 1fr);
  }
}

#block-rspca-views-block-news-block-latest-news {
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
  padding-top: var(--spacing-huge);
  padding-bottom: var(--spacing-huge);
  background: var(--color-grey);
}

@media (max-width: 640px) {
  #block-rspca-views-block-news-block-latest-news {
    padding-top: var(--spacing-medium);
    padding-bottom: var(--spacing-medium);
  }
}

#block-rspca-views-block-news-block-latest-news .block__title {
  text-transform: uppercase;
  margin-bottom: 0;
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

@media (max-width: 640px) {
  #block-rspca-views-block-news-block-latest-news .block__title {
    text-align: center;
  }
}

#block-rspca-views-block-news-block-latest-news .block__content {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  margin-top: var(--spacing-large);
}

@media (max-width: 640px) {
  #block-rspca-views-block-news-block-latest-news .block__content {
    margin-top: var(--spacing-medium);
  }
}

#block-rspca-views-block-news-block-latest-news .block__content .view {
  width: 100%;
}

#block-rspca-views-block-news-block-latest-news .block__content .node__title {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: var(--text-size-xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-7);
}

#block-rspca-views-block-news-block-latest-news .block__content .view-content {
  margin-bottom: var(--spacing-large);
}

@media (max-width: 640px) {
  #block-rspca-views-block-news-block-latest-news .block__content .view-content {
    margin-bottom: var(--spacing-medium);
  }
}

#block-rspca-views-block-news-block-latest-news .more-link {
  text-align: center;
}

#block-rspca-views-block-news-block-latest-news .more-link a {
  text-transform: uppercase;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  text-align: center;
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  padding-block: 14px;
  border-radius: var(--radius-small);
  background: var(--color-green);
  color: var(--color-white);
  border: 1px solid transparent;
  letter-spacing: 2.8px;
  font-weight: 700;
}

@media (max-width: 640px) {
  #block-rspca-views-block-news-block-latest-news .more-link a {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  #block-rspca-views-block-news-block-latest-news .more-link a {
    padding: 10px 20px;
  }
}

#block-rspca-views-block-news-block-latest-news .more-link a:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

#block-rspca-views-block-news-block-latest-news .more-link a:hover {
  border: 1px solid var(--color-green);
}

.error-page-container {
  text-align: center;
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  gap: var(--spacing-large);
  margin-top: var(--spacing-large);
  margin-bottom: var(--spacing-large);
}

@media (max-width: 768px) {
  .error-page-container {
    gap: var(--spacing-medium);
    margin-top: var(--spacing-medium);
    margin-bottom: var(--spacing-medium);
  }
}

.error-page-container * {
  margin: 0;
}

.error-page-container .menu--main {
  width: 100% !important;
  text-align: center;
}

.error-page-container .menu--main .menu {
  gap: 10px;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.error-page-container .menu--main .menu a {
  text-decoration: underline;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  /* 222.222% */
  text-decoration-line: underline;
}

nav.pager .pager__item--control {
  padding: 0;
  border-radius: var(--radius-small, 8px);
  border: 1px solid var(--color-black);
}

nav.pager .pager__item--control a {
  width: 100%;
  height: 100% !important;
  border: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 !important;
}

nav.pager .pager__item--control a svg {
  fill: #333;
}

nav.pager .pager__items {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  -moz-justify-content: center !important;
  justify-content: center !important;
  gap: var(--spacing-small);
}

nav.pager .pager__items .pager__item {
  width: unset;
}

nav.pager .pager__items .pager__item.pager__item--active {
  border-radius: var(--radius-small, 8px);
  padding: 10px 20px;
  border: 1px solid var(--color-black);
}

nav.pager .pager__items .pager__item a {
  border-radius: var(--radius-small, 8px);
  padding: 10px 20px;
}

.accordion > .field--name-field-items .field__item:nth-child(n+6) {
  display: none;
}

body.no-scrolling {
  overflow: hidden;
}

body.page-node-type-campaign-page .field--name-field-image.primary-image img {
  width: 100%;
  max-height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.table-wrapper {
  overflow-x: auto;
}

header.site-header {
  --menu-font-size: 1rem;
  min-height: unset;
}

header.site-header .site-header__inner__container {
  width: 100%;
  max-width: 100%;
  padding-top: 20px;
  display: block;
}

header.site-header .site-header__inner__container .site-header__top {
  position: relative;
}

header.site-header .site-header__inner__container .site-header__top_wrapper {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

header.site-header .site-header__inner__container .site-header__bottom {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  background: var(--Monochrome-Deep-Grey, #EBEBF0);
  padding-top: 10px;
  padding-bottom: 10px;
}

header.site-header .site-header__inner__container .site-header__bottom .region--breadcrumb {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

header.site-header .site-branding {
  padding-bottom: 10px;
}

header.site-header .site-branding__logo img {
  max-width: 160px;
}

@media (min-width: 1281px) {
  header.site-header .header-nav {
    margin-left: 30px;
    height: auto;
  }
}

.site-header__inner {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 1280px) {
  .header-nav__action:not(.header-nav__action_mobile) .menu--action-menu {
    display: none;
  }
}

.menu--action-menu a {
  color: var(--color-black);
}

.menu--action-menu .menu {
  margin: 0;
  padding: 0;
}

.menu--action-menu .menu--level-1 {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  list-style: none;
  gap: 20px;
}

@media (max-width: 640px) {
  .menu--action-menu .menu--level-1 {
    gap: 5px;
  }
}

.menu--action-menu .menu--level-1 .menu__item {
  padding-bottom: 10px;
}

@media (max-width: 1280px) {
  .menu--action-menu .menu--level-1 .menu__item {
    width: 100%;
  }
}

.menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"] {
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  width: 100%;
  max-width: 400px;
  font-size: var(--menu-font-size);
  font-family: var(--font-serif);
  font-weight: 400;
  margin-inline: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-block: 14px;
  border-radius: var(--radius-small);
}

@media (max-width: 640px) {
  .menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"] {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"] {
    padding: 10px 20px;
  }
}

.menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"]:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

@media (max-width: 768px) {
  .menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"] {
    font-weight: 400;
  }
}

.menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"].menu__link--link-button {
  border: 1px solid var(--color-blue);
  color: var(--color-black);
  padding-inline: 20px;
  letter-spacing: 2.4px;
}

.menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"].menu__link--link-button:hover {
  color: var(--color-white);
  background: var(--color-blue);
  border-color: transparent;
}

.menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"].menu__link--link-button-red {
  background: var(--color-red);
  color: var(--color-white);
  padding-inline: 20px;
  letter-spacing: 0;
}

.menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"].menu__link--link-button-red:hover {
  color: inherit;
  background: var(--color-white);
  border-color: var(--color-red);
}

.menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"].menu__link--link-button-green {
  background: var(--color-green);
  color: var(--color-white);
  padding-inline: 20px;
  letter-spacing: 2.4px;
}

.menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"].menu__link--link-button-green:hover {
  color: inherit;
  background: var(--color-white);
  border-color: var(--color-green);
}

@media (max-width: 640px) {
  .menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"] .menu {
    gap: 5px;
  }
  .menu--action-menu .menu--level-1 .menu__item [class*="menu__link--link-button"].menu__link {
    font-weight: 700;
    line-height: var(--leading-6);
    font-size: var(--menu-font-size);
    font-family: var(--font-serif);
  }
}

.site-header__search {
  cursor: pointer;
  margin-left: 30px;
  font-size: 0;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  padding-bottom: 10px;
  z-index: 2;
}

.site-header__search:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9f2";
}

@media (min-width: 1281px) {
  .site-header__search {
    margin-right: auto;
  }
}

@media (max-width: 1280px) {
  .site-header__search {
    margin-top: 0;
    margin-left: auto;
    margin-right: 24px;
    padding-bottom: 0;
  }
}

.site-header__search:before {
  font-size: 1rem;
}

@media (max-width: 1280px) {
  .site-header__search:before {
    font-size: 1.5rem;
  }
}

.site-header__search .region--search {
  display: none;
}

@media (min-width: 1281px) {
  .site-header__top_wrapper .header-nav__action {
    margin-left: 30px;
  }
}

@media (max-width: 1280px) {
  .site-header__top_wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .site-header__top_wrapper .site-header__brand {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .site-header__top_wrapper .site-header__search {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .site-header__top_wrapper .mobile-buttons {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .site-header__top_wrapper .header-nav__action {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

.site-header__top_wrapper .mobile-buttons.active .mobile-nav-button__icon {
  border-top-color: transparent;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.site-header__top_wrapper .mobile-buttons.active .mobile-nav-button__icon:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.site-header__top_wrapper .mobile-buttons.active .mobile-nav-button__icon:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.site-header__top_wrapper .mobile-buttons button {
  width: 100%;
  padding: 0;
}

.site-header__top_wrapper .mobile-buttons .mobile-nav-button__icon {
  --color--primary-50: var(--color-black);
}

.site-header__top_wrapper .mobile-buttons .mobile-nav-button__label {
  display: none;
}

@media (min-width: 1281px) {
  .site-header__top_wrapper .mobile-buttons {
    display: none;
  }
}

@media (max-width: 1280px) {
  .site-header__top_wrapper .header-nav__action {
    -webkit-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

.region--search {
  position: absolute;
  top: 100%;
  width: 100%;
  border: 1px solid #ddd;
  background: white;
  left: 0;
  padding-block: 1rem;
  font-size: 1rem;
}

.region--search .views-exposed-form {
  max-width: 259px;
  margin: auto;
}

.region--search .views-exposed-form .block__title {
  display: none;
}

.region--search .views-exposed-form .block__content {
  width: 100%;
}

.region--search .views-exposed-form .form-item {
  float: none;
}

.region--search .views-exposed-form .form-item input {
  width: 100%;
}

@-webkit-keyframes animateSearch {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    display: block;
  }
}

@keyframes animateSearch {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
    display: block;
  }
}

.site-header__search.active .region--search {
  display: block;
  -webkit-animation: animateSearch 0.4s;
          animation: animateSearch 0.4s;
}

@media (min-width: 1281px) {
  header .menu--main {
    position: unset;
  }
  header .menu--main ul.menu {
    margin-block: 0;
    margin-inline: 0;
  }
  header .menu--main ul.menu a {
    color: var(--color-black);
  }
  header .menu--main ul.menu.menu--level-1 {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    gap: 10px;
    list-style: none;
    gap: 20px;
  }
  header .menu--main ul.menu.menu--level-1 .menu__link--active-trail {
    color: var(--color-black) !important;
    font-weight: 700;
  }
  header .menu--main ul.menu.menu--level-1 :nth-last-child(3) {
    margin-left: auto;
  }
  header .menu--main ul.menu.menu--level-1 .menu__item .menu__link {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    padding: 10px 12px;
    padding-bottom: 22px;
    font-size: var(--menu-font-size);
    font-family: var(--font-serif);
  }
  header .menu--main ul.menu.menu--level-1 .menu__item .menu__link.menu__link--has-children {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
  header .menu--main ul.menu.menu--level-1 .menu__item .menu__link.menu__link--has-children:after {
    font-size: 1em;
    font-family: "icomoon";
    content: "\e9f9";
  }
  header .menu--main ul.menu.menu--level-1 .menu__item .menu__link.menu__link--has-children:after {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    font-size: 1.2rem;
  }
}

@media (min-width: 1281px) and (min-width: 1281px) {
  header .menu--main ul.menu.menu--level-1 .menu__item:hover > .menu__link--has-children {
    background-color: var(--color-deep-grey);
    color: var(--color-black, #000);
  }
  header .menu--main ul.menu.menu--level-1 .menu__item:hover > .menu__link ~ .menu--level-2 {
    display: grid;
  }
  header .menu--main ul.menu.menu--level-1 .menu__item:hover > .menu__link ~ .menu--level-2 > .menu__item > .menu__link::after {
    -webkit-transition: width 0.2s ease-in-out;
    transition: width 0.2s ease-in-out;
    display: block;
    content: "";
    width: 24px;
    height: 1px;
    background-color: black;
  }
  header .menu--main ul.menu.menu--level-1 .menu__item:hover > .menu__link ~ .menu--level-2 > .menu__item > .menu__link:hover::after {
    width: 100%;
  }
  header .menu--main ul.menu.menu--level-1 .menu__item:hover > .menu__link ~ .menu--level-2 .menu__link {
    padding: 0;
    padding-bottom: 10px;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  header .menu--main ul.menu.menu--level-1 .menu__item:hover > .menu__link ~ .menu--level-2 .menu__link .menu__link:after {
    display: none;
  }
  header .menu--main ul.menu.menu--level-1 .menu__item:hover > .menu__link ~ .menu--level-2 .menu {
    margin-top: 10px;
    display: block;
    list-style: none;
  }
  header .menu--main ul.menu.menu--level-1 .menu__item:hover > .menu__link ~ .menu--level-2 .menu a {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-5);
    color: var(--color-dark-grey);
  }
  header .menu--main ul.menu.menu--level-1 .menu__item:hover > .menu__link ~ .menu--level-2 .menu a:hover {
    color: inherit;
  }
  header .menu--main ul.menu.menu--level-1 .menu__item > .menu__link ~ .menu--level-2 {
    z-index: 20;
    position: absolute;
    list-style: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    width: 100vw;
    min-width: 193px;
    background-color: var(--color-deep-grey);
    left: 0;
    top: -webkit-calc(100% - 2px);
    top: calc(100% - 2px);
    -webkit-box-shadow: var(--shadow-2xl);
            box-shadow: var(--shadow-2xl);
    gap: 75px;
    grid-template-columns: repeat(4, 160px);
    --branding-width: 190px;
    padding-block: 40px;
    padding-left: max(-webkit-calc(((100vw - 1440px) / 2) + var(--branding-width)), -webkit-calc(var(--container-padding) / 2) + var(--branding-width));
    padding-left: max(calc(((100vw - 1440px) / 2) + var(--branding-width)), calc(var(--container-padding) / 2) + var(--branding-width));
    padding-right: max(-webkit-calc(((100vw - 1440px) / 2) ), -webkit-calc(var(--container-padding) / 2));
    padding-right: max(calc(((100vw - 1440px) / 2) ), calc(var(--container-padding) / 2));
  }
  header .menu--main ul.menu.menu--level-1 .menu__item > .menu__link ~ .menu--level-2 .menu__item {
    margin: unset;
  }
}

@media (min-width: 1281px) and (min-width: 1281px) and (min-width: 2561px) {
  header .menu--main ul.menu.menu--level-1 .menu__item > .menu__link ~ .menu--level-2 {
    padding-left: -webkit-calc(((2560px - 1444px) / 2) + var(--branding-width));
    padding-left: calc(((2560px - 1444px) / 2) + var(--branding-width));
    padding-right: -webkit-calc(((2560px - 1444px) / 2));
    padding-right: calc(((2560px - 1444px) / 2));
  }
}

@media (min-width: 1281px) {
  header .menu--main ul.menu [class*="menu--level-"]:not(.menu--level-1) {
    display: none;
  }
  header .menu--main ul.menu [class*="menu--level-"]:not(.menu--level-1) .close {
    display: none;
  }
}

/*
 * Override core/themes/olivero/css/components/header-navigation.css
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/**
 * @file
 * Navigation in header.
 */
.header-nav {
  position: fixed;
  z-index: 501;
  /* Appear above overlay and contextual links in header. */
  inset-block-start: 0;
  inset-inline-start: 100%;
  visibility: hidden;
  overflow: auto;
  /* Ensure that header nav not use additional space and force system branding
   * block text to unnecessarily wrap. */
  -ms-flex-preferred-size: max-content;
      flex-basis: max-content;
  width: 100%;
  max-width: var(--mobile-nav-width);
  height: 100%;
  padding-block: 0 var(--sp);
  -webkit-padding-start: var(--sp);
          padding-inline-start: var(--sp);
  -webkit-padding-end: var(--sp);
          padding-inline-end: var(--sp);
  /* Create room for the "close" button. We cannot use margin because the
   * mobile navigation needs to slide beneath the button, but we also cannot
   * use padding because that would enable the button to scroll out of the
   * viewport on short screens. */
  -webkit-border-before: solid var(--color--white) -webkit-calc(var(--sp3) + var(--drupal-displace-offset-top, 0px) + 20px);
          border-block-start: solid var(--color--white) calc(var(--sp3) + var(--drupal-displace-offset-top, 0px) + 20px);
  background-color: var(--color--white);
  -webkit-box-shadow: 0 0 72px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 72px rgba(0, 0, 0, 0.1);
}

.header-nav.is-active {
  visibility: visible;
  -webkit-transform: translateX(-webkit-calc(-100% - var(--drupal-displace-offset-right, 0px)));
          transform: translateX(calc(-100% - var(--drupal-displace-offset-right, 0px)));
  /* LTR */
}

[dir="rtl"] .header-nav.is-active {
  -webkit-transform: translateX(-webkit-calc(100% + var(--drupal-displace-offset-left, 0px)));
          transform: translateX(calc(100% + var(--drupal-displace-offset-left, 0px)));
}

@media (min-width: 31.25rem) {
  .header-nav {
    border-top-width: -webkit-calc(var(--sp5) + var(--drupal-displace-offset-top, 0px));
    border-top-width: calc(var(--sp5) + var(--drupal-displace-offset-top, 0px));
  }
}

@media (min-width: 43.75rem) {
  .header-nav {
    -webkit-padding-after: var(--sp3);
            padding-block-end: var(--sp3);
    -webkit-padding-start: var(--sp3);
            padding-inline-start: var(--sp3);
    border-top-width: -webkit-calc(var(--sp7) + var(--drupal-displace-offset-top, 0px));
    border-top-width: calc(var(--sp7) + var(--drupal-displace-offset-top, 0px));
  }
}

@media (min-width: 62.5rem) {
  .header-nav {
    grid-column: 5 / 14;
  }
}

/*
   * Ensure top border has the same color as the background when in forced colors.
   */
@media (forced-colors: active) {
  .header-nav {
    border-top-color: canvas;
  }
}

/*
 * Only apply transition styles when JS is loaded. This
 * works around https://bugs.chromium.org/p/chromium/issues/detail?id=332189
 */
html.js .header-nav {
  -webkit-transition: visibility 0.2s, -webkit-transform 0.2s;
  transition: visibility 0.2s, -webkit-transform 0.2s;
  transition: visibility 0.2s, transform 0.2s;
  transition: visibility 0.2s, transform 0.2s, -webkit-transform 0.2s;
}

@media (min-width: 1281px) {
  body:not(.is-always-mobile-nav) .header-nav {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    overflow: visible;
    grid-column: 5 / 15;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    max-width: none;
    height: var(--header-height-wide-when-fixed);
    height: 60px;
    -webkit-margin-before: auto;
            margin-block-start: auto;
    padding-block: 0;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    -webkit-transform: none;
            transform: none;
    -webkit-border-before: 0;
            border-block-start: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media (min-width: 75rem) {
  body.is-always-mobile-nav .header-nav {
    overflow: auto;
    max-width: -webkit-calc((7 * (var(--grid-col-width) + var(--grid-gap))));
    max-width: calc((7 * (var(--grid-col-width) + var(--grid-gap))));
    -webkit-padding-end: var(--sp);
            padding-inline-end: var(--sp);
    -webkit-transition: visibility 0.2s, -webkit-transform 0.2s;
    transition: visibility 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, visibility 0.2s;
    transition: transform 0.2s, visibility 0.2s, -webkit-transform 0.2s;
    border-top-width: -webkit-calc(var(--drupal-displace-offset-top, 0px) + var(--sp11));
    border-top-width: calc(var(--drupal-displace-offset-top, 0px) + var(--sp11));
  }
}

@media (min-width: 90rem) {
  body.is-always-mobile-nav .header-nav {
    max-width: -webkit-calc(100vw - (var(--max-width) + var(--content-left)) + ((7 * (var(--grid-col-width) + var(--grid-gap)))));
    max-width: calc(100vw - (var(--max-width) + var(--content-left)) + ((7 * (var(--grid-col-width) + var(--grid-gap)))));
    -webkit-padding-end: -webkit-calc(100vw - (var(--max-width) + var(--content-left) - var(--sp)));
            padding-inline-end: calc(100vw - (var(--max-width) + var(--content-left) - var(--sp)));
  }
}

.header-nav-overlay {
  position: fixed;
  z-index: 101;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: none;
  width: 100%;
  height: 100vh;
  opacity: 0.2;
  background: var(--color--gray-5);
}

@media (forced-colors: active) {
  .header-nav-overlay {
    background: canvastext;
  }
}

.is-overlay-active .header-nav-overlay {
  display: block;
}

.header-nav {
  background: transparent;
}

@media (min-width: 1281px) {
  .header-nav .header-nav__action_mobile {
    display: none;
  }
  .header-nav .back {
    display: none;
  }
}

@media (max-width: 1280px) {
  .header-nav {
    width: 100vw;
    height: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    margin-left: 0 !important;
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    inset-inline-start: 0;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .header-nav * {
    color: #FFF;
  }
  html.js .header-nav {
    -webkit-transition: visibility 0.5s, -webkit-transform 0.5s;
    transition: visibility 0.5s, -webkit-transform 0.5s;
    transition: visibility 0.5s, transform 0.5s;
    transition: visibility 0.5s, transform 0.5s, -webkit-transform 0.5s;
  }
  .mobile-buttons.active ~ .header-nav {
    visibility: visible;
    pointer-events: all;
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .header-nav #header-nav__action_mobile {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  .header-nav #header-nav__action_mobile .menu {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    gap: 10px;
  }
  .header-nav .menu {
    margin: 0;
    max-width: var(--container-width-full, full);
    width: -webkit-calc(100% - var(--container-padding, 72px));
    width: calc(100% - var(--container-padding, 72px));
    margin-inline: auto;
  }
  .header-nav .menu a:hover {
    color: inherit;
  }
  .header-nav .menu .menu--level-2 {
    visibility: hidden;
    position: absolute;
    -webkit-transform: translateX(100vw);
            transform: translateX(100vw);
    width: 100%;
    height: 100%;
    padding-inline: var(--container-padding);
    top: 0;
    left: 0;
    z-index: 600;
    background-color: var(--color-blue);
    pointer-events: none;
    -webkit-transition: visibility 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    transition: visibility 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    transition: visibility 0.6s ease-in-out, transform 0.6s ease-in-out;
    transition: visibility 0.6s ease-in-out, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    margin-top: 20px;
  }
  .header-nav .menu .menu--level-2.active {
    pointer-events: all;
    visibility: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .header-nav .menu .menu--level-2 .back {
    cursor: pointer;
    -webkit-padding-before: 10px;
            padding-block-start: 10px;
    -webkit-padding-after: 40px;
            padding-block-end: 40px;
    border-bottom: 1px solid var(--color-white);
    margin-bottom: 40px;
  }
  .header-nav .menu .menu--level-3 {
    margin-left: 24px;
  }
  .header-nav .menu .menu--level-3 > .menu__item a {
    font-size: var(--text-size-base, 1rem);
    font-weight: 400;
    line-height: var(--leading-4);
  }
  .header-nav .menu--level-1 > .menu__item.menu__item--has-children {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    gap: 20px;
    font-size: var(--text-size-xl, 1rem);
    font-weight: 700;
    line-height: var(--leading-5);
  }
  .header-nav .menu--level-1 > .menu__item.menu__item--has-children .submenu-trigger:after {
    font-size: 1em;
    font-family: "icomoon";
    content: "\e9fc";
  }
  .header-nav .menu--level-1 > .menu__item a {
    font-size: var(--text-size-xl, 1rem);
    font-weight: 700;
    line-height: var(--leading-5);
  }
  .header-nav .menu--main {
    margin-top: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .header-nav .menu--main ul {
    list-style: none;
  }
  .header-nav .menu--main ul a {
    display: block;
    padding-block: 10px;
  }
}

.site-header__brand {
  z-index: 502;
}

.menu-opened {
  max-height: 100vh;
  overflow: hidden;
}

.menu-opened .mobile-nav-button__icon {
  border-top-color: var(--color-white);
}

.menu-opened .mobile-nav-button__icon:before, .menu-opened .mobile-nav-button__icon:after {
  border-top-color: var(--color-white);
}

@media (max-width: 1280px) {
  .menu-opened .region--header-brand .site-branding img {
    width: 100%;
  }
  .menu-opened .region--header-brand .site-branding img.light {
    display: block;
  }
  .menu-opened .region--header-brand .site-branding img.default {
    display: none;
  }
}

@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  40% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  40% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@media (hover: hover) and (min-width: 1281px) {
  .menu--main .menu > .menu__item.menu__item--has-children:hover .menu--level-2 {
    -webkit-animation: slideDown 0.5s ease forwards;
            animation: slideDown 0.5s ease forwards;
  }
}

.block-page-title-block {
  max-width: var(--container-width-text, text);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  margin-top: var(--spacing-huge);
  text-align: center;
}

@media (max-width: 768px) {
  .block-page-title-block {
    margin-top: var(--spacing-medium);
  }
}

.block-page-title-block .page-title {
  font-size: var(--text-size-6xl, 1rem);
  font-weight: 500;
  line-height: var(--leading-none);
}

.main-content__hero {
  --overlay-gradient-color: rgba(0, 0, 0, 0.60);
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders {
  position: relative;
}

@media (min-width: 641px) {
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders {
    --slider-top-margin: 65px;
    padding-bottom: -webkit-calc(var(--slider-top-margin, 0) - 26px);
    padding-bottom: calc(var(--slider-top-margin, 0) - 26px);
  }
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders .field--name-field-media img {
  width: 100%;
  max-height: 701px;
  min-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1537px) {
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders .field--name-field-media img {
    max-height: 81.134vh;
  }
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders .arrow-position {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: -webkit-calc(var(--slider-top-margin, 0) * -1);
  margin-top: calc(var(--slider-top-margin, 0) * -1);
  position: relative;
  z-index: 2;
  gap: 0;
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item {
  position: relative;
  padding: 0;
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .slider-item-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(89deg, var(--overlay-gradient-color) 0.59%, rgba(0, 124, 173, 0) 99.64%);
  background: linear-gradient(1deg, var(--overlay-gradient-color) 0.59%, rgba(0, 124, 173, 0) 99.64%);
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .container-medium {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .container-medium {
    padding-bottom: 20px;
  }
}

@media (max-width: 425px) {
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .container-medium {
    padding-bottom: 10px;
  }
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-subtitle {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  color: var(--color-white);
  max-width: 471px;
}

@media (max-width: 768px) {
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-subtitle {
    max-width: 336px;
    font-size: var(--text-size-3xl, 1rem);
    font-weight: 600;
    line-height: var(--leading-9);
  }
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-subtitle p {
    margin-block: 20px;
  }
}

@media (max-width: 640px) {
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-subtitle {
    font-size: var(--text-size-lg, 1rem);
    font-weight: 600;
    line-height: var(--leading-6);
    max-width: 250px;
  }
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-subtitle p {
    margin-block: 5px;
  }
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-link {
  max-width: 471px;
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-link a {
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  background-color: var(--color-green);
  border-radius: var(--radius-small);
  color: var(--color-white);
  border: 1px solid transparent;
  text-transform: uppercase;
  font-weight: 700;
}

@media (max-width: 640px) {
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-link a {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-link a {
    padding: 10px 20px;
  }
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-link a:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-link a:hover {
  border: 1px solid var(--color-green);
}

@media (max-width: 640px) {
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-link {
    max-width: 336px;
  }
  .main-content__hero #block-rspca-homepageslider .field--name-field-sliders > .field__items .paragraph--type--slider-item .field--name-field-link a {
    padding: 5px 10px;
    letter-spacing: 1px;
  }
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders .field--name-field-logo {
  max-height: 40%;
}

.main-content__hero #block-rspca-homepageslider .field--name-field-sliders .field--name-field-logo img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

[class*="banner--content"] {
  --overlay-width: 120px;
  --content-width: 591px;
}

[class*="banner--content"] .view-content > div > div:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: var(--content-width);
}

@media screen and (min-width: 1025px) and (max-width: 1160px) {
  [class*="banner--content"] {
    --content-width: 491px;
  }
}

@media (max-width: 1024px) {
  [class*="banner--content"] {
    --overlay-width: 220px;
  }
  [class*="banner--content"] .view-content > div > div:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 40%;
  }
}

@media (max-width: 800px) {
  [class*="banner--content"] {
    --overlay-width: 250px;
  }
}

@media (max-width: 768px) {
  [class*="banner--content"] {
    --overlay-width: 0;
    --content-width: unset;
  }
  [class*="banner--content"] .view-content > div > div:first-child {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: unset;
  }
}

.region--hero [class*="banner--content"] {
  margin-top: var(--spacing-small);
  margin-bottom: var(--spacing-large);
}

[class*="banner--content"] img {
  width: 100%;
}

[class*="banner--content"] .view-content > div {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  width: -webkit-calc(100% + var(--overlay-width));
  width: calc(100% + var(--overlay-width));
}

@media (max-width: 768px) {
  [class*="banner--content"] .view-content > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}

[class*="banner--content"] .view-content .banner--title {
  -webkit-transform: translateX(var(--overlay-width));
          transform: translateX(var(--overlay-width));
  background: var(--color-deep-grey);
  padding: 20px var(--spacing-medium);
  border-radius: var(--radius-small);
  max-width: var(--content-width);
}

[class*="banner--content"] .view-content .banner--title h1 {
  margin: 0;
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  color: var(--color-green);
  margin-bottom: var(--spacing-medium);
}

.page-node-type-people [class*="banner--content"] .view-content .banner--title h1 {
  color: var(--color-black);
}

@media (max-width: 640px) {
  [class*="banner--content"] .view-content .banner--title h1 {
    font-size: var(--text-size-3xl, 1rem);
    font-weight: 700;
    line-height: var(--leading-10);
    margin-bottom: 20px;
  }
}

[class*="banner--content"] .view-content .views-field-field-image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: var(--radius-small);
  overflow: hidden;
}

[class*="banner--content"].banner--content-left .view-content > div {
  -webkit-transform: translateX(-webkit-calc(var(--overlay-width) * -1));
          transform: translateX(calc(var(--overlay-width) * -1));
}

[class*="banner--content"].banner--content-right .view-content > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (max-width: 768px) {
  [class*="banner--content"].banner--content-right .view-content > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

[class*="banner--content"].banner--content-right .view-content .banner--title {
  -webkit-transform: translateX(-webkit-calc(var(--overlay-width) * -1));
          transform: translateX(calc(var(--overlay-width) * -1));
}

footer.site-footer {
  padding-top: 40px;
  padding-bottom: 40px;
  background: var(--color-blue);
  color: var(--color-white);
}

footer.site-footer * {
  color: var(--color-white);
}

footer.site-footer .site-footer__inner_top {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  footer.site-footer .site-footer__inner_top {
    max-width: var(--container-width-text, text);
    width: -webkit-calc(100% - var(--container-padding, 72px));
    width: calc(100% - var(--container-padding, 72px));
    margin-inline: auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--spacing-medium);
  }
}

footer.site-footer .site-footer__inner_top .region--footer-top-1 {
  max-width: 126px;
  margin-right: 50px;
}

footer.site-footer .site-footer__inner_top .region--footer-top-2 {
  max-width: 247px;
  margin-right: 72px;
}

footer.site-footer .site-footer__inner_top .region--footer-top-3 {
  max-width: 264px;
  margin-right: 72px;
}

footer.site-footer .site-footer__inner_bottom {
  padding-top: 140px;
  background: url("../images//backgrounds/footer-bg.svg") transparent no-repeat center center;
  background-size: cover;
  background-size: min(100%, 1040px);
  background-position: top right;
}

@media (max-width: 1024px) {
  footer.site-footer .site-footer__inner_bottom {
    padding-top: var(--spacing-medium);
  }
}

@media (max-width: 1024px) {
  footer.site-footer .site-footer__inner_bottom {
    max-width: var(--container-width-text, text);
    width: -webkit-calc(100% - var(--container-padding, 72px));
    width: calc(100% - var(--container-padding, 72px));
    margin-inline: auto;
  }
}

footer.site-footer .site-footer__inner_bottom p {
  margin-top: 0;
  margin-bottom: 0;
}

footer.site-footer .site-footer__inner_bottom .social-media-icons {
  gap: 22px;
}

footer.site-footer .site-footer__inner_bottom .social-media-icons a {
  font-size: 0;
}

footer.site-footer .site-footer__inner_bottom .social-media-icons a:before {
  font-size: 1.5rem;
}

footer.site-footer .site-footer__inner_bottom .footer-links {
  margin: 20px auto;
  list-style: none;
}

footer.site-footer .site-footer__inner_bottom .footer-links li {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

footer.site-footer .site-footer__inner_bottom .footer-links li:not(:first-child) {
  padding-left: 10px;
}

footer.site-footer .site-footer__inner_bottom .footer-links li:not(:last-child) {
  position: relative;
  padding-right: 10px;
}

footer.site-footer .site-footer__inner_bottom .footer-links li:not(:last-child):after {
  position: absolute;
  content: "";
  right: 0;
  height: -webkit-calc(100% - 8px);
  height: calc(100% - 8px);
  width: 1px;
  border-right: 1px solid var(--color-white);
}

footer #block-rspca-site-branding-bottom img {
  width: 126px;
}

.promise-section h2 {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: var(--text-size-sm, 1rem);
  font-weight: 700;
  line-height: var(--leading-5);
  text-transform: uppercase;
}

.promise-section p {
  margin: 0;
}

.promise-section .badges {
  margin-top: 20px;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}

.promise-section .badges img {
  height: 58px;
  width: auto;
}

#block-footer-rspca-newslettersubscription img {
  display: none;
}

#block-footer-rspca-newslettersubscription .webform-submission-form {
  padding-inline: 0;
  width: 100%;
  position: relative;
}

#block-footer-rspca-newslettersubscription .webform-submission-form strong {
  font-weight: normal;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .text-center {
  text-align: unset;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-webform-markup h3 {
  font-size: var(--text-size-sm, 1rem);
  font-weight: 700;
  line-height: var(--leading-5);
  text-transform: uppercase;
  color: var(--color-white);
  margin-bottom: 10px;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-webform-markup * {
  margin-block: 0;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-item {
  margin-block: 0;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email,
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield {
  margin: 0;
  margin-top: 20px;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email label,
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield label {
  display: none;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="email"],
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="text"],
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="email"],
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="text"] {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid var(--color-white, #FFF);
  padding: 0;
  border-radius: 0;
  min-height: 24px;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="email"]:focus,
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="text"]:focus,
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="email"]:focus,
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="text"]:focus {
  border: none;
  outline: none;
  border-bottom: 1px solid var(--color-white, #FFF);
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="email"]::-webkit-input-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="text"]::-webkit-input-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="email"]::-webkit-input-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="text"]::-webkit-input-placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="email"]::-moz-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="text"]::-moz-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="email"]::-moz-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="text"]::-moz-placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="email"]:-ms-input-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="text"]:-ms-input-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="email"]:-ms-input-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="text"]:-ms-input-placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="email"]::-ms-input-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="text"]::-ms-input-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="email"]::-ms-input-placeholder, #block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="text"]::-ms-input-placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="email"]::placeholder,
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-email input[type="text"]::placeholder,
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="email"]::placeholder,
#block-footer-rspca-newslettersubscription .webform-submission-form .form-type-textfield input[type="text"]::placeholder {
  color: var(--color-white);
  opacity: 1;
  /* Firefox */
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-actions {
  position: relative;
  background: url("../images/icons/arrow-right.svg") transparent no-repeat center center;
  background-size: cover;
  content: "";
  width: 24px;
  height: 24px;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-bottom: 24px;
  margin-top: -24px;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-actions input {
  margin: 0;
  margin-block: 0;
  background: none;
  font-size: 0;
  padding: 0;
  width: inherit;
  height: inherit;
}

#block-footer-rspca-newslettersubscription .webform-submission-form .form-actions input:focus, #block-footer-rspca-newslettersubscription .webform-submission-form .form-actions input:hover {
  border: 0;
  outline: 0;
  cursor: pointer;
}

.site-footer .menu--secondary-menu .block__title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: var(--text-size-sm, 1rem);
  font-weight: 700;
  line-height: var(--leading-5);
  text-transform: uppercase;
  color: var(--color-white);
}

.site-footer .menu--secondary-menu .secondary-nav__menu {
  display: block;
}

.site-footer .menu--secondary-menu .secondary-nav__menu-link {
  height: unset;
}

main .region--content .paragraph--type--webform.paragraph, main .region--content
.paragraph--type--donation-form.paragraph {
  max-width: var(--container-width-text, text);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.paragraph--type--webform p,
.paragraph--type--donation-form p {
  margin: 0;
}

.paragraph--type--webform form.webform-submission-form,
.paragraph--type--donation-form form.webform-submission-form {
  width: 100%;
  max-width: unset;
  margin-block: 0;
}

.paragraph--type--webform form.webform-submission-form .form-actions,
.paragraph--type--donation-form form.webform-submission-form .form-actions {
  -webkit-margin-before: 40px;
          margin-block-start: 40px;
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.paragraph--type--webform .form-group,
.paragraph--type--donation-form .form-group {
  -webkit-transform: translateX(var(--overlay-width)) translateY(20px);
          transform: translateX(var(--overlay-width)) translateY(20px);
  background: var(--color-deep-grey);
  border-radius: var(--radius-small);
  padding-inline: var(--spacing-medium);
  padding-block: var(--spacing-medium);
}

.paragraph--type--webform .form-group .field--name-field-rich-text h2,
.paragraph--type--donation-form .form-group .field--name-field-rich-text h2 {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  margin-bottom: 20px;
  margin-top: 0px;
  color: var(--color-green);
}

.paragraph--type--webform .form-item:not([class*="mb-"]):not([class*="my-"]),
.paragraph--type--donation-form .form-item:not([class*="mb-"]):not([class*="my-"]) {
  -webkit-margin-after: var(--spacing-medium);
          margin-block-end: var(--spacing-medium);
}

.paragraph--type--webform .form-item:not([class*="mb-"]):not([class*="my-"]):last-child,
.paragraph--type--donation-form .form-item:not([class*="mb-"]):not([class*="my-"]):last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

@media (max-width: 768px) {
  .paragraph--type--webform .form-item:not([class*="mb-"]):not([class*="my-"]),
  .paragraph--type--donation-form .form-item:not([class*="mb-"]):not([class*="my-"]) {
    -webkit-margin-after: var(--spacing-small);
            margin-block-end: var(--spacing-small);
  }
}

.paragraph--type--webform .form-item:not([class*="mt-"]):not([class*="my-"]),
.paragraph--type--donation-form .form-item:not([class*="mt-"]):not([class*="my-"]) {
  -webkit-margin-before: var(--spacing-medium);
          margin-block-start: var(--spacing-medium);
}

.paragraph--type--webform .form-item:not([class*="mt-"]):not([class*="my-"]):first-child,
.paragraph--type--donation-form .form-item:not([class*="mt-"]):not([class*="my-"]):first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

@media (max-width: 768px) {
  .paragraph--type--webform .form-item:not([class*="mt-"]):not([class*="my-"]),
  .paragraph--type--donation-form .form-item:not([class*="mt-"]):not([class*="my-"]) {
    -webkit-margin-before: var(--spacing-small);
            margin-block-start: var(--spacing-small);
  }
}

.paragraph--type--webform [type="color"],
.paragraph--type--webform [type="date"],
.paragraph--type--webform [type="datetime-local"],
.paragraph--type--webform [type="email"],
.paragraph--type--webform [type="file"],
.paragraph--type--webform [type="month"],
.paragraph--type--webform [type="number"],
.paragraph--type--webform [type="password"],
.paragraph--type--webform [type="search"],
.paragraph--type--webform [type="tel"],
.paragraph--type--webform [type="text"],
.paragraph--type--webform [type="time"],
.paragraph--type--webform [type="url"],
.paragraph--type--webform [type="week"],
.paragraph--type--webform textarea,
.paragraph--type--donation-form [type="color"],
.paragraph--type--donation-form [type="date"],
.paragraph--type--donation-form [type="datetime-local"],
.paragraph--type--donation-form [type="email"],
.paragraph--type--donation-form [type="file"],
.paragraph--type--donation-form [type="month"],
.paragraph--type--donation-form [type="number"],
.paragraph--type--donation-form [type="password"],
.paragraph--type--donation-form [type="search"],
.paragraph--type--donation-form [type="tel"],
.paragraph--type--donation-form [type="text"],
.paragraph--type--donation-form [type="time"],
.paragraph--type--donation-form [type="url"],
.paragraph--type--donation-form [type="week"],
.paragraph--type--donation-form textarea {
  min-height: 40px;
  width: 100%;
}

.paragraph--type--webform .form-item__label:not([class*="text-"]):not(.webform-options-display-buttons-label),
.paragraph--type--donation-form .form-item__label:not([class*="text-"]):not(.webform-options-display-buttons-label) {
  font-size: var(--text-size-lg, 1rem);
  font-weight: 400;
  line-height: var(--leading-7);
}

.paragraph--type--webform .webform-button--submit,
.paragraph--type--donation-form .webform-button--submit {
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  text-align: center;
  border: none;
  margin: auto;
}

@media (max-width: 640px) {
  .paragraph--type--webform .webform-button--submit,
  .paragraph--type--donation-form .webform-button--submit {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .paragraph--type--webform .webform-button--submit,
  .paragraph--type--donation-form .webform-button--submit {
    padding: 10px 20px;
  }
}

.paragraph--type--webform .webform-button--submit:hover,
.paragraph--type--donation-form .webform-button--submit:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.paragraph--type--webform.webform-two-col,
.paragraph--type--donation-form.webform-two-col {
  --overlay-width: 120px;
  --content-width: 591px;
}

main .region--content .paragraph--type--webform.webform-two-col, main .region--content
.paragraph--type--donation-form.webform-two-col {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

@media screen and (min-width: 1025px) and (max-width: 1160px) {
  .paragraph--type--webform.webform-two-col,
  .paragraph--type--donation-form.webform-two-col {
    --content-width: 491px;
  }
}

@media (max-width: 1024px) {
  .paragraph--type--webform.webform-two-col,
  .paragraph--type--donation-form.webform-two-col {
    --overlay-width: 220px;
    --content-width: 40%;
  }
}

@media (max-width: 800px) {
  .paragraph--type--webform.webform-two-col,
  .paragraph--type--donation-form.webform-two-col {
    --overlay-width: 250px;
  }
}

@media (max-width: 768px) {
  .paragraph--type--webform.webform-two-col,
  .paragraph--type--donation-form.webform-two-col {
    --overlay-width: 0;
    --content-width: unset;
  }
  .paragraph--type--webform.webform-two-col .field--name-field-form,
  .paragraph--type--donation-form.webform-two-col .field--name-field-form {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: unset;
  }
}

.paragraph--type--webform.webform-two-col .webform-wrapper,
.paragraph--type--donation-form.webform-two-col .webform-wrapper {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  width: -webkit-calc(100% + var(--overlay-width)) !important;
  width: calc(100% + var(--overlay-width)) !important;
  max-width: -webkit-calc(100% + var(--overlay-width)) !important;
  max-width: calc(100% + var(--overlay-width)) !important;
  -webkit-transform: translateX(-webkit-calc(var(--overlay-width) * -1));
          transform: translateX(calc(var(--overlay-width) * -1));
}

@media (max-width: 768px) {
  .paragraph--type--webform.webform-two-col .webform-wrapper,
  .paragraph--type--donation-form.webform-two-col .webform-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 0;
  }
}

.paragraph--type--webform.webform-two-col .field--name-field-image,
.paragraph--type--donation-form.webform-two-col .field--name-field-image {
  border-radius: var(--radius-medium);
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: -webkit-calc(100% + var(--overlay-width));
  width: calc(100% + var(--overlay-width));
}

.paragraph--type--webform.webform-two-col .form-group,
.paragraph--type--donation-form.webform-two-col .form-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: end;
      align-self: flex-end;
  max-width: var(--content-width);
}

@media (max-width: 768px) {
  .paragraph--type--webform.webform-two-col .form-group,
  .paragraph--type--donation-form.webform-two-col .form-group {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.paragraph--type--webform.webform-two-col .field--name-field-webform > form,
.paragraph--type--donation-form.webform-two-col .field--name-field-webform > form {
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.page-node-type-campaign-page .paragraph--type--webform, .page-node-type-campaign-page
.paragraph--type--donation-form {
  padding-block: 0;
  --ovelay-height: -180px;
  -webkit-margin-before: var(--ovelay-height);
          margin-block-start: var(--ovelay-height);
  position: relative;
}

@media (max-width: 1280px) {
  .page-node-type-campaign-page .paragraph--type--webform, .page-node-type-campaign-page
  .paragraph--type--donation-form {
    --ovelay-height: -120px;
  }
}

@media (max-width: 1024px) {
  .page-node-type-campaign-page .paragraph--type--webform, .page-node-type-campaign-page
  .paragraph--type--donation-form {
    --ovelay-height: -80px;
  }
}

.block-system-main-block form.webform-submission-form {
  margin-block: var(--spacing-large);
}

.paragraph--type--donation-form form.webform-submission-form,
.paragraph--type--webform form.webform-submission-form {
  margin-block: 0;
}

form.webform-submission-form .bg-grey {
  padding-inline: 88px;
  padding-block: var(--spacing-medium);
  background: var(--color-grey);
}

@media (max-width: 768px) {
  form.webform-submission-form .bg-grey {
    padding-block: var(--spacing-small);
    padding-inline: 20px;
  }
}

form.webform-submission-form .bg-grey [type="email"],
form.webform-submission-form .bg-grey [type="password"],
form.webform-submission-form .bg-grey [type="search"],
form.webform-submission-form .bg-grey [type="tel"],
form.webform-submission-form .bg-grey [type="text"],
form.webform-submission-form .bg-grey [type="url"],
form.webform-submission-form .bg-grey textarea {
  width: 100%;
}

form.webform-submission-form #edit-introduction-text,
form.webform-submission-form .introduction {
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  text-align: center;
}

form.webform-submission-form #edit-introduction-text *,
form.webform-submission-form .introduction * {
  margin-block: 0;
}

form.webform-submission-form #edit-introduction-text h1,
form.webform-submission-form .introduction h1 {
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  margin-top: 60px;
  margin-bottom: 20px;
}

form.webform-submission-form #edit-introduction-text img,
form.webform-submission-form .introduction img {
  max-width: 220px;
  margin-inline: auto;
}

form.webform-submission-form .form-actions {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
  gap: 40px;
}

form.webform-submission-form .form-actions input,
form.webform-submission-form .form-actions button {
  cursor: pointer;
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  border-radius: var(--radius-small);
  background: var(--color-green);
  color: var(--color-white);
  border: 1px solid transparent;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  form.webform-submission-form .form-actions input,
  form.webform-submission-form .form-actions button {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  form.webform-submission-form .form-actions input,
  form.webform-submission-form .form-actions button {
    padding: 10px 20px;
  }
}

form.webform-submission-form .form-actions input:hover,
form.webform-submission-form .form-actions button:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

form.webform-submission-form .form-actions input[data-drupal-selector="edit-wizard-prev"], form.webform-submission-form .form-actions input.webform-button--previous,
form.webform-submission-form .form-actions button[data-drupal-selector="edit-wizard-prev"],
form.webform-submission-form .form-actions button.webform-button--previous {
  margin-right: auto;
  border-color: var(--color-dark-grey);
  color: var(--color-dark-grey);
  background: var(--color-white);
}

form.webform-submission-form .form-actions input[data-drupal-selector="edit-wizard-prev"]:hover, form.webform-submission-form .form-actions input.webform-button--previous:hover,
form.webform-submission-form .form-actions button[data-drupal-selector="edit-wizard-prev"]:hover,
form.webform-submission-form .form-actions button.webform-button--previous:hover {
  border-color: inherit;
}

form.webform-submission-form .form-actions input:hover,
form.webform-submission-form .form-actions button:hover {
  border: 1px solid var(--color-green);
}

.webform-progress-tracker .progress-step:last-child {
  display: none;
}

.webform-progress-tracker .progress-step:last-child .progress-marker::after {
  display: none;
}

.webform-progress-tracker .progress-step:nth-last-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.webform-progress-tracker .progress-step:nth-last-child(2) .progress-marker::after {
  display: none;
}

.webform-progress-tracker .progress-step .progress-marker {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.webform-progress-tracker .progress-step .progress-marker:before {
  background-color: transparent !important;
  color: var(--color-green);
  font-size: 0;
  width: 40px;
  height: 40px;
  background: url("../images/icons/animal-print-circle.svg") transparent no-repeat center center;
  background-size: cover;
}

.webform-progress-tracker .progress-step .progress-marker:after {
  background-color: var(--color-grey);
  height: 10px;
  top: unset;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker:after {
  background-color: var(--color-green);
  height: 10px;
}

input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='17px' height='13px' viewBox='0 0 17 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M14.8232,0.176777 C14.9209,0.0791457 15.0791,0.0791455 15.1768,0.176777 L16.9445,1.94454 C17.0422,2.04217 17.0422,2.20047 16.9445,2.2981 L6.23744,13.0052 C6.13981,13.1028 5.98151,13.1028 5.88388,13.0052 L0.176777,7.2981 C0.0791456,7.20047 0.0791456,7.04218 0.176777,6.94454 L1.94454,5.17678 C2.04217,5.07915 2.20047,5.07915 2.2981,5.17678 L5.88388,8.76256 C5.98151,8.86019 6.13981,8.86019 6.23744,8.76256 L14.8232,0.176777 Z' id='Path' fill='%2373C167' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
  background-size: 12px;
  background-position: center;
}

input[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' fill='%2373C167'/%3E%3C/svg%3E%0A");
  background-size: 12px;
  background-position: center;
}

input[type="radio"]:focus {
  border-color: var(--color--green);
  -webkit-box-shadow: 0 0 0 2px white, 0 0 0 4px var(--color--green);
          box-shadow: 0 0 0 2px white, 0 0 0 4px var(--color--green);
}

input[type="checkbox"] {
  border-radius: var(--radius-small);
}

input:is([type="radio"],
[type="checkbox"]) {
  width: 24px;
  height: 24px;
}

input:is([type="radio"],
[type="checkbox"]):hover {
  border-color: var(--color--green);
}

input[type="checkbox"]:focus {
  border-color: var(--color--green);
  outline-color: var(--color--green);
}

:is([type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea):focus {
  border: solid 2px var(--color--green);
  outline: solid 2px var(--color--green);
}

[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
textarea {
  min-height: 40px;
  border-radius: var(--radius-small);
  border-color: var(--color-deep-grey);
}

input:state(webkit-autofill),
input::state(webkit-autofill):focus {
  color: inherit;
}

.form-type-radios .form-type-boolean {
  margin-block: 0;
}

form .callout {
  background: var(--color-dark-grey);
  padding: 10px 20px;
  color: #FFF;
  font-weight: 700;
  -webkit-margin-before: var(--spacing-medium) !important;
          margin-block-start: var(--spacing-medium) !important;
}

#block-rspca-views-block-page-related,
#block-rspca-views-block-news-block-news-related {
  padding-top: var(--spacing-huge);
  padding-bottom: var(--spacing-huge);
  background: var(--color-deep-grey);
}

@media (max-width: 640px) {
  #block-rspca-views-block-page-related,
  #block-rspca-views-block-news-block-news-related {
    padding-top: var(--spacing-medium);
    padding-bottom: var(--spacing-medium);
  }
}

@media (max-width: 768px) {
  #block-rspca-views-block-page-related .views-view-responsive-grid,
  #block-rspca-views-block-news-block-news-related .views-view-responsive-grid {
    --views-responsive-grid--cell-min-width: 100%!important;
    row-gap: var(--spacing-medium);
  }
}

#block-rspca-views-block-page-related .block__title,
#block-rspca-views-block-news-block-news-related .block__title {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  #block-rspca-views-block-page-related .block__title,
  #block-rspca-views-block-news-block-news-related .block__title {
    text-align: center;
  }
}

.view-display-id-block_news_featured {
  margin-top: 40px;
  --overlay-width: 120px;
  --content-width: 591px;
}

@media screen and (min-width: 1025px) and (max-width: 1160px) {
  .view-display-id-block_news_featured {
    --content-width: 491px;
  }
}

@media (max-width: 1024px) {
  .view-display-id-block_news_featured {
    --overlay-width: 220px;
    --content-width: 40%;
  }
}

@media (max-width: 800px) {
  .view-display-id-block_news_featured {
    --overlay-width: 250px;
  }
}

@media (max-width: 768px) {
  .view-display-id-block_news_featured {
    --overlay-width: 0;
    --content-width: unset;
  }
}

.view-display-id-block_news_featured img {
  border-radius: var(--radius-medium, 12px);
}

.view-display-id-block_news_featured .views-row {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  width: -webkit-calc(100% + var(--overlay-width));
  width: calc(100% + var(--overlay-width));
}

@media (max-width: 1280px) {
  .view-display-id-block_news_featured .views-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
}

@media (max-width: 768px) {
  .view-display-id-block_news_featured .views-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}

.view-display-id-block_news_featured .content-wrapper {
  max-width: var(--content-width);
  -webkit-transform: translateX(var(--overlay-width));
  transform: translateX(calc(var(--overlay-width) * -1));
  background: var(--color-deep-grey);
  padding: 20px var(--spacing-medium);
  border-radius: var(--radius-small);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (min-width: 1281px) {
  .view-display-id-block_news_featured .content-wrapper {
    margin-top: var(--spacing-large);
  }
}

.view-display-id-block_news_featured .content-wrapper p {
  margin: 0;
}

.view-display-id-block_news_featured .content-wrapper h1 {
  margin: 0;
  margin-block: var(--spacing-medium);
  font-size: var(--text-size-4xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-10);
  margin-bottom: var(--spacing-medium);
}

.view-display-id-block_news_featured .content-wrapper h1 a {
  color: var(--color-green);
}

.view-display-id-block_news_featured .content-wrapper > a {
  margin-top: var(--spacing-medium);
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  border-radius: var(--radius-small);
  background: var(--color-green);
  color: var(--color-white);
  border: 1px solid transparent;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  .view-display-id-block_news_featured .content-wrapper > a {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .view-display-id-block_news_featured .content-wrapper > a {
    padding: 10px 20px;
  }
}

.view-display-id-block_news_featured .content-wrapper > a:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.view-display-id-block_news_featured .content-wrapper > a:hover {
  border: 1px solid var(--color-green);
}

.view-display-id-block_news_featured .content-topic {
  font-size: var(--text-size-xs, 1rem);
  font-weight: 700;
  line-height: var(--leading-7);
  text-transform: uppercase;
}

.view-display-id-page_news_listing .view-filters {
  padding-block: 10px;
  background: var(--color-grey, #F2F2F7);
  position: relative;
  -webkit-margin-after: var(--spacing-large);
          margin-block-end: var(--spacing-large);
}

.view-display-id-page_news_listing .view-filters:before {
  top: 0;
  content: "";
  position: absolute;
  left: -1000px;
  background: var(--color-grey, #F2F2F7);
  display: block;
  height: 100%;
  width: 1000px;
}

.view-display-id-page_news_listing .view-filters:after {
  right: -999px;
  top: 0;
  content: "";
  position: absolute;
  background: var(--color-grey, #F2F2F7);
  display: block;
  height: 100%;
  width: 1000px;
}

.view-display-id-page_news_listing .view-filters form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.view-display-id-page_news_listing .view-filters .form-item {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.view-display-id-page_news_listing .view-filters .form-item .form-item__label {
  font-weight: 700;
  color: var(--color-dark-grey);
}

.view-display-id-page_news_listing .view-filters .form-actions {
  margin: 0;
}

.view-display-id-page_news_listing .view-filters .form-actions #edit-submit-news {
  display: none;
}

.view-display-id-page_news_listing .view-filters .form-actions input {
  background-color: transparent;
  background: none;
  color: var(--color-blue);
  border: none;
  outline: none;
  cursor: pointer;
}

.view-display-id-page_news_listing .view-filters .form-actions input:focus, .view-display-id-page_news_listing .view-filters .form-actions input:hover {
  background-color: transparent;
  background: none;
  color: var(--color-blue);
  border: none;
  outline: none;
}

.view-display-id-page_news_listing .view-content {
  -webkit-margin-after: var(--spacing-large);
          margin-block-end: var(--spacing-large);
}

@media (max-width: 768px) {
  .view-display-id-page_news_listing .views-view-responsive-grid,
  .view-display-id-block_news_latest .views-view-responsive-grid {
    --views-responsive-grid--cell-min-width: 100%!important;
    row-gap: var(--spacing-medium);
  }
}

.node--view-mode-teaser .node__media {
  position: relative;
}

.node--view-mode-teaser .node__media .field--name-field-topics,
.node--view-mode-teaser .node__media .field--name-field-position {
  position: absolute;
  bottom: 0;
  background: var(--Monochrome-Deep-Grey, #EBEBF0);
  text-transform: uppercase;
  font-size: var(--text-size-xs, 1rem);
  font-weight: 700;
  line-height: var(--leading-7);
  padding-block: 6px;
  padding-right: 10px;
}

form.webform-submission-form.webform-submission-donate-form {
  margin-block: 0px !important;
}

form.webform-submission-form.webform-submission-donate-form .messages-list {
  display: none;
}

form.webform-submission-form.webform-submission-donate-form button {
  margin-left: auto;
}

form.webform-submission-form.webform-submission-donate-form .form-actions .webform-button--next {
  display: none;
}

form.webform-submission-form.webform-submission-donate-form .form-actions .webform-button--reset {
  display: none;
}

form.webform-submission-form.webform-submission-donate-form .webform-options-display-buttons {
  gap: 20px 0;
}

@media (max-width: 768px) {
  form.webform-submission-form.webform-submission-donate-form .webform-options-display-buttons {
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

form.webform-submission-form.webform-submission-donate-form .webform-options-display-buttons-wrapper {
  margin-block: 0;
}

form.webform-submission-form.webform-submission-donate-form label.webform-options-display-buttons-label {
  border-color: var(--color-black);
  font-size: var(--text-size-xs, 1rem);
  font-weight: 700;
  line-height: var(--leading-5);
  color: var(--color-black);
  text-transform: uppercase;
  letter-spacing: 2.8px;
  border-width: 1px;
  border-radius: var(--radius-small);
}

form.webform-submission-form.webform-submission-donate-form label.webform-options-display-buttons-label:hover {
  border-color: var(--color-blue);
}

form.webform-submission-form.webform-submission-donate-form input:checked ~ label.webform-options-display-buttons-label:not([for="edit-amount-radios-other-"]) {
  background-color: var(--color-blue);
  border-color: var(--color-blue);
  color: var(--color-white);
}

.paragraph--type--pricing form.webform-submission-form.webform-submission-donate-form input:checked ~ label.webform-options-display-buttons-label:not([for="edit-amount-radios-other-"]) {
  background-color: var(--color-green);
  border-color: var(--color-green);
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other {
  position: relative;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-options-display-buttons .webform-options-display-buttons-wrapper:last-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 10px);
          flex: 0 0 -webkit-calc(100% - 10px);
          flex: 0 0 calc(100% - 10px);
  margin-bottom: 0;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input {
  position: absolute;
  top: -webkit-calc(100% - 40px);
  top: calc(100% - 40px);
  -webkit-margin-before: 0 !important;
          margin-block-start: 0 !important;
  margin-block: 0;
  max-width: 100%;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input {
  text-align: center;
  border-color: transparent;
  padding-block: 10px;
  height: 40px;
  margin-left: 2px;
  margin-top: -1px;
  width: -webkit-calc(100% - 4px);
  width: calc(100% - 4px);
  background-color: var(--color-blue);
  color: #FFF;
}

.paragraph--type--pricing form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input {
  background-color: var(--color-green);
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input::-webkit-input-placeholder {
  color: #FFF;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input::-moz-placeholder {
  color: #FFF;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input:-ms-input-placeholder {
  color: #FFF;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input::-ms-input-placeholder {
  color: #FFF;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input::placeholder {
  color: #FFF;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input:checked + label.webform-options-display-buttons-label {
  background-color: var(--color-blue) !important;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input:focus {
  border-width: 1px;
  border-color: transparent;
  outline-width: 0px;
  outline-style: none;
  outline-offset: 0px;
}

form.webform-submission-form.webform-submission-donate-form .webform-radios-other .webform-radios-other-input input:focus + label.webform-options-display-buttons-label {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: var(--color-blue) !important;
}

form.webform-submission-form.webform-submission-donate-form #container-payment-options {
  display: grid;
  grid-auto-rows: 1fr;
  gap: 20px;
}

form.webform-submission-form.webform-submission-donate-form #container_paypal_button,
form.webform-submission-form.webform-submission-donate-form #container_stripe_button {
  border-radius: 14px;
  overflow: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
}

form.webform-submission-form.webform-submission-donate-form button.stripe-button {
  border-radius: 8px;
  background: #6461FC;
  width: 100%;
  color: var(--color-white);
  height: 100%;
  border: none;
  cursor: pointer;
  min-height: 49px;
}

form.webform-submission-form.webform-submission-donate-form .payment-button-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

form.webform-submission-form.webform-submission-donate-form .payment-button-wrapper .paypal-buttons {
  max-width: 300px;
}

form.webform-submission-form.webform-submission-donate-form input.webform-button--previous,
form.webform-submission-form.webform-submission-donate-form button.go-back {
  padding: 0;
  border: none;
  background-color: transparent;
  color: var(--color-black);
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  letter-spacing: normal;
  margin: 0;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

form.webform-submission-form.webform-submission-donate-form input.webform-button--previous:before,
form.webform-submission-form.webform-submission-donate-form button.go-back:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9fb";
}

form.webform-submission-form.webform-submission-donate-form input.webform-button--previous:before,
form.webform-submission-form.webform-submission-donate-form button.go-back:before {
  margin-right: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

form.webform-submission-form.webform-submission-donate-form input.webform-button--previous > span,
form.webform-submission-form.webform-submission-donate-form button.go-back > span {
  margin-top: 2px;
}

form.webform-submission-form.webform-submission-donate-form input.webform-button--previous:hover:before,
form.webform-submission-form.webform-submission-donate-form button.go-back:hover:before {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

.webform-submission-donate-form .js-form-item-amount-radios .webform-options-display-buttons-description {
  display: none;
}

.popup-wrapper#stripe-popup {
  padding-block: var(--spacing-medium);
}

.popup-wrapper#stripe-popup #stripe-embed-container {
  max-height: 80vh;
  overflow: auto;
  padding-block: 80px;
}

.popup-wrapper#stripe-popup .popup-inner-container {
  margin-block: 100px;
  background-color: #FFF;
}

.paragraph--type--pricing-item .field--name-field-form {
  display: none;
}

.modal {
  display: none;
}

.modal.active {
  display: block;
  margin-top: -100px;
}

.modal__content {
  position: relative;
  background-color: #FFF;
  max-width: var(--container-width-text, text);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  border-radius: var(--radius-lg, 8px);
  -webkit-box-shadow: var(--shadow-lg, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-lg, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
  padding-block: var(--spacing-small);
}

.modal__content .webform-submission-form {
  margin-inline: 0;
  max-width: 100%;
  width: 100%;
  padding-inline: var(--spacing-small);
}

@media (min-width: 601px) {
  .modal__content .webform-submission-form {
    padding-inline: var(--spacing-medium);
  }
}

.modal__content .webform-submission-form.loading {
  -webkit-filter: blur(100px);
          filter: blur(100px);
  pointer-events: none;
}

.modal__content .webform-submission-form .form-type-boolean {
  margin-block: 0;
}

@media (max-width: 600px) {
  .modal__content .webform-submission-form .js-webform-radios-other {
    padding-bottom: 60px;
  }
}

.modal__close {
  cursor: pointer;
  position: relative;
  top: 10px;
  left: 10px;
  z-index: 99;
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-full, 8px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.modal__close:hover {
  scale: 1.5;
}

body.no-overflow {
  overflow: hidden;
}

.paragraph--type--feature-causes {
  --views-responsive-grid--column-count: 3;
  --views-responsive-grid--cell-min-width: 250px;
  --views-responsive-grid--layout-gap: 16px;
  --views-responsive-grid--gap-count: -webkit-calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: -webkit-calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: -webkit-calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
}

main .region--content .paragraph--type--feature-causes.paragraph {
  max-width: 100%;
  width: 100%;
}

.paragraph--type--feature-causes.bg-grey {
  padding-block: var(--spacing-huge);
  background: var(--color-grey, #F2F2F7);
}

.paragraph--type--feature-causes.bg-grey.pt-small {
  margin-top: 16px;
}

.paragraph--type--feature-causes.bg-grey.pt-normal {
  margin-top: 20px;
}

.paragraph--type--feature-causes.bg-grey.pt-medium {
  margin-top: 40px;
}

.paragraph--type--feature-causes.bg-grey.pt-large {
  margin-top: 80px;
}

.paragraph--type--feature-causes.bg-grey.pt-huge {
  margin-top: 120px;
}

.paragraph--type--feature-causes.bg-grey.pt-enormous {
  margin-top: 208px;
}

.paragraph--type--feature-causes.bg-grey.pb-small {
  margin-bottom: 16px;
}

.paragraph--type--feature-causes.bg-grey.pb-normal {
  margin-bottom: 20px;
}

.paragraph--type--feature-causes.bg-grey.pb-medium {
  margin-bottom: 40px;
}

.paragraph--type--feature-causes.bg-grey.pb-large {
  margin-bottom: 80px;
}

.paragraph--type--feature-causes.bg-grey.pb-huge {
  margin-bottom: 120px;
}

.paragraph--type--feature-causes.bg-grey.pb-enormous {
  margin-bottom: 208px;
}

.paragraph--type--feature-causes .campaign-wrapper {
  max-width: var(--container-width-medium, medium);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.paragraph--type--feature-causes .campaign-wrapper > .campaign_content {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  max-width: var(--width-10, 864px);
  text-align: center;
  margin-bottom: var(--spacing-large);
  margin-inline: auto;
}

.paragraph--type--feature-causes .campaign-wrapper > .field--name-field-items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

.paragraph--type--feature-causes .paragraph--type--feature-causes-item .field--name-field-image {
  border-radius: 8px 8px 0px 0px;
  overflow: hidden;
}

.paragraph--type--feature-causes .paragraph--type--feature-causes-item .field--name-field-image img {
  width: 100%;
}

.paragraph--type--feature-causes .paragraph--type--feature-causes-item .content {
  background: var(--color-grey, #F2F2F7);
  padding: 40px 20px;
  -webkit-box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 0px 0px 8px 8px;
}

.paragraph--type--feature-causes .paragraph--type--feature-causes-item .content .field--name-field-title {
  font-size: var(--text-size-xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-7);
  margin-bottom: 10px;
}

.paragraph--type--feature-causes .paragraph--type--feature-causes-item .content .field--name-field-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.paragraph--type--feature-causes .paragraph--type--feature-causes-item .content .field--name-field-link a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: var(--spacing-medium);
  text-align: center;
  font-size: var(--text-size-base, 1rem);
  font-weight: 700;
  line-height: var(--leading-6);
  letter-spacing: 2.8px;
  display: inline-flex;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  padding: 14px 40px;
  background: var(--button-bg-color, transparent);
  color: var(--button-text-color);
  border-color: var(--button-border-color);
  border-radius: 40px;
  text-transform: uppercase;
  border-radius: var(--radius-small);
  background: var(--color-green);
  color: var(--color-white);
  border: 1px solid transparent;
  text-align: center;
}

@media (max-width: 640px) {
  .paragraph--type--feature-causes .paragraph--type--feature-causes-item .content .field--name-field-link a {
    font-size: var(--text-size-xs, 1rem);
    font-weight: 700;
    line-height: var(--leading-4);
  }
}

@media (max-width: 768px) {
  .paragraph--type--feature-causes .paragraph--type--feature-causes-item .content .field--name-field-link a {
    padding: 10px 20px;
  }
}

.paragraph--type--feature-causes .paragraph--type--feature-causes-item .content .field--name-field-link a:hover {
  background: var(--button-hover-bg-color, white);
  color: var(--button-hover-text-color);
  border-color: var(--button-hover-border-color);
}

.paragraph--type--feature-causes .paragraph--type--feature-causes-item .content .field--name-field-link a:hover {
  border: 1px solid var(--color-green);
}

form.webform-submission-report-animal-cruelty-form {
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

form.webform-submission-report-animal-cruelty-form > * {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

form.webform-submission-report-animal-cruelty-form .webform-progress {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

form.webform-submission-report-animal-cruelty-form .introduction {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

form.webform-submission-report-animal-cruelty-form input:is([type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"]) {
  width: 50%;
  max-width: 50%;
}

form.webform-submission-report-animal-cruelty-form .js-webform-checkboxes {
  margin-top: -10px;
  margin-left: -10px;
}

form.webform-submission-report-animal-cruelty-form .js-webform-checkboxes > .js-form-item {
  margin-top: 10px;
  margin-left: 10px;
}

form.webform-submission-report-animal-cruelty-form .messages {
  border-radius: var(--radius-small, 8px);
  padding: 10px 20px;
  background-color: var(--color-orange);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-height: unset;
}

form.webform-submission-report-animal-cruelty-form .messages a:hover {
  color: inherit;
  text-decoration: underline;
}

form.webform-submission-report-animal-cruelty-form .messages .messages__header {
  display: none;
}

form.webform-submission-report-animal-cruelty-form .hide-input input {
  display: none;
}

form.webform-submission-report-animal-cruelty-form .button-add {
  border-radius: var(--radius-small);
  padding: 14px var(--spacing-medium, 40px);
  border: 1px solid var(--color-black);
}

form.webform-submission-report-animal-cruelty-form .button-add:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9a6";
}

form.webform-submission-report-animal-cruelty-form input:checked + .button-add {
  background-color: var(--color--green);
  color: var(--color--white);
}

.animal-listing--view-page {
  margin-bottom: 40px;
}

.views-element-container .animal-listing--view-page {
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
}

.animal-listing--view-page > .flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 768px) {
  .animal-listing--view-page > .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 768px) {
  .animal-listing--view-page > .flex > .button {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.animal-listing--view-page .views-exposed-form {
  background-color: var(--color-grey);
}

.animal-listing--view-page .views-exposed-form:not(.active) {
  height: 0;
  visibility: hidden;
}

@media (max-width: 440px) {
  .animal-listing--view-page .views-exposed-form .form-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-block: 5px;
  }
}

@media screen and (max-width: 440px) {
  .animal-listing--view-page .views-exposed-form .views-element-container .animal-listing--view-page .views-element-container .animal-listing--view-page .form-item input,
  .animal-listing--view-page .views-exposed-form .views-element-container .animal-listing--view-page .form-item select {
    width: 100%;
  }
}

.animal-listing--view-page .views-exposed-form [type="color"],
.animal-listing--view-page .views-exposed-form [type="date"],
.animal-listing--view-page .views-exposed-form [type="datetime-local"],
.animal-listing--view-page .views-exposed-form [type="email"],
.animal-listing--view-page .views-exposed-form [type="file"],
.animal-listing--view-page .views-exposed-form [type="month"],
.animal-listing--view-page .views-exposed-form [type="number"],
.animal-listing--view-page .views-exposed-form [type="password"],
.animal-listing--view-page .views-exposed-form [type="search"],
.animal-listing--view-page .views-exposed-form [type="tel"],
.animal-listing--view-page .views-exposed-form [type="text"],
.animal-listing--view-page .views-exposed-form [type="time"],
.animal-listing--view-page .views-exposed-form [type="url"],
.animal-listing--view-page .views-exposed-form [type="week"],
.animal-listing--view-page .views-exposed-form textarea {
  height: var(--sp3);
  border: 1px solid var(--color--gray-60);
  border-radius: var(--border-radius);
}

.animal-listing--view-page .views-exposed-form [type="color"]:focus,
.animal-listing--view-page .views-exposed-form [type="date"]:focus,
.animal-listing--view-page .views-exposed-form [type="datetime-local"]:focus,
.animal-listing--view-page .views-exposed-form [type="email"]:focus,
.animal-listing--view-page .views-exposed-form [type="file"]:focus,
.animal-listing--view-page .views-exposed-form [type="month"]:focus,
.animal-listing--view-page .views-exposed-form [type="number"]:focus,
.animal-listing--view-page .views-exposed-form [type="password"]:focus,
.animal-listing--view-page .views-exposed-form [type="search"]:focus,
.animal-listing--view-page .views-exposed-form [type="tel"]:focus,
.animal-listing--view-page .views-exposed-form [type="text"]:focus,
.animal-listing--view-page .views-exposed-form [type="time"]:focus,
.animal-listing--view-page .views-exposed-form [type="url"]:focus,
.animal-listing--view-page .views-exposed-form [type="week"]:focus,
.animal-listing--view-page .views-exposed-form textarea:focus {
  border: solid 2px var(--color--primary-50);
  outline: solid 2px var(--color--primary-50);
  border-width: 1px;
  outline-width: 6px;
  outline-style: double;
  outline-offset: -1px;
}

@media (max-width: 440px) {
  .animal-listing--view-page .views-exposed-form [type="color"],
  .animal-listing--view-page .views-exposed-form [type="date"],
  .animal-listing--view-page .views-exposed-form [type="datetime-local"],
  .animal-listing--view-page .views-exposed-form [type="email"],
  .animal-listing--view-page .views-exposed-form [type="file"],
  .animal-listing--view-page .views-exposed-form [type="month"],
  .animal-listing--view-page .views-exposed-form [type="number"],
  .animal-listing--view-page .views-exposed-form [type="password"],
  .animal-listing--view-page .views-exposed-form [type="search"],
  .animal-listing--view-page .views-exposed-form [type="tel"],
  .animal-listing--view-page .views-exposed-form [type="text"],
  .animal-listing--view-page .views-exposed-form [type="time"],
  .animal-listing--view-page .views-exposed-form [type="url"],
  .animal-listing--view-page .views-exposed-form [type="week"],
  .animal-listing--view-page .views-exposed-form textarea {
    width: 100%;
  }
}

@media (max-width: 440px) {
  .animal-listing--view-page .views-exposed-form select {
    width: 100%;
  }
}

.animal-listing--view-page .views-exposed-form .form-actions {
  margin: 0;
}

@media (max-width: 768px) {
  .animal-listing--view-page .views-exposed-form .form-actions {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.animal-listing--view-page .grid {
  --views-responsive-grid--column-count: 3;
  --views-responsive-grid--cell-min-width: 250px;
  --views-responsive-grid--layout-gap: 40px;
  --views-responsive-grid--gap-count: -webkit-calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: -webkit-calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: -webkit-calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

@media (max-width: 768px) {
  .animal-listing--view-page .grid {
    --views-responsive-grid--layout-gap: -webkit-calc(var(--container-padding) / 2);
    --views-responsive-grid--layout-gap: calc(var(--container-padding) / 2);
  }
}

.animal-listing--view-page .grid-image img {
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  overflow: hidden;
}

.animal-listing--view-page .view-header {
  margin-bottom: var(--spacing-small);
}

@media (max-width: 768px) {
  .animal-listing--view-page .view-header {
    margin-bottom: var(--container-padding);
  }
}

.animal-listing--view-page .adopt-listing.loading {
  background: url("../images//backgrounds/running_dog.gif") transparent no-repeat center center;
  background-size: cover;
  background-size: 100px;
  background-position: bottom center;
  padding-bottom: 100px;
}

.animal-listing--view-page .adopt-listing .load-more {
  border-radius: var(--radius-full, 8px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: auto;
}

.animal-detail--view-page h2:first-child,
.animal-detail--view-page p:first-child {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.animal-detail--view-page h2:last-child,
.animal-detail--view-page p:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.views-element-container .animal-detail--view-page {
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
}

.views-element-container .animal-detail--view-page .paragraph:not([class*="container-"]) {
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
}

.views-element-container .animal-detail--view-page .paragraph {
  --vertical-padding: var(--spacing-medium)
    ;
}

.views-element-container .animal-detail--view-page .view-header {
  margin-bottom: 0;
}

.animal-detail--view-page.loading {
  background: url("../images//backgrounds/running_dog.gif") transparent no-repeat center center;
  background-size: cover;
  background-size: 100px;
  background-position: center;
  margin-bottom: 100px;
  min-height: 300px;
}

.animal-detail--view-page.loading > * {
  display: none;
}

.animal-detail--view-page .button {
  border-radius: var(--radius-full, 8px);
}

.animal-detail--view-page .animal-banner {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  margin-top: var(--spacing-medium);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
}

@media (max-width: 1024px) {
  .animal-detail--view-page .animal-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: -webkit-calc(var(--container-padding) / 2);
    gap: calc(var(--container-padding) / 2);
  }
}

@media (max-width: 768px) {
  .animal-detail--view-page .animal-banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.animal-detail--view-page .animal-banner .animal-banner-left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 525px;
          flex: 0 0 525px;
}

@media (max-width: 1024px) {
  .animal-detail--view-page .animal-banner .animal-banner-left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 425px;
            flex: 0 0 425px;
  }
}

.animal-detail--view-page .animal-banner-title {
  background-color: var(--color-blue);
  color: var(--color-white);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0 var(--radius-full) var(--radius-full) 0;
}

.animal-detail--view-page .animal-banner-information {
  margin-top: var(--spacing-small);
  padding-left: var(--spacing-medium);
  padding-right: var(--spacing-medium);
  list-style: none;
  margin-left: 0;
}

.animal-detail--view-page .animal-banner-information li {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.animal-detail--view-page .animal-banner-information li .label {
  font-weight: bold;
  color: var(--color-green);
}

.animal-detail--view-page .animal-banner-image {
  border-radius: var(--radius-huge, 8px);
  overflow: clip;
}

.animal-detail--view-page .animal-banner .adoption-fee-inclusions {
  background-color: var(--color-blue);
  color: var(--color-white);
  padding: var(--spacing-small);
  margin-left: var(--spacing-medium);
  margin-block: var(--spacing-small);
  border-radius: var(--radius-medium, 8px);
}

.animal-detail--view-page .animal-banner .animal_profile-share-wrapper {
  margin-left: var(--spacing-medium);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--text-size-xl, 1rem);
  font-weight: 400;
  color: var(--color-dark-grey);
}

.animal-detail--view-page .animal-banner .animal_profile-share-wrapper p:first-of-type {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.animal-detail--view-page .animal-banner .animal_profile-share-wrapper p:last-of-type {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.animal-detail--view-page .animal-banner .animal_profile-share-wrapper #block-animal_profile-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--spacing-small);
}

.animal-detail--view-page .animal-banner .animal_profile-share-wrapper #block-animal_profile-share .share-button {
  font-size: 2rem;
  background: none;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.animal-detail--view-page .animal-banner .animal_profile-share-wrapper #block-animal_profile-share .share-button i {
  color: var(--color-green);
}

.animal-detail--view-page .pet-profile_adoption-recommendations {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.animal-detail--view-page .animal-introduction {
  max-width: var(--container-width-small, small);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.animal-detail--view-page .animal_location {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
  .animal-detail--view-page .animal_location {
    grid-template-columns: 1fr;
  }
}

.animal-detail--view-page .animal_location .map {
  background: teal;
}

.animal-detail--view-page .animal_location .map iframe {
  width: 100%;
  height: 100%;
}

.animal-detail--view-page .animal-donation_cta {
  background-color: var(--color-blue);
  color: var(--color-white);
  padding-block: var(--spacing-medium);
  padding-inline: var(--container-padding);
}

.animal-detail--view-page .animal-donation_cta h2,
.animal-detail--view-page .animal-donation_cta p {
  color: var(--color-white);
}

.animal-detail--view-page .animal-donation_cta h2:first-of-type,
.animal-detail--view-page .animal-donation_cta p:first-of-type {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.animal-detail--view-page .animal-donation_cta h2:last-of-type,
.animal-detail--view-page .animal-donation_cta p:last-of-type {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}

.animal-detail--view-page .animal-donation_cta > .flex {
  gap: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.animal-detail--view-page .animal-donation_cta .button {
  border-radius: var(--radius-full, 8px);
  color: var(--color-blue);
}

.animal-detail--view-page .animal-donation_cta .button:hover {
  border-color: var(--color-white);
  color: var(--color-white);
  background-color: var(--color-blue);
}

.animal-detail--view-page .animal-video {
  --image-max-width: 864px;
}

.animal-detail--view-page .animal-video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: clip;
  border-radius: var(--radius-huge, 8px);
}

.animal-detail--view-page .animal-video .field--name-field-media {
  width: 100%;
}

.views-element-container .animal-detail--view-page .animal-video.paragraph:not([class*="container-"]) {
  max-width: var(--container-width-large, large);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.animal-detail--view-page .animal-similar_animals {
  max-width: var(--container-width-xlarge, xlarge);
  width: -webkit-calc(100% - var(--container-padding, 72px));
  width: calc(100% - var(--container-padding, 72px));
  margin-inline: auto;
}

.path-adoption:not(.no-more-pets) .site-footer {
  display: none;
}

.animal-similar_animals .grid {
  --views-responsive-grid--column-count: 4;
  --views-responsive-grid--cell-min-width: 250px;
  --views-responsive-grid--layout-gap: 40px;
  --views-responsive-grid--gap-count: -webkit-calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--gap-count: calc(var(--views-responsive-grid--column-count) - 1);
  --views-responsive-grid--total-gap-width: -webkit-calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid--total-gap-width: calc(var(--views-responsive-grid--gap-count)* var(--views-responsive-grid--layout-gap));
  --views-responsive-grid-item--max-width: -webkit-calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--max-width: calc((100% - var(--views-responsive-grid--total-gap-width)) / var(--views-responsive-grid--column-count));
  --views-responsive-grid-item--calculated-min-width: min(100%, var(--views-responsive-grid--cell-min-width));
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(max(var(--views-responsive-grid-item--calculated-min-width), var(--views-responsive-grid-item--max-width)), 1fr));
  gap: var(--views-responsive-grid--layout-gap);
}

@media (max-width: 768px) {
  .animal-similar_animals .grid {
    --views-responsive-grid--layout-gap: -webkit-calc(var(--container-padding) / 2);
    --views-responsive-grid--layout-gap: calc(var(--container-padding) / 2);
  }
}

.animal-similar_animals .grid-image {
  aspect-ratio: 3 / 4;
}

.animal-similar_animals .grid-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.animal-similar_animals .grid-item {
  -webkit-box-shadow: var(--shadow-large, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-large, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.animal-similar_animals .grid-content {
  text-align: center;
  padding: var(--spacing-small);
}

.pet-profile_adoption-recommendations-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}

.pet-profile_adoption-recommendations-list img {
  max-width: 50px;
  height: auto;
}

.pet-profile_adoption-recommendations-list .adoption-recommendations_item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pet-profile_adoption-recommendations-list .adoption-recommendations_item [class^="icon-"],
.pet-profile_adoption-recommendations-list .adoption-recommendations_item [class*=" icon-"] {
  font-size: 0;
}

.pet-profile_adoption-recommendations-list .adoption-recommendations_item [class^="icon-"]:before,
.pet-profile_adoption-recommendations-list .adoption-recommendations_item [class*=" icon-"]:before {
  font-size: var(--text-size-6xl, 1rem);
  font-weight: 400;
}

.pet-profile_adoption-recommendations-list .adoption-recommendations_item .label {
  font-size: var(--text-size-lg, 1rem);
  font-weight: 400;
  font-weight: 600;
  text-align: center;
  margin: 0;
  margin-bottom: var(--spacing-small);
  height: 40px;
}

.pet-profile_adoption-recommendations-list .adoption-recommendations_item .value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.pet-profile_adoption-recommendations-list .adoption-recommendations_item .value:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\ea04";
}

.pet-profile_adoption-recommendations-list .adoption-recommendations_item .value:before {
  color: var(--color-green);
  font-size: var(--text-size-2xl, 1rem);
  font-weight: 400;
}

.fallback-image {
  border-top: 1px solid var(--color-grey);
  -webkit-box-shadow: var(--shadow-lg, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
          box-shadow: var(--shadow-lg, 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.1));
}

.paragraph--type--animal-os-listing {
  --vertical-padding: 0;
}

main .region--content .paragraph--type--animal-os-listing.paragraph:not([class*="container-"]) {
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
}

.paragraph--type--animal-os-listing .viewsreference--view-title {
  display: none;
}

.animal-banner-right {
  width: 100%;
  overflow: hidden;
}

.animal-banner-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  gap: 10px;
}

.animal-banner-image:not(.slick-initialized) {
  width: 100%;
}

.animal-banner-image .slick-arrow {
  background-color: transparent;
  font-size: 0;
  border: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

.animal-banner-image .slick-arrow:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e9fb";
}

.animal-banner-image .slick-arrow.slick-next {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.animal-banner-image .slick-arrow:before {
  display: block;
  position: relative;
  height: 20px;
  width: 20px;
  font-size: 2rem;
  color: #67C15E;
}

.animal-banner-image img {
  border-radius: var(--radius-large, 8px);
  max-width: 840px;
  width: 100%;
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
     object-fit: cover;
}

.fancy-title {
  position: relative;
  border-left: 6px solid var(--color-fancy-title);
  padding-left: 5px;
  margin: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-transform: uppercase;
}

#block-rspca-homepageourservices {
  background-color: #EBEBEB;
  padding-block: var(--spacing-medium);
  margin-block: var(--spacing-medium);
}

#block-rspca-homepageourservices .fancy-title {
  --color-fancy-title: var(--color-green);
}

main .region--content > #block-rspca-homepageourservices {
  width: 100%;
  max-width: 100%;
}

.paragraph--type--slider-configurable {
  --gap-between-slides: 16px;
}

main .region--content #block-rspca-homepageourservices .paragraph--type--slider-configurable {
  padding-block: 0;
  max-width: var(--container-width-screen, screen);
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--container-padding);
}

.paragraph--type--slider-configurable .field--name-field-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.paragraph--type--slider-configurable .field--name-field-items:not(.slick-initialized) {
  gap: var(--gap-between-slides);
}

.paragraph--type--slider-configurable .field--name-field-items .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap-between-slides);
}

.paragraph--type--slider-configurable .field--name-field-items .slick-arrow {
  position: absolute;
  z-index: 2;
  font-size: 0;
  background-color: transparent;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.paragraph--type--slider-configurable .field--name-field-items .slick-arrow:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e932";
}

.paragraph--type--slider-configurable .field--name-field-items .slick-arrow:before {
  font-size: 6rem;
  color: #FFF;
}

.paragraph--type--slider-configurable .field--name-field-items .slick-arrow.slick-prev {
  left: var(--gap-between-slides);
}

.paragraph--type--slider-configurable .field--name-field-items .slick-arrow.slick-prev:hover {
  left: 0;
  padding-right: var(--gap-between-slides);
}

.paragraph--type--slider-configurable .field--name-field-items .slick-arrow.slick-next {
  right: var(--gap-between-slides);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.paragraph--type--slider-configurable .field--name-field-items .slick-arrow.slick-next:hover {
  right: 0;
}

.paragraph--type--slider-configurable .paragraph--type--slider-item {
  position: relative;
}

.paragraph--type--slider-configurable .paragraph--type--slider-item .slider-item-content {
  background-color: rgba(0, 0, 0, 0.15);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.paragraph--type--slider-configurable .paragraph--type--slider-item .slider-item-content .field--name-field-subtitle {
  font-size: var(--text-size-2xl, 1rem);
  font-weight: 700;
  line-height: var(--leading-8);
  color: #FFF;
  text-transform: uppercase;
}

@media (min-width: 1441px) {
  .paragraph--type--slider-configurable .paragraph--type--slider-item .slider-item-content .field--name-field-subtitle {
    font-size: var(--text-size-4xl, 1rem);
    font-weight: 700;
    line-height: var(--leading-10);
  }
}

.paragraph--type--slider-configurable .paragraph--type--slider-item .field--name-field-media img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.block-views-blockpartners-block-partner-slider {
  margin-bottom: 40px;
}

main .region--content > .block-views-blockpartners-block-partner-slider.block {
  max-width: 100%;
  width: 100%;
  margin-inline: auto;
}

.block-views-blockpartners-block-partner-slider > .block__title {
  text-align: center;
  text-transform: uppercase;
}

.block-views-blockpartners-block-partner-slider .partner-slider {
  --gap-between-slides: 16px;
  overflow: clip;
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content img {
  width: auto;
  height: 115px;
  -o-object-fit: contain;
     object-fit: contain;
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content:not(.slick-initialized) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: var(--gap-between-slides);
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content .views-row {
  position: relative;
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content .views-row .views-field-field-link a {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--gap-between-slides);
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content .slick-arrow {
  z-index: 2;
  font-size: 0;
  background-color: transparent;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content .slick-arrow:before {
  font-size: 1em;
  font-family: "icomoon";
  content: "\e932";
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content .slick-arrow:before {
  font-size: 6rem;
  color: #000;
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content .slick-arrow.slick-prev {
  left: -96px;
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content .slick-arrow.slick-prev:hover {
  padding-right: var(--gap-between-slides);
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content > .views-row {
  position: relative;
}

.block-views-blockpartners-block-partner-slider .partner-slider > .view-content > .views-row .views-field-field-link a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  overflow: clip;
  text-indent: -5000px;
}

#block-rspca-petsoftheweek .fancy-title {
  --color-fancy-title: #F8A128;
}

#block-rspca-petsoftheweek .paragraph--type--grid {
  padding-top: 80px;
}

@media (min-width: 864px) {
  #block-rspca-petsoftheweek .paragraph--type--grid {
    background: url("../images//backgrounds/mission.svg") transparent no-repeat center center;
    background-size: cover;
    background-size: contain;
    background-size: contain;
    background-position: center;
  }
}

@media (max-width: 1024px) {
  #block-rspca-petsoftheweek .paragraph--type--grid .field--name-field-items {
    gap: 80px;
  }
}

.paragraph--type--pet {
  position: relative;
}

.paragraph--type--pet .pet-ribbon {
  --r: .8em;
  /* control the cutout */
  position: absolute;
  bottom: 20px;
  left: -10px;
  padding: 10px 20px;
  padding-right: 30px;
  color: #FFF;
  font-size: var(--text-size-text-xl, 1rem);
  font-weight: 400;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  clip-path: polygon(-100vw 0, 100% 0, -webkit-calc(100% - var(--r)) 50%, 100% 100%, -100vw 100%);
  clip-path: polygon(-100vw 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, -100vw 100%);
  -webkit-border-image: conic-gradient(#F8A128 0 0) 0;
       -o-border-image: conic-gradient(#F8A128 0 0) 0;
          border-image: conic-gradient(#F8A128 0 0) fill 0;
}

.paragraph--type--pet .field--name-field-image {
  border-radius: var(--radius-medium, 8px);
  overflow: clip;
}

/*# sourceMappingURL=main-modules.css.map */