/*
 Theme Name:   BODSA
 Description:  BODSA Theme
 Author:       siruss
 Author URI:   https://www.siruss.co.uk
 Template:     bootscore-main
 Version:      5.3.1.9
 Text Domain:  bootscore
*/

/*
  Use this file for general styling.
  Use scss/_bscore_custom.scss only for iteration and other SCSS-specific tasks.
*/

/* region ///////////////////////////////////////////////////////////// Accessibility */

.visually-hidden {
  /* For hiding things visually, but keeping them in the document flow for accessibility, screen-readers and such */
  /* This class specifically does not have a focus state */
  position: absolute !important;
  top: unset;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
  word-break: normal;
}

.visually-hidden-focusable,
.skip-link,
.screen-reader-text,
.screen-reader-shortcut,
#wpadminbar .screen-reader-shortcut {
  /* For hiding things visually, but keeping them in the document flow for accessibility, screen-readers and such */
  /* These elements should have a focus style for accessible / keyboard navigation */
  /* .skip-link is the skip to main content link */
  /* ID selector needed for specificity */
  position: absolute !important;
  top: unset;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
  word-break: normal;

  &:active,
  &:focus-visible,
  &:focus {
    position: static !important;
    overflow: visible;
    width: auto;
    height: auto;
    clip: auto;
    -webkit-clip-path: unset;
    clip-path: unset;
    margin: 0;
  }

}

@media screen and (prefers-reduced-motion: reduce), (update: slow) {
  /*
    Support operating system level animation preferences:

    (https://css-tricks.com/revisiting-prefers-reduced-motion/)
    (https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/#comment-1700170)

    `prefers-reduced-motion: reduce`
    - user-agent specifies to disable animations: either for technical reasons (such as a remote desktop), or
        because the end-user has a vestibular disorder and has animations disabled.
    `update: slow`
    - devices that are incapable of proper animation support.

    - Set a very short animation-duration and transition-duration, thereby still firing JS animation events.
    - Disable CSS smooth scrolling.
    - Set a negative animation-delay and transition-delay to even out the duration. Browsers that ignore
        negative delays get a single imperceptibly fast animation / transition as a fallback.
    - End animations after one iteration to prevent infinite repeats.
    - Override background-attachment to help prevent parallax and fixed scrolling.
  */
  *,
  *::before,
  *::after {
    background-attachment: initial !important;
    transition-delay: -0.01ms !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-delay: -0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }

  .slick-slider .slick-list {
    /* Slick sliders need infinite iterations to stay navigable */
    animation-iteration-count: infinite !important;
  }
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="reset"],
input[type="tel"],
select,
textarea {
  /* Enforce a 16px minimum font-size to prevent Android and iOS devices zooming in on focus: */
  font-size: max(var(--wp--preset--font-size--normal), 16px);
}

table,
tr,
th,
td {
  /* Tabular numbers for table elements to increase number legibility across columns */
  font-variant-numeric: tabular-nums;
}

td[tabindex],
th[tabindex] {
  /* ensure table elements that aren't normally tab-selectable have a focus-visible state: */
  &:focus-visible {
    text-decoration: underline;
  }
}

/* endregion */


/* region ///////////////////////////////////////////////////////////// HTML */

*,
*::before,
*::after {
  grid-auto-columns: minmax(0, auto);
  grid-auto-rows: minmax(0, auto);
  box-sizing: border-box;
}

html {
  font-size: 16px !important;
}

:root,
body {
  /* body variables */
  --body--line-height: 1.6;
  --body--letter-spacing: unset;
  --body--font-weight: 400;
}

:root,
body {
  /* button variables */
  --button--border-radius: 0.375rem;
}

:root,
body {
  /* heading variables */
  --h1--line-height: var(--heading--line-height);
  --h2--line-height: var(--heading--line-height);
  --h3--line-height: var(--heading--line-height);
  --h4--line-height: var(--heading--line-height);
  --h5--line-height: var(--heading--line-height);
  --h6--line-height: var(--heading--line-height);
  --heading--line-height: 1.2;

  --h1--text-decoration: var(--heading--text-decoration);
  --h2--text-decoration: var(--heading--text-decoration);
  --h3--text-decoration: var(--heading--text-decoration);
  --h4--text-decoration: var(--heading--text-decoration);
  --h5--text-decoration: var(--heading--text-decoration);
  --h6--text-decoration: var(--heading--text-decoration);
  --heading--text-decoration: none;

  --h1--text-transform: var(--heading--text-transform);
  --h2--text-transform: var(--heading--text-transform);
  --h3--text-transform: var(--heading--text-transform);
  --h4--text-transform: var(--heading--text-transform);
  --h5--text-transform: var(--heading--text-transform);
  --h6--text-transform: var(--heading--text-transform);
  --heading--text-transform: none;

  --h1--letter-spacing: var(--heading--letter-spacing);
  --h2--letter-spacing: var(--heading--letter-spacing);
  --h3--letter-spacing: var(--heading--letter-spacing);
  --h4--letter-spacing: var(--heading--letter-spacing);
  --h5--letter-spacing: var(--heading--letter-spacing);
  --h6--letter-spacing: var(--heading--letter-spacing);
  --heading--letter-spacing: normal;

  --h1--font-family: var(--wp--preset--font-family--headings);
  --h2--font-family: var(--wp--preset--font-family--headings);
  --h3--font-family: var(--wp--preset--font-family--headings);
  --h4--font-family: var(--wp--preset--font-family--headings);
  --h5--font-family: var(--wp--preset--font-family--headings);
  --h6--font-family: var(--wp--preset--font-family--headings);

  --h1--font-size: var(--wp--preset--font-size--huge);
  --h2--font-size: var(--wp--preset--font-size--heading-2);
  --h3--font-size: var(--wp--preset--font-size--heading-3);
  --h4--font-size: var(--wp--preset--font-size--heading-4);
  --h5--font-size: var(--wp--preset--font-size--heading-5);
  --h6--font-size: var(--wp--preset--font-size--heading-6);

  --h1--font-weight: var(--heading--font-weight);
  --h2--font-weight: var(--heading--font-weight);
  --h3--font-weight: var(--heading--font-weight);
  --h4--font-weight: var(--heading--font-weight);
  --h5--font-weight: var(--heading--font-weight);
  --h6--font-weight: var(--heading--font-weight);
  --heading--font-weight: 400;
}

body {
  /* ensure that theme.json overrides Bootstrap: */
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--body-text);
  line-height: var(--body--line-height, 1.6);
  letter-spacing: var(--body--letter-spacing, unset);
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--normal); /* normal is a WordPress default value, and should be used */
  font-weight: var(--body--font-weight, 400);
}

h1,
.h1 {
  /* ensure that theme.json overrides Bootstrap: */
  line-height: var(--h1--line-height, var(--heading--line-height));
  text-decoration: var(--h1--text-decoration, var(--heading--text-decoration));
  text-transform: var(--h1--text-transform, var(--heading--text-transform));
  letter-spacing: var(--h1--letter-spacing, var(--heading--letter-spacing));
  font-family: var(--h1--font-family, var(--wp--preset--font-family--headings));
  font-size: var(--h1--font-size, unset);
  font-weight: var(--h1--font-weight, var(--heading--font-weight));
}

h2,
.h2 {
  /* ensure that theme.json overrides Bootstrap: */
  line-height: var(--h2--line-height, var(--heading--line-height));
  text-decoration: var(--h2--text-decoration, var(--heading--text-decoration));
  text-transform: var(--h2--text-transform, var(--heading--text-transform));
  letter-spacing: var(--h2--letter-spacing, var(--heading--letter-spacing));
  font-family: var(--h2--font-family, var(--wp--preset--font-family--headings));
  font-size: var(--h2--font-size, unset);
  font-weight: var(--h2--font-weight, var(--heading--font-weight));
}

h3,
.h3 {
  /* ensure that theme.json overrides Bootstrap: */
  line-height: var(--h3--line-height, var(--heading--line-height));
  text-decoration: var(--h3--text-decoration, var(--heading--text-decoration));
  text-transform: var(--h3--text-transform, var(--heading--text-transform));
  letter-spacing: var(--h3--letter-spacing, var(--heading--letter-spacing));
  font-family: var(--h3--font-family, var(--wp--preset--font-family--headings));
  font-size: var(--h3--font-size, unset);
  font-weight: var(--h3--font-weight, var(--heading--font-weight));
}

h4,
.h4 {
  /* ensure that theme.json overrides Bootstrap: */
  line-height: var(--h4--line-height, var(--heading--line-height));
  text-decoration: var(--h4--text-decoration, var(--heading--text-decoration));
  text-transform: var(--h4--text-transform, var(--heading--text-transform));
  letter-spacing: var(--h4--letter-spacing, var(--heading--letter-spacing));
  font-family: var(--h4--font-family, var(--wp--preset--font-family--headings));
  font-size: var(--h4--font-size, unset);
  font-weight: var(--h4--font-weight, var(--heading--font-weight));
}

