/*--------------------------------------------------------------
1.0 General
--------------------------------------------------------------*/

.home section > .container:first-child {
	padding-top: 80px;
}
.home section > .container:last-child {
	padding-bottom: 60px;
}
@media screen and ( min-width: 600px ) {
	
	.home section > .container:last-child {
		padding-bottom: 80px;
	}
}

.home section .entry-content {
	margin-bottom: 20px;
	font-size: 1.6rem;
}

.home section.continue-arrow {
	position: relative;
}
.home section.continue-arrow::after {
	display: block;
	position: absolute;
	bottom: -34px;
	left: 50%;
	width: 68px;
	height: 68px;
	margin-left: -34px;
	padding: 20px 0;
	content: '\e806';
	color: rgb( 255, 255, 255 );
	font-family: "asada";
	font-size: 28px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1em;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	background: rgb( 223, 87, 58 );
	border-radius: 100%;
	z-index: 50;
}

.home section.continue-arrow-up {
	position: relative;
}
.home section .continue-arrow-up {
	display: block;
	position: absolute;
	bottom: -34px;
	left: 50%;
	width: 68px;
	height: 68px;
	margin-left: -34px;
	padding: 12px 0 20px 0;
	color: rgb( 255, 255, 255 );
	font-size: 28px;
	text-align: center;
	background: rgb( 223, 87, 58 );
	border-radius: 100%;
	z-index: 50;
	cursor: pointer;
}
.home section .continue-arrow-up::before {
	margin: 0;
}


/*--------------------------------------------------------------
 1.0 Header
--------------------------------------------------------------*/

.home .site-header .actions .download-button {
	display: none;
}


/*--------------------------------------------------------------
1.0 Hero
--------------------------------------------------------------*/

.home .hero {
	position: relative;
	padding: 80px 0 260px;
	background: url(../images/front-page/hero-bg.jpg) center top no-repeat;
	background-size: 1342px 1000px;
}
.home .hero .container:first-child {
	padding-top: 20px;
}
@media screen and ( min-width: 600px ) {
	
	.home .hero {
		padding-top: 100px;
	}
}
@media screen and ( min-width: 800px ) {
	
	
}
@media screen and ( min-width: 1343px ) {
	
	.home .hero {
		background-size: cover;
	}
}

.home .hero::before {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgb( 27, 66, 77 );
	opacity: 0.3;
	z-index: 1;
}

/* Headline */

.home .hero h1 {
	position: relative;
	margin-bottom: 15px;
	color: rgb( 255, 255, 255 );
	font-family: 'adelle', sans-serif;
	font-size: 3.4rem;
	font-style: italic;
	line-height: 1.5;
	text-align: center;
	text-shadow: 0 0 10px rgba( 0, 0, 0, 0.3 );
	z-index: 10;
}

/* Calls to Action */

.home .hero .calls-to-action {
	position: relative;
	text-align: center;
	z-index: 10;
}
.home .hero .calls-to-action a[role="button"] {
	width: 60%;
}
.home .hero .calls-to-action a[role="button"]::before {
	float: right;
	margin: 0 0 0 8px;
}
.home .hero .calls-to-action a[role="button"].download-button {
	display: none;
	margin-bottom: 20px;
}
@media screen and ( min-width: 400px ) {
	
	.home .hero .calls-to-action a[role="button"] {
		width: auto;
		margin: 0 10px;
	}
	.home .hero .calls-to-action a[role="button"].download-button {
		display: inline-block;
		margin-bottom: 0;
	}
}


/*--------------------------------------------------------------
2.0 About
--------------------------------------------------------------*/

.home section.about {
	line-height: 1.7;
	background: url(../images/front-page/about-bg.png) center bottom -260px repeat-x;
	background-size: 300px 500px;
}
.home section.about .container {
	position: relative;
	padding-bottom: 200px;
}
.home section.about .container::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 183px;
	content: '';
	background: url(../images/front-page/about-characters.png) right bottom no-repeat;
	background-size: 713px 183px;
}
@media screen and ( min-width: 700px ) {
	
	.home section.about .container::before {
		background-position: center bottom;
	}
}

/* Page Content */

.home section.about .entry-content {
	font-size: 18px;
}

@media screen and ( min-width: 400px ) {
	
	.home section.about .entry-content {
		font-size: 24px;
		text-align: center;
	}
}

/* Main Features */

