:root {
	--main-bg-color: #403A34;
	--secondary-bg-color: #E6DFD5;
	--tertiary-bg-color: #EDEDED;

	--dark-brown: #403A34;
	--light-brown: #E6DFD5;

	--dark-blue: #485664;
	--light-blue: #A2B2C9;
	--light-blue-2: #C1CAD6;
	
	--dark-green-1: #4D5A31;
	--light-green: #B7CE97;
	
	--dark-green-2: #153800;
	
	--light-green-2: #a9c685;
	--light-green-3: #e7f6d3;
	
	--light-gray: #EDEDED;

	--text-base-color: #403A34;
	--text-header-base-color: #485664;
	--text-primary-color: #485664;
	--site-link-color: #4D5A31;

	--ease-out-expo: cubic-bezier(0.19,1,0.22,1);


	--text-color: white;
	--text-dark-color: #202020;
	--header-height: 100px;
	--burger-width: 40px;
	--bcg-green: #A2B1A5;
	--bcg-lightgreen: #a6b3b3;
	--bcg-lightbrown: #b0a7a4;
	--bcg-lightblue: #a3abb1;
	--bcg-loaderblue: #758a94;
	--bcg-loaderbluedark: #566c76;
	--bcg-full-color: var(--bcg-green);
	--loader-width: 27.36vw;
	--loader-height: 50vh;
	--v-spacing: 10vh;
	--h-gutter: 6.6vw;
	--easing: cubic-bezier(0.5, 0.7, 0.4, 1);
}

body {
	background: var(--light-gray);
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-style: normal;
	font-weight: 400;

	font-size: 18px;
	line-height: 26px;
	overflow-x: hidden;
	color: var(--dark-brown);
}
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
	font-family: "p22-mackinac-pro", serif;
	font-weight: 600;
	font-style: normal;
	color: var(--dark-brown);
}
label{
	font-weight: 500;
}
a {
	color: var(--site-link-color);
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:hover {
	color: var(--dark-brown-1);
}


/******************************/
/***** PACE *****/
/******************************/
/*.pace {
	pointer-events: none;
	user-select: none;
	z-index: 1092;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	border: 0;
	height: 4px;
	overflow: hidden;
	background: #f1f1f1;

}*/

/*.pace .pace-progress {
	transform: translate3d(0, 0, 0);
	max-width: 100%;
	position: absolute;
	z-index: 1092;
	display: block;
	top: 0;
	right: 100%;
	height: 100%;
	width: 100%;
	background: #7cc24f;
	box-shadow: 0 0px 30px rgb(124 194 79);
}*/

/*#page-preloader {
	width: 100%;
	height: 100vh;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #ffffff;
	overflow: hidden;
	position: fixed;
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 1090;
	display: none; 
}*/

/*#preloader-progress-wrap {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	z-index: 1094;
	display: none;
}*/

/*#progress-logo {
	margin: 20px auto;
	position: relative;
}*/



/*.pre-loader-site-title{
	margin-top: 20px;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 4px;
}
.loader-sub-title{
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
	color: #ffffff;
	position: relative;
	padding-left: 30px;
}*/
/*.loader-sub-title:before{
	content: '';
	position: absolute;
	left: 0px;
	
	height: 30px;
	width: 2px;
	background: var(--main-bg-color);
	margin-left: 2px;

}
#progress-logo svg {
	width: 260px;
	height: 130px;
}

#progress-logo #haribon-bg-white{
	fill: transparent;
}
#progress-logo .haribon-green-section, 
#progress-logo .haribon-blue-section,
#progress-logo .haribon-dark-gray-section,
#progress-logo .haribon-black-section,
#progress-logo .haribon-brown-section{
	fill: #eeeeee;
}*/


/*#progress-logo svg path {
	-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}*/




/* *********************************** */
/* MAIN NAVIGATION */
/* *********************************** */

#right-nav .nav-item .nav-link {
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#right-nav .btn-nav {
	flex-basis: 200px;
}
#right-nav .btn-nav .btn {
	max-width: 200px;
	width: 100%;
}
.nav-open #right-nav .nav-item .nav-link,
body.nav-fixed-scrolled #right-nav .nav-item .nav-link,
.blog-page #right-nav .nav-item .nav-link {
	color: #0E2B2D;
}



/* MOBILE NAV */
/*#mobile-nav-trigger {
	position: fixed;
    width: 100%;
    max-width: 100px;
    height: auto;
    z-index: 1040;
    top: 0;
    right: 0;
    text-align: center;
    padding: 30px 20px;
    background: #000;
    border-bottom-left-radius: 30px;
}*/

#desktop-nav-trigger,
#mobile-nav-trigger {
	position: relative;
	width: 35px;
	height: 35px;
	padding: 0;
	margin: auto;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: transform 0.4s;
	opacity: 1;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}
#mobile-nav-trigger {
	z-index: 9999;
}

/*#desktop-nav-trigger:before,
#mobile-nav-trigger:before {
	content: '';
	position: absolute;
	border-radius: 2px;
	width: 30px;
	height: 35px;
	top: -9px;

	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}*/

#desktop-nav-trigger:hover,
#mobile-nav-trigger:hover {
	cursor: pointer;
}

#desktop-nav-trigger span,
#mobile-nav-trigger span {
	background: var(--main-bg-color);
	display: block;
	height: 2.5px;
	width: 100%;
	border-radius: 0;
	position: absolute;
	right: 0;
	top: 46%;

	-moz-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	transition: .4s;

	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

#desktop-nav-trigger span:first-child,
#mobile-nav-trigger span:first-child {
	-moz-transform: translate(0, -8px);
	-ms-transform: translate(0, -8px);
	-webkit-transform: translate(0, -8px);
	transform: translate(0, -8px);
}

#desktop-nav-trigger span:last-child,
#mobile-nav-trigger span:last-child {
	-moz-transform: translate(0, 8px);
	-ms-transform: translate(0, 8px);
	-webkit-transform: translate(0, 8px);
	transform: translate(0, 8px);
}
/*
#desktop-nav-trigger:hover span {
	background: #1F2A81;
}*/
body.nav-open #desktop-nav-trigger,
body.nav-open #mobile-nav-trigger {
	-moz-transform: rotate(90deg) translate(0, 0);
	-ms-transform: rotate(90deg) translate(0, 0);
	-webkit-transform: rotate(90deg) translate(0, 0);
	transform: rotate(90deg) translate(0, 0);
}

body.nav-open #desktop-nav-trigger span,
body.nav-fixed-scrolled #desktop-nav-trigger span,
body.nav-open #mobile-nav-trigger span,
body.nav-fixed-scrolled #mobile-nav-trigger span {
	background: #1b1b1b;
}

body.nav-open #desktop-nav-trigger span:first-child,
body.nav-open #mobile-nav-trigger span:first-child {
	-moz-transform: rotate(45deg) translate(0, 0);
	-ms-transform: rotate(45deg) translate(0, 0);
	-webkit-transform: rotate(45deg) translate(0, 0);
	transform: rotate(45deg) translate(0, 0);
}

body.nav-open #desktop-nav-trigger span:nth-child(2),
body.nav-open #mobile-nav-trigger span:nth-child(2) {
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

body.nav-open #desktop-nav-trigger span:last-child,
body.nav-open #mobile-nav-trigger span:last-child {
	-moz-transform: rotate(-45deg) translate(0, 0);
	-ms-transform: rotate(-45deg) translate(0, 0);
	-webkit-transform: rotate(-45deg) translate(0, 0);
	transform: rotate(-45deg) translate(0, 0);
}


#mobile-nav-wrapper {
	background: var(--secondary-bg-color);
	position: fixed;
	z-index: 10101;
	width: 100%;
	max-width: 250px;
	top: 0;
	left: 0;
	bottom: 0;
    /*padding-top: 100px;*/
	overflow: auto;
	pointer-events: none;

	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);

	/*-webkit-transform: translate3d(-100vw, 0, 0);
	transform: translate3d(-100vw, 0, 0)*/;
	
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);

	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-transition: -webkit-transform 400ms cubic-bezier(.694, 0, .335, 1);
	transition: -webkit-transform 400ms cubic-bezier(.694, 0, .335, 1);
	-o-transition: transform 400ms cubic-bezier(.694, 0, .335, 1);
	transition: transform 400ms cubic-bezier(.694, 0, .335, 1);
	transition: transform 400ms cubic-bezier(.694, 0, .335, 1), -webkit-transform 400ms cubic-bezier(.694, 0, .335, 1);
}

#mobile-nav-wrapper.open-nav {
	
	/* visibility: visible; */
	-webkit-transform: translateX(0);
	transform: translateX(0);

	
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	-webkit-overflow-scrolling: touch;
}

#mobile-nav-inject #nav-logo-wrap .site--logo img {
	max-width: 120px;
	width: 100%;
	margin-left: 5px !important;
}

#mobile-nav-inject .nav {
	display: block;
	/*text-align: center;*/
}
#main-menu.nav .nav-item,
#mobile-nav-inject .nav .nav-item {
	padding: 10px 0;
	/*border-bottom: 1px solid #1b1b1b;*/
}
#main-menu.nav .nav-item .nav-link,
#mobile-nav-inject .nav .nav-item .nav-link {
	font-size: 24px;
	font-weight: 600;
	font-family: "p22-mackinac-pro", serif;
	line-height: 28px;
	color: var(--text-base-color);
	padding: 0;
}
#main-menu.nav .nav-item .nav-link:hover,
#mobile-nav-inject .nav .nav-item .nav-link:hover {
	color: var(--dark-green-1);
}

#mobile-nav-inject .nav .nav-item .nav-btn {
	font-size: 14px;
	line-height: 22px;
	padding: 10px 30px;
	text-transform: uppercase;
}

#mobile-nav-inject .nav .nav-item.dropdown .dropdown-toggle::after {
	margin-left: 10px;
	border: none !important;
	background: url(../img/arrow-right.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	position: absolute;
    top: 14px;
    right: 0;

}

#mobile-nav-inject .nav .nav-item.dropdown .dropdown-menu {
	position: relative !important;
	transform: translate3d(0px, 0px, 0px) !important;
	border: 0;
	padding: 0 10px;
}


#mobile-nav-inject .nav .nav-item.dropdown .dropdown-menu .dropdown-item {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	padding: 10px;
	white-space: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#mobile-nav-inject .nav .nav-item.dropdown .submenu-item {
	padding: 0;
}
#main-menu.nav .nav-item .sub-menu,
#mobile-nav-inject .nav .nav-item .sub-menu {
	list-style: none;
	padding: 0;
}
/*#mobile-nav-inject .nav .nav-item .sub-menu li {
	display: inline-block;
	vertical-align: middle;
}*/
#main-menu.nav .nav-item .sub-menu .support-submenu,
#mobile-nav-inject .nav .nav-item .sub-menu .support-submenu {
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	margin: 0 15px;
	padding: 10px 0;
	/*border-bottom: 1px solid #1b1b1b;*/
	text-transform: uppercase;
	letter-spacing: 1px;
}
#mobile-nav-inject .nav .nav-item .sub-menu li:last-child .support-submenu {
	padding-bottom: 0;
}

#mobile-nav-right .nav .nav-item {
	border-bottom: 0;
	padding: 5px 0 !important;
}
#mobile-nav-right .nav .nav-item .nav-link {
	font-size: 22px !important;
	line-height: 30px !important;
}
#mobile-nav-right .menu-title {
	font-family: "p22-mackinac-pro", serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
}
#mobile-nav-right .nav.nav-style-2 .nav-item .nav-link {
	font-family: 'Verlag' sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
}

#search-form.nav-search  {
	border-bottom: 2px solid #1b1b1b;
}
.nav-search #search-input {
	background: transparent;
	color: #1b1b1b;
	font-size: 18px;
	line-height: 26px;
	border: 0;
	padding: 10px 0;
}
.nav-search #search-input::placeholder {
	color: #1b1b1b !important;
}
.nav-search .btn-icon svg {
	width: 28px;
	height: auto;
}
.nav-social {
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	column-gap: 30px;
}
.nav-social .nav-item svg {
	width: 35px;
	height: auto;
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}
.nav-social .nav-item svg:hover path {
	fill: #C38C5C;
}

body.nav-fixed-scrolled #main-navigation {
	/*background: #d9d9d9;
	box-shadow: 0px 5px 50px 0px rgba(0,0,0,0.05);*/
}

.nav-search-icon {
	position: absolute !important;
	text-align: center;
    bottom: 30px;
    right: 0;
    left: 0;
}
.nav-search-icon .btn-icon svg {
	max-width: 30px;
	width: 100%;
	height: auto;
}
.nav-search-icon .btn-icon svg path {
	stroke: var(--main-bg-color);
}

.nav-open #main-menu {
	display: block !important;
}
/*#main-menu {
	display: block !important;
}*/
#main-menu-wrap {
	height: 600px;
    overflow: auto;
}


/* Hide scrollbar for Chrome, Safari and Opera */
#main-menu-wrap::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#main-menu-wrap {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.nav-open .nav-buttons {
	display: block !important;
}
.nav-open #haribon-logo-2 {
	display: block !important;
	animation: fadeIn 0.5s ease forwards;
}
.nav-open #haribon-logo-1 {
	display: none !important;
}
.nav-open .site--logo img {
	max-width: 160px;
}
.nav-buttons .form-group .btn-link {
	padding: 10px 20px;
}


.search-blog-wrap .form-control {
	font-size: 16px;
	line-height: 22px;
	padding: 10px;
}
.search-blog-wrap .btn-search {
	padding: 8px 15px 12px;
}
.search-blog-wrap .btn-search:hover svg path {
	fill: var(--light-blue-2);
}


/* *********************************** */
/* PAGES */
/* *********************************** */

.anyone-image-1 {
	transform: rotate(-5deg);
}
.anyone-image-1 img {
	max-width: 350px;
	width: 100%;
}
.anyone-image-2 img {
	max-width: 350px;
	width: 100%;
}
.anyone-image-2 {
	transform: rotate(5deg);
	position: absolute;
	bottom: -70px;
	right: 0;
}
.because-humans-image-1 {
	margin-top: -180px;
	text-align: right;
	margin-right: 50px;
}
.because-humans-image-1 img {
	max-width: 350px;
	width: 100%;
}
.because-humans-image-2 {
	position: absolute;
	top: 140px;
}
.because-humans-image-2 img {
	max-width: 320px;
	width: 100%;
}
.start-small-image-1 {
	max-width: 380px;
	width: 100%;
}
.start-small-image-2 {
	max-width: 280px;
	width: 100%;
	position: absolute;
	top: 150px;
	right: 0;
}

.custom-accordion .accordion-button {
	font-size: 26px;
	line-height: 36px;
	padding: 0;
	justify-content: space-between;
	border-radius: 0 !important;
}
.custom-accordion .accordion-button  {
	border-top: 1px solid var(--dark-brown);
	border-radius: 0;
}
.custom-accordion .accordion-item {
	border-left: 0;
}
.custom-accordion .accordion-item:first-child .accordion-button {
	border-top: 0;
}
.custom-accordion .accordion-item:first-child {
	border-top: 0;
}
.custom-accordion .accordion-item:last-child {
	border-bottom: 0;
}
.custom-accordion .accordion-button:focus {
	box-shadow: none;
}
.custom-accordion .accordion-button:not(.collapsed) {
	background: #ffffff;
	color: #212529;
}
.custom-accordion .accordion-button::after {
	width: 45px;
    height: 45px;
    background-size: 45px;
    padding: 10px;
    display: none;
}
.custom-accordion .accordion-button .accordion-title {
	padding: 5px 45px;
	display: flex;
	align-items: stretch;
}
.custom-accordion .accordion-button .accordion-icon {
	padding: 25px 10px;
	max-width: 85px;
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    border-left: 1px solid var(--dark-brown);
}
.custom-accordion .accordion-button .chev-right-icon {
	display: none;
}
.custom-accordion .accordion-button.collapsed .chev-right-icon {
	display: block;
}
.custom-accordion .accordion-button .x-lg-icon {
	display: block;
}
.custom-accordion .accordion-button.collapsed .x-lg-icon {
	display: none;
}
.custom-accordion .accordion-button .accordion-icon img {
	max-width: 50px;
    width: 100%;
}
.custom-accordion .accordion-body {
	background: var(--light-gray);
	border-top: 1px solid var(--dark-brown);
}

#careers-accordion.custom-accordion .accordion-button .accordion-icon img {
	max-width: 35px;
}

.social-icon svg {
	width: 30px;
	height: auto;
}
.social-icon path {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.social-icon:hover path {
	fill: var(--dark-green-1);
}

#landing-section {
	min-height: 100vh;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.69) -26.68%, rgba(0, 0, 0, 0) 126.88%), url(../img/haribon-landing-image.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0;
	display: flex;
	align-items: center;
}
.hero-title {
	font-size: 54px;
	line-height: 64px;
}
.hero-subtitle {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.banner-title {
	font-size: 34px;
	font-weight: normal;
	line-height: 42px;
}



.landing-arrow {
	background: #ffffff;
	padding: 40px;
	position: absolute;
    bottom: 0;
    right: 0;
}
.landing-arrow img {
	max-width: 50px;
}

.page-title {
	font-size: 46px;
	line-height: 54px;
}
.section-title {
	font-size: 38px;
	line-height: 48px;
}
.section-title-1 {
	font-size: 42px;
	line-height: 50px;
}
.section-title-2 {
	font-size: 32px;
	line-height: 40px;
}
.section-title-3 {
	font-size: 28px;
	line-height: 36px;
}
.section-title-4 {
	font-size: 26px;
	line-height: 34px;
}
.section-title-5 {
	font-size: 24px;
	line-height: 32px;
}


.bg-header-1 {
	background-image: url(../img/support-landing-image.jpg);
	min-height: 650px;
	position: relative;
}
.bg-image {
	background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}
.bg-blog-header {
	background-image: url(../img/blog-banner.jpg);
	min-height: 650px;
	position: relative;
}
.page-header {
	min-height: 400px;
}
.custom-header {
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.custom-nav-tabs {
	border-bottom: 0;
	--bs-nav-tabs-border-width: 0;
}
.custom-nav-tabs .nav-item {
	flex-basis: 250px;
}
.custom-nav-tabs .nav-item .nav-link {
	font-family: "p22-mackinac-pro", serif;
	font-size: 18px;
	line-height: 26px;
	border-radius: 0;
	border: 0;
    background: transparent;
    color: #ffffff;
    padding: 20px;
    max-width: 250px;
    width: 100%;
}
.custom-nav-tabs .nav-item .nav-link.active {
	background: #d9d9d9;
	color: #0E2B2D;
}
.custom-nav-tabs .nav-item .nav-link:hover {
	background: #0E2B2D;
	color: #ffffff;
}

.custom-tabs .nav-item .nav-link {
	background: var(--light-gray);
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    letter-spacing: 1px;
    color: #000000;
}
.custom-tabs .nav-item .nav-link.active {
	border-bottom: 3px solid var(--dark-green-1);
}

#profile-tabs .custom-tabs .nav-item .nav-link {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.custom-tabs-2 .nav-item .nav-link {
	font-size: 14px;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--dark-brown);
	border: 1px solid var(--dark-brown);
	border-radius: 0;
}
.custom-tabs-2 .nav-item:hover .nav-link,
.custom-tabs-2 .nav-item.active .nav-link {
	background: var(--dark-blue);
	color: #ffffff;
}
.custom-tabs-2 .nav-item:first-child .nav-link {
	border-left: 0;
}




.donor-logo-tab {
	justify-content: space-evenly;
	border-bottom: 0;
}
.donor-logo-tab .nav-item {
	font-family: "p22-mackinac-pro", serif;
	width: 50%;
	border-right: 1px solid var(--dark-brown);
	border-bottom: 1px solid var(--dark-brown);
}
.donor-logo-tab .nav-item:last-child {
	border-right: 0;
}
.donor-logo-tab .nav-item .nav-link {
	width: 100%;
	padding: 20px;
	border: 0;
}
.donor-logo-tab .nav-item .nav-link:hover,
.donor-logo-tab .nav-item .nav-link.active,
.donor-logo-tab .nav-item .nav-link:focus {
	background: var(--dark-green-1);
	box-shadow: none;
	outline: none;
	color: var(--light-green);
}
.donor-logo-tab .nav-item .nav-link.active,
.custom-tab-full .nav-item .nav-link.active {
	border-bottom: 0;
}

