/*
	Theme Name: Modmacro 2015
	Theme URI: http://www.modmacro.com/
	Description: Child theme for Modmacro.
	Author: Modmacro, Inc.
	Author URI: http://www.modmacro.com/
	Version: 1.0
 
*/


@import url(//fonts.googleapis.com/css?family=Lato:400,100,300,700,900);

/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}


.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

.clear {
	clear:both;
}



/*
General Styles
---------------------------------------------------------------------------------------------------- */
body {
	font-family: 'Lato', sans-serif;
	color:#333; 
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	font-size: 1.2rem;
}


h1,
h2,
h3,
h4 {
	font-weight:400;	
}

h2 {
	font-size: 40px;
	font-size: 4.0rem;	
}

p, ul, ol {
	
}


a {
	color:#a12c16;
	text-decoration:none;
}
a:hover {
	color:#000;
}

a.fb_share_btn {
	display: inline-block;
	width: 70px;
	height: 65px;
	margin: 0 3px 0 0;
	background: url('images/facebook.png') no-repeat top left;
}

a.g_share_btn {
	display: inline-block;
	width: 70px;
	height: 65px;
	margin: 0 3px 0 0;
	background: url('images/google.png') no-repeat top left;
}

a.tweet_btn {
	display: inline-block;
	width: 70px;
	height: 65px;
	margin: 0 3px 0 0;
	background: url('images/twitter.png') no-repeat top left;
}

a.li_share_btn {
	display: inline-block;
	width: 70px;
	height: 65px;
	margin: 0 3px 0 0;
	background: url('images/linkedin.png') no-repeat top left;
}

.social-share {
	margin: 50px auto;
	float: left;
	width: 100%;
}

.share {
    float: left;
    padding: 18px 18px 0 0;
	font-weight: 600;
	font-size: 3.0rem;
	font-size: 30px;
}

.wrap {
	max-width: 1200px;
	margin: 0 auto;	
}

.layer-22 {
	background-image: url(images/gib1.jpg);
	background-size: cover;
    text-align: center;
    width: 100%;
    min-height: 650px;
	border-top: 18px solid #278ebb;
	border-bottom: 18px solid #278ebb;
	color: #fff;
	clear:both;
}
	.layer-22 .wrap {
		padding-top: 25%;
	}
	.layer-22 span {
		font-weight: 300;
		font-size: 3.0rem;
		font-size: 30px;
		text-align: center;
	}


.layer-1 {
	/* background-image: url(images/header-image.jpg); */
	background-image: url(images/hero.jpg);
	background-size: cover;
	background-position:center;
    text-align: center;
    width: 100%;
    min-height: 600px;
	border-bottom: 18px solid #278ebb;
	color: #fff;
}

.layer-1 .wrap {
	padding-top: 10%;	
	padding-bottom: 6%;	
}

.layer-1 .one-fourth {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
}

h1.headline {
	font-weight: 300;
	font-size: 4.8rem;
	font-size: 48px;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #fff;
}

.main-book-layer .wrap {
	padding-top: 120px;	
	padding-bottom: 70px;
}

.cover {
	float: left;	
}

.isbn {
	margin-bottom: 25px;	
}

.book-details {
	color: #555;	
	font-size: 2.4rem;
	font-size: 24px;
	padding-left: 25px;
	float: left;
}

.book-details h2 {
	font-size: 7.0rem;
	font-size: 70px;
	font-weight: 600;
	margin: 0 0 25px;
}

.tagline {
	font-size: 3.9rem;
	font-size: 39px;
	font-weight: 400;
	margin: 0 0 25px;
}

.book-details p {
	line-height: 1.3;	
}

.isbn {
    font-size: 1.7rem;
	font-size: 17px;
    margin-bottom: 25px;
    font-weight: 300;	
}

.purchase-links {
	background-color: #f1f1f1;
	width: 100%;	
	float: left;
	margin-top: 0px;
}

.purchase-links .wrap {
	padding-top: 50px;
}

.buy-link {
	margin-bottom: 50px;
	text-align: center;	
}

.purchase-text {
	font-size: 1.7rem;
	font-size:	17px;
	color: #555;
	clear: both;
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.sponsor {
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
	overflow:hidden;
}

.sponsor .one-half {
	text-align: left;	
}

.sponsor .wrap {
	padding-bottom: 100px;	
}

.sponsor .one-third {
	background: url(images/box.png);
    text-align: center;
	background-repeat: no-repeat;
	background-position: top center;
    padding: 50px;
	width: 379px;
}

.sponsor p {
	margin-top: 0;	
}

.how-it-works {
	float: left;
	width: 100%;
	clear: both;
	background-color: #278ebb;
	color: #fff;
}

.how-it-works .wrap {
	padding-bottom: 100px;	
}

.how-it-works h2 {
	text-align: center;	
}

.sponsor ul {
	text-align: left;
	max-width: 868px;
    margin: 0 auto;
	padding: 0;
}

.sponsor li {
	padding-bottom: 20px;
	line-height:150%;
}

.sponsor-cta {
	float: left;
	width: 100%;
	clear: both;
	background-color: #444;
	color: #fff;	
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 300;
}

.sponsor-cta .wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}

