#wrapper{position: relative;}
.wrapper-content{position: relative; overflow: hidden;}

#content{position: relative; min-height: 350px; border-top: 10px solid $blue;
	.section:last-child{padding-bottom: 120px;}
	.page-banner + &{border-top: none;}
}

.container .container{width: 100%; padding: 0;}

.row-title{ margin-bottom:40px;
	.title{margin-bottom: 0;}
}


/* Section */

.section{ padding:60px 0; position: relative;

	&-grey{background-color:$lightgrey;}
	&-dark{ color:$white;
		h1,h2,h3,h4,h5,h6{ color:inherit;}
		p,small,a:not(.btn){ color:inherit; }
	}
	&.section-dark{background-color:$black; padding: 100px 0;}

	&-footer{padding-top: 30px; text-align: center; position: relative;
		.cta{margin: 30px 0 0;}
		.btn-prev{opacity: 0.5;}
	}

}


/* Content Image */
.section-content-image{

	.content-image-content{padding:50px 0; text-align:left; min-height: 330px;
		& > :last-child{margin-bottom:0;}
	}

	.content-image-image{position:absolute; right:15px; top:0; bottom:0; height:100%; @include bgcover(); width:45%; border-radius: $radius; max-height: 800px; z-index: 1;
		&.contain{background-size:contain;}
	}

	&.content-image-left{
		.content-image-image{right:auto; left:15px;}
	}

	&.content-image-wide{
		.section-content-image-inner{margin: 60px 0; position: relative;}
		.content-image-image{right: 0; border-radius: 0;
			&.contain{background-size:auto 100%; background-position: 0 50%;}
		}
		.content-image-content{padding: 100px 0;}
		&.content-image-left{
			.content-image-image{right:auto; left:0;
				&.contain{background-position: 100% 50%;}
			}
		}
	}

}


.section-image{
	img{width: 100%;}
}

/* Icon Blocks */
.section-icon-blocks{
	.icon-block-testimonials{text-align: center;}
	.testimonial{
		p.quote{font-size: 18px;}
	}
}


/* Page Blocks */
.section-page-blocks{
	.entry-content{margin: 0 0 40px; max-width: 840px;}

	&.carousel-1{ overflow: hidden;
		.slick-list{overflow: visible; cursor: grab;}
		.slick-slide{
			.card{opacity: 0.3; pointer-events: none; @include transition();
				.card-content{padding-bottom: 0;}
			}
		}
		.slick-active{
			.card{opacity: 1; pointer-events: auto;}
		}
		.row-page-blocks:not(.slick-slider) > .col:not(:first-child){display: none;}
	}
}



/* Logos */
.section-logos{
	h3{font-size: 28px;}
}


.section-gallery{
	.container{width: 100%; max-width: 1700px;}
}


/* Case Study */
.section-case-studies{

	&.carousel-1{ overflow: hidden;
		.slick-list{overflow: visible; cursor: grab;}
		.slick-slide{
			.card{pointer-events: none; @include transition();
				.card-image{background: $black;
					&-inner{opacity: 0.2; @include transition();}
				}
				.card-content{opacity: 0.2; @include transition();}
			}
		}
		.slick-active{
			.card{pointer-events: auto;
				.card-image-inner{opacity: 1;}
				.card-content{opacity: 1;}
			}
		}
		.row-case-studies:not(.slick-slider) > .col:not(:first-child){display: none;}
		.slick-arrow{width: 66px;
			&.slick-prev{left: -34px;}
			&.slick-next{right: -34px;}
		}
		@media only screen and (min-width : 1200px) {
			.row-case-studies{padding: 0 90px;}
			.slick-arrow.slick-prev{left: 54px;}
			.slick-arrow.slick-next{right: 54px;}
		}
	}
}




/* Contact */
.section-contact{
	.title{margin-bottom: 30px;}
	.contact-details{ position: relative; margin-bottom: 40px;}
}


/* Contact */
.section-resources{
	.title{
		h3{font-size: 24px;}
	}
	.contact-details{ position: relative; margin-bottom: 40px;}
}




/* Enquiry Form */
.section-icon-form{ text-align: center;
	.title{ margin-bottom: 40px;
		h3{margin-bottom: 15px;}
		.lead{color: $grey;}
	}
	.row-icons{
		.col{width: 20%; flex-grow: 1;}
	}
	.section.locked{opacity: 0.2; pointer-events: none; user-select: none; display: none;}
	.gform_footer{
		.btn-default{@extend .btn-primary;}
	}
}


/* Form */
.section-form{
	.entry-content{text-align: center; margin-bottom: 50px;}
	.section-content + &{padding-top: 0;}
}


/* 404 */
.section-404{ padding: 100px 0 120px; text-align: center;
	h1{font-size: 140px; margin: 0;
	}
	p{font-weight: 600;}
}



/* Row Masonry */
.row-masonry{ @include transition(); opacity: 0;
	.page-loaded &{opacity: 1;}
}