/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://bestofnewzealand.com.au
 Description:  Twenty Sixteen Child Theme
 Author:       Pedro Prinz
 Author URI:   http://example.com
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/

body{
	margin:0;
	padding:0;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

#promo-landing:before{
	height:0;
}

.promo-hero{
	width:100%;
	box-sizing: border-box;
	box-shadow: inset 0 0 30px rgba(0,0,0,0.55);
	height:460px;
	overflow: hidden;
	text-align: center;
	border-bottom:solid 1px #eeeeee;
	background:#14110d url(/wp-content/uploads/2017/04/hero-small.jpg) no-repeat right center;
	background-size: cover;
}

.brands-inline{
	width:100%;
	box-sizing: border-box;
	height:36px;
	margin: 20px auto 0;
}

.brands-inline a{
	margin:0 6px;
}

.brands-inline a img{
	display:inline-block;
	height:20px;
}

.promo-logo{
	display:table-cell;
	height:403px;
	width:100%;
	width:100vw;
	vertical-align: middle;
	text-align: center;
	padding:0 24px;
}

.promo-logo img{
	max-width:100%;
	max-height: 374px;
	display:block;
	margin:0 auto;
}

.promo-body{
	margin:0 18px 18px;
	box-sizing: border-box;
	background:#ffffff;
	border:solid 1px #eeeeee;
	border-bottom:none;
	border-top:none;	
	box-shadow: 0 0 30px rgba(0,0,0,0.05);
}

.promo-section{
	border-bottom:solid 1px #eeeeee;
	padding:24px 24px 24px;
}

.divider{
	display:block;
	max-width:360px;
	height:22px;
	margin:13px auto 35px;
	border-bottom:1px solid #eeeeee;
	text-align: center;
	position:relative;
	box-sizing: border-box;
}

.divider h5{
	color:#e98d74;
	display: inline-block;
	background: #ffffff;
	line-height: 22px;
	margin: 10px 0 0;
	padding: 0 12px;
}

.promo-section ul{
	padding-left:20px !important;
	margin:0;
}

.promo-section ul li{
	padding-bottom: 6px;
}

.promo-section p.terms-and-conditions{
	font-size:13px;
	line-height: 20px;
	margin: 0;
}

@media screen and (min-width: 768px) {
	.promo-body{
		margin:0 24px 24px;
	}
	
	.promo-section{
		padding:36px 36px 36px;
	}
	
	.promo-hero{
		height:520px;
		background:#14110d url(/wp-content/uploads/2017/04/hero-medium.jpg) no-repeat right center;
		background-size: cover;
	}
	.promo-logo{
		height:463px;
	}
	
	.brands-inline a{
		margin:0 12px;
	}

	.brands-inline a img{
		display:inline-block;
		height:30px;
	}
	
	.divider{
		max-width:460px;
		margin:25px auto 47px;
	}

}

@media screen and (min-width: 990px) {
	.promo-body{
		margin:0 auto 48px;
		width:960px;
	}
	
	.promo-section{
		padding:48px 48px 48px;
	}	
	
	.promo-hero{
		height:600px;
		background:#14110d url(/wp-content/uploads/2017/04/hero-large.jpg) no-repeat right center;
		background-size: cover;
	}
	.promo-logo{
		height:543px;
	}
	
	.divider{
		max-width:560px;
		margin:37px auto 59px;
	}
}