.home section.about .main-features ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.home section.about .main-features li {
	margin-bottom: 40px;
	text-align: center;
}
.home section.about .main-features li .feature-image {
	display: inline-block;
	margin: 0 0 20px 0;
}
.home section.about .main-features li .feature-title {
	margin-bottom: 10px;
	color: rgb( 64, 64, 64 );
	font-size: 2.0rem;
	font-weight: 900;
	letter-spacing: 0.3rem;
	text-transform: uppercase;
}
.home section.about .main-features li .feature-description {
	margin-bottom: 0;
	font-size: 18px;
}

@media screen and ( min-width: 600px ) {
	
	.home section.about .main-features li {
		text-align: left;
		clear: both;
	}
	.home section.about .main-features li .feature-image {
		float: left;
		margin: 0 20px 0 0;
	}
	.home section.about .main-features li .feature-title {
		display: inline-block;
	}
}
@media screen and ( min-width: 800px ) {
	
	.home section.about .main-features li {
		float: left;
		width: 33.3333333%;
		margin-bottom: 0;
		text-align: center;
		clear: none;
	}
	.home section.about .main-features li:first-child {
		padding-right: 30px;
	}
	.home section.about .main-features li:nth-child(2) {
		padding: 0 15px;
	}
	.home section.about .main-features li:last-child {
		padding-left: 30px;
	}
	
	.home section.about .main-features li .feature-image {
		float: none;
		margin: 0 0 20px 0;
	}
	.home section.about .main-features li .feature-title {
		display: block;
	}
}


/*--------------------------------------------------------------
2.0 SimmerHQ
--------------------------------------------------------------*/

.home section.hq {
	
}

/* Latest Posts */

.home section.hq .latest-posts-widget {
	margin-bottom: 0;
}
.home section.hq .latest-posts-widget .read-more {
	margin: -20px 0 0;
	color: rgb( 68, 68, 68 );
	font-style: italic;
	font-weight: 700;
}

@media screen and ( min-width: 600px ) {
	
	.home section.hq .latest-posts-widget {
		float: none;
		width: 100%;
	}
	.home section.hq .latest-posts-widget > a {
		float: left;
		width: 50%;
	}
	.home section.hq .latest-posts-widget > a:nth-of-type(odd) {
		padding-right: 10px;
		clear: both;
	}
	.home section.hq .latest-posts-widget > a:nth-of-type(even) {
		padding-left: 10px;
	}
	.home section.hq .latest-posts-widget > a:nth-of-type(odd):last-of-type {
		float: none;
		width: 100%;
		padding-right: 0;
	}
}
@media screen and ( min-width: 800px ) {
	
	/* Reset the previous column styling */
	
	.home section.hq .latest-posts-widget > a:nth-of-type(odd) {
		padding-right: 0;
		clear: none;
	}
	.home section.hq .latest-posts-widget > a:nth-of-type(even) {
		padding-left: 0;
	}
	.home section.hq .latest-posts-widget > a:nth-of-type(odd):last-of-type {
		float: left;
		width: 33.33333%;
	}
	
	/* Add the three-column styling */
	
	.home section.hq .latest-posts-widget > a {
		width: 33.33333%;
	}
	.home section.hq .latest-posts-widget > a:first-of-type,
	.home section.hq .latest-posts-widget > a:nth-of-type(3n+4) {
		padding-right: 20px;
		clear: both;
	}
	
	.home section.hq .latest-posts-widget > a:nth-of-type(3n+2) {
		padding-right: 10px;
		padding-left: 10px;
	}
	
	.home section.hq .latest-posts-widget > a:nth-of-type(3n+3) {
		padding-left: 20px;
	}
}

/* Migration Offer */

.migration-offer {
	margin: 40px 0;
	padding: 30px 30px 30px 122px;
	color: rgb( 29, 58, 0 );
	background: rgb( 184, 233, 134 ) url(../images/front-page/migration-icon.svg) 30px center no-repeat;
	background-size: 62px 62px;
	border: 1px dashed rgb( 65, 117, 5 );
}
.migration-offer h3 {
	display: inline-block;
	margin-bottom: 10px;
	color: rgb( 65, 117, 5 );
	font-family: 'museo-sans', sans-serif;
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 100;
	line-height: 1;
}
.migration-offer p {
	margin-bottom: 0;
	font-size: 1.8rem;
}
.migration-offer a[role="button"] {
	float: right;
	margin: 0 0 30px 30px;
	color: rgb( 65, 117, 5 );
	border-color: rgb( 65, 117, 5 );
}
.migration-offer a[role="button"]:hover {
	color: rgb( 184, 233, 134 );
	background: rgb( 65, 117, 5 );
}


/*--------------------------------------------------------------
2.0 Features
--------------------------------------------------------------*/