h5,
.h5 {
  /* ensure that theme.json overrides Bootstrap: */
  line-height: var(--h5--line-height, var(--heading--line-height));
  text-decoration: var(--h5--text-decoration, var(--heading--text-decoration));
  text-transform: var(--h5--text-transform, var(--heading--text-transform));
  letter-spacing: var(--h5--letter-spacing, var(--heading--letter-spacing));
  font-family: var(--h5--font-family, var(--wp--preset--font-family--headings));
  font-size: var(--h5--font-size, unset);
  font-weight: var(--h5--font-weight, var(--heading--font-weight));
}

h6,
.h6 {
  /* ensure that theme.json overrides Bootstrap: */
  line-height: var(--h6--line-height, var(--heading--line-height));
  text-decoration: var(--h6--text-decoration, var(--heading--text-decoration));
  text-transform: var(--h6--text-transform, var(--heading--text-transform));
  letter-spacing: var(--h6--letter-spacing, var(--heading--letter-spacing));
  font-family: var(--h6--font-family, var(--wp--preset--font-family--headings));
  font-size: var(--h6--font-size, unset);
  font-weight: var(--h6--font-weight, var(--heading--font-weight));
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  #tinymce &,
  .page & {
    /* clear floating images in content */
    clear: both;
  }

  & + &,
  :is(p) + & {
    /* heading immediately after another heading or a paragraph tag */
    margin-top: 0.5em;
    margin-bottom: 0.5rem;
  }
}

/* region Disable conflicting custom styles in content */

font {
  /* disable the font HTML tag */
  display: inline;
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
}

span:empty,
p:empty {
  /* hide empty paragraphs and spans */
  display: none;
}

p[style*="color:"],
p [style*="color:"],
p[style*="background:"],
p [style*="background:"],
p[style*="background-color:"],
p [style*="background-color:"] {
  /* disable custom colours in content  */
  background-color: inherit !important;
  color: inherit !important;
}

p[style*="font-family"],
p [style*="font-family"] {
  /* disable custom fonts in content*/
  font-family: inherit !important;
}

p[style*="font-size: small"],
p [style*="font-size: small"],
p[style*="font-size:small"],
p [style*="font-size:small"],
p[style*="font-size:10px"],
p [style*="font-size:10px"],
p[style*="font-size:11px"],
p [style*="font-size:11px"],
p[style*="font-size:12px"],
p [style*="font-size:12px"],
p[style*="font-size:13px"],
p [style*="font-size:13px"],
p[style*="font-size:14px"],
p [style*="font-size:14px"],
p[style*="font-size:15px"],
p [style*="font-size:15px"] {
  /* ensure fonts are a legible size */
  font-size: var(--wp--preset--font-size--normal) !important;
}

.entry-content p[style*="margin"],
p[style*="margin"] {
  /* disable layout breaking margins on paragraphs (likely pasted from MS Word) */
  margin: initial !important;
}

/* endregion */

b,
strong {
  font-weight: 700;
}