.sponsor-cta .ghost-button {
	top: 30px;
	position: relative;	
}

.quote-layer {
	background: url(images/quote-back.jpg);
	background-size: cover;
    text-align: center;
    width: 100%;
    min-height: 690px;
    overflow: hidden;
	font-size: 5.5rem;
	font-size: 55px;
	color: #fff;
	font-weight: 300;
}

.quote-layer .wrap {
	padding-top: 9.5%;	
}

.sign-up {
	background-color: #278ebb;
    text-align: center;
    width: 100%;
    min-height: 540px;
	color: #fff;
}

.sign-up .wrap {
	padding-top: 75px;
	padding-bottom: 90px;	
}

.stay-connected h2 {
	font-size: 5.9rem;
	font-size: 59px;
	font-weight: 600;
	margin: 0 0 25px; 	
}

.ghost-button {
	background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 2.0rem;
	font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 15px 65px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    clear: both;
    margin: 50px auto;
    float: none;	
}

a.ghost-button:hover {
	color: #555;
	background-color: #fff;	
}

.about-matt .wrap {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;		
}

.about-matt h2 {
	text-align: center;
	margin-top: 0;
}

.about-matt img {
	margin: 0 auto;	
}

.matt-links {
	float: left;
    margin: 20px auto;
    width: 100%;
    text-align: center;
}

.social-icon {
	float: none;
	padding: 0 10px 0 0;	
	display: inline-block;
}

.publisher {
	background-color: #278ebb;
	color: #fff;	
}

.publisher .wrap {
	padding-top: 75px;
	padding-bottom: 75px;	
}

.footer {
	background-color: #333;
	color: #fff;
	text-align: center;	
}

.footer .wrap {
	padding-top: 100px;
	padding-bottom: 100px;	
}

.footer a {
	color: #fff;	
}

.narrow-text {
	width: 60%;	
	margin: 0 auto;
}

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

.authors .one-half.first {
	padding-right: 25px;
}

.authors .one-half.second {
	padding-left: 25px;	
}

.publisher .one-half.first {
	text-align: center;	
}

.one-fourth.first.bmw {
		margin-bottom: 40px;	
	}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}





/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1260px) {
	.wrap {
		padding-left: 40px;
		padding-right: 40px;	
	}
	
	.stages {
		font-size: 3.0rem;
		font-size: 30px;
	}
}

@media only screen and (max-width: 1023px) {
	.header .one-fourth {
		width: 100%;
		margin: 0 auto 25px;
		text-align: center;	
	}
}

@media only screen and (max-width: 960px) {
	.main-book-layer .one-half {
		width: 100%;
		margin: 0 auto 25px;
	}
	
	.main-book-layer .one-half.first {
		text-align: center;
	}
	
	.book-details {
		padding-left: 0;
	}
	
	.book-details h2 {
		text-align: center;
	}
	
	.tagline {
		text-align: center;	
	}
	
	.social-share {
		text-align: center;	
	}
	
	.share {
		float: none;
		padding: 0;
		margin-bottom: 20px;	
	}
	
	.isbn {
		text-align: center;	
	}
	
	.sponsor .one-fourth,
	.sponsor .one-half {
		width: 100%;
		text-align: center;	
		margin-right: 0;
		margin-left: 0;
	}
	
	.sponsor .one-fourth.first {
		margin-top: 50px;	
	}
	
	.one-fourth.first.bmw {
		margin-bottom: 10px;	
	}
	
	.one-fourth.first.avpa {
		margin-bottom: -50px;	
	}
	
	.one-fourth.first.grisafe {
		margin-bottom: -70px;	
	}
	
	.one-fourth.first.your {
		margin-bottom: -20px;
	}
}

@media only screen and (max-width: 767px) {
	
	.wrap {
		padding-left: 20px;
		padding-right: 20px;	
	}
	
	.one_half {
		float:none;
		width:100%;	
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.pricing-table .one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
	
	.layer-1 .one-fourth {
		margin-bottom: 25px;	
	}
	
	.layer-1 .wrap {
		padding-bottom: 10%;
	}
	
	.narrow-text {
		width: 100%;	
	}

	.sponsor-cta .ghost-button {
		top: 0;
	}
	
	.sponsor-cta .wrap {
		padding-bottom: 100px	
	}

}

@media only screen and (max-width: 568px) {
	.header h1 {
		max-width: 100%;	
	}
	
	.main-book-layer .wrap {
		padding-top: 60px;
		padding-bottom: 0;
	}
	
	.share {
		width: 100%;
		margin-bottom: 25px;
	}
	
	.quote-layer {
		font-size: 3.6rem;
		font-size: 36px;
		min-height: 450px;
	}
	
	h2 {
		font-size: 28px;
		font-size: 2.8rem;	
	}

	.sponsor .one-third {
		background: none;
		width: 100%;
	}

}