.custom-tab-full p{
	margin: 0;
}


.custom-tab-full {
	border-bottom: 0;
}
.custom-tab-full .nav-item {
	font-family: "p22-mackinac-pro", serif;
	border-right: 1px solid var(--dark-brown);
	border-bottom: 1px solid var(--dark-brown);
}
.custom-tab-full .nav-item:last-child {
	border-right: 0;
}
.custom-tab-full .nav-item .nav-link {
	color: var(--dark-brown);
	width: 100%;
	height: 100%;
	padding: 20px;
	border: 0;
	border-radius: 0;
}

.custom-tab-full .nav-item .nav-link:hover,
.custom-tab-full .nav-item .nav-link.active,
.custom-tab-full .nav-item .nav-link:focus {
	background: var(--dark-green-1);
	box-shadow: none;
	outline: none;
	color: var(--light-green);
}

/*#engagement-activities-tab.custom-tab-full .nav-item {
	width: 20%;
}*/


.meet-team-tab {
	justify-content: space-evenly;
	border-bottom: 0;
}
.meet-team-tab .nav-item {
	font-family: "p22-mackinac-pro", serif;
	width: 33.33%;
	border-right: 1px solid var(--dark-brown);
	border-bottom: 1px solid var(--dark-brown);
}
.meet-team-tab .nav-item:last-child {
	border-right: 0;
}
.meet-team-tab .nav-item .nav-link {
	width: 100%;
	padding: 20px;
	border: 0;
}
.meet-team-tab .nav-item .nav-link:hover,
.meet-team-tab .nav-item .nav-link.active,
.meet-team-tab .nav-item .nav-link:focus {
	background: var(--dark-green-1);
	box-shadow: none;
	outline: none;
	color: var(--light-green);
}
.meet-team-tab .nav-item .nav-link.active {
	border-bottom: 0;
}

.board-team-tabs .nav-item {
	width: 33.33%;
}

.custom-text-underline {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
}
/*.custom-accordion .accordion-item {
	background: transparent;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #ffffff;
	border-radius: 0;
}
.custom-accordion .accordion-item .accordion-button {
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	font-size: 32px;
	font-weight: 400;
	line-height: 40px;
	color: #ffffff;
	padding: 50px;
}
.custom-accordion .accordion-item:first-child .accordion-button {
	border-top: 1px solid #ffffff;
}
.custom-accordion .accordion-item .accordion-button.collapsed {
	border-radius: 0;
}
.custom-accordion .accordion-body {
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 50px;
}*/
.image-border {
	border: 8px solid #ffffff;
}

.custom-blurb-title {
	font-size: 26px;
	line-height: 34px;
}
/*.custom-accordion .accordion-item.active {
	background: #ffffff;
}*/
/*.custom-accordion .accordion-item.active .accordion-button {
	color: #ffffff;
}*/
.custom-accordion .accordion-item .accordion-button::after {
	background-image: url(../img/icons/plus-white-icon.svg);
	background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
}
.custom-accordion .accordion-item.active .accordion-button::after {
	background-image: url(../img/icons/minus-white-icon.svg);
	background-position: center;
}


.payment-logo img {
	max-width: 160px;
	width: 100%;
	margin-bottom: 15px;
}

.custom-tab-content .tab-pane:focus-visible {
	outline: none;
	box-shadow: none;
}

#member-account-header {
	padding: 40px 30px;
}
#member-account-header h1 {
	font-size: 32px;
	line-height: 40px;
}
#account-navigation .nav .nav-item .nav-link {
	font-size: 14px;
    line-height: 22px;
    background-color: #ffffff;
    color: var(--dark-brown);
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid var(--dark-brown);
}
#account-navigation .nav .nav-item .nav-link:hover,
#account-navigation .nav .nav-item .nav-link.active {
	background-color: var(--dark-green-1);
	color: var(--light-green);
}

.member-profile-photo img {
	max-width: 150px;
    background: transparent;
    border-radius: 0;
    border: 1px solid #111;
    padding: 0;
}
.member-name {
	font-size: 30px;
	line-height: 38px;
}
.custom-member-table table thead tr th {
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #555555;
}





#hero-image-2 {
	max-width: 600px;
	width: 100%;
    margin-left: auto;
    margin-right: 8%;
    margin-top: -18%;
}
#header-image-row-2 {
	position: relative;
	margin-top: -100px;
}
#hero-image-7 {
	max-width: 400px;
	width: 100%;
	margin: auto;
	position: absolute;
	bottom: -180px;
	left: 0;
	right: 0;
}
#hero-image-8 {
	position: relative;
	margin-top: 180px;
    margin-right: -120px;
    margin-bottom: 35px;
    z-index: 9;
    max-width: 700px;
    padding-left: 35px;
}







#home-bg-image-front{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 2;
	opacity: 0;

	background-attachment: fixed;
	background-image: url(../img/Philippine-Eagle-Community-Monitoring-Grp-Members-Observing-Eagles-Mt-Mingan-Dikapanikian-Aurora-by-J-Kahlil-Panopio.jpg);
}

#home-bg-image {
	background-attachment: fixed;
	background-image: url(../img/50-years-2.jpg);
}

.support-bg-col {
	background-image: url(../img/support-hero-image.jpg);
}
.learn-bg-col {
	background-image: url(../img/learn-hero-image-3.jpg);
}
#donor-bg-col {
	background-image: url(../img/Donors-Static-Image.jpg);
}
.contact-bg-col {
	background-image: url(../img/FFL-2.jpg);
}
.getting-involve-cover-bg {
	background-image: url(../img/getting-involved-cover.jpg);	
}
.getting-involve-raise-bg {
	background-image: url(../img/getting-involved-cover.jpg);
}
.getting-involve-celebrate-bg {
	background-image: url(../img/getting-involved-celebrate.jpg);	
}
.getting-involve-share-bg {
	background-image: url(../img/getting-involved-share.jpg);	
}
.getting-involve-explore-bg {
	background-image: url(../img/getting-involved-explore.jpg);	
}

.donate-cover-bg {
	background-image: url(../img/support-donate-cover-bg.jpg);	
}
.donate-gd-bg {
	background-image: url(../img/support-general-donation.jpg);
}
.donate-ffl-bg {
	background-image: url(../img/Forests-for-Life-Movement-3.jpg);	
}
#fundraise-cover-col {
	background-image: url(../img/support-fundraise.jpg);
	min-height: 400px;
}
#support-bg-section {
	min-height: 800px;
	background-attachment: fixed;
}
#partners-closing-bg-col {
	background-image: url(../img/partners-closing-image.jpg);
}
.token-bg-col {
	background-image: url(../img/token-hero-image.jpg);
}
.get-token-bg {
	background-image: url(../img/how-to-claim-your-token.jpg);
}
#for-organization-hero-image {
	background-image: url(../img/placeholder-image.jpg);	
}
#conservation-program-image {
	background-image: url(../img/placeholder-image.jpg);
}
#for-organization-footer-image {
	background-image: url(../img/placeholder-image.jpg);	
}
#birdwatching-tab-image {
	background-image: url(../img/placeholder-image.jpg);	
}
#project-footer-bg {
	background-image: url(../img/Membership-Hero-Statement.jpg);	
}
#work-footer-image {
	background-image: url(../img/partners-closing-image.jpg);
}
#volunteer-opportunities-image {
	background-image: url(../img/placeholder-image.jpg);
	min-height: 400px;
}


#contact-bg-header {
	min-height: 420px;
}
#newsletter-header-photo,
#for-organization-footer-image {
	min-height: 400px;
}


.membership-details-wrap {
	position: relative;
	z-index: 9;
}
.member-package-title {
	font-size: 28px;
	font-style: italic;
}
.member-package-desc {
	font-family: "p22-mackinac-pro", serif;
	font-size: 14px;
	line-height: 18px;
    max-width: 300px;
    margin: auto;
}

.calendar-month {
	font-size: 18px;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.calendar-date {
	font-size: 36px;
	font-family: "p22-mackinac-pro", serif;
	font-weight: 600;
	line-height: 44px;
}

/* CONTACT */
#contact-form-col {
	height: 88vh;
    overflow-y: auto;
}
#contact-form {
	padding-bottom: 50px;
}







.loading {
	animation: rotate 10s infinite linear;
}
    
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}


/*** BLOG ****/
.post-image-wrap img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
.post-list-title {
	font-size: 30px;
	line-height: 38px;
}
.post-list-date {
	font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.btn-post-list {
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.btn-post-list:hover {
	color: #0E2B2D;
}

.content-block.image-block {
	padding-top: 30px;
	padding-bottom: 30px;
}
.content-block-image .image-caption-wrap {
	padding-top: 20px;
	text-align: center;
}

/* KN-SWIPER  */
/*.short-code-wrapper{
	min-height: 100px;
	position: relative;
}*/
.kn-slider-wrapper{
/*	overflow: hidden;*/
/*	max-width: 950px;*/
/*	width: 100%;*/
/*	position: relative;*/
/*	min-height: 100px;*/
    padding-left: 35px;
    padding-right: 35px;
}
.kn-slider-wrapper .swiper{
	width: 100%;
    max-width: 100%;
    /*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.kn-slider-swiper {
/*	height: 100%;*/
}
.kn-slider-swiper .swiper-slide{
	height: auto;
}
.kn-slider-swiper .swiper-slide img {
	width: auto;
/*	height: 100%;*/
	/*height: 100%;
	object-fit: cover;*/
}

.kn-slider-wrapper .swiper-button-next,
.kn-slider-wrapper .swiper-button-prev{
	color: #000;
}
.kn-slider-wrapper .swiper-button-next::after,
.kn-slider-wrapper .swiper-button-prev::after{
	font-size: 28px;	
}
.kn-slider-arrow-nav .swiper-button-next {
	right: -20px;
}
.kn-slider-arrow-nav .swiper-button-prev {
	left: -20px;
}
.kn-slider-arrow-nav .swiper-button-next::after,
.kn-slider-arrow-nav .swiper-button-prev::after {
	font-size: 28px;
	color: var(--dark-brown);
}




/* PARTNERS */
.partner-cards-header {
	position: absolute !important;
    max-width: 650px;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
    top: 150px;
}









.hero-partner-logo img,
.hero-partner-logo svg {
	max-width: 100px;
	width: 100%;
	height: auto;
}
.photo-card-deck-wrapper-2 {
	overflow: hidden;
/*	position: absolute;*/
	max-width: 950px;
	width: 100%;
/*	top: -220px;*/
	/*right: 0;
	padding-left: 50px;
	padding-right: 50px;*/
}
.photo-card-deck-wrapper-2 .swiper-button-next,
.photo-card-deck-wrapper-2 .swiper-button-prev{
	color: #000;
}
.photo-card-deck-wrapper-2 .swiper-button-next:after,
.photo-card-deck-wrapper-2 .swiper-button-prev:after{
	font-size: 28px;	
}
.photo-card-deck-wrapper-2 .swiper-button-next {
	right: -5px;
}
.photo-card-deck-wrapper-2 .swiper-button-prev {
	left: -5px;
}

.photo-card-deck-wrapper {
	overflow: hidden;
	position: absolute;
	max-width: 950px;
	width: 100%;
	top: -220px;
	right: 0;
	padding-left: 50px;
	padding-right: 50px;
}
.partner-bg-row {
	background-image: url(../img/partners-garganey.jpg);
	background-attachment: fixed;
	min-height: 100vh;
}
.partner-logo {
	text-align: center;
}
.partner-logo img {
	max-width: 125px;
	width: 100%;
	margin: auto;
}
.partner-logo.bronze-logo img {
	max-width: 90px;
}
.partner-logo.partner-logo-big img {
	max-width: 160px;
}
#partner-logo-swiper .swiper-wrapper {
	padding-bottom: 50px;
}

.partner-name {
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
.progress-count {
	font-size: 30px;
	line-height: 38px;
}
#ongoing-project-funders {
	column-gap: 80px;	
	row-gap: 40px;
}
.partner-logo-wrap {
	max-width: 1000px;
	margin: auto;
    column-gap: 60px;
    row-gap: 30px;
}
.ongoing-partner-logos .partner-logo img {
	max-width: 180px;
}

.month-title {
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-size: 18px;
	font-weight: 800;
	line-height: 26px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 0;
}


#donors-details .tab-content {
	height: 80vh;
	overflow-y: scroll;
}

.ind-partner-list {
	list-style: none;
}
.ind-partner-list li {
	font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
}
.ind-partner-list li:last-child {
	margin-bottom: 0;
}
.ind-partner-list-modal li {
	flex-basis: 30%;
}
.ind-partner-list-modal li {
	margin-bottom: 0;
}
.ind-swiper-wrap.custom-swiper-wrap .swiper-button-next:after,
.ind-swiper-wrap.custom-swiper-wrap .swiper-button-prev:after {
	font-size: 24px;
}
.ind-swiper-wrap .swiper-button-next {
	right: 20px !important;
}
.ind-swiper-wrap .swiper-button-prev {
	left: 20px !important;
}



#partner-donation-portal-logo {
	column-gap: 20px;
	row-gap: 20px;
}
#partner-donation-portal-logo img {
	max-width: 125px;
	width: 100%;
}

/*************************************/
/*-- SUPPORT --*/
.support-partner-logo {
	column-gap: 80px;
}
#support-footer .blog-donation-box {
	padding-right: 10%;
	padding-left: 10%;
}


#featured-news-swiper-wrap {
	max-width: 700px;
}

#newsletter-learn-header {
	min-height: 400px;
}

/* MEET */
#meet-accordion-image {
	min-height: 300px;
}
#meet-accordion-links .custom-arrow-link {
	display: flex;
	align-items: center;
	flex-grow: 1;
}
#meet-accordion-links .custom-arrow-link a {
	height: 100%;
}
#meet-accordion-links .custom-arrow-title {
	font-size: 28px;
	line-height: 36px;
}
.meet-logo svg,
.meet-logo img {
	max-width: 85px;
	width: 100%;
	height: auto;
}
#meet-cards-swiper-wrap {
	padding-top: 0;
	padding-bottom: 0;
}
#meet-partner-logo-wrap {
	max-width: 600px;
	margin: auto;
}
#meet-partner-logo-wrap .partner-logo {
	display: inline-block;
	width: 32%;
	padding: 10px;
	vertical-align: top;
}
#meet-partner-logo-wrap .partner-logo img {
	max-width: 100px;
}
#meet-partner-logo-wrap .partner-logo p {
	line-height: 18px;
}
#history-image {
	min-height: 800px;
}
#healthy-roots {
	min-height: 400px;
}
#team-tabs {
	min-height: 400px;	
}










.hg__image,
.rg__image {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
  pointer-events: none;
}
.hg__image--l {
  width: 18vw;
  padding-bottom: 26vw;
}
.hg__image--m {
  width: 18vw;
  padding-bottom: 26.55vw;
}
.hg__image--s {
  width: 13vw;
  padding-bottom: 19vw;
}
.hg__image img,
.rg__image img,
.blog__image img,
.stage__image img,
.loader__image img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: 50% 50%;
  opacity: 0.8
}
.hg__left .hg__image:nth-child(1) {
  top: 17vh;
  left: 15vw;
}
.hg__left .hg__image:nth-child(2) {
  top: 30vh;
  left: 6vw;
}
.hg__left .hg__image:nth-child(3) {
  top: 56vh;
  left: 14vw;
}
.hg__right .hg__image:nth-child(1) {
  top: 15vh;
  left: auto;
  right: 21vw;
  width: 24vw;
  padding-bottom: 21vw;
}
.hg__right .hg__image:nth-child(2) {
  top: 27vh;
  left: auto;
  right: 10vw;
}
.hg__right .hg__image:nth-child(3) {
  top: 56vh;
  left: auto;
  right: 19vw;
  width: 16vw;
  padding-bottom: 20vw;
  z-index: 1;
}




/* =Blog */
.blog {
  color: var(--text-color);
}

.blog .chapter,
.contact .chapter {
  top: inherit;
  left: inherit;
  position: relative;
  margin: 0 var(--h-gutter) var(--v-spacing) var(--h-gutter);
}

.blog__image {
  margin: 0 50% 0 16.6%;
  padding-bottom: 50%;
  position: relative;
  overflow: hidden;
}

.blog__image img {
  opacity: 1;
  height: 120%;
  top: -20%;
}

.post__date {
  font-size: 1.6vw;
  opacity: 0.6;
}

.blog__text {
  position: absolute;
  left: calc(50vw + var(--h-gutter));
  right: calc(var(--h-gutter) * 4);
  top: calc( 50% + (var(--v-spacing) / 2) );
  /* 50% not 50vh becasue blog is not 100vh */
  transform: translateY(-50%);
}

.blog__text h3 {
  font-family: var(--font-headings);
  font-size: 3.6vw;
  line-height: 1.192307692;
  /*font-weight: normal;*/
  letter-spacing: 0.2vw;
}

/* =Contact - same layout as blog, but flipped image and text */
.contact .chapter {
  color: var(--text-dark-color);
}

.is-flipped .blog__image {
  margin: 0 16.6% 0 50%;
}

.is-flipped .blog__text {
  right: calc(50vw + var(--h-gutter));
  left: 16.6%;
}

/* =How we work */
.how-we-work .chapter {
  top: calc(var(--v-spacing) * 2);
}

.fixed-nav {
  position: absolute;
  top: calc(var(--v-spacing) * 3);
  left: var(--h-gutter);
}

.fixed-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.fixed-nav li {
  overflow: hidden;
}

.fixed-nav a {
  color: var(--text-color);
  text-decoration: none;
  font-family: var(--font-headings);
  position: relative;
  padding-left: 1.8vw;
  transform: translateX(-1.8vw);
  display: block;
  opacity: 0.4;
  transition: all 0.3s var(--easing);
}

.fixed-nav li a::before {
  content: "";
  display: block;
  height: 2px;
  width: 1.3vw;
  background-color: var(--text-color);
  position: absolute;
  top: 50%;
  left: 0;
}

.fixed-nav li.is-active a {
  transform: translateX(0);
  opacity: 1;
}

.stage__heading {
  font-family: var(--font-headings);
  position: relative;
  z-index: 2;
  /* fix for Safari */
}

.stage__heading h3,
.stage__heading p {
  position: absolute;
  left: 25vw;
  top: calc(var(--v-spacing) * -1.25);
  font-size: 3.6vw;
  font-weight: normal;
  margin: 0;
  white-space: nowrap;
  color: var(--text-color);
}

.stage__heading p {
  font-size: 1.6vw;
  opacity: 0.4;
  top: calc(var(--v-spacing) * -1.75);
}

.stage__image {
  width: calc(50vw + var(--h-gutter));
  margin: 0 var(--h-gutter) 0 33.33vw;
  padding-bottom: 33.33vw;
  background-color: #000000;
  overflow: hidden;
  position: relative;
  z-index: 1;
  /* fix for Safari */
}

.stage__image img {
  opacity: 0.9;
  height: 120%;
  top: -25%;
}

.stage__text {
  color: var(--text-color);
  margin: 0 calc(30vw + var(--h-gutter)) 50px 33.33vw;
}

.fill-background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  will-change: background-color;
  background-color: var(--bcg-full-color);
  transition: background-color 0.3s linear;
}



















.page-section-title-2{
	font-size: 66px;
	line-height: 70px;
}

.section-hero-num{
	width: 44px;
	height: 44px;
	border: 1px solid var(--main-bg-dark-blue);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--main-bg-color);
	font-weight: 600;
	font-size: 18px;
}
.section-hero-title{
	font-size: 52px;
	line-height: 58px;
	color: var(--main-bg-dark-blue);
}
.section-hero-sub-title{
	font-size: 18px;
	line-height: 28px;
	color: #888;
}