.home section.features {
	color: rgb( 255, 255, 255 );
	background: rgb( 195, 154, 100 );
}

.home section.features header::after {
	background-image: url(../images/floral-line-dark-fill.svg);
}
.home section.features header h1,
.home section.features header h2 {
	color: rgb( 255, 255, 255 );
}

.home section.features .feature-list {
	margin: 0 0 40px;
	list-style: none;
}

.home section.features .feature-list li {
	position: relative;
	margin-bottom: 30px;
	padding: 70px 0 0 0;
}
.home section.features .feature-list li:last-child {
	margin-bottom: 0;
}
.home section.features .feature-list li::before {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	content: '';
	background-repeat: no-repeat;
	background-size: 100%;
}
.home section.features .feature-list li.graph::before {
	background-image: url(../images/front-page/feature-icon-graph.svg);
}
.home section.features .feature-list li.grow::before {
	background-image: url(../images/front-page/feature-icon-grow.svg);
}
.home section.features .feature-list li.mail::before {
	background-image: url(../images/front-page/feature-icon-mail.svg);
}
.home section.features .feature-list li.pen::before {
	background-image: url(../images/front-page/feature-icon-pen.svg);
}
.home section.features .feature-list li.road::before {
	background-image: url(../images/front-page/feature-icon-road.svg);
}
.home section.features .feature-list li.user::before {
	background-image: url(../images/front-page/feature-icon-user.svg);
}

.home section.features .feature-list .thumbnail {
	display: none;
}
.home section.features .feature-list .thumbnail img {
	display: block;
}

.home section.features .feature-list .description {
	font-size: 1.8rem;
}
.home section.features .feature-list .description h3 {
	margin-bottom: 0.5em;
	color: rgb( 255, 255, 255 );
	font-size: 2.0rem;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.4rem;
	text-align: center;
	text-transform: uppercase;
}
.home section.features .feature-list .description p {
	margin-bottom: 0;
}

.home section.features .feature-list a {
	color: rgb( 255, 255, 255 );
	text-decoration: underline;
}
.home section.features .feature-list a:hover {
	text-decoration: none;
}

@media screen and ( min-width: 600px ) {
	
	.home section.features .feature-list {
		padding-bottom: 0;
	}
	.home section.features .feature-list li {
		margin: 0 0 2em;
		padding: 0 0 0 70px;
	}
	.home section.features .feature-list li::before {
		top: 0;
		left: 0;
		margin: 0;
		background-color: rgb( 195, 154, 100 );
	}
	
	.home section.features .feature-list .description h3 {
		text-align: left;
	}
}
@media screen and ( min-width: 700px ) {
	
	.home section.features .feature-list li {
		min-height: 211px;
	}
	
	.home section.features .feature-list .thumbnail {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 300px;
	}
	
	.home section.features .feature-list .description {
		padding-right: 320px;
	}
}
@media screen and ( min-width: 800px ) {
	
	.home section.features .feature-list {
		margin-bottom: 0;
	}
	.home section.features .feature-list li {
		min-height: 348px;
		margin: 0;
		padding: 0 0 80px 0;
		background: url(../images/front-page/features-bg.png) center top repeat-y;
	}
	.home section.features .feature-list li::before,
	.home section.features .feature-list li:nth-child(even)::before {
		right: auto;
		left: 50%;
		margin-left: -25px;
	}
	
	.home section.features .feature-list .thumbnail {
		position: absolute;
		top: 0;
		right: 50%;
		width: 460px;
		height: 268px;
		margin: 0 40px 0 0;
		background: url(../images/front-page/feature-thumbnail-bg.svg) no-repeat;
		background-size: 100%;
	}
	.home section.features .feature-list .thumbnail img {
		position: absolute;
		top: 14px;
		left: 50%;
		width: 350px;
		height: 222px;
		margin-left: -175px;
	}
	
	.home section.features .feature-list .description {
		float: right;
		width: 50%;
		padding: 0 0 0 80px;
		font-size: 1.6rem;
	}
	
	.home section.features .feature-list li:nth-child(even) {
		right: auto;
		left: 0;
		padding: 0 0 80px 0;
		text-align: right;
	}
	.home section.features .feature-list li:nth-child(even) .thumbnail {
		right: auto;
		left: 50%;
		margin: 0 0 0 40px;
	}
	.home section.features .feature-list li:nth-child(even) .description {
		float: left;
		padding-right: 80px;
		padding-left: 0;
	}
	.home section.features .feature-list li:nth-child(even) .description h3 {
		text-align: inherit;
	}
	
}

