/*
Theme name: Contractor5x
Template: our-customers
Author: Local5x
*/

section#content{overflow-x: hidden;}

.l5x__page-container ul > li::marker{color: var(--color-main);}
@media screen and (min-width: 1024px){
	.l5x__page-container .cols-2 ul{display: block;column-count: 2;}
}

#main-banner{padding-top: 1.5rem;padding-bottom: 1.5rem;}
#main-banner h1{line-height: normal !important;font-size: 2.5rem !important;}
@media screen and (min-width: 1024px){
	#main-banner{padding-top: 7rem;padding-bottom: 7rem;}
	#main-banner h1{font-size: 3.75rem !important;line-height: 1.25;}
}
#main-banner h1 small{font-size: 100%;color: var(--color-accent);}
#main-banner p{color: rgba(255, 255, 255, 0.8);}
#main-banner ul{gap: 0rem !important;}
#main-banner ul li::marker{color: var(--color-main);}
#main-banner .card .vc_column-inner{box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);}
#main-banner .card .vc_column-inner h5{font-size: 2.5rem !important;margin: 0;color: var(--color-main);line-height: normal !important;}
#main-banner .card .vc_column-inner p{line-height: normal !important;}

.rounded-img{border-radius: 1rem;overflow: hidden;box-shadow: 25px 50px -12px rgb(0 0 0 / 0.25);}
.vc_btn3{display: inline-flex;border-radius: 0.5rem !important;font-weight: 500 !important;border-width: 1px !important;border-color: transparent;border-style: solid;font-family: var(--font-body) !important;}
.vc_btn3.vc_btn3-size-md{font-size: 1rem !important;padding: 1rem 3rem !important;}
.vc_btn3.vc_btn3-size-sm{font-size: 0.875rem !important;padding: 0.75rem 1.5rem !important;}
.vc_btn3.vc_btn3-icon-right{display: inline-flex !important;align-items: center;justify-content: center;gap: 0.5rem;}
.vc_btn3.vc_btn3-icon-right > .vc_btn3-icon{position: relative !important;top: 0 !important;transform: none !important;right: 0 !important;}