.btn-learn-more{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}
.btn-learn-more a{
	padding: 25px 40px;
	background: var(--main-bg-dark-blue);
	color: #ffffff;
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
}
.btn-learn-more a .arrow-right-1{
	width: 20px;
	height: 20px;
	display: inline-block;
}
.btn-learn-more a .arrow-right-1 svg{
	width: 100%;
}
.btn-learn-more a .arrow-right-1 svg path{
	fill: #ffffff;
}

.section-title-div{
	width: 30%;
	min-height: 4px;
	background: var(--main-bg-yellow);
	margin: 20px 0 30px;
}

.div-progress{
	max-width: 220px;
}
progress {
	display: block;
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 4px;
	border: none;
	background: transparent;
	margin: 20px 0 30px;
}
progress::-webkit-progress-bar {
  background: transparent;
}
progress::-webkit-progress-value {
  background: var(--main-bg-yellow);
  background-attachment: fixed;
}
progress::-moz-progress-bar {
  background: var(--main-bg-yellow);
  background-attachment: fixed;
}



/* *********************************** */
/* CUSTOM CONTAINERS */
/* *********************************** */

.container-custom-xl {
	max-width: 1800px;
	padding-left: 50px;
	padding-right: 50px;
}
.container-custom-lg {
	max-width: 1600px;
	padding-left: 50px;
	padding-right: 50px;
}
.container-custom-md {
	max-width: 1400px;
	padding-left: 50px;
	padding-right: 50px;
}
.container-custom-sm {
	max-width: 1200px;
	padding-left: 50px;
	padding-right: 50px;
}
.container-custom-xs {
	max-width: 1000px;
	padding-left: 50px;
	padding-right: 50px;
}


/* *********************************** */
/* BS5 RESET */
/* *********************************** */
.img-responsive {
	max-width: 100%;
	width: 100%;
}
.hide {
	display: none;
}



#main-navigation {
	background: var(--secondary-bg-color);
	position: fixed;
    height: 100vh;
    max-width: 75px;
    width: 100%;
    border-right: 1px solid #000000;
    z-index: 9999;
	/*box-shadow: 0px 4px 14px -8px rgba(0,0,0,0.1);*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#mobile-main-navigation {
	background: var(--secondary-bg-color);
	position: fixed;
	top: 0;
	z-index: 99999;
	width: 100%;
}

.nav-open #main-navigation {
	max-width: 250px;
}

/*#main-navigation {
	max-width: 250px;
}*/
#ms--main--body {
	margin-left: 75px;
	position: relative;
	/*border-right: 1px solid var(--dark-brown)*/
	/*overflow-x: hidden;*/
}
.site--logo svg {
	width: 70px;
	height: 70px;
}
.site--logo img {
	max-width: 80px;
	width: 100%;
}
#mobile-main-navigation .site--logo img {
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/*.nav-open .site--logo img,
body.nav-fixed-scrolled .site--logo img {
	filter: brightness(0) saturate(0%);
}*/
.logo-white svg path{
	fill: #ffffff;
}

#main-nav-items .nav .nav-item .nav-link {
	color: #353535;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
}
#main-nav-items .nav .nav-item .nav-link:hover {
	/*background: transparent;*/
}
.dropdown-label{
	display: inline-block;
	padding-right: 15px;
}

.donate-button {
	font-size: 18px;
	font-weight: bold;
	line-height: 26px;
	padding: 15px 30px !important;
	border-radius: 4px;
	border: 1px solid #ffffff;
	min-width: 200px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#sub-navigation{
	opacity: 0;
	visibility: hidden;
	perspective: 1000px;
	/*background: #ffffff;*/
	position: absolute;
	z-index: 1030;
	top: 100px;
	left: 0;
	right: 0;
	width: 100%;
	min-height: 400px;
}
.sub-nav-item{

}
.sub-nav-item-wrap a{
	color: var(--main-bg-color-2);
	text-decoration: none;;
}
.sub-nav-illustration{
	min-height: 350px;
	background: #f1f1f1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.sub-nav-item:hover .sub-nav-illustration{
	background: #ddd;
}
.sub-nav-label{
	font-size: 18px;
	font-weight: 600;
}
#main-nav-items .nav .nav-item .nav-link .drop-icon{
	width: 14px;
	height: 20px;
	position: absolute;
	display: inline-block;
	margin-top: 5px;
	/*margin-left: 11px;*/
}
.drop-icon{
	width: 15px;
	height: 15px;
	transition: .6s transform var(--ease-out-expo);
    transform: rotate(180deg);
}
#main-nav-items .nav .nav-item .nav-link.active-dropdown{
	color: var(--main-bg-yellow);
}
#main-nav-items .nav .nav-item .nav-link.active-dropdown .drop-icon{
	transform: rotate(0deg) translateY(-6px);	
}

.parent-nav-item .nav-link {
	display: block;
}
.parent-nav-item .nav-link.nav-arrow svg {
	width: 20px;
	height: auto;
}



.drop-icon svg{
	width: 100%;
}
.nav.nav-button .nav-item .nav-link {
	color: #FFFFFF;	
}


#search-dialog {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: var(--light-brown);
}
.search-nav-wrap {
	max-width: 700px;
	margin: auto;
}
.search-nav-wrap label {
	font-size: 46px;
	line-height: 54px;
}
.search-nav-wrap .form-control {
	padding: 15px;
}
#search-dialog .ms-dialog-close-btn .ion-close {
	font-size: 24px;
}





/* *********************************** */
/* LANDING PAGE */
/* *********************************** */
#landing-header {
	background: #0A2540;
	position: relative;
	/*min-height: 800px;*/
}
.minh-landing-body{
	min-height: 800px;
}
.landing-body-wrap{
	position: absolute;
	left: 30px;
	top:  0;
	z-index: 2;
	width: 100%;
	max-width: 50%;
	padding-right: 30px;
}
.landing-hero-title{
	font-size: 58px;
	line-height: 67px;
}
.bg-light-green{
	background-color: var(--bcg-full-color);
}


.planet-frame{
	position: relative;
	/*right: -400px;*/
}
.planet-frame iframe{
	min-height: 500px;
	min-width: 800px;
}
.stat-title{
	font-size: 28px;
	line-height: 38px;
	font-weight: 600;
	position: relative;
}
.stat-title:before{
    content: '';
    left: -20px;
    top: 5px;
    height: 29px;
    width: 2px;
    background-color: #008CE6;
    position: absolute;
    border-radius: 1px;
}


.scroll-down-wrap{
	position: absolute;
	bottom: 30px;
	color: #fff;
}
.scroll-down-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px;
	height: 80px;
	border: 1px solid #fff;
	border-radius: 50px;
	color: #ffffff;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.scroll-down-icon:hover{
	color: var(--main-bg-color);
	background: #ffffff;
	box-shadow: 0 0 0 6px rbga(0,0,0,0.5);
}
.scroll-down-wrap svg{
    width: 24px;
    height: 24px;
}






.service-box {
	background: #f5f5f5;
	border-radius: 4px;
	/*padding: 30px;*/
	min-height: 220px;
}
.service-details {
	min-height: 80px;
}


#services-carousel .owl-dots {
	padding-top: 30px;
	display: flex;
}
#services-carousel .owl-dots .owl-dot {
	background: #f3f3f3;
    width: 100%;
    height: 4px;
}
#services-carousel .owl-dots .owl-dot.active {
	background: #dfdfdf;
}

.group-company-logo img {
	max-width: 250px;
	width: 100%;
	margin: auto;
}
.cta-section {
	min-height: 700px;
	padding: 150px 0 100px;
}

.quote-icon {
	max-width: 35px;
	width: 100%;
}

.review-col:last-child .review-card {
	border-right: 0;
}
.review-card {
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 1px solid #dfdfdf;
}
.review-card .card-body {
	padding: 30px 0;
}
.review-card .card-footer {
	background: transparent;
	border-top: 0;
	padding: 0;
}
.review-card .card-footer .client-image {
	width: 50px;
    height: 50px;
    border-radius: 100px;
}

#insights {
	overflow: hidden;
}
#insights-carousel {
	position: relative;
    right: -10.5%;    
}


/* *********************************** */
/* FOOTER */
/* *********************************** */
#footer {
	background: var(--bg-light-gray);
	margin-left: 70px;
}
.footer-logo img {
	max-width: 150px;
	width: 100%;
}
.footer-credits {
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.footer-credits .nav {
	display: block;
}
.footer-credits .nav .nav-item {
	margin-bottom: 14px;
}
.footer-credits .nav .nav-item .nav-link {
	padding: 0;
	color: var(--dark-brown);
}
.footer-credits .nav .nav-item .nav-link:hover {
	color: var(--dark-green-1);
}
.footer-menu-title {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 10px;
}
.footer-menu {
	list-style: none;
	padding-left: 0;
}
.footer-menu li {
	font-size: 14px;
	line-height: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.footer-menu li a {
	text-decoration: none;
}
.footer-menu svg {
	width: 20px;
	height: auto;
	margin-top: 2px;
}
.footer-details .menu-title {
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.footer-details .nav {
	display: block;
}
.footer-details .nav .nav-item {
	margin-bottom: 5px;
}
.footer-details .nav .nav-item .nav-link {
	font-family: "p22-mackinac-pro", serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	padding: 0;
	color: var(--dark-brown);
}
.footer-details .nav .nav-item .nav-link:hover {
	color: var(--dark-green-1);
}
.footer-details .nav .nav-item svg path {
	fill: #ffffff;
}
.footer-contact img {
	width: 20px;
}


/* *********************************** */
/* BUTTONS */
/* *********************************** */
.btn {
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	padding: 15px 25px;
	border-radius: 0;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn:hover,
.btn:focus,
.btn:active {
	box-shadow: none;
	outline: none;
}
.btn-primary {
	background: var(--dark-blue);
	color: var(--light-blue-2);
	border: 1px solid var(--dark-blue);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background: #ffffff;
	color: var(--dark-blue);
	border: 1px solid var(--dark-blue);
}
.btn-default {
	background: #ffffff;
	color: var(--dark-blue);
	border: 1px solid var(--dark-blue);
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
	background: var(--dark-green-1);
	box-shadow: none;
	border: 1px solid var(--dark-green-1);
	color: #ffffff;
}
.btn-secondary {
	background: var(--dark-green-1);
	color: #ffffff;
	border: 1px solid var(--dark-green-1);
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	background: var(--dark-blue);
	box-shadow: none;
	border: 1px solid var(--dark-blue);
}
.btn-black {
	background: #1b1b1b;
	color: #ffffff;
	border: 2px solid #1b1b1b;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active {
	background: #008CE6;
	box-shadow: none;
	border: 2px solid #008CE6;
	color: #fff;
}

.btn-transparent {
	background: transparent;
	border: 1px solid #000000;
	color: #000000;
}
.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
	background: #4D5A31;
	border: 1px solid #4D5A31;
	color: #ffffff;
}
.btn-transparent-white {
	background: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
}
.btn-transparent-white:hover,
.btn-transparent-white:focus,
.btn-transparent-white:active {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #000000;
}
.btn-outline-brown {
	background: transparent;
	border: 1px solid var(--dark-brown);
	color: var(--dark-brown);
}
.btn-outline-brown:hover,
.btn-outline-brown:focus,
.btn-outline-brown:active {
	background: var(--dark-green-1);
	border: 1px solid var(--dark-green-1);
	color: #ffffff;
}


.btn-white {
	background: #ffffff;
	border: 1px solid #ffffff;
	color: #000000;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active {
	background: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
}




.btn-nav {
	max-width: 200px;
	width: 100%;
}
.btn-sm {
	font-size: 14px;
	line-height: 22px;
	padding: 10px 25px;
}
.btn-xs {
	font-size: 12px;
	line-height: 20px;
	padding: 8px 15px;
}
.custom-button-1 {
	max-width: 175px;
    width: 100%;
    padding: 10px;
}

.btn-filter {
	font-size: 12px;
    line-height: 16px;
    padding: 10px 20px;
}

.btn-w-sm {
	font-size: 12px;
	line-height: 16px;
	max-width: 150px;
	width: 100%;
	padding: 12px 25px;
}
.btn-w-md {
	font-size: 14px;
	line-height: 18px;
	max-width: 200px;
    width: 100%;
}
.btn-w-lg {
	font-size: 16px;
	line-height: 20px;
	max-width: 300px;
    width: 100%;
}

.btn-text-xs {
	font-size: 12px;
	line-height: 16px;
}
.btn-text-sm {
	font-size: 14px;
	line-height: 18px;
}
.btn-text-md {
	font-size: 16px;
	line-height: 20px;
}



/* BUTTON DARK BLUE */
.btn-dark-blue {
	background-color: var(--dark-blue);
	color: var(--light-blue-2);
	border: 1px solid var(--dark-blue);
}
.btn-dark-blue:hover,
.btn-dark-blue:focus,
.btn-dark-blue:active {
	background-color: #ffffff;
	color: var(--dark-blue);
	border: 1px solid var(--dark-blue);
}

/* BUTTON WHITE - BLUE HOVER */
.btn-white-blue {
	background-color: #ffffff;
	color: var(--dark-blue);
	border: 1px solid var(--dark-blue);
}
.btn-white-blue:hover,
.btn-white-blue:focus,
.btn-white-blue:active {
	background-color: var(--dark-blue);
	color: var(--light-blue-2);
	border: 1px solid var(--dark-blue);
}

/* BUTTON DARK BROWN */
.btn-dark-brown {
	background-color: var(--dark-brown);
	color: var(--light-brown);
	border: 1px solid var(--dark-brown);
}
.btn-dark-brown:hover,
.btn-dark-brown:focus,
.btn-dark-brown:active {
	background-color: var(--light-brown);
	color: var(--dark-brown);
	border: 1px solid var(--dark-brown);
}

/* BUTTON LIGHT BROWN */
.btn-light-brown {
	background-color: var(--light-brown);
	color: var(--dark-brown);
	border: 1px solid var(--light-brown);
}
.btn-light-brown:hover,
.btn-light-brown:focus,
.btn-light-brown:active {
	background-color: var(--dark-brown);
	color: var(--light-brown);
	border: 1px solid var(--dark-brown);
}

.btn-white-brown {
	background-color: #ffffff;
	color: var(--dark-brown);
	border: 1px solid var(--dark-brown);
}
.btn-white-brown:hover,
.btn-white-brown:focus,
.btn-white-brown:active {
	background-color: var(--dark-brown);
	color: var(--light-brown);
	border: 1px solid var(--dark-brown);
}

.btn-dark-green {
	background: var(--dark-green-1);
	color: var(--light-green);
	border: 1px solid var(--dark-green-1);
}
.btn-dark-green:hover,
.btn-dark-green:focus,
.btn-dark-green:active {
	background: var(--light-green);
	color: var(--dark-green-1);
	border: 1px solid var(--dark-green-1);
}

.btn-light-green {
	background: var(--light-green);
	color: var(--dark-green-1);
	border: 1px solid var(--dark-green-1);
}
.btn-light-green:hover,
.btn-light-green:focus,
.btn-light-green:active {
	background: var(--dark-green-1);
	color: var(--light-green);
	border: 1px solid var(--light-green);
}

.btn-white-green {
	background-color: #ffffff;
	color: var(--dark-green-1);
	border: 1px solid var(--dark-green-1);
}
.btn-white-green:hover,
.btn-white-green:focus,
.btn-white-green:active {
	background: var(--dark-green-1);
	color: var(--light-green);
	border: 1px solid var(--dark-green-1);
}


.btn-row .col-lg-6 {
	padding-left: 0 !important;
}




/*.btn-nav:hover,
.btn-nav:focus,
.btn-nav:active {
	background: #0E2B2D;
	color: #ffffff !important;
	border: 2px solid #0E2B2D;
}*/

.nav-open .btn-nav .btn,
body.nav-fixed-scrolled .btn-nav .btn,
.blog-page #right-nav .btn-nav .btn {
	background: #0E2B2D;
	color: #ffffff !important;
	border: 2px solid #0E2B2D;
}
.nav-open .btn-nav .btn:hover,
.nav-open .btn-nav .btn:focus,
.nav-open .btn-nav .btn:active,

body.nav-fixed-scrolled .btn-nav .btn:hover,
body.nav-fixed-scrolled .btn-nav .btn:focus,
body.nav-fixed-scrolled .btn-nav .btn:active,

.blog-page #right-nav .btn-nav .btn:hover,
.blog-page #right-nav .btn-nav .btn:focus,
.blog-page #right-nav .btn-nav .btn:active {
	background: #C38C5C;
	color: #ffffff !important;
	border: 2px solid #C38C5C;
}

.btn-green-1 {
	background: #00BE92;
	color: #ffffff;
	border: 2px solid #00BE92;
}
.btn-green-1:hover,
.btn-green-1:focus,
.btn-green-1:active {
	background: #9EC513;
	color: #ffffff;
	border: 2px solid #9EC513;
}

.btn-link {
	color: var(--dark-brown);
	text-decoration: underline;
}
.btn-link:hover {
	color: var(--dark-green-1);
}
.btn-link-2 {
	font-size: 14px;
	line-height: 22px;
	color: var(--dark-green-1);
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: 1px;
}

.custom-icon-tooltip {
	border: 0;
	background: transparent;
	padding: 0;
	line-height: 1em;
	margin-bottom: 2px;
}


/**************************/
/*** FORMS ***/
/**************************/
.form-group {
	position: relative;
	margin-bottom: 15px;
}
.form-check-label {
	font-size: 12px;	
}
.control-label,
.form-label,
.form-check-label,
.preview-label {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 0;
}
.preview-label {
	color: var(--dark-green-1);
}
.custom-label {
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	z-index: 9;
}
.custom-label-2 {
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.form-control,
.form-select {
	font-size: 18px;
	line-height: 26px;
	padding: 15px 10px;
	background-color: #F8F8F8;
	border-radius: 0;
	border: 1px solid var(--dark-brown);
}
.custom-form-control,
.custom-form-select {
	font-size: 18px;
	line-height: 26px;
	padding: 45px 15px 15px;
	background-color: #F8F8F8;
	border-radius: 0;
	border: 1px solid #F8F8F8;
	width: 100%;
}
.custom-form-control-2 {
	padding: 30px 15px 15px;
}
#donation-form .country-code-select {
	background-position: 82px 50px;
}
.country-code-select {
	font-size: 16px;
	line-height: 20px;
	width: 100% !important;
	max-width: 100px;
	padding: 35px 5px 10px 15px !important;
	background-position: 82px 42px;
	background-size: 10px !important;
	border: 0 !important;
}
.country-code-select:focus,
.country-code-select:active {
	box-shadow: none !important;
}

.contact-form-control {
	border: 0 !important;
}
.contact-form-control:focus,
.contact-form-control:active {
	box-shadow: none !important;
}

.form-control-2 {
	padding: 30px 15px 15px;
}
.form-control-3 {
	padding: 28px 15px 8px;
}
.form-control:focus,
.form-select:focus {
	background: #ffffff;
	color: #000000;
	border: 1px solid var(--dark-blue);
	/*box-shadow: 0 0 0 4px rgba(183,206,151,.25);*/ /*LIGHT GREEN*/
	/*box-shadow: 0 0 0 4px rgba(77,90,49,.25);*/ /*DARK GREEN*/
	box-shadow: 0 0 0 4px rgba(72,86,100,.25); /*DARK BLUE*/
}
.form-control::placeholder {
	color: #B2B2B2 !important;
	/*text-transform: uppercase;*/
	/*letter-spacing: 1px;*/
}
.country-code-select:hover,
.country-code-select:focus,
.country-code-select:active {
	border: none;
	box-shadow: none;
}
.form-select {
	background-size: 25px 12px;
}
.form-check {
	cursor: pointer;
}
.form-check-input {
	width: 16px;
	height: 16px;
	border: 2px solid #aaaaaa;
	background-color: #ffffff;
}
.form-check-input:focus {
	
}
.form-check-input:checked {
	/*background-image: none !important;*/
	background-color: var(--dark-blue);
	border-color: #ffffff;
	border-width: 0;
	box-shadow: 0px 0px 0px 1px var(--dark-blue);
}
/* Chrome, Safari, Edge, Opera */
.form-control::-webkit-outer-spin-button,
.form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: textfield;
}


