/*
Theme Name: Tree Solution Pros
Template: our-customers
*/

body,html{scroll-behavior: smooth;}

section#content{overflow-x: hidden;}

.rounded-img{border-radius: 1.5rem;overflow: hidden;box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);}
.tagline{max-width: 42rem;width: 100%;margin-left: auto;margin-right: auto;}
.vc_btn3{border-radius: 0.5rem !important;font-weight: 400 !important;font-family: var(--font-body);padding: 1rem 2.5rem !important;box-shadow: 0 10px 15px -3px rgb(19 104 62 / 0.3), 0 4px 6px -4px rgb(19 104 62 / 0.3) !important;}

.vc_do_toggle > .vc_toggle_title{padding: 0 !important;display: flex;align-items: center;justify-content: space-between;}
.vc_do_toggle > .vc_toggle_title > h4{margin: 0 !important;color: #FFF;font-weight: 500 !important;font-size: 1.2rem !important;}
.vc_do_toggle > .vc_toggle_title > .vc_toggle_icon{position: relative !important;top: 0 !important;transform: none !important;}
.vc_do_toggle > .vc_toggle_content{padding: 1rem 0 0 !important;margin: 0 !important;}
.vc_do_toggle > .vc_toggle_content p{color: #FFF;}

@media screen and (min-width: 1024px){
	#home-page-banner{padding-top: 200px !important;padding-bottom: 200px !important;}
	#home-page-banner h1{font-size: 4rem !important;max-width: 62rem;width: 100%;margin-left: auto;margin-right: auto;line-height: normal !important;}
}

#home-page-banner .vc_btn3{box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);}

#l5x-nav > div > .menu > li > a{font-weight: 500;font-size: 0.875rem !important;}

#l5x-nav > div > .menu > li.mega > ul.sub-menu{max-height: 500px;overflow-y: auto;}
#l5x-nav > div > .menu > li.mega > ul.sub-menu > li > a{display: block;color: #FFF;padding-left: 3rem !important;position: relative;}
#l5x-nav > div > .menu > li.mega > ul.sub-menu > li > a > i{position: absolute;left: 1.1rem;top: 1rem;}
#l5x-nav > div > .menu > li.mega > ul.sub-menu > li > a > small{display: block;color: rgba(255,255,255,0.6) !important;}

@media screen and (min-width: 1024px){
	#l5x-nav > div > .menu > li.mega > ul.sub-menu{width: 700px;display: grid;grid-template-columns: repeat(12, 1fr);gap: 1rem;max-height: 1000px;overflow: visible;}
	#l5x-nav > div > .menu > li.mega > ul.sub-menu > li{grid-column: span 6;}
	#l5x-nav > div > .menu > li.mega > ul.sub-menu > li > a{font-weight: 500;color: var(--color-main);border-radius: 0.75rem;transition: all 0.2s;}
	#l5x-nav > div > .menu > li.mega > ul.sub-menu > li > a:hover{background: rgba(240,235,224,0.3);}
	#l5x-nav > div > .menu > li.mega > ul.sub-menu > li > a > small{color: #303030 !important;}
}

#l5x-nav-header > div > .menu{display: flex;align-items: center;flex-direction: row;gap: 0.25rem;justify-content: center;}
#l5x-nav-header > div > .menu > li > a{display: block;font-family: var(--font-body);font-size: 0.875rem;color: var(--color-menu);padding: 0.5rem;font-weight: 500;}
#l5x-nav-header > div > .menu > li.cta > a{background: var(--color-bk-cta);color: var(--color-cta);border-radius: var(--radius-md);padding: 0.5rem 1.25rem;}

#l5x-footer .widget-title{font-size: 1.1rem !important;}

.gallery{column-count: 3;column-gap: 20px;}
.gallery-item{break-inside: avoid !important;margin-bottom: 20px;}
.job .gallery{max-width: 900px;width: 100%margin: auto;}
.job .gallery-item:first-child{width: 100%;column-span: all;}
.gallery br{display: none !important;}
.gallery .gallery-item{display: block;float: none !important;margin: 0 !important;width: 100% !important;}
.gallery .gallery-item img{border: 0 !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);}

.section-cta .wpb_wrapper{display: flex;flex-direction: column;gap: 1rem;}
@media screen and (min-width: 1024px){
	.section-cta .wpb_wrapper{flex-direction: row;}
}

#license-bar{background: #0C4529;padding: 0.5rem;margin: 0 0 0.75rem;color: #FFF;}
#license-bar p{font-size: 0.875rem;}