/* ESSENTIALS CHILD THEME: "Sleek" */


/* STYLE OVERWRITES */



.home-btn{
	background:linear-gradient(90deg, #e66b25 0%, #ad1515 100%);
}

.featured-btn{
	background:var(--color-primary);
}




@media screen and (max-width:1025px){
		.hero-title2 {
   
    animation-delay: 700ms;
    font-size: 26px;
    color: var(--color-white)!important;
	letter-spacing: normal;
    font-weight: normal;
	}
	.hero-title3 {
    display: block;
    animation-delay: 700ms;
    font-size: 22px;  
	color: var(--color-white) !important;
    text-transform: uppercase;
    line-height: 0.83;
    letter-spacing: normal;
    font-family: var(--font-body);
    font-weight: 600;
		
		
}
}


/* Intro Section */
.intro {
position: relative;
padding-top: 75px;
padding-bottom: 30px;
}

.intro-holder {
display: flex;
flex-wrap: wrap;
}

.intro-heading {
text-transform: uppercase;
}

.intro-heading h6 {
margin-bottom: 5px;
color: var(--color-alternate);
font-size: 1.25rem;
letter-spacing: 4px;
}

.intro-heading h2 {
color: #0e2840;
margin-bottom: 22px;
}

.intro-right {
width: 100%;
position: relative;
margin-bottom: 30px;
}

/* .intro-right img {
width: 100%;
} */

.intro-shape {
position: absolute;
top: 0;
height: 100%;
left: -240px;
opacity: 0.04;
pointer-events: none;
}

.intro-shape img {
height: 100%;
width: auto;
display: block;
}

@media screen and (min-width: 768px) {
.intro {
padding-bottom: 90px;
}

.intro::before {
position: absolute;
top: 0;
right: 50%;
width: 381px;
height: 100%;
background-color: var(--color-light-gray);
content: '';
transform: translateX(50%);
pointer-events: none;
margin-right: -390px;
opacity: 0;
}

.intro-holder {
justify-content: space-between;
flex-wrap: unset;
}

.intro-content {
width: 50%;
position: relative;
margin-right: 80px;
line-height: 1.75;
padding-top: 60px;
order: 1;
}

.intro-content:before {
position: absolute;
top: 60px;
left: -45px;
width: 3px;
min-height: 350px;
background-color: var(--color-secondary);
content: '';
}

.intro-right {
    width: calc(50% + 25px);
    margin-right: 0px;
    position: relative;
    order: 2;
    margin-bottom: 0;
    padding-left: 110px;
}

.intro-right img {
margin-left: 0;
display: block;
}
}

.intro-right img {
	float: none !important;
}



@media screen and (min-width: 280px) and (max-width: 767px) {
	
	
.intro {
	position: relative;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-bottom: 0;
}
.header-logo img {
	max-width: 150px;
	margin-top: 7px;
}
.hero-title2 {
	font-size: 35px;
	
 
}
.hero-title3 {
	font-size: 30px;
 
}







}


@media screen and (min-width: 767px) and (max-width: 1024px) {
	
.intro {
	padding-bottom: 90px;
	padding: 50px 0;
}	
.intro-right {
	padding-right: 15px;
}	
.intro-holder {
	font-size: 18px;
}

	
	
}


@media screen and (min-width: 280px) and (max-width: 767px) {
	
	
.intro {
	position: relative;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-bottom: 0;
}
.header-logo img {
	max-width: 300px;
	margin-top: 7px;
}
.hero-title2 {
	font-size: 34px;
	
 
}
.hero-title3 {
	font-size: 31px;
 
}






}


@media screen and (min-width: 767px) and (max-width: 1024px) {
	
.intro {
	padding-bottom: 90px;
	padding: 50px 0;
}	
.intro-right {
	padding-right: 15px;
}	
.intro-holder {
	font-size: 18px;
}

	.hero-title2 {
	font-size: 36px;
	
 
}
.hero-title3 {
	font-size: 31px;
 
}
	
}


.hero h2 {
	font-family: var(--font-family-heading);
}

.faqs.feature-section {
	padding: 50px 0px;
	background: var(--color-alternate);
}

@media screen and (min-width: 768px) {
	.faqs.feature-section .faqs-left {
		background-image: url('/wp-content/uploads/tapley-sec.webp');
        background-position-x: center;
        background-size: cover;
		max-height: 790px;
	}
	
	.faqs.feature-section .faqs-left picture {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.causes-mark {
		display: none;
	}
}

.causes-bottom {
	margin-top: 20px;
}