/*.custom-radio-amount .form-check {
	padding-left: 0;
	position: relative;
}*/
/*.custom-radio-amount .form-check-input[type=radio] {
	width: 100%;
	height: 100%;
	max-width: 100%;
	min-height: 80px;
	border-radius: 6px;
	border: 0;
	float: none;
	margin: 0 !important;
	background-color: #F8F8F8;
}*/
.custom-radio-field .form-check {
	position: relative;
	padding-left: 0;
}
.custom-radio-field .form-check-input {
	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.custom-radio-field .form-check-label {
	font-family: "p22-mackinac-pro", serif;
	font-weight: 700;
	font-size: 20px;
	line-height: 26px;
	background: #f8f8f8;
	padding: 30px 20px;
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: capitalize;
	letter-spacing: 0;
}
.custom-radio-field .form-check-input:hover {
	cursor: pointer;
}
.custom-radio-field .form-check-input:focus,
.custom-radio-field .form-check-input:active,
.custom-radio-field .form-check-input:checked[type=radio] {
	background: transparent;
	border: 2px solid var(--dark-brown);
	box-shadow: 0 0 0 4px rgba(64,58,52,.25);
}


.custom-radio-amount .form-check {
	position: relative;
	padding-left: 0;
}
.custom-radio-amount .form-check-input {
	position: absolute;
	margin: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.custom-radio-amount .form-check-label {
	font-family: "p22-mackinac-pro", serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	background: #f8f8f8;
	padding: 30px 20px;
	width: 100%;
	text-align: center;
	/*position: absolute;
	top: 12px;
	left: 0;
	right: 0;
	text-align: center;
	letter-spacing: 2px;*/
}
.custom-radio-amount.custom-registration-type .form-check-label {
	font-size: 22px;
	line-height: 26px;
	letter-spacing: 0;
	height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-radio-amount .form-check-label span {
	display: block;
	font-family: 'Verlag' sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #888888;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.custom-radio-amount .form-check-input:hover {
	cursor: pointer;
}
.custom-radio-amount .form-check-input:focus,
.custom-radio-amount .form-check-input:active,
.custom-radio-amount .form-check-input:checked[type=radio] {
	background: transparent;
	border: 2px solid var(--dark-brown);
	box-shadow: 0 0 0 4px rgba(64,58,52,.25);
}

.custom-seedling-radio .form-check {
	margin-bottom: 15px;
	padding: 15px 30px;
	border: 1px solid #ddd;
	position: relative;
}
.custom-seedling-radio .form-check .form-check-input {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: 0;
	background: transparent;
}
.custom-seedling-radio .form-check .form-check-input:checked {
	box-shadow: 0px 0px 0px 2px var(--dark-blue);
}
.custom-seedling-radio .form-check .form-check-label {
	display: flex;
	align-items: center;
	column-gap: 10px;
}
.custom-seedling-radio img {
	max-width: 70px;
	width: 100%;
}
.custom-seedling-radio .seedling-amount {
	font-size: 30px;
	font-family: "p22-mackinac-pro", serif;
	font-weight: 600;
	line-height: 38px;
}


.custom-input-group .custom-label {
	z-index: 9;
	left: 66px;
}
.custom-input-group .input-group-text {
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
	border: 0;
}
.custom-select-label {
	color: #B2B2B2;
	text-transform: uppercase;
}

.custom-dropdown {
	color: #000000;
	/*text-transform: uppercase;*/
}


/* Custom CSS to change selected option color */
.form-select option:checked {
    background-color: #FF5733; /* Change this to your desired color */
    color: white; /* Change this to your desired text color */
}

/*.custom-dropdown-lowercase{
	color: #B2B2B2;
}*/

.custom-sub-title {
	font-weight: bolder;
	letter-spacing: 0.1em;
	line-height: 19px;
}


.contact-no-field .form-control {
	padding-left: 0;
	border-radius: 0 6px 6px 0;
}
.contact-no-field .form-control:focus,
.contact-no-field .form-control:focus-visible,
.contact-no-field .form-control:active,
.contact-no-field .form-control:visited {
	border: 0 !important;
	box-shadow: none !important;
}
.error-help-block,
.help-block p {
	font-size: 14px;
	line-height: 14px;
	color: #f00000;
	margin-top: 5px;
}
.file-detail .file_name,
.file-detail .file_size,
.file-detail .text-danger {
	font-size: 14px;
    line-height: 16px;
    display: block;
}
.file-detail .text-danger {
	margin-bottom: 15px;
}

.custom-form-wrap {
	max-width: 600px;
	padding: 50px;
	margin: 0 auto 200px;
	border: 1px solid #111;
}



.blog-donation-header {
	/*padding-top: 35px;
	padding-bottom: 35px;*/
}
.blog-donation-header h3 {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 0;
}
.blog-donation-form .custom-btn-group .btn:hover,
.blog-donation-form .custom-btn-group .btn-check:active+.btn,
.blog-donation-form .custom-btn-group .btn-check:checked+.btn,
.blog-donation-form .custom-btn-group .btn.active,
.blog-donation-form .custom-btn-group .btn.show,
.blog-donation-form .custom-btn-group .btn:active {
	background: #ffffff;
    border-color: var(--dark-blue);
    color: var(--dark-brown);
}
.blog-donation-form .custom-btn-group .btn-check:active+.btn .currency,
.blog-donation-form .custom-btn-group .btn-check:checked+.btn .currency {
	color: #858585;
}


.custom-btn-group {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
}
.custom-btn-group .btn {
	font-size: 12px;
    line-height: 18px;
	display: flex;
    align-items: center;
    width: 45%;
    padding: 15px 10px;
    justify-content: center;
}
.custom-btn-group .btn .amount {
	display: block;
	font-family: "p22-mackinac-pro", serif;
	font-size: 24px;
	line-height: 26px;
	letter-spacing: 0;
}
.custom-btn-group .btn .currency {
	display: block;
	font-size: 10px;
	line-height: 18px;
	color: #858585;
}
.custom-btn-group .btn:hover,
.custom-btn-group .btn-check:active+.btn,
.custom-btn-group .btn-check:checked+.btn,
.custom-btn-group .btn.active,
.custom-btn-group .btn.show,
.custom-btn-group .btn:active {
	background: var(--dark-blue);
	border-color: var(--dark-blue);
	color: #ffffff;
}
.custom-btn-group .btn-check:active+.btn .currency,
.custom-btn-group .btn-check:checked+.btn .currency {
	color: #ffffff;
}


.swiper-slide .custom-donation-type {
	position: relative;
	border: 1px solid #000000;
	max-width: 400px;
	margin: auto;
}
.custom-donation-type .form-check-input {
	width: 100%;
	height: 100%;
	position: absolute;
	margin: 0;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	top: 0;
	left: 0;
	opacity: 0;
}
.custom-donation-type .form-check-label h3 {
	font-size: 22px;
	line-height: 30px;
	padding: 20px;
	margin-bottom: 0;
	text-transform: capitalize;
    letter-spacing: 0;
}
.donation_type_desc {
	border-top: 1px solid #000000;
	padding-top: 30px;
	margin-top: 20px;
}

.form-title {
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: var(--dark-green-1);
	letter-spacing: 2px;
	text-transform: uppercase;
}

.custom-contact-field,
.custom-amount-field {
	position: relative;
	border: 1px solid #ffffff;
}
.custom-contact-field .input-group-text,
.custom-amount-field .input-group-text {
	border-radius: 0;
	background: transparent;
	border: 0;
	position: absolute;
    z-index: 9;
    bottom: 10px;
}
.custom-amount-field .input-group-text {
	padding: 5px 15px;
}
.custom-contact-field .form-control {
	padding: 46px 10px 15px 5px;
}
.custom-amount-field .form-control {
	padding: 40px 15px 15px 50px;
}
.custom-contact-field .form-control:focus,
.custom-contact-field .form-control:active {
	border: 0;
	box-shadow: none;
}

.contact-field-focus {
	border: 1px solid var(--dark-blue);
	/*box-shadow: 0 0 0 4px rgba(183,206,151,.25);*/ /*LIGHT GREEN*/
	/*box-shadow: 0 0 0 4px rgba(77,90,49,.25);*/ /*DARK GREEN*/
	box-shadow: 0 0 0 4px rgba(72,86,100,.25); /*DARK BLUE*/
}

.seedling-number-wrap {
	position: relative;
}
.seedling-number-wrap .number-field-icon .number-icon {
	font-size: 36px;
	line-height: 44px;
	background: transparent;
	border: 0;
}
.seedling-number-wrap .number-field-icon.minus-icon {
	position: absolute;
	bottom: 10px;
	left: 10px;
}
.seedling-number-wrap .number-field-icon.plus-icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.seedling-number-wrap #number-seedling-field {
	text-align: center;
}
.seedling-number-wrap .minus,
.seedling-number-wrap .plus {
	font-size: 28px;
    background: transparent;
    border: 0;
    position: absolute;
    top: 34px;
}
.seedling-number-wrap .minus {
	left: 10px;
}
.seedling-number-wrap .plus {
	right: 10px;
}

#membership-swiper {
	padding-left: 25px;
	padding-right: 25px;
}
#member-package-swiper .swiper-slide {
	height: auto;
	padding: 0 50px;
}
.membership_packages {
	max-width: 500px;
	margin: auto;
}

.organization-partner-swiper .swiper-slide {
	height: auto;
}


.custom-swiper .swiper-slide img {
	background: #ffffff;
	padding: 5px;
}
#token-swiper .swiper-slide .token-card img {
	border: 1px solid var(--dark-brown);
	padding: 0;
}

.custom-swiper-image img {
	padding: 10px;
}


/*#member-package-swiper .swiper-button-prev,
#member-package-swiper .swiper-button-next {
	background: var(--light-gray);
}*/

#member-tier-check {
	position: relative;
	padding: 20px 0 0;
}
#member-tier-check .form-check-input {
	width: 100%;
	height: 50px;
	background: transparent;
	border-radius: 0;
	border: 0;
	float: none;
	margin: 0;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#member-tier-check .form-check-input:checked {
	background: transparent;
	border-radius: 0;
	border: 0;
	box-shadow: none;
}
#member-tier-check label {
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 2px;
	position: absolute;
	top: 20px;
	right: 0;
	left: 0;
	background: #ffffff;
	color: var(--dark-brown);
	border: 1px solid var(--dark-brown);
	text-align: center;
	padding: 10px 20px;
	height: 50px;
	cursor: pointer;
	max-width: 100%;
	width: 100%;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#member-tier-check .form-check-input:checked + label {
	background: var(--dark-brown);
	border: 1px solid var(--dark-brown);
	color: var(--light-brown);
}
#member-tier-check .form-check-input:hover + label {
	background: var(--dark-brown);
	border: 1px solid var(--dark-brown);
	color: var(--light-brown);
}






.payment-logos img {
	max-width: 70px;
	width: 100%;
}
#donation-payment .form-check-input {
    border: 1px solid #aaaaaa;
    background-color: #ffffff !important;
    margin-top: 8px;
}
#donation-payment .form-check-input:checked {
    background-color: var(--dark-blue) !important;
	border-color: #ffffff;
	border-width: 0;
	box-shadow: 0px 0px 0px 1px var(--dark-blue);
}

#donation-form-wrap {
	padding: 50px;
}

.form-buttons .form-group {
	max-width: 200px;
	width: 100%;
}
.form-buttons .form-group .btn {
	width: 100%;
}

#deposit-slip img {
	padding: 4px;
    border-radius: 0;
    max-width: 100%;
    height: auto;
}


.claim-page #ms--main--body {
	margin-left: 0;
}
.claim-site-logo img {
	max-width: 80px;
	width: 100%;
	margin: auto;
}
.unique-code-wrap .form-control {
	text-align: center;
}
.unique-code-wrap .form-control::placeholder {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.claim-bg-image {
	background-image: url(../img/forest-cover.jpg);
	position: relative;
	min-height: 100vh;
}


/*************************/
/*** DONATION PAGE ***/
/*************************/
.donation-hero-col {
	/*position: fixed;
    min-height: 100vh;
    left: 70px;*/
}
/*.donate-header {
	position: sticky;
	top: 0;
	min-height: 100vh;
}*/
/*.donate-header-text {
	padding-top: 12%;
	padding-bottom: 12%;
}*/
.donate-header-text .header-image {
	max-width: 600px;
	width: 100%;
	margin: 0 auto 30px;
}
.donate-header .header-image img {
	border: 15px solid #ffffff;
}
.donation-image-col {
	position: fixed;
	left: 100px;
}
.donate-bg-image {
	background: url(../img/Dulungan-male-with-in-agoho-tree-1.jpg);
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	min-height: 100vh;
}
.donate-header-text .page-title {
	font-size: 36px;
	font-weight: 300;
	line-height: 44px;
}
.donate-header-text h2 {
	font-size: 26px;
	font-weight: 300;
	line-height: 34px;
	max-width: 600px;
	margin: auto;
}
/*.donate-header {
	min-height: 100vh;
}*/
/*.donate-header-text {
	min-height: 90.8vh;
}*/


#donation-tab .nav-item {
	width: 100%;
	max-width: 33.33%;
}
#donation-tab.affiliate-member-bar .nav-item {
	max-width: 50%;
}
#donation-tab .nav-item .nav-link {
	background-color: #cecece;
	border-radius: 0;
	padding: 2px;
	width: 100%;
}
#donation-tab .nav-item:first-child .nav-link {
	border-radius: 4px 0 0 4px;
}
#donation-tab .nav-item:last-child .nav-link {
	border-radius: 0 4px 4px 0;
}
#donation-tab .nav-item .nav-link.active,
#donation-tab .nav-item .nav-link.step-done {
	background-color: var(--dark-green-1);
}

.donation-favorite {
	border: 1px dashed #b1b1b1;
	border-radius: 6px;
	padding: 10px 15px;
	max-width: 200px;
	display: flex;
	align-items: center;
}
.heart-icon svg {
	max-width: 30px;
	width: 100%;
	height: auto;
	background: #F8F8F8;
	border-radius: 50px;
	padding: 5px;
}
.heart-icon svg path {
	color: #B2B2B2;
}



#radio-donation-type {
	display: flex;
	align-items: flex-start;
	column-gap: 30px;
}





.confirm-donation-details {
	background: #f8f8f8;
	padding: 35px;
}

.custom-donation-border-bottom{
	border-bottom: 2px solid #EEEEEE;
}

.donation-val {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

.donation-val-bank-transfer{
	font-size: 14px;
	line-height: 15px;
	color: #B2B2B2;
	letter-spacing: 0.1em;
}

/*.donation-payment {
	background: #f8f8f8;
	border-radius: 6px;
	padding: 20px;
	margin-bottom: 25px;
}*/

/*.donation-payment .form-check-input {
	border-color: #B2B2B2;
}*/
/*.donation-payment .form-check-input:focus,
.donation-payment .form-check-input:focus-visible,
.donation-payment .form-check-input:focus-within,
.donation-payment .form-check-input:visited,
.donation-payment .form-check-input:active {
	border-color: #ffffff !important;
	filter: none;
}*/
/*#payment-method-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}*/
.payment-logo img {
	max-width: 80px;
	width: 100%;
}
.payment-method-logo img {
	max-width: 70px;
	width: 100%;	
}

.tooltip-icon {
	position: absolute;
	right: 0;
	top: 25px;
}
.tooltip-icon svg {
	width: 20px;
	height: auto;
}


/* MEMBERS DASHBOARD */
#member-id-wrap {
	overflow-x: auto; 
	overflow-y: hidden;
}




/* *********************************** */
/* HELPERS */
/* *********************************** */
.section-pad-lg {
	padding-top: 100px;
	padding-bottom: 100px;
}
.section-pad-md {
	padding-top: 80px;
	padding-bottom: 80px;
}

.bg-white {
	background-color: #FFFFFF;
}
.bg-black {
	background-color: #000000;
}
.bg-green-1 {
	background-color: #1A5632;	
}
.bg-green-2 {
	background-color: #405230;
}
.bg-green-3 {
	background-color: var(--light-green);
}
.bg-green-4 {
	background-color: var(--light-green-3);
}
.bg-dark-green {
	background-color: var(--dark-green-1);
}
.bg-yellow {
	background-color: #F6C514;
}
.bg-brown {
	background-color: #9D3D04;
}
.bg-dark-brown {
	background-color: var(--dark-brown);
}
.bg-light-brown {
	background-color: var(--light-brown);
}
.bg-light-blue {
	background-color: var(--light-blue);
}
.bg-dark-blue {
	background-color: var(--dark-blue);
}
.bg-blue-green {
	background-color: #01969F;
}
.bg-gray {
	background-color: #CCCCCC;
}
.bg-light-gray {
	background-color: #EDEDED;	
}
.bg-light-gray-2 {
	background-color: #f7f7f7;	
}
.bg-dark-gray {
	background-color: #282C38;
}
.bg-blue-1 {
	background-color: #485664;	
}
.bg-blue-2 {
	background-color: #A2B2C9;	
}
.bg-blue-3 {
	background-color: #c3cbd7;
}

