/**
 * @file
 * Subtheme specific CSS.
 */
 
/* Colors */

.black {
	color: #000000;
}

.white {
	color: #ffffff;
}

.yellow {
	color: #f5d200;
}

.orange {
	color: #f07d00;
}

.red {
	color: #da1d52;
}

.red-violet {
	color: #9a0064;
}

.berry {
	color: #812990;
}

.blue {
	color: #00728f;
}

.aqua {
	color: #009191;
}

.green {
	color: #007932;
}

.olive {
	color: #7b8427;
}

.medium-green {
	color: #8cc63f;
}

.dark-brown {
	color: #552f25;
}

.brown {
	color: #9a681c;
}

.base {
	color: #c4bc8e;
}

.bg-dark {
	background-color: #000000 !important;
}

/* WWF Custom Font */

@font-face {
  font-family: 'WWF';
  font-style: normal;
  src: url("../fonts/WWF.woff2") format("woff2"), url("../fonts/WWF.woff") format("woff");
}

/* Typography */

h1, h2, h3, h4, h5, h6 {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif !important;
	font-weight: normal !important;
	line-height: 1;
	text-transform: uppercase;
}

.wwfsen {
	text-transform:  none;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 1.25rem
}

h1 {
	font-size: 3.32143rem;
	margin-bottom: 0;
}

h2 {
	font-size: 3.32143rem;
}

h3 {
	font-size: 1.96875rem;
}

h4 {
	font-size: 1.6875rem;
}

h5 {
	font-size: 1.40625rem;
}

h6 {
	font-size: 1.125rem;
}

@media (min-width: 768px) {
	h1 {
		font-size: 4.5rem;
	}
}

p {
	margin-bottom: 1.5rem;
	font-size: 1.125rem;
}

ol, ul {
	margin-top: 0;
	margin-bottom: 1.5rem;
	text-align: left
}

ol, ul {
	padding-left: 25px
}

ol {
	font-weight: 700
}

ol span {
	font-weight: 400
}

ol ol, ul ul, ol ul, ul ol {
	margin-bottom: 0
}

/* Header */

#header.header>div {
	max-height: 83.1719px;
}

#navbar-top {
	background-color: #000 !important;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#navbar-top .nav-link {
	color: #fff;
	font-size: 0;
}

#navbar-top .nav-link:hover {
	opacity: 0.8;
}

#navbar-top.navbar>.container-xl {
	justify-content: flex-end;
}

.header .menu--main .nav-link.search {
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7' r='5.5' stroke='white' stroke-width='3'/%3E%3Cpath d='M11.5 10.5L18.5 16.5' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  overflow: hidden;
  color: transparent;
  background-position-y: 0.9375rem;
  background-position-x: right;
  max-width: 30px;
	margin-left: 0;
	margin-right: 1rem;
}

.header .navbar,
.header .navbar-brand {
	padding-top: 0;
	padding-bottom: 0;
}

.header .navbar-brand {
	margin-right: 0;
}

.header .navbar img {
	max-width: 74px;
}

.header .menu--main .navbar-nav a,
.header .menu--main .dropdown-item a {
	color: #fff;
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif;
	font-size: 1.28571rem;
	text-transform: uppercase;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	padding-bottom: 0.25rem;
	text-decoration: none;
}

