/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2024 | 02:06:54 */
/* Global CSS */
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow-x: hidden;
    position: relative;
    background-color: #fff;
    scroll-behavior: smooth;
}

html {
    height: 100%;
    width: 100%;
    font-size: 18px;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a,
a:hover,
a:focus {
    outline: none;
    text-decoration: none;
    color: #000;
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

p a {
	color: #EC7D35;
}
p a:hover {
	color: #EC7D35;
}

/* Primary Button Styling */
.primary-btn .elementor-button,
.th_main_contactform_block .elementor-field-type-submit .elementor-button{
	transition: all .3s ease-in-out;
}

.primary-btn:hover .elementor-button,
.th_main_contactform_block .elementor-field-type-submit .elementor-button:hover{
	background-color: #065364 !important;
}

.primary-white-btn:hover .elementor-button {
	background-color: #fff !important;
}

.primary-white-btn .elementor-button .elementor-button-icon svg path {
	transition: all .3s ease-in-out;
}

.primary-white-btn .elementor-button .elementor-button-text {
	transition: all .3s ease-in-out;
}

.scndry-white-btn:hover .elementor-button{
	background-color: #EC7D35 !important;
}



.primary-white-btn:hover .elementor-button .elementor-button-icon svg path {
	fill: #EC7D35 !important;
}

.primary-white-btn:hover .elementor-button .elementor-button-text {
	color: #EC7D35 !important;
}

.scndry-white-btn:hover .elementor-button .elementor-button-icon svg path {
	fill: #fff !important;
}

.scndry-white-btn:hover .elementor-button .elementor-button-text {
	color: #fff !important;
}

.primary-btn .elementor-button .elementor-button-icon svg,
.th_main_contactform_block .elementor-button .elementor-button-icon svg{
	width: clamp(22.5px, 1.944vw, 28px);
}

.th_main_contactform_block .elementor-button .elementor-button-icon {
	height: 24px;
}

.primary-btn .elementor-button .elementor-button-content-wrapper,
.th_main_contactform_block .elementor-button .elementor-button-content-wrapper{
	align-items: center;
}

.th_main_contactform_block .elementor-button .elementor-button-content-wrapper {
	column-gap: 10px !important;
}

.scndry-btn .elementor-button .elementor-button-icon svg path{
	fill: #EC7D35;
}

.primary-btn .elementor-button-link{
	padding: clamp(12.5px, 1.215vw, 17.5px) clamp(30px, 3.229vw, 46.5px) !important;
}

.scndry-white-btn .elementor-button-link{
	padding: clamp(10.5px, 1.076vw, 15.5px) clamp(28px, 3.09vw, 44.5px) !important;
}

/* Animated Heading */
.animated_heading h2 {
	width: max-content;
	flex-wrap: wrap;
	width: 100%;
	row-gap: 10px;
	column-gap: 10px;
	
}

.animated_heading h2 span {
	position: relative;
	padding: 0 10px;
	color: #EC7D35;
	opacity: 0;
	margin-left: 10px;
	transition: all .3s ease-in-out;
}
.animated_heading_onscreen h2 span {
	opacity: 1 !important;
}
.animated_heading h2 span::before {
	content: '';
	position: absolute;
	width: 0%;
	left: 0;
	height: 100%;
	background-color: #EC7D351A;
	transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.animated_heading_onscreen span::before {
	width: 100% !important;
}

/* Img Blinking Effect */
@keyframes imgBlink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

.th_blinking_img .elementor-widget-container img {
  animation: imgBlink 3s infinite;
}

/* Hero Section */
.th-hero-sc {
	max-width: clamp(655px, 60.648vw, 655px) !important;
	width: 100%;
}

/* Portfolio Item Block Styling */
.project_item_content_block {
	max-width: 537.5px;
	width: 100%;
}

.project_item_afterbefore_block .twentytwenty-container {
	
}
/* 
.project_item_afterbefore_block .twentytwenty-handle {
	width: clamp(70px, 7.292vw, 105px) !important;
	height: clamp(70px, 7.292vw, 105px) !important;
}
 */
/* Team Member Loop Item Styling */
.th_tmember_bio_icon .elementor-icon-wrapper {
	height: 15px;
    display: flex;
}

.th_rdfullbio_textblock .elementor-heading-title{
	display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    max-width: 0ch;
    transition: max-width 1s ease-in-out;
}

.th_tm_content_block:hover .th_rdfullbio_textblock .elementor-heading-title{
	max-width: 20ch;
}

.th_rdfullbio_block {
	cursor: pointer;
	transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.th_tm_content_block:hover .th_rdfullbio_block {
	background-color: #065364 !important;
}

.th_tm_content_block {
	transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.th_tm_content_block:hover {
	background-color: #EC7D35 !important;
}

/* Counter Box Styling */
.th_counter_cntblock .elementor-counter-number-wrapper .elementor-counter-number-suffix{
	color: #EC7D35;
}

/* Homepage Styling Start */
/* --> Hero Section */
.hero-heading-block h2 span{
	position: relative;
}

.hero-heading-block h2 span::before {
	background: url('https://treasuredhomes.org/wp-content/uploads/2024/09/heading_underline.svg');
	content: '';
	position: absolute;
	width: 100%;
    height: 21px;
    background-size: contain;
    bottom: -15px;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
	.hero-heading-block {
		max-width: 320px !important;
		width: 100%;
	}
}


.hero_underline_img {
	position: absolute;
    left: 45%;
    transform: translateX(-50%);
	width: 435px;
    top: 60px;
}

.hero_underline_img .elementor-widget-container {
	width: max-content;
}

.hero_underline_img img {
	transition: all .45s cubic-bezier(0.4, 0, 1, 1);
    width: 0;
    position: absolute;
    right: 0;
    height: 20px;
	opacity: 0;
}

.hero_underline_img_onscreen img {
	width: 435px !important;
	opacity: 1 !important;
}

.pagename_hdr_lineimg {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: clamp(200px, 19.792vw, 285px);
    top: clamp(55px, 5.556vw, 80px);
}

.pagename_hdr_lineimg img {
	transition: all .45s cubic-bezier(0.4, 0, 1, 1);
    width: 0;
    position: absolute;
    right: 0;
    height: clamp(10px, 1.042vw, 15px);
	opacity: 0;
}

.pagename_hdr_lineimg_onscreen img {
	width: clamp(200px, 19.792vw, 285px) !important;
	opacity: 1 !important;
}

/* Our Mission Section Styling */
.coloredmission_capblock {
	top: 0 !important;
	transition: all .45s cubic-bezier(0.4, 0, 1, 1);
	height: 75px !important;
}

.coloredmission_block:hover .coloredmission_capblock{
	top: -75px !important;
	height: 75px !important;
}

.coloredmission_capblock_treeimg {
	opacity: 0;
	transition: all .3s ease-in-out;
}

.coloredmission_block:hover .coloredmission_capblock_treeimg {
	transition: all .3s ease-in-out;
	opacity: 1;
	transition-delay: .45s
}

@media only screen and (min-width: 1024px) {
	.our-mission-carousel-section {
		display: none;
	}
}

/* Projects Post Carousel Block Styling */
.home_project_carousel_sc .animated_heading h2 span {
	margin-left: 0 !important;
}

.home_project_carousel .elementor-swiper-button {
	width: 70px;
	height: 70px;
	background-color: #EC7D35;
	border-radius: 70px !important;
	display: flex;
	justify-content: center;
	transition: all .3s cubic-bezier(0.4, 0, 1, 1);
	align-items: center;
}

.home_project_carousel .elementor-swiper-button:hover {
	background-color: #065364;
}

.home_project_carousel .swiper-button-disabled:hover {
	background-color: #EC7D35;
}

.home_project_carousel .elementor-swiper-button svg {
	fill: #fff;
}

.home_project_carousel .elementor-swiper-button:hover svg {
	fill: #fff;
}

/* Team Member Section Styling */
.member-popup-overlayblock {
	position: fixed;
    z-index: 9;
    height: 100vh;
    top: 0;
	width: 100%;
	left: 0;
	display: none;
}

.member-popup-overlayblock .elementor-loop-container.elementor-grid {
	display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}

.tm_popup_close_button {
	width: 45px;
    height: 45px;
    background: #FDF2EB;
    border-radius: 5px;
    cursor: pointer;
}

.tm_popup_close_button .elementor-icon {
	width: 45px !important;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tm_popup_close_button .elementor-icon svg {
	width: 17.5px;
}

.th_tm_content_bioprv_block .elementor-widget-container {
	display: -webkit-box;
  -webkit-line-clamp: 3; /* Limit to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tm-popup-member-detailpara {
	height: 350px;
	overflow-y: scroll;
}

@media only screen and (max-width: 768px) {
	.tm-popup-member-detailpara {
		height: 175px;
		overflow-y: scroll;
	}
}

/* Contact Page Styling */
.contactbox-iconblock {
	width: clamp(70px, 7.639vw, 110px);
	height: clamp(70px, 7.639vw, 110px);
}

.th_main_contactform_block input.elementor-field,
.th_main_contactform_block textarea.elementor-field-textual,
.th_main_contactform_block select.elementor-field-textual,
.footer-form-block .elementor-field-textual{
	padding: clamp(13.5px, 1.215vw, 17.5px) !important;
}

.th_main_contactform_block textarea.elementor-field-textual {
	height: clamp(175px, 17.361vw, 250px) !important;
}

.th_contact_iconblock  a.elementor-icon {
	width: clamp(55px, 5.208vw, 75px);
    height: clamp(50px, 4.861vw, 70px);
    display: flex;
    justify-content: center;
    align-items: center;
}


.th_contact_iconblock  a.elementor-icon svg {
	height: clamp(20px, 2.083vw ,30px) !important;
}

/* Header Styling */
.elementor-location-header {
	position: absolute;
	width: 100%;
	z-index: 9;
	top: 0;
	transition: all .3s ease-in-out;
	left: 0;
}

.th-mobilemenu-item li.menu-item a{
	padding: 12.5px 15px !important;
	background-color: #F2F2F2;
	width: 100%;
	transition: all .3s ease-in-out;
}

.th-mobilemenu-item li.menu-item a:hover {
	background-color: #065364;
	color: #fff !important;
}


.th-mobilemenu-item li.menu-item a.elementor-item-active {
	background-color: #065364;
}

.site-menu-main li a.elementor-item-active {
	font-weight: 700 !important;
	color: #fff !important;
}

.tm-mobilemenu-icons-block ul li svg,
.tm-mobilemenu-icons-block ul li{
	margin: 0 !important;
}

.tm-mobilemenu-icons-block ul {
	row-gap: 0;
    column-gap: 15px;
    margin-left: 10px !important;
}

/* -> When Header Is Active/Scrolled */
.header-scrolled {
	background-color: #fff !important;
	position: fixed;
	box-shadow: 0px 2px 15px -6px rgb(0 0 0 / 20%);
-webkit-box-shadow: 0px 2px 15px -6px rgb(0 0 0 / 20%);
-moz-box-shadow: 0px 2px 15px -6px rgb(0 0 0 / 20%);
}

.scrolled-header-logo {
	opacity: 0;
	transition: all .5s ease-in-out;
}

.header-scrolled .scrolled-header-logo {
	opacity: 1;
}

.header-default-logo {
	opacity: 1;
	transition: all .5s ease-in-out;
}

.header-scrolled .header-default-logo {
	opacity: 0;
}

.header-scrolled  .site-menu-main li a {
	color: #065364 !important
}

.header-scrolled  .site-menu-main li::after {
	background-color: #fff !important;
}

.header-scrolled  .site-menu-main li a.elementor-item-active {
	color: #065364 !important;
}

.header-scrolled  .mobile-nav-icon-open svg path {
	stroke: #065364;
}

.header-scrolled .th-mobilemenu-item li.menu-item a.elementor-item-active {
	color: #fff !important;
}

/* Footer Styling */
.th-footer-formblock,
.th-footer-brandingblock {
	flex: 1;
	width: 100%;
}

.th-footer-linkblock {
	max-width: 365px !important;
	width: 100%;
}

.th-lw-copyright-ftr-block {
	flex: 1 !important;
	width: 100%;
}

.footer-form-block .elementor-field-type-submit {
	width: max-content;
    position: absolute;
    height: 100%;
    right: 0;
}

.footer-form-block button.elementor-button {
	 height: 100%;
}

.footer-menu-block li a {
	position: relative;
}
.footer-menu-block li a::before {
    position: absolute;
    height: 2px !important;
    width: 100px !important;
    background-color: #EB7D35 !important;
    content: '';
    opacity: 1 !important;
    transition: all .3s ease-in-out;
    bottom: -5px;
}

.footer-menu-block li a:hover::before {
	width: 0 !important;
}

.footer-menu-block li a::after {
	content: none !important;
}

.th_contact_iconblock .elementor-icon,
.th_contact_iconblock .elementor-icon svg{
	transition: all .3s ease-in-out;
}

.th_contact_iconblock:hover .elementor-icon {
	background-color: #EC7D35 !important;
}

.th_contact_iconblock:hover .elementor-icon svg path{
	fill: #fff !important;
}

@media only screen and (max-width: 768px) {
	.footer-menu-block ul li,
	.footer-menu-block ul,
	.footer-menu-block nav,
	.footer-menu-block .elementor-widget-container,
	.footer-menu-block
	{
		width: max-content !important;
	}
}

@media only screen and  (max-width: 1024px) {
	.footer-form-block .elementor-field-type-submit {
		position: relative;
		margin-top: 15px;
	}
	.footer-form-block .elementor-field-type-submit .elementor-button{
		padding: clamp(12.5px, 1.215vw, 17.5px) clamp(30px, 3.229vw, 46.5px) !important;
	}
}
 
/* About Page */
.abt_counter_headingblock h2 {
	justify-content: center;
}

.th_counter_outerblock {
	transition: all .3s ease-in-out;
}

.th_counter_outerblock:hover {
	background-color: #EC7D35 !important;
	transform: translatey(-15px);
}

.th_counter_outerblock .elementor-counter-title,
.th_counter_outerblock .elementor-counter-number-wrapper span{
	transition: all .3s ease-in-out;
}

.th_counter_outerblock:hover .elementor-counter-title,
.th_counter_outerblock:hover .elementor-counter-number-wrapper span{
	color: #fff !important;
}

/* Upcoming Events Section Styling */
.upcoming_event_img_block {
	background: #EC7D3533;
	backdrop-filter: blur(50px);
}