.bg-overlay-black {
	background: rgba(0,0,0,0.35);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.border-right-black {
	border-right: 1px solid #000000;
}
.border-white-15 {
	border: 15px solid #fff;
}
.border-dark-brown {
	border-color: var(--dark-brown) !important;
}

.btn-outline.bg-white{
	color: #ffffff;
	background: transparent !important;
	border-color: #ffffff;
}


.custom-dbrown-link {
	color: var(--dark-brown);
}
.custom-dbrown-link:hover {
	color: var(--dark-green-1);
}


.text-xs {
	font-size: 12px;
	line-height: 20px;
}
.text-sm {
	font-size: 14px;
	line-height: 22px;
}
.text-md {
	font-size: 16px;
	line-height: 24px;
}
.text-lg {
	font-size: 18px;
	line-height: 26px;
}
.text-xl {
	font-size: 20px;
	line-height: 28px;
}
.text-2xl {
	font-size: 22px;
	line-height: 30px;
}
.text-3xl {
	font-size: 24px;
	line-height: 32px;
}
.text-4xl {
	font-size: 26px;
	line-height: 34px;
}
.text-5xl {
	font-size: 28px;
	line-height: 36px;
}
.text-6xl {
	font-size: 30px;
	line-height: 38px;
}
.text-7xl {
	font-size: 32px;
	line-height: 40px;
}

.ls-1 {
	letter-spacing: 1px;
}
.ls-2 {
	letter-spacing: 2px;
}


.p22 {
	font-family: "p22-mackinac-pro", serif !important;
}
.text-mackinac {
	font-family: "p22-mackinac-pro", serif !important;
}
.text-verlag {
	font-family: "Verlag A", "Verlag B", sans-serif !important;
}
.text-verlag-black {
	font-family: "Verlag A", "Verlag B", sans-serif !important;
	font-weight: 800;
}
.text-urbane {
	font-family: "urbane", sans-serif;
}

.text-underline {
	text-transform: uppercase;
	text-decoration: underline;
	letter-spacing: 1px;
}


.text-box-2-rows {
	/*width: 200px;
	overflow: hidden;
	display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  */
}


/* *********************************** */
/* PAGE BUILDER CLASS */
/* *********************************** */
.gjs-cblock-item img{ 
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
}
.gjs-cblock-item table{
	  --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: var(--bs-body-color);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: top;
    border-color: var(--bs-table-border-color);
    width: 100%;
}
.gjs-cblock-item table td{
	border: 1px solid #bbb;
	padding: 5px 10px;
}
/*
.gjs-cblock-item .table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
}*/
/*
.gjs-cblock-item .table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.gjs-cblock-item .table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
}
.gjs-cblock-item .table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}*/

/* *********************************** */
/* BADGES */
/* *********************************** */
.badge {
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  border-radius: 50px;
  padding: 4px 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.badge svg {
  margin-right: 5px;
}
.badge-green {
  background: #a7f3d0;
  color: #065f46;
}
.badge-yellow {
  background: #FAE8C5;
  color: #713f12;
}
.badge-red {
  background: #fecaca;
  color: #991b1b;
}
.badge-blue {
  background: #bfdbfe;
  color: #1e40af;
}
.badge-slate {
  background: #cbd5e1;
  color: #334155;
}

.custom-ul {
	list-style: none;
	padding: 0;
}


.pt50 {
	padding-top: 50px;
}
.pt100 {
	padding-top: 100px;
}
.pt150 {
	padding-top: 150px;
}
.pt200 {
	padding-top: 200px;
}
.pb100 {
	padding-bottom: 100px;
}

.pt50vh {
  padding-top: 50vh;
}
.pb50vh {
  padding-bottom: 50vh;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mw120 {
	max-width: 120px !important;
	width: 100% !important;
}
.mw150 {
	max-width: 150px !important;
	width: 100% !important;
}
.mw180 {
	max-width: 180px;
	width: 100% !important;
}
.mw200 {
	max-width: 200px;
	width: 100% !important;
}
.mw250 {
	max-width: 250px;
	width: 100% !important;
}
.mw300 {
	max-width: 300px;
	width: 100% !important;
}
.mw400 {
	max-width: 400px;
	width: 100% !important;
}
.mw450 {
	max-width: 450px;
	width: 100% !important;
}
.mw500 {
	max-width: 500px;
	width: 100% !important;
}
.mw550 {
	max-width: 550px;
	width: 100% !important;
}
.mw600 {
	max-width: 600px;
	width: 100% !important;
}
.mw650 {
	max-width: 650px;
	width: 100% !important;
}
.mw680 {
	max-width: 680px;
	width: 100% !important;
}
.mw700 {
	max-width: 700px;
	width: 100% !important;
}
.mw750 {
	max-width: 750px;
	width: 100% !important;
}
.mw800 {
	max-width: 800px;
	width: 100% !important;
}
.mw850 {
	max-width: 850px;
	width: 100% !important;
}
.mw900 {
	max-width: 900px;
	width: 100% !important;
}


.border-top-right-100 {
	border-top-right-radius: 100px;
}
.border-top-right-80 {
	border-top-right-radius: 80px;
}
.border-top-left-80 {
	border-top-left-radius: 80px;
}
.border-bottom-right-80 {
	border-bottom-right-radius: 80px;
}

.border-bottom-white {
	border-bottom: 1px solid #fff;
}

.overflow-x-scroll {
	overflow-x: scroll;
}



.extra-content{
  display: none;
}
.extra-content.active{
  display: block;
}

.text-white-70 {
	color: rgba(255,255,2555,.7);
}

.text-white {
	color: #ffffff;
}
.text-gray {
	color: #5C5C5E;
}
.text-gray-2 {
	color: #B2B2B2;
}
.text-gray-3 {
	color: #888888;
}
.text-light-brown {
	color: var(--light-brown);
}
.text-dark-brown {
	color: var(--dark-brown);
}
.text-light-blue {
	color: var(--light-blue);
}
.text-light-blue-2 {
	color: #C1CAD6;
}
.text-dark-blue {
	color: var(--dark-blue);
}

.text-light-green {
	color: var(--light-green);
}
.text-dark-green {
	color: var(--dark-green-1);
}
.text-dark-green-2 {
	color: var(--dark-green-2);
}
.text-dark-gray {
	color: #4B5763;
}
.text-black {
	color: var(--text-primary-color);
}
.text-red {
	color: #f00000;
}

.ls-1 {
	letter-spacing: 1px;
}

/* ANIMATIONS */
.gs_reveal {
	opacity: 0;
	visibility: hidden;
	will-change: transform, opacity;
}

/* HARIBON LANDING PAGE */
.section-bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section-bg-color {
	position: relative;
}
.section-bg-color::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section-content {
	position: relative;
	z-index: 9;
}

#water-we-drink.section-bg-color::before {
	background-color: #000000;
	opacity: .4;
}
#food-we-eat.section-bg-color::before {
	background-color: #A05206;
	opacity: .3;
}
#materials-we-use.section-bg-color::before {
	background-color: #412527;
	opacity: .5;
}
#places-dwell-meet.section-bg-color::before {
	background-color: #3E6CD7;
	opacity: .3;
}
#families-care-feed .section-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 70vh;
}
#families-care-feed .section-bg-color::before {
	background-color: #000;
    opacity: .3;
    border-bottom-right-radius: 80px;
}
#families-care-feed .section-content {
	position: absolute;
	top: 200px;
	right: 30%;
	max-width: 600px;
	width: 100%;
}
.we-share-bottom {
	max-width: 230px;
	width: 100%;
	margin-left: auto;
	margin-right: 0;
}

#we-are-interconnected .section-image {
	position: absolute;
	right: -25%;
	top: 50px;
	max-width: 950px;
}
#we-are-interconnected {
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
}


.fp-watermark {
	display: none;
}


/* MODAL */
.modal-dialog {
	margin-top: 100px;
}
.modal-content {
	border-radius: 0;
}
.bootbox.modal .modal-header {
	display: block;
	border-bottom: 0;
}
.bootbox.modal .modal-header .bootbox-close-button {
	position: absolute;
	top: 10px;
	right: 15px;
	border: 0;
	background: transparent;
	color: #888888;
	font-size: 30px;
	line-height: 18px;
	padding: 5px;
}
.bootbox.modal .modal-footer {
	border-top: 0;
}
.donation-success-modal .modal-dialog {
	max-width: 800px;
}
.custom-modal-sm .modal-dialog {
	max-width: 600px;
}
.custom-modal-sm .modal-title {
	padding-right: 30px;
}


/* CROP IMAGE */
.jcrop-holder {
	width: 100% !important;
	background: transparent !important;
}

/*.section-image {
	position: relative;
}
.section-image img::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: .4;
}*/


/*.blog-page #ms--main--body {
	padding-top: 0;
}*/
.blog-page .page-section {
	padding-top: 0;
}
.blog-post-image {
	position: relative;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    border-right: 1px solid var(--dark-brown);
    border-bottom: 1px solid var(--dark-brown);
}
.blog-post-image img {
	min-height: 100vh;
	object-fit: cover;
}
.blog-post-image .bg-blog-color {
	background: rgba(0,0,0,0.2);
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
}
.blog-header-details { 
	max-width: 700px;
	margin: auto;
}
.blog-header-details h1 {
	font-size: 38px;
	line-height: 48px;
}

.type-normal .blog-header-details {
	max-width: 1100px;
	margin-left: 0;
}
.type-normal .blog-meta-details {
	position: relative;
	bottom: auto;
	width: 100%;
	left: auto;
	right: auto;
}

.blog-arrow {
	text-align: center;
}
.blog-arrow svg {
	max-width: 40px;
	height: auto;
}
.blog-post-content .container {
	max-width: 100%;
}
.content-block-section .container {
	padding: 0;
}


.btn-share .ms-social-icon {
	font-size: 30px;
	line-height: 30px;
	color: #000000;
}
#sticky-icons {
	position: fixed;
    top: 50px;
    right: 0;
    transform: translateX(-50%);
    background-color: #f0f0f0;
    z-index: 9;
    transition: bottom 0.3s ease;
}



/*.ms-share-buttons {
	position: sticky;
    top: 0;
    right: 0;
}*/
.ms-share-buttons li .form-group {
	text-align: center;
	padding: 10px;
	margin-bottom: 0;
	background: var(--light-brown);
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	max-width: 50px;
	margin-right: 0;
    margin-left: auto;
}
.ms-share-buttons li:last-child .form-group {
	border-bottom: 1px solid #000000;
}

.blog-post-related h2 {
	font-size: 28px;
	line-height: 36px;
}
.blog-post-related .post-card h3 {
	font-size: 18px;
	line-height: 26px;
}
.blog-post-related .post-card h3 .post-link {
	color: #000000;
}
.blog-post-related .post-card .intro {
	font-size: 16px;
    line-height: 24px;
    color: #5a5a5a;
    margin-bottom: 20px;
}

.blog-category-wrap ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	display: block;
	align-items: center;
	column-gap: 20px;
}
.blog-category-wrap ul li{
	display: inline-block;
	margin-bottom: 10px;
}
.blog-categories {
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	display: inline-block;
	color: var(--dark-blue);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-right: 20px;
	position: relative;

	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.blog-categories.active {
	color: var(--dark-green-1);
}
.blog-categories:hover {
	/*transform: translateY(-20px);*/
}
.blog-categories:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 2px;
    width: 0;
    transition: width 0s ease, background .5s ease;
}
.blog-categories.active:before {
	width: 100%;
}
.blog-categories:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: -5px;
    height: 2px;
    width: 0;
    background: var(--dark-green-1);
    transition: width .5s ease;
}
.blog-categories.active:after {
	width: 100%;
}
.blog-categories:hover:before {
    width: 100%;
    background: var(--dark-green-1);
    transition: width .5s ease;
}
.blog-categories:hover:after {
    width: 100%;
    background: transparent;
    transition: all 0s ease;
}



.blog-post-thumbnail {
	border: 1px solid var(--dark-brown);
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #ffffff;
}
.blog-post-thumbnail-image img {
	height: 200px;
	object-fit: cover;
	border-bottom: 1px solid var(--dark-brown);
}
.announcement-thumbnail  .blog-post-thumbnail-image img {
	height: 400px;
}
.announcement-image-only {
	text-align: center;
}
.announcement-image-only img {
	object-fit: cover;
	max-width: 1200px !important;
	width: 100% !important;	
	height: 600px !important;
}
.blog-thumbnail-details {
	padding: 25px;
}
.blog-post-thumbnail-title {
	font-size: 18px;
	line-height: 24px;
	color: var(--dark-brown);
	margin-bottom: 5px;
}
.announcement-thumbnail .blog-post-thumbnail-title {
	font-size: 24px;
	line-height: 32px;
}
.blog-post-thumbnail-meta {
	font-family: "p22-mackinac-pro", serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 0;
}
.blog-post-thumbnail-body,
.blog-post-thumbnail-excerpt {
	font-size: 16px;
	line-height: 22px;
}
.blog-post-thumbnail .btn {
	width: 100%;
	border-top: 1px solid var(--dark-brown);
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.custom-pagination .pagination {
	justify-content: end;
	flex-wrap: wrap;
    row-gap: 5px;
}
.custom-pagination .pagination .page-item .page-link {
	padding: 6px 15px;
	display: block;
	background: transparent;
	border-color: var(--dark-brown);
	border-radius: 0;
	color: var(--dark-brown);
}
.custom-pagination .pagination .page-item .page-link:hover,
.custom-pagination .pagination .page-item .page-link:focus,
.custom-pagination .pagination .page-item .page-link:active {
	box-shadow: none;
}
.custom-pagination .pagination .page-item:hover .page-link,
.custom-pagination .pagination .page-item.active .page-link {
	background: var(--dark-brown);
	color: #ffffff;
}
.custom-pagination {

}

.active-project-image {
	min-height: 500px;
	width: 100%;
}
.project-thumbnail-title {
	font-size: 30px;
	line-height: 38px;
	color: var(--dark-brown);
	margin-bottom: 20px;
}
.project-pillar-title {
	font-size: 22px;
    line-height: 32px;
    margin-bottom: 0;
}
.download-thumbnail-title {
	font-size: 18px;
	line-height: 26px;
	color: var(--dark-brown);
}
.download-post-thumbnail-image img {
	height: 135px;
	border-right: 1px solid var(--dark-brown);
	border-bottom: 0;
}
.current-project-wrap {
	border-right: 1px solid var(--dark-brown);
	width: 100%;
}
#current-project-details .custom-col:last-child .current-project-wrap {
	border-right: 0;
}
.current-project-wrap .project-title {
	font-size: 20px;
	line-height: 26px;
}
.current-project-wrap img {
	height: 450px;
    width: 100%;
    object-fit: cover;
}



.custom-label-package{
	font-size: 9px;
	font-weight: 400;
	line-height: 1px;
}

.custom-active-kids{
	background-color: #00BE92;
	font-size: 8px;
	font-weight: 500;
	padding: 3px 17px;
	border-radius: 15px;
}

.custom-active-adult{
	background-color: #9F7439;
	color: #ffff;
	font-size: 8px;
	font-weight: 500;
	padding: 3px 11px;
	border-radius: 15px;
}

.custom-padding {
	padding: 15px;
}


.project-category-row {
	min-height: 85px;
}


/* CUSTOM CATEGORY */
.custom-category-wrap {
	height: 100%;
}
.custom-category-wrap ul {
	padding: 0;
	list-style-type: none;
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}
.custom-category-wrap ul li {
	background: var(--light-brown);
	border-bottom: 1px solid var(--dark-brown);
	height: 100%;
}
.custom-category-wrap ul li a {
	display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.custom-category-wrap ul li:last-child {
	border-bottom: 0;
}
.custom-category-wrap ul li .custom-blog-category-filter {
	border-right: 1px solid var(--dark-brown);
	height: 100%;
	display: flex;
    align-items: center;
}
.custom-category-wrap ul li.active .custom-blog-category-filter,
.custom-category-wrap ul li .custom-blog-category-filter:hover {
	background-color: var(--dark-blue) !important;
}
.custom-category-wrap ul li.active .custom-blog-category-filter .custom-blog-category-name,
.custom-category-wrap ul li .custom-blog-category-filter:hover .custom-blog-category-name {
	color: #ffffff;
}
.custom-category-wrap ul li .custom-blog-category-filter:hover {

}
.custom-blog-category-name {
	font-family: "p22-mackinac-pro", serif;
	font-size: 24px;
	line-height: 34px;
	display: block;
	padding: 10px 20px;
	width: 100%;
}
.custom-category-wrap ul li .custom-blog-category-icon {
	max-width: 65px;
    width: 100%;
    padding: 5px 15px;
}
.custom-category-wrap ul li .custom-blog-category-icon img {
	max-width: 100px;
    width: 100%;
}
.custom-category-wrap ul li .custom-blog-category-icon .x-lg-icon {
	display: none;
}
.custom-category-wrap ul li.active .custom-blog-category-icon .x-lg-icon {
	display: block;
	cursor: pointer;
}
.custom-category-wrap ul li .custom-blog-category-icon .chev-right-icon {
	display: block;
}
.custom-category-wrap ul li.active .custom-blog-category-icon .chev-right-icon {
	display: none;
}

.custom-blog-dropdown-filter .form-group {
	display: inline-block;
	padding-left: 5px;
	vertical-align: middle;
}
.custom-blog-dropdown-filter .form-group:first-child {
	padding-left: 0;
}
.custom-blog-dropdown-filter .form-group .selectize-control {
	text-align: left;
	width: 180px;
}
.custom-blog-dropdown-filter .selectize-input {
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-size: 16px;
	border-radius: 0;
	border: 1px solid var(--dark-brown);
	height: auto;
}
.custom-blog-dropdown-filter .selectize-input .item {
	margin-top: 0;
}
.custom-blog-dropdown-filter .selectize-input.focus {
	box-shadow: none;
}
.custom-blog-dropdown-filter .selectize-input input {
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-size: 16px;
}
.custom-blog-dropdown-filter .selectize-dropdown {
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-size: 16px;
}
.custom-blog-dropdown-filter #reload_location {

}
#reload_location svg {
	width: 25px;
	height: auto;
}

.custom-multiple-filter .selectize-input {
	max-width: 200px;
	width: 100%;
}
.custom-multiple-filter .selectize-input .item {
	font-size: 14px;
    line-height: 16px;
    padding: 4px 10px !important;
    margin: 0 !important;
    display: flex;
    width: 120px;
}

/*.custom-blog-dropdown-filter .form-group .selectize-input {
	border-radius: 0;
	border: 1px solid var(--dark-brown);
}*/
/*.custom-blog-dropdown-filter .form-group .selectize-control {
	height: 45px;
}*/
/*.custom-blog-dropdown-filter .form-group .selectize-control:focus,
.custom-blog-dropdown-filter .form-group .selectize-input:focus {
	border: 0;
	box-shadow: none;
	outline: none;
}
.custom-blog-dropdown-filter .form-group .selectize-input.dropdown-active {
	display: flex;
    align-items: center;
}
.custom-blog-dropdown-filter .form-group .selectize-input input {
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-size: 16px;
	line-height: 24px !important;
	width: 100% !important;
}
.custom-blog-dropdown-filter .form-group .selectize-dropdown .selectize-dropdown-content {
	font-family: "Verlag A", "Verlag B", sans-serif;
}
.custom-blog-dropdown-filter .form-group .selectize-input .item {
	font-family: "Verlag A", "Verlag B", sans-serif;
	font-size: 16px;
	line-height: 30px !important;
	margin-top: 0;
	width: 100%;
}*/

/* CUSTOM TAG */
.tag-item .remove-tag {
	cursor: pointer;
	line-height: 22px;
}
.custom-tag-box .tag-item {
	display: flex;
	align-items: center;
	column-gap: 10px;
	border: 1px solid var(--dark-brown);
	padding: 5px 15px;
}
.custom-tag-box .tag-item .tag-name {
	font-size: 14px;
	line-height: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.blog-preview-col {
	overflow-y: scroll;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.blog-preview-col::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.blog-preview-col {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


/* *********************************** */
/* PAGES */
/* *********************************** */
.dash-btn {
	font-family: "urbane", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	padding: 10px 20px;
	border-radius: 50px;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.dash-btn-primary {
	background: #004747;
	border: 0;
	color: #ffffff;
}
.dash-btn-primary:hover,
.dash-btn-primary:focus,
.dash-btn-primary:active {
	background: #006E6D;
	color: #ffffff;
}
.dash-btn-secondary {
  background: #00BE92;
  border: 1px solid #00BE92;
  color: #ffffff;
}
.dash-btn-secondary:hover,
.dash-btn-secondary:focus,
.dash-btn-secondary:active {
  background: #006E6D;
  border: 1px solid #006E6D;
  color: #ffffff;
}
.dash-btn-default {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	color: #111111;
}
.dash-btn-default:hover,
.dash-btn-default:focus,
.dash-btn-default:active {
	background: #006E6D;
	border: 1px solid #006E6D;
	color: #ffffff;
}
.dash-btn-danger {
	background: #ff0000;
	color: #ffffff;
}
.dash-btn-danger:hover,
.dash-btn-danger:focus,
.dash-btn-danger:active {
	background: #006E6D;
	color: #ffffff;
}

.dash-custom-tabs .nav-item .nav-link {
	font-family: "urbane", sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: #0E2B2D;
	
	padding: 12px 20px;
}
.dash-custom-tabs .nav-item .nav-link.active {
	background: #f5f5f5;
	border-color: #f5f5f5;
}
.dash-custom-tabs .nav-item .nav-link:hover {
	background: #f5f5f5;
	border-color: #f5f5f5;
}
.dash-custom-tab-body {
	padding: 50px;
}

.dash-form-label {
	font-family: "urbane", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #5c5c5c;
	text-transform: capitalize;
	letter-spacing: 0;
	margin-bottom: 0;
}
.dash-form-control,
.dash-form-select  {
	font-family: "urbane", sans-serif;
	font-weight: 500 !important;
	font-size: 14px;
	line-height: 22px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	height: auto !important;
	width: 100%;
    border-radius: 4px;
}
.dash-form-control:focus,
.dash-form-select:focus,

.dash-form-control:focus-visible,
.dash-form-select:focus-visible,

.dash-form-control:active,
.dash-form-select:active,

.dash-form-control:hover,
.dash-form-select:hover  {
	border: 1px solid #00BE92;
	box-shadow: none;
	outline: none;
}
.dash-input-group {
	flex-wrap: nowrap;
}
.dash-form-check-input {

}
.selectize-input {
	font-family: "urbane", sans-serif;
	font-size: 14px;
	line-height: 22px;
	height: 44px;
}
.selectize-input #category_id-selectized {
	width: 100% !important;
	margin-top: 4px !important;
}
.selectize-input .item {
	margin-top: 4px;
}
.selectize-dropdown {
	font-family: "urbane", sans-serif;
	font-size: 14px;
	line-height: 22px;
}


.dash-modal .modal-title,
.dash-modal .modal-body .bootbox-body {
	font-family: "urbane", sans-serif;
}
.dash-modal .modal-body .bootbox-body {
	font-size: 16px;
	line-height: 24px
}

/*** PAGE BUILDER ***/
.content-element-list {
	font-family: "urbane", sans-serif;
}

.dialog-header {
	font-family: "urbane", sans-serif;
}
.dialog-new-image #newimagepickfile {
	font-family: "urbane", sans-serif;
	font-size: 14px;
	line-height: 22px;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	/*left: 0;
	right: 0;*/
}
#msdialog .upload-icon {
	font-size: 50px;
	margin-top: 40px;
}

#donationAccordion {
	--bs-accordion-border-width: 0;
}
#donationAccordion .accordion-item {
	border: 1px solid #000000;
	border-radius: 0;
}
#donationAccordion .accordion-item:first-child,
#donationAccordion .accordion-item:nth-child(2) {
	border-bottom: 0;
}
#donationAccordion:focus-visible,
#donationAccordion .accordion-item:focus-visible,
#donationAccordion .accordion-item .accordion-header:focus-visible {
	box-shadow: none;
	outline: none;
}

