/*
 * Styles for pages with repeaters
 */

/* Repeater ========== */
	.repeater {
		width: 100%;
		float: left;
		clear: both;
		padding: 3em 0;
		position: relative;
		text-decoration: none;
		background: #092d62;
	}
	.repeater:nth-child(even) {
		background: #FFF;
	}

		.repeater:after {
			content: '';
			width: 0;
			height: 0;
			float: left;
			position: absolute;
			top: -10px;
			left: calc(50% - 35px);
			border-left: 35px solid transparent;
			border-right: 35px solid transparent;
			border-top: 35px solid #FFF;
			z-index: 100;
		}
		.repeater:nth-child(even):after {
			border-top-color: #092d62;
		}

		.repeater:nth-child(even) .img-bg {
			position: absolute;
			top: 0;
			right: 0;
			width: 50%;
			height: 100%;
			z-index: 25;
			background-size: cover;
		}
		.repeater:nth-child(odd) .img-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 50%;
			height: 100%;
			z-index: 25;
			background-size: cover;
		}
		.repeater:nth-child(even) .color-bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 70%;
			height: 100%;
			z-index: 50;
			background: #FFF;
		}
		.repeater:nth-child(odd) .color-bg {
			position: absolute;
			top: 0;
			right: 0;
			width: 70%;
			height: 100%;
			z-index: 50;
			background: #092d62;
		}
		.info-container {
			position: relative;
			width: 65%;
			z-index: 75;
		}
		.repeater:nth-child(odd) .info-container {
			float: right;
		}

		.repeater h2 {
			color: #092d62;
			font-family: 'Roboto Slab', serif;
			font-weight: 400;
			font-size: 28px;
			text-transform: initial;
			line-height: 34px;
			text-align: left;
			margin: 0 0 .5em 0;
		}
		.repeater:nth-child(odd) h2 {
			color: #FFF;
		}

		.repeater p,
		.repeater li {
			font-size: 14px;
			line-height: 28px;
			color: #4d4d4d;
		}
		.repeater:nth-child(odd) p,
		.repeater:nth-child(odd) li {
			color: #CCC;
		}



/* Responsive ========== */

	/* 768 -> 959 */
	@media only screen and (max-width: 959px) {
		.repeater:nth-child(even) .img-bg, .repeater:nth-child(odd) .img-bg {
			width: 100%;
			position: relative;
			height: 250px;
			margin: -5em 0 0 0;
			background-position: center;
		}
		.repeater:nth-child(even) .color-bg, .repeater:nth-child(odd) .color-bg {
			display: none;
		}
		.info-container {
			width: 100%;
		}
	}