@charset "utf-8";
/* CSS Document */


/*MEMBERS*/

	/*TITLE*/
	.housing .content_housing {padding-top: 170px; background-color: var(--white);}
		.housing .content_housing .section_title {display: flex; align-items: center; justify-content: center; padding: 25px 0;}
			.housing .content_housing .section_title hr {width: 55%; border-color: var(--white); border-width: 2px;}
			.housing .content_housing .section_title h1 {font-size: 3.75rem; color: var(--white); text-align: center; line-height: 1; padding: 0 30px;}

		/*Animations*/
		.housing .content_housing {transition: background 0.5s ease-in-out;}
			.housing .content_housing.show {background-color: var(--pink);}

		.housing .content_housing .section_title hr {transition: all 0.5s 0.5s ease-in-out; transform: scale(0);}
			.housing .content_housing.show .section_title hr {transform: scale(1);}

		.housing .content_housing .section_title h1 {transition: opacity 0.8s 0.5s ease-in-out; opacity: 0;}
			.housing .content_housing.show .section_title h1 {opacity: 1;}

	/*MISSION / HISTORY*/
	.housing .content_info {margin-top: 70px;}
		.housing .content_info .content_container {display: flex; align-items: flex-start; justify-content: flex-start; gap: 68px;}
			.housing .content_info .content_half {width: 50%;}
			.housing .content_mission .content_half:first-child {width: 522px;}
			.housing .content_mission .content_half:last-child {width: calc(100% - 590px);}
				.housing .content_info .content_half img {width: 100%; border-radius: 100%; object-fit: cover;}
				.housing .content_info .content_half h5 {font-size: 2.25rem; margin-bottom: 44px;}
				.housing .content_info .content_half p {font-weight: 400; font-size: 1.25rem; line-height: 1.4; margin-bottom: 30px; max-width: 522px;}
				.housing .content_info .content_half p + h5 {margin-top: 95px;}

		/*Animations*/
		.housing .content_info .content_half figure,
		.housing .content_info .content_half h5 {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.housing .content_info.show .content_half figure,
			.housing .content_info.show .content_half h5 {opacity: 1;}
		.housing .content_info .content_half p {transition: all 0.5s 0.3s ease-in-out; opacity: 0; transform: translateY(20px);}
			.housing .content_info.show .content_half p {opacity: 1; transform: translateY(0px);}

	/*OBJECTIVES*/
	.housing .content_objectives {margin-top: 84px;}
		.housing .content_objectives .objectives_list {padding-left: 40px; flex-wrap: wrap;}
			.housing .content_objectives .objectives_list .content_half {width: calc(50% - 34px);}
				.housing .content_objectives .objectives_list .objective_card {display: flex; align-items: flex-start;}
					.housing .content_objectives .objectives_list .objective_card .number {font-size: 3.75rem; margin-right: 16px; padding-top: 26px;}
					.housing .content_objectives .objectives_list .objective_card .card {padding: 35px 22px; height: 518px;}
						.housing .content_objectives .objectives_list .objective_card .card p {font-weight: 900; font-size: 1.25rem; line-height: 1.4;}
					.housing .content_objectives .objectives_list .content_half:nth-child(4n) .objective_card .number,
					.housing .content_objectives .objectives_list .content_half:nth-child(4n-3) .objective_card .number {color: var(--pink);}
					.housing .content_objectives .objectives_list .content_half:nth-child(4n) .objective_card .card,
					.housing .content_objectives .objectives_list .content_half:nth-child(4n-3) .objective_card .card {background: rgba(239, 147, 158, .15);}
					.housing .content_objectives .objectives_list .content_half:nth-child(4n-2) .objective_card .number,
					.housing .content_objectives .objectives_list .content_half:nth-child(4n-1) .objective_card .number {color: var(--green);}
					.housing .content_objectives .objectives_list .content_half:nth-child(4n-2) .objective_card .card,
					.housing .content_objectives .objectives_list .content_half:nth-child(4n-1) .objective_card .card {background: rgba(71, 152, 56, .10);}
		
		/*Animations*/
		.housing .content_objectives .objectives_list .objective_card .card {transition: opacity 0.5s 0.3s ease-in-out; opacity: 0;}
			.housing .content_objectives.show .objectives_list .objective_card .card {opacity: 1;}
		.housing .content_objectives .objectives_list .objective_card .number {transition: all 0.5s 0.5s ease-in-out; opacity: 0; transform: translateX(20px);}
			.housing .content_objectives.show .objectives_list .objective_card .number {opacity: 1; transform: translateX(0px);}

	/*GOVERNANCE*/
	.housing .content_info .content_governance {margin-top: 157px; margin-bottom: 92px; align-items: center;}
	/*Carousel*/
	.housing .content_financial .splide {margin-top: 135px; margin-bottom: 164px;}
	.housing .content_financial .splide__arrow--prev {left: calc(50% - 36vw); top: 18vw; background: none;}
	.housing .content_financial .splide__arrow--next {right: calc(50% - 35vw); top: 18vw; background: none;}
	.housing .content_financial .splide__arrow--prev svg,
	.housing .content_financial .splide__arrow--next svg {width: 30px; height: 59px;}
	.housing .content_financial .splide__arrow--prev svg {transform: scaleX(-1.5) scaleY(1.5);}
	.housing .content_financial .splide__arrow--next svg {transform: scale(1.5);}
	.housing .content_financial .splide__slide {opacity: 0.4; transition: opacity .4s;}
	.housing .content_financial .splide__slide.is-active {opacity: 1;}
	/*Animations*/
	.housing .content_financial .splide {transition: opacity 1s 0.3s ease-in-out; opacity: 0;}
		.housing .content_financial.show .splide {opacity: 1;}

	/*DONATION*/
	.housing .content_donation {background: var(--white); padding-bottom: 190px;}
	/*Pearl Ornaments*/
	.housing .content_info .ornament_pearl{position:absolute; z-index:3;}

	.housing .content_info .pearl01{width:28px; right:0px; bottom: 56px;}
	.housing .content_info .pearl02{width:38px; right:78px; bottom: 52px;}
	.housing .content_info .pearl03{width:28px; right:116px; bottom: 56px;}

	/*Headings*/
	.housing .content_info h3{font-size:3.750rem; position:relative; margin:0 0 40px; color:var(--white);}

		.housing .content_info h3 .animation_text02{font-family:'boisterous_scriptregular', serif; font-weight:400; font-size:6.250rem; color:var(--dark-pink); position:relative; z-index:2; margin-left: 20px;}

		/*Line*/
		.housing .content_info h3::before{width:100%; height:2px; background:var(--white); position:absolute; left:0; bottom:70px; content:'';}

		/*Animations*/
		.housing .content_info h3 .animation_text01,
		.housing .content_info h3 .animation_text02,
		.housing .content_info h3::before{transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1); -webkit-transition:all 1s cubic-bezier(0.25, 0.1, 0.1, 1);}

		.housing .content_info .ornament_pearl{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
			/*Heading*/
			.housing .content_info h3 .animation_text01{opacity:0; transform:translateX(-40px); -webkit-transform:translateX(-40px); display:inline-block;}
			.housing .content_info.show h3 .animation_text01{opacity:1; transform:translateX(0);}

			.housing .content_info h3 .animation_text02{opacity:0;}
			.housing .content_info.show h3 .animation_text02{opacity:1;}

			.housing .content_info h3::before{transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:left; -webkit-transform-origin:left;}
			.housing .content_info.show h3::before{transform:scaleX(1); -webkit-transform:scaleX(1);}

				/*Delays*/
				.housing .content_info h3 .animation_text01{transition-delay:0.1s; -webkit-transition-delay:0.1s;}

				.housing .content_info h3 .animation_text02{transition-delay:0.5s; -webkit-transition-delay:0.5s;}

				.housing .content_info h3::before{transition-delay:0s; -webkit-transition-delay:0s;}

			/*Pearls*/
			.housing .content_info .ornament_pearl{opacity:0;}
			.housing .content_info.show .ornament_pearl{opacity:1;}

		/*Animations*/
		.housing .content_donation {transition: background 0.5s 0.3s ease-in-out;}
			.housing .content_donation.show {background: var(--pink);}

/*Media Query Break 1601px*/
@media (min-width: 1601px) {
	.housing .content_financial .splide__arrow--next {right: calc(50% - 25vw); top: 12vw;}
	.housing .content_financial .splide__arrow--prev {left: calc(50% - 25vw); top: 12vw;}
}

@media (max-width: 1000px) {
	.housing .p_left_1 {padding-left: 0;}
	.housing > section .center_content.c_10,
	.housing > section .center_content.c_12 {width: 676px;}

	/*Title*/
	.housing .content_housing {padding-top: 115px;}
		.housing .content_housing .section_title {width: 100% !important;}
			.housing .content_housing .section_title h1 {font-size: 3rem;}

	/*Mission/History*/
	.housing .content_info .content_container {flex-direction: column;}
		.housing .content_info .content_half {width: 100% !important;}
			.housing .content_mission .content_container .content_half:nth-child(1) {order: 2;}
			.housing .content_mission .content_container .content_half:nth-child(2) {order: 1;}
			.housing .content_info .content_half figure {max-width: 332px; margin: auto;}
			.housing .content_info .content_half h5 {font-size: 1.75rem;}
			.housing .content_info .content_half p {font-size: 1.125rem; max-width: 100%;}

	/*Objectives*/
	.housing .content_objectives .objectives_list .objective_card .card {height: auto; padding: 35px 28px 16px 22px; width: calc(100% - 40px);}
		.housing .content_objectives .objectives_list .objective_card .card p {font-size: 1.125rem;}
		.housing .content_objectives .objectives_list .objective_card .number {width: 40px;}
		.housing .content_objectives .objectives_list .content_half:nth-child(even) .objective_card .card {background: rgba(71, 152, 56, .10);}
			.housing .content_objectives .objectives_list .content_half:nth-child(even) .objective_card .number {color: var(--green);}
		.housing .content_objectives .objectives_list .content_half:nth-child(odd) .objective_card .card {background: rgba(239, 147, 158, .15);}
			.housing .content_objectives .objectives_list .content_half:nth-child(odd) .objective_card .number {color: var(--pink);}

	/*Governance*/
	.housing .content_info .content_governance {margin-top: 60px; margin-bottom: 50px;}
		/*Carousel*/
		.housing .content_financial .splide {margin: 79px 0 109px;}
		.housing .content_financial .splide__arrow--prev svg,
		.housing .content_financial .splide__arrow--next svg {width: 16px; height: 32px;}
		.housing .content_financial .splide__arrow--prev svg {transform: scaleX(-1.3) scaleY(1.3)}
		.housing .content_financial .splide__arrow--next svg {transform: scale(1.3)}
		
	/*Donation*/
	.housing .content_donation {padding-bottom: 127px; padding-top: 58px;}
		.housing .content_donation h3{font-size:2.375rem; margin-bottom: 10px;}
			.housing .content_donation h3::before{bottom:35px;}
			.housing .content_donation h3 .animation_text02{font-size:3.875rem; bottom: 0;}
		.housing .content_donation .pearl01{width:28px; right:50px; top: 95px;}
		.housing .content_donation .pearl02{width:45px; right:-2px; top: 85px;}
		.housing .content_donation .pearl03{display: none;}

		.housing .content_donation .content_container {gap: 32px; margin-top: 50px;}
}

@media (max-width: 750px) {
	.housing > section .center_content.c_10,
	.housing > section .center_content.c_12 {width: 100%;}

	/*Title*/
	.housing .content_housing {padding-top: 165px;}
		.housing .content_housing .section_title {padding: 43px 0;}
			.housing .content_housing .section_title hr {width: 42%;}
			.housing .content_housing .section_title h1 {font-size: 2.25rem;}

	/*Mission/History*/
	.housing .content_info {padding: 0 36px; margin-top: 50px;}
		.housing .content_objectives .objectives_list {padding-left: 0; gap: 36px;}
			.housing .content_objectives .objectives_list .objective_card {flex-direction: column;}
				.housing .content_objectives .objectives_list .objective_card .number {padding-left: 40px;}
				.housing .content_objectives .objectives_list .objective_card .card {width: 100%; padding: 44px 28px 14px 22px;}

	/*Governance*/
	.housing .content_financial {padding: 0;}
		.housing .content_financial .content_container {padding: 0 36px;}
			.housing .content_financial .splide__arrow--next {right: calc(50% - 45vw); top: 22vw;}
				.housing .content_financial .splide__arrow--next svg {transform: scale(1);}
			.housing .content_financial .splide__arrow--prev {left: calc(50% - 45vw); top: 22vw;}
				.housing .content_financial .splide__arrow--prev svg {transform: scaleX(-1) scaleY(1);}

	/*Donation*/
	.housing .content_donation {padding: 61px 36px 90px;}
		.housing .content_donation h3 {font-size: 1.875rem; display: flex; flex-direction: column; margin-bottom: 0; align-items: flex-start;}
			.housing .content_donation h3 .animation_text01 {width: 210px;}
			.housing .content_donation h3 .animation_text02 {font-size: 3.125rem; bottom: 15px; margin-left: 0;}
			.housing .content_donation h3::before {bottom: 105px;}
			.housing .content_donation .pearl01 {width: 30px; right: 0; bottom: 92px; top: initial;}
			.housing .content_donation .pearl02 {width: 18px; right: 36px; bottom: 98px; top: initial;}

		.housing .content_donation .content_container {margin-top: 0;}
}