/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*===================================
Font Declarations
===================================*/
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&display=swap');

@font-face {
  font-family: 'Avenir-Light';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/AvenirLTW01_35Light1475496.woff2') format('woff2');
}

@font-face {
  font-family: 'Avenir-Medium';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/AvenirLTW01_65Medium1475532.woff2') format('woff2');
}

@font-face {
  font-family: 'Avenir-Heavy';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/AvenirLTW01_85Heavy1475544.woff2') format('woff2');
}

h1, h2, h3, h4 {
	font-family: Bitter, 'Avenir-Medium', Arial, serif;
	font-size: 38px;
	margin: 0 0 36px;
}

h5, h6 {
	font-family: 'Avenir-Medium', Arial, sans-serif;
	font-size: 20px;
	margin: 0 0 36px;
}

p {
	font-family: 'Avenir-Medium', Arial, sans-serif;
	font-size: 20px;
}

.theme-dark, .theme-dark a {
	color: white;
	-webkit-transition: color .4s;
	-o-transition: color .4s;
	transition: color .4s;
}

.theme-dark a:hover {
	color: #cccccc;
}

/*===================================
Page Styles
===================================*/

#wrapper {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}

section {
	margin: 60px 0;
	padding: 0 3%;
}

.page-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 1280px;
	width: 100%;
	height: 365px;
	background-image: url("../img/PageHeader.png");
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.page-header__logo {
	max-width: 312px;
	width: 100%;
	height: auto;
	margin: 0 3.125%;
}

.page-header__logo img {
	width: 100%;
	height: auto;
}

.social-links {
	background-color: transparent;
	width: 100%;
	margin-top: -24px;
}

.social-links-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;

	margin: 0 8%;
}

.social-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

	width: 48px;
	height: 48px;
	margin: 0 .625%;
	padding: 0;

	background-color: black;
	-webkit-transition: background-color .4s;
	-o-transition: background-color .4s;
	transition: background-color .4s;

	border: none;
	border-radius: 50%;
}

.social-link:hover {
	background-color: #262626;
}

.social-link .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}

.social-link .icon-facebook {
	background-image: url("../img/facebook.svg");
}

.social-link .icon-linkedin {
	background-image: url("../img/linkedin2.svg");
}

.social-link .icon-twitter {
	background-image: url("../img/twitter.svg");
}

.social-link .icon-youtube {
	background-image: url("../img/youtube.svg");
}

.about-us-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

.about-us-left {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 30%;
	        flex: 0 0 30%;
}

.about-us-left img {
	max-width: 372px;
	width: 100%;
	margin-top: 20px;
}

.about-us-right {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 62.5%;
	        flex: 0 0 62.5%;
}

.about-us-right video {
	width: 100%;
}

.who-we-are-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.who-we-are-container p {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 46%;
	        flex: 0 0 46%;
}

.additional-articles {
	padding: 0;
}

.additional-articles-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

.additional-articles-left {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 62.5%;
	        flex: 0 0 62.5%;
	background-image: url('../img/OurLatestThinking-BG.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.additional-articles-right {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 37.5%;
	        flex: 0 0 37.5%;
	background-image: url('../img/newsletter-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	-webkit-transition: background-position .4s ease-out;
	-o-transition: background-position .4s ease-out;
	transition: background-position .4s ease-out;
}

.additional-articles-right:hover {
	background-position: bottom center;
}

.additional-articles-left-inner, .additional-articles-right-inner {
	padding: 76px 52px;
}

.additional-articles .subscribe {
	font-family: 'Avenir-Light', Arial, sans-serif;
	font-size: 38px;
}

.additional-articles-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.additional-articles-link {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 150px;
	        flex: 0 0 150px;
	text-align: center;
}

.additional-articles-link img {
	max-width: 110px;
	width: 100%;
}

.additional-articles-link p {
	font-size: 22px;
}

.additional-articles-link img {
	-webkit-transform: scale(0.95);
	    -ms-transform: scale(0.95);
	        transform: scale(0.95);
	-webkit-transition: -webkit-transform .4s;
	transition: -webkit-transform .4s;
	-o-transition: transform .4s;
	transition: transform .4s;
	transition: transform .4s, -webkit-transform .4s;
}

.additional-articles-link img:hover {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.awards-recognition-collection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
}

.awards-recognition-item {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 160px;
	        flex: 0 0 160px;
	text-align: center;
	margin: 0 5% 50px;
}

.awards-recognition-item img {
	max-width: 140px;
	width: 100%;
}

.awards-recognition-item.LPI img {
	max-width: 140px;
	width: 100%;
}

.awards-recognition-item.brandon-hall img {
	max-width: 160px;
	width: 100%;
}

.awards-recognition-item p {
	max-width: 100%;
	width: 120%;
}

@media only screen and (max-width: 1025px) {

	.awards-recognition-collection {
		-webkit-box-pack: space-evenly;
		    -ms-flex-pack: space-evenly;
		        justify-content: space-evenly;
	}

}

@media only screen and (max-width: 768px) {

	.about-us-inner {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.about-us-left {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}

	.about-us-left img {
		display: none;
	}

	.about-us-right {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}

	.additional-articles-inner {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.additional-articles-left {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}

	.additional-articles-right {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		text-align: center;
		background-position: center 40%;
	}

	.additional-articles-right:hover {
		background-position: center 50%;
	}

}

@media only screen and (max-width: 640px) {

	.additional-articles-links {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}

	.additional-articles-link {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 30%;
		        flex: 0 0 30%;
	}

	.additional-articles-left-inner {
		padding: 3%;
	}

	.awards-recognition-item {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 20%;
		        flex: 0 0 20%;
	}

	.awards-recognition-item img {
		max-width: 100px;
	}

	.awards-recognition-item.LPI img {
		max-width: 100px;
	}

	.awards-recognition-item.brandon-hall img {
		max-width: 140px;
	}

	.awards-recognition-item {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 40%;
		        flex: 0 0 40%;
	}

}

@media only screen and (max-width: 480px) {

	.who-we-are-container p {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
	}

}

@media only screen and (max-width: 320px) {

	.awards-recognition-item {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 40%;
		        flex: 0 0 40%;
		margin: 0 0 30px;
	}

}