#donationAccordion .accordion-header .accordion-button {
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	background: transparent;
	border-radius: 0;
	border: 0;
}
#donationAccordion .accordion-item .accordion-button:focus,
#donationAccordion .accordion-item .accordion-button:focus-visible {
	box-shadow: none;
	outline: none;
}
#donationAccordion .accordion-item .accordion-button:not(.collapsed)::after {
	background-image: var(--bs-accordion-btn-icon);
}


#donationAccordion .donation-type-details {
	padding: 30px;
}

.donation-type-details ul li {
	list-style: none;
	position: relative;
}
.donation-type-details ul li::after {
	content: '';
	background-image: url(../img/icons/check-icon.png); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 3px;
	left: -30px;
}

.donation-type-image img {
	height: 200px;
	width: 100%;
	object-fit: cover;
	border-bottom: 1px solid var(--dark-brown);
}
#donationAccordion.custom-accordion .accordion-button .accordion-icon img {
	max-width: 35px;
}


/* *********************************** */
/* SWIPER */
/* *********************************** */
.swiper .swiper-pagination {
	position: relative;
	margin-top: 20px;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
    height: 12px;
    background: transparent;
    border: 1px solid var(--dark-brown);
    opacity: 1;
}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--dark-brown);
}

.custom-swiper-wrap {
	padding-left: 20px;
	padding-right: 20px;
}
.custom-swiper-wrap .swiper {
	padding-left: 20px;
	padding-right: 20px;
}
.custom-swiper-wrap .swiper-slide {
	height: auto !important;
}
.custom-swiper-wrap .swiper-button-next {
	right: 0;
}
.custom-swiper-wrap .swiper-button-prev {
	left: 0;
}
.custom-swiper-wrap .swiper-button-next:after,
.custom-swiper-wrap .swiper-button-prev:after {
	font-size: 30px;
	color: var(--dark-brown) !important;
}

.custom-swiper-card-wrap {
	max-width: 680px;
    margin: auto;
    padding: 50px 25px;
}
.custom-swiper-card-wrap .swiper {
	max-width: 550px;
	padding-left: 25px;
    padding-right: 25px;
}
.custom-swiper-card-wrap .custom-swiper-image {
	padding-left: 30px;
	padding-right: 30px;
}

.custom-swiper-card-wrap .swiper-button-prev {
	left: 20px;
}
.custom-swiper-card-wrap .swiper-button-next {
	right: 20px;
}
.custom-swiper-card-wrap .swiper-button-prev,
.custom-swiper-card-wrap .swiper-button-next {
	color: #000000;
}
.custom-swiper-card-wrap .swiper-button-next:after,
.custom-swiper-card-wrap .swiper-button-prev:after {
	font-size: 28px;
}
.custom-swiper-card-wrap .swiper-button-prev:active,
.custom-swiper-card-wrap .swiper-button-prev:hover,
.custom-swiper-card-wrap .swiper-button-prev:visited,
.custom-swiper-card-wrap .swiper-button-prev:target,
.custom-swiper-card-wrap .swiper-button-prev:focus,
.custom-swiper-card-wrap .swiper-button-prev:focus-within,
.custom-swiper-card-wrap .swiper-button-prev:focus-visible,

.custom-swiper-card-wrap .swiper-button-next:active,
.custom-swiper-card-wrap .swiper-button-next:hover,
.custom-swiper-card-wrap .swiper-button-next:visited,
.custom-swiper-card-wrap .swiper-button-next:target,
.custom-swiper-card-wrap .swiper-button-next:focus,
.custom-swiper-card-wrap .swiper-button-next:focus-within,
.custom-swiper-card-wrap .swiper-button-next:focus-visible {
	outline: none;
	box-shadow: none;
}












#hero-swiper .swiper-slide img {
	max-width: 1100px;
	width: 100%;
}

#donation-type-swiper .swiper-slide .form-check {
	max-width: 550px;
	margin: auto;
	padding: 0;
}
#donation-form-swiper .swiper-slide img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
/*#featured-news-swiper-wrap .swiper-button-prev {
	left: 5%;
}
#featured-news-swiper-wrap .swiper-button-next {
	right: 5%;
}*/
/*#learn-form-swiper .swiper-slide img {
	max-width: 500px;
	width: 100%;
	height: auto;
	object-fit: cover;
}*/
/*#learn-form-swiper .learn-card-swiper img {
	border: 15px solid #ffffff;
}*/
.swiper-slide .swiper-slide-shadow {
	background: transparent !important;
}

.member-package-header {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	min-height: 115px;
}
#member-package-swiper img {
	max-width: 100%;
	width: 100%;
}
.member-package-amount {
	font-size: 26px;
	line-height: 32px;
}
.member-package-age {
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;	
}


#latest-news-swiper .blog-post-thumbnail-image img, .kn-swiper-blog-post .blog-post-thumbnail-image img {
	height: 180px;
}
#latest-news-swiper .swiper-slide, .kn-swiper-blog-post .swiper-slide{
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: stretch;
      height: auto;
}
#latest-news-swiper .blog-post-thumbnail-title, .kn-swiper-blog-post .blog-post-thumbnail-title{
    font-size: 16px;
    line-height: 24px;
}
#related-articles-swiper .swiper-slide {
	height: auto;
}
#related-articles-swiper .blog-thumbnail-details {
    padding: 20px;
    background: var(--light-gray);
    height: 100%;
}






.community-partner-slider .kn-slider-wrapper {
	padding: 0;
}
.community-partner-slider,
.community-partner-slider .kn-slider-wrapper {
	height: 100%;
}
.community-partner-slider .swiper {
	height: 100%;
}
.community-partner-slider .swiper-slide > div {
	height: 100%;
}
.community-partner-slider .swiper-slide img {
	height: 100% !important;
	object-fit: cover;
}
.community-partner-slider .swiper-wrapper,
.community-partner-slider .swiper-wrapper .swiper-slide {
	height: 100% !important;
}
.community-partner-slider .blog-post-thumbnail-image {
	height: 100%;
}
.community-partner-slider .blog-post-thumbnail,
.community-partner-slider .blog-post-thumbnail img {
	border: 0;
	max-width: 100% !important;
}


/*.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}*/
/*.swiper-slide img {
	display: block;
	width: 100%;
	height: 500px;
	object-fit: cover;
}*/

.swiper .swiper-button-prev {
	left: 0;
}
.swiper .swiper-button-next {
	right: 0;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
	color: #000000;
}
.swiper .swiper-button-next:after,
.swiper .swiper-button-prev:after {
	font-size: 34px;
}
.swiper .swiper-button-prev:active,
.swiper .swiper-button-prev:hover,
.swiper .swiper-button-prev:visited,
.swiper .swiper-button-prev:target,
.swiper .swiper-button-prev:focus,
.swiper .swiper-button-prev:focus-within,
.swiper .swiper-button-prev:focus-visible,

.swiper .swiper-button-next:active,
.swiper .swiper-button-next:hover,
.swiper .swiper-button-next:visited,
.swiper .swiper-button-next:target,
.swiper .swiper-button-next:focus,
.swiper .swiper-button-next:focus-within,
.swiper .swiper-button-next:focus-visible {
	outline: none;
	box-shadow: none;
}


.custom-swiper-pad {
	padding: 50px;
}
.custom-swiper-pad .swiper {
	padding: 0 30px;
}









.certificate-page #ms--main--body {
	margin-left: 0;
}
.cert-size {
	height: 210mm;
    width: 297mm;
    margin: auto;
}
#certificate-content {
	/*width: 100%;*/
    /*max-width: 1200px;*/
    /*height: 210mm;
    width: 297mm;*/
	
}
#general-donation-cert {
	background-image: url(../img/General-Donation-Appreciation-Background.jpg);
	background-size: contain !important;
	height: 210mm;
    width: 297mm;
}
#ffl-donation-cert {
	background-image: url(../img/FFL-Appreciation-Background.jpg);
	background-size: contain !important;
	height: 210mm;
    width: 297mm;
}
.membership-cert-bg img {
	height: 210mm;
    width: 297mm;
    object-fit: contain;
}
#membership-cert {
	/*background-image: url(../img/Membership-Appreciation-Background.jpg);
	background-size: contain !important;*/
	height: 210mm;
    width: 297mm;
}
.certificate-details {
	position: absolute;
	top: 0;
	right: 0;
	width: 297mm;
	height: 210mm;
	padding-left: 372px;
	padding-right: 50px;
	padding-top: 100px;
}
.certificate-title {
	font-size: 58px;
	line-height: 66px;
	padding-bottom: 45px;
	margin-bottom: 0;
	letter-spacing: 1px;
	text-align: left;
}
.certificate-name {
	font-size: 44px;
	line-height: 48px;
	text-align: left;
}
.certificate-org-name {
	font-size: 34px;
    line-height: 40px;
    text-align: left;
    margin-bottom: 10px !important;
}


.confirmation-header img {
	max-width: 150px;
	margin: auto;
}
.confirmation-box {
	font-family: "Verlag A", "Verlag B", sans-serif;
	text-align: center;
	border: 1px solid #000;
	padding: 10px 15px;
	max-width: 300px;
	margin: auto;
}
.confirmation-box .confirmation-label {
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.confirmation-box .confirmation-value {
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 1px;
}

.status-page #ms--main--body {
	margin-top: 0;
	margin-left: 0;
}
.summary-wrap {
	margin: auto;
	padding: 30px;
}
.summary-title {
	font-size: 22px;
	line-height: 30px;
}
.summary-label {
	font-size: 13px;
	line-height: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.summary-value {
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}

#token-header-bg {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: var(--light-green);
	height: 97px;
	width: 100%;
	z-index: -1;
	border-bottom: 1px solid var(--dark-brown);
}



/* *********************************** */
/* E-CARD */
/* *********************************** */
.token-page #ms--main--body{
	margin: 0;
	border: 0;
}
.e-card-container{
	overflow: auto;
	padding: 0 50px 50px;
}
#e-card-wrapper{
	background-color: #ffffff;
}
.e-card-wrapper{
	/* 6″ x 9″ */
	/*height: 586px;*/
	height: 576px;
	width: 864px;
	background-color: #ffffff;
	position: relative;
	/*border-radius: 15px;
	overflow: hidden;*/
	box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}
.e-card-wrapper-body{
	position: absolute;
	left: 432px;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	background: #ffffff;
}

#e-card-header-element{
	position: absolute;
	left: 0;
	right: 0;
	top: 15px;
	z-index: 1;
	text-align: center;
}
.e-card-header-element-img{
	width: 150px;
}

#e-card-body{
	position: absolute;
    left: 13px;
    right: 0;
    top: 125px;
    bottom: 125px;
    z-index: 1;
    text-align: center;
    padding: 10px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#e-card-footer{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 1;
	text-align: center;
}
.haribon-footer-ecard-logo{
	width: 100px;
	margin: 0 auto;
}

.e-card-message-swiper-slide{
	padding: 20px;
	background: #ffffff;
	border: 10px solid #ffffff;
}
.e-card-message-swiper-slide.active{
	border-color: var(--dark-blue);
}


#e-card-type-swiper .swiper-slide img {
	max-width: 500px;
	width: 100%;
	height: auto;
	object-fit: cover;
}
#e-card-type-swiper .learn-card-swiper img {
	border: 15px solid #ffffff;
}

#e-card-icon-swiper .swiper-slide .e-card-icon-swiper-slide{

}
#e-card-icon-swiper .swiper-slide img {
	max-width: 250px;
	width: 100%;
	height: auto;
	object-fit: cover;
	background: #ffffff;
	border: 10px solid #ffffff;
}
#e-card-icon-swiper .learn-card-swiper img {
	border: 15px solid #ffffff;
}
.swiper.haribon-swiper .swiper-button-next{
	right: 15px;
}
.swiper.haribon-swiper .swiper-button-prev{
	left: 15px;
}
.swiper.haribon-swiper .swiper-button-next,
.swiper.haribon-swiper .swiper-button-prev{
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background: #ffffff;
	border-radius: 30px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	color: #444;
}
.swiper.haribon-swiper .swiper-button-next:active,
.swiper.haribon-swiper .swiper-button-prev:active{
	transform: scale(0.9);
}
.swiper.haribon-swiper .swiper-button-next:after, .swiper.haribon-swiper .swiper-button-prev:after{
	font-size: 12px;
}

.swiper.haribon-swiper .swiper-slide{
	/*padding: 15px;*/
}
.e-card-swiper-slide{
	background: #ffffff;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	padding: 10px;
}
.e-card-swiper-slide.active{
	background-color: var(--dark-blue);
}
.e-card-icon-swiper-slide.active img{
	border-color: var(--dark-blue) !important;
}
.e-card-swiper-slide img{
	/*border: 15px solid #ffffff;*/
}


.kn-preloader {
  border: 3px solid #D9D9D9; 
  /*
  change to dotted for something cool.
  change width to 1px for tapered bar
  */
  width: 24px;
  height: 24px;
  display: block;
  border-radius: 50%;
  border-right: 3px solid #485664;
  text-align: center;
  animation-name: spin;
  animation-duration: 900ms;
  animation-iteration-count: infinite;
  /*animation-timing-function: linear; /*linear spin */
  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  /*50% {width:24px;height:24px} /*shrinking effect*/
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg);}
 /*50% {width:24px;height:24px} /*shrinking effect*/
  100% { -webkit-transform: rotate(360deg); }
}


/* MEDIA LIBRARY */
#media-grid-wrapper .media-grid > li {
	padding: 5px;
}
#media-grid-wrapper .btn {
	font-family: "urbane", sans-serif;
	font-size: 14px;
	line-height: 22px;
	border-radius: 50px;
	padding: 10px 25px;
	margin-top: 30px;
}
.media-detail-modal .modal-dialog {
	max-width: 1200px;
}


#membership-id {
    transform: translate3d(0,0,0);
}
.member-id-details {
	width: 100%;
}
.member-id-details tbody tr td {
	/*vertical-align: top;*/
	padding: 3px 0;
	line-height: 16px;
}
.profile-image-id img {
	max-width: 105px;
    border: 1px solid #111;
    background: #111;
    border-radius: 0;
    padding: 0;
}
#signature_pic img {
	background: transparent;
	max-width: 80px;
	border: 0;
	border-radius: 0;
	padding: 0;
}
.membership-id-details {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#signature-logo img {
	max-width: 65px;
}


.hide-password {
	position: absolute;
    top: 16px;
    right: 16px;
}
.hide-password .icon {
	font-size: 24px;
}



#social-icons {
	column-gap: 20px;
	row-gap: 10px;
}
#social-icons .social-icon svg {
	width: 20px;	
}
#social-icons .social-icon svg path {
	fill: var(--dark-brown);
}
#social-icons .social-icon:hover svg path {
	fill: var(--dark-green-1);
}



#contact-social-icons {
	margin-left: -7px;
}
#contact-social-icons .social-icon svg {
	width: 24px;
}
#contact-social-icons .social-icon svg path {
	fill: var(--dark-green-1);
}
#contact-social-icons .social-icon:hover svg path {
	fill: #111111;
}
.contact-email-wrap {
	display: flex;
}
.contact-email-icon {
	max-width: 80px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid var(--dark-brown);

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.contact-email-icon svg {
	max-width: 40px;
	width: 100%;
	height: auto;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.contact-email-icon svg path {
	fill: var(--dark-brown);

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.contact-email-icon:hover {
	cursor: pointer;
}
.contact-email-icon:hover svg path {
	/*fill: #7ec14e;*/
	fill: #9f7538;
}
.contact-email-label {
	font-size: 14px;
	line-height: 22px;
}
.contact-emails a {
	font-size: 20px;
	line-height: 28px;
	color: #333333;
}
.contact-emails a:hover {
	color: var(--dark-green-1);
}
#contact-form .form-select,
#contact-form .form-control {
	padding: 35px 15px 10px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}
#contact-form .custom-radio-field .form-check-label {
	background-color: #ffffff;	
}
#contact-form .form-select:focus,
#contact-form .form-select:active,
#contact-form .form-control:focus,
#contact-form .form-control:active {
	border: 1px solid var(--dark-blue);
	/*box-shadow: 0 0 0 4px rgba(183,206,151,.25);*/ /*LIGHT GREEN*/
	/*box-shadow: 0 0 0 4px rgba(77,90,49,.25);*/ /*DARK GREEN*/
	box-shadow: 0 0 0 4px rgba(72,86,100,.25); /*DARK BLUE*/
}
#contact-form #inquiry_message {
	padding: 15px;
}
#contact-form .custom-contact-field .custom-form-control {
	padding: 35px 15px 10px 60px;
}
.contact-success-modal .modal-dialog {
	max-width: 580px;
}