.header .menu--main .nav-link.active {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.header .menu--main .nav-link.dropdown-toggle::after {
  background-image: url(../images/right-arrow.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 1rem 1rem;
  background-size: 1rem 1rem;
  width: 1.5rem;
  height: 1.2rem;
  margin-left: 0;
  vertical-align: middle;
  border-top: none;
}

.header .menu--main .nav-link.dropdown-toggle.show::after {
	background-image: url(../images/down-arrow.svg);
}

.header .menu--main .dropdown-menu {
	background-color: #000;
}

.header .menu--main .dropdown-menu a:hover,
.header .menu--main .dropdown-menu .dropdown-item:hover,
.header .menu--main .dropdown-menu .dropdown-item:focus,
.header .menu--main .dropdown-menu .dropdown-item:active,
.header .menu--main .dropdown-menu .dropdown-item.active,
.header .menu--main .dropdown-menu .dropdown-item:hover a,
.header .menu--main .dropdown-menu .dropdown-item:focus a,
.header .menu--main .dropdown-menu .dropdown-item.active a {
	color: #000;
	background-color: #fff;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-collapse {
	padding: 1rem 0;
	flex-grow: inherit;
}

.navbar-collapse .nav-item:last-of-type {
	margin-bottom: 0.5rem;
}

@media (min-width:992px) and (max-width:1199px) {
	.header .menu--main .navbar-nav a, .header .menu--main .dropdown-item a {
	font-size: 1.5vw;
	padding-bottom: 0;
	}
	.header .menu--main .nav-link.search {
		background-position-y: 0.75rem;
	}
}

@media (max-width:1199px) {
	.header .menu--main .nav-link.dropdown-toggle::after {
		background-size: 0.75rem 1rem;
	}
}

/* Donate / Adopt button block */

.donate-adopt-block .field--name-body {
	display: flex;
  column-gap: 0.25rem;
  row-gap: 0.25rem;
  justify-content: flex-end;
}

.donate-adopt-block .btn-donate {
	background-color: #f07d00;
}

.donate-adopt-block .btn-ecard {
	background-color: #a0396e;
}

.donate-adopt-block .btn-donate:hover,
.donate-adopt-block .btn-ecard:hover {
	background-color: #000;
	color: #fff !important;
	border: 1px solid #fff;
}

.donate-dropdown-menu {
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
}

.donate-dropdown-menu.desktop {
	flex-grow: 0;
	order: 1;
}

.donate-dropdown-menu .btn,
.donate-dropdown-menu .dropdown-menu-dark .dropdown-item {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif;
  text-transform: uppercase;
  font-size: 1.25rem;
  color: #fff;
  letter-spacing: 1px;
}

.donate-dropdown-menu.desktop .btn {
	padding: 0.25rem 1.75rem;
}

.donate-dropdown-menu.desktop .btn-adopt {
	padding-right: 0.75rem;
}

.donate-dropdown-menu.below-desktop .btn {
	padding: 0.25rem .75rem 0.25rem 1.75rem;
}

.donate-dropdown-menu .dropdown-toggle::after {
	margin-left: 1.255em;
	transform: rotate(270deg);
	vertical-align: 0.22em;
}

.donate-dropdown-menu.desktop .dropdown-toggle::after {
	margin-left: 0.5em;
}

.donate-dropdown-menu .dropdown-toggle.show::after {
	transform: rotate(0deg);
}

.donate-dropdown-menu.desktop .btn-adopt[aria-expanded="false"] {
	background-color: #da1d52 !important;
	color: #fff;
	border: 1px solid transparent !important;
}

.donate-dropdown-menu.desktop .btn-adopt:hover,
.donate-dropdown-menu.desktop .btn-adopt[aria-expanded="true"] {
	background-color: #000 !important;
  color: #fff;
  border: 1px solid #fff !important;
}

@media (hover: none) {
	.donate-dropdown-menu.desktop .btn-adopt[aria-expanded="false"] {
		background-color: #da1d52 !important;
		border: 1px solid transparent !important;
	}
  .donate-dropdown-menu.desktop .btn-adopt[aria-expanded="true"] {
    background-color: #000 !important;
  }
}

.donate-dropdown-menu.below-desktop .btn[aria-expanded="false"] {
	background-color: #f07d00 !important;
	color: #fff;
	border: 1px solid transparent !important;
}

.donate-dropdown-menu.below-desktop .btn:hover,
.donate-dropdown-menu.below-desktop .btn[aria-expanded="true"] {
	background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

@media (hover: none) {
	.donate-dropdown-menu.below-desktop .btn[aria-expanded="false"] {
		background-color: #f07d00 !important;
		border: 1px solid transparent !important;
	}
  .donate-dropdown-menu.below-desktop .btn[aria-expanded="true"] {
    background-color: #000 !important;
  }
}

.donate-dropdown-menu .dropdown-menu-dark {
	background-color: #000;
	border-radius: 0;
}

.donate-dropdown-menu .dropdown-menu-dark .dropdown-item:hover {
	color: #000;
	background-color: #fff;
}

.donate-dropdown-menu .dropdown-menu-dark .dropdown-divider {
	border-color: rgba(255,255,255,1);
	opacity: 1;
}

@media (max-width:991px) {
	.donate-dropdown-menu.desktop {
		display: none;
	}
}

@media (min-width:992px) {
	.donate-dropdown-menu.below-desktop {
		display: none;
	}
}

@media (max-width:479px) {
	.donate-dropdown-menu.below-desktop {
		margin-right: 0.25rem;
  }
}

/* Footer */

.site-footer .block {
	border: none;
}

.site-footer .content h4 {
  margin-top:0.75rem;
	margin-bottom: 1rem;
}

.site-footer .content,
.site-footer .content a {
	color: #fff;
}

.site-footer .content p {
	font-size: 1rem;
  display: flex;
  align-items: baseline;
}

.site-footer a:hover {
	text-decoration: none;
	color: #fff;
}

.site-footer i {
	margin-right: 15px;
}

.site-footer .about-snippet img {
	max-width: 40%;
}

.site-footer .region-footer-fifth {
	text-align: center;
	padding-bottom: 2.75rem;
}

.site-footer .region-footer-fifth p {
	display: inline;
	margin-left: 15px;
	font-size: 0.9rem;
	padding-right: 15px;
}

.site-footer .region-footer-fifth p.charity {
	display: block;
}

.site-footer .footer-wwf-terms-block {
	padding-bottom: 1.5rem;
}

.site-footer .footer-recaptcha-block p {
	font-size: 0.8rem;
	opacity: 0.3;
}

.newsletter-subscribe label {
	font-family: 'Open Sans', serif;
	font-size: 1rem;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
	width: 100%;
}

.newsletter-subscribe .first_name label {
	margin-top: 0;
}

.newsletter-subscribe input:not(.btn) {
	border: none;
	border-radius: 2px;
	width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

/* Global */

.layout-main-wrapper {
	overflow: hidden;
}

.node__content {
	padding-top: 40px;
}

.block-page-title-block {
	padding-top: 20px;
	padding-bottom: 20px;
}

.block-system-breadcrumb-block {
	padding-left: 30px;
}

a:not(.btn) {
	color: inherit;
}

.toolbar-tray a {
	color: #565656;
}

.btn-primary:hover {
	border-color: #000;
}

.form-control:focus {
	border-color: #434040;
	box-shadow: 0 0 0 0.25rem rgb(67 64 64 / 25%);
}

.region-highlighted .alert-dismissible {
	margin-top: 1.5rem;
}

.region-highlighted .alert-dismissible.alert-success::before, 
.region-highlighted .alert-dismissible.alert-info::before, 
.region-highlighted .alert-dismissible.alert-warning::before, 
.region-highlighted .alert-dismissible.alert-danger::before, 
.region-highlighted .alert-dismissible.alert-primary::before, 
.region-highlighted .alert-dismissible.alert-secondary::before, 
.region-highlighted .alert-dismissible.alert-light::before,
.region-highlighted .alert-dismissible.alert-dark::before {
	margin-right: 1rem;
}

.region-highlighted .alert-dismissible .btn-close:focus {
	box-shadow: none;
}

/* Buttons */

.btn-orange .btn,
.btn.btn-primary.btn-orange {
	background-color: #f07d00;
	color: #fff;
	border: 1px solid transparent;
}

.bg-orange .btn-orange .btn,
.bg-orange .btn.btn-primary.btn-orange {
	border-color: #fff;
}

.btn-red .btn,
.btn.btn-primary.btn-red {
	background-color: #da1d52;
	color: #fff;
	border: 1px solid transparent;
}

.bg-red .btn-red .btn,
.bg-red .btn.btn-primary.btn-red {
	border-color: #fff;
}

.btn-red-violet .btn,
.btn.btn-primary.btn-red-violet {
	background-color: #9a0064;
	color: #fff;
	border: 1px solid transparent;
}

.bg-red-violet .btn-red-violet .btn,
.bg-red-violet .btn.btn-primary.btn-red-violet {
	border-color: #fff;
}

.btn-red-violet-light .btn,
.btn.btn-primary.btn-red-violet-light {
	background-color: #a0396e;
	color: #fff;
	border: 1px solid transparent;
}

.btn-berry .btn,
.btn.btn-primary.btn-berry {
	background-color: #812990;
	color: #fff;
	border: 1px solid transparent;
}

.bg-berry .btn-berry .btn,
.bg-berry .btn.btn-primary.btn-berry {
	border-color: #fff;
}

.btn-blue .btn,
.btn.btn-primary.btn-blue {
	background-color: #00728f;
	color: #fff;
	border: 1px solid transparent;
}

.bg-blue .btn-blue .btn,
.bg-blue .btn.btn-primary.btn-blue {
	border-color: #fff;
}

.btn-aqua .btn,
.btn.btn-primary.btn-aqua {
	background-color: #009191;
	color: #fff;
	border: 1px solid transparent;
}

.bg-aqua .btn-aqua .btn,
.bg-aqua .btn.btn-primary.btn-aqua {
	border-color: #fff;
}

.btn-green .btn,
.btn.btn-primary.btn-green {
	background-color: #007932;
	color: #fff;
	border: 1px solid transparent;
}

.bg-green .btn-green .btn,
.bg-green .btn.btn-primary.btn-green {
	border-color: #fff;
}

.btn-olive .btn,
.btn.btn-primary.btn-olive {
	background-color: #7b8427;
	color: #fff;
	border: 1px solid transparent;
}

.bg-olive .btn-olive .btn,
.bg-olive .btn.btn-primary.btn-olive {
	border-color: #fff;
}

.btn-medium-green .btn,
.btn.btn-primary.btn-medium-green {
	background-color: #8CC63F;
	color: #fff;
	border: 1px solid transparent;
}

.bg-medium-green .btn-medium-green .btn,
.bg-medium-green .btn.btn-primary.btn-medium-green {
	border-color: #fff;
}

.btn-dark-brown .btn,
.btn.btn-primary.btn-dark-brown {
	background-color: #552f25;
	color: #fff;
	border: 1px solid transparent;
}

.bg-dark-brown .btn-dark-brown .btn,
.bg-dark-brown .btn.btn-primary.btn-dark-brown {
	border-color: #fff;
}

.btn-brown .btn,
.btn.btn-primary.btn-brown {
	background-color: #9a681c;
	color: #fff;
	border: 1px solid transparent;
}

.bg-brown .btn-brown .btn,
.bg-brown .btn.btn-primary.btn-brown {
	border-color: #fff;
}

.btn-base .btn,
.btn.btn-primary.btn-base {
	background-color: #c4bc8e;
	color: #fff;
	border: 1px solid transparent;
}

.bg-base .btn-base .btn,
.bg-base .btn.btn-primary.btn-base {
	border-color: #fff;
}

.bg-white .btn-none .btn,
.bg-white .btn.btn-outline-light.btn-none {
	border-color: #000;
	color: #000;
}

.btn.btn-outline-light.btn-none:hover,
.btn-none .btn:hover,
.btn.btn-primary.btn-orange:hover,
.btn-red .btn:hover,
.btn.btn-primary.btn-red:hover,
.btn-red-violet .btn:hover,
.btn.btn-primary.btn-red-violet:hover,
.btn-red-violet-light .btn:hover,
.btn.btn-primary.btn-red-violet-light:hover,
.btn-berry .btn:hover,
.btn.btn-primary.btn-berry:hover,
.btn-blue .btn:hover,
.btn.btn-primary.btn-blue:hover,
.btn-aqua .btn:hover,
.btn.btn-primary.btn-aqua:hover,
.btn-green .btn:hover,
.btn.btn-primary.btn-green:hover,
.btn-olive .btn:hover,
.btn.btn-primary.btn-olive:hover,
.btn-medium-green .btn:hover,
.btn.btn-primary.btn-medium-green:hover,
.btn-dark-brown .btn:hover,
.btn.btn-primary.btn-dark-brown:hover,
.btn-brown .btn:hover,
.btn.btn-primary.btn-brown:hover,
.btn-base .btn:hover,
.btn.btn-primary.btn-base:hover,
.page-banner-content .btn-primary:hover {
	color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.paragraph--type-_-column-cards .btn.btn-primary.btn-orange:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-red:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-red-violet:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-red-violet-light:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-berry:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-blue:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-aqua:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-green:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-olive:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-medium-green:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-dark-brown:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-brown:hover,
.paragraph--type-_-column-cards .btn.btn-primary.btn-base:hover {
  color: #fff;
  background-color: #4d4d4d;
  border-color: #000;
}

.bg-white .btn:hover {
	background-color: #4d4d4d !important;
	border-color: #000;
	color: #fff !important;
}

.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus, .btn-check:focus+.btn-primary, .btn-primary:focus, .btn-outline-light:focus, .btn:focus {
	box-shadow: none !important;
	border-color: transparent;
}

.btn-outline-light:focus {
	color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Background Colours */

.bg-aqua {
	background-color: #009191 !important;
	color: #fff;
}

.bg-base {
	background-color: #c4bc8e !important;
	color: #fff;
}

.bg-berry {
	background-color: #812990 !important;
	color: #fff;
}

.bg-blue {
	background-color: #00728f !important;
	color: #fff;
}

.bg-brown {
	background-color: #9a681c !important;
	color: #fff;
}

.bg-dark-brown {
	background-color: #552f25 !important;
	color: #fff;
}

.bg-green {
	background-color: #007932 !important;
	color: #fff;
}

.bg-medium-green {
	background-color: #8CC63F !important;
	color: #fff;
}

.bg-olive {
	background-color: #7b8427 !important;
	color: #fff;
}

.bg-orange {
	background-color: #f07d00 !important;
	color: #fff;
}

.bg-orange-light {
	background-color: #f49e40 !important;
	color: #fff;
}

.bg-red {
	background-color: #da1d52 !important;
	color: #fff;
}

.bg-red-violet {
	background-color: #9a0064 !important;
	color: #fff;
}

.bg-white {
	background-color: #fff !important;
	color: #000 !important;
}

.bg-red-violet-light {
	background-color: #a0396e;
	color: #fff ;
}

.bg-black-title.node--type-error-page.node--view-mode-page-title-custom {
	background-color: #000;
	color: #fff;
}

/* Paragraphs */

.paragraph {
	margin-bottom: 3.75rem;
}

.paragraph.mb-mid {
	margin-bottom: 1.875rem;
}

.paragraph a:hover:not(.btn) {
	text-decoration: none;
	color: inherit !important;
}

.paragraph.paragraph-margin-top {
	margin-top: 3.75rem;
}

/* Paragraph - Inline Banner (w CTA) */

.paragraph--type-inline-banner {
	text-align: center;
	background-color: #000000;
	color: #fff;
	padding: 3rem 3rem 2.25rem;
}

.paragraph--type-inline-banner h2 {
	margin-bottom: 2rem;
}

.paragraph--type-inline-banner .field--name-field-button {
	margin-top: 2.5rem;
}

.paragraph--type-inline-banner .field--name-field-button .field__item {
	display: inline-block;
}

.paragraph--type-inline-banner .btn {
	margin: 0 0.75rem 0.75rem;
}

/* Paragraph - Quote / Callout */

.paragraph--type-quote-callout {
	background-color: #fff !important;
	color: #000 !important;
}

.paragraph--type-quote-callout .field--name-field-callout-text {
	background: #EAEAEA;
	border-left: 5px solid #9a0064;
	padding: 30px;
	font-style: italic;
}

.bg-aqua.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #009191;
}

.bg-base.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #c4bc8e;
}

.bg-berry.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #812990;
}

.bg-blue.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #00728f;
}

.bg-brown.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #9a681c;
}

.bg-dark-brown.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #552f25;
}

.bg-green.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #007932;
}

.bg-medium-green.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #8CC63F;
}

.bg-olive.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #7b8427;
}

.bg-orange.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #f07d00;
}

.bg-red.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #da1d52;
}

.bg-red-violet.paragraph--type-quote-callout .field--name-field-callout-text {
	border-color: #9a0064;
}

/* Paragraph - Full Width Text */

.paragraph--type-full-width-text *:last-child {
	margin-bottom: 0;
}

.paragraph--type-full-width-text .field--name-field-text-content .field--name-field-media-image img {
	max-width: 100%;
  height: auto;
}

.paragraph--type-full-width-text .field--name-field-text-content .field--name-field-media-document span.file {
	background-image: none !important;
  padding-left: 0;
}

/* Paragraph - Full Width Image/Video w Caption */

.paragraph--type-full-width-image-video .field--name-field-media-image {
	width: 100%;
}

.paragraph--type-full-width-image-video .field--name-field-media-image img {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.paragraph--type-full-width-image-video .field--name-field-caption {
	background: #000;
	color: #fff;
  padding: 15px 30px;
  display: flex; 
  flex-direction: column;
  margin-top: -1px;
}

.paragraph--type-full-width-image-video .field--name-field-caption p {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif;
  font-size: 1.71429rem;
  text-transform: uppercase;
  margin-bottom: 0;
}

.bg-aqua.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #009191;
}

.bg-base.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #c4bc8e;
}

.bg-berry.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #812990;
}

.bg-blue.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #00728f;
}

.bg-brown.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #9a681c;
}

.bg-dark-brown.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #552f25;
}

.bg-green.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #007932;
}

.bg-medium-green.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #8CC63F;
}

.bg-olive.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #7b8427;
}

.bg-orange.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #f07d00;
}

.bg-red.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #da1d52;
}

.bg-red-violet.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #9a0064;
}

