/*
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=Poppins:wght@300;400;500;600;700;800&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: "Poppins", sans-serif; font-weight: 300; font-style: normal;}
h1, h2, h3, h4, h5		{font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal;}
.clear		{clear: both;}
a		{text-decoration: none; color: inherit;}
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: 1300px; margin: 0 auto; position: relative;}
.wrapper:after  {content: ""; display: block; clear: both;}

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

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

.buttonIcon			{display: inline-block; vertical-align: middle; height: 24px; width: 24px; background: url(images/Green-Button.png) no-repeat center; background-size: cover;}

#header         {padding: 25px 50px 30px 50px;}
#header .logo img  	{max-height: 115px; padding: 10px 0px 0px 20px;}
#header .menu       {text-align: right;}
#header .menu > li  {position: relative; display: inline-block; vertical-align: top;}
#header .menu > li + li     {margin-left: 30px;}
#header .menu > li > a      {color: #2d3032; font-size: 18px; letter-spacing: 1px;}
#header .menu > li.button a	{color: #fff; text-transform: uppercase; padding: 8px 18px; background: #244060; border: 1px solid #244060; border-radius: 30px; font-weight: 700; font-size: 16px;}
#header .menu > li.button:hover a	{background: #fff; color: #244060;}
#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       {font-weight: 700; color: #77cd0d;}
#header .menu > li:hover a        {}
#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;}

.bannerImg			{height: 350px; position: relative;}
.bannerImg:before	{content: ""; display: block; position: absolute; right: 0; width: 70%; height: 15px; background: #244060; top: -15px; clip-path: polygon(0.5% 0, 100% 0, 100% 100%, 0 100%);}
.bannerImg:after	{content: ""; display: block; position: absolute; left: 0; width: 30%; height: 15px; background: #77cd0d; bottom: -15px; clip-path: polygon(0 0, 100% 0, 99.5% 100%, 0 100%);}
.home .bannerImg	{height: 600px;}
.bannerImg > div	{height: 100%; justify-content: flex-end;}
.bannerImg .overlay	{text-align: right; color: #fff; max-width: 55%;}
.bannerImg .overlay h1		{font-weight: 800; font-size: 72px; line-height: 1; -webkit-text-stroke: 1px #244060;}
.bannerImg .overlay a		{display: inline-block; color: #fff; font-size: 26px; letter-spacing: 1px; margin-top: 10px;}
.home .bannerImg .overlay a		{margin-top: 40px;}
.bannerImg .overlay a:hover		{color: #77cd0d;}

#breadcrumbs		{padding: 60px 0 0;}
#breadcrumbs li		{display: inline-block; text-transform: uppercase; color: #31353e; font-size: 13px; letter-spacing: 1px;}
#breadcrumbs li + li	{margin-left: 5px;}
#breadcrumbs li.item-current 	{font-weight: 700; color: #77cd0d;}

.homeCourses		{color: #31353e;}
.homeCourses h2		{color: #244060; font-size: 36px;}
.homeCourses h2 span	{color: #77cd0d;}
.homeCourses p		{margin-top: 20px;}

.coursesWrap		{display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 50px; column-gap: 15px;}
.coursesWrap > div	{width: calc((100% / 3) - 10px); margin-bottom: 20px; position: relative; text-align: left;}
.coursesWrap > div:before	{content: ""; display: inline-block; padding-top: 120%;}
.coursesWrap .courseBox .description	{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; padding: 25px; color: #fff; background: rgba(36, 64, 96, 0.8); display: none;}
.coursesWrap .courseBox .description p	{margin-top: 0;}
.coursesWrap .courseBox .description a	{display: inline-block; margin-top: 20px; text-transform: uppercase; color: #77cd0d; font-weight: bold;}
.coursesWrap .courseBox:hover .description	{display: block;}
.coursesWrap .courseBox .title			{position: absolute; z-index: 2; padding: 25px; bottom: 0; left: 0; right: 0;}
.coursesWrap .courseBox .title:after	{content: ""; display: block; clear: both;}
.coursesWrap .courseBox .title p		{color: #fff; text-transform: uppercase; font-weight: 800; font-size: 26px; padding-right: 40px; line-height: 1.1; margin-top: 0;}
.coursesWrap .courseBox .title span		{position: absolute; right: 20px; bottom: 30px;}

.homeAbout		{position: relative; background: #244060;}
.homeAbout:before	{content: ""; display: block; position: absolute; right: 0; width: 50.3%; height: 15px; background: #77cd0d; top: -15px; clip-path: polygon(0.7% 0, 100% 0, 100% 100%, 0 100%);}
.homeAbout .wrapper:after	{content: ""; display: block; position: absolute; right: 70%; width: 1000px; height: 15px; background: #244060; bottom: -15px; clip-path: polygon(0 0, 100% 0, 99.3% 100%, 0 100%);}
.homeAbout .img	{position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 50%;}
.homeAbout .contentWrap		{width: 70%; float: right; background: #244060; position: relative; z-index: 2; clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%); color: #fff; padding-left: 300px;}
.homeAbout .contentWrap h2	{font-size: 36px;}
.homeAbout .contentWrap p	{margin-top: 20px;}
.homeAbout .contentWrap a:last-of-type	{color: #77cd0d; text-transform: uppercase; font-weight: 700; font-size: 14px;}
.homeAbout .contentWrap a:last-of-type span	{margin-left: 10px;}
.homeAbout .contentWrap .stats	{margin-top: 40px; display: flex;}
.homeAbout .contentWrap .stats > div + div		{margin-left: 40px;}
.homeAbout .contentWrap .stat-circle-container	{position: relative; width: 200px; height: 200px;}
.homeAbout .contentWrap .stat-circle	{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.homeAbout .contentWrap .circle-bg		{fill: none; stroke: #446a96; stroke-width: 2.3;}
.homeAbout .contentWrap .circle-progress	{fill: none; stroke: #f69e24; stroke-width: 2.3; stroke-dasharray: 100, 100; stroke-dashoffset: 100; transition: stroke-dashoffset 1s ease;}
.homeAbout .contentWrap .stat-number	{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 28px; font-weight: bold; color: #fff; text-align: center; line-height: 1;}
.homeAbout .contentWrap .stat-number .statTitle		{text-transform: uppercase; font-size: 14px;}

.homeTestimonials	{background: url(images/Test-Background.jpg) no-repeat center; background-size: cover; padding-bottom: 70px;}
.homeTestimonials h2	{color: #244060; font-size: 36px;}
.homeTestimonials .sliderWrap	{margin-top: 40px; padding: 0 200px;}
.homeTestimonials .slides li p.stars		{color: #fff;}
.homeTestimonials .slides li p.review		{color: #244060; margin-top: 20px;}
.homeTestimonials .slides li p.reviewer	{color: #244060; font-weight: 500; line-height: 120%; font-size: 22px; margin-top: 20px;}
.homeTestimonials .slides li p.reviewer span		{color: #fff; font-weight: 700; font-size: 18px;}

.homeCustomers img	{max-height: 60px; max-width: 15%;}
.homeCustomers.accreditations	{background: #53667c;}

.singleCourse .left		{width: 70%; padding-right: 8%; float: left; padding-bottom: 100px;}
.singleCourse .left .courseInfo		{padding-top: 40px;}
.singleCourse .left .courseInfo p.courseCat		{font-weight: 700; color: #77cd0d; letter-spacing: 1px; text-transform: uppercase; font-size: 14px;}
.singleCourse .left .courseInfo h1		{color: #244060;}
.singleCourse .left .courseInfo h3		{color: #244060; margin-top: 30px;}
.singleCourse .left .courseInfo p		{color: #31353e; line-height: 160%; margin-top: 15px;}
.singleCourse .left .courseInfo .icons		{flex-wrap: wrap;}
.singleCourse .left .courseInfo .icons > div	{width: 40%; padding-left: 60px; margin-top: 30px; position: relative;}
.singleCourse .left .courseInfo .icons > div p		{margin: 0;}
.singleCourse .left .courseInfo .icons .location	{background: url(images/ICON-LOC.png) no-repeat left top; background-size: auto 45px;}
.singleCourse .left .courseInfo .icons .valid		{background: url(images/ICON-VAL.png) no-repeat left top; background-size: auto 45px;}
.singleCourse .left .courseInfo .icons .accreditation	{background: url(images/ICON-ACC.png) no-repeat left top; background-size: auto 45px;}
.singleCourse .left .courseInfo .icons .funding		{background: url(images/ICON-FUN.png) no-repeat left top; background-size: auto 45px;}
.singleCourse .left .courseInfo .icons .duration	{background: url(images/ICON-DUR.png) no-repeat left top; background-size: auto 45px;}
.singleCourse .left .courseInfo > ul		{margin-top: 10px;}
.singleCourse .left .courseInfo > ul > li	{position: relative; color: #31353e; padding: 5px 0 5px 20px;}
.singleCourse .left .courseInfo > ul > li:before	{content: "\b7"; position: absolute; left: 5px; top: -19px; color: #77cd0d; font-size: 48px;}
.singleCourse .right	{width: 30%; float: right;}
.singleCourse .right .courseForm		{background: #77cd0d; color: #fff; padding: 60px 30px 30px;}
.singleCourse .right .courseForm > p	{font-weight: 700; color: #244060; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; }
.singleCourse .right .courseForm > h2	{font-size: 30px; line-height: 1; margin-top: 10px;}
.singleCourse .right .courseForm .gform_wrapper		{margin-top: 20px;}
.singleCourse .right .courseForm .gform_wrapper .gform_description	{margin-bottom: 20px;}
.singleCourse .right .courseForm .gform_wrapper .gform_body .gfield input,
.singleCourse .right .courseForm .gform_wrapper .gform_body .gfield textarea		{border-radius: 25px; padding: 12px 22px 12px;}
.singleCourse .right .courseForm .gform_wrapper .gform_footer .button	{background: #244060; color: #fff; padding: 14px 30px; font-size: 13px; font-weight: 700; cursor: pointer; border-radius: 25px; text-transform: uppercase; letter-spacing: 1px;}
.singleCourse .right .sideImg	{margin-top: 13px; margin-bottom: 6px;}

.content h1         {color: #244060; font-size: 32px; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 1px;}
.content h2         {color: #244060; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px;}
.content h3         {color: #244060; margin-bottom: 20px;}
.content h4         {color: #244060; margin-bottom: 15px;}
.content h5         {color: #244060; margin-bottom: 15px;}
.content * > h2,
.content * > h3,
.content * > h4,
.content * > h5		{margin-top: 20px;}
.content p          {color: #31353e; line-height: 160%; margin-top: 15px;}
.content a          {font-weight: bold; color: #77cd0d;}
.content ul         {margin: 10px 0 20px 0;}
.content ul li      {position: relative; color: #31353e; padding: 5px 0 5px 20px;}
.content ul li:before	{content: "\b7"; position: absolute; left: 5px; top: 50%; transform: translatey(-50%); color: #77cd0d; font-size: 48px;}
.content ol         {margin: 0 0 20px 30px;}
.content ol li      {color: #31353e; padding: 5px 0;}

.content .courseCat		{font-weight: 700; color: #77cd0d; letter-spacing: 1px; text-transform: uppercase; font-size: 14px;}

.footCta			{background: #283d56; color: #fff;}
.footCta .left		{width: 45%; float: left; padding-right: 7%; border-right: 1px solid #6c7485;}
.footCta a:hover	{color: #77cd0d;}
.footCta .left h2	{font-size: 36px;}
.footCta .left h1 span	{color: #77cd0d;}
.footCta .left p,
.footCta .left ul.contacts		{margin-top: 20px;}
.footCta .left ul.contacts i	{padding-right: 10px; color: #77cd0d;}
.footCta .right		{width: 48%; float: right;}
.footCta .right .gform_wrapper .gform_body .gfield input,
.footCta .right .gform_wrapper .gform_body .gfield textarea		{border-radius: 25px; padding: 12px 22px 12px;}
.footCta .right .gform_wrapper .gform_footer		{justify-content: flex-end;}
.footCta .right .gform_wrapper .gform_footer .button	{background: #77cd0d; color: #fff; padding: 14px 30px; font-size: 13px; font-weight: 700; cursor: pointer; border-radius: 25px; text-transform: uppercase; letter-spacing: 1px;}

#footer				{background: #1a212a; color: #fff;}
#footer img			{max-height: 303px;}
#footer a			{color: #fff; white-space: nowrap;}
#footer a:hover		{color: #77cd0d;}
#footer .columns		{margin-top: 40px; justify-content: space-between;}
#footer .columns > div		{padding-right: 3%;}
#footer .columns > div:last-of-type		{padding-right: 0;}
#footer .columns h2			{margin-bottom: 20px;}
#footer .columns h2 span	{color: #77cd0d;}
#footer .columns ul.socials		{margin-bottom: 40px;}
#footer .columns ul.socials li	{display: inline-block;}
#footer .columns ul.socials li + li		{margin-left: 8px;}
#footer .columns ul.socials a	{color: #77cd0d;}
#footer .columns ul.socials i	{font-size: 24px;}
#footer .columns ul.contacts i	{padding-right: 10px; color: #77cd0d;}
#footer .bottomLinks		{text-align: center; margin: 40px 0 0;}
#footer .bottomLinks span	{display: inline-block; margin: 0 15px;}
.footCopy		{background: #77cd0d; color: #fff; padding: 15px 0; letter-spacing: 1px;}

.courseIndex h2.courseTitle		{color: #244060; font-size: 36px;}
.courseIndex h2.courseTitle span	{color: #77cd0d;}

@media all and (max-width : 1300px) {
	.wrapper {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	#header {
		padding: 25px 15px 35px;
	}
	#header .logo img {
		max-height: 80px;
		padding: 0;
	}
	#header .menu > li + li {
		margin-left: 15px;
	}
	#header .menu > li > a {
		font-size: 16px;
	}
	.home .bannerImg {
		height: 500px;
	}
	.bannerImg .overlay h1 {
		font-size: 56px;
		line-height: 1.2;
	}
	.homeAbout .contentWrap {
		width: 80%;
		padding-left: 260px;
	}
	.homeAbout .wrapper:after {
		right: 79%;
	}
}

@media all and (max-width : 992px) {
	#header .flex {
		justify-content: center;
	}
	.coursesWrap .courseBox .title {
		padding: 20px;
	}
	.coursesWrap .courseBox .title p {
		font-size: 26px;
	}
	#footer .columns {
		flex-wrap: wrap;
		row-gap: 40px;
	}
	#footer .columns > div {
		width: 50%;
		padding-right: 0;
	}
	.singleCourse .left {
		width: 60%;
		padding-right: 4%;
	}
	.singleCourse .right {
		width: 40%;
	}
}

@media all and (max-width : 768px) {
	.home .bannerImg {
		height: 400px;
	}
	.bannerImg .overlay {
		max-width: 80%;
	}
	.bannerImg .overlay h1 {
		font-size: 48px;
	}
	.coursesWrap {
		column-gap: 20px;
		row-gap: 20px;
	}
	.coursesWrap > div {
		width: calc((100% / 2) - 10px);
		margin-bottom: 0;
	}
	.homeAbout:before,
	.bannerImg:before {
		width: 50%;
	}
	.homeAbout .wrapper:after,
	.bannerImg:after {
		right: auto;
		left: 0;
		width: 50%;
	}
	.homeAbout .img {
		position: static;
		width: 100%;
	}
	.homeAbout .img:before {
		content: "";
		display: block;
		padding-top: 65%;
	}
	.homeAbout .contentWrap {
		width: auto;
		padding-left: 0;
		clip-path: unset;
	}
	.homeTestimonials .sliderWrap {
		padding: 0 50px;
	}
	.footCta .left {
		width: auto;
		float: none;
		padding-right: 0;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #6c7485;
		border-width: 0 0 1px;
	}
	.footCta .right {
		width: auto;
		float: none;
	}
	#footer {
		text-align: center;
	}
	#footer .columns > div {
		width: 100%;
	}
	.singleCourse .left {
		width: 100%; 
		padding-right: 0;
		float: none;
	}
	.singleCourse .right {
		width: 100%;
		float: none;
		margin-top: 40px;
	}
	.singleCourse .right .sideImg {
		text-align: center;
	}
	.singleCourse .left .courseInfo .icons {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.singleCourse .left .courseInfo .icons > div {
		width: 100%;
	}
}

@media all and (max-width : 586px) {
	.yPadding {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.home .bannerImg,
	.bannerImg {
		height: 300px;
	}
	.bannerImg .overlay h1 {
		font-size: 36px;
	}
	.bannerImg .overlay a {
		font-size: 22px;
	}
	.coursesWrap {
		column-gap: unset;
	}
	.coursesWrap > div {
		width: 100%;
	}
	.homeCourses h2,
	.homeAbout .contentWrap h2,
	.homeTestimonials h2,
	.footCta .left h2 {
		font-size: 30px;
	}
}