@font-face {
	font-display: swap;
	font-family: wf_eec8a289c3de4960846d257fe;
	src: url("/static.wixstatic.com/ufonts/a1c762_eec8a289c3de4960846d257fe54c815d/woff2/file.woff2") format("woff2"), url("/static.wixstatic.com/ufonts/a1c762_eec8a289c3de4960846d257fe54c815d/woff/file.woff") format("woff"), url("/static.wixstatic.com/ufonts/a1c762_eec8a289c3de4960846d257fe54c815d/ttf/file.ttf") format("ttf");
}

*, ::after, ::before, ::backdrop, ::file-selector-button {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0 solid;
}

html, :host {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	tab-size: 4;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent;
}

a {
	color: #6a7064;
	-webkit-text-decoration: underline;
	text-decoration: underline;
}

ol, ul, menu {
	list-style: none;
}

p {
	/*font-family: sans-serif, */
	font-family: sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	color: #324158;
	font-size: 16px;
	line-height: 24px;
}

article p {
	margin: 24px 0;
}

article img {
 	width:100%;
	height:100%;
	object-fit:cover;
	object-position:50% 50%;
	max-width:100%
}

h1, h2, h3 {
	font-family: wf_eec8a289c3de4960846d257fe;
	font-weight: normal;
	color: #324158;
}

h1 {
	line-height: 50px;
	font-size: 40px;
	margin: 8px 0 16px 0;
}

h2 {
	font-size: 32px;
}

body > header {
	position: sticky;
	top: 0;
	z-index: 50;
	background-color: #f0e7df;
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d, wf_eec8a289c3de4960846d257fe, orig_newake_demo;
	box-shadow: 0px 5px 20px rgb(0 0 0 / 0.25);
}

body > header > div {
	display: flex;
	margin: 0 auto;
	max-width: 1200px;
	align-items: center;
	gap: 0.5rem;
	padding: 0 1rem;
	justify-content: space-between;
}

body > header > div > div:first-child {
	margin-bottom: -30px;
	background-color: #e0ceba;
	padding: 0.75rem 0.75rem;
	border-radius: 0 0 16px 16px;
	flex-grow: 0;
}

.main-menu > ul {
	width: 100%;
	display: block;
	font-size: 16px;
	color: #6a7064;
	padding: 1rem;
}

.main-menu > ul > li {
	padding: 0.5rem 1rem;
}

.main-menu a {
	color: #6a7064;
	transition: all 0.2s ease;
	text-decoration: none;
}

.main-menu a:hover {
	color: #2b353e;
}

.main-menu > ul > li > ul {
	background-color: #f0e7df;
	padding: 0.25rem 0.75rem;
}

.main-menu > ul > li:hover > ul {
	display: block;
}

.main-menu > ul > li > ul > li {
	padding: 0.50rem 0;
}

.donate-btn a[href="/donate"] {
	background-color: #28353F;
	border-radius: 18px;
	transition: all 0.2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 118px;
	height: 51px;
	font-size: 15px;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}

.donate-btn a[href="/donate"]:hover {
	background-color: #E0CEBA;
	color: #28353F;
}

.main-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	display: none;
	background-color: #f0e7df;
	overflow: auto;
}

.main-menu.menu-show {
	display: block;
}

.donate-btn {
	display: none;
}

.menu-btn, .close-btn {
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #324158;
	justify-self: end;
}

.close-btn {
	margin: 1rem;
}

@media (width >= 64rem) {
	.main-menu {
		width: 100%;
		position: relative;
		display: block;
		flex-grow: 1;
		overflow: visible;
	}

	.main-menu > ul {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1rem;
		padding: 0;
	}

	.main-menu > ul > li {
		padding: 1rem;
		cursor: default;
	}

	.main-menu > ul > li > ul {
		position: absolute;
		z-index: 60;
		transform: translate(-0.75rem, 1rem);
		background-color: #f0e7df;
		padding: 0.5rem 0.75rem;
		border-radius: 12px;
		display: none;
	}

	.menu-btn, .close-btn, .main-menu > ul > li:last-child {
		display: none;
	}

	.donate-btn {
		display: block;
	}
}

.hero {
	display: flex;
	background-color: #28353f;
	flex-direction: column;
}

.hero > div {
	flex-grow: 1;
	width: 100%;
	box-sizing: border-box;
}

