@charset "UTF-8";
/**
 * @file
 * Partial imports.
 */
/* Abstracts. */
/**
 * @file
 * Functions.
 */
/* Converting px to em. */
/* Converting px to rem. */
/* Converting rem/px to em. */
/*
 * Retreive z-index from sass map.
 *
 * usage:
 * z-index: z('default');
*/
/**
 * @file
 * Variables.
 */
/* Greyscale. */
/* Oranges. */
/* Greens. */
/* Blue. */
/* Others. */
/* Button colors */
/* Transparent. */
/* Lightened / darkened. */
/* Engagement bar gradient. */
/* Selection colour. */
/* Selection colour. */
/*
 * Colors for classes.
 *
 * This should match /admin/structure/options_list/brand_colours
 */
/* Font sizing. */
/* Line height */
/* Font families. */
/* Breakpoints. */
/* Grid sizes. */
/* Padding */
/* Opacities */
/* Add to cart widget. */
/* Z-index. */
/**
 * @file
 * Mixins.
 */
/* Min-width breakpoints. */
/* Max-width breakpoints. */
/* Clearing floats. */
/* Visually hiding content. */
/* Print. */
/* Hiding for print. */
/* Font smoothing. */
/* Animation smoothing. */
/* Brand font. */
/* Checkout headers */
/* Vertically center */
/* Text shadow. */
/* A black tick on a green circle */
/* Common styles for text with adjacent images. */
/* Base. */
@import '@pqina/flip/dist/flip.min.css';
@font-face {
  font-family: "WWF";
  font-display: swap;
  src: url("../fonts/wwf.woff2") format("woff2"), url("../fonts/wwf.woff") format("woff"), url("../fonts/wwf.otf") format("otf");
}
@font-face {
  font-family: "icons";
  font-display: swap;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/wwf-icons/icons.eot?v1.2");
  src: url("../fonts/wwf-icons/icons.eot?v1.2#iefix") format("eot"), url("../fonts/wwf-icons/icons.woff?v1.2") format("woff"), url("../fonts/wwf-icons/icons.ttf?v1.2") format("truetype"), url("../fonts/wwf-icons/icons.svg?v1.2#icons") format("svg");
  font-display: swap;
}
/**
 * Format the icon font code e.g. e99b, into pseudo-ready content e.g. "\e99b".
 */
/**
 * Font application to generic DOM
 */
[class^=icon-] {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=icon-]::before {
  font-size: 1.25em;
}

.icon-x0-75 {
  font-size: 0.75em;
}
.icon-x1-5 {
  font-size: 1.5em;
}
.icon-x2 {
  font-size: 2em;
}
.icon-x2-5 {
  font-size: 2.5em;
}

.icon-chevron-down::before {
  content: "\e972";
}

.icon-chevron-left::before {
  content: "\e974";
}

.icon-chevron-right::before {
  content: "\e975";
}

.icon-chevron-up::before {
  content: "\e976";
}

.icon-cross::before {
  content: "\e977";
}

.icon-empty-chevron-down::before {
  content: "\e979";
}

.icon-empty-chevron-left::before {
  content: "\e97a";
}

.icon-empty-chevron-right::before {
  content: "\e97b";
}

.icon-empty-chevron-up::before {
  content: "\e97c";
}

.icon-empty-cross::before {
  content: "\e97d";
}

.icon-empty-minus::before {
  content: "\e97e";
}

.icon-empty-plus::before {
  content: "\e97f";
}

.icon-empty-square-cross::before {
  content: "\e980";
}

.icon-empty-square-minus::before {
  content: "\e981";
}

.icon-empty-square-plus::before {
  content: "\e982";
}

.icon-empty-square-tick::before {
  content: "\e983";
}

.icon-empty-tick::before {
  content: "\e984";
}

.icon-filled-chevron-down::before {
  content: "\e985";
}

.icon-filled-chevron-left::before {
  content: "\e986";
}

.icon-filled-chevron-right::before {
  content: "\e987";
}

.icon-filled-chevron-up::before {
  content: "\e988";
}

.icon-filled-cross::before {
  content: "\e989";
}

.icon-filled-minus::before {
  content: "\e98a";
}

.icon-filled-plus::before {
  content: "\e98b";
}

.icon-filled-square-cross::before {
  content: "\e98c";
}

.icon-filled-square-minus::before {
  content: "\e98d";
}

.icon-filled-square-plus::before {
  content: "\e98e";
}

.icon-filled-square-tick::before {
  content: "\e98f";
}

.icon-filled-tick::before {
  content: "\e990";
}

.icon-minus::before {
  content: "\e991";
}

.icon-plus::before {
  content: "\e992";
}

.icon-tick::before {
  content: "\e994";
}

.icon-search::before {
  content: "\e968";
}

.icon-zoom-in::before {
  content: "\e900";
}

/*
 * Focus Border - adds a black border around buttons.
 *
 * Usage:
 *  @include focus-border();
 *  @include focus-border(focus-within, true);
 */
/*
 * Submit Focus - adds a black border around submits.
 *
 * Usage:
 *  @include submit-focus;
 */
/* Base button. */
/*
 * Set button type.
 *
 * usage:
 * @include buttonType(primary);
*/
/**
 * @file
 * Form elements.
 */
/* Form item mixins */
/*
 * Ticked mixin.
 * The selector must be a sibling of the input.
*/
img {
  max-width: 100%;
  height: auto;
}

.media {
  position: relative;
}
.media figure {
  margin: 0;
}
.media .field-banner-image img {
  display: block;
}
.media .field-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0.125rem 0.375rem;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 0.875rem;
  z-index: 1;
}
.wwf-hero__media .media .field-caption {
  bottom: auto;
  top: 0;
  right: 0;
}

.icon--wwf_logo_panda, .icon--right-arrow, .icon--remove-item, .btn-remove::before,
input.btn-remove::before, .icon--left-arrow, .icon--icon-caret-down, .icon--edit-item, .btn-edit::before,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button::before,
.checkout-section-basket .order-item .address-book-edit-button::before,
input.btn-edit::before, .icon--clock-icon, .icon--chevron-right, .icon--chevron-left, .icon--chevron-down, .icon--burger-icon {
  background: url("icons/svg-sprite-983fba31.svg") no-repeat;
}

.icon--burger-icon {
  background-position: 95.3488372093% 13.0952380952%;
  width: 32px;
  height: 32px;
}

.icon--chevron-down {
  background-position: 92.4812030075% 40.6976744186%;
  width: 24px;
  height: 24px;
}

.icon--chevron-left {
  background-position: 95.3488372093% 22.619047619%;
  width: 32px;
  height: 32px;
}

.icon--chevron-right {
  background-position: 95.3488372093% 32.1428571429%;
  width: 32px;
  height: 32px;
}

.icon--clock-icon {
  background-position: 100% 0;
  width: 44px;
  height: 44px;
}

.icon--edit-item, .btn-edit::before,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button::before,
.checkout-section-basket .order-item .address-book-edit-button::before,
input.btn-edit::before {
  background-position: 90.4411764706% 46.8571428571%;
  width: 18px;
  height: 18px;
}

.icon--icon-caret-down {
  background-position: 99.2647058824% 40.1146131805%;
  width: 18px;
  height: 19px;
}

.icon--left-arrow {
  background-position: 97.0588235294% 46.8571428571%;
  width: 18px;
  height: 18px;
}

.icon--remove-item, .btn-remove::before,
input.btn-remove::before {
  background-position: 89.4545454545% 52%;
  width: 15px;
  height: 18px;
}

.icon--right-arrow {
  background-position: 95.9558823529% 52%;
  width: 18px;
  height: 18px;
}

.icon--wwf_logo_panda {
  background-position: 0 0;
  width: 246px;
  height: 368px;
}

/**
 * @file
 * Form checkbox elements.
 */
.type-checkbox {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  /* Hide the checkmark by default */
  /* Unhide on the checked state */
  /* Unhide on the checked state */
  /* Adding focus styles on the outer-box of the fake checkbox */
  /* stylelint-disable selector-no-qualifying-type */
  /* stylelint-enable selector-no-qualifying-type */
}
.type-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.type-checkbox label {
  display: inline-block;
  position: relative;
  /* Width of fake checkbox + distance between fake checkbox and text */
  padding-left: 32px;
  /* Outer box of the fake checkbox */
  /* Checkmark of the fake checkbox */
}
.type-checkbox label::before, .type-checkbox label::after {
  /* Needed for the line-height to take effect */
  display: inline-block;
  position: absolute;
  content: "";
}
.type-checkbox label::before {
  top: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #000;
}
.type-checkbox label::after {
  top: 1rem;
  left: 4px;
  width: 10px;
  height: 5px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
}
.type-checkbox input[type=checkbox] + label::after,
.type-checkbox input[type=checkbox] ~ label::after {
  content: none;
}
.type-checkbox input[type=checkbox]:checked + label::after,
.type-checkbox input[type=checkbox]:checked ~ label::after {
  content: "";
}
.type-checkbox input[type=checkbox]:checked + label::before,
.type-checkbox input[type=checkbox]:checked ~ label::before {
  background-color: #000;
}
.type-checkbox input[type=checkbox]:focus + label::before {
  outline: 3px solid #000;
  outline-offset: 3px;
}
.type-checkbox label.error {
  margin-bottom: 1.5rem;
}
.type-checkbox label.error::before {
  border: 1px #d14421 solid;
}
.type-checkbox label.error::after {
  content: none;
}
.type-checkbox span.error-message {
  display: block;
  position: absolute;
  bottom: 0.25rem;
  padding-left: 34px;
  color: #d14421;
  font-size: 0.8125rem;
}

.webform-submission-corporate-adoption-form {
  background-color: #f8f8f8;
  width: 100vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: 50%;
  padding-block: 3rem;
}
.webform-submission-corporate-adoption-form .error .form-item--error-message {
  color: #d4000c;
  padding: 1rem 0;
}
.webform-submission-corporate-adoption-form .wwf-form-wrapper {
  background-color: #fff;
  padding-block: 3rem;
  padding-inline: 1rem;
}
.webform-submission-corporate-adoption-form .type-webform-document-file {
  margin-block: 1.5rem;
}
.webform-submission-corporate-adoption-form .type-webform-document-file .wwf-button label {
  margin: 0;
  cursor: pointer;
}
.webform-submission-corporate-adoption-form .type-webform-document-file .wwf-button .file {
  padding: 0.5rem 0 0.5rem 1rem;
}
.webform-submission-corporate-adoption-form .type-webform-document-file .wwf-button .file::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 2;
  top: 16px;
  right: 10px;
  width: 21px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/../themes/custom/wwf_support/src/icons/remove-item.svg");
}
.webform-submission-corporate-adoption-form .type-webform-document-file .wwf-button .form-submit {
  position: absolute;
  top: 17px;
  right: 10px;
  width: 21px;
  height: 24px;
  z-index: 1;
  background: #fff;
  border: none;
  text-indent: -9999px;
  cursor: pointer;
  transition: background 0.2s linear;
}
.webform-submission-corporate-adoption-form .type-webform-document-file .wwf-button:hover .form-submit {
  background: #f8b715;
}
.webform-submission-corporate-adoption-form .type-webform-document-file .webform-file-button-input {
  position: relative;
  top: 0;
  display: none;
}
.webform-submission-corporate-adoption-form .type-webform-document-file span {
  display: inline-block;
  margin-inline: 0.125rem;
}
.webform-submission-corporate-adoption-form .wwf-upload {
  padding: 0;
}
.webform-submission-corporate-adoption-form .wwf-upload span:nth-child(3) {
  padding: 0.5rem 2.5rem 0.5rem 0;
}
.webform-submission-corporate-adoption-form .wwf-upload.error span,
.webform-submission-corporate-adoption-form .wwf-upload.error .file {
  padding: 0;
}
.webform-submission-corporate-adoption-form .wwf-upload.error,
.webform-submission-corporate-adoption-form .wwf-upload label {
  padding: 0.5rem 2.5rem 0.5rem 1rem;
}
.webform-submission-corporate-adoption-form .wwf-upload::after {
  pointer-events: none;
}
.webform-submission-corporate-adoption-form .form-actions input {
  width: 100%;
}

@media (min-width: 768px) {
  .webform-submission-corporate-adoption-form .wwf-form-wrapper {
    padding-inline: 3rem;
  }
  .webform-submission-corporate-adoption-form .type-processed-text p {
    font-size: 1.125rem;
  }
  .webform-submission-corporate-adoption-form .form-actions {
    text-align: right;
  }
  .webform-submission-corporate-adoption-form .form-actions input {
    width: auto;
  }
}
fieldset {
  margin: auto;
}
fieldset .form-required::after {
  content: "*";
  color: #d4000c;
}
fieldset .fieldset-wrapper > .description--before {
  margin-bottom: 1.5rem;
}
fieldset .fieldset-wrapper > .description--after {
  margin-top: 1.5rem;
}
fieldset .fieldset-wrapper > .form-item--error-message {
  margin-bottom: 10px;
  padding: 15px;
  transition: background-color 0.3s linear;
  background-color: #f36c42;
  color: #000;
}
fieldset.your-details {
  margin-bottom: 1rem;
}

label .helper {
  font-size: 0.875rem;
}
label.form-required::after {
  content: "*";
  color: #d4000c;
}

.path-user form,
.path-tfa form {
  display: block;
  margin: 0 auto;
}
@media only screen and (min-width: 37.5rem) {
  .path-user form,
  .path-tfa form {
    max-width: 700px;
  }
}
.path-user form > .form-wrapper.field--type-address,
.path-tfa form > .form-wrapper.field--type-address {
  display: block;
  margin-bottom: 1rem;
  padding: 0.5rem 1rem;
  border: 1px solid #000;
}
.path-user form summary[aria-expanded=true],
.path-tfa form summary[aria-expanded=true] {
  margin-bottom: 0.5rem;
}
.path-user form summary:focus,
.path-tfa form summary:focus {
  position: relative;
  outline: none;
}
.path-user form summary:focus::before,
.path-tfa form summary:focus::before {
  position: absolute;
  top: -0.5rem;
  right: -1rem;
  bottom: -0.5rem;
  left: -1rem;
  background: rgba(255, 191, 30, 0.8);
  content: "";
  z-index: -1;
}

.form-item--error-message {
  display: block;
  color: #d14421;
  font-size: 0.8125rem;
}
.form-item > .element-wrapper > label .helper {
  display: inline;
}
.form-item.type-checkbox > .element-wrapper > label .helper, .form-item.type-radio > .element-wrapper > label .helper {
  display: none;
}

.form-wrapper.address-container-inline {
  display: flex;
  flex-direction: column;
}
.form-wrapper.address-container-inline > .address-lookup-item {
  margin-right: 0;
}

/**
 * @file
 * Form elements.
 */
