/* styles for new home page template */
/* David Hicks, Brandbot.ca */

/* blue: #00a3ad */
/* gold: #f7a700 */
	

#hero-cta.aaas-hero-cta {
	text-align: left;
}

#hero-cta.aaas-hero-cta .hero-cta-button {
	text-align: left;
	color: #fff;
	background-color: #f7a700;
	border: none;
	margin-top: 40px!important;
	display: inline-block;
	margin-top: 0;
	-webkit-transition: background-color .5s; /* For Safari 3.1 to 6.0 */
    transition: background-color .5s;
}


#hero-cta.aaas-hero-cta .hero-cta-button:hover {
	background-color: #f7a700;
	color: #fff;
	border: none;
}



#page-top-message-section h2 {
 text-align: center;
 font-size: 30px;
 line-height: 40px;
 margin-bottom: 40px;
}

.aaas-top-message-padding-fix .l-submain {
	padding: 50px 40px 20px;
	
}

#top-buckets-section ul.three-buckets li.three-buckets-item {
padding-top: 0;
padding-botom: 0;
padding-left: 20px;
padding-right: 20px;
	
}

#top-buckets-section ul.three-buckets li.three-buckets-item:first-child {
padding-left: 0;
padding-right: 40px;
	
}

#top-buckets-section ul.three-buckets li.three-buckets-item:last-child {
padding-left: 40px;
padding-right: 0;
	
}

#top-buckets-section .bucket-contents.page-bucket-content {
	}	
	
#top-buckets-section .bucket-contents.page-bucket-content {
	border: 1px solid #f7a700!important;
	padding: 15px 20px!important;
	}
	
#top-buckets-section {	
margin-bottom: 60px	
}

#top-buckets-section .page-buckets-item .bucket-contents p {
	min-height: 168px;
	}

 #aaas-feature-buckets-section h2 {
	text-align: center;
	margin-bottom: 40px;
	 font-size: 30px;
 line-height: 40px;
	}

#aaas-feature-buckets-section {
}	

ul.feature-buckets h3.feature-buckets-services {
 color: #00a3ad;
}	

ul.aaas-feature-buckets {
	width: 100%;
	display: inline-block;
	clear: both;
}

ul.aaas-feature-buckets li {
	width: 33.33%;
	display: inline-block;
	float: left;
	padding: 20px;
	margin-bottom: 30px; 	
}	

ul.aaas-feature-buckets li p {
	min-height: 120px;
	}

.aaas-feature-buckets-icon {
	color: #fff;
	/* border: 2px solid #f7a700; */
	background-color: #00a3ad;
	/* makes a circle */
	display: block;
	margin: -30px auto 10px;
	/* padding: 30px; */
	width: 40px;
	height: 40px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	text-align: center;
	position: relative;
}

.aaas-feature-buckets-icon .vert-center,
.news-block-icon .vert-center {
    width: 40px;
    height: 40px;
}

.aaas-feature-buckets-icon .vert-center img,
{
    display: block;
    width: 100%;
}

.aaas-feature-buckets-icon.page-bucket-icon {
width: 60px;
height: 60px;
margin-left: 0!important;	
}	

h3.feature-buckets-services {
color: #00a3ad;
font-size: 18px;
line-height: 24px;
margin-top: 20px
}

#feature-video {
	padding: 60px 0;
}

#feature-video .solution-block-text.page-solution-block {
background: none;
color: #fff;	
}

.video-buttons {
 display: inline-block;
 	float: left;
 	margin: 20px 0 10px;
 	width: 48%;
 	box-sizing: border-box;
 	

}

.video-left-button {
margin-left: 0;
margin-right: 5px;
}

.video-right-button {
	margin-left: 5px;
margin-right: 0;
}	

.white-solid-button, .white-outline-button {
padding: 0 20px!important;	
}	 

.white-solid-button {
background: #fff!important;
color: #000;	
}

.solution-block-cta-button.white-solid-button:hover {
color: #000!important;
text-decoration: underline;	
}	

.white-outline-button {
	background: none!important;
	border: 2px solid #fff;
	color: #fff!important;
}	

.white-outline-button:hover {
color: inherit!important;
text-decoration: underline;	
}