.hero > div:last-child {
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.hero img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

.hero p {
	color: #FFFFFF;
	line-height: 1.4em;
	font-size: 16px;
	text-align: justify;
	max-width: 480px;
}

.hero h2 {
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d, wf_eec8a289c3de4960846d257fe, orig_newake_demo;
	font-size: 32px;
	color: #F0E7DF;
	font-weight: normal;
	margin: 2rem 0;
	text-align: center;
}

.hero a {
	margin: 2rem 0;
	box-sizing: border-box;
	background-color: #E0CEBA;
	border: 1px solid #E0CEBA;
	color: #28353F;
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d, wf_eec8a289c3de4960846d257fe, orig_newake_demo;
	font-size: 15px;
	letter-spacing: 0.05em;
	padding: 0.75rem 1.5rem;
	border-radius: 18px;
	transition: all 0.2s ease;
	text-decoration: none;
}

.hero a:hover {
	background-color: #28353F;
	color: #E0CEBA;
}

@media (width >= 48rem) {
	.hero {
		flex-direction: row;
		height: 620px;
	}
}

section[data-ssg="latest-updates"] {
	padding: 4rem 1rem;
}

section[data-ssg="latest-updates"] a {
	color: inherit;
	text-decoration: none;
}

section[data-ssg="latest-updates"] h2 {
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d,wf_eec8a289c3de4960846d257fe,orig_newake_demo;
	font-size: 32px;
	color: #324158;
	font-weight: normal;
	text-align: center;
}

section[data-ssg="latest-updates"] > div {
	display: flex;
	max-width: 1000px;
	margin: 0 auto;
	padding: 2rem 1rem 4rem 1rem;
	gap: 1rem;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.post {
	display: block;
	box-sizing: border-box;
	background-color: #28353f;
	color: #ffffff;
	max-width: 313px;
}

.post img {
	width: 313px;
	height: 235px;
}

.post h3 {
	font-size: 22px;
	padding: 1rem;
	color: white;
}

.post p {
	padding: 1rem;
	margin: 0;
	font-family: sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	color: #FFFFFF;
}

.post:hover p, .post:hover h3 {
	color: #808f95;
}

@media (width >= 64rem) {
	section[data-ssg="latest-updates"] > div {
		flex-direction: row;
		align-items: stretch;
	}
}

.facebook-feed h2 {
	text-align: center;
}

.facebook-feed > iframe {
	margin: 4rem auto;
	display: block;
	width: 100%;
	max-width: 500px;
	border: none;
	overflow: hidden;
}

section[data-ssg="get-involved"] {
	padding: 4rem 1rem;
	background-color: #f0e7df;
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
}

section[data-ssg="get-involved"] h2 {
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d,wf_eec8a289c3de4960846d257fe,orig_newake_demo;
	font-size: 32px;
	color: #324158;
	font-weight: normal;
	text-align: center;
}

section[data-ssg="get-involved"] > div:last-child {
	text-align: center;
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
}

.tiles {
	display: flex;
	margin: 4rem auto;
	align-items: center;
	justify-content: center;
	text-align: center;
	flex-direction: column;
	gap: 4rem;
}

.tiles > div {
	width: 18rem;
}

section[data-ssg="get-involved"] h3 {
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d,wf_eec8a289c3de4960846d257fe,orig_newake_demo;
	color: #324158;
	font-weight: normal;
	font-size: 18px;
	margin: 2rem 0;
}

section[data-ssg="get-involved"] p {
	color: #000000;
	font-size: 15px;
}

section[data-ssg="get-involved"] img {
	object-fit: cover;
}

section[data-ssg="get-involved"] a {
	display: block;
	width: 129px;
	margin: 3rem auto;
	box-sizing: border-box;
	background-color: #E0CEBA;
	color: #28353F;
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d, wf_eec8a289c3de4960846d257fe, orig_newake_demo;
	font-size: 15px;
	letter-spacing: 0.05em;
	padding: 0.75rem 1.5rem;
	border-radius: 18px;
	transition: all 0.2s ease;
	text-decoration: none;
}

section[data-ssg="get-involved"] a:hover {
	background-color: #28353F;
	color: #FFFFFF;
}

@media (width >= 64rem) {
	.tiles {
		flex-direction: row;
	}
}

footer {
	background-color: #6a7064;
	padding: 2rem 1rem 4rem 1rem;
}

footer > div {
	display: flex;
	max-width: 1000px;
	margin: 0 auto;
	flex-wrap: wrap;
}

footer > div > div:first-child {
	flex-grow: 1;
}

footer img {
	object-fit: cover;
}

footer h2 {
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d, wf_eec8a289c3de4960846d257fe, orig_newake_demo;
	font-size: 32px;
	color: #F0E7DF;
	font-weight: normal;
	margin: 2rem 0rem;
}

footer p {
	font-family: sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	color: #FFFFFF;
	line-height: 1.7em;
	font-size: 16px;
}

footer p a {
	color: #FFFFFF;
}

footer ul {
	display: flex;
	gap: 0.5rem;
}

.donations {
	padding: 2rem 1rem;
	margin: 4rem auto;
	width: 100%;
	max-width: 40rem;
}

.donations h2 {
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d,wf_eec8a289c3de4960846d257fe,orig_newake_demo;
	font-weight: normal;
	color: #324158;
	font-size: 32px;
	margin: 1rem 0;
	text-align: center;
}

.donations p {
	font-family: sans-serif;
	line-height: 1.4em;
	font-size: 16px;
	margin: 2rem 0;
	text-align: center;
}

.donations a {
	width: 100%;
	transition: all 0.2s ease;
	padding: 16px 12px;
	background-color: #324158;
	color: #FFFFFF;
	font-family: sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	display: block;
	text-align: center;
	text-decoration: none;
}

.donations a:hover {
	background-color: #3241587d;
}

.other-ways {
	padding: 4rem 1rem;
	background-color: #f0e7df;
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
}

.other-ways h2 {
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d,wf_eec8a289c3de4960846d257fe,orig_newake_demo;
	font-size: 32px;
	color: #324158;
	font-weight: normal;
	text-align: center;
	margin: 4rem 0;
}

.other-ways > div:last-child {
	text-align: center;
	width: 100%;
	max-width: 580px;
	margin: 0 auto;
}

.tiles {
	display: flex;
	margin: 4rem auto;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 4rem;
}

.tiles > div {
	width: 18rem;
}

.other-ways h3 {
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d,wf_eec8a289c3de4960846d257fe,orig_newake_demo;
	color: #324158;
	font-weight: normal;
	font-size: 18px;
	margin: 2rem 0;
}

.other-ways p {
	color: #000000;
	font-size: 15px;
}

.other-ways img {
	object-fit: cover;
}

.other-ways a {
	display: block;
	width: 129px;
	margin: 3rem auto;
	box-sizing: border-box;
	background-color: #E0CEBA;
	color: #28353F;
	font-family: wfont_a1c762_eec8a289c3de4960846d257fe54c815d, wf_eec8a289c3de4960846d257fe, orig_newake_demo;
	font-size: 15px;
	letter-spacing: 0.05em;
	padding: 0.75rem 1.5rem;
	border-radius: 18px;
	transition: all 0.2s ease;
	text-decoration: none;
}

.other-ways a:hover {
	background-color: #28353F;
	color: #FFFFFF;
}

.s-740 {
	max-width: 740px;
	margin-inline: auto;
	padding-block: 32px;
	padding-inline: 16px;
}

.s-940 {
	max-width: 940px;
	margin-inline: auto;
	padding-block: 32px;
	padding-inline: 16px;
}

.article-time {
	display: flex;
	gap: 1rem;
	font-family: sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	color: #324158;
	font-size: 16px;
	line-height: 24px;
}

.article-time > li:last-child::before {
	content: "|";
	margin-right: 0.8rem;
}

.recent-posts > header {
	display: flex;
	justify-content: space-between;
	margin-block: 20px;
}

.recent-posts a {
	color: inherit;
	text-decoration: none;
}

.recent-posts > header a {
	font-family: sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	color: #324158;
	font-size: 16px;
	line-height: 24px;
	list-style: none;
	margin-top: 20px;
	text-decoration: none;
}

.recent-posts > header a:hover {
	color: rgb(224,206,186);
}

.recent-posts > div {
	display: flex;
	gap: 34px;
	flex-wrap: wrap;
	justify-content: center;
}

.recent-posts > div article {
	max-width: 280px;
}

.recent-posts > div img {
	object-fit: cover;
	object-position: 50% 50%;
 	width:280px;
	height:180px;
	max-width:280px;
}

.recent-posts > div article h3 {
	padding: 24px;
	font-size: 18px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.recent-posts > div article:hover h3 {
	color: rgb(106,112,100);
}

.blog-menu ul {
	font-family: sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	color: #324158;
	font-size: 16px;
	line-height: 24px;
	list-style: none;
	margin-top: 20px;
}

.blog-menu ul {
	display: none;
}

.blog-menu ul li {
	display: inline-block;
	margin: 10px 20px;
}

.blog-menu a {
	color: inherit;
	text-decoration: none;
}

.blog-menu ul a:hover {
	color: rgb(224,206,186);
}

@media (width >= 48rem) {
	.blog-menu ul {
		display: block;
	}
}