input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=date],
input[type=number],
textarea,
select,
.type-stripe > .element-wrapper {
  display: inline-block;
  width: 100%;
  padding: 3rem 0.75rem 0.875rem;
  background-color: #ededed;
  border: 1px solid #ededed;
  border-radius: 0;
  color: #5c5c5c;
  appearance: none;
  /* stylelint-disable */
  -webkit-appearance: none;
  /* stylelint-enable */
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .type-stripe > .element-wrapper::-webkit-input-placeholder {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .type-stripe > .element-wrapper:-ms-input-placeholder {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, .type-stripe > .element-wrapper::-ms-input-placeholder {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=tel]::placeholder,
input[type=url]::placeholder,
input[type=search]::placeholder,
input[type=date]::placeholder,
input[type=number]::placeholder,
textarea::placeholder,
select::placeholder,
.type-stripe > .element-wrapper::placeholder {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=number]:focus,
textarea:focus,
select:focus,
.type-stripe > .element-wrapper:focus {
  outline: 4px solid #000;
  outline-offset: 2px;
}
input[type=text]:hover, input[type=text]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=url]:hover,
input[type=url]:focus,
input[type=search]:hover,
input[type=search]:focus,
input[type=date]:hover,
input[type=date]:focus,
input[type=number]:hover,
input[type=number]:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
.type-stripe > .element-wrapper:hover,
.type-stripe > .element-wrapper:focus {
  background-color: #e4e4e4;
}
input[type=text].error,
input[type=email].error,
input[type=password].error,
input[type=tel].error,
input[type=url].error,
input[type=search].error,
input[type=date].error,
input[type=number].error,
textarea.error,
select.error,
.type-stripe > .element-wrapper.error {
  border-color: #d4000c;
  background-color: #fff;
}
input[type=text].error + label,
input[type=email].error + label,
input[type=password].error + label,
input[type=tel].error + label,
input[type=url].error + label,
input[type=search].error + label,
input[type=date].error + label,
input[type=number].error + label,
textarea.error + label,
select.error + label,
.type-stripe > .element-wrapper.error + label {
  font-family: "Open Sans", Arial, sans-serif;
  color: #d4000c;
  font-size: 0.75rem;
  line-height: 1.33333;
  margin-top: 0.3125rem;
}

input[type=submit] {
  border-radius: 0;
  -webkit-appearance: none;
          appearance: none;
}

input[type=hidden] {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* Form fields */
/* Make sure the currency symbol is in line with the input. */
.type-commerce-number .field-prefix {
  display: inline-block;
  width: 1.25rem;
}
.type-commerce-number input {
  width: calc(100% - 1.875rem);
}

.type-textfield,
.type-email,
.type-select,
.type-tel,
.type-password,
.type-item,
.type-date,
.type-datepicker,
.type-number,
.type-stripe,
.type-commerce-number,
.type-textarea {
  margin-bottom: 1rem;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-enable */
}
.type-textfield .element-wrapper,
.type-email .element-wrapper,
.type-select .element-wrapper,
.type-tel .element-wrapper,
.type-password .element-wrapper,
.type-item .element-wrapper,
.type-date .element-wrapper,
.type-datepicker .element-wrapper,
.type-number .element-wrapper,
.type-stripe .element-wrapper,
.type-commerce-number .element-wrapper,
.type-textarea .element-wrapper {
  position: relative;
}
.type-textfield .element-wrapper::before,
.type-email .element-wrapper::before,
.type-select .element-wrapper::before,
.type-tel .element-wrapper::before,
.type-password .element-wrapper::before,
.type-item .element-wrapper::before,
.type-date .element-wrapper::before,
.type-datepicker .element-wrapper::before,
.type-number .element-wrapper::before,
.type-stripe .element-wrapper::before,
.type-commerce-number .element-wrapper::before,
.type-textarea .element-wrapper::before {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: -1;
}
.type-textfield .description,
.type-email .description,
.type-select .description,
.type-tel .description,
.type-password .description,
.type-item .description,
.type-date .description,
.type-datepicker .description,
.type-number .description,
.type-stripe .description,
.type-commerce-number .description,
.type-textarea .description {
  margin-top: 1rem;
}
.type-textfield label,
.type-email label,
.type-select label,
.type-tel label,
.type-password label,
.type-item label,
.type-date label,
.type-datepicker label,
.type-number label,
.type-stripe label,
.type-commerce-number label,
.type-textarea label {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  display: block;
  font-size: 1.125rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  top: 0.5rem;
  left: 0.75rem;
  white-space: nowrap;
}
.type-textfield label.error,
.type-email label.error,
.type-select label.error,
.type-tel label.error,
.type-password label.error,
.type-item label.error,
.type-date label.error,
.type-datepicker label.error,
.type-number label.error,
.type-stripe label.error,
.type-commerce-number label.error,
.type-textarea label.error {
  color: #d4000c;
}
.type-textfield span.error-message,
.type-email span.error-message,
.type-select span.error-message,
.type-tel span.error-message,
.type-password span.error-message,
.type-item span.error-message,
.type-date span.error-message,
.type-datepicker span.error-message,
.type-number span.error-message,
.type-stripe span.error-message,
.type-commerce-number span.error-message,
.type-textarea span.error-message {
  display: block;
  color: #d4000c;
  font-size: 0.8125rem;
  margin-top: 0.3125rem;
}
.type-textfield span.error-message.grey-background,
.type-email span.error-message.grey-background,
.type-select span.error-message.grey-background,
.type-tel span.error-message.grey-background,
.type-password span.error-message.grey-background,
.type-item span.error-message.grey-background,
.type-date span.error-message.grey-background,
.type-datepicker span.error-message.grey-background,
.type-number span.error-message.grey-background,
.type-stripe span.error-message.grey-background,
.type-commerce-number span.error-message.grey-background,
.type-textarea span.error-message.grey-background {
  background-color: #ededed;
  margin-top: 0;
  padding-top: 0.3125rem;
}

.type-textfield {
  background-color: #fff;
}

.type-email,
.type-date {
  background-color: #fff;
}

.type-select .element-wrapper {
  background-color: #fff;
  color: #000;
}

/* stylelint-disable */
#admin-toolbar-search-tab .type-textfield .element-wrapper {
  padding: 0;
  border: 0;
}

/* stylelint-enable */
.form-disabled {
  transition: opacity 0.3s linear;
  opacity: 0.6;
}

.form-item-payment-information-add-payment-method-payment-details-card,
.form-item-payment-payment-information-add-payment-method-payment-details-card {
  background: #ededed;
  padding: 0.625rem 0.875rem;
}
.form-item-payment-information-add-payment-method-payment-details-card label,
.form-item-payment-payment-information-add-payment-method-payment-details-card label {
  position: static !important;
}

.stripe-form {
  position: relative;
}
.stripe-form .messages.messages--error {
  padding: 0;
  border: 0;
  margin: 0;
  background-color: transparent;
  background-image: none;
  position: absolute;
  bottom: -1.5rem;
  font-family: "Open Sans", Arial, sans-serif;
  color: #d4000c;
  font-size: 0.75rem;
  line-height: 1.33333;
}

.type-textarea textarea {
  resize: none;
  border-color: #000;
}
.type-textarea .description {
  margin-top: 0;
}
.type-textarea .webform-element-description {
  font-size: 0.875rem;
}

.type-stripe .element-wrapper {
  border-color: #000;
}
.type-stripe .element-wrapper:has(label.visually-hidden) {
  padding-top: 0.875rem;
}
.type-stripe .element-wrapper label > .helper {
  display: none;
}
.type-stripe .element-wrapper .StripeElement {
  border: none;
}

.wwf-campaign__form {
  background-color: #ededed;
  padding: 24px 24px 84px;
  margin-bottom: 48px;
  position: relative;
}
.wwf-campaign__form .contextual-region {
  position: initial;
}
.wwf-campaign__form input,
.wwf-campaign__form select {
  border-color: #000;
}
.wwf-campaign .webform-required {
  display: none;
}
.wwf-campaign .wwf-legend {
  display: block;
  width: 100%;
  margin-bottom: 0;
}
.wwf-campaign .wwf-legend .helper {
  display: none;
}
.wwf-campaign .captcha__title {
  display: none;
}
.wwf-campaign .g-recaptcha {
  -webkit-transform: scale(0.77);
          transform: scale(0.77);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  margin-top: 1rem;
  width: 150px;
}
.wwf-campaign .wwf-button--reverse {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.wwf-campaign .radios--wrapper .fieldset-legend {
  font-size: 16px;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 1.75;
  text-transform: initial;
  letter-spacing: 0.00125em;
  font-weight: 700;
}
.wwf-campaign .radios--wrapper.how-old-are-you legend {
  border-top: 1px solid #000;
}
.wwf-campaign .radios--wrapper .type-radio label::before {
  border-color: #000;
}
.wwf-campaign .type-checkbox label::before,
.wwf-campaign .wwf-campaign__form .cross-sell-container .type-checkbox label::before {
  color: #000;
  border-color: #fff;
}
.wwf-campaign .wwf-campaign__form .type-checkbox label::before {
  border-color: #000;
}
.wwf-campaign .marketing-preferences {
  margin-bottom: 24px;
}
.wwf-campaign .marketing-preferences a {
  word-break: break-word;
}
.wwf-campaign .cross-sell-container {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 0;
}
.wwf-campaign .cross-sell-container legend {
  width: 100%;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  padding-top: 24px;
  padding-inline: 24px;
  text-transform: uppercase;
  font-size: 1.25rem;
  margin-bottom: 16px;
  background-color: #000;
}
.wwf-campaign .cross-sell-container .fieldset-wrapper {
  padding-inline: 24px;
  padding-bottom: 24px;
}
.wwf-campaign .cross-sell-container .form-item-cross-sell .field-prefix {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
}

@media (min-width: 768px) {
  .wwf-campaign .cross-sell-container legend {
    font-size: 1.75rem;
  }
}
/**
 * @file
 * Form radio elements.
 */
.legacy-popup-capture .legacy-popup-options legend,
.radios--buttons legend,
.radios--wrapper legend {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
  overflow: hidden;
  margin-bottom: 0.5rem;
  padding-top: 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .legacy-popup-capture .legacy-popup-options legend,
  .radios--buttons legend,
  .radios--wrapper legend {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .legacy-popup-capture .legacy-popup-options legend,
  .radios--buttons legend,
  .radios--wrapper legend {
    padding-top: 1.5rem;
  }
}
.legacy-popup-capture .legacy-popup-options .type-radio,
.radios--buttons .type-radio,
.radios--wrapper .type-radio {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* Hide the checkmark by default */
  /* stylelint-enable */
}
@media only screen and (min-width: 37.5rem) {
  .legacy-popup-capture .legacy-popup-options .type-radio,
  .radios--buttons .type-radio,
  .radios--wrapper .type-radio {
    width: 50%;
    margin-bottom: 1rem;
    float: left;
  }
}
.legacy-popup-capture .legacy-popup-options .type-radio input[type=radio],
.radios--buttons .type-radio input[type=radio],
.radios--wrapper .type-radio input[type=radio] {
  position: absolute;
  opacity: 0;
}
.legacy-popup-capture .legacy-popup-options .type-radio:hover input:not(:checked) ~ label::after,
.radios--buttons .type-radio:hover input:not(:checked) ~ label::after,
.radios--wrapper .type-radio:hover input:not(:checked) ~ label::after {
  content: "";
  background: #ededed;
}
.legacy-popup-capture .legacy-popup-options .type-radio label,
.radios--buttons .type-radio label,
.radios--wrapper .type-radio label {
  display: inline-block;
  position: relative;
  /* Width of fake radio + distance between fake radio and text */
  padding-left: 34px;
  /* Outer box of the fake radio */
  /* Checkmark of the fake radio */
}
.legacy-popup-capture .legacy-popup-options .type-radio label::before, .legacy-popup-capture .legacy-popup-options .type-radio label::after,
.radios--buttons .type-radio label::before,
.radios--buttons .type-radio label::after,
.radios--wrapper .type-radio label::before,
.radios--wrapper .type-radio label::after {
  /* Needed for the line-height to take effect */
  display: inline-block;
  position: absolute;
  content: "";
}
.legacy-popup-capture .legacy-popup-options .type-radio label::before,
.radios--buttons .type-radio label::before,
.radios--wrapper .type-radio label::before {
  top: 2px;
  left: 4px;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 100%;
}
.legacy-popup-capture .legacy-popup-options .type-radio label::after,
.radios--buttons .type-radio label::after,
.radios--wrapper .type-radio label::after {
  top: 5px;
  left: 7px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: #8cc63f;
}
.legacy-popup-capture .legacy-popup-options .type-radio input,
.radios--buttons .type-radio input,
.radios--wrapper .type-radio input {
  /* Unhide on the checked state */
  /* Adding focus styles on the outer-box of the fake checkbox */
}
.legacy-popup-capture .legacy-popup-options .type-radio input ~ label::after,
.radios--buttons .type-radio input ~ label::after,
.radios--wrapper .type-radio input ~ label::after {
  content: none;
}
.legacy-popup-capture .legacy-popup-options .type-radio input:checked ~ label::after,
.radios--buttons .type-radio input:checked ~ label::after,
.radios--wrapper .type-radio input:checked ~ label::after {
  content: "";
}
.legacy-popup-capture .legacy-popup-options .type-radio input:focus ~ label::before,
.radios--buttons .type-radio input:focus ~ label::before,
.radios--wrapper .type-radio input:focus ~ label::before {
  outline: 4px solid #000;
  outline-offset: 2px;
}
.legacy-popup-capture .legacy-popup-options .type-radio input.error ~ label::before,
.radios--buttons .type-radio input.error ~ label::before,
.radios--wrapper .type-radio input.error ~ label::before {
  border-color: #d14421;
}
.legacy-popup-capture .legacy-popup-options .type-radio:nth-of-type(odd),
.radios--buttons .type-radio:nth-of-type(odd),
.radios--wrapper .type-radio:nth-of-type(odd) {
  clear: left;
}
.legacy-popup-capture .legacy-popup-options span.error-message,
.radios--buttons span.error-message,
.radios--wrapper span.error-message {
  display: block;
  color: #d14421;
  font-size: 0.8125rem;
}

.legacy-popup-capture .legacy-popup-options .type-radio label::before {
  border-color: #cccccc;
  top: 0.25rem;
}
.legacy-popup-capture .legacy-popup-options .type-radio label::after {
  top: 0.4375rem;
  left: 0.4375rem;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 100%;
  background: #000;
}

/**
 * @file
 * Big radio buttons.
 */
/* stylelint-disable no-descending-specificity */
.radios--large > div > div {
  display: block !important;
  text-align: center;
}
.radios--large .type-radio label {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  display: block;
  position: relative;
  padding: 0.5rem;
  background-color: #ededed;
  border: 0.0625em solid #ededed;
  border-radius: 0;
  font-size: 1.125rem;
  text-transform: uppercase;
}
.radios--large .type-radio label:focus {
  outline: 4px solid #000;
  outline-offset: 2px;
}
.radios--large .type-radio label span {
  display: block;
  margin-top: 0.3125rem;
  font-size: 16px;
  text-transform: none;
}
@media only screen and (min-width: 37.5rem) {
  .radios--large .type-radio label span {
    margin-top: 0.625rem;
    font-size: 1.125rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .radios--large .type-radio label span {
    font-size: 1.25rem;
  }
}
.radios--large .type-radio input {
  position: absolute;
  padding: 0;
  opacity: 0;
}
.radios--large .type-radio input:checked + label {
  border: 0.0625em solid #8cc63f;
  background-color: #000;
  color: #fff;
}
.radios--large .type-radio input:focus + label {
  outline: 4px solid #000;
  outline-offset: 2px;
}

/* Two-column large radio buttons. */
.radios--large--half .fieldset-wrapper > div {
  display: flex;
}
.radios--large--half .element-wrapper {
  height: 100%;
}
.radios--large--half .type-radio {
  display: inline-block;
  width: 49%;
  margin: 10px auto;
  margin-bottom: 0.75rem;
  text-align: center;
}
.radios--large--half .type-radio label {
  width: 100%;
  height: 100%;
  border-radius: 0;
  line-height: 1.5;
}
@media only screen and (min-width: 37.5rem) {
  .radios--large--half .type-radio label {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .radios--large--half .type-radio label {
    font-size: 1.75rem;
  }
}
.radios--large--half .type-radio label .small {
  display: block;
  margin-top: 0.7em;
  letter-spacing: 0;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
}
.radios--large--half .type-radio label.large {
  padding-top: 2.1875rem;
  padding-bottom: 2.1875rem;
}
.radios--large--half .type-radio:nth-child(odd) {
  padding-right: 0.5625em;
}
.radios--large--half .type-radio:nth-child(even) {
  padding-left: 0.5625em;
}

/* Full-width large radio buttons. */
.radios--large--full .type-radio {
  padding: 0.5rem 0;
  color: #939393;
}

/* stylelint-enable no-descending-specificity */
/**
 * @file
 * Form select elements.
 */
option {
  padding: 0.5rem 0;
  text-transform: uppercase;
}

.type-select .element-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  right: 1.5rem;
  bottom: 1.25rem;
  width: 0;
  height: 0;
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  pointer-events: none;
}
.type-select .element-wrapper.error::after {
  bottom: 2.5rem;
  border-top: 5px solid #d14421;
}
.type-select select {
  /* stylelint-disable */
  /* stylelint-enable */
}
.type-select select::ms-expand {
  display: none;
}
.type-select select.error {
  color: #d4000c;
}
.type-select select::after {
  display: block;
  position: absolute;
  left: 0;
  content: "";
}
.type-select label {
  z-index: 1;
}

/**
 * @file
 * Single-page custom forms with expanding sections.
 */
.checkout-section {
  background: #fff;
}
.checkout-section .section-summary {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
  display: none;
  overflow: hidden;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section .section-summary {
    padding: 0.75rem 3rem;
  }
}
.state-editing.checkout-section {
  margin-bottom: 0.75rem;
}
.state-complete.checkout-section {
  padding-bottom: 1.5rem;
}
.state-complete.checkout-section .section-summary {
  display: block;
}
:last-of-type .checkout-section {
  margin-bottom: 0;
}
.checkout-section legend {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section legend {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section legend {
    margin-bottom: 1.5rem;
  }
}
.checkout-section legend.visually-hidden {
  width: 1px;
  margin-bottom: 0;
}
.checkout-section .radios--buttons legend {
  margin-bottom: 0.5rem;
}

fieldset.checkout-pane > legend {
  margin-bottom: 0;
}

.single-page-form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.single-page-form a {
  color: #d14421;
  font-weight: bold;
}
.single-page-form a:hover, .single-page-form a:focus, .single-page-form a:active {
  text-decoration: none;
}
.single-page-form .description {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
.single-page-form .complete-request .form-submit {
  width: 100%;
  border-bottom: 3px solid #fbca97;
}
.single-page-form .complete-request .form-submit:hover, .single-page-form .complete-request .form-submit:focus {
  border-bottom: 3px solid #f89834;
}
.single-page-form .form-section .section-summary p {
  margin-bottom: 0.25rem;
}
.single-page-form .form-section .section-summary .summary-address .summary-line {
  font-size: 0.875rem;
}
.single-page-form .form-section .section-actions {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
}
@media only screen and (min-width: 56.25rem) {
  .single-page-form .form-section .section-actions {
    padding: 0.75rem 3rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .single-page-form .form-section .section-actions {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.single-page-form .form-section.state-new .section-actions {
  padding: 0;
}
.single-page-form .form-section.state-editing .complete-request {
  padding-bottom: 1.5rem;
}
@media only screen and (min-width: 56.25rem) {
  .single-page-form .form-section.state-editing .complete-request {
    padding-bottom: 3rem;
  }
}
.single-page-form .form-section.state-complete {
  padding-bottom: 0;
}
.single-page-form .form-section.state-complete .section-actions {
  padding-top: 0;
  text-align: right;
}

.datepicker {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.datepicker__trigger {
  width: auto;
  cursor: pointer;
  vertical-align: middle;
}
.datepicker__trigger img {
  max-width: 30px;
  max-height: 30px;
}
.datepicker__input {
  /* Allow for the calendar icon. */
  max-width: calc(100% - 50px);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  border-color: #8cc63f;
  background: #8cc63f;
  color: #fff;
  box-shadow: none;
}

/* stylelint-disable no-descending-specificity */
.select2-container--default .select2-selection--single {
  position: relative;
  padding: 3rem 0.75rem 0.875rem;
  background-color: #ededed !important;
  border: 1px solid #ededed !important;
  height: auto !important;
  border-radius: 0 !important;
}
.select2-container--default .select2-selection--single:focus {
  outline: 4px solid #000;
  outline-offset: 2px;
}

span.select2-dropdown.select2-dropdown--above {
  border-bottom: 1px solid #939393;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 5px 5px;
  border-color: transparent transparent #000;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: auto !important;
  right: 1.5rem !important;
  bottom: 1.25rem;
  height: auto !important;
  width: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0;
  border-color: #000 transparent transparent !important;
  position: static;
  display: block;
  margin: 0;
}

span.select2-dropdown.select2-dropdown--below {
  border-top: 1px solid #939393;
}

.form-item-details-your-details-profile-address-0-address-country-code .element-wrapper::after,
div[id*=item-details-edit-gift-recipient-info-profile-address-0-address-country-code] .element-wrapper::after {
  display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0;
  color: #5c5c5c;
}

/**
 * @file
 * Typography.
 */
/* Base. */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #000;
  line-height: 1.714;
  letter-spacing: 0.00125em;
  -webkit-text-size-adjust: 100%;
  font-family: "Open Sans", Arial, sans-serif;
}

body {
  margin: 0;
  font-size: 0.875rem;
}

/* Select. */
::selection {
  background-color: rgba(255, 191, 30, 0.8);
}

/* Focus. */
:focus {
  outline: none;
}

/* Links. */
a {
  transition: color 0.1s linear;
  color: inherit;
}
a:hover, a:focus, a:active {
  color: #717171;
}

/* Headings. */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 0;
}
h1::selection,
.h1::selection,
h2::selection,
.h2::selection,
h3::selection,
.h3::selection,
h4::selection,
.h4::selection,
h5::selection,
.h5::selection,
h6::selection,
.h6::selection {
  background: none;
  text-shadow: 3px 3px 0 rgba(255, 191, 30, 0.8);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.5;
}

h6,
.h6 {
  font-weight: 400;
}

h1,
.h1 {
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
}

h2,
.h2 {
  margin-bottom: 1.25rem;
  font-size: 2rem;
}

h3,
.h3 {
  margin-bottom: 1.25rem;
  font-size: 1.625rem;
}

h4,
.h4 {
  margin-bottom: 1.125rem;
  font-size: 1.25rem;
}

h5,
.h5 {
  margin-bottom: 16px;
  font-size: 1.125rem;
}

h6,
.h6 {
  font-size: 16px;
}

/* Text. */
p {
  margin-top: 0;
  margin-bottom: 1rem;
}

.wwf-line-height-1 {
  line-height: 1;
}

.wwf-text--bold {
  font-weight: bold;
}

.wwf-text--uppercase {
  text-transform: uppercase;
}

.wwf-text--no-transform {
  text-transform: none;
}

.wwf-text--xl {
  font-size: 1.25rem;
  line-height: 1.6;
}

.wwf-text--lg {
  font-size: 1.125rem;
  line-height: 1.555;
}

.wwf-text--md {
  font-size: 16px;
  line-height: 1.75;
}

.wwf-text--sm {
  font-size: 0.875rem;
  line-height: 1.714;
}

.wwf-text--xs {
  font-size: 0.75rem;
  line-height: 1.5;
}

.wwf-text--font-base {
  font-family: "Open Sans", Arial, sans-serif;
}

.wwf-text--first-paragraph-bold p:first-of-type {
  font-weight: bold;
}

@media (min-width: 576px) {
  .wwf-text--lg-sm {
    font-size: 1.125rem;
    line-height: 1.555;
  }
}
@media (min-width: 992px) {
  body {
    font-size: 16px;
    line-height: 1.75;
  }
  h1,
  .h1 {
    margin-bottom: 2rem;
    font-size: 4rem;
  }
  h2,
  .h2 {
    margin-bottom: 1.5rem;
    font-size: 3.25rem;
  }
  h3,
  .h3 {
    margin-bottom: 1.25rem;
    font-size: 2.25rem;
  }
  h4,
  .h4 {
    margin-bottom: 1.125rem;
    font-size: 1.75rem;
  }
  h5,
  .h5 {
    font-size: 1.25rem;
  }
  .wwf-text--xl-lg {
    font-size: 1.25rem;
    line-height: 1.6;
  }
}
/* Commerce placeholder classes */
.layout-region-checkout-footer div[class*=edit-actions], .checkout-pane-order-summary,
.checkout-pane-grouped-order-summary {
  background: #fff;
}

.commerce-checkout-flow-payment-first--review .checkout-pane-marketing-preferences legend:not(.visually-hidden), .commerce-checkout-flow-payment-first--review .checkout-pane-wwf-review .checkout-pane legend:not(.visually-hidden), .commerce-checkout-flow-payment-first--order .checkout-pane legend:not(.visually-hidden), .section-header, .layout-region-checkout-secondary > h2 {
  display: block;
  margin-bottom: 0.125rem;
  padding: 0.75rem;
  background: #000;
  color: #fff;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane-marketing-preferences legend:not(.visually-hidden), .commerce-checkout-flow-payment-first--review .checkout-pane-wwf-review .checkout-pane legend:not(.visually-hidden), .commerce-checkout-flow-payment-first--order .checkout-pane legend:not(.visually-hidden), .section-header, .layout-region-checkout-secondary > h2 {
    padding: 0.75rem 1.5rem;
  }
}

/* Fieldset styles */
.commerce-checkout-flow fieldset {
  min-width: auto;
  margin: 0;
  padding: 0;
  border: 0;
}

.layout-region-form-main,
.layout-region-checkout-main,
.layout-region-checkout-footer {
  width: 100%;
  float: none;
}
@media only screen and (min-width: 37.5rem) {
  .layout-region-form-main,
  .layout-region-checkout-main,
  .layout-region-checkout-footer {
    width: calc(70% - 0.75rem);
    padding-right: 0;
    float: left;
  }
}
@media only screen and (min-width: 56.25rem) {
  .layout-region-form-main,
  .layout-region-checkout-main,
  .layout-region-checkout-footer {
    width: 60%;
    margin-left: 1.5rem;
  }
}
@media only screen and (min-width: 75rem) {
  .layout-region-form-main,
  .layout-region-checkout-main,
  .layout-region-checkout-footer {
    margin-left: 0;
  }
}

.field-yob .description,
.field--name-field-birth-date .description {
  font-size: 0.875rem;
}

.commerce-checkout-flow .send-the-adoption-packs-to {
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
}

.item-details {
  margin-bottom: 1.5rem;
}
.item-details::before {
  display: block;
  position: relative;
  width: calc(100% - 3rem);
  height: 2px;
  margin: 1rem auto;
  background: #ededed;
  content: "";
}
.item-details > .fieldset-wrapper {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .item-details > .fieldset-wrapper {
    padding: 0 3rem;
  }
}

.payment-method > legend {
  margin: 0;
}

.checkout-section-details .checkout-pane > legend,
.checkout-section-payment .checkout-pane > legend {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
  overflow: hidden;
  max-width: 600px;
  margin: 0 auto;
  padding: 0.75rem 0.75rem;
  line-height: 1.1875;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-details .checkout-pane > legend,
  .checkout-section-payment .checkout-pane > legend {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-details .checkout-pane > legend,
  .checkout-section-payment .checkout-pane > legend {
    padding: 0.75rem 3rem;
  }
}
.checkout-section-details .checkout-pane > .fieldset-wrapper,
.checkout-section-details .checkout-pane > .form-wrapper,
.checkout-section-payment .checkout-pane > .fieldset-wrapper,
.checkout-section-payment .checkout-pane > .form-wrapper {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-details .checkout-pane > .fieldset-wrapper,
  .checkout-section-details .checkout-pane > .form-wrapper,
  .checkout-section-payment .checkout-pane > .fieldset-wrapper,
  .checkout-section-payment .checkout-pane > .form-wrapper {
    padding: 0.75rem 3rem;
  }
}
.checkout-section-details .checkout-pane .modal-trigger,
.checkout-section-payment .checkout-pane .modal-trigger {
  display: inline;
  padding: 0;
}
.checkout-section-details .checkout-pane:last-child .fieldset-wrapper,
.checkout-section-payment .checkout-pane:last-child .fieldset-wrapper {
  padding-bottom: 0;
}

.layout-region-checkout-secondary {
  width: 100%;
  margin-bottom: 1.5rem;
  float: none;
}
@media only screen and (min-width: 37.5rem) {
  .layout-region-checkout-secondary {
    width: calc(30% - 0.75rem);
    float: right;
  }
}
@media only screen and (min-width: 56.25rem) {
  .layout-region-checkout-secondary {
    width: 30%;
    margin-right: 1.5rem;
  }
}
@media only screen and (min-width: 75rem) {
  .layout-region-checkout-secondary {
    margin-right: 0;
  }
}
.layout-region-checkout-secondary > h2 {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.25rem;
}
@media only screen and (min-width: 56.25rem) {
  .layout-region-checkout-secondary > h2 {
    font-size: 1.5rem;
  }
}

.checkout-pane-order-summary,
.checkout-pane-grouped-order-summary {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-pane-order-summary,
  .checkout-pane-grouped-order-summary {
    padding: 0.75rem 3rem;
  }
}
.checkout-pane-order-summary .order-summary h3,
.checkout-pane-grouped-order-summary .order-summary h3 {
  margin-bottom: 0;
  font-weight: 600;
}

.phone {
  display: none;
  margin-top: 0.75rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
@media only screen and (min-width: 37.5rem) {
  .phone {
    display: block;
  }
}
.phone p:first-of-type {
  margin-bottom: 0.5rem;
}

/* Section headers */
.section-header {
  transition: all 0.3s linear;
  overflow: hidden;
}
.section-header ~ .section-body,
.section-header ~ .section-summary {
  margin-top: 1.5rem;
}
.section-header h2 {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.25rem;
  display: block;
  float: left;
}
@media only screen and (min-width: 56.25rem) {
  .section-header h2 {
    font-size: 1.5rem;
  }
}
.section-header .section-count {
  display: block;
  padding-top: 2px;
  float: right;
}
@media only screen and (min-width: 56.25rem) {
  .section-header .section-count {
    padding-top: 4px;
  }
}
.section-header .section-status-icon {
  display: block;
  width: 18px;
  height: 16px;
  margin-right: 0.5rem;
  padding-top: 5px;
  float: right;
}
.section-header .section-status-icon .section-status-text {
  display: none;
}
.section-header .section-status-icon .tick {
  width: 100%;
  height: auto;
}
.section-header .section-status-icon .tick-path {
  transition: stroke-dashoffset 1s 0.5s ease-out;
  opacity: 0;
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
}
.state-complete .section-header .section-status-icon .section-status-text {
  display: inline;
}
.state-complete .section-header .section-status-icon .tick-path {
  opacity: 1;
  stroke-dashoffset: 0;
}
.state-complete .section-header {
  transition: all 0.3s linear;
  background-color: #8cc63f;
  color: #000;
}
.has-errors .section-header {
  transition: all 0.3s linear;
  background-color: #f36c42;
  color: #000;
}

.send-a-membership-regular-updates {
  display: none;
}

.gift-aid-declaration .fieldset-wrapper p {
  font-size: 0.75rem;
}

[data-field-name=postalCode] {
  min-width: 10rem;
}

@media (min-width: 768px) {
  .gift-aid-declaration .fieldset-wrapper p {
    font-size: 0.875rem;
  }
}
.menu {
  margin: 0;
  padding: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  list-style: none;
  text-align: center;
}
.menu .menu-item {
  display: block;
}
.menu .menu-item a {
  display: block;
  padding: 7px 10px 10px 10px;
  font-size: 1.125rem;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (min-width: 25rem) {
  .menu .menu-item a {
    padding: 14px 18px 18px 18px;
  }
}
@media only screen and (min-width: 56.25rem) {
  .menu .menu-item a {
    padding: 18px 22px 20px 24px;
  }
}
.menu .menu-item a:hover, .menu .menu-item a:focus {
  color: inherit;
}
.menu .menu-item a:active {
  color: inherit;
}
.maintenance-page .menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.sitemap .sitemap-item ul {
  padding-left: 1.5rem;
}

div.toolbar {
  position: relative;
  z-index: 2500;
}

.block-wwf-support-local-tasks,
.block-wwf-support-local-actions {
  padding-top: 0.5rem;
}
.block-wwf-support-local-tasks > ul,
.block-wwf-support-local-tasks > nav,
.block-wwf-support-local-actions > ul,
.block-wwf-support-local-actions > nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.block-wwf-support-local-tasks > ul li,
.block-wwf-support-local-tasks > nav li,
.block-wwf-support-local-actions > ul li,
.block-wwf-support-local-actions > nav li {
  display: inline-block;
}
.block-wwf-support-local-tasks > ul li a,
.block-wwf-support-local-tasks > nav li a,
.block-wwf-support-local-actions > ul li a,
.block-wwf-support-local-actions > nav li a {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: inline-block;
  padding: 0.8rem 1rem;
  transition: 0.2s;
  border-color: transparent;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  letter-spacing: 0.1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  background: #ffbf1e;
  color: #000;
  margin: 1rem 0.25rem;
}
.block-wwf-support-local-tasks > ul li a:focus:not([type]),
.block-wwf-support-local-tasks > nav li a:focus:not([type]),
.block-wwf-support-local-actions > ul li a:focus:not([type]),
.block-wwf-support-local-actions > nav li a:focus:not([type]) {
  position: relative;
  outline: 0;
}
.block-wwf-support-local-tasks > ul li a:focus:not([type])::after,
.block-wwf-support-local-tasks > nav li a:focus:not([type])::after,
.block-wwf-support-local-actions > ul li a:focus:not([type])::after,
.block-wwf-support-local-actions > nav li a:focus:not([type])::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-bottom-width: 5px;
  pointer-events: none;
  content: "";
}
.block-wwf-support-local-tasks > ul li a:focus[type],
.block-wwf-support-local-tasks > nav li a:focus[type],
.block-wwf-support-local-actions > ul li a:focus[type],
.block-wwf-support-local-actions > nav li a:focus[type] {
  border-color: #000;
}
.block-wwf-support-local-tasks > ul li a:hover, .block-wwf-support-local-tasks > ul li a:focus,
.block-wwf-support-local-tasks > nav li a:hover,
.block-wwf-support-local-tasks > nav li a:focus,
.block-wwf-support-local-actions > ul li a:hover,
.block-wwf-support-local-actions > ul li a:focus,
.block-wwf-support-local-actions > nav li a:hover,
.block-wwf-support-local-actions > nav li a:focus {
  transition: 0.2s;
  text-decoration: none;
}
.block-wwf-support-local-tasks > ul li a:hover, .block-wwf-support-local-tasks > ul li a:focus,
.block-wwf-support-local-tasks > nav li a:hover,
.block-wwf-support-local-tasks > nav li a:focus,
.block-wwf-support-local-actions > ul li a:hover,
.block-wwf-support-local-actions > ul li a:focus,
.block-wwf-support-local-actions > nav li a:hover,
.block-wwf-support-local-actions > nav li a:focus {
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}
.block-wwf-support-local-tasks > ul li a:focus, .block-wwf-support-local-tasks > ul li a:hover,
.block-wwf-support-local-tasks > nav li a:focus,
.block-wwf-support-local-tasks > nav li a:hover,
.block-wwf-support-local-actions > ul li a:focus,
.block-wwf-support-local-actions > ul li a:hover,
.block-wwf-support-local-actions > nav li a:focus,
.block-wwf-support-local-actions > nav li a:hover {
  background: #ffce51;
  color: #000;
}
.block-wwf-support-local-tasks > ul li a.is-active,
.block-wwf-support-local-tasks > nav li a.is-active,
.block-wwf-support-local-actions > ul li a.is-active,
.block-wwf-support-local-actions > nav li a.is-active {
  background: #ffc638;
}

.path-user .block-wwf-support-content,
.path-tfa .block-wwf-support-content {
  min-height: 25vh;
  padding-top: 1rem;
  padding-bottom: 2rem;
}
.path-user .block-wwf-support-content > article,
.path-tfa .block-wwf-support-content > article {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.messages ul li {
  overflow: auto;
}
.messages > div {
  padding: 1rem;
  color: #000;
  font-weight: 600;
}
.messages > div a:hover,
.messages > div a:focus {
  color: #0074df;
}
.messages .status-message {
  background: #8cc63f;
}
.messages .alert,
.messages .alert-message,
.messages .warning-message, .messages.messages--alert {
  padding-left: 2rem;
  border-left: 1rem solid #f89834;
  background: #fab165;
  background-image: url("/core/misc/icons/e29700/warning.svg");
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  box-shadow: none;
}
.messages .error,
.messages .error-message, .messages.messages--error {
  padding-left: 2rem;
  border-left: 1rem solid #f36c42;
  background: #f9b7a2;
  background-image: url("/core/misc/icons/e32700/error.svg");
  background-repeat: no-repeat;
  background-position: 0.5rem center;
  box-shadow: none;
}

.path-user .edit-actions input,
.path-tfa .edit-actions input {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: inline-block;
  padding: 0.8rem 1rem;
  transition: 0.2s;
  border-color: transparent;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  letter-spacing: 0.1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  background: #f36c42;
  color: #000;
  width: auto;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  border: 0;
  border-bottom: 3px solid #f69172;
  font-size: 1.5rem;
}
.path-user .edit-actions input:focus:not([type]),
.path-tfa .edit-actions input:focus:not([type]) {
  position: relative;
  outline: 0;
}
.path-user .edit-actions input:focus:not([type])::after,
.path-tfa .edit-actions input:focus:not([type])::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-bottom-width: 5px;
  pointer-events: none;
  content: "";
}
.path-user .edit-actions input:focus[type],
.path-tfa .edit-actions input:focus[type] {
  border-color: #000;
}
.path-user .edit-actions input:hover, .path-user .edit-actions input:focus,
.path-tfa .edit-actions input:hover,
.path-tfa .edit-actions input:focus {
  transition: 0.2s;
  text-decoration: none;
}
.path-user .edit-actions input:hover, .path-user .edit-actions input:focus,
.path-tfa .edit-actions input:hover,
.path-tfa .edit-actions input:focus {
  -webkit-transform: translate(0, 2px);
          transform: translate(0, 2px);
}
.path-user .edit-actions input:focus, .path-user .edit-actions input:hover,
.path-tfa .edit-actions input:focus,
.path-tfa .edit-actions input:hover {
  background: #f1592a;
  color: #000;
}
.path-user .edit-actions input.is-active,
.path-tfa .edit-actions input.is-active {
  background: #f1592a;
}
@media only screen and (min-width: 75rem) {
  .path-user .edit-actions input,
  .path-tfa .edit-actions input {
    padding: 1rem 2rem;
  }
}
.path-user .edit-actions input:hover, .path-user .edit-actions input:focus,
.path-tfa .edit-actions input:hover,
.path-tfa .edit-actions input:focus {
  border-bottom: 3px solid #f04712;
}

*, *:before, *:after {
  box-sizing: border-box;
}

.layout-container {
  overflow: hidden;
}

.layout-content::after {
  display: table;
  clear: both;
  content: "";
}

.narrow-content-page .layout-content,
.thank-you-page .layout-content,
.path-request-a-pack .layout-content,
.path-checkout .layout-content {
  background: #ededed;
}
.narrow-content-page .block-wwf-support-content,
.thank-you-page .block-wwf-support-content,
.path-request-a-pack .block-wwf-support-content,
.path-checkout .block-wwf-support-content {
  margin-bottom: 1rem;
  padding: 1rem 0.5rem;
}
@media only screen and (min-width: 37.5rem) {
  .narrow-content-page .block-wwf-support-content,
  .thank-you-page .block-wwf-support-content,
  .path-request-a-pack .block-wwf-support-content,
  .path-checkout .block-wwf-support-content {
    padding: 1rem 0;
  }
}
@media only screen and (min-width: 56.25rem) {
  .narrow-content-page .block-wwf-support-content,
  .thank-you-page .block-wwf-support-content,
  .path-request-a-pack .block-wwf-support-content,
  .path-checkout .block-wwf-support-content {
    padding: 1.5rem 0;
  }
}
@media only screen and (min-width: 75rem) {
  .narrow-content-page .block-wwf-support-content,
  .thank-you-page .block-wwf-support-content,
  .path-request-a-pack .block-wwf-support-content,
  .path-checkout .block-wwf-support-content {
    padding: 2rem 0;
  }
}

.wrapper,
.path-cart .block-wwf-support-content,
.block-pagetitle-2,
.paragraph--type--video-embed,
.sitemap,
.block-wwf-support-local-tasks,
.block-wwf-support-local-actions,
.path-user .block-wwf-support-content,
.path-tfa .block-wwf-support-content,
.narrow-content-page .block-wwf-support-content,
.thank-you-page .block-wwf-support-content,
.path-request-a-pack .block-wwf-support-content,
.path-checkout .block-wwf-support-content {
  position: relative;
  max-width: 75em;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media only screen and (min-width: 75rem) {
  .wrapper,
  .path-cart .block-wwf-support-content,
  .block-pagetitle-2,
  .paragraph--type--video-embed,
  .sitemap,
  .block-wwf-support-local-tasks,
  .block-wwf-support-local-actions,
  .path-user .block-wwf-support-content,
  .path-tfa .block-wwf-support-content,
  .narrow-content-page .block-wwf-support-content,
  .thank-you-page .block-wwf-support-content,
  .path-request-a-pack .block-wwf-support-content,
  .path-checkout .block-wwf-support-content {
    padding-right: 0;
    padding-left: 0;
  }
}

.wrapper-wide,
.image-slider__wrapper {
  position: relative;
  max-width: 87.5em;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  overflow: hidden;
}
@media only screen and (min-width: 75rem) {
  .wrapper-wide,
  .image-slider__wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

.wrapper-medium {
  position: relative;
  max-width: 56.25em;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  overflow: hidden;
}
@media only screen and (min-width: 37.5rem) {
  .wrapper-medium {
    padding-right: 0;
    padding-left: 0;
  }
}

.wrapper-narrow,
.order-completion-panel,
.checkout-pane-shopify-upsell .fieldset-wrapper,
.checkout-pane-share-message .fieldset-wrapper,
.edit-source-code-capture .fieldset-wrapper {
  position: relative;
  max-width: 40em;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  overflow: hidden;
}
@media only screen and (min-width: 75rem) {
  .wrapper-narrow,
  .order-completion-panel,
  .checkout-pane-shopify-upsell .fieldset-wrapper,
  .checkout-pane-share-message .fieldset-wrapper,
  .edit-source-code-capture .fieldset-wrapper {
    padding-right: 0;
    padding-left: 0;
  }
}

.wrapper-responsive {
  position: relative;
  max-width: 75em;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  overflow: hidden;
}
@media only screen and (min-width: 75rem) {
  .wrapper-responsive {
    max-width: 87.5em;
    padding-right: 0;
    padding-left: 0;
  }
}

.paragraph--type--video-embed {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 56.25rem) {
  .wrapper-sticky .paragraph--type--video-embed > div,
  .wrapper-sticky .paragraph--type--video-embed .limit {
    width: 65%;
  }
  .full-width-content .wrapper-sticky .paragraph--type--video-embed > div,
  .full-width-content .wrapper-sticky .paragraph--type--video-embed .limit {
    width: 100%;
  }
  .page-node-type-page .wrapper-sticky .paragraph--type--video-embed > div,
  .page-node-type-page .wrapper-sticky .paragraph--type--video-embed .limit {
    margin-right: auto;
    margin-left: auto;
  }
}

/* stylelint-disable */
#main-content {
  outline: none;
}
#main-content:focus {
  outline: none;
}

/* stylelint-enable */
/* Override z-index of chat window so it sits underneath the cookie banner. */
/* stylelint-disable */
#chat-widget-container {
  z-index: 99998 !important;
}

/* stylelint-enable */
/**
 * Raise paragraphs up to an appropriate z index. Maintained here in general
 * layout styles.
 */
.paragraphs {
  position: relative;
  z-index: 5;
}

/*!
 * Bootstrap Grid v5.2.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: Open Sans, Arial, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.714;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 2rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 2rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 2rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 2rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 2rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 2rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 2rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 2rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 2rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 2rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 2rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 2rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 2rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 2rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 2rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 2rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 2rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 2rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 2rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 2rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 2rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 2rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 2rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 2rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 2rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 2rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 2rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 2rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 2rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 2rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 2rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 2rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 2rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 2rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 2rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 2rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 2rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 2rem !important;
    margin-left: 2rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 2rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 2rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 2rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 2rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 2rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 2rem !important;
    padding-left: 2rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 2rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 2rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 2rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 2rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
/* Pages. */
.path-cart .block-wwf-support-content {
  padding: 1rem 0.5rem 2rem;
}
@media only screen and (min-width: 37.5rem) {
  .path-cart .block-wwf-support-content {
    padding: 1rem 0 2rem;
  }
}

/* Hide header elements when in the fundraising checkout. */
.fundraising-donation-checkout .block-parentsite,
.fundraising-donation-checkout .block-cart,
.fundraising-donation-checkout .block-wwf-support-main-menu {
  display: none;
}

.checkout-complete {
  padding: 2.5rem 0 1.25rem;
}

.edit-source-code-capture > legend {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal;
}
.edit-source-code-capture .fieldset-wrapper {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 56.25rem) {
  .edit-source-code-capture .type-select {
    max-width: 60%;
  }
}
.edit-source-code-capture .type-select .element-wrapper {
  background: #fff;
}

.checkout-pane-source-code-capture .fieldset-wrapper {
  padding-right: 7px;
  padding-left: 7px;
}

.checkout-pane-share-message > legend {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal;
}
.checkout-pane-share-message .fieldset-wrapper {
  margin-bottom: 3.125rem;
  padding-top: 1.25rem;
}
.checkout-pane-share-message .pane__title {
  font-size: 1.5rem;
  text-transform: uppercase;
}
.checkout-pane-share-message .share-message {
  margin-top: 1.5625rem;
}

.checkout-pane-shopify-upsell > legend {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal;
}
.checkout-pane-shopify-upsell .fieldset-wrapper {
  margin-bottom: 3.125rem;
  padding-top: 1.25rem;
}

/* Components. */
.custom-price input[type=text] {
  width: 100px;
}

.btn-add-to-cart {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: inline-block;
  padding: 0.8rem 1rem;
  transition: 0.2s;
  border-color: transparent;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  letter-spacing: 0.1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  border: 0;
  font-size: 1.5rem;
}
.btn-add-to-cart:focus:not([type]) {
  position: relative;
  outline: 0;
}
.btn-add-to-cart:focus:not([type])::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-bottom-width: 5px;
  pointer-events: none;
  content: "";
}
.btn-add-to-cart:focus[type] {
  border-color: #000;
}
.btn-add-to-cart:hover, .btn-add-to-cart:focus {
  transition: 0.2s;
  text-decoration: none;
}
.btn-add-to-cart:hover, .btn-add-to-cart:focus {
  -webkit-transform: translate(0, 2px);
          transform: translate(0, 2px);
}
@media only screen and (min-width: 56.25rem) {
  .btn-add-to-cart {
    padding: 1rem 2rem;
  }
}

.enhanced-product-selector-widget,
.wwf-price-input {
  position: relative;
  height: auto;
  background-color: transparent;
  overflow: hidden;
  border: none;
}
.enhanced-product-selector-widget .type-commerce-number,
.wwf-price-input .type-commerce-number {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
}
@media only screen and (min-width: 56.25rem) {
  .enhanced-product-selector-widget .type-commerce-number,
  .wwf-price-input .type-commerce-number {
    position: relative;
    left: auto;
    bottom: auto;
    background-color: #717171;
    justify-content: flex-start;
  }
  .enhanced-product-selector-widget .type-commerce-number.selected,
  .wwf-price-input .type-commerce-number.selected {
    background-color: #414141;
  }
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper,
.wwf-price-input .type-commerce-number .element-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ededed;
  padding: 0 0.625rem;
  height: 3.625rem;
  margin: 1rem;
  font-size: 1.5rem;
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper:focus-within,
.wwf-price-input .type-commerce-number .element-wrapper:focus-within {
  outline: 3px solid #000;
  outline-offset: 3px;
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper:has(input:-ms-input-placeholder) .field-prefix, .wwf-price-input .type-commerce-number .element-wrapper:has(input:-ms-input-placeholder) .field-prefix {
  color: #b7b7b7;
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper:has(input:placeholder-shown) .field-prefix,
.wwf-price-input .type-commerce-number .element-wrapper:has(input:placeholder-shown) .field-prefix {
  color: #b7b7b7;
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper:has(input:not(:-ms-input-placeholder)) .field-prefix, .wwf-price-input .type-commerce-number .element-wrapper:has(input:not(:-ms-input-placeholder)) .field-prefix {
  color: #000;
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper:has(input:not(:placeholder-shown)) .field-prefix,
.wwf-price-input .type-commerce-number .element-wrapper:has(input:not(:placeholder-shown)) .field-prefix {
  color: #000;
}
@media only screen and (min-width: 56.25rem) {
  .enhanced-product-selector-widget .type-commerce-number .element-wrapper,
  .wwf-price-input .type-commerce-number .element-wrapper {
    left: 2.5rem;
  }
}
@media only screen and (min-width: 75rem) {
  .enhanced-product-selector-widget .type-commerce-number .element-wrapper,
  .wwf-price-input .type-commerce-number .element-wrapper {
    left: 2.9375rem;
  }
}
.enhanced-product-selector-widget .type-commerce-number .field-prefix,
.wwf-price-input .type-commerce-number .field-prefix {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  width: auto;
  pointer-events: none;
  margin-right: 2px;
  color: #939393;
}
.enhanced-product-selector-widget .type-commerce-number input,
.wwf-price-input .type-commerce-number input {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  color: #000;
  padding: 0;
  border: 0;
  font-size: 1.5rem;
  width: 5.3125rem;
}
.enhanced-product-selector-widget .type-commerce-number input:hover, .enhanced-product-selector-widget .type-commerce-number input:focus,
.wwf-price-input .type-commerce-number input:hover,
.wwf-price-input .type-commerce-number input:focus {
  background-color: transparent;
}
.enhanced-product-selector-widget .type-commerce-number input:focus,
.wwf-price-input .type-commerce-number input:focus {
  outline: none;
}
.enhanced-product-selector-widget .type-commerce-number input::-webkit-input-placeholder, .wwf-price-input .type-commerce-number input::-webkit-input-placeholder {
  color: #b7b7b7;
}
.enhanced-product-selector-widget .type-commerce-number input:-ms-input-placeholder, .wwf-price-input .type-commerce-number input:-ms-input-placeholder {
  color: #b7b7b7;
}
.enhanced-product-selector-widget .type-commerce-number input::-ms-input-placeholder, .wwf-price-input .type-commerce-number input::-ms-input-placeholder {
  color: #b7b7b7;
}
.enhanced-product-selector-widget .type-commerce-number input::placeholder,
.wwf-price-input .type-commerce-number input::placeholder {
  color: #b7b7b7;
}
@media (min-width: 768px) {
  .enhanced-product-selector-widget .product-wrapper,
  .wwf-price-input .product-wrapper {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
  }
}
.enhanced-product-selector-widget .product-wrapper > button,
.wwf-price-input .product-wrapper > button {
  width: 100%;
}
.enhanced-product-selector-widget.no-collapse .options-header,
.wwf-price-input.no-collapse .options-header {
  padding: 0.5rem;
}
.enhanced-product-selector-widget.no-collapse .options-header::after,
.wwf-price-input.no-collapse .options-header::after {
  display: none !important;
}
.enhanced-product-selector-widget.no-collapse .options-body,
.wwf-price-input.no-collapse .options-body {
  display: block !important;
}
.enhanced-product-selector-widget .options-header,
.wwf-price-input .options-header {
  padding: 0.5rem 0.5rem 0.5rem 3rem;
  background: #ddd;
  font-size: 1.1rem;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 992px) {
  .enhanced-product-selector-widget .options-header,
  .wwf-price-input .options-header {
    padding: 0.5rem;
  }
}
.enhanced-product-selector-widget .options-body,
.wwf-price-input .options-body {
  background-color: #939393;
}
.enhanced-product-selector-widget .options-header-btn,
.wwf-price-input .options-header-btn {
  margin: 0;
  padding: 0;
  color: #000;
  text-align: left;
  cursor: pointer;
}
.enhanced-product-selector-widget .options-header-btn .options-header,
.wwf-price-input .options-header-btn .options-header {
  position: relative;
  width: 100%;
}
@media (max-width: 991.98px) {
  .enhanced-product-selector-widget .options-header-btn .options-header::after,
  .wwf-price-input .options-header-btn .options-header::after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0.625rem;
    width: 1.75rem;
    height: 100%;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    content: "";
    background-position: center;
    background-image: url('data:image/svg+xml,%3C%3Fxml version="1.0" encoding="UTF-8"%3F%3E%3Csvg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cg stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"%3E%3Cg%3E%3Ccircle fill="%23FFFFFF" cx="20" cy="20" r="20"%3E%3C/circle%3E%3Cpolygon fill="%23000000" points="12 15 20 23 28 15 30 17 20 27 10 17"%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A');
    background-repeat: no-repeat;
    background-size: 1.75rem;
  }
}
.enhanced-product-selector-widget .options-header-btn[aria-expanded=true] .options-header::after,
.wwf-price-input .options-header-btn[aria-expanded=true] .options-header::after {
  -webkit-transform: rotateZ(-180deg);
          transform: rotateZ(-180deg);
}
.enhanced-product-selector-widget .options-wrapper,
.wwf-price-input .options-wrapper {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  position: relative;
  margin: 0;
  font-size: 1.125rem;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .enhanced-product-selector-widget .options-wrapper,
  .wwf-price-input .options-wrapper {
    font-size: 1.5rem;
  }
}
.enhanced-product-selector-widget .options-switcher,
.wwf-price-input .options-switcher {
  padding: 1rem;
  background: #414141;
  color: #fff;
  font-size: 0.8125rem;
  text-align: center;
}
@media (min-width: 992px) {
  .enhanced-product-selector-widget .options-switcher,
  .wwf-price-input .options-switcher {
    display: block;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
  }
}
@media (min-width: 1200px) {
  .enhanced-product-selector-widget .options-switcher,
  .wwf-price-input .options-switcher {
    padding: 1rem 2rem;
  }
}
.enhanced-product-selector-widget .options-switcher .plan-switcher,
.wwf-price-input .options-switcher .plan-switcher {
  color: #f89834;
  text-decoration: underline;
  cursor: pointer;
}
.enhanced-product-selector-widget .options-switcher .plan-switcher:hover, .enhanced-product-selector-widget .options-switcher .plan-switcher:focus,
.wwf-price-input .options-switcher .plan-switcher:hover,
.wwf-price-input .options-switcher .plan-switcher:focus {
  color: #f36c42;
}
.enhanced-product-selector-widget .options-switcher p,
.wwf-price-input .options-switcher p {
  margin-bottom: 0.3125rem;
}
@media (min-width: 992px) {
  .enhanced-product-selector-widget .options,
  .wwf-price-input .options {
    display: block;
  }
}
.enhanced-product-selector-widget .options > div,
.wwf-price-input .options > div {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .enhanced-product-selector-widget .options > div,
  .wwf-price-input .options > div {
    display: block;
  }
}
.enhanced-product-selector-widget .options .product-option,
.wwf-price-input .options .product-option {
  flex-basis: 33.3333333333%;
  border-right: 1px solid #414141;
  background: #717171;
}
@media (min-width: 992px) {
  .enhanced-product-selector-widget .options .product-option,
  .wwf-price-input .options .product-option {
    border: 0;
  }
}
.enhanced-product-selector-widget .options .product-option--selected,
.wwf-price-input .options .product-option--selected {
  background: #414141;
}
.enhanced-product-selector-widget .options .product-option:last-of-type,
.wwf-price-input .options .product-option:last-of-type {
  height: 5.625rem;
  display: flex;
  align-items: center;
  flex-basis: 100%;
  padding-top: 0.1875rem;
  padding-bottom: 0.3125rem;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #5c5c5c;
}
@media (min-width: 992px) {
  .enhanced-product-selector-widget .options .product-option:last-of-type,
  .wwf-price-input .options .product-option:last-of-type {
    padding-top: 0.3125rem;
    padding-bottom: 0.25rem;
    border: 0;
    height: auto;
    width: 100%;
  }
}
.enhanced-product-selector-widget .options .product-option:last-of-type label,
.wwf-price-input .options .product-option:last-of-type label {
  line-height: 1.6;
}
.enhanced-product-selector-widget .options .product-option:last-of-type > .element-wrapper,
.wwf-price-input .options .product-option:last-of-type > .element-wrapper {
  width: 50%;
}
@media only screen and (min-width: 37.5rem) {
  .enhanced-product-selector-widget .options .product-option:last-of-type > .element-wrapper,
  .wwf-price-input .options .product-option:last-of-type > .element-wrapper {
    text-align: right;
  }
}
@media only screen and (min-width: 56.25rem) {
  .enhanced-product-selector-widget .options .product-option:last-of-type > .element-wrapper,
  .wwf-price-input .options .product-option:last-of-type > .element-wrapper {
    display: flex;
    width: 100%;
    text-align: left;
  }
  .enhanced-product-selector-widget .options .product-option:last-of-type > .element-wrapper input,
  .wwf-price-input .options .product-option:last-of-type > .element-wrapper input {
    margin: 1rem 0 auto 1rem;
  }
}
.enhanced-product-selector-widget .options .product-option:first-of-type,
.wwf-price-input .options .product-option:first-of-type {
  padding-top: 0.3125rem;
}
@media only screen and (min-width: 37.5rem) {
  .enhanced-product-selector-widget .options .product-option:not(:last-of-type) .element-wrapper,
  .wwf-price-input .options .product-option:not(:last-of-type) .element-wrapper {
    text-align: center;
  }
}
@media only screen and (min-width: 56.25rem) {
  .enhanced-product-selector-widget .options .product-option:not(:last-of-type) .element-wrapper,
  .wwf-price-input .options .product-option:not(:last-of-type) .element-wrapper {
    text-align: left;
  }
}
.enhanced-product-selector-widget .form-radio:focus,
.wwf-price-input .form-radio:focus {
  outline: 1px dotted #ffe600;
  outline-offset: 0.1875rem;
}
.enhanced-product-selector-widget .js-form-type-radio,
.wwf-price-input .js-form-type-radio {
  padding: 0.25rem 0.5rem 0.25rem 1rem;
  color: #fff;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */
}
@media only screen and (min-width: 27.5rem) {
  .enhanced-product-selector-widget .js-form-type-radio,
  .wwf-price-input .js-form-type-radio {
    padding-left: 2rem;
  }
}
@media only screen and (min-width: 37.5rem) {
  .enhanced-product-selector-widget .js-form-type-radio,
  .wwf-price-input .js-form-type-radio {
    padding-left: 0.5rem;
  }
}
@media only screen and (min-width: 75rem) {
  .enhanced-product-selector-widget .js-form-type-radio,
  .wwf-price-input .js-form-type-radio {
    padding: 0.5rem 1rem;
  }
}
.enhanced-product-selector-widget .js-form-type-radio input,
.wwf-price-input .js-form-type-radio input {
  display: inline-block;
  position: relative;
  margin-bottom: 0.5rem;
  vertical-align: middle;
}
@media only screen and (min-width: 56.25rem) {
  .enhanced-product-selector-widget .js-form-type-radio input,
  .wwf-price-input .js-form-type-radio input {
    top: -3px;
    margin-left: 1rem;
  }
}
@media only screen and (min-width: 75rem) {
  .enhanced-product-selector-widget .js-form-type-radio input,
  .wwf-price-input .js-form-type-radio input {
    margin-bottom: 0.25rem;
  }
}
.enhanced-product-selector-widget .js-form-type-radio label,
.wwf-price-input .js-form-type-radio label {
  display: inline-block;
  padding: 0.5rem 0;
  line-height: 1.5;
}
@media only screen and (min-width: 56.25rem) {
  .enhanced-product-selector-widget .js-form-type-radio label,
  .wwf-price-input .js-form-type-radio label {
    width: calc(100% - 4rem);
    padding: 0 0 0 1rem;
  }
}
@media only screen and (min-width: 75rem) {
  .enhanced-product-selector-widget .js-form-type-radio label,
  .wwf-price-input .js-form-type-radio label {
    width: 80%;
  }
}

.enhanced-product-selector-widget .type-commerce-number {
  bottom: 0.8125rem;
}
@media only screen and (max-width: 24.9375em) {
  .enhanced-product-selector-widget .type-commerce-number {
    bottom: 0;
  }
}
@media only screen and (min-width: 56.25rem) {
  .enhanced-product-selector-widget .type-commerce-number {
    bottom: auto;
  }
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper {
  height: auto;
  background-color: #5c5c5c;
  font-size: 1.25rem;
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper:has(input:not(:-ms-input-placeholder)) .field-prefix {
  color: #fff;
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper:has(input:not(:placeholder-shown)) .field-prefix {
  color: #fff;
}
.enhanced-product-selector-widget .type-commerce-number .element-wrapper input {
  background-color: inherit;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.8;
}

.wrapper-sticky {
  position: relative;
}

.wrapper-sticky .product-selector {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}
@media (min-width: 992px) {
  .wrapper-sticky .product-selector {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: calc((100% - 960px) / 2 + 320px);
    min-width: 260px;
    margin-top: 3rem;
    padding: 0 0.75rem;
  }
}
@media (min-width: 1200px) {
  .wrapper-sticky .product-selector {
    right: calc((100% - 1140px) / 2);
    width: 380px;
  }
}
@media (min-width: 1400px) {
  .wrapper-sticky .product-selector {
    right: calc((100% - 1320px) / 2);
    width: 440px;
  }
}
.product-selector .form-actions {
  background-color: #5c5c5c;
}
.product-selector .form-actions input {
  margin: 0;
  z-index: 1;
}

.checkout-pane-basket-summary > .fieldset-wrapper > div,
.checkout-pane-corporate-basket-summary > .fieldset-wrapper > div {
  margin-top: 1rem;
  padding: 0 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-pane-basket-summary > .fieldset-wrapper > div,
  .checkout-pane-corporate-basket-summary > .fieldset-wrapper > div {
    padding: 0.75rem 1.5rem;
  }
}
.checkout-pane-basket-summary > .fieldset-wrapper > div:first-of-type,
.checkout-pane-corporate-basket-summary > .fieldset-wrapper > div:first-of-type {
  margin-top: 0;
}

.basket-item-type {
  display: block;
  padding: 0.75rem;
  background: #e4e4e4;
  font-size: 1.5rem;
}
@media only screen and (min-width: 56.25rem) {
  .basket-item-type {
    padding: 0.75rem 1.5rem;
  }
}

.basket-item-summary {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0 0.75rem;
  overflow: hidden;
}
@media only screen and (min-width: 56.25rem) {
  .basket-item-summary {
    padding: 0 3rem;
  }
}
.basket-item-summary .basket-item-summary-details {
  width: 66.66%;
  padding-right: 1rem;
  float: left;
}
@media only screen and (min-width: 56.25rem) {
  .basket-item-summary .basket-item-summary-details {
    width: 60%;
  }
}
.basket-item-summary .item-name {
  margin-bottom: 0.25rem;
}
.basket-item-summary .item-price,
.basket-item-summary .item-attachment-welcome,
.basket-item-summary .item-attachment-status,
.basket-item-summary .item-gift-status {
  margin-bottom: 0.25rem;
}
.basket-item-summary .item-gift-address {
  padding: 0.25rem 0.25rem 0 0;
  font-size: 0.875rem;
}
.basket-item-summary .item-image {
  width: 33.33%;
  margin: 0.25rem auto;
  float: right;
  text-align: right;
}
@media only screen and (min-width: 56.25rem) {
  .basket-item-summary .item-image {
    width: 40%;
  }
}
.basket-item-summary .item-image .field-product-image {
  margin: 0;
}
@media only screen and (min-width: 56.25rem) {
  .basket-item-summary .item-image .field-product-image,
  .basket-item-summary .item-image .field-background-image {
    display: flex;
    justify-content: flex-end;
  }
}
.basket-item-summary .item-image .field-product-image img,
.basket-item-summary .item-image .field-background-image img {
  display: block;
}
.basket-item-summary .item-actions {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .basket-item-summary .item-actions {
    padding: 0 3rem;
  }
}

.checkout-pane {
  /* Action styling. */
}
.checkout-pane .item-actions {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0 0.75rem;
  padding-bottom: 0.5rem !important;
  text-align: right;
  overflow: hidden;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-pane .item-actions {
    padding: 0 3rem;
  }
}
.checkout-pane .add-item {
  display: block;
  margin: 1.5rem 0 0;
  float: right;
  clear: both;
  font-size: 16px;
}

.basket-summary-product-attachments {
  margin-top: 0.75rem;
}
.basket-summary-product-attachments > .title {
  font-size: 1.5rem;
  line-height: 1;
}
@media only screen and (min-width: 56.25rem) {
  .basket-summary-product-attachments > .title {
    font-size: 2rem;
  }
}
.basket-summary-product-attachments .product-attachments {
  display: block;
  padding: 0;
  text-align: center;
}
@media only screen and (min-width: 37.5rem) {
  .basket-summary-product-attachments .product-attachments {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .basket-summary-product-attachments .product-attachments {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
}
.basket-summary-product-attachments .product-attachment {
  display: inline-block;
  width: 100%;
  padding: 0 0.75rem;
  text-align: center;
}
@media only screen and (min-width: 25rem) {
  .basket-summary-product-attachments .product-attachment {
    width: 50%;
  }
}
@media only screen and (min-width: 37.5rem) {
  .basket-summary-product-attachments .product-attachment {
    width: 33%;
  }
}
.basket-summary-product-attachments .product-attachment .product-attachment-image-overlay {
  position: relative;
}
.basket-summary-product-attachments .product-attachment .product-attachment-image-overlay::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  content: "";
}
.basket-summary-product-attachments .product-attachment .product-attachment-image-overlay-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  left: 0;
  padding: 0 0.625rem;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  z-index: 1;
}
@media only screen and (min-width: 37.5rem) {
  .basket-summary-product-attachments .product-attachment .product-attachment-image-overlay-text {
    font-size: 1.25rem;
  }
}
.basket-summary-product-attachments .product-attachment .product-attachment-title {
  font-size: 16px;
}
.basket-summary-product-attachments .product-attachment .media {
  position: relative;
  height: 0;
  margin-bottom: 0.75rem;
  padding-top: 100%;
  overflow: hidden;
}
.basket-summary-product-attachments .product-attachment .media .field-benefit-image {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
}
.basket-summary-product-attachments .product-attachment .media .field-benefit-image img {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 220px;
}
.basket-summary-product-attachments .attachments-2 .product-attachment,
.basket-summary-product-attachments .attachments-3 .product-attachment,
.basket-summary-product-attachments .attachments-4 .product-attachment {
  width: 49%;
}

.send-to-donor {
  margin-top: 2rem;
}
.send-to-donor .description {
  margin-bottom: 1rem;
  font-size: 0.875rem;
}

.block-wwf-support-content {
  overflow: hidden;
}

.page-node-type-adoptions .block-wwf-support-content .wrapper {
  overflow: visible;
}
@media only screen and (min-width: 37.5rem) {
  .page-node-type-adoptions .block-wwf-support-content .wrapper::before, .page-node-type-adoptions .block-wwf-support-content .wrapper::after {
    display: block;
    position: absolute;
    top: 3em;
    right: 0;
    bottom: 0;
    left: 65%;
    padding-top: 66%;
    content: "";
    overflow: hidden;
    z-index: -1;
  }
}
@media only screen and (min-width: 56.25rem) {
  .page-node-type-adoptions .block-wwf-support-content .wrapper::before, .page-node-type-adoptions .block-wwf-support-content .wrapper::after {
    top: 2em;
    right: auto;
    width: 40%;
    height: 0;
  }
}
@media only screen and (min-width: 75rem) {
  .page-node-type-adoptions .block-wwf-support-content .wrapper::before, .page-node-type-adoptions .block-wwf-support-content .wrapper::after {
    right: 0;
    left: auto;
  }
}
@media only screen and (min-width: 37.5rem) {
  .page-node-type-adoptions .block-wwf-support-content .wrapper::after {
    background: linear-gradient(to bottom, transparent 0%, transparent 50%, #fff 80%);
  }
}
@media only screen and (min-width: 56.25rem) {
  .page-node-type-adoptions .block-wwf-support-content .wrapper::after {
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, #fff 100%);
  }
}

.wwf-breadcrumbs__list {
  padding-left: 0;
  margin: 8px 0;
}
.wwf-breadcrumbs__list-item {
  display: inline-block;
  font-size: 14px;
}
.wwf-breadcrumbs__link {
  position: relative;
  padding-left: 1rem;
  text-decoration: none;
}
.wwf-breadcrumbs__link::before, .wwf-breadcrumbs__link::after {
  position: absolute;
  top: 4px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 7px;
  height: 12px;
}
.wwf-breadcrumbs__link::before {
  content: "";
  left: 0;
  background-image: url("/themes/custom/wwf_support/src/images/icon-chevron-left--thin.svg");
}
.wwf-breadcrumbs__text {
  font-weight: 700;
  display: none;
}

@media (min-width: 768px) {
  .wwf-breadcrumbs__link {
    padding-left: 0;
    padding-right: 1rem;
    margin-right: 1rem;
  }
  .wwf-breadcrumbs__link::before {
    display: none;
  }
  .wwf-breadcrumbs__link::after {
    content: "";
    right: -4px;
    background-image: url("/themes/custom/wwf_support/src/images/icon-chevron-right--thin.svg");
  }
  .wwf-breadcrumbs__text {
    display: block;
  }
}
/**
 * @file
 * Buttons.
 */
/* Button reset. */
button {
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* Buttons. */
/* stylelint-disable selector-no-qualifying-type */
.btn,
.eu-cookie-compliance-buttons button,
.checkout-section-basket .order-item .address-book-edit-button,
input.btn {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: inline-block;
  padding: 0.8rem 1rem;
  transition: 0.2s;
  border-color: transparent;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  letter-spacing: 0.1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0.5rem 1.5rem 0.75rem;
  font-size: 16px;
}
.btn:focus:not([type]),
.eu-cookie-compliance-buttons button:focus:not([type]),
.checkout-section-basket .order-item .address-book-edit-button:focus:not([type]),
input.btn:focus:not([type]) {
  position: relative;
  outline: 0;
}
.btn:focus:not([type])::after,
.eu-cookie-compliance-buttons button:focus:not([type])::after,
.checkout-section-basket .order-item .address-book-edit-button:focus:not([type])::after,
input.btn:focus:not([type])::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-bottom-width: 5px;
  pointer-events: none;
  content: "";
}
.btn:focus[type],
.eu-cookie-compliance-buttons button:focus[type],
.checkout-section-basket .order-item .address-book-edit-button:focus[type],
input.btn:focus[type] {
  border-color: #000;
}
.btn:hover, .btn:focus,
.eu-cookie-compliance-buttons button:hover,
.checkout-section-basket .order-item .address-book-edit-button:hover,
.eu-cookie-compliance-buttons button:focus,
.checkout-section-basket .order-item .address-book-edit-button:focus,
input.btn:hover,
input.btn:focus {
  transition: 0.2s;
  text-decoration: none;
}
.btn:hover, .btn:focus,
.eu-cookie-compliance-buttons button:hover,
.checkout-section-basket .order-item .address-book-edit-button:hover,
.eu-cookie-compliance-buttons button:focus,
.checkout-section-basket .order-item .address-book-edit-button:focus,
input.btn:hover,
input.btn:focus {
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}
@media only screen and (min-width: 23.4375rem) {
  .btn,
  .eu-cookie-compliance-buttons button,
  .checkout-section-basket .order-item .address-book-edit-button,
  input.btn {
    font-size: 1.5rem;
  }
}

.btn-primary,
input.btn-primary {
  background: #f36c42;
  color: #000;
  margin-bottom: 1.6rem;
}
.btn-primary:focus, .btn-primary:hover,
input.btn-primary:focus,
input.btn-primary:hover {
  background: #f1592a;
  color: #000;
}
.btn-primary.is-active,
input.btn-primary.is-active {
  background: #f1592a;
}

.btn-secondary,
.eu-cookie-compliance-buttons .agree-button,
input.btn-secondary {
  background: #ededed;
  color: #939393;
  display: inline-block;
  padding: 0.5rem 1.25rem;
  transition: 0.2s;
  border-color: transparent;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  letter-spacing: 0.1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.btn-secondary:focus, .btn-secondary:hover,
.eu-cookie-compliance-buttons .agree-button:focus,
.eu-cookie-compliance-buttons .agree-button:hover,
input.btn-secondary:focus,
input.btn-secondary:hover {
  background: #d4d4d4;
  color: #717171;
}
.btn-secondary.is-active,
.eu-cookie-compliance-buttons .is-active.agree-button,
input.btn-secondary.is-active {
  background: #fafafa;
}

.btn-ghost,
.eu-cookie-compliance-buttons .decline-button,
.btn-icon,
.btn-remove,
input.btn-remove,
.btn-edit,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button,
.checkout-section-basket .order-item .address-book-edit-button,
input.btn-edit,
input.btn-ghost {
  background: transparent;
  color: #f89834;
  display: inline-block;
  width: auto;
  border-color: transparent;
  cursor: pointer;
}
.btn-ghost:focus, .btn-ghost:hover,
.eu-cookie-compliance-buttons .decline-button:focus,
.btn-icon:focus,
.btn-remove:focus,
.btn-edit:focus,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button:focus,
.checkout-section-basket .order-item .address-book-edit-button:focus,
.eu-cookie-compliance-buttons .decline-button:hover,
.btn-icon:hover,
.btn-remove:hover,
.btn-edit:hover,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button:hover,
.checkout-section-basket .order-item .address-book-edit-button:hover,
input.btn-ghost:focus,
input.btn-ghost:hover {
  background: transparent;
  color: #ffbf1e;
}
.btn-ghost.is-active,
.eu-cookie-compliance-buttons .is-active.decline-button,
.is-active.btn-icon,
.is-active.btn-remove,
.is-active.btn-edit,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .is-active.address-book-edit-button,
.checkout-section-basket .order-item .is-active.address-book-edit-button,
input.btn-ghost.is-active {
  background: transparent;
}

.btn-light,
input.btn-light {
  background: #f89834;
  color: #000;
  border-bottom: 3px solid #fbca97;
}
.btn-light:focus, .btn-light:hover,
input.btn-light:focus,
input.btn-light:hover {
  background: #fab165;
  color: #000;
}
.btn-light.is-active,
input.btn-light.is-active {
  background: #f9a54d;
}

.btn-disabled,
input.btn-disabled {
  background: #cbcbcb;
  color: #5c5c5c;
  cursor: default;
}
.btn-disabled:focus, .btn-disabled:hover,
input.btn-disabled:focus,
input.btn-disabled:hover {
  background: #cbcbcb;
  color: #5c5c5c;
}
.wwf-button[disabled] {
  cursor: default;
}
.wwf-button[disabled], .wwf-button[disabled]:hover {
  color: #939393;
  background: #ededed;
  border-color: #ededed;
}

/* stylelint-enable selector-no-qualifying-type */
.btn-icon,
.btn-remove,
input.btn-remove,
.btn-edit,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button,
.checkout-section-basket .order-item .address-book-edit-button,
input.btn-edit {
  display: block;
  padding: 0.3rem 0;
  float: right;
  clear: both;
  color: #0074df;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: underline;
}
.btn-icon:hover, .btn-icon:focus,
.btn-remove:hover,
.btn-edit:hover,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button:hover,
.checkout-section-basket .order-item .address-book-edit-button:hover,
.btn-remove:focus,
.btn-edit:focus,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button:focus,
.checkout-section-basket .order-item .address-book-edit-button:focus {
  color: #47538f;
  text-decoration: none;
}
.btn-icon::before,
.btn-remove::before,
.btn-edit::before,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button::before,
.checkout-section-basket .order-item .address-book-edit-button::before {
  display: inline-block;
  position: relative;
  top: 3px;
  margin-right: 5px;
  content: " ";
}

/* stylelint-disable selector-no-qualifying-type */
.btn-edit::before,
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button::before,
.checkout-section-basket .order-item .address-book-edit-button::before,
input.btn-edit::before {
  /* stylelint-disable-next-line */
}

/* stylelint-disable selector-no-qualifying-type */
.btn-remove::before,
input.btn-remove::before {
  /* stylelint-disable-next-line */
}

.btn-adoption,
input.btn-adoption {
  background: #ffbf1e;
  color: #000;
}
.btn-adoption:focus, .btn-adoption:hover,
input.btn-adoption:focus,
input.btn-adoption:hover {
  background: #ffce51;
  color: #000;
}
.btn-adoption.is-active,
input.btn-adoption.is-active {
  background: #ffc638;
}
.btn-adoption[type],
input.btn-adoption[type] {
  padding-bottom: 11px;
  border: 2px solid transparent;
  border-bottom-width: 5px;
}
.btn-adoption[type]:focus,
input.btn-adoption[type]:focus {
  border-color: #000;
}
.banner .btn-adoption:focus:not([type]),
.banner input.btn-adoption:focus:not([type]) {
  position: relative;
  outline: 0;
}
.banner .btn-adoption:focus:not([type])::after,
.banner input.btn-adoption:focus:not([type])::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-bottom-width: 5px;
  pointer-events: none;
  content: "";
}
.banner .btn-adoption:focus[type],
.banner input.btn-adoption:focus[type] {
  border-color: #000;
}
.banner .btn-adoption:focus[type], .banner .btn-adoption:focus:not([type])::after,
.banner input.btn-adoption:focus[type],
.banner input.btn-adoption:focus:not([type])::after {
  border-color: #fff;
}

.btn-membership,
input.btn-membership {
  background: #f36c42;
  color: #000;
}
.btn-membership:focus, .btn-membership:hover,
input.btn-membership:focus,
input.btn-membership:hover {
  background: #f1592a;
  color: #000;
}
.btn-membership.is-active,
input.btn-membership.is-active {
  background: #f1592a;
}
.btn-membership[type],
input.btn-membership[type] {
  padding-bottom: 11px;
  border: 2px solid transparent;
  border-bottom-width: 5px;
}
.btn-membership[type]:focus,
input.btn-membership[type]:focus {
  border-color: #000;
}

.btn-donation,
.donation .custom-donation-form input[type=submit],
.donation__cta input[type=submit],
input.btn-donation {
  background: #f89834;
  color: #000;
}
.btn-donation:focus, .btn-donation:hover,
.donation .custom-donation-form input[type=submit]:focus,
.donation__cta input[type=submit]:focus,
.donation .custom-donation-form input[type=submit]:hover,
.donation__cta input[type=submit]:hover,
input.btn-donation:focus,
input.btn-donation:hover {
  background: #fab165;
  color: #000;
}
.btn-donation.is-active,
.donation .custom-donation-form input.is-active[type=submit],
.donation__cta input.is-active[type=submit],
input.btn-donation.is-active {
  background: #f9a54d;
}
.btn-donation[type],
.donation .custom-donation-form input[type][type=submit],
.donation__cta input[type][type=submit],
input.btn-donation[type] {
  padding-bottom: 11px;
  border: 2px solid transparent;
  border-bottom-width: 5px;
}
.btn-donation[type]:focus,
.donation .custom-donation-form input[type][type=submit]:focus,
.donation__cta input[type][type=submit]:focus,
input.btn-donation[type]:focus {
  border-color: #000;
}

.btn-fundraising-donation,
input.btn-fundraising-donation {
  background: #f89834;
  color: #000;
}
.btn-fundraising-donation:focus, .btn-fundraising-donation:hover,
input.btn-fundraising-donation:focus,
input.btn-fundraising-donation:hover {
  background: #fab165;
  color: #000;
}
.btn-fundraising-donation.is-active,
input.btn-fundraising-donation.is-active {
  background: #f9a54d;
}

.ajax-progress {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: url("../src/images/ajax-spinner.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
  z-index: 1000;
}
.ajax-progress .message,
.ajax-progress .throbber {
  display: none;
}

.wwf-button {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.6;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #000;
  padding: 0.5rem 1rem;
  background-color: #ededed;
  border: 2px solid #ededed;
  transition: background-color 0.2s linear, border-color 0.2s linear;
  cursor: pointer;
}
.wwf-button:hover, .wwf-button:active {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.wwf-button:focus {
  outline: 4px solid #000;
  outline-offset: 2px;
}
.wwf-button--light {
  background-color: #ffbf1e;
  border-color: #ffbf1e;
}
.wwf-button--mid {
  background-color: #f89834;
  border-color: #f89834;
}
.wwf-button--dark {
  background-color: #f36c42;
  border-color: #f36c42;
}
.wwf-button--secondary {
  background-color: transparent;
}
.wwf-button--secondary:hover {
  color: #000;
  background-color: #ededed;
  border-color: #ededed;
}
.wwf-button--secondary.wwf-button--light:hover {
  background-color: #f8b715;
  border-color: #f8b715;
}
.wwf-button--secondary.wwf-button--mid:hover {
  background-color: #f89027;
  border-color: #f89027;
}
.wwf-button--secondary.wwf-button--dark:hover {
  background-color: #e35529;
  border-color: #e35529;
}
.wwf-button--tertiary {
  border-width: 0;
  background-color: transparent;
  padding: 0;
  transition: color 0.2s linear;
}
.wwf-button--tertiary:hover, .wwf-button--tertiary:focus, .wwf-button--tertiary:active {
  background-color: transparent;
  color: #717171;
}
.wwf-button--tertiary::after {
  content: "\e975";
  font-family: "icons";
  font-size: 1.5rem;
  line-height: 1;
  margin-left: 0.5rem;
  position: relative;
  top: 3px;
}
.wwf-button--reverse {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.wwf-button--reverse:hover, .wwf-button--reverse:focus, .wwf-button--reverse:active {
  background-color: transparent;
  color: #000;
}
.wwf-button--large {
  font-size: 2.25rem;
}
.wwf-button--full-width {
  width: 100%;
}
.wwf-button--green-light {
  background-color: #cadb3c;
  border-color: #cadb3c;
}

.wwf-upload,
.wwf-download {
  padding-right: 2.5rem;
  position: relative;
}
.wwf-upload.wwf-button--tertiary::after,
.wwf-download.wwf-button--tertiary::after {
  top: 7px;
}
.wwf-upload::after,
.wwf-download::after {
  content: "";
  position: absolute;
  top: 14px;
  right: 10px;
  width: 21px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}

.wwf-download.wwf-button:hover::after {
  background-image: url("/../themes/custom/wwf_support/src/images/download-icon--white.svg");
}
.wwf-download.wwf-button--secondary:hover::after, .wwf-download.wwf-button--tertiary:hover::after {
  background-image: url("/../themes/custom/wwf_support/src/images/download-icon.svg");
}
.wwf-download::after {
  background-image: url("/../themes/custom/wwf_support/src/images/download-icon.svg");
}

.wwf-upload.wwf-button:hover::after {
  background-image: url("/../themes/custom/wwf_support/src/images/upload-icon--white.svg");
}
.wwf-upload.wwf-button--secondary:hover::after, .wwf-upload.wwf-button--tertiary:hover::after {
  background-image: url("/../themes/custom/wwf_support/src/images/upload-icon.svg");
}
.wwf-upload::after {
  background-image: url("/../themes/custom/wwf_support/src/images/upload-icon.svg");
}

/* Certificate download form. */
.certificate-download-form {
  max-width: 75em;
  margin-right: auto;
  margin-left: auto;
  padding: 1.25rem 0;
  /* The adopter name field needs to be narrower. */
}
@media only screen and (min-width: 56.25rem) {
  .certificate-download-form {
    padding-top: 2.5rem;
  }
}
.certificate-download-form fieldset {
  border: 0;
}
.certificate-download-form fieldset > legend {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
  overflow: hidden;
}
@media only screen and (min-width: 56.25rem) {
  .certificate-download-form fieldset > legend {
    font-size: 1.75rem;
  }
}
.certificate-download-form fieldset .description {
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 37.5rem) {
  .certificate-download-form .form-item-name {
    width: 50%;
  }
}
.certificate-download-form .form-actions {
  margin-bottom: 1.5rem;
}
.certificate-download-form .button {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
}
@media only screen and (min-width: 37.5rem) {
  .certificate-download-form .button {
    width: 50%;
  }
}

/* The certificate options. */
.certificate-options {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: left;
  margin: 0.75rem 0 1.5rem;
}
@media only screen and (min-width: 25rem) {
  .certificate-options {
    margin: 0.75rem -0.75rem 1.5rem -0.75rem;
  }
}
.certificate-options .certificate-option {
  /* stylelint-disable */
  /* stylelint-enable */
}
@media only screen and (min-width: 25rem) {
  .certificate-options .certificate-option {
    width: 50%;
    padding: 0 0.75rem 1.5rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .certificate-options .certificate-option {
    width: 25%;
  }
}
.certificate-options .certificate-option .certificate-select {
  position: relative;
}
.certificate-options .certificate-option .certificate-select:hover {
  opacity: 0.9;
}
.certificate-options .certificate-option input[type=radio] {
  position: absolute;
  padding: 0;
  opacity: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.certificate-options .certificate-option input[type=radio]:checked + .certificate-label {
  border: 0.0625em solid #8cc63f;
  background-color: #000;
  color: #fff;
}
.certificate-options .certificate-option input[type=radio]:focus + .certificate-label {
  outline: 4px solid #000;
  outline-offset: 2px;
}
.certificate-options .certificate-option label {
  color: #000;
  display: inline-block;
  width: 100%;
  padding: 0.375em 1.5rem 0.75rem;
  background-color: #ededed;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  cursor: pointer;
}
.certificate-options .certificate-option .certificate-label {
  border: 0.0625em solid transparent;
  border-bottom-width: 0.1875em;
  border-radius: 5px;
}
.certificate-options .certificate-option .certificate-label::before {
  width: 1.5625em;
  height: 1.5625em;
  -webkit-transform: scale(0) rotate(-60deg);
          transform: scale(0) rotate(-60deg);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  transition: all 0.5s cubic-bezier(0.58, 0.15, 0.17, 1);
  border: 0.0625em solid #fff;
  border-radius: 100%;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  content: " ";
  z-index: 1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgICAgd2lkdGg9IjEzIiBoZWlnaHQ9IjEzIgogICAgIHZpZXdCb3g9IjAgMCAxMyAxMyI+CiAgPHBhdGggaWQ9IlBhdGggIzIiCiAgICAgICAgZmlsbD0iYmxhY2siCiAgICAgICAgZD0iTSA4LjMxLDUuNjEKICAgICAgICAgICBDIDkuNDYsNC4zNyAxMC43OSwzLjM4IDEyLjM0LDIuNjYKICAgICAgICAgICAgIDExLjg3LDIuNDIgMTEuNDgsMi4yNiAxMS4xNCwyLjE3CiAgICAgICAgICAgICAxMC41MiwyLjAwIDkuOTcsMi4wMyA5LjUxLDIuMjUKICAgICAgICAgICAgIDkuMDUsMi40NyA4LjQ1LDIuOTggNy43MiwzLjc5CiAgICAgICAgICAgICA2LjM4LDUuMjcgNS4xNyw2LjkwIDQuMTAsOC42NwogICAgICAgICAgICAgMy44MCw3Ljc1IDMuNTMsNy4wOSAzLjI4LDYuNzIKICAgICAgICAgICAgIDMuMDMsNi4zNiAyLjY5LDYuMTEgMi4yNyw2LjAwCiAgICAgICAgICAgICAxLjkzLDUuOTEgMS41NCw1Ljg5IDEuMTEsNS45NQogICAgICAgICAgICAgMS42Miw2LjgxIDIuMDYsNy44NCAyLjQzLDkuMDUKICAgICAgICAgICAgIDIuNDMsOS4wNSAyLjU5LDkuNjAgMi41OSw5LjYwCiAgICAgICAgICAgICAyLjU5LDkuNjAgMi44MSwxMC4zMyAyLjgxLDEwLjMzCiAgICAgICAgICAgICAyLjk0LDEwLjgwIDMuMTIsMTEuNTMgMy4zNSwxMi41MAogICAgICAgICAgICAgNS41Miw5LjE2IDcuMTgsNi44NiA4LjMxLDUuNjEgWiIgLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #8cc63f;
  display: block;
  position: absolute;
  top: -10px;
  right: -10px;
  left: auto;
}
.certificate-options .certificate-option .certificate-label::after {
  display: none;
}
.certificate-options .certificate-option .certificate-label .media {
  background-color: #ededed;
}

.certificate-options .certificate-option input[type=radio]:checked + .certificate-label {
  outline: 4px solid #000;
  outline-offset: 2px;
}

/* Radio buttons. */
.shipping-method .type-radio .rate-description,
.address-options .type-radio .rate-description {
  display: block;
  font-size: 0.875rem;
}

/* Address fields */
.address-lookup-elements {
  position: relative;
  margin-bottom: 1rem;
}

.address-selector {
  position: relative;
  clear: both;
}

.address-toggle {
  margin-bottom: 0.75rem;
  border: 0;
  background: transparent;
  color: #0074df;
  font-size: 0.875rem;
  text-decoration: underline;
  white-space: normal;
  padding: 0;
}
.address-toggle:hover, .address-toggle:focus {
  color: #0074df;
  cursor: pointer;
}

.address-find {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  display: inline-block;
  padding: 0.8rem 1rem;
  transition: 0.2s;
  border-color: transparent;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  letter-spacing: 0.1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  background: #000;
  color: #fff;
  display: block;
  width: 100%;
  margin-top: -1rem;
  margin-bottom: 0.75rem;
  padding: 9px 12px;
  font-size: 16px;
  line-height: 1.1;
  text-align: center;
  white-space: normal;
  z-index: 1;
  word-wrap: normal;
}
.address-find:focus:not([type]) {
  position: relative;
  outline: 0;
}
.address-find:focus:not([type])::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-bottom-width: 5px;
  pointer-events: none;
  content: "";
}
.address-find:focus[type] {
  border-color: #000;
}
.address-find:hover, .address-find:focus {
  transition: 0.2s;
  text-decoration: none;
}
.address-find:focus, .address-find:hover {
  background: #fff;
  color: #000;
}
@media only screen and (min-width: 25rem) {
  .address-find {
    position: absolute;
    top: 10px;
    right: 10px;
    width: -webkit-min-content;
    width: min-content;
    padding: 9px 24px;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 37.5rem) {
  .address-find {
    width: -webkit-min-content;
    width: min-content;
    padding: 9px 12px;
  }
}
@media only screen and (min-width: 56.25rem) {
  .address-find {
    padding: 9px 16px;
  }
}

.field--widget-address-default .form-item[data-field-name=givenName], .field--widget-address-default .form-item[data-field-name$=GivenName], .field--widget-address-default .form-item[data-field-name=familyName], .field--widget-address-default .form-item[data-field-name$=FamilyName] {
  display: none;
}

.country-selector {
  margin-bottom: 1rem;
}

[data-field-name=countryCode] .element-wrapper::after {
  content: none;
}

.checkout-section-basket .order-item.state-new .btn-edit, .checkout-section-basket .order-item.state-editing .btn-edit {
  display: none;
}
.checkout-section-basket .order-item.state-complete .item-details {
  display: none;
}
.checkout-section-basket.state-complete .section-actions {
  display: none;
}

.certificate {
  position: relative;
  margin-bottom: 1.25rem;
  text-align: center;
}
.certificate .certificate__image .media {
  position: inherit;
}
.certificate .certificate__image picture {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.certificate .certificate__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.certificate .certificate__content {
  position: relative;
  padding: 6.25rem 1.875rem 0.625rem;
  color: #fff;
}
@media only screen and (min-width: 56.25rem) {
  .certificate .certificate__content {
    padding: 8.125rem 1.875rem 1.875rem;
  }
}
.certificate .certificate__content .btn {
  margin-top: 1.25rem;
}
.certificate .certificate__title {
  text-shadow: 1px 1px 1px #b7b7b7, 1px 1px 20px #717171;
  text-transform: uppercase;
}
@media only screen and (min-width: 75rem) {
  .certificate .certificate__title {
    font-size: 2rem;
  }
}
.certificate .certificate__text {
  text-shadow: 1px 1px 1px #b7b7b7, 1px 1px 20px #717171;
}
.certificate .contextual-region {
  position: static;
}

.wwf-cross-sell::after {
  display: block;
  position: relative;
  width: calc(100% - 3rem);
  height: 2px;
  margin: 1rem auto;
  background: #ededed;
  content: "";
}
.wwf-cross-sell .fieldset-wrapper,
.wwf-cross-sell legend,
.wwf-cross-sell .custom-price {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .wwf-cross-sell .fieldset-wrapper,
  .wwf-cross-sell legend,
  .wwf-cross-sell .custom-price {
    padding: 0 3rem;
  }
}
.wwf-cross-sell .custom-price {
  margin-top: 0.5rem;
}
.wwf-cross-sell .custom-price .form-item {
  max-width: 150px;
  margin: 0 0 0 auto;
}
.wwf-cross-sell .custom-price .type-commerce-number {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
}
.wwf-cross-sell .custom-price .type-commerce-number.selected {
  background-color: #414141;
}
.wwf-cross-sell .custom-price .type-commerce-number .element-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ededed;
  padding: 0 0.625rem;
  height: 3.625rem;
  font-size: 1.125rem;
  margin: 0 0 0 auto;
}
.wwf-cross-sell .custom-price .type-commerce-number .element-wrapper:focus-within {
  outline: 3px solid #000;
  outline-offset: 3px;
}
.wwf-cross-sell .custom-price .type-commerce-number .element-wrapper:has(input:-ms-input-placeholder) .field-prefix {
  color: #b7b7b7;
}
.wwf-cross-sell .custom-price .type-commerce-number .element-wrapper:has(input:placeholder-shown) .field-prefix {
  color: #b7b7b7;
}
.wwf-cross-sell .custom-price .type-commerce-number .element-wrapper:has(input:not(:-ms-input-placeholder)) .field-prefix {
  color: #000;
}
.wwf-cross-sell .custom-price .type-commerce-number .element-wrapper:has(input:not(:placeholder-shown)) .field-prefix {
  color: #000;
}
.wwf-cross-sell .custom-price .type-commerce-number .field-prefix {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  width: auto;
  pointer-events: none;
  margin-right: 2px;
}
.wwf-cross-sell .custom-price .type-commerce-number input {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  color: #000;
  padding: 0;
  border: 0;
  font-size: 1.125rem;
  width: 5.3125rem;
}
.wwf-cross-sell .custom-price .type-commerce-number input:hover, .wwf-cross-sell .custom-price .type-commerce-number input:focus {
  background-color: transparent;
}
.wwf-cross-sell .custom-price .type-commerce-number input:focus {
  outline: none;
}
.wwf-cross-sell .custom-price .type-commerce-number input::-webkit-input-placeholder {
  color: #b7b7b7;
}
.wwf-cross-sell .custom-price .type-commerce-number input:-ms-input-placeholder {
  color: #b7b7b7;
}
.wwf-cross-sell .custom-price .type-commerce-number input::-ms-input-placeholder {
  color: #b7b7b7;
}
.wwf-cross-sell .custom-price .type-commerce-number input::placeholder {
  color: #b7b7b7;
}
.wwf-cross-sell .custom-option label {
  font-size: 16px;
}
.wwf-cross-sell .description--before {
  font-size: 0.875rem;
}
.wwf-cross-sell .wwf-button {
  display: block;
  max-width: 600px;
  margin-left: 0.75rem;
}
.wwf-cross-sell .radios--large > div > div {
  display: flex !important;
  text-align: left;
}
.wwf-cross-sell .radios--large .type-radio:not(:last-child) {
  padding-right: 1rem;
}
.wwf-cross-sell .radios--large .type-radio:nth-child(even) {
  padding-left: 0;
}
.wwf-cross-sell .radios--large .type-radio label {
  width: auto;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
.wwf-cross-sell .radios--large .type-radio label:hover {
  cursor: pointer;
}

@media (min-width: 768px) {
  .wwf-cross-sell .wwf-button {
    margin-top: 1rem;
    margin-left: 3rem;
  }
  .wwf-cross-sell .radios--large {
    position: relative;
  }
  .wwf-cross-sell .radios--large .type-radio:nth-child(3) {
    padding-right: 0;
  }
  .wwf-cross-sell .radios--large .type-radio:last-child {
    position: absolute;
    bottom: -78px;
    width: auto;
  }
  .wwf-cross-sell .radios--large .type-radio:last-child label {
    min-height: 58px;
    font-size: 1.25rem;
  }
  .wwf-cross-sell legend {
    margin-bottom: 20px;
  }
  .wwf-cross-sell .description--before {
    font-size: 16px;
  }
  .wwf-cross-sell .custom-price .type-commerce-number .element-wrapper {
    font-size: 1.75rem;
    margin-left: 19px;
    width: 100%;
  }
  .wwf-cross-sell .custom-price .type-commerce-number input {
    font-size: 1.75rem;
  }
}
@media (min-width: 992px) {
  .wwf-cross-sell .radios--large .type-radio:last-child label {
    font-size: 1.75rem;
  }
}
.checkout-section .field {
  margin-bottom: 0.75rem;
}
.checkout-section .field__label {
  font-size: 0.875rem;
  font-weight: 600;
}
.checkout-section .field.field-caption {
  margin-bottom: 0;
}

/* Actions other than continue */
.sub-action {
  display: inline-block;
  margin-bottom: 1rem;
  text-align: center;
}
.sub-action.keep-shopping {
  display: block;
  color: #0074df;
  text-decoration: underline;
}
.sub-action.keep-shopping::before {
  display: inline-block;
  position: relative;
  left: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid #0074df;
  border-bottom: 5px solid transparent;
  content: "";
}
.sub-action.keep-shopping:hover, .sub-action.keep-shopping:focus {
  color: #47538f;
  cursor: pointer;
}
.sub-action.keep-shopping:hover::before, .sub-action.keep-shopping:focus::before {
  border-right: 5px solid #47538f;
}

.commerce-checkout-flow .checkout-pane-coupon-redemption {
  padding: 0.75rem 1.5rem;
  display: flex;
  justify-content: center;
}
.commerce-checkout-flow .checkout-pane-coupon-redemption .form-item {
  max-width: 502px;
}

/* Continue and back actions wrapper */
.section-actions {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  padding: 0.75rem 1.5rem 1.5rem 1.5rem;
  background: #fff;
  text-align: center;
}
@media only screen and (min-width: 56.25rem) {
  .section-actions {
    padding: 1.875rem 3rem;
  }
}

.address-lookup-elements-postcode-input {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 25rem) {
  .address-lookup-elements-postcode-input input {
    width: 65%;
    clear: both;
  }
}
@media only screen and (min-width: 56.25rem) {
  .address-lookup-elements-postcode-input input {
    width: 75%;
  }
}

/* Shorter inputs */
@media only screen and (min-width: 37.5rem) {
  .field-title .element-wrapper,
  .field-yob .element-wrapper {
    width: 50%;
  }
}

/* Form submit */
.layout-region-checkout-footer div[class*=edit-actions] {
  position: relative;
  width: 100%;
  padding: 1.5rem 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .layout-region-checkout-footer div[class*=edit-actions] {
    padding: 3rem;
  }
}
.layout-region-checkout-footer div[class*=edit-actions] .form-submit {
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 10px 24px;
  font-size: 1.5rem;
}
.layout-region-checkout-footer div[class*=edit-actions] .form-submit:disabled {
  background: #cbcbcb;
  color: #5c5c5c;
  -webkit-transform: none;
          transform: none;
  cursor: default;
}
.layout-region-checkout-footer div[class*=edit-actions] .form-submit:disabled:focus, .layout-region-checkout-footer div[class*=edit-actions] .form-submit:disabled:hover {
  background: #cbcbcb;
  color: #5c5c5c;
}
.wwf-order-summary {
  background-color: #fff;
  padding-block: 24px;
  padding-inline: 48px;
}
.wwf-order-summary__info, .wwf-order-summary__total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.wwf-order-summary__info p, .wwf-order-summary__total p {
  margin-bottom: 8px;
}

.wwf-page-section .information-message {
  padding-inline: 1.125rem;
  padding-block: 3rem;
  background-color: #00b9ad;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}
.wwf-page-section .information-message h2 {
  font-size: 1.625rem;
  margin-bottom: 8px;
}
.wwf-page-section .information-message p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .wwf-page-section .information-message {
    padding-inline: 7.5rem;
  }
}
@media (min-width: 992px) {
  .wwf-page-section .information-message h2 {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .wwf-page-section .information-message {
    padding-inline: 11.25rem;
  }
}
.preferences h4 {
  margin-bottom: 0;
}

.checkout-section-details .section-summary {
  padding-top: 0;
  padding-bottom: 0;
}
.checkout-section-details .section-summary .profile--header {
  margin-bottom: 0.75rem;
}
.checkout-section-details .edit-actions {
  float: right;
  clear: both;
  text-align: right;
}
.checkout-section-details .edit-actions .btn {
  margin-bottom: 0;
}
.checkout-section-details .section-body,
.checkout-section-details .section-actions {
  display: none;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-details .section-actions {
    padding-top: 0;
  }
}
.checkout-section-details.state-edit .section-body,
.checkout-section-details.state-edit .section-actions, .checkout-section-details.state-editing .section-body,
.checkout-section-details.state-editing .section-actions {
  display: block;
}

/* Marketing checkbox overrides */
.marketing-preferences p {
  clear: both;
}
@media only screen and (min-width: 37.5rem) {
  .marketing-preferences .type-checkbox {
    margin-bottom: 2rem;
  }
}
.marketing-preferences .type-checkbox:nth-of-type(odd) {
  clear: left;
}

.marketing-options-container {
  position: relative;
  min-height: 12.5rem;
  padding-right: 3.75rem;
}

.engagement-bar {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.875rem;
  height: 12.5rem;
  margin-top: -6.25rem;
  border: 2px solid #000;
  background: #0094d5;
  background: linear-gradient(0deg, #0094d5 0%, #00b9ad 50%, #74c050 100%);
}
.engagement-bar .bar-height {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  transition: bottom 0.3s ease;
  background: #fff;
}
.engagement-bar .bar-height::after {
  display: block;
  position: absolute;
  bottom: -2px;
  left: -6px;
  width: calc(100% + 8px);
  height: 0;
  border: 2px solid #000;
  content: " ";
}

:root {
  --legacy-popup-header-height: 3.75rem;
}

.legacy-popup__wrapper .legacy-popup-capture {
  position: fixed;
  inset: var(--legacy-popup-header-height) 0 0 0;
  z-index: 10000;
  overflow-y: auto;
  overflow-x: hidden;
  display: grid;
  justify-content: center;
  align-items: center;
}
.legacy-popup__wrapper .legacy-popup-capture > .fieldset-wrapper {
  position: relative;
  background-color: #fff;
  padding: 3rem 1rem 0 1rem;
  margin: 3rem 1rem;
  max-width: 39.1875rem;
}
.legacy-popup__wrapper .legacy-popup-capture .legacy-popup__heading {
  font-size: 1.625rem;
  margin-bottom: 2rem;
}
.legacy-popup__wrapper .legacy-popup-capture .legacy-popup__message {
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 1em;
}
.legacy-popup__wrapper .legacy-popup-capture .legacy-popup__message:last-child {
  margin-bottom: 0;
}
.legacy-popup__wrapper .legacy-popup-capture .legacy-popup-options {
  margin-top: 2rem;
}
.legacy-popup__wrapper .legacy-popup-capture .legacy-popup-options legend {
  padding-top: 0;
  margin-bottom: 0;
}
.legacy-popup__wrapper .legacy-popup-capture .legacy-popup-options .type-radio {
  width: 100%;
  margin-bottom: 0.5rem;
}
.legacy-popup__wrapper .legacy-popup-capture .legacy-popup-options .type-radio label {
  font-size: 1rem;
  line-height: 1.75;
}
.legacy-popup__wrapper .legacy-popup-capture .btn-ghost {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
  text-indent: -999px;
  cursor: pointer;
  overflow: hidden;
}
.legacy-popup__wrapper .legacy-popup-capture .wwf-button {
  width: calc(100% + 2rem);
  margin: 3rem -1rem 0 -1rem;
}

.legacy-popup__wrapper::before {
  content: "";
  position: fixed;
  top: var(--legacy-popup-header-height);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  background-color: #000;
  opacity: 0.6;
  transition: top 0.2s ease;
}

@media (min-width: 768px) {
  .legacy-popup__wrapper .legacy-popup-capture {
    width: auto;
  }
  .legacy-popup__wrapper .legacy-popup-capture > .fieldset-wrapper {
    padding: 3rem 3rem 0 3rem;
  }
  .legacy-popup__wrapper .legacy-popup-capture .legacy-popup__message {
    font-size: 1.125rem;
    line-height: 1.555;
  }
  .legacy-popup__wrapper .legacy-popup-capture .legacy-popup__heading {
    font-size: 2.25rem;
  }
  .legacy-popup__wrapper .legacy-popup-capture .wwf-button {
    width: calc(100% + 6rem);
    margin: 3rem -3rem 0 -3rem;
  }
}
@media (min-width: 992px) {
  :root {
    --legacy-popup-header-height: 5.4375rem;
  }
}
/* Payment-first checkout flow. */
/* stylelint-disable no-descending-specificity */
.commerce-checkout-flow-payment-first--order .checkout-pane legend:not(.visually-hidden) {
  width: 100%;
}
.commerce-checkout-flow-payment-first--order .checkout-pane legend:not(.visually-hidden) span {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.25rem;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--order .checkout-pane legend:not(.visually-hidden) span {
    font-size: 1.5rem;
  }
}
.commerce-checkout-flow-payment-first--order .checkout-pane > .fieldset-wrapper {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
  padding: 1.875rem !important;
  background-color: #fff;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--order .checkout-pane > .fieldset-wrapper {
    padding: 0.75rem 3rem;
  }
}
.commerce-checkout-flow-payment-first--order .checkout-pane.your-contribution > .fieldset-wrapper {
  max-width: 100%;
}
.commerce-checkout-flow-payment-first--order .checkout-pane fieldset legend:not(.visually-hidden) {
  color: #000;
  background-color: #fff;
  padding: 0;
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--order .checkout-pane fieldset legend:not(.visually-hidden) span {
    font-size: 1.75rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane > .fieldset-wrapper {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
  padding: 1.875rem !important;
  background-color: #fff;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane > .fieldset-wrapper {
    padding: 0.75rem 3rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane > legend {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
  overflow: hidden;
  padding: 0 1.875rem;
  line-height: 1.1875;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane > legend {
    font-size: 1.75rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane-wwf-review .checkout-pane legend:not(.visually-hidden) {
  width: 100%;
}
.commerce-checkout-flow-payment-first--review .checkout-pane-wwf-review .checkout-pane legend:not(.visually-hidden) span {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.25rem;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane-wwf-review .checkout-pane legend:not(.visually-hidden) span {
    font-size: 1.5rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane-wwf-review .checkout-pane > .fieldset-wrapper {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
  padding: 1.875rem !important;
  background-color: #fff;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane-wwf-review .checkout-pane > .fieldset-wrapper {
    padding: 0.75rem 3rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane-wwf-billing-information .fieldset-wrapper {
  margin-bottom: 3rem;
  padding-top: 0 !important;
}
.commerce-checkout-flow-payment-first--review .checkout-pane-marketing-preferences legend:not(.visually-hidden) {
  width: 100%;
}
.commerce-checkout-flow-payment-first--review .checkout-pane-marketing-preferences legend:not(.visually-hidden) span {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.25rem;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane-marketing-preferences legend:not(.visually-hidden) span {
    font-size: 1.5rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane-marketing-preferences > .fieldset-wrapper {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
  padding: 1.875rem !important;
  background-color: #fff;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane-marketing-preferences > .fieldset-wrapper {
    padding: 0.75rem 3rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane-your-privacy, .commerce-checkout-flow-payment-first--review .checkout-pane-gift-aid {
  max-width: 600px;
  margin: 0 auto;
}
.commerce-checkout-flow-payment-first--review .checkout-pane .shipment-item {
  padding: 0 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane .shipment-item {
    padding: 0.75rem 1.5rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane .shipment-item > .fieldset-wrapper {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
  padding: 1.875rem !important;
  background-color: #fff;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane .shipment-item > .fieldset-wrapper {
    padding: 0.75rem 3rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane .shipment-item > legend {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
  overflow: hidden;
  display: block;
  padding: 0.75rem;
  background: #e4e4e4;
  font-size: 1.5rem;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane .shipment-item > legend {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane .shipment-item > legend {
    padding: 0.75rem 1.5rem;
  }
}
.commerce-checkout-flow-payment-first--review .checkout-pane .send-welcome-pack-to > legend {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 56.25rem) {
  .commerce-checkout-flow-payment-first--review .checkout-pane .send-welcome-pack-to > legend {
    font-size: 1.75rem;
  }
}
.commerce-checkout-flow-payment-first .checkout-pane-basket-summary .fieldset-wrapper > div,
.commerce-checkout-flow-payment-first .edit-wwf-review-basket-summary .fieldset-wrapper > div {
  padding: 0;
}
.commerce-checkout-flow-payment-first .layout-region-checkout-main {
  background: #fff;
}
.commerce-checkout-flow-payment-first .paypal-buttons-container {
  padding: 0.9375rem;
}
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information {
  padding-top: 3rem;
  padding-bottom: 1.875rem;
}
.commerce-checkout-flow-payment-first .edit-payment-information-add-payment-method-billing-information .address-book-edit-button {
  float: none;
}
.commerce-checkout-flow-payment-first .link--previous {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  padding-top: 1.875rem;
}

/* stylelint-enable no-descending-specificity */
.checkout-section-payment .section-body,
.checkout-section-payment .section-actions {
  display: none;
}
.checkout-section-payment.state-editing .section-body, .checkout-section-payment.state-edit .section-body {
  display: block;
}

.layout-region-checkout-footer .form-actions.state-new {
  display: none;
}

.form-item-payment-gift-aid-warning .element-wrapper {
  padding: 0;
  border: 0;
}

.gift-aid-boost {
  color: #f36c42;
  text-decoration: underline;
}

.gift-aid-declaration legend {
  display: none;
}
.gift-aid-declaration h3 {
  font-size: 1.75rem;
}
.gift-aid-declaration .type-checkbox label::before {
  border: 2px solid #f36c42;
}
.gift-aid-declaration .modal-trigger::before {
  display: block;
  position: relative;
  width: 130px;
  height: 50px;
  margin-top: -5px;
  float: right;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20352%22%3E%3Cpath%20d%3D%22M507.528%20168.52c27.746-43.464%2013.835-50.147%2012.416-49.34-26.992%2015.205-47.55%2060.983-45.822%2076.23%202.377%2020.98%2018.672-3.824%2033.406-26.89zm105.116-39.888c-5.236%208.82-8.192%2019.375-9.557%2029.028-.71%205.1-1.54%2027.244-1.357%2030.254%200%20.296.71%2010.363%201.867%2014.552.658%202.398%204.77%2011.024-8.426%2012.836-7.768%201.068-7.616-18.37-7.768-21.552-.293-6.78.823-30.6%201.543-34.133.758-3.618-.755.213-2.185%202.583-3.29%205.512-7.12%2012.96-11.706%2020.298-6.025%209.646-19.465%2032.63-37.79%2031.253-6.854-.516-13.827-1.397-17.81-20.504-1.53-7.324-.938-16.95-.782-22.73-.19-1.185-.027-2.556-1.022-1.998-6.49%2015.15-27.574%2059.778-51.39%2049.747-11.03-4.63-16.468-18.872-4.293-46.68%2011.864-27.106%2041.792-60.72%2053.712-62.977%2010.623-2.02%2011.73%203.335%2011.73%203.335.967-1.978%207.588-1.743%209.038%201.09%201.933%203.79%203.23%204.443%201.94%2014.434-.73%205.767-6.085%2041.823-5.16%2054.21.426%205.816%201.422%2020.113%207.323%2020.802%2010.31%201.232%2022.8-20.692%2024.22-22.986%202.776-4.48%2025.018-41.768%2027.757-47.21%202.945-5.87%204.806-10.157%206.707-13.895%201.888-3.732%207.63-4.152%2012.626-.75%205.014%203.41%202.493%208.1.784%2010.992l-.001.001zm-470.64%2018.265c-13.077%201.405-36.913%2033.017-41.83%2044.24-5.022%2011.46-6.834%2022.518-.874%2027.127%2012.333%209.577%2025.094-6.656%2028.842-10.432%202.322-2.322%2018.552-20.023%2022.627-38%202.697-11.87%203.944-24.3-8.765-22.935zM148.82%20287.2a167.69%20167.69%200%200%201-2.784%204.796c-9.633%2015.992-22.272%2030.268-37.944%2040.555-21.225%2013.926-41.162%2019.28-63.438%2019.01-12.946-.15-25.438-2.245-36.09-9.018-8.73-5.554-9.977-14.235-7.33-19.968%203.675-7.985%2015.147-7.207%2020.03-2.625%2012.187%2011.43%2019.463%2015.86%2035.14%2015.102%2012.325-.605%2026.064-4.567%2036.754-10.81%2064.822-37.855%2064.23-105.9%2066.862-146.904.28-2.494-1.075-.682-1.533.675-2.33%206.897-6.232%2015.53-11.575%2025.225-4.63%208.406-13.453%2020.69-27.43%2029.924-8.206%205.422-21.54%208.047-30.926%201.93-3.404-2.233-23.302-13.885-6.44-48.59%2010.608-21.834%2032.93-36.986%2037.97-40.204%2012.308-7.86%2021.107-11.603%2030.332-10.893%204.7.344%205.375%202.19%208.868%202.102%201.99-2.336%203.086-4.052%206.36-4.954%204.388-.703%209.604%202.97%2011.612%209.95%202.005%206.972-3.218%2018.168-4.537%2023.556%200%200%204.638%2069.857-23.9%20121.14l-.001.001zm73.847-157.404c-7.944.152-7.293%205.884-8.957%2010.9-1.612%205.002-15.306%2049.988-17.042%2058.05-1.747%208.054-2.932%2015.31-.417%2026.374%202.557%2011.313%2015.524%208.006%2016.902%206.022%206.335-8.875.724-11.486.517-17.687-.163-6.477%201.61-13.27%202.948-22.042.48-3.12%201.433-17.342%201.9-19.27.532-2.082%205.003-17.915%2011.45-27.534%202.76-4.134%205.184-15.027-7.3-14.814l-.001.001zm21.628-52.606c-1.088-2.232-6.993-9.268-14.71-3.804-11.48%208.124%201.753%2019.354%203.88%2024.867%202.118%205.49%2013.593%2010.115%2011.92-.744-.245-1.572%202.066-13.857-1.09-20.32v.001zm126.703%2052.985c-3.738.833-11.193%202.335-15.878%203.12-7.104%201.186-10.972%205.665-10.704%2010.17.27%204.548%201.823%206.69%208.158%205.485%205.73-1.082%2010.617-5.96%2015.64-5.974%200%200-10.355%2043.648-11.03%2049.5-.676%205.842-3.743%2021.847%202.548%2030.928%2014%2020.21%2041.98-2.956%2044.596-5.478%201.922-1.867%2019.606-17.37%2025.6-29.807%203.035-6.312-2.136-7.704-5.636-8.992-3.497-1.29-10.894.937-11.927%205.553-2.25%2010.026-26.737%2037.07-38.856%2031.647-14.288-6.4%2011.48-78.127%2011.48-78.127%203.074-1.378%2018.635-5.388%2033.367-9.178%2016.995-4.354%2068.946-14.614%2057.218-30.13-5.735-7.593-20.566%203.97-25.593%206.387-18.008%208.632-62.083%2021.31-62.083%2021.31s5.718-25.783%207.57-30.864c2.13-5.812%209.97-9.615%2011.118-19.967%201.347-12.038-13.153-17.52-20.074-4.338-1.433%202.704-3.404%2010.17-3.597%2010.355-1.86%201.78-17.86%208.18-33.603%2015.682-4.96%202.362-33.13%2012.608-33.186%2012.54.042-.215%208.554-27.217%2018.424-49.74%206.563-14.98%2015.813-35.83%2032.2-40.063%2015.345-3.955%208.11%2012.03%2015.014%2016.185%208.758%205.267%2014.132-1.375%2015.472-7.728%201.05-4.975.77-31.084-25.77-28.473-25.255%202.492-45.38%2041.045-70.26%20113.09-.27.29-20.038%2013.055-36.422%2016.337-8.103%201.62-11.686%202.322-12.76%205.216-2.777%207.462%202.046%2012.892%202.983%2013.65%204.67%205.573%2041.16-18.577%2041.12-18.41-.745.984-30.68%20115.05-30.92%20116.38-1.726%209.5-11.38%2034.546-10.855%2045.915.29%205.85%202.584%2018.024%2011.003%2017.48%2017.635%201.157%2014.235-23.62%2013.05-28.16-2.47-9.398%2010.197-71.526%2021.566-117.318%202.318-9.336%207.083-24.66%207.91-28.305%201.385-6.187%205.006-10.3%209.26-12.257%200%200%2063.396-29.882%2063.98-29.71.002.073-10.126%2036.087-10.126%2036.087l.003.002zm434.324%2057.023c12.27%2011.603%2024.48%204.244%2030.768-.827%2019.27-15.495%2059.003-86.125%2059.003-86.125.228%202.363-16.554%2083.363%205.88%2092.348%2014.388%205.747%2047.873-22.82%2051.708-25.466%2022.107-15.26%208.562-20.835%204.297-20.85-11.4-.034-9.347%208.22-12.468%2011.928-5.145%206.125-25.814%2027.388-35.937%2021.745-5.45-3.056-4.106-21.05-3.562-25.197%203.184-42.877%204.035-50.618%206.532-60.478%201.402-5.48%208.08-5.336%2012.168-6.087%2055.2-10.198%2065.104-6.084%2071.988-9.44%205.464-2.69%206.438-14.255-1.31-16.742-3.545-1.116-8.037%201.585-16.164%204.61-8.086%202.986-48.816%2011.995-54.808%2012.884-5.52.796-6.7.02-8.044-1.71-1.32-1.707%201.22-21.827%209.133-38.504%203.445-7.217%203.534-18.262-7.706-19.116-4.628-.33-8.552.985-10.31%204.926-1.75%203.914-5.12%2039.642-5.904%2042.022-.8%202.35-5.064%204.183-6.005%208.26-.936%204.08-.285%206.623-3.03%207.54-2.773.94-10.366%201.67-13.494%202.424-3.287.8-5.237%207.09-5.36%2010.728-.11%203.634%205.746%201.474%208.574%201.06%203.23-.468%2011.13-4.416%205.516%202.35-2.133%202.584-40.452%2062.486-55.414%2074.82-17.222%2014.173-15.988-13.69-15.558-18.445%202.604-28.422%2015.038-47.494%2016.822-52.017%201.757-4.548%202.498-18.02-12.182-15.045-4.627.923-7.146%205.574-7.352%206.904-.042.186-.042.296-.042.296-1.47%2013.305-26.96%2073.015-7.738%2091.205l-.001-.001zm22.375-139.073c4.52%208.82%2012.25%205.7%2013.566%203.42%201.32-2.26%202.374-2.728%206.122-4.237%206.877-2.75-5-15.096-16.298-11.617-2.363.738-2.588%203.674-2.588%203.674.307%202.587-2.343%205.808-.803%208.76h.001zM689.12%20117.428s7.414-6.39%2010.556-6.222c1.457.07-1.085%204.103%204.01%206.597%202.705%201.34-2.96%2019.365-14.158%2036.666-25.725%2039.72-37.92%2037.93-38.98%2025.864-2.172-25.168%2031.114-57.78%2038.572-62.906v.001zm13.06%2032.57s-.096%208.557.572%2015.875c.604%206.566%202.84%2020.312%205.154%2024.756%203.583%206.854%2011.187%206.854%2017.04%203.492%207.66-4.403%204.037-12.636%201.12-15.38-2.547-2.41-8.738-5.51-10.612-15.846-1.103-6.118-.2-33.7%201.612-43.35%201.175-6.258%205.2-19.5%208.368-25.75%203.053-6.022%2021.442-40.5%2021.707-52.075.11-5.053-5.09-9.24-13.593-8.364-8.506.875-10.618%207.683-10.632%2012.147-.02%204.438-9.025%2035.688-9.49%2037.11-.745%202.136-2.22%2014.93-6.61%2014.958-10.31.063-18.76%202.777-27.034%209.047-4.233%203.21-18.62%2014.4-26.926%2026.08-3.766%205.284-20.897%2027.305-18.962%2053.597%201.764%2023.902%2018.49%2019.67%2023.29%2018.906%2021.823-3.507%2037.167-39.404%2039.393-43.807%203.93-7.82%202.602-5.718%205.606-11.395l-.003-.001zM616.2%2062.663c-1.6%201.967-1.2%208.203%202.28%2011.427%202.62%202.432%202.99%202.88%203.072%204.844.15%203.624%202.463%203.824%206.025%203.775%204.357-.066%207.92-3.087%208.36-9.24.445-6.16-5.52-11.417-10.317-12.602-4.78-1.192-7.347-.772-9.42%201.795v.001z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  content: "";
}
.gift-aid-declaration > .fieldset-wrapper {
  padding-top: 0;
}

.checkout-pane-direct-debit > legend {
  margin-bottom: 1rem;
}
.checkout-pane-direct-debit > legend > span::after,
.checkout-pane-direct-debit > legend > span::before {
  display: block;
  position: relative;
  height: 55px;
  margin-top: -5px;
  float: right;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  content: "";
}
.checkout-pane-direct-debit > legend > span::before {
  width: 50px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2255%22%20height%3D%2256%22%20viewBox%3D%220%200%2055%2056%22%3E%3Cimage%20width%3D%2255%22%20height%3D%2256%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20xlink%3Ahref%3D%22data%3Aimage%2Fpng%3Bbase64%2CiVBORw0KGgoAAAANSUhEUgAAAG4AAABwCAYAAAD%2Fh0UQAAAAAXNSR0IArs4c6QAAFQxJREFUeAHtnQm0VVUZx3mAiCgOhYQa%2BrS0zIEIFKzENNPQBi0tcHxYtiQbsLUyrJYTpaK1pEHN1JzKcTktU8l5ThQt0koRREkZRUBRJnmv3%2F9yz%2BXcffc%2BZ%2B9zzn33PXh7rY%2B997e%2FaX%2Ff2eM579LUbf1KPenOR4CmcrcWkS8EegGrgTZgvUjqaGdIfTFyV0H37t0%2FRr5dW1vbAPJ%2BgNo2L%2Bd9yCupqalpYmtr63gQ4ymfTr4UWAC8Qv0V2l6mPBV4DlgBdJrUEQO3Gd4bAgzHucPIhwIDgVIiYFExJD8XvucJ%2BiHkI2FU3g35kQyNxn9Sn0Iwn6I8BZgRNXblbg8Mxann47hpwPtAWxGAzPMcKvcEr1H4nwQ9c%2BG%2FGLr9gR4OORskegiOmYjjNG0VEihTTkLgIodryH0NvmdMXqO%2BAFmXQnsgsEEGcWc5E6fMNBzTqMBFAVR%2BIDY94GHXTGhPBqrWUwlYH9MeBOx6nFLYNOjh4DaPEWfz9TBkP%2B0h%2F03kn4WArW1COjtubxxwB9Dq4YjCR13GwMnnPeE9G5t9HrT3oNeOdWMxdva0A52e3IhgxXXmCFzkf%2B1sZ8RlJpSnw3RQxNgZ82%2FQucUJHSx8ZLl0FRA4%2Bb8v8p906TDx6LwJnm3rHbjuBSrYFKOvoCM3InPLAuU2WtQ75bOfDumpCdoj8cG%2FIPxCKnEOgqICNxhjn8XoE3LY0pFZl9I3TYPPexr5QfwxGdrTgMop35PXi6yIwI3DSN026CpqfU6LCJ5G0WzPTnbHL%2BcAt0Bf%2BNEhb%2BB%2BjGEXYpgucTeENJ%2FgnRTY0cPx0V3wbBrIl0ieJ3DHYNDEROnrZ%2BM99Pu6wK59rujgZQ3cQRjyJ4yvy%2Fwd6JR2J%2BciehxK9cooJO2Hz%2B6BoZCRlyVwQzBA8%2FZGIVavZ7QLmTJPydCnfbXzzsBXwxIaOB2s70aKXr1s6OlaHOB1RIg7ioB%2Fk3qWoMfFdAsKHEHTDXn%2FKgkbcIUgXJal%2B%2FjxfPhGZOGNeEICNxqmgyPGrrzkAW1SdFcZmnoSPO0RMt9v%2BgZuKxRNCrVuA6B%2FG7%2FcnLGf%2Bjbm1Iy83lPl91HQNUVavMwO83IL2gtF0HWz0uxFbBD5jLheKBhr8HVV13ngcYrz1lWDSpuwy9Q7veDkE7hRSB0QLHnDYng6a3fZ4GTyb%2BpXXoy20CuerH1I45sDwWvAW9j0FvkipqlSTlmf3ekyQP3R%2BbKU45RnKNc9SQ82fSWjol6MupPoy5kh%2FOpsUtIt9wIIfEZmkpyQtjch%2Fjd6X6AzL6gMKF8M%2BCYFbgdgGTDflykH3cHYq7cBWZPuQPUJoj4T9EppI%2B4gpNQ7aHPo9CME6WF0CfQmuRsdUeabduGpPQ6efWDYCZATelAfQ34VUO%2F0Uk4FH4J%2FL%2BBJXzmJgcMZIwId6Kt3BnKvhvgmYHpGHR%2BAdxRBP458WEYZsBaSXkfKGiDPp3ufg987cNC6E065HyjqU4OlPAjaOn%2FWrdGrZTdsugVYmWYb0lq8JBZAhC2vptmT0n5vAWasFVGAMQr6uwRsAhL75jRMm46fIy81YJGDoG%2FJqdObHZ0PR3oz5u94K4MwaarsRbvWiqxJn%2BRdydp1OtPYnKxCyny7I%2BvPlAfllFM3duxbkHO61sV9H8DrCi0pcDsiJOvG5B46cSqg3WDepNdI9yFkq7yC6slPX4t4zaV12ytwSYHZIkNH36ADBwKHwFtE0PYiaPcjq0MHrewnzVB5kwLnlZJGXOjN9TME7KtoneulOZ1oUHmkZXmA0qUXT9GugUsacSGBu42g7YcvigoaMWv6A%2FI6S9D0GIT4S%2FS2tIkNacMlBU43GD5J57BjIFzuQ%2BxJczR0wz1pOwqZNhZ5k%2FcmLilwr3hYsZqgHQWd14LqIU8kmzLazvOk7Uhk2szlTa%2F7CkgK3NsISfySCQdfAM2zvsp86Djz%2FQS67XxoOxCNNhXeGwuH3ZqxEv0d50sKnOgeixObZc5oN5i4vHVG8Il5ZTSAf%2BcCdPp%2B3l5SlRg4nHhngkGzaQtSliArapIDBkSVTpTnDhyz10Mh%2FU0MHIL%2BCrQ6BM5y4POg983D3ChepvfBeXUzexUauAUY9LTDqMIPxTgg7wW0w9T6opmZDsupQZu7x0NkpI04vRdzTZf9QxT50KKrcJk%2BenPS7An%2FTnlkME1eDv%2B7ITJSA4ew6wHbm1mtRXr5V2RaVaSwdpJ1eE49q5kmtTsPSj6Bm8UTcYVNKlPbt2z4rDj0rMzK2yg%2BbM4VOPivwXbv81vUT5%2FAdeOJ0Pu0mpsRprbR4Iu4MYjsWREVCsrbCpLjEqNNySBXowce17Zm%2BlM1r8BhgL4L%2BZ3FkM3BnWDBZ0LRiUcyMbqZmtxN%2BVvwSSanR5rh11fQL0f1euWboEhfX5mfMmhR%2FXhBSrdA%2FgqLDlOnVx2bWgqyyyZGfyPoZYeDTt%2BoZB6tviNOhi9nahxFbk5nfTBMNyhF3I4vRc7dQEdP%2Bvvu8%2FMYCb%2BWn2l5ZITyjrU9QWxULgkV5KA%2F1CY%2FCw75LQ4dedHHZ7EnxvM3DAgZNHntXctPkH4bM6IyXYDP9RRG1iHnIpv8UBzyWiKZBebN2LEo1JYY%2FWxs6VegPWGiNMJixsSD9%2BswSVZq%2FaHJUzb5ITgkt1ilZ0dujP6pITYYtPpkPvO6lt3sas4mgqdfEqoELSqD101A72ry4NpA5C2MZGbJ0dgSrDWBgX79MYsdZZ53ED08QXy7NtGX7tc4OvMPLMl7a67fkMy8y0R%2FS1HeoJ8THP2seXAtdAuxo8NdoGuRPQNj11gM1i5xDJDnPKWfm3rJIjvVYehtAXIngqYfR03V56DRJf3A3EbUUcDnMXx%2BgvH75NC9Gc671iHb6VD0teTQKVbUdp8Uqjeih%2FePyCjimJSzG%2Bns22D0I5HhRt5KR%2F6MiDyfJRyJzJmG3HoFrj967vPVZdDprPutdHd1LIoeBOhcOmKbOuXkZZh7OpD1pxH1%2FeIPkeMa3ZVAQtcCZEkjkP8GUJEVUP43CodkUdpRePRB698SOryMAF%2BMsVmvy3rCOxIZ2hwttemhvQUISQORdzWysvwUsbb6PwBk13qRtDN8zubYMk5OmkxP9RbZ%2B4NQwzMbUddW%2B1Rk3QWURiP1FsAn9SNg58D3HhA6yt6HV7dGH%2FRR1NlotKs8Gqek%2FQ2ZHHcHtFofPpSzk5vCn%2FTTVT1o1%2FWa%2FtZuFRAasNXiRcaeOe3sFOzaYR1Hh31uRTQSp2nqgucU4AAg77eLehg0vU5Etl5VhQZL9DORcRowAGhYynO%2Bymv0YBw4tvzGoW%2BAsP9Bq18m16F2Ie%2FwSjllfTKvL9K0edHUqVzQD9pPkWvDkHVHq9F1O7q0vX8AqPcLWlQkp0YGLrJMztXPAY4kiIdQ3jVqaHC%2BGP0PYpMCpSlxQYPtqVLfEQJXZRCVZmAkT%2FgXyYcC2wLtkXT2epxA3U%2BuYD0HuL4ppamxqSMGzvSIPtkbLGBUDsaxu1HW%2BqL1LsR%2BBUFXcBpJ2nVOZ%2BqbTvmlMugTgpVAp0ghHe9oHdI6pqBqw6H3W%2BaLydXglgA6XylYClrD1yZs6EpdHujyQJcHujzQPh7QGqfdm7bk0fyv3IRV4OYC%2BuJWb3JD0uEQb2Ew6B3Vf2I46T8hVncVtcHQeU22zALmAUnpEzTunUTgaJNtsjEp6VZG12w7sWnakVwbpmjP8B4bn6nUnwS0%2BZE%2FdZ23H1BEWtmN3dU8IOQGQT9n%2ByDaxwCpB2doXzTlwzfOsH5Lk8ajrpsVbd1HAwq8Lem%2FjwnpW4mWQEyyCQOnC%2BTRyLwV8L3X1H8QeC58%2Bsgo2BYHzzxzJ%2BawtwqtYO2PwD8B8zDqKupbV1G0T0VPt17eXgfcTVl3k%2FVMetuh%2F8nxOpRoFvG9ENfl8zZFG2Z9BYFx1zPU7y0r60tw%2BlPenjPUgeTxA3EfcMdD%2FwXyo2h7pMxTSIbcGxGkLX0poWMghZFANCWtbSCA2PgLbD4lQiTk%2BmG5mQnt%2BluJJ4z2H8FzHjgdQcyk5WMK7TPgU1mjXz%2FZOwB7d6G8C%2Fh%2FkS%2BD5mpyW9JPNB5jNOji%2B0oDF1WXWqdKWs2pLGJQPgKBtrfQ79M2Kk6oMrSZp0rYP27Ko74LMqcD5rTzioW2ZqqEpsZGC18cdTC6NC2b%2BnRHKj%2B5pum4jLRyb4v8ygNrY84yVT7K0zEYYebo6oHy34HX1FDPpN9VudaioB7TdX%2F6pFFijvDZ2LAH%2BEmANm7tnrIETka%2BjeFjyPUHH%2FGkF5IXxBH1KKNjV4vc6RZcLhR6JiCg5r0gfT8WfNqONpfuNOasgZPcWTyNl5oK6FQLONtaYJKG1iVTa9lv0VEz3YG7xFOgjibaurugEihkHmSR%2BSK4Ry34dkVZNye%2BFrDo6pMEk1wIbWBeMxtC68jWLb3uHJV0qdwXZ5Yq8X%2BgmwD%2B8jjOVYb2D7QJXGklsnrTqHNas0kEv35szkS3ez1X4LDWFRy9sHS1hXRSD4Az4cQbeHguxJFph2WnjIQGV3SK6FeCWr%2BmvIHTAm1L5k2JjaYoXGjQtFtbmaB8RblNudZw83yoI0nDU541Tp%2F57mfpgV6jPGTBB6MYSYcDegf3aUbXWQhYExcCfhT1Q%2BO4tDI8YwCdsVzQXJYhXTX9gE99zuW3svxcWR4DvkQnvmFqx8FXgoueWrM5tP4iDP8E%2Fs6UeCb6TjYFoO9icFqPCk%2Fou8sitJkH9hwLvl1RWQOnEaCzVJNh7RocXLPTNGjyVC%2BDWbcQ8bQ9jvxlHFFg%2BQpkTTPlEdCfgBsH9DDb2qseEriNMeozOOkygvY45S0NI9fQoWPBvWzgi6y2ouOnpkBwGomu9dYkD6nr9zhbYHjPZMIHFwI6O34P0LeVriOQgutqoyljQrnt7cCz4PX5uL5%2FfAF4FUj6OzV17EibCfAVfeWla7RHAfMK6gGL%2FporL%2FgWA%2BqzE5BzoiFLF8y2a764DbpbfB6QzyLQWVfHmS8b8sxqb%2BjislTWJsqZXLvKTzk5qhv0hx36vwXOAD2nuql%2BNUbBePQ%2BYWg4gLpu7W8z8GbVnCnMdtXNneQ0dA5ltrmIXA%2BozW8aVbuL2ZL6W3C5UCFTpRTpReZ84BY68B2gmaDp6Wy3oKFL6UkCd%2FPa4rp%2Fwf2Kmqb0eqTF9PUo%2BrwDcCYKtHGSP9KSrsY06gpN2lwMB%2FQEafsrQ2y5bv4XA4vKNGSFJtlRuWqKSV5IWfbYktaOjwKyWdAGiPYNQPYq9QE2L5XC%2Fnkb8pp1zSKiLzhduOvuVDvbPozKngR4FmUFVpA45dGupP4PK5XW%2FaM%2BTF1X7Sp1eaDLA43zgHkOa5wlBWpmrZuCuKq1jnXpMHCvFqimIgp9t1cq5QL6jqaoK7O6JAVuLFDVSUPTcurafAi0fiwAfBZlyBqTcOQKNFf1CUdqHdKaU3hCn9bXqoS%2BrUD4rG9VfN4VlC6R4gDQnxzNZhH%2BPUp29lbUjoTYV3PmRL3tM4hCrLL5DsFbFiLcIcR2HnGQVtDiGcgTdTIGf5fyXylfQP5YhWIDK%2BCHmms%2BfJL0BqLGQ3rYQJqzxEhwk2uIhYChZsQxmibQpK32cECn%2FnHgLoX2McD24YymzpqrKHANSXICUDWLYEjdRlwRnXTY%2FEWXbOuI4xyiRXVGGUq84CIZe6HkIip7RQhyUE2%2F5CmTvLNjeJ9iL4h0FhrOwyHnLkGXzm9aSwWPAnoai05a3zcB%2BgAbAXOBTpOsgUuxXq%2Fuh%2BHkG8mPjNMSvNPBPQTOZ9rcGhm%2Fgf7r0Ct4lf9CGjmqRkn%2FheVvqFwM5F3st0Hn95E3ClnNQFzRXPQ%2BzENzOfgHAe%2BEzKtMYuRoGXEe4uG5hvZSv8WLTXp4qpL8CeKkCAnNnZSvKNVprJkqaRgfESfk28Br%2B32RWxN4oqaj4HX9Mt77tFVNc%2BW6biO87vygt02VPwPv8zuT%2BgWkieiqcWRkvJnb7IUmcXNis9EmJ47DrkkV3TRkDZzegJ8VF1wu65eDelcU1BZ%2BauH5B2Rjge0BLdD6E%2BIfQGc%2BGFPAa3pLTPDVBM7QqXY9OK5fP2qjb39JVBJrNGSXHjqaO27gMO4Ih9GHxvoVL%2B4IvfnHEv%2BFwPWNyj6m%2FPJoiMusKcPjCtwS%2BM%2BFYUCZSZfsx0L%2FP1OP6rSNLNMlZg7exMAhcAegOQJk6I9pqmYa2kYDsjUC3Y2uTRBnHnFI%2BIypTHXw2onWJNpuNulxpM6DCpwVoNe7wXiHXoM2vjbZ9NgCp82H7SJb%2FNui4y1Dj0bdTTXCLQiTT3XI0gJXJQkeWxycu0o9cXnSIAezRpEt7WoiWXB1HpTRVoDefDeo6XRnU05aHT1nQTPfQTeH9p%2BZbeBGmLiOUs8VOJxtG1k6eM5ydNB7wXfwR%2Bgsr2peiJgd%2BTQLPosei5jiUVmOA5EVLRRqhjLB1EtW1zs0TSFmug%2Be50xkUh35bya1O9p0XktKtk3PqiSGhraVp6j4GiLnJh0HNEq%2FC9%2B7QBUfdZ1bkqaxM0we1pHLinYAOmrWuPJa6lRFu%2F5A0uzPHU6GWIOFr%2B5rnPXKC5vMwH0Y3CHAaRjp%2Bvl2vZ537SZpKiX92dJyo6ManWOBtGm0HzSnlaSk%2FIP8msBJZ5lfb6rjSb%2FmfrZhUymAEH0zTugqO3iL2JycmKCz9DWRuR1fBoOuvZR0JjPbSw2xf6Yyfemm4JkYzlXUHwrqkG5OXbPA38KNg6bBt4ClgH74cw9k70l5N6AX5cQdJTR6GFeQ6TxoS%2FrK6xL06GgwCHlDIfqYhfBu2tIexBIb8mqWAHi3onGJRa4VhQytsepnPL2BnFNAPAS8A2wOLARKnazZhsoQT1iEiJOA0E3Op5H%2FoqeOKltkc1pCrm3E1Wz3E%2FTLidul6YnabXJoCxpx0I%2B1yTFwkyOd1qnSII4cp1sG%2FU7x0zypWpf0NLqe6or8hIKC%2FTXkPQGsAiI9tnw27bdCr1GdmqCtCRxM%2BwLjabOtzZHOd%2BnbOdBV7hBTlUFgsx10aOA2Q47evkS22PJK4DTtbA1oqLeWQWtOVFYer1OtS9IXW83ARwDtdDXV6Vih%2FHXAdf6iyZo0tZtTqqYa9UUO3RsYQpA0nUn3cqbOh8l1OS69oemTFobnwUlfSNLD%2FG2CdwS5zpDxgaEHTlP8jyXQ7JxwXaljeECbtWZAD5b2G3qAK2vp%2FwFh9uvTNMqTRQAAAABJRU5ErkJggg%3D%3D%22%2F%3E%3C%2Fsvg%3E");
}
.checkout-pane-direct-debit > legend > span::after {
  width: 40px;
  margin-right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22330%22%20height%3D%22402%22%20viewBox%3D%220%200%20330%20402%22%3E%3Cpath%20fill%3D%22%23CCC%22%20d%3D%22M321.45%20190.721c-5.331-5.33-11.8-7.993-19.417-7.993h-9.131v-54.821c0-35.022-12.559-65.093-37.685-90.218C230.093%2012.563%20200.025%200%20164.998%200c-35.026%200-65.1%2012.563-90.222%2037.688-25.126%2025.126-37.685%2055.196-37.685%2090.219v54.821h-9.135c-7.611%200-14.084%202.663-19.414%207.993-5.33%205.326-7.994%2011.799-7.994%2019.417V374.59c0%207.611%202.665%2014.086%207.994%2019.417%205.33%205.325%2011.803%207.991%2019.414%207.991H302.04c7.617%200%2014.085-2.663%2019.417-7.991%205.325-5.331%207.994-11.806%207.994-19.417V210.135c.004-7.612-2.669-14.084-8.001-19.414zm-83.363-7.993H91.909v-54.821c0-20.175%207.139-37.402%2021.414-51.675%2014.277-14.275%2031.501-21.411%2051.678-21.411%2020.179%200%2037.399%207.135%2051.677%2021.411%2014.271%2014.272%2021.409%2031.5%2021.409%2051.675v54.821z%22%2F%3E%3C%2Fsvg%3E");
  opacity: 0.8;
}
.checkout-pane-direct-debit > .fieldset-wrapper {
  padding-top: 0;
}

/* Payment options radio buttons */
.type-radio.payment-options:not(.form-item-payment-information-add-payment-method-billing-information-field-age-verification) label::after {
  display: block;
  position: relative;
  height: 30px;
  float: right;
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
}
.type-radio.payment-options:not(.form-item-payment-information-add-payment-method-billing-information-field-age-verification) input[value^=new--credit_card--stripe] + label::after {
  width: 85px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2275%22%20height%3D%2225%22%20viewBox%3D%220%200%2075%2025%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%200h75v25H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M38%201h36v23H38z%22%2F%3E%3Cpath%20fill%3D%22%23F7B600%22%20d%3D%22M38.537%2020.256h34.925v3.209H38.537z%22%2F%3E%3Cpath%20fill%3D%22%231A1F71%22%20d%3D%22M38.537%201.535h34.925v3.209H38.537zM52.696%208.107L49.11%2016.4h-2.346L45.005%209.77c-.113-.416-.203-.547-.519-.722a9.082%209.082%200%200%200-2.187-.7l.045-.241h3.766c.51.002.94.365%201.015.853l.925%204.793%202.3-5.646h2.346zm9.18%205.58c0-2.188-3.113-2.32-3.09-3.282%200-.307.293-.613.947-.7.75-.069%201.506.06%202.187.371l.384-1.75a5.926%205.926%200%200%200-2.075-.373c-2.188%200-3.722%201.139-3.744%202.736-.023%201.204%201.105%201.86%201.94%202.254.834.394%201.15.679%201.15%201.029%200%20.547-.7.81-1.33.81a4.65%204.65%200%200%201-2.279-.526l-.406%201.817a6.454%206.454%200%200%200%202.459.438c2.323.021%203.834-1.095%203.856-2.824zm5.773%202.714h2.052L67.92%208.107h-1.895a1.009%201.009%200%200%200-.947.612l-3.338%207.682h2.323l.451-1.247h2.842l.293%201.247zm-2.48-2.932l1.172-3.108.677%203.108h-1.85zm-9.316-5.362L54.027%2016.4h-2.21l1.826-8.294h2.21z%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M1%201h37v23H1z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10.96%2022.257v-1.375a.802.802%200%200%200-.844-.87.898.898%200%200%200-.776.389.798.798%200%200%200-.73-.39.775.775%200%200%200-.662.321v-.275h-.434v2.2h.434v-1.26a.515.515%200%200%201%20.548-.573c.32%200%20.502.206.502.573v1.26h.434v-1.26a.515.515%200%200%201%20.547-.573c.32%200%20.503.206.503.573v1.26h.479zm7.122-2.177h-.799v-.665h-.433v.665h-.457v.39h.457v1.03c0%20.505.182.803.73.803.208-.004.412-.06.594-.16l-.137-.39a.749.749%200%200%201-.411.114.319.319%200%200%201-.343-.366v-1.054h.8v-.367zm4.063-.069a.684.684%200%200%200-.593.321v-.275h-.434v2.2h.434V21.02c0-.366.182-.595.48-.595.1.004.199.019.296.045l.137-.412a1.535%201.535%200%200%200-.32-.046zm-6.14.23a1.56%201.56%200%200%200-.89-.23c-.548%200-.89.252-.89.688%200%20.366.25.573.73.641l.229.023c.25.046.41.138.41.252%200%20.16-.182.275-.525.275a1.2%201.2%200%200%201-.73-.229l-.228.344c.277.184.603.28.936.275.639%200%20.981-.298.981-.71%200-.413-.274-.573-.753-.642l-.228-.023c-.206-.023-.388-.092-.388-.23%200-.137.182-.274.433-.274.239.01.473.073.685.183l.228-.344zm6.642.916c-.019.31.096.612.314.831.218.22.52.334.828.315.28.015.557-.075.776-.252l-.229-.344a.91.91%200%200%201-.57.206.734.734%200%200%201-.675-.733c0-.384.294-.703.675-.733a.91.91%200%200%201%20.57.206l.229-.344a1.138%201.138%200%200%200-.776-.252%201.02%201.02%200%200%200-.83.279%201.029%201.029%200%200%200-.312.821zm-3.081-1.146c-.64%200-1.073.458-1.073%201.146-.02.306.091.605.304.824.214.218.51.336.815.322.322.007.636-.099.89-.298l-.228-.32a1.088%201.088%200%200%201-.64.228.642.642%200%200%201-.662-.573h1.621v-.183c0-.688-.41-1.146-1.027-1.146zm0%20.413a.544.544%200%200%201%20.57.55H18.95a.587.587%200%200%201%20.616-.55zm-5.912.733v-1.1h-.433v.275a.839.839%200%200%200-.708-.32c-.63%200-1.141.512-1.141%201.145s.51%201.146%201.141%201.146a.839.839%200%200%200%20.708-.32v.274h.433v-1.1zm-1.78%200a.686.686%200%200%201%201.368.06.686.686%200%200%201-.683.673.67.67%200%200%201-.685-.733zm16.868-1.146a.684.684%200%200%200-.594.321v-.275h-.433v2.2h.433V21.02c0-.366.183-.595.48-.595.1.004.2.019.296.045l.137-.412a1.535%201.535%200%200%200-.32-.046zm3.515%201.925a.137.137%200%200%201%20.091.023c.023%200%20.046.023.068.046.023.023.046.046.046.069%200%20.023.023.046.023.091a.138.138%200%200%201-.023.092c-.023.023-.023.046-.046.069-.022.023-.045.046-.068.046-.023%200-.046.023-.091.023a.137.137%200%200%201-.092-.023c-.022-.023-.045-.023-.068-.046-.023-.023-.046-.046-.046-.069%200-.023-.023-.046-.023-.092a.138.138%200%200%201%20.023-.091c.023-.023.023-.046.046-.069.023-.023.046-.046.068-.046.023%200%20.069-.023.092-.023zm0%20.39a.084.084%200%200%200%20.068-.023.05.05%200%200%200%20.046-.046l.045-.046c0-.023.023-.046.023-.069a.085.085%200%200%200-.023-.068.05.05%200%200%200-.045-.046l-.046-.046c-.023%200-.045-.023-.068-.023a.084.084%200%200%200-.069.023.05.05%200%200%200-.045.046l-.046.046c0%20.023-.023.046-.023.068a.085.085%200%200%200%20.023.07.05.05%200%200%200%20.046.045l.045.046a.084.084%200%200%200%20.069.023zm.023-.252a.084.084%200%200%201%20.068.023c.023.023.023.023.023.045%200%20.023%200%20.023-.023.046a.08.08%200%200%201-.046.023l.069.069h-.069l-.068-.069h-.023v.069h-.046v-.206h.115zm-.046.023v.045h.068v-.045h-.068zm-5.181-.94v-1.1h-.434v.275a.839.839%200%200%200-.708-.32c-.63%200-1.14.512-1.14%201.145s.51%201.146%201.14%201.146a.839.839%200%200%200%20.708-.32v.274h.434v-1.1zm-1.758%200a.686.686%200%200%201%201.368.06.686.686%200%200%201-.683.673c-.434.023-.685-.32-.685-.733zm6.186%200v-1.971h-.434v1.146a.839.839%200%200%200-.708-.32c-.63%200-1.14.512-1.14%201.145s.51%201.146%201.14%201.146a.839.839%200%200%200%20.708-.32v.274h.434v-1.1zm-1.78%200a.686.686%200%200%201%201.367.06.686.686%200%200%201-.683.673.67.67%200%200%201-.685-.733z%22%2F%3E%3Cpath%20fill%3D%22%23FF5F00%22%20d%3D%22M16.2%203.675h8.143v12.837H16.2z%22%2F%3E%3Cpath%20fill%3D%22%23EB001B%22%20d%3D%22M16.809%2010.36A8.279%208.279%200%200%201%2020%203.844a8.465%208.465%200%200%200-9.943-.309C7.032%205.595%205.716%209.363%206.81%2012.83c1.095%203.467%204.344%205.827%208.018%205.821A8.397%208.397%200%200%200%2020%2016.878a8.279%208.279%200%200%201-3.191-6.517z%22%2F%3E%3Cpath%20fill%3D%22%23F79E1B%22%20d%3D%22M32.609%2015.225v-.272h.087v-.046h-.21v.046h.088v.272h.035zm.42%200v-.318h-.07l-.07.227-.07-.227h-.07v.318h.052v-.25l.07.205h.053l.07-.205v.25h.035z%22%2F%3E%3Cpath%20fill%3D%22%23F79E1B%22%20d%3D%22M33.572%2010.36c-.004%203.174-1.837%206.068-4.724%207.456a8.473%208.473%200%200%201-8.848-.93%208.284%208.284%200%200%200%203.195-6.525A8.284%208.284%200%200%200%2020%203.836a8.473%208.473%200%200%201%208.848-.93c2.887%201.387%204.72%204.281%204.724%207.455z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.type-radio.payment-options:not(.form-item-payment-information-add-payment-method-billing-information-field-age-verification) input[class*=paypal] + label::after {
  width: 104px;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2298%22%20height%3D%2224%22%20viewBox%3D%220%200%2098%2024%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20fill%3D%22%2328356A%22%20d%3D%22M36.44%205.064h-5.426a.758.758%200%200%200-.745.647l-2.195%2014.162c-.043.28.17.531.448.531h2.59a.758.758%200%200%200%20.745-.648l.592-3.82a.757.757%200%200%201%20.744-.648h1.718c3.574%200%205.636-1.76%206.175-5.25.243-1.525.01-2.725-.692-3.564-.77-.923-2.139-1.41-3.954-1.41zm.625%205.172c-.296%201.982-1.784%201.982-3.222%201.982h-.819l.574-3.701a.454.454%200%200%201%20.447-.389h.375c.98%200%201.904%200%202.382.569.285.339.372.843.263%201.539zm15.593-.064H50.06a.455.455%200%200%200-.447.388l-.115.74-.182-.268c-.562-.831-1.816-1.109-3.068-1.109-2.872%200-5.324%202.214-5.801%205.319-.249%201.548.104%203.03.968%204.062.791.95%201.924%201.346%203.272%201.346%202.314%200%203.596-1.514%203.596-1.514l-.115.734c-.044.281.169.533.446.533h2.34a.758.758%200%200%200%20.745-.648l1.404-9.052a.456.456%200%200%200-.445-.53zm-3.622%205.147c-.25%201.511-1.428%202.525-2.931%202.525-.755%200-1.357-.246-1.745-.713-.384-.463-.53-1.123-.408-1.858.235-1.498%201.432-2.545%202.912-2.545.738%200%201.338.25%201.733.72.396.476.553%201.14.44%201.871zm17.46-5.147h-2.611a.753.753%200%200%200-.625.337l-3.6%205.399-1.527-5.189a.758.758%200%200%200-.724-.547h-2.565a.46.46%200%200%200-.43.609l2.876%208.59-2.703%203.885c-.213.306.001.727.369.727h2.607a.75.75%200%200%200%20.62-.33l8.684-12.758c.208-.305-.006-.723-.371-.723%22%2F%3E%3Cpath%20fill%3D%22%23298FC2%22%20d%3D%22M75.14%205.064h-5.426a.758.758%200%200%200-.745.647l-2.194%2014.162c-.044.28.169.531.446.531h2.785a.53.53%200%200%200%20.52-.454l.623-4.014a.757.757%200%200%201%20.744-.648h1.717c3.574%200%205.636-1.76%206.176-5.25.244-1.525.01-2.725-.693-3.564-.77-.923-2.137-1.41-3.953-1.41zm.626%205.172c-.296%201.982-1.784%201.982-3.223%201.982h-.817l.575-3.701a.453.453%200%200%201%20.445-.389h.376c.979%200%201.904%200%202.381.569.285.339.372.843.263%201.539zm15.592-.064H88.76a.452.452%200%200%200-.446.388l-.115.74-.182-.268c-.563-.831-1.816-1.109-3.068-1.109-2.871%200-5.323%202.214-5.8%205.319-.248%201.548.104%203.03.967%204.062.793.95%201.924%201.346%203.272%201.346%202.314%200%203.597-1.514%203.597-1.514l-.116.734a.458.458%200%200%200%20.447.533h2.34c.37%200%20.686-.274.744-.648l1.405-9.052a.458.458%200%200%200-.448-.53zm-3.622%205.147c-.249%201.511-1.429%202.525-2.931%202.525-.753%200-1.358-.246-1.745-.713-.384-.463-.528-1.123-.408-1.858.236-1.498%201.432-2.545%202.912-2.545.738%200%201.338.25%201.733.72.397.476.554%201.14.44%201.871zm6.685-9.867l-2.227%2014.42a.457.457%200%200%200%20.446.532h2.239a.756.756%200%200%200%20.745-.648l2.196-14.16a.457.457%200%200%200-.446-.533h-2.507a.456.456%200%200%200-.446.39%22%2F%3E%3Cpath%20fill%3D%22%2328356A%22%20d%3D%22M5.64%2023.17l.405-2.634-.904-.022H.823l3-19.447a.259.259%200%200%201%20.085-.153c.044-.039.1-.06.16-.06h7.28c2.416%200%204.084.514%204.955%201.529.408.476.668.973.794%201.52.132.575.134%201.261.005%202.098l-.009.061V6.6l.408.236c.344.187.617.4.827.644.349.407.575.925.67%201.538.099.63.066%201.381-.095%202.23-.186.978-.488%201.83-.894%202.526a5.15%205.15%200%200%201-1.417%201.587c-.54.392-1.182.69-1.907.88-.703.187-1.505.281-2.385.281h-.566c-.405%200-.799.15-1.107.417-.31.272-.515.645-.578%201.053l-.043.237-.717%204.646-.032.17c-.009.054-.024.08-.045.1a.118.118%200%200%201-.075.027H5.64%22%2F%3E%3Cpath%20fill%3D%22%23298FC2%22%20d%3D%22M17.888%206.124a13%2013%200%200%201-.075.436c-.96%205.04-4.244%206.78-8.44%206.78H7.239c-.513%200-.945.38-1.025.898L4.81%2023.337a.555.555%200%200%200%20.539.645h3.788c.449%200%20.83-.333.9-.785l.038-.197.713-4.626.046-.254a.917.917%200%200%201%20.9-.787h.566c3.67%200%206.544-1.523%207.384-5.931.35-1.842.169-3.38-.76-4.46a3.63%203.63%200%200%200-1.036-.818%22%2F%3E%3Cpath%20fill%3D%22%2322284F%22%20d%3D%22M16.883%205.715a7.402%207.402%200%200%200-.933-.212%2011.621%2011.621%200%200%200-1.883-.14H8.361a.889.889%200%200%200-.393.09.928.928%200%200%200-.506.697l-1.214%207.859-.035.229c.08-.518.512-.898%201.025-.898h2.136c4.195%200%207.48-1.742%208.44-6.78.028-.149.052-.294.074-.436a5.045%205.045%200%200%200-1.005-.41%22%2F%3E%3Cpath%20fill%3D%22%2328356A%22%20d%3D%22M7.462%206.15a.925.925%200%200%201%20.506-.695.889.889%200%200%201%20.393-.092h5.706c.676%200%201.307.046%201.883.14a7.402%207.402%200%200%201%201.15.28c.282.097.546.21.788.341.286-1.862-.002-3.13-.987-4.278C15.815.582%2013.856.042%2011.348.042h-7.28c-.512%200-.949.38-1.028.898L.008%2020.588c-.06.388.233.74.617.74h4.494L7.462%206.15%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.type-radio.payment-options:not(.form-item-payment-information-add-payment-method-billing-information-field-age-verification) input[value=new--payment_request--google_pay] + label::after {
  width: 80px;
  background-image: url("data:image/svg+xml,%0A%3Csvg role='presentation' fill='%23A1A1A1' class='main-header__logo-image' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 435.97 173.13'%3E%3Cpath d='M206.2,84.58v50.75H190.1V10h42.7a38.61,38.61,0,0,1,27.65,10.85A34.88,34.88,0,0,1,272,47.3a34.72,34.72,0,0,1-11.55,26.6q-11.2,10.68-27.65,10.67H206.2Zm0-59.15V69.18h27a21.28,21.28,0,0,0,15.93-6.48,21.36,21.36,0,0,0,0-30.63,21,21,0,0,0-15.93-6.65h-27Z' fill='%235f6368'%3E%3C/path%3E%3Cpath d='M309.1,46.78q17.85,0,28.18,9.54T347.6,82.48v52.85H332.2v-11.9h-.7q-10,14.7-26.6,14.7-14.17,0-23.71-8.4a26.82,26.82,0,0,1-9.54-21q0-13.31,10.06-21.17t26.86-7.88q14.34,0,23.62,5.25V81.25A18.33,18.33,0,0,0,325.54,67,22.8,22.8,0,0,0,310,61.13q-13.49,0-21.35,11.38l-14.18-8.93Q286.17,46.78,309.1,46.78Zm-20.83,62.3a12.86,12.86,0,0,0,5.34,10.5,19.64,19.64,0,0,0,12.51,4.2,25.67,25.67,0,0,0,18.11-7.52q8-7.53,8-17.67-7.53-6-21-6-9.81,0-16.36,4.73C290.46,100.52,288.27,104.41,288.27,109.08Z' fill='%235f6368'%3E%3C/path%3E%3Cpath d='M436,49.58,382.24,173.13H365.62l19.95-43.23L350.22,49.58h17.5l25.55,61.6h.35l24.85-61.6Z' fill='%235f6368'%3E%3C/path%3E%3Cpath d='M141.14,73.64A85.79,85.79,0,0,0,139.9,59H72V86.73h38.89a33.33,33.33,0,0,1-14.38,21.88v18h23.21C133.31,114.08,141.14,95.55,141.14,73.64Z' fill='%234285f4'%3E%3C/path%3E%3Cpath d='M72,144c19.43,0,35.79-6.38,47.72-17.38l-23.21-18C90.05,113,81.73,115.5,72,115.5c-18.78,0-34.72-12.66-40.42-29.72H7.67v18.55A72,72,0,0,0,72,144Z' fill='%2334a853'%3E%3C/path%3E%3Cpath d='M31.58,85.78a43.14,43.14,0,0,1,0-27.56V39.67H7.67a72,72,0,0,0,0,64.66Z' fill='%23fbbc04'%3E%3C/path%3E%3Cpath d='M72,28.5A39.09,39.09,0,0,1,99.62,39.3h0l20.55-20.55A69.18,69.18,0,0,0,72,0,72,72,0,0,0,7.67,39.67L31.58,58.22C37.28,41.16,53.22,28.5,72,28.5Z' fill='%23ea4335'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
}
.type-radio.payment-options:not(.form-item-payment-information-add-payment-method-billing-information-field-age-verification) input[value=new--payment_request--apple_pay] + label::after {
  top: 6px;
  width: 80px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 210.2' xml:space='preserve'%3E%3Cpath id='XMLID_34_' d='M93.6,27.1C87.6,34.2,78,39.8,68.4,39c-1.2-9.6,3.5-19.8,9-26.1c6-7.3,16.5-12.5,25-12.9 C103.4,10,99.5,19.8,93.6,27.1 M102.3,40.9c-13.9-0.8-25.8,7.9-32.4,7.9c-6.7,0-16.8-7.5-27.8-7.3c-14.3,0.2-27.6,8.3-34.9,21.2 c-15,25.8-3.9,64,10.6,85c7.1,10.4,15.6,21.8,26.8,21.4c10.6-0.4,14.8-6.9,27.6-6.9c12.9,0,16.6,6.9,27.8,6.7 c11.6-0.2,18.9-10.4,26-20.8c8.1-11.8,11.4-23.3,11.6-23.9c-0.2-0.2-22.4-8.7-22.6-34.3c-0.2-21.4,17.5-31.6,18.3-32.2 C123.3,42.9,107.7,41.3,102.3,40.9 M182.6,11.9v155.9h24.2v-53.3h33.5c30.6,0,52.1-21,52.1-51.4c0-30.4-21.1-51.2-51.3-51.2H182.6z M206.8,32.3h27.9c21,0,33,11.2,33,30.9c0,19.7-12,31-33.1,31h-27.8V32.3z M336.6,169c15.2,0,29.3-7.7,35.7-19.9h0.5v18.7h22.4V90.2 c0-22.5-18-37-45.7-37c-25.7,0-44.7,14.7-45.4,34.9h21.8c1.8-9.6,10.7-15.9,22.9-15.9c14.8,0,23.1,6.9,23.1,19.6v8.6l-30.2,1.8 c-28.1,1.7-43.3,13.2-43.3,33.2C298.4,155.6,314.1,169,336.6,169z M343.1,150.5c-12.9,0-21.1-6.2-21.1-15.7c0-9.8,7.9-15.5,23-16.4 l26.9-1.7v8.8C371.9,140.1,359.5,150.5,343.1,150.5z M425.1,210.2c23.6,0,34.7-9,44.4-36.3L512,54.7h-24.6l-28.5,92.1h-0.5 l-28.5-92.1h-25.3l41,113.5l-2.2,6.9c-3.7,11.7-9.7,16.2-20.4,16.2c-1.9,0-5.6-0.2-7.1-0.4v18.7C417.3,210,423.3,210.2,425.1,210.2z '/%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}
.type-radio.payment-options:not(.form-item-payment-information-add-payment-method-billing-information-field-age-verification) input[value=amazon_pay] + label::after {
  top: 6px;
  width: 134px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='isolation:isolate' viewBox='0 0 176.515 33.863' width='176.515' height='33.863'%3E%3Cdefs%3E%3CclipPath id='_clipPath_YQXZfDyPH8PDg72bLQM3P9CWVeOJZUa0'%3E%3Crect width='176.515' height='33.863'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23_clipPath_YQXZfDyPH8PDg72bLQM3P9CWVeOJZUa0)'%3E%3Cpath d=' M 69.652 26.489 C 63.129 31.303 53.672 33.863 45.528 33.863 C 34.115 33.863 23.837 29.644 16.059 22.621 C 15.449 22.069 15.993 21.316 16.727 21.743 C 25.118 26.626 35.496 29.567 46.213 29.567 C 53.443 29.567 61.391 28.066 68.704 24.964 C 69.807 24.497 70.732 25.691 69.652 26.489 Z ' fill-rule='evenodd' fill='rgb(247,156,52)'/%3E%3Cpath d=' M 72.367 23.389 C 71.532 22.321 66.852 22.883 64.749 23.135 C 64.112 23.212 64.013 22.655 64.587 22.252 C 68.321 19.629 74.44 20.386 75.151 21.265 C 75.867 22.15 74.962 28.285 71.464 31.212 C 70.925 31.662 70.413 31.422 70.652 30.828 C 71.44 28.861 73.202 24.459 72.367 23.389 Z ' fill-rule='evenodd' fill='rgb(247,156,52)'/%3E%3Cpath d=' M 64.897 3.724 L 64.897 1.176 C 64.899 0.788 65.191 0.53 65.543 0.531 L 76.965 0.53 C 77.33 0.53 77.624 0.795 77.624 1.173 L 77.624 3.358 C 77.62 3.725 77.311 4.203 76.764 4.962 L 70.847 13.41 C 73.043 13.359 75.366 13.688 77.362 14.809 C 77.812 15.062 77.933 15.437 77.968 15.804 L 77.968 18.523 C 77.968 18.898 77.558 19.331 77.126 19.106 C 73.611 17.264 68.946 17.063 65.058 19.128 C 64.661 19.34 64.246 18.912 64.246 18.537 L 64.246 15.952 C 64.246 15.539 64.254 14.831 64.671 14.201 L 71.525 4.367 L 65.557 4.366 C 65.192 4.366 64.899 4.106 64.897 3.724 Z ' fill-rule='evenodd' fill='rgb(51,62,71)'/%3E%3Cpath d=' M 23.233 19.641 L 19.758 19.641 C 19.427 19.62 19.163 19.372 19.136 19.054 L 19.139 1.219 C 19.139 0.863 19.439 0.578 19.81 0.578 L 23.046 0.577 C 23.384 0.594 23.656 0.85 23.677 1.176 L 23.677 3.504 L 23.743 3.504 C 24.586 1.252 26.175 0.201 28.316 0.201 C 30.489 0.201 31.852 1.252 32.825 3.504 C 33.668 1.252 35.582 0.201 37.625 0.201 C 39.085 0.201 40.674 0.802 41.647 2.153 C 42.75 3.655 42.524 5.831 42.524 7.745 L 42.52 19 C 42.52 19.355 42.221 19.641 41.85 19.641 L 38.38 19.641 C 38.03 19.619 37.756 19.343 37.756 19.001 L 37.755 9.546 C 37.755 8.796 37.82 6.92 37.657 6.207 C 37.398 5.005 36.62 4.667 35.615 4.667 C 34.771 4.667 33.895 5.23 33.538 6.13 C 33.181 7.032 33.214 8.532 33.214 9.546 L 33.214 19 C 33.214 19.355 32.914 19.641 32.544 19.641 L 29.073 19.641 C 28.724 19.619 28.449 19.343 28.449 19.001 L 28.445 9.546 C 28.445 7.557 28.77 4.631 26.305 4.631 C 23.807 4.631 23.905 7.482 23.905 9.546 L 23.903 19 C 23.903 19.355 23.603 19.641 23.233 19.641 Z ' fill-rule='evenodd' fill='rgb(51,62,71)'/%3E%3Cpath d=' M 87.488 3.842 C 84.926 3.842 84.764 7.331 84.764 9.508 C 84.764 11.685 84.732 16.339 87.457 16.339 C 90.149 16.339 90.279 12.586 90.279 10.297 C 90.279 8.796 90.213 6.994 89.759 5.568 C 89.37 4.329 88.591 3.842 87.488 3.842 Z M 87.457 0.201 C 92.614 0.201 95.403 4.631 95.403 10.26 C 95.403 15.7 92.322 20.017 87.457 20.017 C 82.396 20.017 79.639 15.588 79.639 10.072 C 79.639 4.517 82.428 0.201 87.457 0.201 Z ' fill-rule='evenodd' fill='rgb(51,62,71)'/%3E%3Cpath d=' M 102.092 19.641 L 98.629 19.641 C 98.282 19.619 98.006 19.343 98.006 19.001 L 98 1.16 C 98.03 0.833 98.318 0.578 98.668 0.578 L 101.891 0.577 C 102.195 0.593 102.445 0.799 102.509 1.076 L 102.509 3.804 L 102.574 3.804 C 103.548 1.364 104.909 0.201 107.309 0.201 C 108.866 0.201 110.391 0.764 111.364 2.303 C 112.272 3.729 112.272 6.13 112.272 7.857 L 112.272 19.08 C 112.234 19.396 111.95 19.641 111.606 19.641 L 108.123 19.641 C 107.801 19.621 107.542 19.384 107.504 19.08 L 107.504 9.397 C 107.504 7.445 107.732 4.592 105.331 4.592 C 104.488 4.592 103.709 5.155 103.32 6.018 C 102.833 7.107 102.768 8.195 102.768 9.397 L 102.768 19 C 102.762 19.355 102.462 19.641 102.092 19.641 Z ' fill-rule='evenodd' fill='rgb(51,62,71)'/%3E%3Cpath d=' M 59.294 19.597 C 59.065 19.803 58.734 19.817 58.474 19.678 C 57.32 18.719 57.113 18.276 56.482 17.362 C 54.575 19.305 53.224 19.888 50.753 19.888 C 47.828 19.888 45.552 18.082 45.552 14.472 C 45.552 11.651 47.081 9.733 49.258 8.793 C 51.143 7.965 53.776 7.815 55.792 7.589 L 55.792 7.138 C 55.792 6.309 55.857 5.333 55.369 4.618 C 54.946 3.978 54.134 3.715 53.419 3.715 C 52.093 3.715 50.916 4.394 50.626 5.801 C 50.565 6.114 50.337 6.425 50.023 6.441 L 46.654 6.076 C 46.37 6.011 46.054 5.783 46.135 5.349 C 46.9 1.32 50.498 0.064 53.768 0.03 L 54.026 0.03 C 55.7 0.051 57.838 0.51 59.14 1.759 C 60.831 3.339 60.667 5.445 60.667 7.74 L 60.667 13.153 C 60.667 14.782 61.344 15.496 61.979 16.373 C 62.202 16.69 62.251 17.065 61.968 17.297 C 61.258 17.892 59.997 18.987 59.304 19.605 L 59.294 19.597 Z M 55.792 11.125 C 55.792 12.479 55.824 13.607 55.142 14.811 C 54.589 15.788 53.711 16.39 52.736 16.39 C 51.404 16.39 50.624 15.375 50.624 13.87 C 50.624 10.91 53.278 10.372 55.792 10.372 L 55.792 11.125 Z ' fill-rule='evenodd' fill='rgb(51,62,71)'/%3E%3Cpath d=' M 13.743 19.597 C 13.513 19.803 13.181 19.817 12.922 19.678 C 11.767 18.719 11.56 18.276 10.93 17.362 C 9.022 19.305 7.672 19.888 5.201 19.888 C 2.276 19.888 0 18.082 0 14.472 C 0 11.651 1.527 9.733 3.706 8.793 C 5.591 7.965 8.224 7.815 10.239 7.589 L 10.239 7.138 C 10.239 6.309 10.305 5.333 9.817 4.618 C 9.394 3.978 8.581 3.715 7.867 3.715 C 6.541 3.715 5.362 4.394 5.074 5.801 C 5.014 6.114 4.785 6.425 4.47 6.441 L 1.102 6.076 C 0.817 6.011 0.501 5.783 0.583 5.349 C 1.346 1.32 4.945 0.064 8.216 0.03 L 8.474 0.03 C 10.148 0.051 12.286 0.51 13.588 1.759 C 15.278 3.339 15.115 5.445 15.115 7.74 L 15.115 13.153 C 15.115 14.782 15.792 15.496 16.427 16.373 C 16.648 16.69 16.699 17.065 16.416 17.297 C 15.706 17.892 14.444 18.987 13.751 19.605 L 13.743 19.597 Z M 10.239 11.125 C 10.239 12.479 10.272 13.607 9.589 14.811 C 9.037 15.788 8.159 16.39 7.183 16.39 C 5.851 16.39 5.071 15.375 5.071 13.87 C 5.071 10.91 7.726 10.372 10.239 10.372 L 10.239 11.125 Z ' fill-rule='evenodd' fill='rgb(51,62,71)'/%3E%3Cpath d=' M 159.773 26.039 C 159.773 25.587 159.773 25.181 159.773 24.729 C 159.773 24.356 159.956 24.099 160.345 24.122 C 161.071 24.225 162.098 24.328 162.827 24.178 C 163.779 23.98 164.462 23.305 164.866 22.38 C 165.435 21.078 165.812 20.028 166.05 19.339 L 158.821 1.431 C 158.699 1.127 158.663 0.563 159.27 0.563 L 161.797 0.563 C 162.279 0.563 162.475 0.869 162.583 1.169 L 167.824 15.715 L 172.827 1.169 C 172.929 0.871 173.134 0.563 173.612 0.563 L 175.995 0.563 C 176.598 0.563 176.564 1.126 176.444 1.431 L 169.273 19.898 C 168.345 22.356 167.109 26.271 164.325 26.951 C 162.929 27.316 161.168 27.184 160.134 26.751 C 159.873 26.62 159.773 26.27 159.773 26.039 Z ' fill-rule='evenodd' fill='rgb(51,62,71)'/%3E%3Cpath d=' M 156.402 18.55 C 156.402 18.883 156.129 19.156 155.794 19.156 L 154.012 19.156 C 153.627 19.156 153.364 18.878 153.315 18.55 L 153.136 17.337 C 152.317 18.03 151.312 18.639 150.222 19.063 C 148.126 19.877 145.71 20.012 143.662 18.754 C 142.181 17.845 141.395 16.068 141.395 14.235 C 141.395 12.817 141.832 11.411 142.801 10.39 C 144.094 8.995 145.968 8.31 148.231 8.31 C 149.598 8.31 151.554 8.471 152.977 8.936 L 152.977 6.495 C 152.977 4.013 151.932 2.939 149.177 2.939 C 147.071 2.939 145.46 3.257 143.218 3.954 C 142.859 3.966 142.649 3.693 142.649 3.36 L 142.649 1.968 C 142.649 1.634 142.934 1.311 143.243 1.213 C 144.844 0.515 147.112 0.08 149.523 0 C 152.666 0 156.402 0.709 156.402 5.543 L 156.402 18.55 Z M 152.977 14.986 L 152.977 11.303 C 151.781 10.976 149.802 10.84 149.036 10.84 C 147.826 10.84 146.501 11.126 145.809 11.871 C 145.292 12.417 145.058 13.201 145.058 13.959 C 145.058 14.939 145.397 15.922 146.189 16.408 C 147.109 17.033 148.536 16.957 149.877 16.576 C 151.166 16.21 152.376 15.563 152.977 14.986 Z ' fill-rule='evenodd' fill='rgb(51,62,71)'/%3E%3Cpath d=' M 130.127 2.994 C 134.081 2.994 135.158 6.103 135.158 9.663 C 135.18 12.063 134.739 14.203 133.496 15.428 C 132.566 16.345 131.527 16.595 129.963 16.595 C 128.571 16.595 126.74 15.869 125.372 14.858 L 125.372 4.679 C 126.796 3.585 128.613 2.994 130.127 2.994 Z M 124.766 26.678 L 122.379 26.678 C 122.045 26.678 121.772 26.405 121.772 26.072 C 121.772 17.782 121.772 9.491 121.772 1.201 C 121.772 0.868 122.045 0.595 122.379 0.595 L 124.206 0.595 C 124.59 0.595 124.853 0.873 124.902 1.201 L 125.094 2.504 C 126.805 0.985 129.008 0.011 131.107 0.011 C 136.986 0.011 138.919 4.855 138.919 9.892 C 138.919 15.281 135.962 19.611 130.961 19.611 C 128.855 19.611 126.886 18.834 125.372 17.484 L 125.372 26.072 C 125.372 26.405 125.099 26.678 124.766 26.678 Z ' fill-rule='evenodd' fill='rgb(51,62,71)'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
}

.billing-information-address {
  margin: 1.5rem 0;
}

.stripe-form {
  margin: 1.5rem 0;
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
}
.stripe-form .form-text {
  display: inline-block;
  width: 100%;
  padding: 0.5rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #939393;
  -webkit-appearance: none;
          appearance: none;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
}
.stripe-form .form-text::-webkit-input-placeholder {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
.stripe-form .form-text:-ms-input-placeholder {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
.stripe-form .form-text::-ms-input-placeholder {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
.stripe-form .form-text::placeholder {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
}
.stripe-form .form-text:focus {
  border: 0;
}
.stripe-form .form-text:focus + .element-wrapper {
  box-shadow: 0 0 0.5em #b7b7b7;
}
.stripe-form .form-text.error + .element-wrapper {
  border: 0;
  box-shadow: 0 0 0.5em #d14421;
}
.stripe-form #card-number-element,
.stripe-form #card-element,
.stripe-form #expiration-element,
.stripe-form #security-code-element {
  width: 100%;
}
.stripe-form .error {
  box-shadow: none;
}
.stripe-form .messages {
  margin-bottom: 0.75rem;
}
.stripe-form .form-text.error + label {
  color: #d14421;
}

.one-off-cost,
.monthly-cost {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
}

@media (min-width: 768px) {
  .gift-aid-declaration h3 {
    font-size: 2rem;
  }
}
.self-attribution-overlay::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
}
.self-attribution-overlay .block-wwf-support-branding {
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  width: 100%;
  min-height: 60px;
  margin: 0 auto;
  padding-left: 0.75rem;
  background: #fff;
}
.self-attribution-overlay .self-attribution .fieldset-wrapper {
  max-width: 30em;
  background: none;
}
.self-attribution-overlay .self-attribution .fieldset-wrapper .type-select {
  max-width: 100%;
}
.self-attribution-overlay .self-attribution__heading {
  color: #fff;
  text-align: center;
}
.self-attribution-overlay .self-attribution__message {
  color: #fff;
}
.self-attribution-overlay .self-attribution .form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.self-attribution-overlay .self-attribution .form-actions input {
  margin: 0 auto;
  text-align: center;
}
.self-attribution-overlay .self-attribution .form-actions input.btn-continue {
  width: 60%;
  margin-top: 1.875rem;
}
.self-attribution-overlay .self-attribution .form-actions input.btn-ghost {
  position: fixed;
  right: 1.875rem;
  bottom: 1.875rem;
  color: #fff;
  text-decoration: underline;
}

.checkout-section-shipment fieldset.shipment-summary-item {
  margin-bottom: 1.5rem;
}
.checkout-section-shipment fieldset.shipment-summary-item > legend {
  margin-bottom: 0.375rem;
}
.checkout-section-shipment fieldset.shipment-summary-item .shipment dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.checkout-section-shipment fieldset.shipment-summary-item .shipment dt {
  font-size: 0.875rem;
  font-weight: 700;
}
.checkout-section-shipment fieldset.shipment-summary-item .shipment dd {
  margin: 0;
}
.checkout-section-shipment fieldset.shipment-summary-item .shipment__profile {
  width: 100%;
  margin-bottom: 0.75rem;
}
.checkout-section-shipment fieldset.shipment-summary-item .shipment__method {
  margin-right: 0.75rem;
}
.checkout-section-shipment fieldset.shipment-item,
.checkout-section-shipment fieldset.shipment-profile {
  padding: 0 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-shipment fieldset.shipment-item,
  .checkout-section-shipment fieldset.shipment-profile {
    padding: 0.75rem 1.5rem;
  }
}
.checkout-section-shipment fieldset.shipment-item > legend,
.checkout-section-shipment fieldset.shipment-profile > legend {
  display: block;
  padding: 0.75rem;
  background: #e4e4e4;
  font-size: 1.5rem;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-shipment fieldset.shipment-item > legend,
  .checkout-section-shipment fieldset.shipment-profile > legend {
    padding: 0.75rem 1.5rem;
  }
}
.checkout-section-shipment fieldset.shipment-item > .fieldset-wrapper,
.checkout-section-shipment fieldset.shipment-profile > .fieldset-wrapper {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-shipment fieldset.shipment-item > .fieldset-wrapper,
  .checkout-section-shipment fieldset.shipment-profile > .fieldset-wrapper {
    padding: 0 3rem;
  }
}
@media only screen and (min-width: 37.5rem) {
  .checkout-section-shipment fieldset.shipment-item > .fieldset-wrapper,
  .checkout-section-shipment fieldset.shipment-profile > .fieldset-wrapper {
    margin-bottom: 0.75rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-shipment fieldset.shipment-item > .fieldset-wrapper,
  .checkout-section-shipment fieldset.shipment-profile > .fieldset-wrapper {
    margin-bottom: 1.5rem;
  }
}
.checkout-section-shipment fieldset.shipment-profile > .fieldset-wrapper {
  margin-bottom: 0;
}
.checkout-section-shipment details.shipment-consent {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0 0.75rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-shipment details.shipment-consent {
    padding: 0 3rem;
  }
}
.checkout-section-shipment details.shipment-consent > summary {
  margin-bottom: 0.75rem;
  border: 0;
  background: transparent;
  color: #0074df;
  font-size: 0.875rem;
  text-decoration: underline;
  white-space: normal;
  cursor: pointer;
}
.checkout-section-shipment details.shipment-consent > summary:hover, .checkout-section-shipment details.shipment-consent > summary:focus {
  color: #0074df;
  cursor: pointer;
}
.checkout-section-shipment details.shipment-consent > * {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0.75rem 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-shipment details.shipment-consent > * {
    padding: 0.75rem 3rem;
  }
}
.checkout-section-shipment .section-summary {
  padding-top: 0;
  padding-bottom: 0;
}
.checkout-section-shipment .section-summary .edit-actions {
  float: right;
  clear: both;
  text-align: right;
}
.checkout-section-shipment .section-summary .edit-actions .btn {
  margin-bottom: 0;
}
.checkout-section-shipment .section-body,
.checkout-section-shipment .section-actions {
  display: none;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-section-shipment .section-actions {
    padding-top: 0;
  }
}
.checkout-section-shipment.state-editing .section-body,
.checkout-section-shipment.state-editing .section-actions {
  display: block;
}

/* All checkout summaries */
.checkout-summary {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-summary {
    padding: 0;
  }
}

/* Marketing preferences summary */
.checkout-summary-marketing-preferences .preferences-title {
  margin-bottom: 0.5rem;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
  font-font-weight: 400;
}
.checkout-summary-marketing-preferences .marketing-preference {
  font-weight: 800;
}

/* Your details summary */
.checkout-summary-your-details .your-details-name {
  margin-bottom: 0.5rem;
  text-transform: none;
  font-family: "Open Sans", Arial, sans-serif;
  font-font-weight: 400;
}
.checkout-summary-your-details .label {
  font-weight: 800;
}
.checkout-summary-your-details .your-details-address {
  margin-bottom: 1rem;
}

.eu-cookie-compliance-banner {
  padding: 1rem 0 0.5rem;
  background: #717171;
}

.eu-cookie-compliance-content {
  max-width: 75em;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media only screen and (min-width: 75rem) {
  .eu-cookie-compliance-content {
    padding-right: 0;
    padding-left: 0;
  }
}

.eu-cookie-compliance-message {
  max-width: 100%;
  margin: 0;
  font-weight: normal;
}
@media only screen and (min-width: 37.5rem) {
  .eu-cookie-compliance-message {
    max-width: 70%;
  }
}
@media only screen and (min-width: 56.25rem) {
  .eu-cookie-compliance-message {
    max-width: 60%;
  }
}
.eu-cookie-compliance-message h2 {
  margin-bottom: 0;
}
.eu-cookie-compliance-message .find-more-button {
  display: block;
  width: auto;
  padding: 0.25rem 0;
  color: #f89834;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8125rem;
  text-align: left;
  text-decoration: none;
}
@media only screen and (min-width: 56.25rem) {
  .eu-cookie-compliance-message .find-more-button {
    padding: 0.25rem 0.5rem;
    float: right;
  }
}
.eu-cookie-compliance-message .find-more-button:hover {
  text-decoration: underline;
}

.eu-cookie-compliance-buttons {
  max-width: 100%;
  margin: 0;
}
@media only screen and (min-width: 37.5rem) {
  .eu-cookie-compliance-buttons {
    max-width: 30%;
  }
}
@media only screen and (min-width: 56.25rem) {
  .eu-cookie-compliance-buttons {
    max-width: 40%;
  }
}
.eu-cookie-compliance-buttons .agree-button {
  width: 50%;
  margin-top: 0;
  padding: 0.5rem 1.25rem 0.75rem;
  float: right;
  font-size: 1.125rem;
}
@media only screen and (min-width: 37.5rem) {
  .eu-cookie-compliance-buttons .agree-button {
    width: 7.5em;
  }
}
.eu-cookie-compliance-buttons .decline-button {
  width: 45%;
  margin-top: 0;
  padding: 0.5rem 1.25rem 1.25rem;
  float: left;
  border: transparent;
  font-size: 0.875rem;
  text-shadow: none;
  box-shadow: none;
}
@media only screen and (min-width: 37.5rem) {
  .eu-cookie-compliance-buttons .decline-button {
    width: 7.5em;
    float: right;
  }
}
@media only screen and (min-width: 75rem) {
  .eu-cookie-compliance-buttons .decline-button {
    width: auto;
  }
}

#onetrust-accept-btn-handler,
#accept-recommended-btn-handler,
.save-preference-btn-handler.onetrust-close-btn-handler {
  border-color: #df3510 !important;
}

#onetrust-pc-btn-handler {
  color: #df3510 !important;
  border-color: #df3510 !important;
}

.cta-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #717171;
  text-decoration: none;
}
.cta-panel .cta-panel__image {
  overflow: hidden;
}
.cta-panel .cta-panel__image img {
  width: 100%;
  height: 8.75rem;
  transition: 0.3s;
  vertical-align: bottom;
  -o-object-fit: cover;
     object-fit: cover;
}
.cta-panel .cta-panel__body {
  padding: 1.875rem 0.9375rem;
  transition: 0.3s;
  color: #fff;
}
.panel--with-file-download .cta-panel .cta-panel__body {
  padding-bottom: 0.625rem;
}
.cta-panel .cta-panel__title {
  text-transform: uppercase;
}
.cta-panel .cta-panel__text {
  color: inherit;
}
.cta-panel .cta-panel__download {
  padding: 0 0.9375rem 1.875rem;
  text-align: center;
}
.cta-panel .cta-panel__download a {
  background: #f89834;
  color: #000;
  transition: 0.3s;
}
.cta-panel .cta-panel__download a:focus, .cta-panel .cta-panel__download a:hover {
  background: #fab165;
  color: #000;
}
.cta-panel .cta-panel__download a.is-active {
  background: #f9a54d;
}

/* stylelint-disable selector-no-qualifying-type */
a.cta-panel:focus,
a.cta-panel:hover {
  cursor: pointer;
}
a.cta-panel:focus img,
a.cta-panel:hover img {
  -webkit-filter: drop-shadow(10px 10px 20px #717171) invert(5%);
          filter: drop-shadow(10px 10px 20px #717171) invert(5%);
}
a.cta-panel:focus .cta-panel__body,
a.cta-panel:hover .cta-panel__body {
  color: #f89834;
}

/* stylelint-enable selector-no-qualifying-type */
/* Listing of CTA panels. */
.cta-panels-wrapper legend,
.cta-panels-wrapper h2 {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
  overflow: hidden;
  text-align: center;
}
@media only screen and (min-width: 56.25rem) {
  .cta-panels-wrapper legend,
  .cta-panels-wrapper h2 {
    font-size: 1.75rem;
  }
}
.cta-panels-wrapper .cta-panels {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 1.875rem 0 0;
  list-style-type: none;
}
.cta-panels-wrapper .cta-panels .panel-wrapper {
  width: 50%;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 56.25rem) {
  .cta-panels-wrapper .cta-panels .panel-wrapper {
    width: 25%;
  }
}
.cta-panels-wrapper .cta-panels .panel-wrapper .cta-panel {
  margin: 0 0.75rem;
}
@media only screen and (min-width: 75rem) {
  .cta-panels-wrapper .cta-panels .panel-wrapper:first-of-type .cta-panel {
    margin: 0 0.75rem 0 0;
  }
}
@media only screen and (min-width: 75rem) {
  .cta-panels-wrapper .cta-panels .panel-wrapper:last-of-type .cta-panel {
    margin: 0 0 0 0.75rem;
  }
}

.donation {
  position: relative;
  height: 100%;
  color: #939393;
  line-height: 1;
}
.donation__content {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  height: 100%;
  padding: 0 0.9375rem;
}
.donation__image {
  margin-right: -0.9375rem;
  margin-bottom: 0.9375rem;
  margin-left: -0.9375rem;
  overflow: hidden;
}
@media only screen and (min-width: 37.5rem) {
  .donation__image {
    position: relative;
  }
}
.donation__image .media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: #b7b7b7;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media only screen and (min-width: 37.5rem) {
  .donation__image .media {
    position: relative;
    height: 10rem;
  }
}
@media only screen and (min-width: 75rem) {
  .donation__image .media {
    height: 11.25rem;
  }
}
.donation__image .media .thumbnail {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.donation__image-text {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: none;
  width: 100%;
  padding: 0 0.9375rem;
  color: #fff;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-size: 2.25rem;
  text-align: center;
  text-shadow: 0 0 0.3125rem #5c5c5c;
  text-transform: uppercase;
}
@media only screen and (min-width: 37.5rem) {
  .donation__image-text {
    display: block;
  }
}
.donation__information {
  position: relative;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5;
  text-align: center;
  text-shadow: 0 0 0.3125rem #5c5c5c;
}
@media only screen and (min-width: 37.5rem) {
  .donation__information {
    position: static;
    color: #939393;
    text-align: left;
    text-shadow: none;
  }
}
.donation__price {
  display: block;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-size: 2.25rem;
}
@media only screen and (min-width: 37.5rem) {
  .donation__price {
    display: inline;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: inherit;
  }
}
.donation .price {
  display: inline;
}
.donation .field-title-prefix {
  display: inline;
}
.donation__cta {
  margin-top: auto;
  padding-top: 0.625rem;
}
@media only screen and (min-width: 37.5rem) {
  .donation__cta {
    padding-top: 1.25rem;
  }
}
.donation__cta input[type=submit] {
  width: 100%;
  margin-bottom: 0.9375rem;
}

/* Custom donation. */
.donation .custom-donation-form {
  width: 100%;
  color: #939393;
}
.donation .custom-donation-form > .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.donation .custom-donation-form > .form-wrapper > * {
  flex-basis: 100%;
}
.donation .custom-donation-form label {
  display: block;
  margin: 0.5rem 0 1.125rem;
  color: #fff;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-size: 2.25rem;
  line-height: 1;
  text-transform: uppercase;
}
@media only screen and (min-width: 37.5rem) {
  .donation .custom-donation-form label {
    margin: 0 0 0.625rem;
    color: #939393;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: inherit;
    line-height: 1.5;
    text-transform: none;
  }
}
.donation .custom-donation-form .form-item-donation-amount-number {
  position: relative;
}
.donation .custom-donation-form .form-item-donation-amount-number .element-wrapper {
  padding: 0;
  border: 0;
}
.donation .custom-donation-form .field-prefix {
  position: absolute;
  bottom: 0.875rem;
  left: 0.625rem;
  font-size: 1.5rem;
  line-height: 1;
  text-shadow: none;
}
.donation .custom-donation-form .form-text {
  width: 100%;
  padding: 0.1875rem 1.25rem 0.5rem;
  border: 2px solid #b7b7b7;
  background-color: #fff;
  font-size: 1.5rem;
  text-align: right;
}
.donation .custom-donation-form input[type=submit] {
  margin-top: 1.5rem;
  margin-bottom: 0.9375rem;
}

/* Donation - featured item. */
.donation--featured {
  background: #000;
}
@media only screen and (min-width: 56.25rem) {
  .donation--featured {
    margin-bottom: 6.25rem;
  }
}
.donation--featured .donation__image {
  position: relative;
}
.donation--featured .donation__image .media {
  position: relative;
  height: 6.25rem;
}
.donation--featured .donation__image-text {
  display: block;
}
@media only screen and (min-width: 56.25rem) {
  .donation--featured .donation__image-text {
    text-align: left;
  }
}
.donation--featured .donation__information {
  color: #fff;
  text-align: left;
}
.donation--featured .donation__price {
  display: inline;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: inherit;
}
.donation--featured .donation__title {
  display: block;
  margin-bottom: 0.25rem;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-size: 2rem;
  line-height: 1;
  text-transform: uppercase;
}
.donation--featured .donation__cta {
  padding-top: 1.25rem;
}
.donation--featured .custom-donation-form label {
  color: #fff;
}
.donation--featured .form-actions {
  display: block;
}

.donation--featured-no-image .donation__image-text {
  display: none;
}

/* Donation - slide teaser. */
.donation--slide-teaser {
  padding: 0.9375rem 1.25rem;
  transition: border 0.3s;
  border: 5px solid #7eb8b9;
  background-color: #fff;
  color: #000;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  text-transform: uppercase;
}
.donation--slide-teaser:focus-within, .donation--slide-teaser:hover {
  border-color: #f36c42;
}
.donation--slide-teaser .donation__price {
  display: block;
  margin: 1.25rem 0 0.6875rem;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
}
.donation--slide-teaser .donation__price .price {
  display: block;
  color: #f36c42;
  font-size: 4.25rem;
}
.donation--slide-teaser .donation__tag {
  font-size: 1.25rem;
  line-height: 1;
}
.donation--slide-teaser .donation__prefix {
  display: block;
  margin-bottom: 0.0625rem;
  font-size: 1.5rem;
}
.donation--slide-teaser .donation__title,
.donation--slide-teaser .donation__subtitle {
  display: inline;
  font-size: 2.25rem;
}
.donation--slide-teaser .donation__cta {
  padding-top: 0;
}
.donation--slide-teaser .donation__cta input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.donation--slide-teaser.donation--most-popular .donation__price {
  margin-top: 0;
}

/**
 * @file
 * Fact styles.
 */
.fact-circle {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  width: 100%;
  min-height: calc(50vw - 1.875rem);
  margin: auto;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 56.25rem) {
  .fact-circle {
    min-height: auto;
    min-height: calc(((65vw - 1.25rem) / 4) - 1.5rem);
    font-size: 57%;
  }
}
@media only screen and (min-width: 75rem) {
  .fact-circle {
    min-height: 177px;
  }
}
.fact-circle__wrapper {
  display: flex;
  margin-bottom: 0.625rem;
}
.fact-circle__circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  border-radius: 50%;
  z-index: 0;
}
.fact-circle__text {
  width: 100%;
  padding: 15%;
  z-index: 1;
}
.fact-circle p {
  width: 100%;
  margin: 0 0 5px;
  word-break: break-word;
  line-height: 1;
}
.fact-circle p sup {
  position: relative;
  top: -0.5em;
  font-size: 0.4em;
}

.wwf-fundraising-image {
  margin-top: 30px;
}
.wwf-fundraising-image img {
  max-width: 188px;
}

.block-footerbrandblock {
  position: relative;
  padding-top: 20px;
}

@media (min-width: 768px) {
  .wwf-fundraising-image {
    margin-top: 0;
    position: absolute;
    right: -10px;
    top: 10px;
  }
  .wwf-fundraising-image img {
    max-width: 205px;
  }
  .block-footerbrandblock {
    min-height: 62px;
  }
}
.checkout-pane-fundraising-summary > .fieldset-wrapper > div {
  margin-top: 1rem;
  padding: 0 0.75rem;
}
.checkout-pane-fundraising-summary > .fieldset-wrapper > div:first-of-type {
  margin-top: 0;
}
.checkout-pane-fundraising-summary .event-summary p {
  margin-bottom: 0.25rem;
}
.checkout-pane-fundraising-summary .event-details > legend {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1;
}
@media only screen and (min-width: 56.25rem) {
  .checkout-pane-fundraising-summary .event-details > legend {
    font-size: 2rem;
  }
}

.logo {
  margin-bottom: 0;
  line-height: 0;
}
.logo img {
  display: inline-block;
  width: auto;
  height: 32px;
  transition: height 0.2s linear;
}
@media only screen and (min-width: 25rem) {
  .logo img {
    height: 40px;
  }
}
@media only screen and (min-width: 37.5rem) {
  .logo img {
    height: 50px;
    transition: height 0.2s linear;
  }
}
@media only screen and (min-width: 56.25rem) {
  .logo img {
    height: 72px;
    transition: height 0.2s linear;
  }
}
.logo a {
  display: block;
}

.block-wwf-support-branding {
  display: inline-flex;
  align-items: flex-start;
  transition: 0.2s;
  line-height: 0;
  z-index: 2001;
}
@media only screen and (min-width: 56.25rem) {
  .block-wwf-support-branding {
    margin-left: 1rem;
    padding: 0.5625rem 0 0.375rem;
  }
}
.block-wwf-support-branding > a {
  display: inline-flex;
}
.block-wwf-support-branding > a:focus {
  outline: solid rgba(255, 191, 30, 0.8) medium;
  outline-offset: 2px;
}

.header {
  position: relative;
}
.header .wrapper-responsive {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.75rem;
  overflow: visible;
}
@media only screen and (min-width: 56.25rem) {
  .header .wrapper-responsive {
    align-items: flex-end;
    padding: 0;
  }
}

.block-wwf-support-main-menu {
  display: block;
  margin-left: auto;
}
@media only screen and (min-width: 56.25rem) {
  .block-wwf-support-main-menu {
    margin-right: 1rem;
  }
}
.block-wwf-support-main-menu .menu {
  display: flex;
}
.block-wwf-support-main-menu .menu .menu-item a:focus:not([type]) {
  position: relative;
  outline: 0;
}
.block-wwf-support-main-menu .menu .menu-item a:focus:not([type])::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-bottom-width: 5px;
  pointer-events: none;
  content: "";
}
.block-wwf-support-main-menu .menu .menu-item a:focus[type] {
  border-color: #000;
}
@media only screen and (min-width: 37.5rem) {
  .block-wwf-support-main-menu .menu .menu-item a {
    font-size: 1.5rem;
    padding: 14px 19px 17px 19px;
  }
}
.block-wwf-support-main-menu .menu .menu-item a:not(.with-bg-hover):hover, .block-wwf-support-main-menu .menu .menu-item a:not(.with-bg-hover):focus {
  transition: color 0.1s linear;
  color: #0074df;
}

.mega-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 0.0625rem solid #e4e4e4;
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu {
    display: flex;
    align-items: flex-end;
    margin: 0 1.875rem;
    border-bottom: 0;
  }
}
.mega-menu h3,
.mega-menu h4 {
  margin-bottom: 0;
}
.mega-menu a {
  display: block;
}
.mega-menu__sub-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  flex-wrap: wrap;
  max-height: 0;
  padding-top: 0.4375rem;
  border-top: 0.0625rem solid #e4e4e4;
  background-color: #f8f8f8;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu__sub-menu {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.625rem 0;
    transition: opacity 0.3s 0.5s ease, visibility 0s 0.8s, z-index 0s 0.8s, max-height 0s 0.8s;
    border-top: 0;
  }
}
.mega-menu--init .mega-menu__sub-menu {
  display: flex;
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu__sub-menu::before {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    background-color: #f8f8f8;
    content: "";
    z-index: -1;
  }
}
.mega-menu__sub-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.mega-menu__sub-menu > li {
  width: 100%;
}
@media only screen and (min-width: 25rem) {
  .mega-menu__sub-menu > li {
    width: 50%;
  }
}
@media only screen and (min-width: 37.5rem) {
  .mega-menu__sub-menu > li {
    width: 33.33%;
  }
}
@media only screen and (min-width: 56.25rem) {
  .mega-menu__sub-menu > li {
    width: 25%;
  }
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu__sub-menu > li {
    width: 20%;
  }
}
.mega-menu__top-item > a {
  position: relative;
  padding: 0.9375rem 0.625rem 0.9375rem 1.5625rem;
  border-top: 0.0625rem solid #e4e4e4;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-size: 1.125rem;
  text-decoration: none;
  text-transform: uppercase;
}
@media only screen and (min-width: 25rem) {
  .mega-menu__top-item > a {
    padding: 1.25rem 0.625rem 1.25rem 1.5625rem;
  }
}
@media only screen and (min-width: 37.5rem) {
  .mega-menu__top-item > a {
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu__top-item > a {
    padding: 1.25rem 0.875rem 1.875rem;
    border-top: 0;
  }
}
@media only screen and (min-width: 71.25rem) {
  .mega-menu__top-item > a {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
}
.mega-menu__top-item--open > a::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.mega-menu__top-item--open .mega-menu__sub-menu {
  max-height: 100vh;
  transition: 0.4s opacity, 0.4s visibility, 0.4s max-height, 0s 0s padding;
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu__top-item--open .mega-menu__sub-menu {
    transition: opacity 0.3s 0.5s ease, visibility 0s 0.5s, z-index 0s 0.5s, max-height 0s 0.5s;
  }
}
.mega-menu__top-item-icon {
  display: block;
  position: relative;
  top: -0.625rem;
  margin: -1.25rem auto 0;
  padding: 0.4375rem;
  cursor: pointer;
  pointer-events: none;
}
.mega-menu__top-item-icon::before {
  display: block;
  width: 0;
  height: 0;
  border-top: 0.3125rem solid #000;
  border-right: 0.3125rem solid transparent;
  border-left: 0.3125rem solid transparent;
  content: "";
}
.mega-menu__top-item-icon:focus {
  outline: auto;
}
.mega-menu__top-item-icon::before {
  margin: 0 auto;
  border-width: 0.375rem;
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu__top-item-icon[aria-expanded=true]::before {
    border-top-color: #000;
  }
}
.mega-menu__sub-item > a,
.mega-menu__sub-item > span {
  display: block;
  padding: 0.4375rem 0 0.4375rem 0.9375rem;
  font-size: 0.875rem;
  font-weight: 700;
}
@media only screen and (min-width: 37.5rem) {
  .mega-menu__sub-item > a,
  .mega-menu__sub-item > span {
    padding: 0.5625rem 0 0.5625rem 1.125rem;
    font-size: 16px;
  }
}
.mega-menu__sub-item > a {
  text-decoration: underline;
}
@media only screen and (min-width: 37.5rem) {
  .mega-menu__sub-item.menu-columns {
    width: 50%;
  }
  .mega-menu__sub-item.menu-columns ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu__sub-item.menu-columns {
    width: 33.33%;
  }
}
.mega-menu__item > a {
  padding: 0.4375rem 0 0.4375rem 0.9375rem;
  font-size: 0.8125rem;
  text-decoration: none;
}
@media only screen and (min-width: 37.5rem) {
  .mega-menu__item > a {
    padding: 0.5625rem 0 0.5625rem 1.125rem;
    font-size: 0.9375rem;
  }
}

.mega-menu--init .mega-menu__top-item--with-sub > a::before {
  display: block;
  width: 0;
  height: 0;
  border-top: 0.3125rem solid #000;
  border-right: 0.3125rem solid transparent;
  border-left: 0.3125rem solid transparent;
  content: "";
}
.mega-menu--init .mega-menu__top-item--with-sub > a::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0.625rem;
  margin-top: 0.0625rem;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu--init .mega-menu__top-item--with-sub > a::before {
    display: none;
  }
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu--init .mega-menu__top-item--with-sub .mega-menu__top-item-icon::before {
    transition: 0s 0s border-top-color;
    border-top-color: #e4e4e4;
  }
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu--init .mega-menu__top-item--with-sub:hover .mega-menu__sub-menu {
    max-height: 100vh;
    transition: opacity 0.3s 0.5s ease, visibility 0s 0.5s, z-index 0s 0.5s, max-height 0s 0.5s;
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu--init .mega-menu__top-item--with-sub:hover .mega-menu__top-item-icon::before {
    transition: 0s 0.2s border-top-color;
    border-top-color: #000;
  }
}

.mega-menu-toggle {
  display: block;
  position: relative;
  order: 3;
  width: auto;
  margin-right: -0.9375rem;
  padding: 0.4375rem 0.625rem 0.625rem 1.6875rem;
  color: #000;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
}
@media only screen and (min-width: 25rem) {
  .mega-menu-toggle {
    padding: 0.875rem 1.125rem 0.875rem 2.5rem;
    font-size: 1.25rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .mega-menu-toggle {
    margin-right: 0;
    padding: 1.125rem 1.375rem 1.25rem 2.5rem;
  }
}
@media only screen and (min-width: 62.5rem) {
  .mega-menu-toggle {
    display: none;
  }
}
.mega-menu-toggle:focus {
  outline: auto;
}
.mega-menu-toggle::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  left: 0.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml;utf8,<svg height='32px' id='Layer_1' style='enable-background:new 0 0 32 32;' version='1.1' viewBox='0 0 32 32' width='32px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><path d='M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2  s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2  S29.104,22,28,22z'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}
@media only screen and (min-width: 25rem) {
  .mega-menu-toggle::before {
    left: 1rem;
    margin-top: 0.0625rem;
  }
}

.block-megamenu {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2000;
}
@media only screen and (min-width: 25rem) {
  .block-megamenu {
    top: 59px;
  }
}
@media only screen and (min-width: 56.25rem) {
  .block-megamenu {
    top: 89px;
  }
}
@media only screen and (min-width: 62.5rem) {
  .block-megamenu {
    display: block;
    position: initial;
    top: 0;
  }
}
.block-megamenu--open {
  display: block;
}

/**
 * @file
 * Lightbox.
 */
.lightbox {
  position: fixed;
  top: 50%;
  left: 50%;
  max-height: min(100vh, 46.875rem);
  max-width: min(100vw, 41.25rem);
  padding: 3.75rem 3.75rem 1.875rem 3.75rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 660/750;
  overflow: hidden;
}
.lightbox .btn-close {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  border-style: dotted;
  border-radius: 0;
  border-color: transparent;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
  text-indent: -999px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
}
.lightbox .btn-close:focus {
  outline: 1px auto;
}
.lightbox--opened {
  overflow: hidden;
}
.lightbox--opened .lightbox + .lightbox-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  z-index: 9998;
}

.splide-main {
  width: 100%;
  flex: 1;
}
.splide-main .splide__track {
  width: 100%;
  height: 100%;
}
.splide-main .splide__list {
  width: auto;
}
.splide-main .splide__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto !important;
  width: auto !important;
}
.splide-main .splide__slide * {
  height: 100%;
}
.splide-main .splide__slide img {
  width: 100%;
  max-width: 540px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.splide-thumbs {
  margin-top: 1.25rem;
}
.splide-thumbs .splide__list {
  display: flex;
  width: 100%;
  justify-content: center;
}
.splide-thumbs .splide__arrow {
  border: 2px solid #000;
  background: none;
  top: 45%;
}

@media screen and (max-width: 41.25rem) {
  .lightbox {
    width: 100%;
  }
}
@media screen and (min-width: 41.3125rem) {
  .lightbox {
    width: auto;
    height: 100vw;
  }
}
.modal-open {
  overflow: hidden;
}

.ui-widget.ui-widget-content.modal {
  max-width: 50rem;
  padding: 0;
  border: 0;
  font-family: "Open Sans", Arial, sans-serif;
  box-shadow: 0 0 10px #717171;
  overflow: auto;
  z-index: 1000;
}
.ui-widget.ui-widget-content.modal .modal__titlebar {
  padding: 0;
  border: 0;
  background-color: #717171;
}
.ui-widget.ui-widget-content.modal .modal__titlebar .ui-dialog-title {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal;
}
.ui-widget.ui-widget-content.modal .modal__titlebar button {
  position: static;
  width: 2.75rem;
  height: 2.75rem;
  margin-top: 0;
  float: right;
  border-style: dotted;
  border-radius: 0;
  border-color: transparent;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fec01e' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.25rem;
}
.ui-widget.ui-widget-content.modal .modal__titlebar button:focus {
  border-color: #ffbf1e;
}
.ui-widget.ui-widget-content.modal .modal__titlebar button span {
  display: none;
}
.ui-widget.ui-widget-content.modal .modal__content {
  max-height: 80vh !important;
  padding: 1.25rem 1.875rem 0.625rem;
  color: #000;
  overflow-y: scroll;
}

.modal-trigger {
  display: inline-block;
  padding: 0.625rem 0 1.25rem;
  color: #0074df;
  font-weight: 600;
}
.modal-trigger:hover, .modal-trigger:focus {
  color: #000;
  text-decoration: none;
}

.ui-widget-overlay {
  background-color: #000;
  opacity: 0.6;
}

.order-completion-panel__hero {
  padding-bottom: 3rem;
}
.order-completion-panel__message {
  padding-bottom: 3rem;
}
.order-completion-panel__cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.order-completion-panel__cta .btn {
  width: 100%;
  max-width: 180px;
}

.page-header {
  padding: 1rem 0;
}
@media only screen and (min-width: 37.5rem) {
  .page-header {
    padding: 2rem 1rem 1rem 0;
  }
}
@media only screen and (min-width: 56.25rem) {
  .page-header {
    width: 65%;
    padding: 2rem 1rem 4rem 0;
  }
}
.page-header h1 {
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.page-header .page-description {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
}
@media only screen and (min-width: 37.5rem) {
  .page-header .page-description {
    font-size: 2rem;
  }
}
.page-header .page-intro {
  font-size: 16px;
}
@media only screen and (min-width: 37.5rem) {
  .page-header .page-intro {
    font-size: 1.125rem;
  }
}

.image-slider {
  position: relative;
  transition: 0.5s opacity;
  opacity: 0;
  visibility: hidden;
}
.image-slider--visible {
  opacity: 1;
  visibility: visible;
}
.image-slider .contextual-region,
.image-slider .media {
  position: static;
}
.image-slider img {
  display: block;
  width: 100%;
}
.image-slider__wrapper {
  margin: 2.25rem auto;
  background: #ededed;
}
.image-slider__resize-image {
  position: static;
  top: 0;
  left: 0;
  height: 100%;
}
.js .image-slider__resize-image {
  position: absolute;
  width: 0;
  overflow: hidden;
}
.image-slider__resize-image img {
  position: relative;
  top: 0;
  left: 0;
  max-width: none;
  height: 100%;
}
.js .image-slider__resize-image img {
  position: absolute;
  width: auto;
}
.image-slider__handle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.75rem;
  height: 3.75rem;
  margin-top: -1.875rem;
  margin-left: -1.875rem;
  -webkit-transform: translate3d(0, 0, 0) scale(0.3);
          transform: translate3d(0, 0, 0) scale(0.3);
  transition: opacity 0.5s 0.5s, -webkit-transform 0.7s 0.5s;
  transition: transform 0.7s 0.5s, opacity 0.5s 0.5s;
  transition: transform 0.7s 0.5s, opacity 0.5s 0.5s, -webkit-transform 0.7s 0.5s;
  border-radius: 100%;
  background-color: #ffbf1e;
  opacity: 0;
  cursor: move;
  box-shadow: 0 0 0 0.375rem rgba(0, 0, 0, 0.2), 0 0 0.625rem rgba(0, 0, 0, 0.6), inset 0 0.0625rem 0 rgba(228, 228, 228, 0.3);
}
@media only screen and (min-width: 56.25rem) {
  .image-slider__handle {
    width: 5rem;
    height: 5rem;
    margin-top: -2.5rem;
    margin-left: -2.5rem;
  }
}
.image-slider__handle.draggable {
  background-color: #ffc638;
}
.image-slider--visible .image-slider__handle {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
          transform: translate3d(0, 0, 0) scale(1);
  opacity: 1;
}
.image-slider__handle .field {
  width: 80%;
  margin: 0 auto;
  color: #000;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 56.25rem) {
  .image-slider__handle .field {
    font-size: 1.125rem;
  }
}

.image-with-link__image {
  position: relative;
}
.image-with-link__overlay {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  padding: 0 10px;
  text-align: center;
  z-index: 1;
}
.image-with-link__overlay .field-plain-text {
  color: #fff;
}
.image-with-link .btn {
  width: 100%;
}
.image-with-link .field-link {
  position: relative;
  z-index: 2;
}
.image-with-link--has-overlay .image-with-link__image::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  content: "";
}

/**
 * @file
 *
 * Promo label.
 *
 * Displayed on navigational block images.
 */
.promo-label {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 1px;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  align-items: center;
  max-width: 100%;
  padding: 0.25rem 0.5rem 0.25rem 0.25rem;
  text-transform: uppercase;
}
.promo-label .media {
  width: 1.25rem;
  margin-right: 0.3125rem;
}
.promo-label .media img {
  max-height: 1.25rem;
}

@media (min-width: 992px) {
  .paragraph--type--promotions .wwf-card,
  .paragraph--type--donations-slideshow .wwf-card {
    position: absolute;
    bottom: 0;
  }
  .paragraph--type--promotions .wwf-card:hover .wwf-card__body-wrapper,
  .paragraph--type--donations-slideshow .wwf-card:hover .wwf-card__body-wrapper {
    grid-template-rows: 1fr;
  }
  .paragraph--type--promotions .wwf-card__body,
  .paragraph--type--donations-slideshow .wwf-card__body {
    overflow: hidden;
  }
  .paragraph--type--promotions .wwf-card__body-wrapper,
  .paragraph--type--donations-slideshow .wwf-card__body-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.5s ease-out;
    transition: grid-template-rows 0.5s ease-out, -ms-grid-rows 0.5s ease-out;
  }
}
.paragraph--type--text-and-image.paragraph--view-mode--fact-box img {
  max-width: 12.25rem;
  max-height: 12.25rem;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}

.paragraph--type--section-title .container {
  padding: 0;
}

.paragraph--type--adoption-slider,
.paragraph--type--section-title {
  background-color: #f8f8f8;
}

.field-header-paragraphs-items .field-title {
  background-color: #f8f8f8;
  position: relative;
  z-index: 1;
}
.field-header-paragraphs-items .field-title h2 {
  margin: 10px 0px;
  padding: 0rem 1.5rem 0rem 1.5rem;
}
@media (min-width: 768px) {
  .field-header-paragraphs-items .field-title h2 {
    margin-bottom: 0;
  }
}

.pre-header {
  width: 100%;
  background: #000;
  min-height: 67px;
}
.pre-header .wrapper-responsive {
  overflow: visible;
}
.pre-header .menu .menu-item {
  float: left;
}
.pre-header .menu .menu-item a {
  padding: 7px 10px 10px 10px;
  color: #fff;
  font-size: 1.125rem;
}
@media only screen and (min-width: 56.25rem) {
  .pre-header .menu .menu-item a {
    padding: 14px 18px 18px 18px;
    font-size: 1.25rem;
  }
}
.pre-header .menu .menu-item a:hover, .pre-header .menu .menu-item a:focus {
  color: #f89834;
}
.fundraising-donation-checkout .pre-header {
  min-height: 2.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .fundraising-donation-checkout .pre-header {
    min-height: 3.875rem;
  }
}

.block-parentsite {
  display: block;
  float: left;
}

.block-wwf-support-account-menu,
.block-cart {
  display: block;
  float: right;
}
.block-wwf-support-account-menu .cart--cart-block,
.block-cart .cart--cart-block {
  position: relative;
  padding-top: 0.625rem;
}
@media only screen and (min-width: 56.25rem) {
  .block-wwf-support-account-menu .cart--cart-block,
  .block-cart .cart--cart-block {
    padding-top: 1rem;
  }
}
.block-wwf-support-account-menu .cart-block--contents,
.block-cart .cart-block--contents {
  top: 67px;
  right: 0;
  box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.2509803922);
  width: 360px;
  max-height: 400px;
  z-index: 2002;
}
.block-wwf-support-account-menu .cart-block--contents .wwf-button:hover,
.block-cart .cart-block--contents .wwf-button:hover {
  color: #fff;
}
.block-wwf-support-account-menu .cart-block--contents .views-row,
.block-cart .cart-block--contents .views-row {
  padding: 1rem;
  position: relative;
}
.block-wwf-support-account-menu .cart-block--contents .views-field-total-price__number,
.block-cart .cart-block--contents .views-field-total-price__number {
  position: absolute;
  bottom: 1rem;
  right: 3rem;
  font-weight: 700;
}
.block-wwf-support-account-menu .cart-block--contents .views-field-remove-button,
.block-cart .cart-block--contents .views-field-remove-button {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
}
.block-wwf-support-account-menu .cart-block--contents .views-field-remove-button .wwf-mini-cart-remove,
.block-cart .cart-block--contents .views-field-remove-button .wwf-mini-cart-remove {
  position: relative;
}
.block-wwf-support-account-menu .cart-block--contents .views-field-remove-button .wwf-mini-cart-remove span,
.block-cart .cart-block--contents .views-field-remove-button .wwf-mini-cart-remove span {
  position: absolute;
  display: inline-block;
  right: -0.0625rem;
  bottom: 0.4375rem;
  width: 1.125rem;
  height: 1.125rem;
  pointer-events: none;
}
.block-wwf-support-account-menu .cart-block--contents .views-field-remove-button .wwf-mini-cart-remove span svg path,
.block-cart .cart-block--contents .views-field-remove-button .wwf-mini-cart-remove span svg path {
  fill: #4e4e4e;
}
.block-wwf-support-account-menu .cart-block--contents .views-field-remove-button .wwf-mini-cart-remove input,
.block-cart .cart-block--contents .views-field-remove-button .wwf-mini-cart-remove input {
  cursor: pointer;
  text-indent: -9999px;
  width: 1.125rem;
  height: 1.125rem;
  background: none;
  border: none;
}
.block-wwf-support-account-menu .cart-block--contents__items,
.block-cart .cart-block--contents__items {
  overflow-y: auto;
}
.block-wwf-support-account-menu .cart-block__top-message,
.block-cart .cart-block__top-message {
  background-color: #e4e4e4;
  padding: 0.5rem 1rem;
  position: relative;
}
.block-wwf-support-account-menu .cart-block__top-message p,
.block-cart .cart-block__top-message p {
  font-weight: 700;
  display: inline-block;
}
.block-wwf-support-account-menu .cart-block__close-button,
.block-cart .cart-block__close-button {
  cursor: pointer;
  width: auto;
}
.block-wwf-support-account-menu .cart-block__close-button > span,
.block-cart .cart-block__close-button > span {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 0.875rem;
  height: 0.875rem;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M23.954 21.03l-9.184-9.095 9.092-9.174-2.832-2.807-9.09 9.179-9.176-9.088-2.81 2.81 9.186 9.105-9.095 9.184 2.81 2.81 9.112-9.192 9.18 9.1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.875rem;
}
.block-wwf-support-account-menu .cart-block--contents__inner,
.block-cart .cart-block--contents__inner {
  padding: 0;
}
.block-wwf-support-account-menu .cart-block--link,
.block-cart .cart-block--link {
  margin: 0;
  padding-right: 0.625rem;
  color: #fff;
  text-decoration: none;
}
@media only screen and (min-width: 75rem) {
  .block-wwf-support-account-menu .cart-block--link,
  .block-cart .cart-block--link {
    padding-right: 1.25rem;
  }
}
.block-wwf-support-account-menu .cart-block--link path,
.block-cart .cart-block--link path {
  transition: fill 0.2s;
}
.block-wwf-support-account-menu .cart-block--link__expand:focus path, .block-wwf-support-account-menu .cart-block--link__expand:hover path,
.block-cart .cart-block--link__expand:focus path,
.block-cart .cart-block--link__expand:hover path {
  fill: #f89834;
}
.block-wwf-support-account-menu .cart-block--summary__count,
.block-cart .cart-block--summary__count {
  position: absolute;
  top: 0.375rem;
  right: -0.1875rem;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #dd4655;
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: center;
}
@media only screen and (min-width: 75rem) {
  .block-wwf-support-account-menu .cart-block--summary__count,
  .block-cart .cart-block--summary__count {
    right: 0.375rem;
  }
}

@media (min-width: 768px) {
  .cart-block--contents {
    width: 396px;
  }
}
.product-slider.slick-initialized {
  margin-bottom: 1.5rem;
  padding: 0 2rem 1.5rem;
}
.product-slider .slick-prev,
.product-slider .slick-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  padding: 1rem;
  outline: auto;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1.5rem;
  color: transparent;
  cursor: pointer;
  overflow: hidden;
}
.product-slider .slick-prev {
  left: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='%565a5c' fill-rule='evenodd'%3E%3Cpath d='M9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 Z'/%3E%3Cpolygon points='10 4 5 9 10 14 11 13 7 9 11 5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.product-slider .slick-prev:hover, .product-slider .slick-prev:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='%565a5c' fill-rule='evenodd'%3E%3Cpath d='M9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 Z'/%3E%3Cpolygon points='10 4 5 9 10 14 11 13 7 9 11 5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.product-slider .slick-next {
  right: 0.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='%565a5c' fill-rule='evenodd'%3E%3Cpath d='M9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 Z'/%3E%3Cpolygon points='12 4 7 9 12 14 13 13 9 9 13 5' transform='rotate(180 10 9)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.product-slider .slick-next:hover, .product-slider .slick-next:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg fill='%565a5c' fill-rule='evenodd'%3E%3Cpath d='M9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 Z'/%3E%3Cpolygon points='12 4 7 9 12 14 13 13 9 9 13 5' transform='rotate(180 10 9)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.product-slider .slick-dots {
  display: flex;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-slider .slick-dots li {
  position: relative;
}
.product-slider .slick-dots li::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
  margin: 0 auto;
  border-radius: 100%;
  background-color: #e4e4e4;
  content: "";
}
.product-slider .slick-dots li.slick-active::after {
  background-color: #939393;
}
.product-slider .slick-dots button {
  padding: 0.5rem;
  color: transparent;
  z-index: 1;
}

.profile .profile--header {
  margin-bottom: 0.75rem;
}
.profile .field {
  margin-bottom: 0.75rem;
}
.profile dl {
  margin: 0;
}
.profile dt {
  font-size: 0.875rem;
  font-weight: 700;
}
.profile dd {
  margin: 0;
}

/* Theming for the main request-a-pack form. */
.path-request-a-pack .layout-region-form-main {
  width: 100%;
  margin: 0;
}

.request-pack-form .form-section {
  background-color: #fff;
}
.request-pack-form .form-section .section-header {
  margin: 0;
}
.request-pack-form .form-section .section-summary,
.request-pack-form .form-section .section-body {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  border: 0;
  text-align: left;
  padding: 0 0.75rem;
  height: 0;
  transition: opacity 0.2s linear;
  opacity: 0;
  overflow: hidden;
}
@media only screen and (min-width: 56.25rem) {
  .request-pack-form .form-section .section-summary,
  .request-pack-form .form-section .section-body {
    padding: 0 3rem;
  }
}
.request-pack-form .form-section .section-summary.open,
.request-pack-form .form-section .section-body.open {
  height: auto;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  transition: opacity 0.2s linear;
  opacity: 1;
}
.request-pack-form .form-section .section-actions input[type=submit] {
  display: none;
}
.request-pack-form .form-section.state-editing {
  padding-bottom: 1.5rem;
}
.request-pack-form .form-section.state-complete {
  padding-bottom: 1.5rem;
}
.request-pack-form .form-section.state-new {
  margin-bottom: 0.75rem;
}
.request-pack-form .form-section legend {
  margin-bottom: 0;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  text-align: left;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 56.25rem) {
  .request-pack-form .form-section legend {
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 56.25rem) {
  .request-pack-form .form-section legend {
    margin-bottom: 1.5rem;
  }
}
.request-pack-form .form-section label .helper {
  display: inline;
}
.request-pack-form .form-item-event-details-event-type,
.request-pack-form .form-item-event-details-event-date-none,
.request-pack-form .form-item-event-details-event-target {
  margin-bottom: 2rem;
}
.request-pack-form .form-item-event-details-event-date {
  margin-bottom: 0;
}
.request-pack-form .form-item-event-details-event-date-none {
  margin-top: 0.5rem;
  font-size: 0.875rem;
}
.request-pack-form .form-item-event-details-event-date-none label {
  padding-top: 6px;
}

.request-complete {
  padding: 2.5rem 0;
}

.share-message {
  padding: 1.25rem;
  background-color: #fff;
}
@media only screen and (min-width: 37.5rem) {
  .share-message {
    display: flex;
    align-items: center;
  }
}
.share-message .share-message__image {
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 37.5rem) {
  .share-message .share-message__image {
    flex-basis: 45%;
    min-width: 45%;
    margin: 0 1.5625rem 0 0;
  }
}
.share-message .share-message__image img {
  vertical-align: middle;
}
@media only screen and (min-width: 37.5rem) {
  .share-message .share-message__content {
    flex-basis: 100%;
  }
}
.share-message .share-message__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.share-message .share-message__buttons li {
  flex-basis: 100%;
  margin-bottom: 0.9375rem;
}
@media only screen and (min-width: 56.25rem) {
  .share-message .share-message__buttons li {
    flex-basis: 30%;
  }
}
.share-message .share-message__button {
  display: block;
  padding: 0.625rem 0.5rem 0.625rem 1.25rem;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: 20px;
}
.share-message .share-message__button:focus {
  text-decoration: underline;
}
.share-message .share-message__button:hover {
  -webkit-filter: saturate(1.2);
          filter: saturate(1.2);
  -webkit-transform: translate(0, -2px);
          transform: translate(0, -2px);
}
.share-message .share-message__button--twitter {
  background-position: 0.625rem center;
  background-color: #38a1f3;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z'/%3E%3C/svg%3E");
}
.share-message .share-message__button--facebook {
  background-position: 0.5rem center;
  background-color: #3b5998;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M9 8h-3v4h3v12h5v-12h3.642l.358-4h-4v-1.667c0-.955.192-1.333 1.115-1.333h2.885v-5h-3.808c-3.596 0-5.192 1.583-5.192 4.615v3.385z'/%3E%3C/svg%3E");
}
.share-message .share-message__button--whatsapp {
  background-position: 0.5rem center;
  background-color: #25d366;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none'/%3E%3Cg class='currentLayer' style=''%3E%3Ctitle%3ELayer 1%3C/title%3E%3Cpath d='M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z' id='svg_1' class='' fill='%23ffffff' fill-opacity='1'/%3E%3C/g%3E%3C/svg%3E");
}
@media only screen and (min-width: 56.25rem) {
  .share-message.share-message--with-image .share-message__buttons li {
    flex-basis: 47%;
  }
}

.wwf-shop a {
  text-decoration: none;
}
.wwf-shop__header {
  margin-bottom: 1.875rem;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.wwf-shop__products {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}
@media only screen and (min-width: 25rem) {
  .wwf-shop__products {
    justify-content: space-between;
  }
}
.wwf-shop__products > * {
  flex-basis: 100%;
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 25rem) {
  .wwf-shop__products > * {
    flex-basis: 30%;
  }
}
.wwf-shop__product-image {
  margin-bottom: 0.625rem;
  overflow: hidden;
}
.wwf-shop__product-image img {
  width: 100%;
  transition: -webkit-transform 0.33s;
  transition: transform 0.33s;
  transition: transform 0.33s, -webkit-transform 0.33s;
}
.wwf-shop__product-link {
  display: block;
  font-weight: 600;
  line-height: 1.33;
}
.wwf-shop__product-link:focus img, .wwf-shop__product-link:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.wwf-shop__product-title {
  margin-bottom: 0.3125rem;
  color: #717171;
}
.wwf-shop__product-title svg {
  position: relative;
  top: 0.0625rem;
  width: 1rem;
  height: 1rem;
  margin-left: 0.3125rem;
  fill: #717171;
}
.wwf-shop__product-price {
  color: #d14421;
}
.wwf-shop__cta {
  text-align: center;
}
.wwf-shop__cta .btn {
  padding: 0.5rem 3.125rem 0.625rem 1.875rem;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cpath d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/%3E%3C/svg%3E');
  background-position: center right 1.25rem;
  background-repeat: no-repeat;
  background-size: 1rem;
}
@media only screen and (min-width: 37.5rem) {
  .wwf-shop__cta .btn {
    padding: 0.5rem 3.75rem 0.625rem 3.125rem;
  }
}

.site-banner {
  position: relative;
  /* Hiding it initially to avoid FOUC. */
}
.js .site-banner {
  display: none;
}
.site-banner .site-banner__content {
  padding: 2.1875rem 2.5rem 1.25rem 0.9375rem;
  font-size: 1.125rem;
}
.site-banner a:focus, .site-banner a:hover {
  color: inherit;
}
.site-banner a:focus {
  outline: 1px dotted #000;
}
.site-banner a:hover {
  text-decoration: none;
  box-shadow: 0 1px #000;
}
.site-banner .site-banner__close-btn {
  display: none;
}
.site-banner .site-banner__close-btn svg {
  display: block;
  width: 1.125rem;
  margin: 0 auto 1.25rem;
}
.js .site-banner .site-banner__close-btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.75rem;
  height: 2.75rem;
  margin-top: -1.375rem;
  transition: background-size 0.15s;
  border: 1px dotted transparent;
  border-style: dotted;
  border-radius: 0;
  text-indent: -999rem;
  cursor: pointer;
  overflow: hidden;
}
.js .site-banner .site-banner__close-btn:focus {
  border-color: #000;
}
.js .site-banner .site-banner__close-btn:hover {
  background-size: 1.25rem;
  opacity: 0.75;
}

.skip-link {
  display: block;
  padding: 0.9375rem;
  background-color: #ffbf1e;
  font-size: 1.125rem;
  font-weight: 600;
  text-align: center;
}
.skip-link:focus {
  color: #000;
}

.heading_class * .wwf-headline {
  font-size: 2.25rem;
}

.wwf-headline {
  color: #fff;
  line-height: 1;
  display: inline-block;
}
.wwf-headline__highlight, .wwf-headline__highlight--inverted {
  line-height: 1.15;
}
.wwf-headline .wwf-headline__highlight,
.wwf-headline span {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 24%, rgb(0, 0, 0) 24%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 85%);
  padding: 0.5rem;
}
.wwf-headline .wwf-headline__highlight--inverted {
  color: black;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0) 85%);
}
.wwf-headline--inverted {
  color: #000;
}
.wwf-headline--inverted:not(:has(span)) {
  background-color: #fff;
}
.wwf-headline--inverted span {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 24%, rgb(255, 255, 255) 24%, rgb(255, 255, 255) 85%, rgba(255, 255, 255, 0) 85%);
}
.wwf-headline--copy {
  line-height: inherit;
  padding: 0.1875rem 0.625rem;
  font-size: 1.25rem;
  background-color: black;
}
.wwf-headline--copy span {
  padding: 0;
}
.wwf-headline--nested p {
  display: inline;
}
.wwf-headline--copy p, .wwf-headline--nested p {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .wwf-headline__highlight, .wwf-headline__highlight--inverted {
    line-height: 1.06;
  }
}
.wwf-page-section {
  padding-bottom: 3rem;
}
.wwf-page-section:before {
  display: table;
  clear: both;
  content: "";
}

.paragraph--text--bg-color--white {
  background-color: #fff;
  color: #000;
}
.paragraph--text--bg-color--black {
  background-color: #000;
  color: #fff;
}
.paragraph--text--bg-color--white ~ .wwf-text-image__image, .paragraph--text--bg-color--black ~ .wwf-text-image__image {
  padding-inline: 0;
}
.paragraph--text--bg-color--white ~ .wwf-text-image__image img, .paragraph--text--bg-color--black ~ .wwf-text-image__image img {
  display: flex;
}

@media only screen and (min-width: 768px) {
  .paragraph--text--bg-color--white ~ .wwf-text-image__image, .paragraph--text--bg-color--black ~ .wwf-text-image__image {
    overflow: hidden;
  }
  .paragraph--text--bg-color--white ~ .wwf-text-image__image .field-media-image, .paragraph--text--bg-color--black ~ .wwf-text-image__image .field-media-image {
    height: 100%;
  }
  .paragraph--text--bg-color--white ~ .wwf-text-image__image img, .paragraph--text--bg-color--black ~ .wwf-text-image__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 992px) {
  .wwf-text-image {
    padding-right: 1rem;
  }
}
.wwf-zoom-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.wwf-zoom-link:hover:before, .wwf-zoom-link:focus:before {
  background-color: #5c5c5c;
}
.wwf-zoom-link:before {
  display: inline-block;
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  speak: none;
  vertical-align: middle;
  color: inherit;
  font-size: 1.25em;
  text-decoration: none;
  content: "\e900";
}
.wwf-zoom-link::before {
  position: absolute;
  bottom: 1rem;
  right: 0;
  background-color: #000;
  color: #fff;
  transition: background-color 0.2s ease-in-out;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 0.125rem;
  display: inline-flex;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2509803922);
  font-size: 1.25rem;
}

.wwf-full-width {
  width: 100vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: 50%;
}

.wwf-split-link {
  padding: 1.375rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  color: inherit;
  position: relative;
  flex-grow: 1;
}
.wwf-split-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #00b9ad;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.wwf-split-link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.wwf-split-link:hover, .wwf-split-link:focus-within {
  color: inherit;
}
.wwf-split-link:hover:before, .wwf-split-link:focus-within:before {
  -webkit-transform: scaleY(1.1);
          transform: scaleY(1.1);
}
.wwf-split-link--even:before {
  background: #74c050;
}

@media (min-width: 768px) {
  .wwf-split-link {
    padding: 0.75rem 3rem 1.75rem;
  }
  .wwf-split-link--even {
    text-align: right;
  }
}
.wwf-card {
  background-color: #fff;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.wwf-card__content {
  padding: 1.5rem;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.wwf-card__image {
  position: relative;
}
.wwf-card__image--border {
  border-bottom: 5px solid #ededed;
}
.wwf-card__image--border-light {
  border-color: #ffbf1e;
}
.wwf-card__image--border-mid {
  border-color: #f89834;
}
.wwf-card__image--border-dark {
  border-color: #f36c42;
}
.wwf-card__image-text {
  position: absolute;
  bottom: 1.125rem;
  left: 0;
  max-width: 100%;
  margin-left: 1rem;
  margin-right: 1rem;
}
.wwf-card__facade-button {
  text-decoration: none;
  padding: 0;
}
.wwf-card__facade-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  padding: 0;
  border: 0;
  background: transparent;
}
.wwf-card .wwf-button,
.wwf-card .wwf-price-input {
  position: relative;
  z-index: 1;
}
.wwf-card .wwf-button {
  min-width: 90px;
}
.wwf-card--hover-shadow {
  transition: box-shadow 0.2s linear;
}
.wwf-card--hover-shadow:hover, .wwf-card--hover-shadow:focus-within {
  box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.2509803922);
}
.wwf-card--border {
  border: 1px solid #b7b7b7;
}

@media (max-width: 767.98px) {
  .wwf-card--hover-grow .wwf-card__body {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .wwf-card--hover-grow .wwf-card__body {
    display: none;
  }
  .wwf-card--hover-grow.is-open, .wwf-card--hover-grow.is-transitioning {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 100%;
  }
}
.wwf-price-input .type-commerce-number {
  position: static;
}
@media only screen and (min-width: 56.25rem) {
  .wwf-price-input .type-commerce-number {
    background-color: transparent;
  }
}
.wwf-price-input .type-commerce-number .element-wrapper {
  margin: 0;
  width: 100%;
  justify-content: flex-start;
}
@media only screen and (min-width: 56.25rem) {
  .wwf-price-input .type-commerce-number .element-wrapper {
    left: 0;
  }
}
.wwf-price-input .type-commerce-number input {
  width: auto;
}

.wwf-fundraising-counter {
  display: none;
  width: 100%;
  height: 2.8125rem;
  border: 1px solid #e4e4e4;
  overflow: hidden;
  margin-bottom: 1rem;
}
.js .wwf-fundraising-counter {
  display: block;
}
.wwf-fundraising-counter__bar-fill {
  display: block;
  height: 100%;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: 2s 0.5s transform ease;
  background: #cadb3c;
}

.wwf-banner-image {
  width: 100vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: 50%;
  min-height: 15rem;
  position: relative;
}
.wwf-banner-image .media {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.wwf-banner-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 768px) {
  .wwf-banner-image {
    width: auto;
    margin-left: 0;
    -webkit-transform: none;
            transform: none;
    min-height: 0;
    height: 100%;
  }
}
.wwf-comparison-slider {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.wwf-comparison-slider__bar {
  position: absolute;
  height: 100%;
  left: 5%;
  cursor: pointer;
  border-left: 1px solid white;
  border-right: 1px solid white;
  z-index: 1;
}
.wwf-comparison-slider__lens {
  display: block;
  width: 4.125rem;
  height: 4.125rem;
  background: transparent;
  position: absolute;
  border-radius: 50%;
  border: 2px #fff;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("/themes/custom/wwf_support/src/images/icon-chevron-left.svg"), url("/themes/custom/wwf_support/src/images/icon-chevron-right.svg");
  background-position: 16% center, 84% center;
  background-repeat: no-repeat, no-repeat;
  background-color: #fff;
  box-sizing: content-box;
  z-index: 1;
}
.wwf-comparison-slider__control {
  width: 100%;
}
.wwf-comparison-slider__control input {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  pointer-events: auto !important;
  background: none;
  margin: 0;
  border: none;
  opacity: 0;
}
.wwf-comparison-slider__control input::-webkit-slider-runnable-track {
  height: 100%;
  background-color: transparent;
}
.wwf-comparison-slider__control input::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  height: 100%;
  background: transparent;
  cursor: pointer;
  width: 10px;
  box-shadow: none !important;
}
.wwf-comparison-slider__image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.wwf-comparison-slider__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.wwf-comparison-slider__image--top-image {
  -webkit-clip-path: inset(0 0 0 5%);
          clip-path: inset(0 0 0 5%);
}

.wwf-overlapping-content {
  position: relative;
  margin-bottom: 3rem;
}
.wwf-overlapping-content__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 33.5rem;
}
.wwf-overlapping-content__background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wwf-overlapping-content__background-image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.wwf-overlapping-content__top-section {
  min-height: 33.5rem;
  margin-bottom: -7.25rem;
}
.wwf-overlapping-content__top-section, .wwf-overlapping-content__bottom-section {
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .wwf-overlapping-content__top-section {
    margin-bottom: -2rem;
  }
}
.wwf-image {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.wwf-image .media {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
.wwf-image img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.wwf-image--1-1 {
  padding-bottom: 100%;
}
.wwf-image--16-9 {
  padding-bottom: 56.25%;
}
.wwf-image--6-13 {
  padding-bottom: 46.15%;
}
.wwf-image--cover {
  padding-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

@media (min-width: 768px) {
  .wwf-image--md-16-9 {
    padding-bottom: 56.25%;
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

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

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

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

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

.slick-arrow.slick-hidden {
  display: none;
}

.wwf-slider__nav {
  position: relative;
  display: flex;
}
.wwf-slider__nav .slick-dots {
  display: flex;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
  flex-grow: 1;
  align-items: flex-end;
}
.wwf-slider__nav li {
  display: none;
}
.wwf-slider__nav li:last-child {
  display: inline-block;
  margin-left: auto;
}
.wwf-slider__nav li:last-child .wwf-slider__nav-button {
  padding-right: 0;
  padding-left: 0.5rem;
}
.wwf-slider__nav li.slick-active .wwf-slider__nav-button {
  color: #000;
  border-bottom-color: #000;
}
.wwf-slider__select {
  color: inherit;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  border-bottom: 1px solid #000;
  background-image: url("/themes/custom/wwf_support/src/icons/icon-caret-down.svg");
  background-repeat: no-repeat;
  background-position: center right 1rem;
  width: auto;
}
.wwf-slider__select:focus {
  border-bottom: 1px solid #000;
  outline: 2px solid #ffbf1e;
}
.wwf-slider__nav-button {
  cursor: pointer;
  background: transparent;
  border-bottom: 1px solid transparent;
  color: #717171;
  padding: 0.75rem 1rem;
  position: relative;
  transition: background-color 0.2s linear, border-color 0.2s linear;
}
.wwf-slider__nav-button:hover {
  color: #000;
  border-bottom-color: #000;
}
.wwf-slider__nav-button:focus {
  color: #000;
  border-bottom: 1px solid transparent;
  outline: 2px solid #ffbf1e;
}
.wwf-slider__container .slide.slick-slide {
  visibility: hidden;
  padding-top: 25px;
  padding-bottom: 40px;
}
.wwf-slider__container .slide.slick-slide.slick-current.slick-active {
  visibility: visible;
}
.wwf-slider__container .slick-list {
  margin-left: -100%;
  margin-right: -100%;
  padding-left: 100%;
  padding-right: 100%;
  overflow: hidden;
}

.wwf-page-section:has(.wwf-slider__container) {
  padding-top: 0 !important;
  padding-bottom: 10px;
}

@media (min-width: 768px) {
  .wwf-slider__nav li {
    display: inline-block;
  }
  .wwf-slider__nav::before {
    content: "";
    position: absolute;
    width: 100vw;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-bottom: 1px solid #cccccc;
  }
  .wwf-slider__select {
    display: none;
  }
}
.wwf-badge {
  display: flex;
  position: absolute;
  top: -0.375em;
  right: -0.375rem;
  padding: 0.5rem 0.375rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  line-height: 1.4375em;
  z-index: 5;
}
.wwf-badge__line {
  font-size: 1em;
}

.wwf-hero {
  position: relative;
}
.wwf-hero__media {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.wwf-hero__media:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.wwf-hero__video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.wwf-hero__content {
  position: relative;
  padding-top: 3rem;
}
.wwf-hero__adoption-content {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.wwf-hero--with-media {
  color: #fff;
  margin-bottom: 3rem;
}
.wwf-hero--with-media .wwf-hero__content {
  min-height: 550px;
}
.wwf-hero--with-media .wwf-hero__adoption-content {
  min-height: 14rem;
  padding-top: 3rem;
}
.wwf-hero--with-media .wwf-hero__adoption-content .wwf-page-section {
  padding-bottom: 0.5rem;
}
.wwf-hero--with-media .wwf-hero__adoption-content .wwf-headline {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.wwf-hero--no-overlay .wwf-hero__media:after {
  display: none;
}
.wwf-hero .wwf-headline {
  width: 100%;
}

@media (min-width: 768px) {
  .wwf-hero--with-media .wwf-hero__adoption-content {
    min-height: 18.5rem;
  }
}
@media (max-width: 991.98px) {
  .wwf-text-overlay {
    line-height: 1.5;
    display: inline-block;
  }
  .wwf-text-overlay__wrapper span,
  .wwf-text-overlay__wrapper p {
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 24%, rgb(0, 0, 0) 24%, rgb(0, 0, 0) 85%, rgba(0, 0, 0, 0) 85%);
    padding: 10px;
  }
  .wwf-text-overlay__wrapper p {
    display: inline;
  }
}
@media (min-width: 992px) {
  .wwf-hero__media::after {
    width: 66.67%;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
  .wwf-hero--with-media .wwf-hero__content {
    min-height: 30vw;
  }
}
.wwf-divider {
  border: 1px solid #ededed;
  margin: 0;
}

.wwf-checklist ul {
  padding-left: 0;
  list-style: none;
}
.wwf-checklist ul li {
  position: relative;
  margin-bottom: 0.5rem;
  padding-left: 2rem;
}
.wwf-checklist ul li::before {
  position: absolute;
  top: -0.15rem;
  left: 0;
  -webkit-transform: rotate(8deg);
          transform: rotate(8deg);
  color: #8cc63f;
  font-size: 1.5rem;
  font-weight: 700;
  content: "✓";
}

.wwf-counter {
  font-size: 4.875rem;
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
}
.wwf-counter .tick-flip {
  border-radius: 0;
  margin-left: 2px;
  margin-right: 2px;
  min-width: 0.6667em;
  letter-spacing: 0.01em;
}
.wwf-counter .tick-flip-panel-text-wrapper {
  line-height: 1.25;
  left: -5px;
  text-align: left;
}
.wwf-counter .tick-credits {
  display: none !important;
}

@media (min-width: 768px) {
  .wwf-counter {
    margin-top: 0;
    justify-content: flex-start;
  }
}
.wwf-story {
  position: relative;
}
.wwf-story__nav {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  gap: 6px;
}
.wwf-story .slick-arrow {
  width: 32px;
  height: 32px;
  background-color: black;
  font-size: 0;
  padding: 0;
  border: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.wwf-story .slick-arrow.slick-disabled {
  cursor: not-allowed;
  background-color: #b7b7b7;
}
.wwf-story .slick-arrow:focus {
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5);
}
.wwf-story .slick-next {
  background-image: url("/themes/custom/wwf_support/src/icons/chevron-right.svg");
}
.wwf-story .slick-prev {
  background-image: url("/themes/custom/wwf_support/src/icons/chevron-left.svg");
}

@media (min-width: 768px) {
  .wwf-story__nav {
    left: 50%;
    margin-left: 0.75rem;
  }
}
.wwf-accordion {
  margin-bottom: 2rem;
  border-top: 3px solid #ededed;
}
.wwf-accordion__item {
  border-bottom: 3px solid #ededed;
  transition: background-color 0.2s ease-in-out;
}
.wwf-accordion__item:hover, .wwf-accordion__item.is-open {
  background-color: #f8f8f8;
}
.wwf-accordion__item.is-open .wwf-accordion__trigger:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.wwf-accordion__trigger {
  padding: 1rem 2rem 1rem 1rem;
  text-align: left;
  font-size: 1.125rem;
  line-height: 1.6;
  letter-spacing: -0.04em;
  color: inherit;
  position: relative;
  cursor: pointer;
}
.wwf-accordion__trigger::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url("/themes/custom/wwf_support/src/icons/chevron-down.svg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 1.5rem;
  width: 1.5rem;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}
.wwf-accordion__trigger:focus {
  outline: 3px solid black;
}
.wwf-accordion__body {
  display: none;
}
.wwf-accordion__body p:last-child {
  margin-bottom: 0;
}
.wwf-accordion__body-inner {
  padding: 1rem;
}

@media (min-width: 768px) {
  .wwf-accordion__body-inner {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .wwf-accordion__trigger {
    font-size: 1.25rem;
    padding-left: 2rem;
    padding-right: 3rem;
  }
  .wwf-accordion__trigger:after {
    right: 1.5rem;
  }
}
.wwf-legend {
  font-family: "WWF", "Arial Narrow", "Trebuchet MS", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

.wwf-u13-marketing-disclaimer {
  font-weight: 700;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .wwf-legend {
    font-size: 1.75rem;
  }
}
/* helpers last to ensure overrides */
/**
 * @file
 * Helpers.
 */
/* Boostrap utils */
.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 2rem !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

/* Text align. */
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

/* Floats & clears. */
.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

.clear {
  clear: both;
}

.clear-right {
  clear: right;
}

.clear-left {
  clear: left;
}

/* Spacing. */
.no-margin {
  margin: 0;
}

.no-padding {
  padding: 0;
}

/* Display Types. */
.display-none {
  display: none;
}

.display-none-important {
  display: none !important;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.display-inline {
  display: inline;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  word-wrap: normal;
}

.featured-text {
  line-height: 1;
}

.island {
  padding: 0.625rem 0;
}
@media only screen and (min-width: 56.25rem) {
  .island {
    padding: 1.25rem 0;
  }
}

.js .js-hide {
  display: none;
}

.clickable {
  cursor: pointer;
}

.wwf-layer--badge {
  position: relative;
  z-index: 5;
}

/*
 *  Generic color classes.
 */
.bg-color--yellow {
  background-color: #ffe600;
}
.bg-color--yellow.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--yellow.with-bg-hover:hover, .bg-color--yellow.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--yellow-orange {
  background-color: #ffbf1e;
}
.bg-color--yellow-orange.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--yellow-orange.with-bg-hover:hover, .bg-color--yellow-orange.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--orange {
  background-color: #f89834;
}
.bg-color--orange.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--orange.with-bg-hover:hover, .bg-color--orange.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--red-orange {
  background-color: #f36c42;
}
.bg-color--red-orange.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--red-orange.with-bg-hover:hover, .bg-color--red-orange.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--red {
  background-color: #ee3350;
}
.bg-color--red.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--red.with-bg-hover:hover, .bg-color--red.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--red-violet {
  background-color: #d04092;
}
.bg-color--red-violet.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--red-violet.with-bg-hover:hover, .bg-color--red-violet.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--yellow-green {
  background-color: #cadb3c;
}
.bg-color--yellow-green.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--yellow-green.with-bg-hover:hover, .bg-color--yellow-green.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--green {
  background-color: #74c050;
}
.bg-color--green.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--green.with-bg-hover:hover, .bg-color--green.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--blue-green {
  background-color: #00b9ad;
}
.bg-color--blue-green.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--blue-green.with-bg-hover:hover, .bg-color--blue-green.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--blue {
  background-color: #0094d5;
}
.bg-color--blue.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--blue.with-bg-hover:hover, .bg-color--blue.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--blue-violet {
  background-color: #0074df;
}
.bg-color--blue-violet.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--blue-violet.with-bg-hover:hover, .bg-color--blue-violet.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--violet {
  background-color: #92449a;
}
.bg-color--violet.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--violet.with-bg-hover:hover, .bg-color--violet.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--black {
  background-color: #000;
}
.bg-color--black.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--black.with-bg-hover:hover, .bg-color--black.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.bg-color--grey-lightest {
  background-color: #f8f8f8;
}
.bg-color--grey-lightest.with-bg-hover {
  transition: background-color 0.2s linear;
}
.bg-color--grey-lightest.with-bg-hover:hover, .bg-color--grey-lightest.with-bg-hover:focus {
  background-color: #000;
  color: #fff !important;
}

.color--white {
  color: #fff;
}

.icon-color--white path {
  fill: #fff;
}

.color--black {
  color: #000;
}

.icon-color--black path {
  fill: #000;
}

@media only screen and (max-width: 56.1875em) {
  .text--left {
    text-align: left;
  }
}
@media only screen and (min-width: 56.25rem) {
  .text--left--m {
    text-align: left;
  }
}
@media only screen and (max-width: 56.1875em) {
  .text--right {
    text-align: right;
  }
}
@media only screen and (min-width: 56.25rem) {
  .text--right--m {
    text-align: right;
  }
}
@media only screen and (max-width: 56.1875em) {
  .text--center {
    text-align: center;
  }
}
@media only screen and (min-width: 56.25rem) {
  .text--center--m {
    text-align: center;
  }
}

@media only screen and (max-width: 56.1875em) {
  .text-transform--uppercase {
    text-transform: uppercase;
  }
}
@media only screen and (min-width: 56.25rem) {
  .text-transform--uppercase--m {
    text-transform: uppercase;
  }
}

@media only screen and (min-width: 56.25rem) {
  .color--white--m {
    color: #fff;
  }
}

@media only screen and (min-width: 56.25rem) {
  .color--black--m {
    color: #000;
  }
}

.image--full-width img {
  width: 100%;
}

.image--vertical-bottom img {
  vertical-align: bottom;
}

.color--grey-darkest {
  color: #5c5c5c;
}

.bg-color--grey-lightest {
  background-color: #f8f8f8;
}

.list-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pt-6 {
  padding-top: 3rem;
}

.mb-6 {
  margin-bottom: 3rem;
}

/**
 *  Custom negative margin top utility used in hero to overlap hero blocks with
 *  image. Written in the same vien as bootstrap margin utils, but without
 *  including the rest of the negative margins.
 */
.mt-n6 {
  margin-top: -6rem;
}

/**
 *  Custom padding utility used in stats block to give increased spacing at the
 *  bottom. Written in the same vien as bootstrap margin utils, but without
 *  including the rest of the responsive/directonal classes.
 */
@media (min-width: 768px) {
  .pb-md-6 {
    padding-bottom: 6rem;
  }
}
.wwf-heavy-underline {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 4px solid;
}

.wwf-word-break {
  word-break: break-word;
}

/*# sourceMappingURL=style.css.map */