@media screen and (max-width: 960px){

.embed-video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.embed-video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	.solution-block .video-solution-text {
		min-height: 60px;
		display: block;
		
	}
	.video-solution-block {
		width: 100%;
		
	}
	.video-solution-text {
		width: 100%;
	}
	
	
}

#outcome-block {
 margin-top: 40px;
 margin-bottom: 40px;
 display: inline-block;
width: 100%;	
}	

ul.outcome-blocks li {
width: 50%;	
display: inline-block;
float: left;
}

ul.outcome-blocks li:first-child {
	padding-right: 36px;
}	

ul.outcome-blocks li:last-child {
	padding-left: 36px;
}
#aaas-testimonial-block {
margin-bottom: 40px;
}

#aaas-testimonial-block .testimonial-text:before, #aaas-testimonial-block .testimonial-text:after {
	display: none;
	}
	
#aaas-testimonial-block .testimonial-text-container	{
padding: 0 20px;	
}

#aaas-testimonial-block .testimonial-left, #aaas-testimonial-block .textimonial-right {
	text-align: center;
vertical-align: middle;
min-height: 120px;
width: 80px;
	}
	
#aaas-testimonial-block .testimonial-left {
/*display: inline-block;
float: left;*/
}

#aaas-testimonial-block #testimonial-center {
	padding: 0;
/*display: inline-block;
float: left;*/
}

#aaas-testimonial-block .testimonial-right{
/*display: inline-block;
float: left;*/
}
#aaas-testimonial-block #testimonial-container {
	padding: 0;
	}

#aaas-testimonial-block .testimonial-text-container {
	text-align: center;
	vertical-align: middle;
	}

#aaas-testimonial-block .testimonial-text-container h2 {
	color: #727272;
	font-style: italic;
	font-size: 24px;
	line-height: 28px; 
	text-transform: none!important;
	}
	
#aaas-testimonial-block	.testimonial-attributed-name {
width: 100%;
color: #727272;
font-style: none!important; 
}	

#aaas-testimonial-block .testimonial-meta {
text-align: center;	
}	

#aaas-testimonial-block .gold-button {
border: none;
background: #f7a700;
color: #fff;	
}	

#aaas-testimonial-block .gold-button:hover {
border: none; background-color: #f7a700;
color: #fff;
border: none;
}

#insight-block h2 {
	font-size: 30px;
	}
	
h3.insight-header {
margin-bottom: 0;	
}

h4.insight-service-header {
/* color: #00a3ad; */	
}		

#insight-block {
padding: 60px;
color: #fff;	
}

#insight-block h2, 	#insight-block h3, #insight-block p {
text-align: center;	
}	

ul.insight-logos li {
width: 33.33%;
display: inline-block;
float: left;
padding: 20px;	
}

ul.insight-logos {
width: 100%;	
}	

ul.insight-logos li img{
	width: 240px;
	text-align: center;
	height: auto;
	display: table-cell;
	vertical-align: middle;
	margin:0 auto;
}

#insight-block .insight-fineprint {
	width: 100%;
	text-align: center;
	font-size: 10px;
}

.insight-logos-wrapper {
	width: 100%;
	display: inline-block;	
}	

ul.insight-services-blocks {
padding: 40px 0 0;
width: 100%;
display: inline-block;
}

ul.insight-services-blocks li {
width: 50%;
display: inline-block;
float: left;
	
}

.insight-service-icon {
display: inline-block;
float: left;	
}

.insight-icon {
	/* fill: #00a3ad; */
	fill: #fff;

	}	

.insight-service-icon svg {
width: auto;
height: 60px;
display: block;	
margin-bottom: 20px;
}

.insight-service-content {
display: inline-block;
float: left;	
}		

ul.insight-services-blocks li:first-child {
padding-right: 40px;	
}

ul.insight-services-blocks li:last-child {
padding-left: 40px;	
}

ul.insight-services-blocks li h4, ul.insight-services-blocks li p {
text-align: left!important;	
}		


ul.insight-services-blocks ul.insight-service-list {
list-style-type: circle;
list-style: circle!important;
margin-top: 20px;	
}

