// VC layout

.tm-vc-section {
	position: relative;
	&:extend(.container);
	&.has-inner-border {
		.tm-vc-container {
			padding: 0 20px;
		}
	}
	.tm-vc-inner {
		margin-bottom: 50px;
		position: relative;
		.tm-vc-row-bg-map,
		.tm-vc-row-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		.tm-vc-row-bg-map {
			z-index: 1;
		}
		.tm-vc-row-overlay {
			z-index: 2;
		}
	}
	.tm-vc-container {
		position: relative;
		z-index: 3;
		&.has-main-nav {
			position: static;
		}
	}
	.tm-vc-row {
		.clearfix();
		.make-row();
	}
	.tm-vc-section-inner-border {
		position: absolute;
		top: 0;
		left: 0;
		border: 1px solid #fff;
		top: 20px;
		left: 20px;
		z-index: 2;
	}

	// Stretch row
	&.stretch_row {
		max-width: 100%;
		padding: 0;
		.tm-vc-container {
			&:extend(.container);
		}
		.tm-vc-row {
		}
	}

	// Stretch row content
	&.stretch_row_content {
		max-width: 100%;
		padding: 0;
		.tm-vc-container {
		}
		.tm-vc-row {
			margin: 0;
		}
	}

	// Stretch row content no spaces
	&.stretch_row_content_no_spaces {
		max-width: 100%;
		padding: 0;
		.tm-vc-container {
		}
		.tm-vc-row {
		}
	}
}

/* Row title
--------------------------- */
.tm-vc-row-header {
	.clearfix();
	margin-bottom: 100px;
}
.tm-vc-row-title {
	font-size: 60px;
	text-align: center;
	@media (max-width: @screen-xs-max) {
		font-size: 30px;
	}
	&.has-underline {
		span {
			border-bottom: 1px solid;
		}
	}
	&.has-border {
		span {
			border: 1px solid;
			padding: 0 15px;
		}
	}
	&.has-motif {
		position: relative;
		padding-bottom: 60px;
		.at2x('../images/motif-heading-no-repeat.png', 100px, 31px);
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	&.with-tiny-subtitle {
		margin-bottom: 0;
	}
}
.tm-vc-row-tiny-subtitle {
	text-align: center;
	span {
		padding: 0 5px;
		line-height: 34px;
		display: inline-block;
		border-top: 1px solid;
		border-bottom: 1px solid;
		letter-spacing: 2px;
	}
}
.tm-vc-row-subtitle {
	margin-top: 40px;
	text-align: center;
	line-height: 2;
	.make-sm-column(6);
	.make-sm-column-offset(3);
	// .make-xs-column(12);
}
.tm-vc-row-button {
	text-align: center;
	display: block;
	clear: both;
	a {
		margin-top: 40px;
		.tm-button-solid();
		&:extend(.primary-bg-color);
		color: #fff !important;
	}
}
.tm-shortcode-margin {
	@media (max-width: @screen-sm-max) {
		margin-bottom: 30px !important;
		&:last-child {
			margin-bottom: 0;
		}
	}
}