.custom-arrow-link {
	display: flex;
}
.custom-arrow-link a {
	color: var(--dark-brown);
}
.custom-arrow-link a:hover {
	color: #9f7538;
}
.custom-arrow-link-icon {
	max-width: 80px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: 1px solid var(--dark-brown);

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.custom-arrow-link-icon svg {
	max-width: 40px;
	width: 100%;
	height: auto;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.custom-arrow-link-icon svg path {
	fill: var(--dark-brown);

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.custom-arrow-link-icon:hover {
	cursor: pointer;
}
.custom-arrow-link-icon:hover svg path {
	/*fill: #7ec14e;*/
	fill: #9f7538;
}




/* *********************************** */
/* EVENTS */
.event-thumbnail-image {
	min-height: 220px;
}
.event-month {
	font-size: 16px;
	line-height: 24px;	
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
}
.event-day {
	font-family: "p22-mackinac-pro", serif;
	font-weight: 600;
	font-size: 42px;
	line-height: 50px;	
	text-align: center;
}
.event-status {
	font-size: 14px;
	line-height: 20px;
}
.event-title {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
}
.event-excerpt {
	font-size: 14px;
	line-height: 20px;	
}
.event-address {
	font-size: 12px;
	line-height: 20px;	
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* PICTURE THUMB LIST */
.picture-thumb-list{
	list-style: none;
	padding: 0;
	margin: 0;
}
.picture-thumb-list > li{
	display: inline-block;
	/*margin-right: 10px;*/
	margin-bottom: 10px;
}
.picture-thumb-list > li:last-child{
	margin-right: 0;
}
.picture-thumb-list > li > a{
	/*display: inline-block;*/
}
.picture-thumb-list > li .thumb-img{
	/*width: 40px;
	height: 40px;*/
	border-radius: 50%;
	overflow: hidden;
}

.picture-thumb-list.thumb-lg > li .thumb-img{
	/*width: 60px;
	height: 60px;*/
	border-radius: 50%;
	overflow: hidden;
}

.picture-thumb-list.thumb-round4 > li .thumb-img{
	border-radius: 4px;
}


/* *********************************** */
/* PAGE PRELOADER */
/* *********************************** */
#pop-up-top-banner-container {
  width: 100%;
/*  height: 30px;*/
  background: #ffffff;
/*  border-radius: 15px;*/
/*  box-shadow: 0 0 15px rgba(0,0,0,0.2);*/

  display: block;
  /*position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  right: 0;*/
  /*left: 23px;*/
/*  margin-left: -1px;*/
  

  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;

  /*display: flex;
  align-items: center;
  justify-content: center;*/

  -moz-transform: translateX(0px) translateY(-100%);
  -webkit-transform: translateX(0px) translateY(-100%);
  -o-transform: translateX(0px) translateY(-100%);
  -ms-transform: translateX(0px) translateY(-100%);
  transform: translateX(0px) translateY(-100%);
}
/*#pop-up-top-banner-container:after{
  content: '';

  display: block;
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  
  width: 20px;
  height: 20px;
  border: solid 2px transparent;
  border-top-color: var(--main-bg-color);
  border-left-color: var(--main-bg-color);
  border-radius: 10px;
  -webkit-animation: spin 400ms linear infinite;
  -moz-animation: spin 400ms linear infinite;
  -ms-animation: spin 400ms linear infinite;
  -o-animation: spin 400ms linear infinite;
  animation: spin 400ms linear infinite;

   -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}*/

#pop-up-top-banner-container.active {
  opacity: 1;

  -moz-transform: translateX(0px) translateY(0);
  -webkit-transform: translateX(0px) translateY(0);
  -o-transform: translateX(0px) translateY(0);
  -ms-transform: translateX(0px) translateY(0);
  transform: translateX(0px) translateY(0);
}

#pop-up-top-banner-container p{
	margin-bottom: 0;
}
.page-banner-image{
	padding: 5px;
	background: #ffffff;
}


/* FAQS */
#faqs-accordion .accordion-button {
	font-size: 24px;
	line-height: 32px
}
#faqs-accordion .accordion-button .accordion-icon img {
    max-width: 40px;
    width: 100%;
}

.animate__animated.animate__fadeIn {
  --animate-duration: 2s;
}

#igrquk .swiper-slide,
#iavfkq .swiper-slide,
#ipqbq3 .swiper-slide {
	text-align: center;
}
#igrquk .swiper-slide img,
#iavfkq .swiper-slide img,
#ipqbq3 .swiper-slide img {
	max-width: 350px !important;
    width: 100% !important;
    margin: auto;
}

#i68us1 {
	height: 600px;
    overflow-y: scroll;
}
#it11dm {
	width: 100%;
    overflow-x: auto;
}
#it11dm table thead tr th {
	border: 1px solid #403A34;
	background: #ffffff;
	vertical-align: top;
}
#it11dm table tbody tr td {
	border: 1px solid #403A34;
	vertical-align: top;
}


.logo-wrap .col {

}

#tags_id + .selectize-control .selectize-input div[data-value]:not(.active) {
	display: none !important;
}



/* *********************************** */
/* RESPONSIVE */
/* *********************************** */
@media(max-width: 1399px) {
	.site--logo img {
    	max-width: 100%;
    	margin: auto;
	}

	#homeAccordion .accordion-button {
	    font-size: 24px;
		line-height: 34px;
	}
	#homeAccordion .accordion-button .accordion-icon img {
		max-width: 40px;
	}

	.custom-donation-type .form-check-label h3 {
		font-size: 18px;
		line-height: 26px;
	}


	/* SWIPER */
	
	#donation-form-swiper .swiper-slide	.swiper-slide-shadow {
		background: transparent;
	}

	#donation-form-wrap {
		padding: 50px;
	}
	
	#partner-donation-portal-logo.support-donation-portal-logo {
		column-gap: 15px;
		row-gap: 15px;
	}

	/**************************************************/
	/***** MEET *****/
	#history-image {
    	min-height: 700px;
	}
}
@media(max-width: 1299px) {
	#header-image-row-2 {
		margin-top: -80px;
	}

	#partner-donation-portal-logo.support-donation-portal-logo {
		column-gap: 10px;
		row-gap: 10px;
	}

	.custom-swiper-wrap #featured-news-swiper.swiper {
		max-width: 350px;
	}
	#featured-news-swiper-wrap {
		max-width: 500px;
	}



}

@media(max-width: 1250px) {
	.custom-donation-type .form-check-label h3 {
		max-width: 250px;
		margin: auto;
		min-height: 90px;
	}
	.custom-btn-group {
		flex-wrap: wrap;
		row-gap: 10px;
	}
}
@media(max-width: 1200px) {
	#token-header-bg {
		width: 1200px;
	}
}
@media(max-width: 1199px) {
	/* HELPERS */
	.add-border-bottom-xl {
		border-bottom: 1px solid var(--dark-brown);	
	}



	.remove-border-end {
		border-right: 0 !important;
	}
	.remove-border-end-xl {
		border-right: 0 !important;
	}

	/* BLOG */
	.blog-post-image {
		min-height: 450px;
		border-right: 0;
	}
	.blog-header-details {
    	max-width: 100%;
    	padding-top: 50px !important;
    	padding-bottom: 50px !important;
	}

	.blog-meta-details {
		position: relative;
	}
	.blog-arrow svg {
		max-width: 30px;
	}

	.download-post-thumbnail-image img {
		height: 125px !important;
	}


	/* BLOG VIEW POST */
	.blog-post-content {
		padding-left: 30px;
		padding-right: 30px;
	}
	.ref-tags-wrap {
		max-width: 960px;
		padding-left: 30px;
		padding-right: 30px;
	}

	/* SWIPER */
	#donation-form-swiper .swiper-slide img {
    	height: 350px;
	}

	#partner-header {
		padding-bottom: 30px !important;
	}

	.photo-card-deck-wrapper-2 {
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
		max-width: 750px;
		padding-left: 30px;
		padding-right: 30px;
	}

	.photo-card-deck-wrapper {
		position: relative;
		top: auto;
		left: auto;
		margin: auto;
		max-width: 750px;
		margin-bottom: -100px;
	}

	#donation-form-wrap {
		padding: 50px 30px;
	}
	#hero-image-2 {
    	max-width: 550px;
	}

	/* SWIPER CARDS */
	.custom-swiper-card-wrap {
		max-width: 750px;
		padding: 50px 15px;
	}
	.custom-swiper-card-wrap .custom-swiper-image {
		padding-left: 20px;
    	padding-right: 20px;
	}
	.custom-swiper-card-wrap .swiper {
		max-width: 600px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.custom-swiper-card-wrap .swiper-button-next {
    	right: 15px;
	}
	.custom-swiper-card-wrap .swiper-button-prev {
    	left: 15px;
	}


	/* MEMBER DASHBOARD */
	#member-account-header {
		padding: 30px 20px;
	}


	
	
	/**************************************************/
	/***** MEET *****/
	#meet-partner-logo-wrap .partner-logo img {
    	max-width: 85px;
	}
	#history-image {
    	min-height: 600px;
	}

	/**************************************************/
	/***** PARTNERS *****/
	.partner-cards-header {
		position: relative !important;
		top: 0;
		margin-bottom: -200px;
	}

}
@media(max-width: 1100) {
	#header-image-row-2 {
		margin-top: -70px;
	}
}
@media(max-width: 1099px) {
	#latest-news-swiper-wrap, .kn-swiper-blog-post-wrapper {
		max-width: 450px;
		margin: auto;
	}
	.custom-swiper-wrap .swiper {
		max-width: 350px;
	}

	#partner-latest-swiper {
		max-width: 100%;
	}

}
@media(max-width: 991px) {
	.wh {
		height: auto !important;
	}
	.container-custom-xl,
	.container-custom-lg,
	.container-custom-md,
	.container-custom-xs {
		padding-left: 35px;
		padding-right: 35px;
	}
	
	.footer-logo {
		text-align: center;
	}

	.hero-title {
		font-size: 48px;
		line-height: 58px;
	}
	.section-title {
		font-size: 34px;
		line-height: 44px;
	}

	.text-2xl {
		font-size: 20px;
		line-height: 28px;
	}

	body.donation-page {
		background-color: #ffffff;
	}
	.btn-row .col-lg-6 {
		padding-right: 0 !important;
		padding-bottom: 15px !important;
	}
	.btn-row-center .col-lg-6 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	

	/*********************/
	/*** HOME ***/
	/*********************/
	#hero-image-2 {
	    max-width: 65%;
	    padding: 0 25px;
	}
	#header-image-row-2 {
		margin-top: -60px;
	}
	#hero-image-5 {
		padding: 0 20px;
	}
	#hero-image-7 {
		max-width: 80%;
		padding: 0 25px;
	}
	#latest-news-swiper-wrap, .kn-swiper-blog-post-wrapper {
		max-width: 700px;
	}
	#home-bg-image {
		min-height: 500px;
		background-attachment: unset !important;
	}
	#home-bg-image-front {
		background-attachment: unset;
	}
	.support-footer-bg {
		min-height: 500px;
	}

	.custom-swiper-wrap .swiper {
		max-width: 100%;
	}

	#support-bg-section {
		min-height: 400px;
		background-attachment: unset;	
	}
	.partner-bg-row {
		background-attachment: unset;
	}
	
	.because-humans-image-wrap {
		max-width: 500px;
		margin: auto;
	}
	.because-humans-image-1 {
		margin-top: 0;
		margin-right: 0;
	}
	.because-humans-image-2 {
		position: relative;
		top: auto;
		margin-top: -80px;
	}
	.start-small-image-wrap {
		max-width: 600px;
		margin: auto;
	}
	#getting-involve-col {
		min-height: 400px;
		border-bottom: 1px solid var(--dark-brown);
	}
	#newsletter-bg-col {
		min-height: 400px;
		border-bottom: 1px solid var(--dark-brown);
	}
	#engagement-bg-col {
		min-height: 400px;
		border-bottom: 1px solid var(--dark-brown);
	}
	#donate-bg-col {
		min-height: 400px;
		border-top: 1px solid var(--dark-brown);
	}
	#fundraise-cover-col {
		min-height: 400px;
	}
	#partners-closing-bg-col {
		min-height: 400px;
	}
	#donor-bg-col {
		min-height: 1200px;
		background-position: top center;
	}
	.token-bg-col {
		min-height: 400px;
	}
	.support-bg-col {
		min-height: 100vh;
	}
	.contact-bg-col {
		min-height: 400px;
	}
	.get-token-bg {
		min-height: 400px;	
	}
	#conservation-program-image {
		min-height: 400px;	
	}


	.landing-arrow {
		padding: 30px;
	}
	.landing-arrow img {
		max-width: 30px;
	}

	.page-header {
		min-height: 350px;
	}
	#support-header {
		padding-top: 200px;
	}

	.custom-blurb-title {
		font-size: 22px;
		line-height: 30px;
	}
	.custom-blurb .btn {
		font-size: 14px;
		line-height: 22px;
		padding: 12px 25px;
	}


	#membership-swiper {
		max-width: 600px;
	}


	
	/**************************************************/
	/***** MEET *****/
	#meet-header {
    	min-height: 450px;
	}
	#meet-cards-swiper-wrap {
		padding-top: 30px;
		padding-bottom: 50px;
	}
	#safeguarding-the-nest {
		min-height: 500px;
	}
	#history-image {
    	min-height: 500px;
	}
	#team-tabs-section .row {
		flex-direction: column-reverse;
	}



	
	/* HELPERS */
	.add-border-bottom-lg {
		border-bottom: 1px solid var(--dark-brown);
	}
	
	.add-border-bottom-white {
		border-bottom: 1px solid #ffffff;
	}
	.remove-border-bottom {
		border-bottom: 0 !important;
	}
	.remove-border-end-lg {
		border-right: 0 !important;
	}
	.remove-border-end {
		border-right: 0 !important;
	}
	.remove-border-end-tab {
		border-right: 0 !important;
	}
	.remove-border-start {
		border-left: 0 !important;
	}
	.remove-border-start-lg {
		border-left: 0 !important;
	}



	/* DONATION */
	.donate-header {
		position: relative;
		min-height: auto;
	}
	#payment-method-wrap {
		position: relative;
	}


	/* LEARN */
	.learn-bg-col {
		min-height: 100vh;
	}
	#for-organization-hero-image {
		min-height: 600px;
	}

	#featured-news-swiper-wrap {
		max-width: 700px;
	}

	.blog-header-details h1 {
		font-size: 34px;
    	line-height: 42px;
	}

	.custom-blog-dropdown-filter {
		/*max-width: 400px;*/
		margin-right: 0;
		margin-left: auto;
	}

	.custom-swiper-wrap #featured-news-swiper.swiper {
		max-width: 100%;
	}

	

	/* PARTNERS */
	.partner-birds-bg {
		min-height: 80vh !important;
		background-attachment: scroll !important;
	}
	.community-partners-slider .swiper-slide img {
		height: auto !important;
	}

	.photo-card-deck-wrapper {
		max-width: 650px;
	}
	.partner-bg-row {
		min-height: 70vh;
	}

	#page-preview-body {
		height: auto;
	}
	.partner-logo-wrap {
		column-gap: 30px;
	}

	/* MEDIA LIBRARY */
	.media-detail-modal {
		top: 60px;
	}

	/* FORMS */
	#blog-donation-form {
		max-width: 600px;
		margin: auto;
	}
	.custom-btn-group {
    	flex-wrap: nowrap;
	}



	/* SWIPER */
	/*#membership-swiper {
		max-width: 600px;
		overflow: hidden;
	}*/
	#blog-four-swiper {
		max-width: 700px;
	}
	.announcement-swiper-wrap {
		max-width: 100% !important;
	}

	/* CONTACT */
	#contact-form-col {
		height: auto;
		overflow-y: unset;
	}

	/* BLOG */
	#blog-content {
		max-width: 100%;
	}
	#related-story-swiper-wrap {
		max-width: 600px;
		width: 100%;
		margin: auto;
	}




	.custom-swiper-wrap .swiper-button-next,
	.custom-swiper-wrap .swiper-button-prev {
		top: 45%;
	}
	
	#featured-downloads {
		max-width: 500px;
		margin: auto;
	}
	#current-project-details .custom-col:nth-child(1) .current-project-wrap {
		border-bottom: 1px solid var(--dark-brown);
	}
	#current-project-details .custom-col:nth-child(2) .current-project-wrap {
		border-right: 0;
		border-bottom: 1px solid var(--dark-brown);
	}
	


	/* PARTNERS */
	#donors-details .tab-content {
		height: auto;
		overflow-y: unset;
	}
	#mobile-donor-title {
		position: sticky;
		top: 0;
		z-index: 9999;
	}
	.ind-swiper-wrap {
		max-width: 600px;
    	margin: auto;
    	padding-left: 30px !important;
    	padding-right: 30px !important;
	}
	.individual-swiper {
		max-width: 450px !important;
	}



	.custom-blog-dropdown-filter .form-group:nth-child(2) {
		padding-left: 0;
	}



	/* TOKEN */
	#token-cards-swiper {
		max-width: 800px;
		margin: auto;
	}
	#token-swiper {
		max-width: 600px;
	}


	.hero-col-bg,
	.col-bg,
	.col-bg,
	.col-bg {
		min-height: 500px !important;
	}
	





}
@media(max-width: 870px) {
	#hero-image-7 {
		bottom: -40%;
	}
	#hero-image-8 {
		margin-top: 30%;
		margin-right: -30%;
	}
}
@media(max-width: 768px) {
	
	#right-nav .btn-nav {
    	flex-basis: 180px;
	}
	#right-nav .nav-item .nav-link {
		font-size: 14px;
		line-height: 22px;
		padding: 12px 15px;
	}
	#mobile-nav-inject .nav .nav-item {
    	padding: 15px 0;
	}
	.cicle-text {
		max-width: 150px;
	}
	.custom-nav-tabs .nav-item {
		flex-basis: 200px;
	}
	.custom-nav-tabs .nav-item .nav-link {
		padding: 15px 20px;
	}

}
@media(max-width: 767px) {
	.site--logo img {
		max-width: 50px;
	}

	.add-border-top-md {
		border-top: 1px solid var(--dark-brown);
	}
	.add-border-bottom-md {
		border-bottom: 1px solid var(--dark-brown);
	}
	.remove-border-start-md {
		border-left: 0 !important;
	}

	.hero-title {
		font-size: 42px;
		line-height: 52px;
	}

	/***** HERO IMAGES *****/
	#header-image-row-2  {
		padding-bottom: 0 !important;
		margin-top: -10%;
	}
	#hero-image-2 {
    	margin-right: 4%;
	}
	#hero-image-3 {
		max-width: 70%;
		padding: 0 20px;
	}
	#hero-image-4 {
		max-width: 80%;
		margin-top: -8%;
	    position: relative;
	    z-index: -1;
	}
	#hero-image-5 {
	    max-width: 60%;
	    margin-top: -10%;
	    position: relative;
	    z-index: 9;
	}
	#hero-image-7 {
	    position: relative;
	    max-width: 50%;
	    margin-left: auto;
	    bottom: 0;
	    margin-top: -18%;
	    padding-right: 0;
	    margin-right: 3%;
	}
	#hero-image-8 {
		text-align: right;
		margin-top: -10%;
		margin-right: 0;
		margin-bottom: 0;
	}
	#hero-image-8 img {
		max-width: 70%;
	}



	#home-bg-section {
		min-height: 400px;
	}
	.start-small-image-wrap {
		padding-bottom: 150px !important;
	}
	.start-small-image-2 {
		top: 280px;
	}
	#newsletter-bg-col {
		min-height: 350px;
	}
	#contact-bg-header {
		min-height: 350px;
	}
	
	.custom-nav-container {
		padding: 0;
	}
	.custom-nav-tabs .nav-item {
		flex-basis: 50%;
		display: flex;
	}
	.custom-nav-tabs .nav-item .nav-link {
		max-width: 100%;
	}

	

	#payment-method-wrap {
		flex-wrap: wrap;
	}

	.because-humans-image-2 img {
		max-width: 250px;
		margin-left: 30px;
	}


	

	/**************************************************/
	/***** MEET *****/
	#meet-header-bg {
    	min-height: 450px !important;
	}
	#history-bg {
    	min-height: 400px !important;
	}



	/*** BLOG ***/
	.post-image-wrap img {
    	height: 350px;
	}
	.post-list-title {
    	font-size: 26px;
    	line-height: 34px;
	}

	.blog-post-thumbnail-image img {
		height: 200px;
	}

	.active-project-image {
		min-height: 400px;
	}

	.project-pillar-title {
		font-size: 18px;
    	line-height: 26px;
	}



	/* BLOG VIEW POST */
	#blog-content .container-custom-sm {
		padding-left: 30px;
		padding-right: 30px;
	}
	.blog-post-content {
		padding-left: 0;
		padding-right: 0;
	}
	.ref-tags-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	#related-story-swiper-wrap {
		max-width: 350px;
	}


	.project-category-row {
		min-height: auto;
	}



	

	/* PARTNERS */
	.photo-card-deck-wrapper {
    	max-width: 600px;
    	margin-bottom: -70px;
	}
	.partner-bg-row {
		min-height: 70vh;
	}
	#partner-latest-swiper {
    	max-width: 350px;
	}


	#donor-bg-col {
		min-height: 900px;
		background-position: top center;
	}

	#blog-four-swiper {
		max-width: 500px;
	}

	.event-title {
		font-size: 22px;
		line-height: 30px;
	}
	.event-day {
		font-size: 36px;
		line-height: 40px;
	}
	

	.support-partner-logo {
		column-gap: 50px;
	}

	.announcement-thumbnail .border-end {
		border: 0 !important;
		border-bottom: 1px solid var(--dark-brown) !important;
	}
	.announcement-thumbnail .blog-post-thumbnail-image img {
    	height: 300px;
	}



	/* FEATURED PROJECTS MOBILE */
	.custom-swiper-pad .swiper {
		padding: 0;
	}

	.hero-col-bg,
	.col-bg,
	.col-bg {
		min-height: 400px !important;
	}
	



}
@media(max-width: 679px) {
	
	#latest-news-swiper-wrap, .kn-swiper-blog-post-wrapper {
		max-width: 500px;
	}
	.custom-swiper-wrap .swiper {
		max-width: 350px;
	}
	#featured-news-swiper-wrap {
		max-width: 450px;
	}
	.custom-swiper-wrap #featured-news-swiper.swiper {
		max-width: 350px;
	}

	/* CUSTOM FILTER */
	.custom-blog-dropdown-filter .form-group {
		width: 100%;
		padding-left: 0;
	}
	.custom-blog-dropdown-filter .form-group .selectize-control {
		width: 100%;
	}
	.custom-multiple-filter .selectize-input {
		max-width: 100%;
	}
	.custom-blog-dropdown-filter .custom-tag-dropdown {
		width: 100%;
	}
	.custom-blog-dropdown-filter .custom-tag-dropdown .dropdown-menu {
		width: 100%;
	}

	/* CUSTOM TAG */
	.custom-tag-box .tag-item .tag-name {
		font-size: 12px;
	}
}