.bg-white.paragraph--type-full-width-image-video .field--name-field-caption {
	background-color: #fff !important;
	color: #000 !important;
}

.paragraph--type-full-width-image-video .field--name-field-media-oembed-video {
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.paragraph--type-full-width-image-video .field--name-field-media-oembed-video iframe {
	border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.paragraph--type-full-width-image-video {
	background-color: #fff !important;
}

.img-vid-no-caption.paragraph--type-full-width-image-video  .field--name-field-media-image img,
.img-vid-no-caption.paragraph--type-full-width-image-video  .field--name-field-media-oembed-video iframe {
	border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.img-vid-no-caption.paragraph--type-full-width-image-video .field--name-field-caption,
.img-vid-no-caption.paragraph--type-full-width-image-video .field--name-field-caption {
	display: none;
}


/* Paragraph - Left/Right Images + Text AND Fundraising Image and Form Block */

.paragraph--type-left-right-image-text,
.paragraph--type-fundraising-image-form-block {
	background-color: #000;
  color: #fff;
}

.bg-orange-light.paragraph--type-left-right-image-text {
	background-color: #f49e40 !important;
}

.paragraph.paragraph--type-left-right-image-text,
.paragraph--type-fundraising-image-form-block {
	padding: 0;
}

.paragraph--type-left-right-image-text h2 {
	margin-bottom: 1.5rem;
}

.paragraph--type-left-right-image-text .first-column,
.paragraph--type-fundraising-image-form-block .first-column {
  padding-right: 0;
}

.paragraph--type-fundraising-image-form-block .first-column {
	position: relative;
}

.paragraph--type-left-right-image-text .first-column .bg-image-wrapper,
.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper {
	background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-height: 500px;
  background-position: center;
  aspect-ratio: 9/6;
}

.paragraph--type-left-right-image-text .first-column::after,
.paragraph--type-fundraising-image-form-block .first-column::after {
  content: "";
  display: block;
}

.paragraph--type-left-right-image-text .second-column,
.paragraph--type-fundraising-image-form-block .second-column {
	display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.875rem 3.75rem;
  z-index: 1;
}

.paragraph--type-fundraising-image-form-block .second-column {
  padding: 3.75rem;
  justify-content: flex-start;
}

.paragraph--type-fundraising-image-form-block .second-column h2 {
  margin-bottom: 3.75rem;
  font-size: 2rem;
  max-width: 80%;
}

.paragraph--type-left-right-image-text .second-column p:last-of-type {
	margin-bottom: 0;
}

.paragraph--type-left-right-image-text .second-column a:hover, .paragraph--type-left-right-image-text .second-column a:focus {
	color: inherit;
}

.paragraph--type-left-right-image-text .field--name-field-button .field__item {
	display: inline-block;
}

.paragraph--type-left-right-image-text .second-column .btn {
	margin: 1.5rem 0.75rem 0 0;
}

@media (max-width: 1200px) {
	.paragraph--type-left-right-image-text .second-column {
	  margin-left: auto;
	  margin-right: auto;
	  padding: 1.875rem;
	}
}

@media (max-width: 991px) {
	.paragraph--type-left-right-image-text .second-column {
	  padding-top: 2rem;
	  padding-bottom: 2rem;
	}
	.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper {
		min-height: unset;
	}
	.paragraph--type-fundraising-image-form-block .second-column {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

.right-image.paragraph--type-left-right-image-text .row {
	flex-direction: row-reverse;
}

.right-image.paragraph--type-left-right-image-text .first-column {
	padding-left: 0;
}

/* Paragraph - Horizontal content blocks */

.paragraph--type-_-column-cards h2 {
	margin-bottom: 3.25rem;
}

.paragraph--type-_-column-cards .row {
	--bs-gutter-y: 1.5rem;
}

.paragraph--type-_-column-cards .paragraph--type-cards {
	padding: 0;
	border-radius: 5px;
	height: 100%;
	display: flex;
  flex-direction: column;
  flex: 1;
  box-shadow: 0 2px 5px 0 rgb(51 51 79 / 30%);
}

.paragraph--type-_-column-cards .paragraph--type-cards .field--name-field-media-image {
	margin-right: 0;
}

.paragraph--type-_-column-cards .paragraph--type-cards img {
	width: 100%;
	height: auto;
	border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-bottom: 0;
}

.paragraph--type-_-column-cards .paragraph--type-cards h3,
.paragraph--type-_-column-cards .paragraph--type-cards .field--name-field-text-content {
	padding-left: 15px;
	padding-right: 15px;
}

.paragraph--type-_-column-cards .paragraph--type-cards .card-button {
  padding: 0 15px 15px;
  margin-top: auto;
}

.paragraph--type-_-column-cards .paragraph--type-cards .btn {
	width: 100%;
}

/* Paragraph - 	Accordion + Accordion Section (BP) */

.paragraph--bp-accordion-container {
	padding-top: 0;
}

.paragraph--type--bp-accordion h2 {
	margin-bottom: 3.25rem;
}

.paragraph--type--bp-accordion .paragraph__column {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.paragraph--type--bp-accordion .card-header {
	border-bottom: none;
}

.paragraph--type--bp-accordion .card {
	border: none;
}

.paragraph--type--bp-accordion .panel-heading {
	border: 1px solid transparent;
	border-radius: 5px;
	margin-bottom: 0.938rem;
	padding: 0;
	background-color: #fff;
	box-shadow: inset 0px 0px 0px 1px #000;
}

.paragraph.paragraph--type--bp-accordion .panel-heading a {
	padding: 18px 26px;
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif;
  font-size: 1.71429rem;
  text-decoration: none;
  color: #000;
}

.paragraph.paragraph--type--bp-accordion .panel-collapse>.paragraph {
	padding: 0.562rem 1.5rem 1.5rem;
	margin-bottom: 0;
}

.paragraph.paragraph--type--bp-accordion .panel-heading a[aria-expanded=true] {
	color: #fff !important;
	background-color: #000;
	border-radius: 5px;
}

/* Paragraph - Horizontal separator line */

.paragraph--type-horizontal-separator-line {
  border-bottom: 2px dotted #000;
}

@media (max-width: 1200px) {
	.paragraph--type-horizontal-separator-line {
		max-width: 95%;
	}
}

/* Petitions Webform + Paragraph - Left Content with Right Block + Pardot forms */

.petitions-webform,
.pardot-petition-form,
.pardot-newsletter-form {
	border-radius: 5px;
	box-shadow: inset 0px 0px 0px 1px #000;
	text-align: left !important;
}

.paragraph--type-petition-content .fundraising-form {
	border: 1px solid #f07d00;
}

.pardot-petition-form,
.pardot-newsletter-form {
	padding-bottom: 1.5rem;
}

.pardot-petition-form .form,
.pardot-newsletter-form .form.form-inline {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.pardot-petition-form p.submit {
	margin-bottom: 0;
}

.petitions-webform .petition-form-title,
.pardot-petition-form h3,
.pardot-newsletter-form h3 {
	background-color: #000;
  color: #fff;
  padding: 1.5rem;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.petitions-webform .petition-form-title h3 {
	margin-bottom: 0;
}

.petitions-webform .webform-name--wrapper,
.petitions-webform .form-item-petition-email,
.petitions-webform .form-item-petition-phone-number,
.petitions-webform .form-item-petition-opt-in,
.petitions-webform .webform-address--wrapper,
.petitions-webform .form-actions {
	padding: 0 1.5rem;
}

.petitions-webform label {
	margin-bottom: 0.5rem;
}

.petitions-webform .webform-address--wrapper .webform-address .webform-flexbox {
	margin-top: 0;
	margin-bottom: 0;
}

.petitions-webform input {
	font-family: 'Open Sans', serif;
}

.petitions-webform .webform-name--wrapper .fieldset-legend,
.petitions-webform .form-item-petition-email,
.petitions-webform .form-item-petition-phone-number,
.pardot-petition-form label,
.pardot-newsletter-form label,
.petitions-webform .webform-address--wrapper label {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif !important;
  font-size: 1.25rem;
}

.petitions-webform .webform-name--wrapper .webform-flexbox,
.petitions-webform .webform-name--wrapper .form-item-petition-name-first,
.petitions-webform .webform-name--wrapper .form-item-petition-name-last,
.petitions-webform .webform-name--wrapper .form-item-petition-phone-number {
	margin-bottom: 0 !important;
}

.petitions-webform .webform-address--wrapper legend {
	margin-bottom: 0;
}

.bequest-center.paragraph--type-petition-content .field--name-field-text-content {
	height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 4rem;
}

@media (min-width: 992px) {
  .bequest-center.paragraph--type-petition-content .petitions-webform .webform-confirmation {
	  margin-top: 2rem;
	}
}

.pardot-petition-form .form-field,
.pardot-newsletter-form .form-field {
	margin-bottom: 1rem; 
	display: flex;
  flex-direction: column;
	flex: 1 0 auto;
}

.paragraph--type-block-reference .pardot-petition-form .form-field {
	width: 25%;
}

@media (max-width: 1034px) {
	.paragraph--type-block-reference .pardot-petition-form .form-field, 
	.paragraph--type-block-reference .pardot-newsletter-form .form-field {
		width: 100%;
	}
}

.pardot-petition-form label,
.pardot-newsletter-form label {
	margin-bottom: 0.5rem;
}

.paragraph--type-block-reference .pardot-petition-form label,
.paragraph--type-block-reference .pardot-newsletter-form label {
	margin-right:0.5rem;
}

.petitions-webform .form-item-petition-opt-in input {
	margin-left: 0.1rem;
  margin-right: 1rem;
}

.pardot-petition-form input:not(.btn),
.pardot-newsletter-form input:not(.btn) {
	border: 1px solid #000;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

.pardot-petition-form input:focus-visible,
.pardot-newsletter-form  input:focus-visible {
	outline: none;
	box-shadow: 0 0 0 0.25rem rgb(67 64 64 / 25%);
}

.paragraph--type-petition-content .pardot-petition-form label,
.paragraph--type-petition-content .pardot-newsletter-form label,
.paragraph--type-petition-content .pardot-petition-form input:not(.btn),
.paragraph--type-petition-content .pardot-newsletter-form input:not(.btn) {
	width: 100%;
}

.pardot-petition-form .pd-checkbox {
	display: flex;
	flex-flow: row-reverse;
	justify-content: flex-end;
}

.pardot-petition-form .pd-checkbox .field-label {
	margin-top: 0.15rem;
	margin-bottom: 0;
	margin-left: 1.5rem;
  font-family: 'Open Sans', serif !Important;
  font-size: 1rem;
}

.pardot-petition-form .pd-checkbox .value input {
	vertical-align: middle;
}

.pardot-petition-form p.submit {
	margin-top: 1rem;
}

.paragraph--type-petition-content .pardot-newsletter-form .form-inline .row.align-items-center {
	display: block;
}

.petitions-webform .form-item-petition-opt-in label {
	padding-left: 1rem;
  display: flex;
  align-items: baseline;
}

.petitions-webform .form-item--error-message {
	color: #da1d52;
	font-family: 'Open Sans', serif;
  font-size: 0.75rem;
  margin-top: 0.25rem
}

.petitions-webform  .form-actions {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem !important;
}

.petitions-webform .webform-confirmation {
	background-color: #000;
	color: #fff;
	padding: 60px;
	text-align: center;
	border-radius: 5px;
}

.petitions-webform .webform-confirmation__message {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	.petitions-webform .webform-name--wrapper .form-item-petition-name-first {
		margin-bottom: 1em !important;
	}
}

/* Paragraph - Further Reading */

.paragraph--type-further-reading {
	background-color: #fff !important;
	color: #000 !important;
}

.paragraph--type-further-reading .group-footer {
	margin-top: 2rem;
}

.paragraph--type-further-reading .document-link-item {
	margin-bottom: 1rem;
	background-color: #eaeaea;
	border-left: 5px solid #f07d00;
  padding: 1rem 0 1rem 1rem;
}

.bg-aqua.paragraph--type-further-reading .document-link-item {
	border-color: #009191;
}

.bg-base.paragraph--type-further-reading .document-link-item {
	border-color: #c4bc8e;
}

.bg-berry.paragraph--type-further-reading .document-link-item {
	border-color: #812990;
}

.bg-blue.paragraph--type-further-reading .document-link-item {
	border-color: #00728f;
}

.bg-brown.paragraph--type-further-reading .document-link-item {
	border-color: #9a681c;
}

.bg-dark-brown.paragraph--type-further-reading .document-link-item {
	border-color: #552f25;
}

.bg-green.paragraph--type-further-reading .document-link-item {
	border-color: #007932;
}

.bg-medium-green.paragraph--type-further-reading .document-link-item {
	border-color: #8CC63F;
}

.bg-olive.paragraph--type-further-reading .document-link-item {
	border-color: #7b8427;
}

.bg-orange.paragraph--type-further-reading .document-link-item {
	border-color: #f07d00;
}

.bg-red.paragraph--type-further-reading .document-link-item {
	border-color: #da1d52;
}

.bg-red-violet.paragraph--type-further-reading .document-link-item {
	border-color: #9a0064;
}

.paragraph--type-further-reading .document-link-item .group-right {
	padding-right: 2.5rem;
}

.paragraph--type-further-reading .document-link-item a {
	text-decoration: none;
}

.paragraph--type-further-reading .document-link-item:hover {
	background-color: #dedfe0 !important;
	color: #000;
}

.paragraph--type-further-reading .field--name-field-html-title {
	font-weight: bold;
}

.paragraph--type-further-reading .field--name-field-html-title,
.paragraph--type-further-reading .field--name-field-text-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.paragraph--type-further-reading .field--name-field-text-content p:last-of-type {
	margin-bottom: 0;
}

.paragraph--type-further-reading .document-link-item .doc-type {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='15' viewBox='0 0 13 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99194 0.43214C6.94961 0.195249 6.74546 0.0156115 6.5 0.0156116C6.22386 0.0156117 6 0.242964 6 0.523419L6 11.4234L1.90286 7.26098L1.83361 7.20222C1.63874 7.06511 1.36932 7.0847 1.19575 7.26098C1.00049 7.45929 1.00049 7.78081 1.19575 7.97912L6.1383 12.9988L6.20755 13.0576C6.40242 13.1947 6.67184 13.1751 6.84541 12.9988L11.7732 7.99412L11.831 7.92379C11.966 7.72588 11.9468 7.45225 11.7732 7.27597L11.7039 7.21721C11.5091 7.08011 11.2397 7.09969 11.0661 7.27597L7 11.4045L7 0.523419L6.99194 0.43214ZM0.343702 14.3929C0.343702 14.1437 0.520578 13.9363 0.753827 13.8933L0.843702 13.8851L12.1563 13.8851C12.4324 13.8851 12.6563 14.1125 12.6563 14.3929C12.6563 14.6422 12.4794 14.8496 12.2462 14.8926L12.1563 14.9008L0.843702 14.9008C0.56756 14.9008 0.343702 14.6734 0.343702 14.3929Z' fill='%232A2A2A'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
  background-position: center;
  background-position-x: 100%;
  	margin-right: 15px;
}

.paragraph--type-further-reading .document-link-item .link-type {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.50053 1.55025L11.4503 6.5L6.50053 11.4497' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 100%;
  margin-right: 15px;
}

.paragraph--type-further-reading .document-link-item .ext .link-type {
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.875 10.125L14.625 3.375' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.25 2.25H15.75V6.75' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.75 11.5157V15.75H2.25V2.25H6.84567' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 100%;
  margin-right: 15px;
}

.paragraph--type-further-reading .document-link-item span {
	display: none;
}

.paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:hover, .paragraph--type-white-text-tile-docs .paragraph--type--index-page-documents .document-wrapper-link:focus {
  background-color: #c7c7c7;
  color: #005454;
}

/* Paragraph - Block Reference */

.paragraph--type-block-reference h2 {
	margin-bottom: 3.25rem;
}

/* Paragraph - 	Two Columns (1/3 - 2/3) */

.paragraph--type-two-columns-33-66 .field--name-field-media-image {
	float: none;
	margin-right: 0;
}

.paragraph--type-two-columns-33-66 .field--name-field-image.field--type-entity-reference {
	margin-bottom: 0;
}

.paragraph--type-two-columns-33-66 .field--name-field-media-image img {
	max-width: 100%;
	height: auto;
	margin: 0;
}

.paragraph--type-two-columns-33-66 .row {
	align-items: center;
	box-shadow: 0 2px 5px 0 rgb(51 51 79 / 30%);
	border-radius: 5px;
}

.paragraph--type-two-columns-33-66 .col-left {
	text-align: center;
	padding: 2rem 0;
}

.paragraph--type-two-columns-33-66 .col-right {
	padding: 2rem 1.5rem;
	background-color: #000;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
}

.bg-white.paragraph--type-two-columns-33-66 .col-right {
	background-color: #fff;
	color: #000;
}

.paragraph--type-two-columns-33-66 .col-right p:last-of-type {
	margin-bottom: 0;
}

@media (min-width: 992px) {
	.right-image.paragraph--type-two-columns-33-66 .row {
		flex-direction: row-reverse;
	}
  .right-image.paragraph--type-two-columns-33-66 .col-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

@media (max-width: 991px) {
	.paragraph--type-two-columns-33-66 .col-right {
    border-top-right-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

/* Paragrpahs - grey section background */

.section-grey-bg.paragraph--type-full-width-text,
.section-grey-bg.paragraph--type-html-custom-code,
.section-grey-bg.paragraph--type-block-reference,
.section-grey-bg.paragraph--type--bp-accordion,
.section-grey-bg.paragraph--type-petition-content,
.section-grey-bg.paragraph--type-_-column-cards,
.section-grey-bg.paragraph--type-full-width-image-video,
.section-grey-bg.paragraph--type-further-reading,
.section-grey-bg.paragraph--type-quote-callout {
	padding-top: 3.75rem;
  padding-bottom: 3.75rem;
	box-shadow: 0 0 0 100vmax #eaeaea;
  clip-path: inset(0 -100vmax);
  background-color: #eaeaea !important;
}

.section-grey-bg.paragraph--type--bp-accordion .card {
	background-color: #eaeaea;
}

.section-grey-bg.paragraph--type-petition-content .petitions-webform,
.section-grey-bg.paragraph--type-further-reading .document-link-item {
	background-color: #fff;
}

.section-grey-bg.first-below-banner.paragraph {
	margin-top: -50px;
}

.section-grey-bg.section-grey-bg-2nd {
	padding-top: 0;
}

/* News */

.news-block .views-field-rendered-entity {
	height: 100%;
}

.news-block .node--type-article.node--view-mode-teaser,
.news-block .node--type-article.node--view-mode-teaser-news-non-primary {
	border-radius: 5px;
	box-shadow: 0 2px 5px 0 rgb(51 51 79 / 30%);
	height: 100%;
	display: flex;
  flex-direction: column;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 15px
}

.news-block .view-content.row {
	--bs-gutter-y: 1.5rem;
}

.node--type-article .field--name-field-media-image,
.node--type-article .field--name-field-article-image.field--type-entity-reference,
.node--type-article .field--name-field-media-image img  {
	margin-bottom: 0;
	width: 100%;
	height: auto;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	max-height: 50vh;
  object-fit: cover;
}

.news-block .field--name-node-title {
	margin-top: 1.5rem;
}

.news-block .field--name-node-title,
.news-block .field--name-dynamic-token-fieldnode-news-category,
.news-block .field--name-field-topic,
.news-block .field--name-field-article-teaser,
.news-block .field--name-node-link {
	padding-left: 15px;
	padding-right: 15px;
}

.news-block .field--name-node-link {
	margin-top: auto;
}

.node--type-article .date-category-wrapper {
	display: flex;
	color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 2.5rem;
}

.node--type-article .date-category-wrapper div {
	background-color: #000;
	border: 1px solid #000;
	padding: 1.5rem;
	margin: 0;
}

.node--type-article .date-category-wrapper .field--name-dynamic-token-fieldnode-news-category,
.node--type-article .date-category-wrapper .field--name-field-topic {
	flex: 1;
}

.node--type-article .date-category-wrapper .field--name-dynamic-token-fieldnode-news-category,
.node--type-article .date-category-wrapper .field--name-field-topic {
	text-align: right;
}

.news-block .date-category-wrapper {
  font-size: 0.86rem;
  margin-bottom: 0;
}

.press-release.node--type-article:not(.node--view-mode-teaser-news-non-primary) .date-category-wrapper div {
	background-color: #8cc63f;
	border: 1px solid #8cc63f;
}

.success-story.node--type-article:not(.node--view-mode-teaser-news-non-primary) .date-category-wrapper div {
	background-color: #9a0064;
	border: 1px solid #9a0064;
}

.advocacy-update.node--type-article:not(.node--view-mode-teaser-news-non-primary) .date-category-wrapper div {
	background-color: #f07d00;
	border: 1px solid #f07d00;
}

.submission.node--type-article:not(.node--view-mode-teaser-news-non-primary) .date-category-wrapper div {
	background-color: #00728f;
	border: 1px solid #00728f;
}

.report.node--type-article:not(.node--view-mode-teaser-news-non-primary) .date-category-wrapper div {
	background-color: #007932;
	border: 1px solid #007932;
}

.annual-report.node--type-article:not(.node--view-mode-teaser-news-non-primary) .date-category-wrapper div {
	background-color: #7b8427;
	border: 1px solid #7b8427;
}

.general-news.node--type-article:not(.node--view-mode-teaser-news-non-primary) .date-category-wrapper div {
	background-color: #009191;
	border: 1px solid #009191;
}

.resources.node--type-article:not(.node--view-mode-teaser-news-non-primary) .date-category-wrapper div {
	background-color: #da1d52;
	border: 1px solid #da1d52;
}

.fascinating-facts.node--type-article:not(.node--view-mode-teaser-news-non-primary) .date-category-wrapper div {
	background-color: #812990;
	border: 1px solid #812990;
}

.news-block .field--name-field-article-teaser {
	margin-bottom: 1.25rem;
}

.node--type-article .node--view-mode-full .article-teaser {
	margin-bottom: 2.5rem;
}

/* Page Banner */

.page-banner-wrapper img {
	width: 100%;
	height: calc(100vh - 83.1719px);
	object-fit: cover;
}

.view-page-banner {
  position: relative;
}

.page-banner-content {
  position: absolute;
  bottom: 3rem;
  color: #fff;
  text-align: center;
  width: 100%;
  padding-top: 1.5rem;
  padding-bottom: 4rem;
}

.page-banner-content h1.title,
.page-banner-content p.page-banner-subheadline {
	background-color: rgba(0,0,0,.6);
  padding: 1.5rem;
  border-radius: 5px
}

.page-banner-content p.page-banner-subheadline {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	font-size: 1.2rem;
}

.page-banner-content .btn-primary {
	border-radius: 3px;
  font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif;
  font-size: 1.25rem;
  text-transform: uppercase;
  padding: 0.75rem 2.75rem;
  color: #fff;
  letter-spacing: 1px;
  background-color: #f07d00;
  border: 1px solid transparent;
}

@media (max-width: 991px) {
  .page-banner-content {
    text-align: left;
    bottom: 5rem;
  }
}

@media (max-width: 575px) {
	.page-banner-content h1 {
		font-size: 2.5rem;
	}
	.page-banner-content p.page-banner-subheadline {
		font-size: 1rem;
	}
	.page-banner-content .btn-primary {
		font-size: 1rem;
	}
}

/* 404 and 403 pages */

.node--type-error-page .node--view-mode-page-title-custom {
	padding: 60px 15px;
	text-align: center;
}

@media (max-width: 991px) {
	.node--type-error-page:not(.page-node-24):not(.page-node-25) :not([data-history-node-id^="24"]):not([data-history-node-id^="25"]).node--view-mode-page-title-custom {
		text-align: left;
	}
}

/* Webform - Global */

.webform-submission-add-form .form-control,
.webform-submission-add-form .form-select {
	border: 1px solid #000;
}

/* Fundraising Pages + Forms */

.node--type-fundraising-page #navbar-top {
	display: none;
}

.fundraising-form {
	border-radius: 5px;
	background-color: #fff;
}

.fundraising-form .webform-card {
	border: none;
	padding: 1rem 0 0;
	left: 0 !important;
	margin-bottom: 0;
}

.fundraising-form #edit-page-2 .webform-card-wrapper {
	display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
}

/* Fundraising Forms - Progress */

.fundraising-form .webform-progress {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.fundraising-form .webform-progress-tracker {
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.fundraising-form .webform-progress-tracker .progress-step:not(.is-active) {
	background-color: #f6f6f6;
}

.fundraising-form .webform-progress-tracker .progress-step.is-complete {
	background-color: transparent;
}

.fundraising-form .webform-progress-tracker .progress-step:first-child {
	border-top-left-radius: 5px;
}

.fundraising-form .webform-progress-tracker .progress-step:last-child {
	border-top-right-radius: 5px;
}

.fundraising-form .webform-progress-tracker .progress-step.is-active .progress-text, 
.fundraising-form .webform-progress-tracker .progress-step.is-complete .progress-text {
	color: #fff;
}

.fundraising-form .webform-progress-tracker .progress-step .progress-title {
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-left: 10px;
  margin-right: 10px;
}

.fundraising-form .webform-progress-tracker .progress-step .progress-text {
	color: #000;
	margin-top: 0.35rem;
  margin-bottom: 0.875rem;
  padding-top: 0;
}

.fundraising-form .webform-progress-tracker .progress-step .progress-marker {
	color: transparent;
	margin-top: 1rem;
	font-weight: bold;
}

.fundraising-form .webform-progress-tracker .progress-step .progress-marker::before {
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
}

.fundraising-form .progress-tracker .progress-step.is-active .progress-marker::before,
.fundraising-form .webform-progress-tracker .progress-step.is-complete .progress-marker::before {
	background-color: #8cc63e;
	opacity: 0.8;
}

.fundraising-form .progress-tracker .progress-marker::after, 
.fundraising-form .webform-progress-tracker .progress-step.is-complete .progress-marker::after {
	background-color: transparent;
}

@media screen and (max-width: 600px) {
  .webform-progress-tracker .progress-text {
    display: unset;
  }
}

/* Fundraising Forms - Fields */

.fundraising-form legend,
.fundraising-form .form-item-donation-directed label,
.fundraising-form .form-item-gift-recipient label,
.fundraising-form .form-type-textfield label,
.fundraising-form .form-type-email label,
.fundraising-form .form-type-tel label,
.fundraising-form .form-type-stripe label,
.fundraising-form .form-type-wwf-stripe label,
.fundraising-form .form-type-textarea label {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif;
	font-size: 1.25rem;
	color: #000;
	line-height: 1;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.fundraising-form .radios--wrapper,
.fundraising-form .webform-radios-other--wrapper,
.fundraising-form .form-item-donation-directed,
.fundraising-form #edit-donation-content-wrapper,
.fundraising-form #edit-adoption-content-wrapper,
.fundraising-form .form-type-textfield,
.fundraising-form .form-type-email,
.fundraising-form .form-type-tel,
.fundraising-form .form-type-stripe,
.fundraising-form .form-type-wwf-stripe,
.fundraising-form .form-type-textarea,
.fundraising-form .webform-type-webform-entity-radios,
.fundraising-form .form-type-email.form-item-ecard-recipient-email {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	margin-bottom: 0 !important;
}

.fundraising-form .form-type-email.form-item-ecard-recipient-email {
	margin-bottom: 1.5rem !important;
}

.fundraising-form .webform-options-display-buttons .form-check-label:hover {
	background-color: #fff;
}

.fundraising-form .webform-type-radios .fieldset-wrapper {
	margin-left: 5px;
	margin-right: 5px;
}

.fundraising-form .webform-type-webform-radios-other .fieldset-wrapper .webform-options-display-buttons {
	margin-left: 0;
	margin-right: 0;
}

.fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}

.fundraising-form .webform-type-webform-radios-other .fieldset-wrapper #edit-ecard-occasion-radios.webform-options-display-buttons .webform-options-display-buttons-wrapper,
.fundraising-form .webform-type-webform-entity-radios .fieldset-wrapper #edit-ecard-image.webform-options-display-buttons .webform-options-display-buttons-wrapper {
	margin-top: 1px;
	margin-right: 1px;
}

.fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check {
	margin-bottom: 0;
}

.fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label {
	text-align: center;
  padding: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 0;
  border: none;
  margin: 0 5px 0 0;
  white-space: nowrap;
  font-weight: bold;
  width: 100%;
  font-size: 0.875rem;
}

.fundraising-form .form-wrapper.webform-type-webform-radios-other {
	margin-top: 0;
}

.fundraising-form .form-control,
.fundraising-form .form-select {
	border-radius: 0;
	padding: 0.5rem 0.75rem;
	font-size: 0.875rem;
}

.fundraising-form .form-item-donation-amount-other,
.fundraising-form .form-item-donation-amount-onetime-other,
.fundraising-form .form-item-adoption-amount-other,
.fundraising-form .form-item-adoption-amount-onetime-other,
.fundraising-form .form-item-ecard-occasion-other,
.fundraising-form .form-item-ecard-amount-other {
	width: 100% !important;
	margin-bottom: 0 !important;
	margin-top: 0.875rem;
}

.fundraising-form .form-item-ecard-occasion-other {
	padding-left: 0;
	padding-right: 0;
}

.fundraising-form .form-item-ecard-occasion-other .text-count-message,
.fundraising-form .form-item-ecard-message .text-count-message {
	color: #000;
	font-size: 0.8rem;
	padding-top: 0.25rem;
	font-weight: bold;
}

.fundraising-form .form-item-donation-directed label {
	padding-bottom: 0;
}

.fundraising-form .webform-radios-other--wrapper .webform-element-description {
  font-size: 0.875rem;
  color: #000;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
}

.fundraising-form .webform-radios-other--wrapper .webform-element-description a {
  font-size: 0.875rem;
}

.fundraising-form .form-item-add-fee,
.fundraising-form .form-item-ecard-include-amount {
	border-radius: 0;
	margin-top: 1rem;
	margin-right: 1.5rem;
	margin-bottom: 1.5rem !important;
	margin-left: 1.5rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.fundraising-form .form-item-add-fee .form-checkbox,
.fundraising-form .form-item-ecard-include-amount .form-checkbox {
	margin-top: 0;
	margin-left: 0.7rem;
	flex-shrink: 0;
}

.fundraising-form .form-item-add-fee .form-check-label,
.fundraising-form .form-item-ecard-include-amount .form-check-label {
	padding-left: 1rem;
	display: block;
	font-size: 0.875rem;
}

.fundraising-form .form-item-add-fee .form-check-input:focus,
.fundraising-form .form-item-ecard-include-amount .form-check-input:focus {
	box-shadow: none;
}

.fundraising-form #edit-adoption-content-wrapper legend,
.fundraising-form #edit-donation-content-wrapper legend {
	margin-top: 0.7rem;
}

.fundraising-form #edit-donation-content-wrapper legend,
.fundraising-form #edit-adoption-content-wrapper legend,
.fundraising-form #edit-thank-you-donation,
.fundraising-form #edit-thank-you-adoption,
.fundraising-form #edit-monthly-text,
.fundraising-form #edit-onetime-text {
	margin-bottom: 0 !important;
}

.fundraising-form #edit-adoption-content-wrapper p,
.fundraising-form #edit-donation-content-wrapper p {
	font-weight: normal;
  font-size: 0.8rem;
	margin-bottom: 0.5rem;
}

.fundraising-form #edit-adoption-content-wrapper,
.fundraising-form #edit-donation-content-wrapper {
	text-align: center;
	padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  color: #000;
  width: 100%;
}

.fundraising-form .form-item-first-name,
.fundraising-form .form-item-last-name,
.fundraising-form .form-type-email,
.fundraising-form .form-type-tel {
	flex: 0 1 50%;
}

.fundraising-form .form-item-first-name,
.fundraising-form .form-item-last-name {
	padding-top: 0.5rem;
}

.fundraising-form .form-item-first-name,
.fundraising-form .form-type-email {
	padding-right: 0.25rem;
}

.fundraising-form .form-item-last-name,
.fundraising-form .form-type-tel {
	padding-left: 0.25rem
}

@media (max-width: 575px) {
	.fundraising-form .form-item-first-name, 
	.fundraising-form .form-item-last-name, 
	.fundraising-form .form-type-email, 
	.fundraising-form .form-type-tel {
		flex: 100%;
	}
	.fundraising-form .form-item-first-name,  
	.fundraising-form .form-type-email {
		padding-right: 1.5rem;
	} 
	.fundraising-form .form-item-last-name, 
	.fundraising-form .form-type-tel {
		padding-left: 1.5rem;
	}
}

.fundraising-form .form-type-stripe,
.fundraising-form .form-type-wwf-stripe {
	margin-bottom: 1rem !important;
	width: 100%;
}

.fundraising-form .drupal-stripe-element,
.fundraising-form .drupal-wwf-stripe-element {
	border-radius: 0;
	padding: 1rem;
}

.fundraising-form .form-type-stripe .form-wrapper,
.fundraising-form .form-type-wwf-stripe .form-wrapper {
	margin-top: 0;
}

.fundraising-form .form-type-textfield .form-required::after,
.fundraising-form .form-type-email .form-required::after,
.fundraising-form .form-type-tel .form-required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
  background-image: url(/themes/contrib/bootstrap_barrio/images/required.svg);
  background-repeat: no-repeat;
  background-size: 7px 7px;
  width: 7px;
  height: 7px;
  margin: 0 0.1em;
}


.fundraising-form .form-item--error-message {
	display: none !important;
}

.fundraising-form .form-control.error,
.fundraising-form .form-select.error {
	border-color: #da1d52;
}

.fundraising-form .drupal-stripe-errors,
.fundraising-form .drupal-wwf-stripe-errors {
	color: #da1d52;
	font-size: 0.8rem;
	padding-top: 0.25rem;
	font-weight: bold;
}

/* Fundraising Forms - Form actions */

.fundraising-form .form-actions {
	padding: 1.5rem;
	display: flex !important;
  justify-content: space-between;
  margin-bottom: 0 !important;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.fundraising-form .form-actions .webform-cards-button--next {
	margin-left: auto;
	display: flex;
}

.fundraising-form .form-actions .btn-primary {
	padding: 0.75rem 1.25rem;
	font-size: 1rem;
	border-color: #fff;
  line-height: 1;
  border-radius: 0.3rem;
}

.fundraising-form .form-actions .webform-button--submit {
	background-color: #007932;
	margin-left: auto;
  margin-right: 0
}

.fundraising-form .form-actions .webform-button--submit:hover {
	background-color: transparent;
}

/* Fundraising Forms - Adoptions */

.node--type-adoption-gift-pack.ds-1col,
.node--type-ecard-pack.ds-1col {
	text-align: center;
	margin-bottom: 4.5rem;
}

.node--type-adoption-gift-pack .gift-pack-header,
.node--type-ecard-pack .gift-pack-header {
  padding-top: 4.5rem;
  padding-bottom: 3.5rem
}

.node--type-ecard-pack .gift-pack-header {
  background-color: #a0396e;
  color: #fff;
}

.node--type-adoption-gift-pack .field--name-field-gift-banner-image,
.node--type-ecard-pack .field--name-field-gift-ecard-bgimage {
	display: flex;
  align-items: center;
  justify-content: center;
}

.node--type-adoption-gift-pack .field--name-field-gift-banner-image .field--name-field-media-image,
.node--type-ecard-pack .field--name-field-gift-ecard-bgimage .field--name-field-media-image {
	margin-right: 0;
}

.node--type-adoption-gift-pack .field--name-field-gift-banner-image .field--name-field-media-image img,
.node--type-ecard-pack .field--name-field-gift-ecard-bgimage .field--name-field-media-image img {
  border-radius: 50%;
  max-width: 400px;
  width: 100%;
  height: 400px;
  object-fit: cover;
  margin-bottom: 0;
}

@media (max-width: 480px) {
	.node--type-adoption-gift-pack .field--name-field-gift-banner-image .field--name-field-media-image img,
	.node--type-ecard-pack .field--name-field-gift-ecard-bgimage .field--name-field-media-image img {
	  max-width: 272px;
    height: 272px;	
	}
}

.node--type-adoption-gift-pack .gift-banner-text,
.node--type-ecard-pack .gift-banner-text {
	align-self: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.node--type-adoption-gift-pack h1 div,
.node--type-ecard-pack h1 div {
	display: inline;
}

.node--type-adoption-gift-pack h1 {
	color: #fff;
}

@media (min-width: 992px) {
	.node--type-adoption-gift-pack h1,
	.node--type-ecard-pack h1 {
	  text-align: left;
  }
}

@media (max-width: 575px) {
	.node--type-adoption-gift-pack h1,
	.node--type-ecard-pack h1 {
	  font-size: 2.5rem;
  }
}

.node--type-adoption-gift-pack .gift-header-text,
.node--type-ecard-pack .gift-header-text {
	margin-top: 3.5rem;
}

.node--type-adoption-gift-pack .gift-header-text p span {
	text-transform: lowercase;
}

@media (min-width: 992px) {
	.node--type-adoption-gift-pack .gift-header-text,
	.node--type-ecard-pack .gift-header-text {
	  padding-left: 3rem;
	  padding-right: 3rem;
  }
}

.node--type-adoption-gift-pack .download-boxes,
.node--type-ecard-pack .download-boxes {
	margin-top: .5rem;
	--bs-gutter-y: 1.5rem;
}

.node--type-ecard-pack .download-boxes {
	justify-content: center;
}

@media (max-width: 991px) {
	.node--type-adoption-gift-pack .download-boxes,
	.node--type-ecard-pack .download-boxes {
	  margin-top: 0;
  }
}

.node--type-adoption-gift-pack .gift-download-box,
.node--type-ecard-pack .gift-download-box {
	box-shadow: 0 2px 5px 0 rgb(51 51 79 / 30%);
  border: 2px solid #00728f;
  border-radius: 5px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #aacddd;
}

.node--type-ecard-pack .gift-download-box {
	background-color: #dbb7ce;
	border-color: #a0396e;
	box-shadow: 0 2px 5px 0 rgb(160 57 110 / 30%);
}

.node--type-adoption-gift-pack .gift-download-box .gift-download-title,
.node--type-ecard-pack .gift-download-box .gift-download-title {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
}

.node--type-adoption-gift-pack .gift-download-box .gift-download-button,
.node--type-ecard-pack .gift-download-box .gift-download-button {
	margin-top: auto;
}

/* Adoptions (Content) View */

.adoptions-block .row {
	--bs-gutter-y: 1.5rem;
}

.adoptions-block .node--type-fundraising-page.node--view-mode-teaser {
	border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgb(51 51 79 / 30%);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.adoptions-block .field--type-entity-reference {
	margin-bottom: 0;
}

.adoptions-block .node .field--type-image {
	margin-right: 0;
}

.adoptions-block img {
	margin-bottom: 0;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  object-fit: cover;
}

.adoptions-block .field--name-node-title {
	color: #fff;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  margin-bottom: 1.25rem;
}

.adoptions-block .field--name-node-title h2 {
	padding-top: 0;
	margin-bottom: 0;
}

.adoptions-block .field--name-node-title,
.adoptions-block .field--name-node-link {
	text-align: center;
}

.adoptions-block .field--name-field-adopt-page-teaser {
	padding: 1rem 2.5rem 0;
	text-align: center;
}

.adoptions-block .field--name-field-adopt-page-teaser p:last-of-type {
	margin-bottom: 0;
}

.adoptions-block .field--name-node-link {
	margin-top: auto;
	margin-bottom: 1rem;
}

@media (max-width: 991px) {
	.adoptions-block .field--name-node-title h2 {
		font-size: 2.5rem;
	}
}

/* Adoption Color Classes */

.adoptions-block .adoption-card .fund-aqua .field--name-node-title,
.adoptions-block .adoption-card .fund-aqua .btn,
.node--type-adoption-gift-pack.fund-aqua .gift-pack-header,
.node--type-adoption-gift-pack.adopt-aqua .gift-pack-header {
	background-color: #009191;
	border-color: #009191;
}

.node--type-adoption-gift-pack.fund-aqua .gift-download-box,
.node--type-adoption-gift-pack.adopt-aqua .gift-download-box {
	background-color: #b7d8db;
	border-color: #009191;
}

.adoptions-block .adoption-card .fund-base .field--name-node-title,
.adoptions-block .adoption-card .fund-base .btn,
.node--type-adoption-gift-pack.fund-base .gift-pack-header {
	background-color: #c4bc8e;
	border-color: #c4bc8e;
}

.node--type-adoption-gift-pack.fund-base .gift-download-box {
	background-color: #f1ebdd;
	border-color: #c4bc8e;
}

.adoptions-block .adoption-card .fund-berry .field--name-node-title,
.adoptions-block .adoption-card .fund-berry .btn,
.node--type-adoption-gift-pack.fund-berry .gift-pack-header {
	background-color: #812990;
	border-color: #812990;
}

.node--type-adoption-gift-pack.fund-berry .gift-download-box {
	background-color: #d0bcdd;
	border-color: #812990;
}

.adoptions-block .adoption-card .fund-blue .field--name-node-title,
.adoptions-block .adoption-card .fund-blue .btn,
.node--type-adoption-gift-pack.fund-blue .gift-pack-header,
.node--type-adoption-gift-pack.adopt-blue .gift-pack-header {
	background-color: #00728f;
	border-color: #00728f;
}

.node--type-adoption-gift-pack.fund-blue .gift-download-box,
.node--type-adoption-gift-pack.adopt-blue .gift-download-box {
	background-color: #aacddd;
	border-color: #00728f;
}

.adoptions-block .adoption-card .fund-brown .field--name-node-title,
.adoptions-block .adoption-card .fund-brown .btn,
.node--type-adoption-gift-pack.fund-brown .gift-pack-header {
	background-color: #9a681c;
	border-color: #9a681c;
}

.node--type-adoption-gift-pack.fund-brown .gift-download-box {
	background-color: #e3ccae;
	border-color: #9a681c;
}

.adoptions-block .adoption-card .fund-dark-brown .field--name-node-title,
.adoptions-block .adoption-card .fund-dark-brown .btn,
.node--type-adoption-gift-pack.fund-dark-brown .gift-pack-header {
	background-color: #552f25;
	border-color: #552f25;
}

.node--type-adoption-gift-pack.fund-dark-brown .gift-download-box {
	background-color: #c3afa4;
	border-color: #552f25;
}

.adoptions-block .adoption-card .fund-green .field--name-node-title,
.adoptions-block .adoption-card .fund-green .btn,
.node--type-adoption-gift-pack.fund-green .gift-pack-header {
	background-color: #007932;
	border-color: #007932;
}

.node--type-adoption-gift-pack.fund-green .gift-download-box {
	background-color: #bfd0b3;
	border-color: #007932;
}

.adoptions-block .adoption-card .fund-medium-green .field--name-node-title,
.adoptions-block .adoption-card .fund-medium-green .btn,
.node--type-adoption-gift-pack.fund-medium-green .gift-pack-header {
	background-color: #8cc63f;
	border-color: #8cc63f;
}

.node--type-adoption-gift-pack.fund-medium-green .gift-download-box {
	background-color: #e3eccb;
	border-color: #8cc63f;
}

.adoptions-block .adoption-card .fund-olive .field--name-node-title,
.adoptions-block .adoption-card .fund-olive .btn,
.node--type-adoption-gift-pack.fund-olive .gift-pack-header,
.node--type-adoption-gift-pack.adopt-olive .gift-pack-header {
	background-color: #7b8427;
	border-color: #7b8427;
}

.node--type-adoption-gift-pack.fund-olive .gift-download-box,
.node--type-adoption-gift-pack.adopt-olive .gift-download-box {
	background-color: #dad5b4;
	border-color: #7b8427;
}

.adoptions-block .adoption-card .fund-orange-light .field--name-node-title,
.adoptions-block .adoption-card .fund-orange-light .btn,
.node--type-adoption-gift-pack.fund-orange-light .gift-pack-header,
.node--type-adoption-gift-pack.adopt-orange .gift-pack-header {
	background-color: #f49e40;
	border-color: #f49e40;
}

.node--type-adoption-gift-pack.fund-orange-light .gift-download-box,
.node--type-adoption-gift-pack.adopt-orange .gift-download-box {
	background-color: #f49e40;
	border-color: #f07d00;
}

.adoptions-block .adoption-card .fund-red .field--name-node-title,
.adoptions-block .adoption-card .fund-red .btn,
.node--type-adoption-gift-pack.fund-red .gift-pack-header {
	background-color: #da1d52;
	border-color: #da1d52;
}

.node--type-adoption-gift-pack.fund-red .gift-download-box {
	background-color: #f2c3c2;
	border-color: #da1d52;
}

.adoptions-block .adoption-card .fund-red-violet .field--name-node-title,
.adoptions-block .adoption-card .fund-red-violet .btn,
.node--type-adoption-gift-pack.fund-red-violet .gift-pack-header {
	background-color: #9a0064;
	border-color: #9a0064;
}

.node--type-adoption-gift-pack.fund-red-violet .gift-download-box {
	background-color: #dbb7ce;
	border-color: #9a0064;
}

.adoptions-block .adoption-card .fund-yellow .field--name-node-title,
.adoptions-block .adoption-card .fund-yellow .btn,
.node--type-adoption-gift-pack.fund-yellow .gift-pack-header {
	background-color: #f5d200;
	border-color: #f5d200;
}

.node--type-adoption-gift-pack.fund-yellow .gift-download-box {
	background-color: #fff1c2;
	border-color: #f5d200;
}

.adoptions-block .adoption-card .btn:hover {
	background-color: #000;
	border-color: #000; 
}

/* Search - Page */

.path-search .block-system-main-block .content {
	width: 100%;
  padding-right: var(--bs-gutter-x,.75rem);
  padding-left: var(--bs-gutter-x,.75rem);
  margin: 3rem auto;
  
}

@media (min-width: 1200px) {
  .path-search .block-system-main-block .content  {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .path-search .block-system-main-block .content  {
    max-width: 1320px;
  }
}

.path-search form.search-form {
	margin-bottom: 1.5rem;
}

.path-search #search-form .form-wrapper {
	display: flex;
	margin-bottom: 2rem !important;
}

.path-search #search-form .form-wrapper .form-type-search {
	margin-bottom: 0 !important;
	min-width: 0;
}

.path-search #search-form .form-wrapper .form-type-search label {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: uppercase;
  font-size: 4.5rem;
  margin-bottom: 2.5rem;
}

.path-search #search-form .form-wrapper .form-type-search input[type="search"] {
	padding: 1rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  max-width: 600px;
}

.form-type-search .form-control {
	border-color: #ced4da;
	box-shadow: none;
}

.path-search #search-form .form-wrapper .btn {
	margin-top: auto;
  height: 58px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.path-search #search-form .search-help-link:hover,
.path-search #search-form .search-help-link:focus,
.path-search #search-form .search-help-link:active,
.path-search ol.list-group.search_exclude_node_search-results .list-group-item a:hover,
.path-search ol.list-group.search_exclude_node_search-results .list-group-item a:focus,
.path-search ol.list-group.search_exclude_node_search-results .list-group-item a:active {
	color: #000;
	text-decoration: none;
}

.path-search #search-form h2 {
	font-size: 2.5rem;
	margin-bottom: 1.5remrem;
	display: block;
}

.path-search ol.list-group.search_exclude_node_search-results {
	margin-bottom: 3.5rem;
	row-gap: 1.5rem;
}

.path-search ol.list-group.search_exclude_node_search-results .list-group-item:first-child,
.path-search ol.list-group.search_exclude_node_search-results .list-group-item+.list-group-item {
	border-radius: 5px;
	border: 2px solid #000;
	padding: 1.5rem;
}

.path-search ol.list-group.search_exclude_node_search-results .list-group-item h3 {
	text-transform: inherit;
}

.path-search ol.list-group.search_exclude_node_search-results .list-group-item a {
	text-decoration-thickness: 2px;
	text-underline-offset: 4px
}

.path-search ol.list-group.search_exclude_node_search-results .list-group-item p {
	margin-bottom: 0;
	font-weight: normal;
}

.path-search .item-list ul.list-group li {
	padding: 0.5rem;
}

/* Search - Block */

.search-block-form .container-inline div {
	display: block;
}

#search-block-form {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.search-block-form .form-type-search {
	flex: auto;
	padding-right: 0; 
}

.search-block-form  input[type="search"] {
	padding: 1rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.search-block-form .form-actions {
	padding-left: 0;
}

.search-block-form .btn {
	padding: 1rem;
	border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Image Attributions */

.paragraph--type-full-width-image-video .image_attribution_wrapper,
.node--type-article.node--view-mode-full .image_attribution_wrapper,
.paragraph--type-left-right-image-text .first-column .bg-image-wrapper,
.block-views-blockpage-banner-block-page-banner .page-banner-wrapper {
	position: relative;
	margin-bottom: 0 !important;
}

.paragraph--type-full-width-image-video .image_attribution_wrapper .field--name-field-image-attribution,
.node--type-article.node--view-mode-full .image_attribution_wrapper .field--name-field-image-attribution,
.paragraph--type-left-right-image-text .first-column .bg-image-wrapper .field--name-field-image-attribution,
.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper .field--name-field-image-attribution,
.block-views-blockpage-banner-block-page-banner .page-banner-wrapper .attribution {
  position: absolute;
  color: #fff;
  font-size: 10px;
  background-color: rgba(0,0,0,.6);
  padding: 5px;
  margin-left: 5px;
}
  
.paragraph--type-full-width-image-video .image_attribution_wrapper .field--name-field-image-attribution {
  bottom: 5px;
  right: 5px;
}

.node--type-article.node--view-mode-full .image_attribution_wrapper .field--name-field-image-attribution {
	bottom: 5px;
  right: 30px;
}

.paragraph--type-left-right-image-text .first-column .bg-image-wrapper .field--name-field-image-attribution,
.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper .field--name-field-image-attribution {
	bottom: 5px;
  left: 5px;
  margin-left: 0;
}

.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper .field--name-field-image-attribution {
	left: 15px;
}

.right-image.paragraph--type-left-right-image-text .first-column .bg-image-wrapper .field--name-field-image-attribution {
	bottom: 5px;
  right: 20px;
  left: unset;
}

.node--type-article.node--view-mode-full .image_attribution_wrapper legend {
	display: none;
}

.block-views-blockpage-banner-block-page-banner .page-banner-wrapper .attribution {
  bottom: 0;
  right: 0;
  text-align: right;
  margin-left: -5px;
}

.node--type-fundraising-page .block-views-blockpage-banner-block-page-banner .page-banner-wrapper .attribution {
  top: 0;
  bottom: unset;
}

@media (max-width: 991px) {
	.paragraph--type-left-right-image-text .first-column .bg-image-wrapper .field--name-field-image-attribution {
    left: unset;
    right: 20px;
    margin-left: 5px;
  }
}

/* Table styles */

.paragraph th {
  background-color: #000;
}
/* Newsletter webform */

.site-footer .block-webform-block h2 {
	margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  font-size: 1.6875rem;
  font-weight: normal !important;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  border: none;
}

.site-footer .newsletter-webform .js-form-item {
	margin-bottom: 0.5rem !important;
}

.site-footer .newsletter-webform label {
	font-size: 1rem;
}

.site-footer .newsletter-webform .form-actions {
	margin-top: 1.5rem;
}

.site-footer .newsletter-webform .btn-primary {
	color: #f8f9fa;
  border-color: #f8f9fa;
}

.newsletter-subscribe-webform .btn-primary:active,
.newsletter-subscribe-webform .btn-primary:disabled {
	background-color: #4d4d4d;
	color: #fff;
	border-color: #000;
}

.site-footer .newsletter-webform .webform-confirmation {
	border: 1px solid #fff;
  border-radius: 5px;
  padding: 40px;
  text-align: center;
}

.site-footer .newsletter-webform .webform-confirmation .webform-confirmation__message {
	margin-bottom: 0;
  line-height: 1;
  font-size: 1rem;
}

.paragraph--type-block-reference .newsletter-subscribe-webform {
	border-radius: 5px;
  box-shadow: inset 0px 0px 0px 1px #000;
  text-align: left !important;
}

.paragraph--type-block-reference .newsletter-webform {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 1.5rem;
}

.paragraph--type-block-reference .newsletter-webform .js-form-item {
	flex: calc(33.33% - 3rem);
	margin-right: 1.5rem;
}

.paragraph--type-block-reference .newsletter-webform .js-form-item:last-of-type {
	margin-right: 0;
}

.paragraph--type-block-reference .newsletter-webform .form-actions {
	width: 100%;
	margin-top: 1rem;
	margin-bottom: 1.5rem !important;
}

.paragraph--type-block-reference .newsletter-webform .form-actions button {
	padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

@media (max-width: 767px) {
	.paragraph--type-block-reference .newsletter-webform .js-form-item {
		flex: 100%;
		margin-right: 0;
	}
}

.paragraph--type-block-reference .newsletter-subscribe-webform h2 {
	background-color: #000;
  color: #fff;
  padding: 1.5rem;
  text-align: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 1.96875rem;
  margin-bottom: 0;
}

.paragraph--type-block-reference .newsletter-subscribe-webform label {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif;
	font-size: 1.25rem;
	margin-bottom: 8px;
}

.paragraph--type-block-reference .newsletter-subscribe-webform .webform-confirmation__message {
	margin-bottom: 0;
	line-height: 1;
}

.paragraph--type-block-reference .newsletter-subscribe-webform .form-actions {
	margin-bottom: 0 !important;
}

.newsletter-subscribe-webform .form-item--error-message {
	color: #da1d52;
  font-family: 'Open Sans', serif;
  font-size: 0.75rem;
  margin-top: 0.25rem
}

.newsletter-subscribe-webform .ajax-progress-throbber {
	display: none;
}

.newsletter-subscribe-webform .form-item-petition-opt-in .form-check-input:checked {
	background-color: #000;
}

.newsletter-subscribe-webform .form-item-petition-opt-in .form-check-input:focus {
	box-shadow: none;
	border: 1px solid rgba(0,0,0,.25);
}

/* Temporary Fundraising changes */

.node--type-fundraising-page.node--view-mode-full .field--name-node-title {
	padding-top: 3rem;
	padding-bottom: 3rem;
	text-align: center;
}

.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-node-title,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-progress,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-actions,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .form-check-input:checked ~ .form-check-label,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-input:checked,
.fundraising-form .webform-progress,
.fundraising-form .form-actions,
.fundraising-form .webform-options-display-buttons .form-check-input:checked ~ .form-check-label,
.fundraising-form .form-item-add-fee .form-check-input:checked {
	background-color: #f07d00;
	color: #fff;
}

.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper,
.fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper {
	outline: #f07d00 1px solid;
}

.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-label,
.fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label,
.fundraising-form .form-item-add-fee .form-check-label {
	color: #f07d00;
}

.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-other input,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-onetime-other input, 
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-adoption-amount-other input,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-check-input,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-control, 
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-select,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-stripe-element,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-wwf-stripe-element,
.fundraising-form .form-item-donation-amount-other input,
.fundraising-form .form-item-donation-amount-onetime-other input, 
.fundraising-form .form-item-adoption-amount-other input,
.fundraising-form .form-check-input,
.fundraising-form .form-control, 
.fundraising-form .form-select,
.fundraising-form .drupal-stripe-element,
.fundraising-form .drupal-wwf-stripe-element,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form #edit-adoption-content-wrapper,
.fund-orange.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form #edit-donation-content-wrapper,
.fundraising-form .form-item-add-fee,
.fundraising-form #edit-adoption-content-wrapper,
.fundraising-form #edit-donation-content-wrapper {
	border: 1px solid #f07d00;
}

.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-node-title,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-progress,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-actions,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .form-check-input:checked ~ .form-check-label,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-input:checked {
	background-color: #7b8427;
	color: #fff;
}

.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-label {
	color: #7b8427;
}

.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper {
	outline: #7b8427 1px solid;
}

.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-other input, 
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-onetime-other input, 
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-adoption-amount-other input,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-check-input,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-control, 
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-select,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-stripe-element,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-wwf-stripe-element,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee,
.fund-olive.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form #edit-adoption-content-wrapper {
	border: 1px solid #7b8427;
}

.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-node-title,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-progress,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-actions,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .form-check-input:checked ~ .form-check-label,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-input:checked {
	background-color: #009191;
	color: #fff;
}

.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-label {
	color: #009191;
}

.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper {
	outline: #009191 1px solid;
}

.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-other input, 
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-onetime-other input, 
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-adoption-amount-other input,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-check-input,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-control, 
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-select,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-stripe-element,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-wwf-stripe-element,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee,
.fund-aqua.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form #edit-adoption-content-wrapper {
	border: 1px solid #009191;
}

.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-node-title,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-progress,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-actions,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .form-check-input:checked ~ .form-check-label,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-input:checked {
	background-color: #00728f;
	color: #fff;
}

.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-label {
	color: #00728f;
}

.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper {
	outline: #00728f 1px solid;
}

.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-other input, 
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-onetime-other input,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-adoption-amount-other input,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-check-input,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-control, 
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-select,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-stripe-element,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-wwf-stripe-element,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee,
.fund-blue.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form #edit-adoption-content-wrapper {
	border: 1px solid #00728f;
}

.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-node-title,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-progress,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-actions,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .form-check-input:checked ~ .form-check-label,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-input:checked {
	background-color: #f49e40;
	color: #fff;
}

.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-label {
	color: #f49e40;
	text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
}

.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper {
	outline: #f49e40 1px solid;
}

.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-other input, 
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-onetime-other input,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-adoption-amount-other input,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-check-input,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-control, 
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-select,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-stripe-element,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-wwf-stripe-element,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee,
.fund-orange-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form #edit-adoption-content-wrapper {
	border: 1px solid #f49e40;
}

.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-node-title,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-progress,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-actions,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .form-check-input:checked ~ .form-check-label,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-input:checked,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-ecard-include-amount .form-check-input:checked {
	background-color: #a0396e;
	color: #fff;
}

.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee .form-check-label,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-ecard-include-amount .form-check-label {
	color: #a0396e;
	text-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
}

.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .webform-options-display-buttons .webform-options-display-buttons-wrapper {
	outline: #a0396e 1px solid;
}

.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-other input, 
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-donation-amount-onetime-other input,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-adoption-amount-other input,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-check-input,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-control, 
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-select,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-stripe-element,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .drupal-wwf-stripe-element,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-add-fee,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form #edit-adoption-content-wrapper,
.fund-red-violet-light.node--type-fundraising-page.node--view-mode-full .field--name-field-block-reference .fundraising-form .form-item-ecard-include-amount {
	border: 1px solid #a0396e;
}

.page-node-370 .block-views-blockpage-banner-block-page-banner {
	background-color: #f07d00;
}

.page-node-371 .block-views-blockpage-banner-block-page-banner {
	background-color: #7b8427;
}

.page-node-372 .block-views-blockpage-banner-block-page-banner {
	background-color: #009191;
}

.page-node-373 .block-views-blockpage-banner-block-page-banner {
	background-color: #00728f;
}

.page-node-374 .block-views-blockpage-banner-block-page-banner {
	background-color: #f49e40;
}

.page-node-370 h1,
.page-node-371 h1,
.page-node-372 h1,
.page-node-373 h1,
.page-node-374 h1 {
	padding-bottom: 3rem;
  text-align: center;
  color: #fff;
}

.page-node-370 .node__content,
.page-node-371 .node__content,
.page-node-372 .node__content,
.page-node-373 .node__content,
.page-node-374 .node__content {
	padding-top: 0;
	margin-top: 0;
}

@media (max-width: 1199px) {
	.fund-replace .paragraph--type-left-right-image-text .first-column,
	.fund-replace .paragraph--type-left-right-image-text .second-column {
		width: 100%;
	}
}

.fund-replace.paragraph--type-left-right-image-text .second-column {
	padding: 2.25rem 3.75rem 1.5rem;
}

.fund-replace.paragraph--type-left-right-image-text .second-column {
	text-align: center;
}

.fund-replace.paragraph--type-left-right-image-text .second-column p {
	background-color: rgba(255,255,255,.1);
  padding: 1.5rem;
  border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  max-width: 426px;
  margin: auto;
}

/* reCaptcha */

.grecaptcha-badge { 
	visibility: hidden; 
}

.newsletter-subscribe-webform .alert.alert-danger {
	display: none;
}

.newsletter-subscribe-webform .captcha .form-item-captcha-response.has-error .input-group.is-invalid .input-group-prepend .input-group-text {
	margin-top: 0.05rem;
  border-radius: unset;
  border: none;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

/* Views pagination */

.pagination {
	margin-top: 2rem;
  justify-content: center;
  color: #000;
}

.page-link, .page-link:hover {
	color: #000 !important;
	cursor: pointer;
}

.page-link:focus {
	box-shadow: none;
}

/* eCards */

.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper {
	display: flex;
	align-items: flex-end;
	padding-bottom: 12rem;
}

.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper .ecard-wrapper {
	display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(0,0,0,.4);
  padding: 1.5rem;
  border-radius: 5px;
  color: #fff;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper .ecard-wrapper .ecard-heading-wrapper {
	font-family: 'WWF',"Open Sans","Helvetica Neue",Arial,sans-serif !important;
  font-weight: normal !important;
  line-height: 1;
  text-transform: uppercase;
  font-size: 4rem;
}

.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper .ecard-wrapper .ecard-heading-wrapper .ecard-heading {
	display: block;
	margin-bottom: 1rem;
}

.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper .ecard-wrapper p {
	font-size: 1.25rem;
	margin-bottom: 0;
}

.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper .ecard-wrapper .ecard-message-wrapper .ecard-message {
	display: block;
	margin-top: 1rem;
}

@media (max-width: 1199px) {
	.ecard-form.paragraph--type-fundraising-image-form-block .first-column,
	.ecard-form.paragraph--type-fundraising-image-form-block .second-column {
		width: 100%;
	}
	.ecard-form.paragraph--type-fundraising-image-form-block .first-column {
		pdding-left: 0;
	}
	.ecard-form.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper {
		padding-top: 2rem;
		padding-bottom: 2.5rem;
	}
}

@media (max-width: 991px) {
	.ecard-form.paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper {
		min-height: 60vh;
	}
}

@media (max-width: 600px) {
	.fundraising-form .webform-type-webform-radios-other .fieldset-wrapper #edit-ecard-occasion-radios.webform-options-display-buttons .webform-options-display-buttons-wrapper,
	.fundraising-form .webform-type-webform-entity-radios .fieldset-wrapper #edit-ecard-image.webform-options-display-buttons .webform-options-display-buttons-wrapper {
    margin: 5px 0 0 !important;
  }
  .paragraph--type-fundraising-image-form-block .first-column .bg-image-wrapper .ecard-wrapper {
  	max-width: 90%;
  }
}

.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper {
	display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  padding-bottom: 1.5rem;
}

.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .webform-type-webform-entity-radios,
.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .webform-type-webform-radios-other,
.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .form-type-textarea {
	width: 100%;
}

.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .webform-type-webform-entity-radios .webform-options-display-buttons,
.fundraising-form .webform-type-webform-radios-other .fieldset-wrapper #edit-ecard-occasion-radios.webform-options-display-buttons {
	margin-left: 0;
	margin-right: 0;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

@media (max-width: 600px) {
	.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .webform-type-webform-entity-radios .webform-options-display-buttons,
	.fundraising-form .webform-type-webform-radios-other .fieldset-wrapper #edit-ecard-occasion-radios.webform-options-display-buttons {
		display: block;
	}
}

.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .form-item-ecard-recipient,
.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .form-item-ecard-sender {
	flex: 0 1 50%;
}

.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .form-item-ecard-recipient {
	padding-right: 0.25rem;
}

.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .form-item-ecard-sender {
	padding-left: 0.25rem;
}

@media (max-width: 575px) {
	.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .form-item-ecard-recipient,
	.webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .form-item-ecard-sender {
    flex: 100%;
  }
  .webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .form-item-ecard-recipient {
  	padding-right: 1.5rem;
  }
  .webform-submission-ecards-add-form #edit-page-1 .webform-card-wrapper .form-item-ecard-sender {
  	padding-left: 1.5rem;
  }
}