/*
Theme Name: 
Theme URI: 
Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net
Author: Adrian Jones
Version: 1.0
License: 
License URI: 
Tags: 
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;700&display=swap');

*		{margin: 0; border: 0; padding: 0; outline: 0; box-sizing: border-box;}
p, a, small, li, textarea, input, label, td, tr, .gform_confirmation_message, div, .uabb-adv-accordion-content p {font-family: "Barlow", sans-serif; font-style: normal;}
p, li		{line-height: 160%;}
h1, h2, h3, h4, h5		{font-family: "Barlow", sans-serif; font-style: normal;}
.clear		{clear: both;}
a		{text-decoration: none;}
html		{overflow-y: scroll; background-color: #fff; scroll-behavior: smooth;}
ul		{list-style-type: none;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img         {max-width: 100%; max-height: 100%; height: auto;}

.wrapper        {width: 1200px; margin: 0 auto; position: relative;}
.wrapper:after  {content: ""; display: block; clear: both;}

.yPadding        {padding-top: 80px; padding-bottom: 80px;}
.centered       {text-align: center;}

.flex			{display: flex;}
.align-center	{align-items: center;}
.align-bottom	{align-items: flex-end;}
.justify-between	{justify-content: space-between;}
.justify-center		{justify-content: center;}

.wcButton		{}

#header         {padding: 5px 0;}
#header .logo   	{max-height: 100px;}
#header .menu       {margin-left: auto; padding: 20px 0;}
#header .menu > li  {position: relative; display: inline-block; vertical-align: middle;}
#header .menu > li + li     {margin-left: 30px;}
#header .menu > li > a      {color: #38384c;}
#header .menu > li.button a	{display: block; color: #fff; background: #546ce3; padding: 12px 25px; border-radius: 45px;}
#header .menu > li > ul     {position: absolute; display: none; top: 100%; left: -15px; z-index: 999;}
#header .menu > li > ul > li    {padding: 8px 0;}
#header .menu > li > ul > li > a    {display: block; padding: 0 15px; white-space: nowrap;}
#header .menu > li.active > a       {color: #546ce3;}
#header .menu > li:hover a        {color: #546ce3;}
#header .menu > li:hover > ul       {display: block;}
#header .menu > li.menu-item-has-children > a:after	{content: "\f0d7"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-left: 7px;}
#header .menu > li.button:hover a	{color: #fff; background: #152369;}

.homeBanner			{height: 650px; position: relative;}
.innerBanner		{height: 400px; position: relative;}
.bannerWrap:before	{content: ""; position: absolute; height: 100%; width: 100%; background: linear-gradient(to right, #15236a 50%,transparent);}
.bannerWrap > div	{height: 100%;}
.bannerWrap > div:before		{content: ""; display: inline-block; vertical-align: middle; height: 100%;}
.homeBanner .overlay			{display: inline-block; vertical-align: middle; width: 35%; color: #fff;}
.innerBanner .overlay			{display: inline-block; vertical-align: middle; width: 40%; color: #fff;}
.bannerWrap .overlay h1			{font-size: 50px;}
.bannerWrap .overlay p			{font-size: 22px; margin-top: 20px;}
.homeBanner .overlay a			{color: #fff;}
.homeBanner .overlay ul			{margin-top: 20px;}
.homeBanner .overlay ul li		{display: inline-block; vertical-align: middle;}
.homeBanner .overlay ul li + li	{margin-left: 20px;}
.homeBanner .overlay ul li.button a		{display: block; color: #fff; background: #546ce3; padding: 12px 25px; border-radius: 45px;}
.homeBanner .overlay ul li.button a:hover	{background: #fff; color: #546ce3;}

#breadcrumbs		{margin-bottom: 30px;}
#breadcrumbs > li	{display: inline-block; padding: 0 3px;}
#breadcrumbs a		{color: #fff; text-decoration: underline;}

.wcCarousel		{}
.wcCarousel .slick-prev,
.wcCarousel .slick-next		{position: absolute; top: 50%; transform: translatey(-50%); background-color: #546ce3; color: #fff; border-radius: 50%; padding: 10px; z-index: 1; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center;}
.wcCarousel .slick-prev 	{left: -20px;}
.wcCarousel .slick-next 	{right: -20px;}
.wcCarousel .slick-prev:hover,
.wcCarousel .slick-next:hover 	{background-color: #333;}
.wcCarousel .slick-list			{margin: 0 -20px;}
.wcCarousel .slick-track		{display: flex;}
.wcCarousel .slick-track > div	{padding: 0 20px; height: auto;}
.wcCarousel .slick-track .indService	{background: #ebefff; padding: 25px; border-radius: 20px; height: 100%; color: #38384c;}
.wcCarousel .indService img		{display: inline-block; max-height: 75px;}
.wcCarousel .indService h3		{font-size: 26px; margin: 15px 0;}
.wcCarousel .indService a		{display: inline-block; margin-top: 20px; color: #38384c;}
.wcCarousel .indService a:hover		{color: #546ce3;}

.sectionTop			{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; color: #38384c;}
.sectionTop h2		{font-size: 36px; width: 450px;}
.sectionTop p		{max-width: 525px;}
.sectionTop a		{margin-left: auto; display: inline-block; color: #fff; background: #546ce3; padding: 12px 25px; border-radius: 45px;}
.sectionTop a:hover		{background: #152369;}

.homeWhy			{position: relative;}
.homeWhy:before		{content: ""; position: absolute; height: 100%; width: 100%; background: linear-gradient(to left, #15236a 50%,transparent);}
.homeWhy .rightContent		{width: 50%; float: right; color: #fff;}
.homeWhy .rightContent h2	{font-size: 36px;}
.homeWhy .rightContent ul	{margin: 25px 0;}
.homeWhy .rightContent ul li	{position: relative; padding-left: 35px;}
.homeWhy .rightContent ul li span	{display: block; font-weight: bold; margin-bottom: 15px;}
.homeWhy .rightContent ul li + li	{margin-top: 20px;}
.homeWhy .rightContent ul li:before		{content: "\f00c"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0; background: #546ce3; border-radius: 30px; height: 24px; width: 24px; text-align: center;}
.homeWhy .rightContent a	{display: inline-block; color: #fff; background: #546ce3; padding: 12px 25px; border-radius: 45px;}
.homeWhy .rightContent a:hover		{background: #fff; color: #546ce3;}

.homeTeam			{background: #ebefff;}
.homeTeam .section-header	{margin-bottom: 40px; max-width: 800px; color: #38384c;}
.homeTeam .section-header h2 	{font-size: 36px; margin-bottom: 20px;}
.homeTeam .team-cta 	{margin-top: 25px;}
.homeTeam .team-cta li	{display: inline-block; vertical-align: middle;}
.homeTeam .team-cta li a		{color: #546ce3;}
.homeTeam .team-cta li + li		{margin-left: 20px;}
.homeTeam .team-cta li.button a 	{display: block; color: #fff; background: #546ce3; padding: 12px 25px; border-radius: 45px;}
.homeTeam .team-cta li.button a:hover	{background: #fff; color: #546ce3;}
.homeTeam .team-members-grid 	{display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 30px;}
.homeTeam .team-member 		{border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: all 0.3s ease; position: relative;}
.homeTeam .team-member:hover 	{transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.15);}
.homeTeam .team-member .clickable-icon	{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; color: rgba(255,255,255,0.7); border-radius: 50%; display: none;}
.homeTeam .team-member:hover .clickable-icon	{display: block;}
.homeTeam .member-photo 	{height: 320px;	background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.homeTeam .member-overlay 	{position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; background: linear-gradient(transparent, rgba(0,0,0,0.7));}
.homeTeam .member-name 		{color: white; font-weight: 600; font-size: 18px; margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);}
.member-bio * + *	{margin-top: 20px;}
.member-bio ul		{margin: 20px 0 0 30px; list-style-type: disc;}

.homeTestimonials		{background: #152369; color: #fff;}
.homeTestimonials .flex		{justify-content: space-between;}
.homeTestimonials .flex > div	{width: 374px;}
.homeTestimonials .left i	{font-size: 72px; color: #546ce3; margin-bottom: 20px;}
.homeTestimonials .left h2	{font-size: 36px;}
.homeTestimonials .left p	{margin: 20px 0;}
.homeTestimonials .left a	{display: inline-block; color: #fff; background: #546ce3; padding: 12px 25px; border-radius: 45px;}
.homeTestimonials .left a:hover		{background: #fff; color: #546ce3;}
.homeTestimonials .reviewOuter .review		{background: #fff; padding: 30px; border-radius: 20px; text-align: left; position: relative; color: #38384c;}
.homeTestimonials .reviewOuter .review:after	{content: ""; position: absolute; left: 50%; transform: translatex(-50%); bottom: -30px; border: 15px solid transparent; border-top-color: #fff;}
.homeTestimonials .reviewOuter p	{font-weight: bold; margin-top: 25px; font-size: 20px;}
.homeTestimonials .reviewOuter p span	{font-size: 14px; color: #546ce3;}

.innerpage .gform_wrapper .gform_body input,
.innerpage .gform_wrapper .gform_body textarea	{border: 1px solid #3c423c;}
.innerpage .gform_wrapper .gform_body label		{font-weight: 800; color: #3c423c;}
.innerpage .gform_wrapper .gform_footer input[type="submit"]	{display: inline-block; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; background: #308c88; border: 3px solid #308c88; padding: 8px 40px; border-radius: 30px; cursor: pointer; text-align: center;}
.innerpage .gform_wrapper .gform_footer input[type="submit"]:hover		{background: #fff; color: #308c88;}

#homeLocation		{padding: 60px 0 220px; position: relative;}
#homeLocation .flex	{justify-content: space-between;}
#homeLocation .left	{width: 28%; color: #38384c;}
#homeLocation .left h2		{font-size: 36px; margin-bottom: 25px;}
#homeLocation .left p + p	{margin-top: 20px;}
#homeLocation .left p span	{font-weight: bold; color: #546ce3;}
#homeLocation .left p a	{color: #38384c;}
#homeLocation .left a.wcButton	{display: inline-block; background: #546ce3; color: #fff; padding: 14px 25px; border-radius: 4px; margin-top: 20px;}
#homeLocation .left a.wcButton:hover		{background: #152369;}
#homeLocation .right	{width: 60%; border-radius: 20px; overflow: hidden;}
#homeLocation .right iframe	{width: 100%;}
#footCtaWrap		{}
#footCtaWrap .footCTA			{position: absolute; background: #546ce3; border-radius: 20px; color: #fff; padding: 30px 200px; bottom: -120px;}
#footCtaWrap .footCTA h2		{font-size: 36px; margin-bottom: 25px;}
#footCtaWrap .footCTA a		{display: inline-block; background: #152369; color: #fff; padding: 14px 25px; border-radius: 4px; margin-top: 20px;}
#footCtaWrap .footCTA a:hover		{background: #fff; color: #152369;}
#footer			{background: #152369; padding: 220px 0 60px; color: #fff;}
#footer .flex	{flex-wrap: wrap; justify-content: space-between;}
#footer a		{color: #fff;}
#footer h3		{color: #546ce3; margin-bottom: 20px; font-size: 26px;}
#footer .column.right h3:last-of-type	{margin-top: 30px;}
#footer .flex > div		{width: 30%;}
#footer ul.footLinks li + li,
#footer ul.footHours li + li	{padding-top: 10px;}
#footer ul.footHours li			{display: flex; justify-content: space-between;}
#footer ul.footHours li span	{display: block;}
#footer ul.footHours li span + span		{margin-left: auto;}
#footer ul.footSocial li		{display: inline-block;}
#footer ul.footSocial li + li	{margin-left: 10px;}
#footer ul.footSocial li a		{display: block; background: #546ce3; height: 34px; width: 34px; border-radius: 30px; text-align: center; line-height: 36px;}
#footer ul.footSocial li i		{font-size: 18px; color: #152369;}
#footer ul.footSocial li:hover a	{background: #fff;}
#footer .flex .bottom	{width: 100%; border-top: 1px solid #546ce3; padding-top: 25px; margin-top: 50px; justify-content: space-between; color: #fff;}
#footer .flex .bottom p			{font-size: 14px;}
#footer .flex .bottom p + p		{margin-left: auto;}

.innerPageContent > div:last-of-type	{padding-bottom: 220px;}

.contentImageRow .flex		{justify-content: space-between;}
.contentImageRow .left		{width: 44%;}
.contentImageRow .left a	{display: inline-block; color: #fff; background: #546ce3; padding: 12px 25px; border-radius: 45px; margin-top: 20px;}
.contentImageRow .left a:hover	{background: #152369;}
.contentImageRow .right		{width: 49%;}
.featuresRow		{background: #ebefff; color: #38384c;}
.featuresRow h3		{font-size: 26px; margin-bottom: 40px;}
.featuresRow .flex	{justify-content: space-between;}
.featuresRow .flex > div	{width: 20%;}
.featuresRow .flex > div p span		{display: inline-block; color: #fff; background: #546ce3; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-bottom: 15px; border-radius: 30px;}
.featuresRow .flex > div h4		{font-size: 20px; margin-bottom: 20px;}
.contentAccordionRow .flex		{justify-content: space-between;}
.contentAccordionRow .left		{width: 44%;}
.contentAccordionRow .left a	{display: inline-block; color: #fff; background: #546ce3; padding: 12px 25px; border-radius: 45px; margin-top: 20px;}
.contentAccordionRow .left a:hover	{background: #152369;}
.contentAccordionRow .right		{width: 49%;}
.contentAccordionRow .right .accordOuter	{background: #ebefff; padding: 30px; border-radius: 20px;}
.contentAccordionRow .right .accordOuter .accord		{position: relative; padding: 10px 0 10px 40px; cursor: pointer; color: #38384c;}
.contentAccordionRow .right .accordOuter .accord:before	{content: "\f078"; font-family: 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 0; background: #546ce3; border-radius: 30px; height: 24px; width: 24px; text-align: center; color: #fff; line-height: 22px;}
.contentAccordionRow .right .accordOuter .accord.open:before	{content: "\f077";}
.contentAccordionRow .right .accordOuter .accord h4		{font-size: 20px;}
.contentAccordionRow .right .accordOuter .accord .accordText		{padding-top: 20px;}
.contentAccordionRow .right .accordOuter > div + div	{border-top: 2px solid #bfc3d2;}
.boxesRow			{background: #ebefff;}
.boxesRow h3		{font-size: 26px; margin-bottom: 40px;}
.boxesRow .flex	{justify-content: space-between; flex-wrap: wrap;}
.boxesRow .flex > div	{width: 30%; border: 2px solid #fff; padding: 25px; border-radius: 20px; margin-bottom: 25px;}
.boxesRow .flex > div h4		{font-size: 20px; margin-bottom: 20px;}

.content h1         {color: #38384c; margin-bottom: 25px; font-size: 50px;}
.content h2         {color: #38384c; margin-bottom: 20px; font-size: 36px;}
.content h3         {color: #38384c; margin-bottom: 20px; font-size: 26px;}
.content h4         {color: #38384c; margin-bottom: 20px;}
.content h5         {color: #38384c; margin-bottom: 20px;}
.content p          {color: #38384c;}
.content p + p		{margin-top: 15px;}
.content a          {color: #546ce3;}
.content ul         {margin: 0 0 20px 30px;}
.content ul li      {color: #38384c; padding: 8px 0; list-style-type: disc;}
.content ol         {margin: 0 0 20px 30px;}
.content ol li      {color: #38384c; padding: 8px 0; list-style-type: decimal;}

@media all and (max-width : 1300px) {
	.wrapper {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media all and (max-width : 992px) {

}

@media all and (max-width : 768px) {

}

@media all and (max-width : 586px) {

}