i,
em {
  font-style: italic;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

ul, ol {
  margin-bottom: 1.325em;
  padding-left: 2rem;
  list-style-position: outside;

  & li {
    margin-bottom: 1em;
    padding-left: 0.5em;
    line-height: 1.5;
  }
}

table {
  width: 100%;
  margin-bottom: var(--wp--preset--spacing--50, 1.875rem);

  & td {
    padding: var(--wp--preset--spacing--20, 0.25rem);
    border: 1px solid var(--wp--preset--color--brand-2);
    text-align: left;
  }

  & th {
    padding: var(--wp--preset--spacing--20, 0.25rem);
    border: 1px solid var(--wp--preset--color--brand-2);
    background: var(--wp--preset--color--brand-2);
    color: var(--wp--preset--color--brand-2-inv, #fefefe);
    text-align: left;
  }

  & caption {
    padding: var(--wp--preset--spacing--35, 0.625rem) 0;
    text-align: left;
    font-style: italic;
  }
}

/* region --------------------------------------------- links */

/*:root :where(a:where(:not(.wp-element-button))), !* overwrites WordPress default styles *!*/
body a {
  color: var(--wp--preset--color--brand-1, #025a02);
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--brand-1, #025a02);

  &:hover, /* updated */
  &:focus-visible,
  &:focus {
    color: var(--wp--preset--color--black);
    text-decoration-color: var(--wp--preset--color--brand-1, #025a02);
  }
}

body a.secondary-link {
  color: var(--wp--preset--color--white);

  &:hover, /* updated */
  &:focus-visible,
  &:focus {
    color: var(--wp--preset--color--brand-2);
  }
}

.layout-content a {
  font-weight: 400;
}

/* endregion links */


q,
blockquote,
.blockquote {
  quotes: "\201C" "\201D" "\2018" "\2019";
  display: block;
  position: relative;
  margin: 2.5rem 0 1.875rem;
  padding: 3.125rem 1.875rem 1.875rem 1.875rem;
  letter-spacing: 0.02em;
  font-family: "Noto Serif", "Georgia", serif;
  font-style: italic;

  &,
  & p,
  & a,
  &::before {
    background: var(--wp--preset--color--brand-1, #025a02) !important;
    color: var(--wp--preset--color--brand-1-inv, #fefefe) !important;
  }

  & a:hover,
  & a:focus,
  & a:focus-visible {
    color: var(--wp--preset--color--brand-2-300) !important;
  }

  &::before {
    --size: 4rem;
    content: open-quote no-close-quote;
    position: absolute;
    top: -1.875rem;
    right: 50%;
    left: 50%;
    width: var(--size, 4rem);
    height: var(--size, 4rem);
    padding: 0.3125rem 0 0 0.25rem;
    border: 0.3125rem solid var(--wp--preset--color--white);
    border-radius: 50%;
    line-height: 1;
    font-size: calc(var(--size, 4rem) + 0.25rem);
    font-weight: 700;
    transition: all 0.5s ease-in-out;
    transform: translateX(-50%);
    box-sizing: border-box;
  }

  @media (min-width: 48rem) {
    padding: 2.5rem 1.875rem 2.5rem 3.75rem;

    &::before {
      top: -1rem;
      right: auto;
      left: -1rem;
      transform: unset;
    }

  }

  & p {
    display: inline;
    margin-bottom: 1rem;
    line-height: 1.4;
    font-size: var(--wp--preset--font-size--large);

    @media (min-width: 48rem) {
      &::before {
        top: -1rem;
        right: auto;
        left: -1rem;
        transform: translateX(0);
      }

    }
  }
}

/* endregion HTML */


/* region ///////////////////////////////////////////////////////////// Layout */

#page {
  /* ensure that pages fill the viewport */
  height: auto;
  min-height: 100%;
}

main,
#main {
  /* prevents horizontal scroll from horizontally overflowing blocks: */
  overflow: hidden;

  @media (min-width: 48rem) {
    /* Disable for larger screensizes, so that position sticky elements function: */
    overflow: unset;
  }
}

.container {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;

  /* ensure containers have the correct widths at different breakpoints: */
  /* sm: */
  @media (min-width: 36rem) {
    max-width: 36rem;
  }

  /* md: */
  @media (min-width: 48rem) {
    max-width: 48rem;
  }

  /* lg: */
  @media (min-width: 62rem) {
    max-width: 61.75rem;
  }

  /* xl: */
  @media (min-width: 75rem) {
    max-width: 62rem;
  }

  /* xxl: */
  @media (min-width: 88rem) {
    max-width: 74rem;
  }

  &,
  & .row {
    /* apply the correct padding values to containers and rows: */

    --bs-gutter-x: calc(var(--wp--preset--spacing--35, 0.625rem) * 2);
    @media (min-width: 48rem) {
      --bs-gutter-x: var(--wp--preset--spacing--50, 1.875rem);
    }

  }
}

/* endregion Layout */


/* region ///////////////////////////////////////////////////////////// Styles */

/* region --------------------------------------------- Styles - Background Color */

section.page,
#page {
  background-color: var(--wp--preset--color--brand-2-100);

  .home &, /* the homepage should be completely white */
  & section > .container { /* text content containers should be white */
    background-color: var(--wp--preset--color--background);
  }
}

/* endregion Styles - Background Color */


/* region --------------------------------------------- Styles - Featured Image */

.site-content .entry-header .post-thumbnail {
  /* disable the featured image at the top of pages */
  display: none;
}

/* endregion Styles - Background Color */


/* region --------------------------------------------- Styles - Buttons */

:root, body {
  --button--background-color: var(--wp--preset--color--brand-1, #025a02);
  --button--hover--background-color: var(--wp--preset--color--brand-1-800);
  --button--color: var(--wp--preset--color--brand-1-inv);
  --button--hover--color: var(--wp--preset--color--brand-1-inv);
  --bs-btn-display: inline-block;
  --bs-btn-position: relative;
  --bs-btn-vertical-align: middle;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-line-height: 1;
  --bs-btn-padding: var(--bs-btn-padding-y, 0.725rem) var(--bs-btn-padding-x, 1rem);
  --bs-btn-border-color: var(--wp--preset--color--brand-1-600);
  --bs-btn-border-radius: var(--button--border-radius, var(--bs-border-radius));
  --bs-btn-background-color: var(--button--background-color, var(--wp--preset--color--brand-1, #025a02));
  --bs-btn-hover-background-color: var(--button--hover--background-color, var(--wp--preset--color--brand-1-800));
  --bs-btn-box-shadow: none;
  --bs-btn-focus-box-shadow: none;
  --bs-btn-color: var(--button--color, var(--wp--preset--color--brand-1-inv));
  --bs-btn-hover-color: var(--button--hover--color, var(--wp--preset--color--brand-1-inv));
  --bs-btn-text-align: center;
  --bs-btn-text-decoration: none;
  --bs-btn-text-transform: capitalize;
  --bs-btn-white-space: nowrap;
  --bs-btn-letter-spacing: 0.07rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 300;
  --bs-btn-disabled-opacity: 0.85;
  --bs-btn-transition: all 0.2s ease-out;
  --bs-btn-cursor: pointer;
  --bs-btn-user-select: none;
  --bs-btn-bg: var(--bs-btn-background-color);
  --bs-btn-hover-bg: var(--bs-btn-hover-background-color);
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: 0.725rem;

}

.button-wrapper .button {
  --transition-fallback: all 0.2s ease-out;
  display: var(--bs-btn-display, inline-block);
  position: var(--bs-btn-position, relative);
  vertical-align: var(--bs-btn-vertical-align, middle);
  padding: var(--bs-btn-padding, var(--bs-btn-padding-x) var(--bs-btn-padding-y));
  border-color: var(--bs-btn-border-color, var(--wp--preset--color--brand-1-600));
  border-radius: var(--bs-btn-border-radius, var(--button--border-radius));
  background-color: var(--bs-btn-bg, var(--wp--preset--color--brand-1, #025a02));
  color: var(--bs-btn-color, var(--wp--preset--color--brand-1-inv));
  line-height: var(--bs-btn-line-height, 1);
  text-align: var(--bs-btn-text-align, center);
  text-decoration: var(--bs-btn-text-decoration, none);
  text-transform: var(--bs-btn-text-transform, capitalize);
  white-space: var(--bs-btn-white-space, nowrap);
  letter-spacing: var(--bs-btn-letter-spacing, 0.07rem);
  font-size: var(--bs-btn-font-size, 1rem);
  font-weight: var(--bs-btn-font-weight, 300);
  transition: var(--bs-btn-transition, var(--transition-fallback));
  cursor: var(--bs-btn-cursor, pointer);
  -moz-user-select: var(--bs-btn-user-select, none);
  -ms-user-select: var(--bs-btn-user-select, none);
  -webkit-user-select: var(--bs-btn-user-select, none);
  user-select: var(--bs-btn-user-select, none);

  &:hover, /* updated */
  &:focus-visible,
  &:focus {
    background-color: var(--bs-btn-hover-bg, var(--button--hover--background-color, var(--wp--preset--color--brand-1-800)));
    color: var(--bs-btn-hover-color, var(--wp--preset--color--brand-1-inv));
  }
}

.button-wrapper .primary.arrow {
  padding: 0.5rem 0.75rem;
  padding-right: 1.75rem;
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--small);

  &:hover, /* updated */
  &:focus-visible,
  &:focus {
    &::after {
      transform: translateX(-0.4rem) translateY(-50%);
    }

  }

  &::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    margin-left: 0.3125rem;
    font: normal normal normal 0.875em / 1 FontAwesome;
    font-size: inherit;
    transition: all 0.2s ease-in;
    transform: translateX(-0.7rem) translateY(-50%);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

table.document-library-table .document-library-button.btn {
  --button--background-color: var(--wp--preset--color--brand-3);
  --button--hover--background-color: var(--wp--preset--color--brand-3-600);
  --button--color: var(--wp--preset--color--brand-3-inv);
  --button--hover--color: var(--wp--preset--color--brand-3-inv);
  display: flex;
  align-items: center;
  padding: var(--button--padding, var(--bs-btn-padding-y, 0.375rem) var(--bs-btn-padding-x, 0.75rem)) !important;
  border-radius: var(--button--border-radius, 0);
  background-color: var(--button--background-color, var(--wp--preset--color--brand-3));
  color: var(--button--color, var(--wp--preset--color--brand-3-inv));
  line-height: 1;

  &:hover,
  &:focus,
  &:focus-visible {
    background-color: var(--button--hover--background-color, var(--wp--preset--color--brand-3-600));
    color: var(--button--hover--color, var(--wp--preset--color--brand-3-inv));
  }

  &::after {
    content: "↧";
    display: inline !important;
    width: unset;
    height: unset;
    margin: 0;
    padding-right: 0;
    padding-left: 0.25rem;
    background-image: none;
    line-height: 1;
    font-size: 1.25em;
    font-weight: 600;
  }
}

/* endregion Buttons */


/* region --------------------------------------------- Styles - Pager */

.item-list .pager {
  margin: 1rem 0;
  padding: 2rem 0 0;
  border-top: 1px solid var(--wp--preset--color--grey-300);

  & li {
    display: inline-block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    line-height: 1;
    text-transform: uppercase;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 400;

    & a,
    & span {
      display: inline-block;
      padding: 0.75rem 0.9325rem;
      border-radius: var(--button--border-radius);
    }

    & span.dots {
      padding: 0.75rem 0;
    }

    & a {
      background: var(--wp--preset--color--grey-300);
      color: var(--wp--preset--color--grey-700, #495057);
      line-height: 1;

      &:hover, /* updated */
      &:focus-visible,
      &:focus {
        background: var(--wp--preset--color--grey-400, #ced4da);
        color: var(--wp--preset--color--black);
      }

    }

    & span {
      background: transparent;
    }

  }

  & li.pager-current {
    & a,
    & span {
      padding: 0.75rem 0.9325rem;
      background: var(--wp--preset--color--black);
      color: var(--wp--preset--color--white);
      font-weight: 700;
    }

  }
}

/* endregion Styles - Pager */

/* endregion Styles */


/* region ///////////////////////////////////////////////////////////// Classes */

.clearfix::after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
}

.borderblock_green .block_border, /* todo: replace this in the HTML output with BEM */
.border-block_green .block_border, /* todo: replace this in the HTML output with BEM */
.border-block--green .border-block__border {
  padding: var(--wp--preset--spacing--40, 0.9375rem);
  border: 1px solid var(--wp--preset--color--brand-1);
  background: var(--wp--preset--color--brand-2-100);
}

.list-group > li {
  list-style: none;
}

/* region --------------------------------------------- PDF links */
ul.pdf-links-list {
  --padding: var(--wp--preset--spacing--30);
  --border-style: solid;
  --border-color: var(--wp--preset--color--grey-300);
  display: grid;
  margin: 0;
  padding: 0;
  border-width: 0;
  border-style: var(--border-style);
  border-color: var(--border-color);
  border-top-width: 1px !important;
  border-left-width: 1px !important;
  list-style: none;

  & li,
  & a {
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: var(--border-style);
    border-color: var(--border-color);
  }

  & li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    margin: 0;
    padding: 0 0 0 var(--padding);
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
  }

  & a {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin: 0;
    padding: var(--padding);
    border-left-width: 1px;

    &::before {
      content: "";
      display: inline-flex;
      width: 2em;
      height: 2em;
      background-image: url("https://bodsaa.siruss-staging.co.uk/wp-content/uploads/2024/06/download-pdf-icon.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }
    &::after {
      /* disable default icon */
      content: unset;
    }
  }
}

a[href$=".pdf"] {
  display: inline-flex;
  gap: 0.25rem;
  align-items: baseline;

  &::after {
    content: "";
    display: inline-flex;
    width: 1.25em;
    height: 1.25em;
    background-image: url("https://bodsaa.siruss-staging.co.uk/wp-content/uploads/2024/06/download-pdf-icon.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
}

/* endregion PDF links */

picture,
img {
  &.alignleft,
  &.alignright {
    display: block;
    margin-top: 0.3875rem;
    margin-bottom: 0.5rem;
  }

  &.alignleft {
    margin-right: 1.5rem;
  }

  &.alignright {
    margin-left: 1.5rem;
  }

}

/* WordPress Gallery inserted using the media library */
.view-homepage-gallery .view-content {
  margin: 0;
}

.gallery {
  --gap: var(--wp--preset--spacing--35, 0.625rem);

  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;

  @media (min-width: 48rem) {
    --gap: var(--wp--preset--spacing--40, 0.9375rem);
  }

  & .gallery-item {
    position: relative;
    min-height: 1px;
    margin-top: var(--gap);
    /*margin-right: var(--gap);*/
    margin-bottom: var(--gap);
    /*margin-left: var(--gap);*/
    padding-right: var(--gap);
    padding-left: var(--gap);

    &,
    & img {
      border-radius: var(--button--border-radius);
    }

  }

  & a {
    display: block;
  }

  & a:focus,
  & a:focus-visible,
  & a:hover {
    & img {
      opacity: 0.9;
    }

  }

  & a:focus,
  & a:focus-visible {
    & img {
      /* deliberate px measurements */
      outline: var(--wp--preset--color--brand-3) 2px solid !important;
      outline-offset: 1px;
    }

  }

  & .attachment-thumbnail {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    object-position: center;
    object-fit: cover;
  }

  &.gallery-columns-1 .gallery-item {
    max-width: 100%;
  }

  &.gallery-columns-2 .gallery-item {
    max-width: calc(100% / 2);
  }

  &.gallery-columns-3 .gallery-item {
    max-width: calc(100% / 2);

    @media (min-width: 48rem) {
      max-width: calc(100% / 3);
    }

  }

  &.gallery-columns-4 .gallery-item {
    max-width: calc(100% / 2);

    @media (min-width: 48rem) {
      max-width: calc(100% / 4);
    }

  }

  &.gallery-columns-5 .gallery-item {
    max-width: calc(100% / 2);

    @media (min-width: 36rem) {
      max-width: calc(100% / 3);
    }

    @media (min-width: 62rem) {
      max-width: calc(100% / 5);
    }

  }

  &.gallery-columns-6 .gallery-item {
    max-width: calc(100% / 2);

    @media (min-width: 36rem) {
      max-width: calc(100% / 3);
    }

    @media (min-width: 62rem) {
      max-width: calc(100% / 6);
    }

  }

  &.gallery-columns-7 .gallery-item {
    max-width: calc(100% / 2);

    @media (min-width: 36rem) {
      max-width: calc(100% / 4);
    }

    @media (min-width: 62rem) {
      max-width: calc(100% / 7);
    }

  }

  &.gallery-columns-8 .gallery-item {
    max-width: calc(100% / 2);

    @media (min-width: 36rem) {
      max-width: calc(100% / 4);
    }

    @media (min-width: 62rem) {
      max-width: calc(100% / 8);
    }

  }
}

/* endregion Classes */


/* region ///////////////////////////////////////////////////////////// Spacing */

.mt-20 {
  margin-top: var(--wp--preset--spacing--20) !important;
}

.mr-20 {
  margin-right: var(--wp--preset--spacing--20) !important;
}

.mb-20 {
  margin-bottom: var(--wp--preset--spacing--20) !important;
}

.ml-20 {
  margin-left: var(--wp--preset--spacing--20) !important;
}

.mx-20 {
  margin-right: var(--wp--preset--spacing--20) !important;
  margin-left: var(--wp--preset--spacing--20) !important;
}

.my-20 {
  margin-top: var(--wp--preset--spacing--20) !important;
  margin-bottom: var(--wp--preset--spacing--20) !important;
}

.mt-30 {
  margin-top: var(--wp--preset--spacing--30) !important;
}

.mr-30 {
  margin-right: var(--wp--preset--spacing--30) !important;
}

.mb-30 {
  margin-bottom: var(--wp--preset--spacing--30) !important;
}

.ml-30 {
  margin-left: var(--wp--preset--spacing--30) !important;
}

.mx-30 {
  margin-right: var(--wp--preset--spacing--30) !important;
  margin-left: var(--wp--preset--spacing--30) !important;
}

.my-30 {
  margin-top: var(--wp--preset--spacing--30) !important;
  margin-bottom: var(--wp--preset--spacing--30) !important;
}

.mt-40 {
  margin-top: var(--wp--preset--spacing--40) !important;
}

.mr-40 {
  margin-right: var(--wp--preset--spacing--40) !important;
}

.mb-40 {
  margin-bottom: var(--wp--preset--spacing--40) !important;
}

.ml-40 {
  margin-left: var(--wp--preset--spacing--40) !important;
}

.mx-40 {
  margin-right: var(--wp--preset--spacing--40) !important;
  margin-left: var(--wp--preset--spacing--40) !important;
}

.my-40 {
  margin-top: var(--wp--preset--spacing--40) !important;
  margin-bottom: var(--wp--preset--spacing--40) !important;
}

.mt-50 {
  margin-top: var(--wp--preset--spacing--50) !important;
}

.mr-50 {
  margin-right: var(--wp--preset--spacing--50) !important;
}

.mb-50 {
  margin-bottom: var(--wp--preset--spacing--50) !important;
}

.ml-50 {
  margin-left: var(--wp--preset--spacing--50) !important;
}

.mx-50 {
  margin-right: var(--wp--preset--spacing--50) !important;
  margin-left: var(--wp--preset--spacing--50) !important;
}

.my-50 {
  margin-top: var(--wp--preset--spacing--50) !important;
  margin-bottom: var(--wp--preset--spacing--50) !important;
}

.mt-60 {
  margin-top: var(--wp--preset--spacing--60) !important;
}

.mr-60 {
  margin-right: var(--wp--preset--spacing--60) !important;
}

.mb-60 {
  margin-bottom: var(--wp--preset--spacing--60) !important;
}

.ml-60 {
  margin-left: var(--wp--preset--spacing--60) !important;
}

.mx-60 {
  margin-right: var(--wp--preset--spacing--60) !important;
  margin-left: var(--wp--preset--spacing--60) !important;
}

.my-60 {
  margin-top: var(--wp--preset--spacing--60) !important;
  margin-bottom: var(--wp--preset--spacing--60) !important;
}

.mt-70 {
  margin-top: var(--wp--preset--spacing--70) !important;
}

.mr-70 {
  margin-right: var(--wp--preset--spacing--70) !important;
}

.mb-70 {
  margin-bottom: var(--wp--preset--spacing--70) !important;
}

.ml-70 {
  margin-left: var(--wp--preset--spacing--70) !important;
}

.mx-70 {
  margin-right: var(--wp--preset--spacing--70) !important;
  margin-left: var(--wp--preset--spacing--70) !important;
}

.my-70 {
  margin-top: var(--wp--preset--spacing--70) !important;
  margin-bottom: var(--wp--preset--spacing--70) !important;
}

.mt-75 {
  margin-top: var(--wp--preset--spacing--75) !important;
}

.mr-75 {
  margin-right: var(--wp--preset--spacing--75) !important;
}

.mb-75 {
  margin-bottom: var(--wp--preset--spacing--75) !important;
}

.ml-75 {
  margin-left: var(--wp--preset--spacing--75) !important;
}

.mx-75 {
  margin-right: var(--wp--preset--spacing--75) !important;
  margin-left: var(--wp--preset--spacing--75) !important;
}

.my-75 {
  margin-top: var(--wp--preset--spacing--75) !important;
  margin-bottom: var(--wp--preset--spacing--75) !important;
}

.mt-80 {
  margin-top: var(--wp--preset--spacing--80) !important;
}

.mr-80 {
  margin-right: var(--wp--preset--spacing--80) !important;
}

.mb-80 {
  margin-bottom: var(--wp--preset--spacing--80) !important;
}

.ml-80 {
  margin-left: var(--wp--preset--spacing--80) !important;
}

.mx-80 {
  margin-right: var(--wp--preset--spacing--80) !important;
  margin-left: var(--wp--preset--spacing--80) !important;
}

.my-80 {
  margin-top: var(--wp--preset--spacing--80) !important;
  margin-bottom: var(--wp--preset--spacing--80) !important;
}

.pt-20 {
  padding-top: var(--wp--preset--spacing--20) !important;
}

.pr-20 {
  padding-right: var(--wp--preset--spacing--20) !important;
}

.pb-20 {
  padding-bottom: var(--wp--preset--spacing--20) !important;
}

.pl-20 {
  padding-left: var(--wp--preset--spacing--20) !important;
}

.px-20 {
  padding-right: var(--wp--preset--spacing--20) !important;
  padding-left: var(--wp--preset--spacing--20) !important;
}

.py-20 {
  padding-top: var(--wp--preset--spacing--20) !important;
  padding-bottom: var(--wp--preset--spacing--20) !important;
}

.pt-30 {
  padding-top: var(--wp--preset--spacing--30) !important;
}

.pr-30 {
  padding-right: var(--wp--preset--spacing--30) !important;
}

.pb-30 {
  padding-bottom: var(--wp--preset--spacing--30) !important;
}

.pl-30 {
  padding-left: var(--wp--preset--spacing--30) !important;
}

.px-30 {
  padding-right: var(--wp--preset--spacing--30) !important;
  padding-left: var(--wp--preset--spacing--30) !important;
}

.py-30 {
  padding-top: var(--wp--preset--spacing--30) !important;
  padding-bottom: var(--wp--preset--spacing--30) !important;
}

.pt-40 {
  padding-top: var(--wp--preset--spacing--40) !important;
}

.pr-40 {
  padding-right: var(--wp--preset--spacing--40) !important;
}

.pb-40 {
  padding-bottom: var(--wp--preset--spacing--40) !important;
}

.pl-40 {
  padding-left: var(--wp--preset--spacing--40) !important;
}

.px-40 {
  padding-right: var(--wp--preset--spacing--40) !important;
  padding-left: var(--wp--preset--spacing--40) !important;
}

.py-40 {
  padding-top: var(--wp--preset--spacing--40) !important;
  padding-bottom: var(--wp--preset--spacing--40) !important;
}

.pt-50 {
  padding-top: var(--wp--preset--spacing--50) !important;
}

.pr-50 {
  padding-right: var(--wp--preset--spacing--50) !important;
}

.pb-50 {
  padding-bottom: var(--wp--preset--spacing--50) !important;
}

.pl-50 {
  padding-left: var(--wp--preset--spacing--50) !important;
}

.px-50 {
  padding-right: var(--wp--preset--spacing--50) !important;
  padding-left: var(--wp--preset--spacing--50) !important;
}

.py-50 {
  padding-top: var(--wp--preset--spacing--50) !important;
  padding-bottom: var(--wp--preset--spacing--50) !important;
}

.pt-60 {
  padding-top: var(--wp--preset--spacing--60) !important;
}

.pr-60 {
  padding-right: var(--wp--preset--spacing--60) !important;
}

.pb-60 {
  padding-bottom: var(--wp--preset--spacing--60) !important;
}

.pl-60 {
  padding-left: var(--wp--preset--spacing--60) !important;
}

.px-60 {
  padding-right: var(--wp--preset--spacing--60) !important;
  padding-left: var(--wp--preset--spacing--60) !important;
}

.py-60 {
  padding-top: var(--wp--preset--spacing--60) !important;
  padding-bottom: var(--wp--preset--spacing--60) !important;
}

.pt-70 {
  padding-top: var(--wp--preset--spacing--70) !important;
}

.pr-70 {
  padding-right: var(--wp--preset--spacing--70) !important;
}

.pb-70 {
  padding-bottom: var(--wp--preset--spacing--70) !important;
}

.pl-70 {
  padding-left: var(--wp--preset--spacing--70) !important;
}

.px-70 {
  padding-right: var(--wp--preset--spacing--70) !important;
  padding-left: var(--wp--preset--spacing--70) !important;
}

.py-70 {
  padding-top: var(--wp--preset--spacing--70) !important;
  padding-bottom: var(--wp--preset--spacing--70) !important;
}

.pt-75 {
  padding-top: var(--wp--preset--spacing--75) !important;
}

.pr-75 {
  padding-right: var(--wp--preset--spacing--75) !important;
}

.pb-75 {
  padding-bottom: var(--wp--preset--spacing--75) !important;
}

.pl-75 {
  padding-left: var(--wp--preset--spacing--75) !important;
}

.px-75 {
  padding-right: var(--wp--preset--spacing--75) !important;
  padding-left: var(--wp--preset--spacing--75) !important;
}

.py-75 {
  padding-top: var(--wp--preset--spacing--75) !important;
  padding-bottom: var(--wp--preset--spacing--75) !important;
}

.pt-80 {
  padding-top: var(--wp--preset--spacing--80) !important;
}

.pr-80 {
  padding-right: var(--wp--preset--spacing--80) !important;
}

.pb-80 {
  padding-bottom: var(--wp--preset--spacing--80) !important;
}

.pl-80 {
  padding-left: var(--wp--preset--spacing--80) !important;
}

.px-80 {
  padding-right: var(--wp--preset--spacing--80) !important;
  padding-left: var(--wp--preset--spacing--80) !important;
}

.py-80 {
  padding-top: var(--wp--preset--spacing--80) !important;
  padding-bottom: var(--wp--preset--spacing--80) !important;
}


@media (min-width: 36rem) {
  .mt-md-20 {
    margin-top: var(--wp--preset--spacing--20) !important;
  }

  .mr-md-20 {
    margin-right: var(--wp--preset--spacing--20) !important;
  }

  .mb-md-20 {
    margin-bottom: var(--wp--preset--spacing--20) !important;
  }

  .ml-md-20 {
    margin-left: var(--wp--preset--spacing--20) !important;
  }

  .mx-md-20 {
    margin-right: var(--wp--preset--spacing--20) !important;
    margin-left: var(--wp--preset--spacing--20) !important;
  }

  .my-md-20 {
    margin-top: var(--wp--preset--spacing--20) !important;
    margin-bottom: var(--wp--preset--spacing--20) !important;
  }

  .mt-md-30 {
    margin-top: var(--wp--preset--spacing--30) !important;
  }

  .mr-md-30 {
    margin-right: var(--wp--preset--spacing--30) !important;
  }

  .mb-md-30 {
    margin-bottom: var(--wp--preset--spacing--30) !important;
  }

  .ml-md-30 {
    margin-left: var(--wp--preset--spacing--30) !important;
  }

  .mx-md-30 {
    margin-right: var(--wp--preset--spacing--30) !important;
    margin-left: var(--wp--preset--spacing--30) !important;
  }

  .my-md-30 {
    margin-top: var(--wp--preset--spacing--30) !important;
    margin-bottom: var(--wp--preset--spacing--30) !important;
  }

  .mt-md-40 {
    margin-top: var(--wp--preset--spacing--40) !important;
  }

  .mr-md-40 {
    margin-right: var(--wp--preset--spacing--40) !important;
  }

  .mb-md-40 {
    margin-bottom: var(--wp--preset--spacing--40) !important;
  }

  .ml-md-40 {
    margin-left: var(--wp--preset--spacing--40) !important;
  }

  .mx-md-40 {
    margin-right: var(--wp--preset--spacing--40) !important;
    margin-left: var(--wp--preset--spacing--40) !important;
  }

  .my-md-40 {
    margin-top: var(--wp--preset--spacing--40) !important;
    margin-bottom: var(--wp--preset--spacing--40) !important;
  }

  .mt-md-50 {
    margin-top: var(--wp--preset--spacing--50) !important;
  }

  .mr-md-50 {
    margin-right: var(--wp--preset--spacing--50) !important;
  }

  .mb-md-50 {
    margin-bottom: var(--wp--preset--spacing--50) !important;
  }

  .ml-md-50 {
    margin-left: var(--wp--preset--spacing--50) !important;
  }

  .mx-md-50 {
    margin-right: var(--wp--preset--spacing--50) !important;
    margin-left: var(--wp--preset--spacing--50) !important;
  }

  .my-md-50 {
    margin-top: var(--wp--preset--spacing--50) !important;
    margin-bottom: var(--wp--preset--spacing--50) !important;
  }

  .mt-md-60 {
    margin-top: var(--wp--preset--spacing--60) !important;
  }

  .mr-md-60 {
    margin-right: var(--wp--preset--spacing--60) !important;
  }

  .mb-md-60 {
    margin-bottom: var(--wp--preset--spacing--60) !important;
  }

  .ml-md-60 {
    margin-left: var(--wp--preset--spacing--60) !important;
  }

  .mx-md-60 {
    margin-right: var(--wp--preset--spacing--60) !important;
    margin-left: var(--wp--preset--spacing--60) !important;
  }

  .my-md-60 {
    margin-top: var(--wp--preset--spacing--60) !important;
    margin-bottom: var(--wp--preset--spacing--60) !important;
  }

  .mt-md-70 {
    margin-top: var(--wp--preset--spacing--70) !important;
  }

  .mr-md-70 {
    margin-right: var(--wp--preset--spacing--70) !important;
  }

  .mb-md-70 {
    margin-bottom: var(--wp--preset--spacing--70) !important;
  }

  .ml-md-70 {
    margin-left: var(--wp--preset--spacing--70) !important;
  }

  .mx-md-70 {
    margin-right: var(--wp--preset--spacing--70) !important;
    margin-left: var(--wp--preset--spacing--70) !important;
  }

  .my-md-70 {
    margin-top: var(--wp--preset--spacing--70) !important;
    margin-bottom: var(--wp--preset--spacing--70) !important;
  }

  .mt-md-75 {
    margin-top: var(--wp--preset--spacing--75) !important;
  }

  .mr-md-75 {
    margin-right: var(--wp--preset--spacing--75) !important;
  }

  .mb-md-75 {
    margin-bottom: var(--wp--preset--spacing--75) !important;
  }

  .ml-md-75 {
    margin-left: var(--wp--preset--spacing--75) !important;
  }

  .mx-md-75 {
    margin-right: var(--wp--preset--spacing--75) !important;
    margin-left: var(--wp--preset--spacing--75) !important;
  }

  .my-md-75 {
    margin-top: var(--wp--preset--spacing--75) !important;
    margin-bottom: var(--wp--preset--spacing--75) !important;
  }

  .mt-md-80 {
    margin-top: var(--wp--preset--spacing--80) !important;
  }

  .mr-md-80 {
    margin-right: var(--wp--preset--spacing--80) !important;
  }

  .mb-md-80 {
    margin-bottom: var(--wp--preset--spacing--80) !important;
  }

  .ml-md-80 {
    margin-left: var(--wp--preset--spacing--80) !important;
  }

  .mx-md-80 {
    margin-right: var(--wp--preset--spacing--80) !important;
    margin-left: var(--wp--preset--spacing--80) !important;
  }

  .my-md-80 {
    margin-top: var(--wp--preset--spacing--80) !important;
    margin-bottom: var(--wp--preset--spacing--80) !important;
  }

  .pt-md-20 {
    padding-top: var(--wp--preset--spacing--20) !important;
  }

  .pr-md-20 {
    padding-right: var(--wp--preset--spacing--20) !important;
  }

  .pb-md-20 {
    padding-bottom: var(--wp--preset--spacing--20) !important;
  }

  .pl-md-20 {
    padding-left: var(--wp--preset--spacing--20) !important;
  }

  .px-md-20 {
    padding-right: var(--wp--preset--spacing--20) !important;
    padding-left: var(--wp--preset--spacing--20) !important;
  }

  .py-md-20 {
    padding-top: var(--wp--preset--spacing--20) !important;
    padding-bottom: var(--wp--preset--spacing--20) !important;
  }

  .pt-md-30 {
    padding-top: var(--wp--preset--spacing--30) !important;
  }

  .pr-md-30 {
    padding-right: var(--wp--preset--spacing--30) !important;
  }

  .pb-md-30 {
    padding-bottom: var(--wp--preset--spacing--30) !important;
  }

  .pl-md-30 {
    padding-left: var(--wp--preset--spacing--30) !important;
  }

  .px-md-30 {
    padding-right: var(--wp--preset--spacing--30) !important;
    padding-left: var(--wp--preset--spacing--30) !important;
  }

  .py-md-30 {
    padding-top: var(--wp--preset--spacing--30) !important;
    padding-bottom: var(--wp--preset--spacing--30) !important;
  }

  .pt-md-40 {
    padding-top: var(--wp--preset--spacing--40) !important;
  }

  .pr-md-40 {
    padding-right: var(--wp--preset--spacing--40) !important;
  }

  .pb-md-40 {
    padding-bottom: var(--wp--preset--spacing--40) !important;
  }

  .pl-md-40 {
    padding-left: var(--wp--preset--spacing--40) !important;
  }

  .px-md-40 {
    padding-right: var(--wp--preset--spacing--40) !important;
    padding-left: var(--wp--preset--spacing--40) !important;
  }

  .py-md-40 {
    padding-top: var(--wp--preset--spacing--40) !important;
    padding-bottom: var(--wp--preset--spacing--40) !important;
  }

  .pt-md-50 {
    padding-top: var(--wp--preset--spacing--50) !important;
  }

  .pr-md-50 {
    padding-right: var(--wp--preset--spacing--50) !important;
  }

  .pb-md-50 {
    padding-bottom: var(--wp--preset--spacing--50) !important;
  }

  .pl-md-50 {
    padding-left: var(--wp--preset--spacing--50) !important;
  }

  .px-md-50 {
    padding-right: var(--wp--preset--spacing--50) !important;
    padding-left: var(--wp--preset--spacing--50) !important;
  }

  .py-md-50 {
    padding-top: var(--wp--preset--spacing--50) !important;
    padding-bottom: var(--wp--preset--spacing--50) !important;
  }

  .pt-md-60 {
    padding-top: var(--wp--preset--spacing--60) !important;
  }

  .pr-md-60 {
    padding-right: var(--wp--preset--spacing--60) !important;
  }

  .pb-md-60 {
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }

  .pl-md-60 {
    padding-left: var(--wp--preset--spacing--60) !important;
  }

  .px-md-60 {
    padding-right: var(--wp--preset--spacing--60) !important;
    padding-left: var(--wp--preset--spacing--60) !important;
  }

  .py-md-60 {
    padding-top: var(--wp--preset--spacing--60) !important;
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }

  .pt-md-70 {
    padding-top: var(--wp--preset--spacing--70) !important;
  }

  .pr-md-70 {
    padding-right: var(--wp--preset--spacing--70) !important;
  }

  .pb-md-70 {
    padding-bottom: var(--wp--preset--spacing--70) !important;
  }

  .pl-md-70 {
    padding-left: var(--wp--preset--spacing--70) !important;
  }

  .px-md-70 {
    padding-right: var(--wp--preset--spacing--70) !important;
    padding-left: var(--wp--preset--spacing--70) !important;
  }

  .py-md-70 {
    padding-top: var(--wp--preset--spacing--70) !important;
    padding-bottom: var(--wp--preset--spacing--70) !important;
  }

  .pt-md-75 {
    padding-top: var(--wp--preset--spacing--75) !important;
  }

  .pr-md-75 {
    padding-right: var(--wp--preset--spacing--75) !important;
  }

  .pb-md-75 {
    padding-bottom: var(--wp--preset--spacing--75) !important;
  }

  .pl-md-75 {
    padding-left: var(--wp--preset--spacing--75) !important;
  }

  .px-md-75 {
    padding-right: var(--wp--preset--spacing--75) !important;
    padding-left: var(--wp--preset--spacing--75) !important;
  }

  .py-md-75 {
    padding-top: var(--wp--preset--spacing--75) !important;
    padding-bottom: var(--wp--preset--spacing--75) !important;
  }

  .pt-md-80 {
    padding-top: var(--wp--preset--spacing--80) !important;
  }

  .pr-md-80 {
    padding-right: var(--wp--preset--spacing--80) !important;
  }

  .pb-md-80 {
    padding-bottom: var(--wp--preset--spacing--80) !important;
  }

  .pl-md-80 {
    padding-left: var(--wp--preset--spacing--80) !important;
  }

  .px-md-80 {
    padding-right: var(--wp--preset--spacing--80) !important;
    padding-left: var(--wp--preset--spacing--80) !important;
  }

  .py-md-80 {
    padding-top: var(--wp--preset--spacing--80) !important;
    padding-bottom: var(--wp--preset--spacing--80) !important;
  }

}

@media (min-width: 48rem) {
  .mt-lg-20 {
    margin-top: var(--wp--preset--spacing--20) !important;
  }

  .mr-lg-20 {
    margin-right: var(--wp--preset--spacing--20) !important;
  }

  .mb-lg-20 {
    margin-bottom: var(--wp--preset--spacing--20) !important;
  }

  .ml-lg-20 {
    margin-left: var(--wp--preset--spacing--20) !important;
  }

  .mx-lg-20 {
    margin-right: var(--wp--preset--spacing--20) !important;
    margin-left: var(--wp--preset--spacing--20) !important;
  }

  .my-lg-20 {
    margin-top: var(--wp--preset--spacing--20) !important;
    margin-bottom: var(--wp--preset--spacing--20) !important;
  }

  .mt-lg-30 {
    margin-top: var(--wp--preset--spacing--30) !important;
  }

  .mr-lg-30 {
    margin-right: var(--wp--preset--spacing--30) !important;
  }

  .mb-lg-30 {
    margin-bottom: var(--wp--preset--spacing--30) !important;
  }

  .ml-lg-30 {
    margin-left: var(--wp--preset--spacing--30) !important;
  }

  .mx-lg-30 {
    margin-right: var(--wp--preset--spacing--30) !important;
    margin-left: var(--wp--preset--spacing--30) !important;
  }

  .my-lg-30 {
    margin-top: var(--wp--preset--spacing--30) !important;
    margin-bottom: var(--wp--preset--spacing--30) !important;
  }

  .mt-lg-40 {
    margin-top: var(--wp--preset--spacing--40) !important;
  }

  .mr-lg-40 {
    margin-right: var(--wp--preset--spacing--40) !important;
  }

  .mb-lg-40 {
    margin-bottom: var(--wp--preset--spacing--40) !important;
  }

  .ml-lg-40 {
    margin-left: var(--wp--preset--spacing--40) !important;
  }

  .mx-lg-40 {
    margin-right: var(--wp--preset--spacing--40) !important;
    margin-left: var(--wp--preset--spacing--40) !important;
  }

  .my-lg-40 {
    margin-top: var(--wp--preset--spacing--40) !important;
    margin-bottom: var(--wp--preset--spacing--40) !important;
  }

  .mt-lg-50 {
    margin-top: var(--wp--preset--spacing--50) !important;
  }

  .mr-lg-50 {
    margin-right: var(--wp--preset--spacing--50) !important;
  }

  .mb-lg-50 {
    margin-bottom: var(--wp--preset--spacing--50) !important;
  }

  .ml-lg-50 {
    margin-left: var(--wp--preset--spacing--50) !important;
  }

  .mx-lg-50 {
    margin-right: var(--wp--preset--spacing--50) !important;
    margin-left: var(--wp--preset--spacing--50) !important;
  }

  .my-lg-50 {
    margin-top: var(--wp--preset--spacing--50) !important;
    margin-bottom: var(--wp--preset--spacing--50) !important;
  }

  .mt-lg-60 {
    margin-top: var(--wp--preset--spacing--60) !important;
  }

  .mr-lg-60 {
    margin-right: var(--wp--preset--spacing--60) !important;
  }

  .mb-lg-60 {
    margin-bottom: var(--wp--preset--spacing--60) !important;
  }

  .ml-lg-60 {
    margin-left: var(--wp--preset--spacing--60) !important;
  }

  .mx-lg-60 {
    margin-right: var(--wp--preset--spacing--60) !important;
    margin-left: var(--wp--preset--spacing--60) !important;
  }

  .my-lg-60 {
    margin-top: var(--wp--preset--spacing--60) !important;
    margin-bottom: var(--wp--preset--spacing--60) !important;
  }

  .mt-lg-70 {
    margin-top: var(--wp--preset--spacing--70) !important;
  }

  .mr-lg-70 {
    margin-right: var(--wp--preset--spacing--70) !important;
  }

  .mb-lg-70 {
    margin-bottom: var(--wp--preset--spacing--70) !important;
  }

  .ml-lg-70 {
    margin-left: var(--wp--preset--spacing--70) !important;
  }

  .mx-lg-70 {
    margin-right: var(--wp--preset--spacing--70) !important;
    margin-left: var(--wp--preset--spacing--70) !important;
  }

  .my-lg-70 {
    margin-top: var(--wp--preset--spacing--70) !important;
    margin-bottom: var(--wp--preset--spacing--70) !important;
  }

  .mt-lg-75 {
    margin-top: var(--wp--preset--spacing--75) !important;
  }

  .mr-lg-75 {
    margin-right: var(--wp--preset--spacing--75) !important;
  }

  .mb-lg-75 {
    margin-bottom: var(--wp--preset--spacing--75) !important;
  }

  .ml-lg-75 {
    margin-left: var(--wp--preset--spacing--75) !important;
  }

  .mx-lg-75 {
    margin-right: var(--wp--preset--spacing--75) !important;
    margin-left: var(--wp--preset--spacing--75) !important;
  }

  .my-lg-75 {
    margin-top: var(--wp--preset--spacing--75) !important;
    margin-bottom: var(--wp--preset--spacing--75) !important;
  }

  .mt-lg-80 {
    margin-top: var(--wp--preset--spacing--80) !important;
  }

  .mr-lg-80 {
    margin-right: var(--wp--preset--spacing--80) !important;
  }

  .mb-lg-80 {
    margin-bottom: var(--wp--preset--spacing--80) !important;
  }

  .ml-lg-80 {
    margin-left: var(--wp--preset--spacing--80) !important;
  }

  .mx-lg-80 {
    margin-right: var(--wp--preset--spacing--80) !important;
    margin-left: var(--wp--preset--spacing--80) !important;
  }

  .my-lg-80 {
    margin-top: var(--wp--preset--spacing--80) !important;
    margin-bottom: var(--wp--preset--spacing--80) !important;
  }

  .pt-lg-20 {
    padding-top: var(--wp--preset--spacing--20) !important;
  }

  .pr-lg-20 {
    padding-right: var(--wp--preset--spacing--20) !important;
  }

  .pb-lg-20 {
    padding-bottom: var(--wp--preset--spacing--20) !important;
  }

  .pl-lg-20 {
    padding-left: var(--wp--preset--spacing--20) !important;
  }

  .px-lg-20 {
    padding-right: var(--wp--preset--spacing--20) !important;
    padding-left: var(--wp--preset--spacing--20) !important;
  }

  .py-lg-20 {
    padding-top: var(--wp--preset--spacing--20) !important;
    padding-bottom: var(--wp--preset--spacing--20) !important;
  }

  .pt-lg-30 {
    padding-top: var(--wp--preset--spacing--30) !important;
  }

  .pr-lg-30 {
    padding-right: var(--wp--preset--spacing--30) !important;
  }

  .pb-lg-30 {
    padding-bottom: var(--wp--preset--spacing--30) !important;
  }

  .pl-lg-30 {
    padding-left: var(--wp--preset--spacing--30) !important;
  }

  .px-lg-30 {
    padding-right: var(--wp--preset--spacing--30) !important;
    padding-left: var(--wp--preset--spacing--30) !important;
  }

  .py-lg-30 {
    padding-top: var(--wp--preset--spacing--30) !important;
    padding-bottom: var(--wp--preset--spacing--30) !important;
  }

  .pt-lg-40 {
    padding-top: var(--wp--preset--spacing--40) !important;
  }

  .pr-lg-40 {
    padding-right: var(--wp--preset--spacing--40) !important;
  }

  .pb-lg-40 {
    padding-bottom: var(--wp--preset--spacing--40) !important;
  }

  .pl-lg-40 {
    padding-left: var(--wp--preset--spacing--40) !important;
  }

  .px-lg-40 {
    padding-right: var(--wp--preset--spacing--40) !important;
    padding-left: var(--wp--preset--spacing--40) !important;
  }

  .py-lg-40 {
    padding-top: var(--wp--preset--spacing--40) !important;
    padding-bottom: var(--wp--preset--spacing--40) !important;
  }

  .pt-lg-50 {
    padding-top: var(--wp--preset--spacing--50) !important;
  }

  .pr-lg-50 {
    padding-right: var(--wp--preset--spacing--50) !important;
  }

  .pb-lg-50 {
    padding-bottom: var(--wp--preset--spacing--50) !important;
  }

  .pl-lg-50 {
    padding-left: var(--wp--preset--spacing--50) !important;
  }

  .px-lg-50 {
    padding-right: var(--wp--preset--spacing--50) !important;
    padding-left: var(--wp--preset--spacing--50) !important;
  }

  .py-lg-50 {
    padding-top: var(--wp--preset--spacing--50) !important;
    padding-bottom: var(--wp--preset--spacing--50) !important;
  }

  .pt-lg-60 {
    padding-top: var(--wp--preset--spacing--60) !important;
  }

  .pr-lg-60 {
    padding-right: var(--wp--preset--spacing--60) !important;
  }

  .pb-lg-60 {
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }

  .pl-lg-60 {
    padding-left: var(--wp--preset--spacing--60) !important;
  }

  .px-lg-60 {
    padding-right: var(--wp--preset--spacing--60) !important;
    padding-left: var(--wp--preset--spacing--60) !important;
  }

  .py-lg-60 {
    padding-top: var(--wp--preset--spacing--60) !important;
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }

  .pt-lg-70 {
    padding-top: var(--wp--preset--spacing--70) !important;
  }

  .pr-lg-70 {
    padding-right: var(--wp--preset--spacing--70) !important;
  }

  .pb-lg-70 {
    padding-bottom: var(--wp--preset--spacing--70) !important;
  }

  .pl-lg-70 {
    padding-left: var(--wp--preset--spacing--70) !important;
  }

  .px-lg-70 {
    padding-right: var(--wp--preset--spacing--70) !important;
    padding-left: var(--wp--preset--spacing--70) !important;
  }

  .py-lg-70 {
    padding-top: var(--wp--preset--spacing--70) !important;
    padding-bottom: var(--wp--preset--spacing--70) !important;
  }

  .pt-lg-75 {
    padding-top: var(--wp--preset--spacing--75) !important;
  }

  .pr-lg-75 {
    padding-right: var(--wp--preset--spacing--75) !important;
  }

  .pb-lg-75 {
    padding-bottom: var(--wp--preset--spacing--75) !important;
  }

  .pl-lg-75 {
    padding-left: var(--wp--preset--spacing--75) !important;
  }

  .px-lg-75 {
    padding-right: var(--wp--preset--spacing--75) !important;
    padding-left: var(--wp--preset--spacing--75) !important;
  }

  .py-lg-75 {
    padding-top: var(--wp--preset--spacing--75) !important;
    padding-bottom: var(--wp--preset--spacing--75) !important;
  }

  .pt-lg-80 {
    padding-top: var(--wp--preset--spacing--80) !important;
  }

  .pr-lg-80 {
    padding-right: var(--wp--preset--spacing--80) !important;
  }

  .pb-lg-80 {
    padding-bottom: var(--wp--preset--spacing--80) !important;
  }

  .pl-lg-80 {
    padding-left: var(--wp--preset--spacing--80) !important;
  }

  .px-lg-80 {
    padding-right: var(--wp--preset--spacing--80) !important;
    padding-left: var(--wp--preset--spacing--80) !important;
  }

  .py-lg-80 {
    padding-top: var(--wp--preset--spacing--80) !important;
    padding-bottom: var(--wp--preset--spacing--80) !important;
  }

}

@media (min-width: 62rem) {
  .mt-xl-20 {
    margin-top: var(--wp--preset--spacing--20) !important;
  }

  .mr-xl-20 {
    margin-right: var(--wp--preset--spacing--20) !important;
  }

  .mb-xl-20 {
    margin-bottom: var(--wp--preset--spacing--20) !important;
  }

  .ml-xl-20 {
    margin-left: var(--wp--preset--spacing--20) !important;
  }

  .mx-xl-20 {
    margin-right: var(--wp--preset--spacing--20) !important;
    margin-left: var(--wp--preset--spacing--20) !important;
  }

  .my-xl-20 {
    margin-top: var(--wp--preset--spacing--20) !important;
    margin-bottom: var(--wp--preset--spacing--20) !important;
  }

  .mt-xl-30 {
    margin-top: var(--wp--preset--spacing--30) !important;
  }

  .mr-xl-30 {
    margin-right: var(--wp--preset--spacing--30) !important;
  }

  .mb-xl-30 {
    margin-bottom: var(--wp--preset--spacing--30) !important;
  }

  .ml-xl-30 {
    margin-left: var(--wp--preset--spacing--30) !important;
  }

  .mx-xl-30 {
    margin-right: var(--wp--preset--spacing--30) !important;
    margin-left: var(--wp--preset--spacing--30) !important;
  }

  .my-xl-30 {
    margin-top: var(--wp--preset--spacing--30) !important;
    margin-bottom: var(--wp--preset--spacing--30) !important;
  }

  .mt-xl-40 {
    margin-top: var(--wp--preset--spacing--40) !important;
  }

  .mr-xl-40 {
    margin-right: var(--wp--preset--spacing--40) !important;
  }

  .mb-xl-40 {
    margin-bottom: var(--wp--preset--spacing--40) !important;
  }

  .ml-xl-40 {
    margin-left: var(--wp--preset--spacing--40) !important;
  }

  .mx-xl-40 {
    margin-right: var(--wp--preset--spacing--40) !important;
    margin-left: var(--wp--preset--spacing--40) !important;
  }

  .my-xl-40 {
    margin-top: var(--wp--preset--spacing--40) !important;
    margin-bottom: var(--wp--preset--spacing--40) !important;
  }

  .mt-xl-50 {
    margin-top: var(--wp--preset--spacing--50) !important;
  }

  .mr-xl-50 {
    margin-right: var(--wp--preset--spacing--50) !important;
  }

  .mb-xl-50 {
    margin-bottom: var(--wp--preset--spacing--50) !important;
  }

  .ml-xl-50 {
    margin-left: var(--wp--preset--spacing--50) !important;
  }

  .mx-xl-50 {
    margin-right: var(--wp--preset--spacing--50) !important;
    margin-left: var(--wp--preset--spacing--50) !important;
  }

  .my-xl-50 {
    margin-top: var(--wp--preset--spacing--50) !important;
    margin-bottom: var(--wp--preset--spacing--50) !important;
  }

  .mt-xl-60 {
    margin-top: var(--wp--preset--spacing--60) !important;
  }

  .mr-xl-60 {
    margin-right: var(--wp--preset--spacing--60) !important;
  }

  .mb-xl-60 {
    margin-bottom: var(--wp--preset--spacing--60) !important;
  }

  .ml-xl-60 {
    margin-left: var(--wp--preset--spacing--60) !important;
  }

  .mx-xl-60 {
    margin-right: var(--wp--preset--spacing--60) !important;
    margin-left: var(--wp--preset--spacing--60) !important;
  }

  .my-xl-60 {
    margin-top: var(--wp--preset--spacing--60) !important;
    margin-bottom: var(--wp--preset--spacing--60) !important;
  }

  .mt-xl-70 {
    margin-top: var(--wp--preset--spacing--70) !important;
  }

  .mr-xl-70 {
    margin-right: var(--wp--preset--spacing--70) !important;
  }

  .mb-xl-70 {
    margin-bottom: var(--wp--preset--spacing--70) !important;
  }

  .ml-xl-70 {
    margin-left: var(--wp--preset--spacing--70) !important;
  }

  .mx-xl-70 {
    margin-right: var(--wp--preset--spacing--70) !important;
    margin-left: var(--wp--preset--spacing--70) !important;
  }

  .my-xl-70 {
    margin-top: var(--wp--preset--spacing--70) !important;
    margin-bottom: var(--wp--preset--spacing--70) !important;
  }

  .mt-xl-75 {
    margin-top: var(--wp--preset--spacing--75) !important;
  }

  .mr-xl-75 {
    margin-right: var(--wp--preset--spacing--75) !important;
  }

  .mb-xl-75 {
    margin-bottom: var(--wp--preset--spacing--75) !important;
  }

  .ml-xl-75 {
    margin-left: var(--wp--preset--spacing--75) !important;
  }

  .mx-xl-75 {
    margin-right: var(--wp--preset--spacing--75) !important;
    margin-left: var(--wp--preset--spacing--75) !important;
  }

  .my-xl-75 {
    margin-top: var(--wp--preset--spacing--75) !important;
    margin-bottom: var(--wp--preset--spacing--75) !important;
  }

  .mt-xl-80 {
    margin-top: var(--wp--preset--spacing--80) !important;
  }

  .mr-xl-80 {
    margin-right: var(--wp--preset--spacing--80) !important;
  }

  .mb-xl-80 {
    margin-bottom: var(--wp--preset--spacing--80) !important;
  }

  .ml-xl-80 {
    margin-left: var(--wp--preset--spacing--80) !important;
  }

  .mx-xl-80 {
    margin-right: var(--wp--preset--spacing--80) !important;
    margin-left: var(--wp--preset--spacing--80) !important;
  }

  .my-xl-80 {
    margin-top: var(--wp--preset--spacing--80) !important;
    margin-bottom: var(--wp--preset--spacing--80) !important;
  }
  .pt-xl-20 {
    padding-top: var(--wp--preset--spacing--20) !important;
  }

  .pr-xl-20 {
    padding-right: var(--wp--preset--spacing--20) !important;
  }

  .pb-xl-20 {
    padding-bottom: var(--wp--preset--spacing--20) !important;
  }

  .pl-xl-20 {
    padding-left: var(--wp--preset--spacing--20) !important;
  }

  .px-xl-20 {
    padding-right: var(--wp--preset--spacing--20) !important;
    padding-left: var(--wp--preset--spacing--20) !important;
  }

  .py-xl-20 {
    padding-top: var(--wp--preset--spacing--20) !important;
    padding-bottom: var(--wp--preset--spacing--20) !important;
  }

  .pt-xl-30 {
    padding-top: var(--wp--preset--spacing--30) !important;
  }

  .pr-xl-30 {
    padding-right: var(--wp--preset--spacing--30) !important;
  }

  .pb-xl-30 {
    padding-bottom: var(--wp--preset--spacing--30) !important;
  }

  .pl-xl-30 {
    padding-left: var(--wp--preset--spacing--30) !important;
  }

  .px-xl-30 {
    padding-right: var(--wp--preset--spacing--30) !important;
    padding-left: var(--wp--preset--spacing--30) !important;
  }

  .py-xl-30 {
    padding-top: var(--wp--preset--spacing--30) !important;
    padding-bottom: var(--wp--preset--spacing--30) !important;
  }

  .pt-xl-40 {
    padding-top: var(--wp--preset--spacing--40) !important;
  }

  .pr-xl-40 {
    padding-right: var(--wp--preset--spacing--40) !important;
  }

  .pb-xl-40 {
    padding-bottom: var(--wp--preset--spacing--40) !important;
  }

  .pl-xl-40 {
    padding-left: var(--wp--preset--spacing--40) !important;
  }

  .px-xl-40 {
    padding-right: var(--wp--preset--spacing--40) !important;
    padding-left: var(--wp--preset--spacing--40) !important;
  }

  .py-xl-40 {
    padding-top: var(--wp--preset--spacing--40) !important;
    padding-bottom: var(--wp--preset--spacing--40) !important;
  }

  .pt-xl-50 {
    padding-top: var(--wp--preset--spacing--50) !important;
  }

  .pr-xl-50 {
    padding-right: var(--wp--preset--spacing--50) !important;
  }

  .pb-xl-50 {
    padding-bottom: var(--wp--preset--spacing--50) !important;
  }

  .pl-xl-50 {
    padding-left: var(--wp--preset--spacing--50) !important;
  }

  .px-xl-50 {
    padding-right: var(--wp--preset--spacing--50) !important;
    padding-left: var(--wp--preset--spacing--50) !important;
  }

  .py-xl-50 {
    padding-top: var(--wp--preset--spacing--50) !important;
    padding-bottom: var(--wp--preset--spacing--50) !important;
  }

  .pt-xl-60 {
    padding-top: var(--wp--preset--spacing--60) !important;
  }

  .pr-xl-60 {
    padding-right: var(--wp--preset--spacing--60) !important;
  }

  .pb-xl-60 {
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }

  .pl-xl-60 {
    padding-left: var(--wp--preset--spacing--60) !important;
  }

  .px-xl-60 {
    padding-right: var(--wp--preset--spacing--60) !important;
    padding-left: var(--wp--preset--spacing--60) !important;
  }

  .py-xl-60 {
    padding-top: var(--wp--preset--spacing--60) !important;
    padding-bottom: var(--wp--preset--spacing--60) !important;
  }

  .pt-xl-70 {
    padding-top: var(--wp--preset--spacing--70) !important;
  }

  .pr-xl-70 {
    padding-right: var(--wp--preset--spacing--70) !important;
  }

  .pb-xl-70 {
    padding-bottom: var(--wp--preset--spacing--70) !important;
  }

  .pl-xl-70 {
    padding-left: var(--wp--preset--spacing--70) !important;
  }

  .px-xl-70 {
    padding-right: var(--wp--preset--spacing--70) !important;
    padding-left: var(--wp--preset--spacing--70) !important;
  }

  .py-xl-70 {
    padding-top: var(--wp--preset--spacing--70) !important;
    padding-bottom: var(--wp--preset--spacing--70) !important;
  }

  .pt-xl-75 {
    padding-top: var(--wp--preset--spacing--75) !important;
  }

  .pr-xl-75 {
    padding-right: var(--wp--preset--spacing--75) !important;
  }

  .pb-xl-75 {
    padding-bottom: var(--wp--preset--spacing--75) !important;
  }

  .pl-xl-75 {
    padding-left: var(--wp--preset--spacing--75) !important;
  }

  .px-xl-75 {
    padding-right: var(--wp--preset--spacing--75) !important;
    padding-left: var(--wp--preset--spacing--75) !important;
  }

  .py-xl-75 {
    padding-top: var(--wp--preset--spacing--75) !important;
    padding-bottom: var(--wp--preset--spacing--75) !important;
  }

  .pt-xl-80 {
    padding-top: var(--wp--preset--spacing--80) !important;
  }

  .pr-xl-80 {
    padding-right: var(--wp--preset--spacing--80) !important;
  }

  .pb-xl-80 {
    padding-bottom: var(--wp--preset--spacing--80) !important;
  }

  .pl-xl-80 {
    padding-left: var(--wp--preset--spacing--80) !important;
  }

  .px-xl-80 {
    padding-right: var(--wp--preset--spacing--80) !important;
    padding-left: var(--wp--preset--spacing--80) !important;
  }

  .py-xl-80 {
    padding-top: var(--wp--preset--spacing--80) !important;
    padding-bottom: var(--wp--preset--spacing--80) !important;
  }
}

/* endregion Spacing */