.home section.features .pre-sales {
	text-align: center;
}
.home section.features .pre-sales a[role="button"] {
	margin-bottom: 1em;
	color: rgb( 255, 255, 255 );
	font-size: 3.0rem;
	font-weight: 300;
	text-transform: none;
	border: 1px solid rgb( 255, 255, 255 );
}
.home section.features .pre-sales a[role="button"]:hover {
	color: rgb( 195, 154, 100 );
	background: rgb( 255, 255, 255 );
}
.home section.features .pre-sales p {
	margin: 0;
}
.home section.features .pre-sales p a {
	color: rgb( 255, 255, 255 );
}


/*--------------------------------------------------------------
2.0 Extensions
--------------------------------------------------------------*/

.home section.extensions {
	padding-bottom: 0;
	background: url(../images/front-page/extensions-bg.png) center center;
	background-size: cover;
}
.home section.extensions .container {
	padding-bottom: 0;
}

.home section.extensions header {
	margin-bottom: 40px;
}
.home section.extensions header h1,
.home section.extensions header h2 {
	color: rgb( 255, 255, 255 );
}

.home section.extensions .content p {
	color: rgb( 255, 255, 255 );
	font-size: 1.6rem;
}
.home section.extensions .content a[role="button"] {
	display: block;
}
.home section.extensions .content img {
	display: block;
}

.home section.extensions .example {
	display: none;
}

@media screen and ( min-width: 800px ) {
	
	.home section.extensions .container {
		position: relative;
	}
	.home section.extensions .content {
		width: 45%;
	}
	.home section.extensions .content p {
		padding-right: 20px;
	}
	
	.home section.extensions .example {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 55%;
		height: 0;
		padding-top: 69.090909%;
		text-indent: -9999px;
		background: url(../images/front-page/extensions-example-bg.jpg) center bottom -1px no-repeat;
		background-size: 100%;
	}
}


/*--------------------------------------------------------------
2.0 Testimonials
--------------------------------------------------------------*/

.home section.testimonials {
	background: url(../images/front-page/testimonials/bg.png) center bottom repeat-x;
	background-size: 737px 300px;
}
.home section.testimonials > .container:last-child {
	padding-bottom: 340px;
}

.home section.testimonials ul {
	position: relative;
	margin: 0;
	padding: 0 0 280px;
	list-style: none;
	text-align: center;
}
.home section.testimonials li {
	display: inline;
	margin: 0 20px;
	font-family: 'museo-slab', serif;
	font-size: 2.4rem;
	font-style: italic;
	text-align: center;
}
.home section.testimonials li:first-child {
	margin-left: 0;
}
.home section.testimonials li:last-child {
	margin-right: 0;
}
.home section.testimonials li .thumbnail {
	display: inline-block;
	position: relative;
	width: 100px;
	height: 100px;
	padding: 2px;
	border: 1px solid rgb( 195, 154, 100 );
	border-radius: 100%;
}
.home section.testimonials li:not(.active) .thumbnail {
	cursor: pointer;
}
.home section.testimonials li .thumbnail img {
	display: block;
	border: 4px solid transparent;
	border-radius: 100%;
}
.home section.testimonials li .thumbnail::after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-top: 10px;
	margin-left: -10px;
	content: '';
	border-top: 15px solid rgb( 195, 154, 100 );
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	   -moz-transition: opacity 0.2s;
	        transition: opacity 0.2s;
}
.home section.testimonials li.active .thumbnail::after {
	opacity: 1;
}
.home section.testimonials li blockquote {
	display: block;
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
	margin: 0;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	   -moz-transition: opacity 0.2s;
	        transition: opacity 0.2s;
}
.home section.testimonials li.active blockquote {
	opacity: 1;
}
.home section.testimonials li p {
	position: relative;
	font-weight: 100;
}
.home section.testimonials li p::before,
.home section.testimonials li p::after {
	position: absolute;
	width: 88px;
	height: 68px;
	content: '';
	background-size: 100%;
}
.home section.testimonials li p::before {
	top: 0;
	left: 0;
	background: url(../images/front-page/testimonials/quote-left.svg) no-repeat;
}
.home section.testimonials li p::after {
	right: 0;
	bottom: 0;
	background: url(../images/front-page/testimonials/quote-right.svg) no-repeat;
}
.home section.testimonials li footer {
	display: inline-block;
}
.home section.testimonials li cite {
	display: block;
}
.home section.testimonials li .title {
	color: rgb( 195, 154, 100 );
	font-size: 1.6rem;
	font-style: normal;
}