body {
	padding: 0px;
    border-top: solid 20px #13362f;
    border-left: solid 20px #13362f;
    border-right: solid 20px #13362f;	
	border-bottom: solid 20px #13362f;
}
p {
	font-size: 1.1em ;
	line-height: 1.6 ;
	color: #18453c ;
}

li {
	font-size: 1.1em ;
	line-height: 1.6 ;
	color: #18453c ;
}

@media (max-width: 1024px) {
p {
	font-size: 1.2em ;
	line-height: 1.6 ;
	color: #18453c ;
}

li {
	font-size: 1.2em ;
	line-height: 1.6 ;
	color: #18453c ;
}
}


.site-header {
	justify-content: center !important;
	color: #18453c !important;
	padding-block-start: 0.2em !important;
	padding-block-end: 0.2em !important;
	
}

.mallory-donate-accordion {
	margin: .2em 0;
}
.mallory-donate-accordion a {
	cursor: pointer;
	color: black;
	font-size: 1em;
	font-weight: bold;
	position: relative;
	padding-left: 0;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 0.5em;
	text-transform: uppercase;
}

.mallory-donate-accordion a:hover {
	/* color: #91d8c9;
	 */
	 opacity: 0.6;
}


.mallory-donate-accordion .mallory-donate-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 0.5em;
	font-size: 1.25em;
	vertical-align: middle;
	transition: color 0.3s;
	font-weight: 900;
	line-height: 1;
	color: #18453c;
}
.mallory-donate-accordion summary {
	position: relative;
	padding-left: 0;
	justify-content: center;
}
.mallory-donate-accordion details[open] summary::before {
	transform: none;
}
.mallory-donate-content {
	background: #f8fafc;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
	padding: 2em 2em 1.5em 2em;
	margin: 1.5em 0;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.mallory-donate-buttons {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em;
	margin-top: 1.5em;
}
.mallory-button {
	background-color: #18453c;
	color: #ffffff;
	padding: 0.6em 1em;
	text-decoration: none;
	border-radius: 3px;
	transition: background-color 0.2s;
}
.mallory-button:hover {
	background-color: #4fe4c6;

}

/* Accordion open/close animation */
.mallory-donate-accordion details {
	overflow: hidden;
	transition: max-height 1.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s;
	max-height: 2.5em; /* summary height */
	box-shadow: none;
}
.mallory-donate-accordion details[open] {
	max-height: 500px; /* enough for content */
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
.mallory-donate-accordion details > *:not(summary) {
	opacity: 0;
	transform: translateY(-10px);
	transition: opacity 0.4s, transform 0.4s;
}
.mallory-donate-accordion details[open] > *:not(summary) {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .1s;
}

.donate-btn .elementor-button {
	height: 111px !important;
	display: flex;
;
    justify-content: center;
    align-items: center;
}

.top-banner-logo {
	top: 55px !important;
}

.wipe-container {
  overflow: hidden;
  display: inline-block; /* shrink-wrap to image width */
  background-color: #18453c;
}

.wipe-img {
  clip-path: inset(0 0 0 100%);
  animation: wipeMask 0.8s ease-out 0.4s forwards;
}

.text-container {
    max-width: clamp(300px, 70ch, 700px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@keyframes wipeMask {
  to {
    clip-path: inset(0 0 0 0);
  }
}

/* make sure icon can move */
.arrow-icon {
  display: inline-block;
  transition: transform 0.3s ease;
}

/* on hover of the parent link, slide the arrow right */
.btn-with-arrow:hover .arrow-icon {
  transform: translateX(6px);
}

/* on hover, kick off an infinite, alternate animation */
.btn-with-arrow:hover .arrow-icon {
  animation: arrowSlide .5s ease-in-out infinite alternate;
}

/* keyframes slide the icon right, then back */
@keyframes arrowSlide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(8px);
  }
}

@media screen and (max-width: 600px) {
  .mallory-donate-accordion a {
    font-size: .45rem;
    padding: .1rem;
  }

  .top-banner-logo {
	top: 45px !important;
}

.donate-btn .elementor-button {
	height: inherit !important;
}
  
}