/*
Theme Name: Hope & Recovery Foundation
Template: our-customers
Author: Local5x
*/

#l5x-header{background: none;border-bottom: 1px solid transparent;padding-block: 1.5rem !important;position: sticky;left: 0;right: 0;top: 0;}
@media screen and (min-width: 1024px){
	#l5x-header{position: fixed;}
}
.fadeBg{border-color: #1E2226 !important;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;}

.reveal{opacity: 0;transform: translateY(40px) scale(0.98);filter: blur(8px);transition: all 0.9s cubic-bezier(.2,.8,.2,1);}
.reveal.is-visible{opacity: 1;transform: translateY(0) scale(1);filter: blur(0);}

.vc_btn3-container.outlined > .vc_btn3{border-color: rgba(241,238,231,0.5);}
.vc_btn3{font-family: var(--font-body);border-radius: 0.375rem !important;display: block;font-weight: 500 !important;text-align: center;}

.menu > li > a{font-size: 0.875rem !important;font-weight: 500 !important;}
.menu > li > a:hover{background: transparent !important;}
.menu > li.cta > a{padding: 0.7rem 2rem;}
.menu > li.cta > a:hover{background: var(--color-accent) !important;}

#main-banner{padding-block: 6rem;}
#main-banner h1{font-size: 4rem !important;line-height: 1 !important;max-width: 56rem;width: 100%;margin-inline: auto;font-weight: 500 !important;}
@media screen and (min-width: 1024px){
	#main-banner{height: 70vh;display: flex;align-items: center;justify-content: center;}
	#main-banner h1{font-size: 6rem !important;}
}
#main-banner h1 small{font-size: 100%;color: var(--color-accent);}
#main-banner .hero-tagline{max-width: 42rem;width: 100%;margin-inline: auto;}
#main-banner .hero-tagline p{color: rgba(241,238,231,0.7);text-wrap: pretty;font-size: 1.25rem;}

.cta-centered .wpb_wrapper{display: flex;align-items: center;justify-content: center;gap: 1rem;flex-direction: column;}
.cta-centered .wpb_wrapper .vc_btn3-container{display: block;width: 100%;}
.cta-centered .wpb_wrapper .vc_btn3-container .vc_btn3{display: block;width: 100%;}
@media screen and (min-width: 1024px){
	.cta-centered .wpb_wrapper{flex-direction: row;}
	.cta-centered .wpb_wrapper .vc_btn3-container{display: block;width: auto;}
	.cta-centered .wpb_wrapper .vc_btn3-container .vc_btn3{display: block;width: auto;}
}

section#content{overflow-x: hidden;}

.section-title{font-weight: 500 !important;font-size: 3rem !important;line-height: 1.3 !important;}
.section-title small{display: block;font-size: 0.875rem;text-transform: uppercase;color: var(--color-accent);font-family: var(--font-body);}
.section-title.alt small{}
.tagline{max-width: 42rem;width: 100%;margin-left: auto;margin-right: auto;color: #8b9095;font-size: 1.25rem !important;}
.rounded-img{border-radius: 1rem;overflow: hidden;}

.card > .vc_column-inner{transition: all 0.2s;}
.card > .vc_column-inner h4{color: #FFF;margin: 0;}
.card > .vc_column-inner p{font-size: 0.785rem;}
.card:hover > .vc_column-inner{border-color: rgba(209, 168, 75, 0.5) !important;}