.tagline{max-width: 50rem;width: 100%;margin-left: auto;margin-right: auto;}
.tagline p{color: #6D6B6B;font-size: 1.125rem;}
.tagline.alt p{color: rgba(255,255,255,0.8);}

.title-mixed small{color: var(--color-accent);font-size: 100%;}

.section-title{line-height: normal !important;}
.section-title > small{display: block;font-family: var(--font-body) !important;font-size: 15px !important;margin: 0 0 5px;color: var(--color-main);text-transform: uppercase;}
.section-title.alt > small{color: #FFF;}
.section-title.alt > small{color: rgba(255,255,255,0.75);}

.pill > small{width: fit-content;background: rgba(0, 83, 179, 0.1);color: #0053B3;padding: 0.5rem 1rem;border-radius: 50px;}
.pill.alt > small{background: rgba(0, 83, 179, 0.5);color: #0053B3;}

/*CARDS*/
.card > .vc_column-inner{box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);overflow: hidden;transition: all 0.2s;}
.card:hover > .vc_column-inner{box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);}
.card > .vc_column-inner .card-img{display: block;max-height: 250px;min-height: 150px;overflow: hidden;position: relative;}
.card > .vc_column-inner a{color: var(--color-main);text-decoration: none;}
@media screen and (min-width: 1024px){
	.card > .vc_column-inner .card-img{min-height: 200px;}
}
.card > .vc_column-inner .card-img > figure{position: absolute;left: 0;top: 0;width: 100%;bottom: 0;transition: all 0.2s;}
.card:hover > .vc_column-inner .card-img > figure{transform: scale(1.1);}
.card > .vc_column-inner h1,
.card > .vc_column-inner h2,
.card > .vc_column-inner h3,
.card > .vc_column-inner h4,
.card > .vc_column-inner h5,
.card > .vc_column-inner h6{margin: 0 0 0.5rem;}
.card > .vc_column-inner p{color: #4C575F;font-size: .875rem;}
.card > .vc_column-inner ul{gap: 0.5rem;}
.card > .vc_column-inner ul li{font-size: 0.875rem;color: #4C575F;}
.card > .vc_column-inner ul li::marker{color: var(--color-main);}

.card.no-shadow > .vc_column-inner{box-shadow: none;}

.card-blur > .vc_column-inner{background: rgba(255,255,255,0.1);backdrop-filter: blur(3px);}
.card-blur > .vc_column-inner h4{font-size: 3rem !important;line-height: 1 !important;color: #FFF;margin: 0;}
.card-blur > .vc_column-inner small{color: rgba(252,252,252,0.7);text-transform: uppercase;}
.card-blur > .vc_column-inner p{color: rgba(255,255,255,0.7);}
.card-blur > .vc_column-inner strong{color: #FFF !important;}

.card.industry .wpb_text_column{background: RGBA(0, 0, 0, 0.9);background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(54, 54, 54, 0) 100%);}
.card.industry .wpb_text_column h5{color: #FFF;margin: 0 !important;line-height: 1 !important;}
.card.industry .wpb_text_column p{color: rgba(255, 255, 255, 0.8);}

#l5x-nav > div > .menu > li > a,
#l5x-nav-header > div > .menu > li > a{font-size: 0.875rem !important;font-weight: 500;transition: all 0.2s;}

#l5x-nav > div > .menu > li.mega > ul > li:first-child{border-bottom: 1px solid #F3EAEC;padding-left: 0;}
#l5x-nav > div > .menu > li.mega > ul > li:first-child > a{color: var(--color-main);text-transform: uppercase;font-weight: 500;}
#l5x-nav > div > .menu > li.mega > ul > li{position: relative;padding-left: 1.5rem;}
#l5x-nav > div > .menu > li.mega > ul > li i{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
#l5x-nav > div > .menu > li.mega > ul > li > a{color: #040C13;font-weight: 500;transition: all 0.5s;}
#l5x-nav > div > .menu > li.mega > ul > li > a:hover{color: var(--color-main);}
#l5x-nav > div > .menu > li.mega > ul > li > a > small{display: block;color: #4C575F;font-size: 0.75rem;}

#l5x-nav-header > div > .menu{display: flex;gap: 0.5rem;}
#l5x-nav-header > div > .menu > li.cta{margin-left: 0;}
@media screen and (min-width: 1024px){
	#l5x-nav-header > div > .menu > li.cta{margin-left: 0.5rem;}
}
#l5x-nav-header > div > .menu > li > a{color: #FFF;}
#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;text-align: center;}

.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);}

.faq > .vc_toggle_title{padding: 0 !important;}
.faq > .vc_toggle_title > .vc_toggle_icon{left: 98% !important;}
.faq > .vc_toggle_title > h4{font-family: var(--font-body) !important;color: #040C13;font-size: 0.875rem !important;font-weight: 500 !important;}
.faq > .vc_toggle_content{padding: 1rem 0 0 !important;margin: 0 !important;}
.faq > .vc_toggle_content > p{color: #4C575F !important;font-size: 0.875rem;}

.footer-cta .wpb_wrapper{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem;}
.banner-cta .wpb_wrapper{display: flex;flex-direction: column;align-items: center;gap: 1rem;}
.footer-cta .wpb_wrapper .vc_btn3-container,
.banner-cta .wpb_wrapper .vc_btn3-container{display: block !important;width: 100%;}
.footer-cta .wpb_wrapper .vc_btn3-container .vc_btn3,
.banner-cta .wpb_wrapper .vc_btn3-container .vc_btn3{width: 100%;box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);}
@media screen and (min-width: 1024px){
	.footer-cta .wpb_wrapper,
	.banner-cta .wpb_wrapper{flex-direction: row;}
	.footer-cta .wpb_wrapper .vc_btn3-container,
	.banner-cta .wpb_wrapper .vc_btn3-container{width: auto;}
	.footer-cta .wpb_wrapper .vc_btn3-container .vc_btn3,
	.banner-cta .wpb_wrapper .vc_btn3-container .vc_btn3{width: auto;}
}

.l5x-page-header h1{font-size: 3.75rem !important;}
.page-excerpt{max-width: 42rem;width: 100%;}
.page-excerpt p{color: rgba(252,252,252,0.8);font-size: 1.25rem;line-height: 1.625;}

.vc_icon_element-style-rounded-less{border-radius: 15px !important;}