ul.insight-services-blocks ul.insight-service-list li {
	line-height: 24px;
	width: 100%;
	list-style-type: circle!important;
	list-style: circle!important;
	margin: 0;
	display: block;
	padding: 0;
	text-indent: -20px;
	padding-left: 20px;
}	

ul.insight-services-blocks ul.insight-service-list li:before {
	content: '\2022';
	font-size: 24px;
	line-height: 24px;
	font-weight: 800;
	padding-right: 10px;
	}		

#insight-block {
	margin-bottom: 40px;
	
	}

#experience-blocks-section {
margin-bottom: 60px;
display: inline-block;	
}	

#experience-blocks-section h2.experience-blocks-header, #experience-blocks-section p.experience-blocks-text {
	text-align: center;
	
	} 

ul.experience-blocks {
	margin-top: 40px;
}




ul.experience-blocks li{
	width: 33.33%;
	display: inline-block;
	float: left;
	padding: 0 24px;
	}
	
ul.experience-blocks li:first-child {
padding-right: 40px;
padding-left: 0;	
}	

ul.experience-blocks li:last-child {
padding-right: 0px;
padding-left: 40px;	
}	

h3.experience-block-header {
color: #00a3ad;	
}

#sales-blocks-section {
padding: 60px 0;
background: #f2f3f4;
	
}	

ul.sales-blocks {
width: 100%;
display: inline-block;	
}	

ul.sales-blocks li{
	width: 33.33%;
	display: inline-block;
	float: left;
	padding: 0 20px;
	}
	
ul.sales-blocks li:first-child {
padding-right: 40px;
padding-left: 0;	
}	

ul.sales-blocks li:last-child {
padding-right: 0px;
padding-left: 40px;	
}	

ul.sales-blocks li img {
margin-bottom: 20px;	
}			

ul.sales-blocks li p {
min-height: 96px;
}


#sales-blocks-section .gold-button {
border: none;
background: #f7a700;
color: #fff;
min-width: 240px;	
}	

#sales-blocks-section .gold-button:hover {
border: none; background-color: #f7a700;
color: #fff;
border: none;
}

@media screen and (max-width: 800px){
/* full width columns */

ul.aaas-feature-buckets li, ul.outcome-blocks li, ul.insight-logos li, ul.insight-services-blocks li, ul.experience-blocks li, ul.sales-blocks li, ul.aaas-feature-buckets li	 {
width: 100%;	
}	



ul.three-buckets li.three-buckets-item, ul.three-buckets li.three-buckets-item:first-child, ul.three-buckets li.three-buckets-item:last-child {
padding-left: 0;
padding-right: 0;	
}

#top-buckets-section ul.three-buckets li.three-buckets-item:first-child, #top-buckets-section ul.three-buckets li.three-buckets-item:last-child, #top-buckets-section ul.three-buckets li.three-buckets-item {
padding-left: 0;
padding-right: 0;
}	

ul.experience-blocks li:first-child, ul.experience-blocks li:last-child, ul.experience-blocks li {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;

}

#outcome-block {
padding-left: 20px;
padding-right: 20px;	
}	

ul.aaas-feature-buckets li:first-child, ul.aaas-feature-buckets li:last-child, ul.aaas-feature-buckets li {
padding-left: 0;
padding-right: 0;	
}	

ul.sales-blocks li:first-child, ul.sales-blocks li:last-child, ul.sales-blocks li {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
}	

ul.outcome-blocks li:first-child, ul.outcome-blocks li:last-child, ul.outcome-blocks li {
padding-left: 0;
padding-right: 0;
}

#testimonial-container > div {
display: inline-block;	
}	

#testimonial-container {
min-height: 60px!important;	
}	


#top-buckets-section .page-buckets-item .bucket-contents p {
min-height: 60px;	
}	




ul.aaas-feature-buckets {
padding: 0 20px;
}

ul.aaas-feature-buckets li p {
min-height: 60px;	
}					

}

@media screen and (min-width: 801px) and (max-width: 900px){

ul.aaas-feature-buckets li p {
min-height: 220px;	
}	

}

@media screen and (min-width: 901px) and (max-width: 999px){
	ul.aaas-feature-buckets li p {
min-height: 160px;	
}	
}

@media screen and (max-width: 1000px){
	.inner-container {
		padding: 0 20px;
	}
	


}