@media(max-width: 627px) {
	#account-navigation li {
		width: 48.5%;
		text-align: center;
	}
}

@media(max-width: 600px) {
	
	#donor-bg-col {
		min-height: 800px;
		background-position: top center;
	}

	/* BLOG POST VIEW */
	.custom-btn-group {
    	flex-wrap: wrap;
	}
}
@media(max-width: 576px) {
	.text-xxl {
		font-size: 20px;
		line-height: 28px;
	}
	.text-5xl {
		font-size: 24px;
		line-height: 32px;
	}

	#right-nav .btn-nav {
		flex-basis: 100%;
	}
	#mobile-nav-right .nav .nav-item.btn-nav .btn {
		max-width: 100%;
	}





	.hero-subtitle {
		font-size: 16px;
		line-height: 24px;
	}
	.page-header {
    	min-height: 300px;
	}
	







	.custom-blurb-title {
		font-size: 20px;
		line-height: 28px;
	}
	.custom-blurb .btn {
		font-size: 12px;
		line-height: 20px;
		padding: 10px 15px;
	}
	.custom-nav-tabs .nav-item .nav-link {
		font-size: 16px;
		line-height: 24px;
	}

	/* FORMS */
	.custom-form-wrap {
		padding: 30px;
	}

	/* BLOGS */
	.blog-donation-header h3 {
    	font-size: 26px;
    	line-height: 34px;
	}

	
}
@media(max-width: 575px) {
	body {
		font-size: 16px;
		line-height: 24px;
	}
	.container-custom-xl,
	.container-custom-lg,
	.container-custom-md,
	.container-custom-sm,
	.container-custom-xs {
		padding-left: 30px;
		padding-right: 30px;
	}

	.remove-border-end-sm {
		border-right: 0 !important;
	}
	.remove-border-bottom-sm {
		border-bottom: 0;
	}
	.add-border-bottom-sm {
		border-bottom: 1px solid var(--dark-brown) !important;
	}


	


	.banner-title {
    	font-size: 28px;
    	line-height: 36px;
	}
	.hero-title {
		font-size: 38px;
		line-height: 48px;
	}
	.section-title {
		font-size: 30px;
		line-height: 38px;
	}
	.section-title-1 {
		font-size: 36px;
		line-height: 48px;
	}
	.section-title-2 {
    	font-size: 28px;
    	line-height: 36px;
	}
	.section-title-4 {
		font-size: 22px;
		line-height: 30px;	
	}

	/*.text-xs {
		font-size: 12px;
		line-height: 20px;
	}*/
	/*.text-sm {
		font-size: 14px;
		line-height: 22px;
	}*/
	/*.text-md {
		font-size: 16px;
		line-height: 24px;
	}*/
	/*.text-lg {
		font-size: 18px;
		line-height: 26px;
	}
	.text-xl {
		font-size: 20px;
		line-height: 28px;
	}*/
	.text-2xl {
		font-size: 18px;
		line-height: 26px;
	}
	/*.text-3xl {
		font-size: 24px;
		line-height: 32px;
	}
	.text-4xl {
		font-size: 26px;
		line-height: 34px;
	}
	.text-5xl {
		font-size: 28px;
		line-height: 36px;
	}
	.text-6xl {
		font-size: 30px;
		line-height: 38px;
	}
	.text-7xl {
		font-size: 32px;
		line-height: 40px;
	}*/


	.fancybox-container {
		z-index: 99999 !important;
	}

	/*.btn-w-lg,
	.btn-w-md,
	.btn-w-sm {
		width: 100%;
		max-width: 100%;
	}*/

	/****************************************/
	/* BUTTONS */
	.btn {
		width: 100% !important;
		max-width: 100% !important;
	}
	.btn-search {
		width: auto !important;
	}
	.btn-event {
		font-size: 10px;
		line-height: 16px;
		padding: 10px 15px;
	}
	.modal-footer button,
	.modal-footer .btn {
		width: auto;
	}



	/* MAIN NAVIGATION */
	#main-navigation {
		position: fixed;
		top: 0;
		max-width: 100%;
		height: auto;
		border-right: 0;
	}
	#ms--main--body {
		margin-top: 70px;
		margin-left: 0;
	}
	#mobile-main-navigation {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		border-bottom: 1px solid var(--dark-brown);
		min-height: 70px;
	}
	#mobile-nav {
		position: absolute;
		top: 20px;
		right: 25px;
	}
	#desktop-nav-trigger,
	#mobile-nav-trigger {
		width: 28px;
		height: 28px;
	}
	#mobile-nav-inject .nav {
		padding-top: 65px !important;
	}
	#mobile-nav-inject .nav .nav-item {
		padding: 12px 0;
	}
	#mobile-nav-inject .nav .nav-item .nav-link {
		font-size: 24px;
		line-height: 32px;
	}
	#mobile-nav-inject .nav .nav-item .sub-menu .support-submenu {
		font-size: 16px;
		line-height: 24px;
	}
	#footer {
		margin-left: 0;
	}
	.site--logo #haribon-logo-2 {
		display: none;
		max-width: 120px;
		margin: auto !important;

	}
	#mobile-nav-wrapper {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	#mobile-nav-wrapper.open-nav {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	/*.nav-open #mobile-nav-wrapper {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}*/
	
	
	/*.nav-open #mobile-nav-wrapper {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}*/
	
	.nav-open #main-navigation {
		max-width: 100%;
		border-right: 0;
	}
	.nav-open #main-menu {
    	display: none !important;
	}
	.nav-open #haribon-logo-1 {
    	display: none !important;
    	margin-left: 0;
    	animation: fadeOut 0.5s ease forwards;
	}
	
	.nav-open .site--logo img {
		max-width: 50px;
	}
	.nav-search-icon {
		position: relative !important;
		bottom: 0;
	}
	
	.nav-search-icon .btn-icon svg {
		max-width: 22px; 
	}
	#mobile-nav-wrapper {
		max-width: 100%;
	}
	.footer-details {
		text-align: center;
	}

	/*#mobile-nav-wrapper.open-nav {
		-webkit-transform: translateX(80px);
    	transform: translateX(80px);
	}*/
	/*#ms--main--body,
	#footer {
		margin-left: 0;
	}*/

	


	#hero-image-2 {
		padding: 0 10px;
	}
	#hero-image-5 {
    	max-width: 75%;
	}
	#hero-image-7 {
		max-width: 60%;
	}


	#home-bg-section {
		min-height: 300px;
	}
	#support-bg-section {
		min-height: 300px;
		background-attachment: unset;	
	}
	.anyone-image-1 img {
		max-width: 300px;
	}
	.anyone-image-2 img {
    	max-width: 280px;
    	width: 100%;
	}
	.start-small-image-wrap {
		padding-bottom: 120px !important;
	}
	.start-small-image-1 {
    	max-width: 320px;
	}
	.start-small-image-2 {
		max-width: 230px;
		top: 250px;
	}
	#getting-involve-col {
		min-height: 300px;
	}
	#newsletter-bg-col {
		min-height: 300px;
	}
	#partners-closing-bg-col {
		min-height: 300px;	
	}
	.token-bg-col {
		min-height: 300px;
	}
	.contact-bg-col {
		min-height: 300px;
	}
	.get-token-bg {
		min-height: 300px;
	}
	#contact-bg-header {
    	min-height: 300px;
	}
	#conservation-program-image {
		min-height: 300px;	
	}

	.custom-accordion .accordion-button {
		font-size: 20px;
		line-height: 26px;
	}
	.custom-accordion .accordion-button .accordion-title {
    	padding: 5px 20px;
	}
	.custom-accordion .accordion-button .accordion-icon {
		max-width: 65px;
	}
	.custom-accordion .accordion-button .accordion-icon img {
		max-width: 25px;
	}
	.custom-accordion .accordion-button .accordion-title {
		padding: 5px 25px;
	}
	

	.text-xl {
		font-size: 18px;
		line-height: 26px;
	}

	.claim-page #ms--main--body,
	.certificate-page #ms--main--body {
		margin-top: 0;
	}

	

	/**************************************************/
	/***** MEET *****/
	#meet-header-bg {
		min-height: 250px !important;
	}
	#safeguarding-the-nest {
		min-height: 350px !important;
	}
	#history-bg {
    	min-height: 300px !important;
	}
	#healthy-roots {
    	min-height: 300px;
	}


	#for-organization-hero-image {
		min-height: 400px;
	} 



	/* DASHBOARD - PAGES */
	.dash-btn-header {
		font-size: 12px;
		line-height: 20px;
		padding: 8px 15px;
  	}
	.dash-input-group {
		display: block;
	}


	#homeAccordion .accordion-button {
		font-size: 20px;
		line-height: 26px;
	}

	/*** BLOG ***/
	.post-image-wrap img {
    	height: 300px;
	}
	.post-list-title {
    	font-size: 22px;
    	line-height: 30px;
	}
	.blog-post-image {
    	min-height: 300px;
	}
	.blog-header-details h1 {
		font-size: 26px;
		line-height: 34px;
	}
	.blog-arrow svg {
    	max-width: 25px;
	}

	.blog-thumbnail-details {
    	padding: 20px 12px;
	}
	.blog-post-thumbnail-title {
		font-size: 16px;
		line-height: 24px;
	}
	.blog-post-thumbnail-meta {
    	font-size: 12px;
    	line-height: 20px;
	}

	.active-project-image {
		min-height: 300px;
	}
	.project-thumbnail-title {
		font-size: 26px;
		line-height: 34px;
	}

	.custom-swiper-wrap .swiper-button-next:after,
	.custom-swiper-wrap .swiper-button-prev:after {
		font-size: 28px;
	}



	/* FORMS */
	.blog-donation-form .custom-btn-group {
		flex-wrap: wrap;
		row-gap: 10px;
	}
	#donation-form-wrap {
    	padding: 50px 20px;
	}
	.custom-radio-amount.custom-registration-type .form-check-label {
    	font-size: 18px;
    	line-height: 24px;
	}



	#member-package-swiper .swiper-slide {
    	padding: 0 30px;
	}

	#donate-bg-col {
		min-height: 350px;
	}
	.confirm-donation-details {
		padding: 20px;
	}
	
	.partner-logo img {
		max-width: 110px;
	}

	.main-blog-preview .blog-post-thumbnail-image img {
		height: 180px;
	}
	.main-blog-preview .blog-post-thumbnail .btn {
		font-size: 12px;
		line-height: 20px;
	}

	/* CONTACT */
	.contact-email-label {
		font-size: 12px;
		line-height: 20px;
	}
	.contact-emails a {
		font-size: 18px;
		line-height: 26px;
	}
	.contact-email-icon,
	.custom-arrow-link-icon {
		max-width: 35px;
	}

	/* FAQS */
	#faqs-accordion .accordion-button {
		font-size: 20px;
		line-height: 24px;
	}
	#faqs-accordion .accordion-button .accordion-icon img {
		max-width: 30px;
	}
	#faqs-accordion .accordion-button .accordion-icon {
    	max-width: 55px;
	}


	/* PARTNERS */
	.partner-cards-header {
    	margin-bottom: -120px;
	}
	.partner-birds-bg {
		min-height: 65vh !important;
	}

	.photo-card-deck-wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}
	.ind-swiper-wrap .swiper-button-next {
    	right: 12px !important;
	}
	.ind-swiper-wrap .swiper-button-prev {
    	left: 12px !important;
	}



	/*#community-partners-swiper .swiper-slide img {
		min-height: 400px;
	}*/
	#mobile-donor-title {
		top: 70px;
	}

	.current-project-wrap .project-title {
		font-size: 18px;
		line-height: 24px;
	}
	.current-project-wrap img {
    	height: 350px;
	}

	#membership-swiper {
		padding: 0;
	}


	/* BLOGS */
	#blog-content .container-custom-sm {
		padding-left: 15px;
		padding-right: 15px;
	}
	.blog-post-thumbnail {
		margin: auto;
	}

	.event-month {
		font-size: 14px;
		line-height: 20px;
	}
	.event-day {
		font-size: 28px;
		line-height: 32px;
	}
	.event-status {
		font-size: 12px;
		line-height: 18px;
	}
	.event-title {
		font-size: 18px;
		line-height: 24px;
	}
	.event-address {
		font-size: 12px;
		line-height: 18px;
	}

	.summary-wrap {
		padding: 20px;
	}
	.summary-label {
	    font-size: 12px;
	    line-height: 16px;
	}
	.summary-value {
	    font-size: 14px;
	    line-height: 14px;
	}

	.announcement-thumbnail .blog-post-thumbnail-image img {
    	height: 250px;
	}


	/* TOKEN */
	#token-cards-swiper {
		padding-left: 30px !important;
    	padding-right: 30px !important;
	}

	/* SWIPER */
	.custom-swiper-card-wrap {
		padding: 50px 10px;
	}
	.custom-swiper-card-wrap .swiper-button-next:after,
	.custom-swiper-card-wrap .swiper-button-prev:after {
    	font-size: 24px;
	}
	.custom-swiper-card-wrap .swiper-button-next {
		right: 0;
	}
	.custom-swiper-card-wrap .swiper-button-prev {
		left: 0;
	}

	.custom-mobile-featured-project .swiper-button-next {
		right: 10px;
	}
	.custom-mobile-featured-project .swiper-button-prev {
		left: 10px;
	}

	/* MEMBER DASHBOARD */
	#member-account-header {
    	padding: 30px 10px;
	}
	#account-navigation .nav .nav-item .nav-link {
    	font-size: 12px;
    	line-height: 18px;
	}
	#member-account-header h1 {
    	font-size: 28px;
    	line-height: 40px;
	}
	.member-profile-photo img {
		max-width: 120px;
	}
	.member-name {
		font-size: 26px;
    	line-height: 34px;	
	}


	.form-buttons .form-group {
		max-width: 100%;
	}

	.hero-col-bg,
	.col-bg {
		min-height: 350px !important;
	}

	.custom-tab-full .nav-item {
		flex-basis: 50% !important;
		line-height: 18px;
	}

	
}
@media(max-width: 569px) {
	.meet-team-tab .nav-item {
		display: flex;
		align-items: stretch;
	}
	.meet-team-tab .nav-item .nav-link {
		padding: 20px 10px;
		font-size: 14px;
		line-height: 18px;
		text-align: center;
	}
}
@media(max-width: 480px) {
	.custom-swiper-image img {
		padding: 6px;
	}

	/* PARTNERS */
	.hero-partner-logo img,
	.hero-partner-logo svg {
		max-width: 85px;
	}
	
	
	.partner-logo-wrap {
		column-gap: 20px !important;
		row-gap: 20px !important;
	}


	/*** FEATURED PROJECTS MOBILE ***/
	.custom-swiper-pad {
		padding: 40px;
	}

	/*** MEET ***/
	#meet-partner-logo-wrap .partner-logo {
		width: 48%;
	}
}
@media(max-width: 425px) {
	.container-custom-xl,
	.container-custom-lg,
	.container-custom-md,
	.container-custom-sm,
	.container-custom-xs {
		padding-left: 25px;
		padding-right: 25px;
	}


	.active-project-image {
		min-height: 250px;
	}
	.project-thumbnail-excerpt {
		font-size: 16px;
		line-height: 24px;
	}


	#donation-form-swiper .swiper-slide img {
    	height: 300px;
	}
	.donate-header .header-image img {
    	border: 10px solid #ffffff;
	}

	/* BLOGS */
	.download-post-thumbnail-image img {
		height: 120px !important;
	}
	.download-thumbnail-title {
		font-size: 16px;
		line-height: 20px;
	}
	.current-project-wrap .project-title {
		font-size: 16px;
		line-height: 20px;
	}

	.custom-swiper-wrap .swiper-button-next {
		right: 0;
	}
	.custom-swiper-wrap .swiper-button-prev {
		left: 0;
	}

	.blog-four-section .container-custom-lg {
		padding-left: 15px;
		padding-right: 15px;
	}
	#blog-four-swiper {
		max-width: 100%;
	}

	.support-partner-logo {
		column-gap: 20px;
	}
	

	/* FORMS */
	#html_element_contact {
		transform: scale(0.85);
		-webkit-transform: scale(0.85);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
	.custom-radio-amount.custom-registration-type .form-check-label {
		padding: 20px;
	}

	/* CONTACT */
	.contact-email-icon,
	.custom-arrow-link-icon {
		max-width: 60px;
	}
	.contact-email-icon svg,
	.custom-arrow-link-icon svg {
    	max-width: 30px;
	}
	.contact-emails a {
    	font-size: 16px;
    	line-height: 24px;
	}

	/* FAQS */
	#faqs-accordion .accordion-button {
		font-size: 18px;
		line-height: 20px;
	}
	#faqs-accordion .accordion-button .accordion-title {
    	padding: 5px 15px;
	}
	#faqs-accordion .accordion-button .accordion-icon {
    	max-width: 50px;
	}
	#faqs-accordion .accordion-button .accordion-icon img {
    	max-width: 26px;
	}

	/* PARTNERS */
	/*#community-partners-swiper .swiper-slide img {
		min-height: 380px;
	}*/
	.current-project-wrap img {
    	height: 300px;
	}
	#contact-bg-header {
    	min-height: 250px;
	}

	#partner-donation-portal-logo img {
		max-width: 115px;
	}

}
@media(max-width: 375px) {
	#donation-form-swiper .swiper-slide img {
    	height: 250px;
	}

	/* CONTACT */
	.contact-email-wrap > div {
		padding-right: 15px !important;
    	padding-left: 15px !important;
	}
	.contact-email-icon,
	.custom-arrow-link-icon {
    	max-width: 50px;
	}
	.contact-email-icon svg,
	.custom-arrow-link-icon svg {
    	max-width: 25px;
	}

	/* PARTNERS */
	
	.ind-swiper-wrap {
		padding-left: 38px !important;
		padding-right: 38px !important;
	}

	/* BLOGS */
	.download-post-thumbnail-image img {
		height: 100px !important;
	}
	/*#blog-four-swiper {
		padding-left: 30px;
		padding-right: 30px;
	}*/
}
@media(max-width: 340px) {
	
	.current-project-wrap img {
    	height: 250px;
	}
	.current-project-wrap .project-title {
		font-size: 14px;
		line-height: 18px;
	}

	#contact-form-col {
		overflow-y: hidden;
	}

	.custom-swiper-wrap .swiper {
    	padding-left: 15px;
    	padding-right: 15px;
	}
}