img {max-width: 100%; height: auto; vertical-align: middle;}

.button-group {font-size: 0; white-space: nowrap; margin: 0 0 30px 0;}
.button-group:last-child {margin: 0;}
.button-group > div {display: inline-block; vertical-align: top; font-size: 1rem; text-align: center;}
.button-group > div p {margin: 0 !important; padding: 0 !important;}
.button-group > div + div {margin: 0 0 0 40px;}
.button-group.center > div {margin: 0 20px !important;}

a.button-primary {text-decoration: none !important}

.button-simple {color: #EEA236 !important; text-decoration: none !important; font-size: 1.125em;}
.button-simple:hover {color: #013381 !important;}

#book-the-money-revolution {overflow: hidden;}
#book-the-money-revolution h3 {font-size: 1.875em; margin: 0 0 30px 0;}
#book-the-money-revolution h4 {font-size: 1.5rem; font-family: open_sansbold; line-height: 130%; margin: 0 0 30px 0;}

#book-the-money-revolution .hero {background: #F6F6F6;}
#book-the-money-revolution .hero h2 {font-size: 2.5em; text-transform: uppercase; font-family: open_sansbold; margin: 0 0 30px 0;}
#book-the-money-revolution .hero h1 {font-size: 1.875em; font-family: open_sansregular; line-height: 130%; margin: 0 0 40px 0;}
#book-the-money-revolution .hero .cover {width: 240%; margin-left: -70%; margin-bottom: -140px;}

#book-the-money-revolution .about {margin: 50px 0 0 0;}
#book-the-money-revolution .about .content p {font-size: 1.25em; margin: 0 0 30px 0;}
#book-the-money-revolution .about .content p:last-child {margin: 0;}

#book-the-money-revolution .praise {background: #EEF5FF;}
#book-the-money-revolution .praise .testimonial {margin: 30px 0 0 0; padding: 0 20px;}
#book-the-money-revolution .praise .testimonial .text {position: relative;}
#book-the-money-revolution .praise .testimonial .text:before {content: " "; display: block; width: 150px; height: 2px; background: #EEA236; margin: 0 0 30px 0;}
#book-the-money-revolution .praise .testimonial .text p {font-size: 1.375em;}
#book-the-money-revolution .praise .testimonial .meta {margin: 20px 0 0 0;}
#book-the-money-revolution .praise .testimonial .name {font-family: open_sansbold; font-size: 1.25em; margin: 0 0 5px 0;}

#book-the-money-revolution .author .image {/*width: 50vw;*/ margin-left: calc((-100vw + 1140px - 30px) / 2)}
#book-the-money-revolution .author h6 {text-transform: uppercase; font-family: open_sansbold; font-size: 1em; margin: 0 0 30px 0;}
#book-the-money-revolution .author .content {padding: 0 0 0 35px;}
#book-the-money-revolution .author .content p {font-size: 1.25em; margin: 0 0 30px 0;}
#book-the-money-revolution .author .content p:last-child {margin: 0;}
#book-the-money-revolution .author .social {font-size: 0; list-style: none; margin: 0; padding: 0;}
#book-the-money-revolution .author .social li {display: inline-block; vertical-align: middle; margin: 0 25px 0 0;}
#book-the-money-revolution .author .social a {display: inline-block; width: 48px; line-height: 48px; background: #013381; color: #fff !important; text-align: center; font-size: 1.125rem;}
#book-the-money-revolution .author .social a:hover {background: #EEA236;}

#book-the-money-revolution .sign-up form {background: #F6F6F6;}
#book-the-money-revolution .sign-up .content {padding: 0 100px; font-size: 0}
#book-the-money-revolution .sign-up .field {display: inline-block; vertical-align: middle; width: calc(50% - 80px); font-size: 1rem; padding: 0 20px 0 0;}
#book-the-money-revolution .sign-up .field input {width: 100%; height: 45px; padding: 0 11px; border: solid 1px #ddd; background: none; font-size: 1.125em;}
#book-the-money-revolution .sign-up .field input:focus {background: #fff;}
#book-the-money-revolution .sign-up .action {display: inline-block; vertical-align: middle; width: 160px; font-size: 1rem;}
#book-the-money-revolution .sign-up .action input {width: 100%;}

#hero-book {background: #F6F6F6; overflow: hidden;}
#hero-book h2 {font-size: 2.5em; text-transform: uppercase; font-family: open_sansbold; margin: 0 0 30px 0;}
#hero-book h1 {font-size: 1.875em; font-family: open_sansregular; line-height: 130%; margin: 0 0 40px 0;}
#hero-book .cover {width: 180%; margin-left: -40%;}

.order-window {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; line-height: 100vh; z-index: 12000;
	display: none; overflow: auto; -webkit-overflow-scrolling: touch;
	background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(246,246,246,1) 50%);
}
.order-window-align {line-height: 100%; width: 100%; padding: 100px 0; overflow: hidden;}
.order-window-close-button {position: absolute; right: 0; padding: 30px; top: 0; line-height: 100%;}
.order-window-close {font-size: 2em; color: #222;}
.order-window-close:hover {text-decoration: none; color: #EEA236;}
.order-window-book-cover {padding: 0 50px 0 0;}
.order-window-book-cover img {max-width: 100%; height: auto;}
.order-window-content {margin: -50px 0 0 0;}
.order-window-content .title p {font-size: 2.75em; font-weight: bold; margin: 0 0 45px 0; line-height: 100%;}
.order-window-content ul {padding: 0; margin: 0; list-style: none;}
.order-window-content li + li {margin: 25px 0 0 0;}
.order-window-content li a {display: inline-block; vertical-align: middle; line-height: 54px; background: #EEA236; color: #fff; width: 240px; padding: 0 10px; font-size: 1.125em; font-weight: 600;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.order-window-content li a:hover {text-decoration: none; background: #013381;}

.press-post {margin-bottom: 20px;}
.press-post a {display: block; min-height: 100%; margin: 0 20px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
}
.press-post .logo-image {padding: 50% 0 0 0; position: relative; font-size: 0;}
.press-post .logo-image img {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	max-width: 80%; max-height: 70%; width: auto; height: auto;
}
.press-post .logo-image.image {background: no-repeat center center / cover;}
.press-post .title {padding: 20px;}
.press-post .title p {font-size: 1.5em; font-weight: 600; line-height: 140%; margin: 0;}

@media screen and (max-width : 1200px) {
	#book-the-money-revolution .author .image {margin-left: calc((-100vw + 960px - 30px) / 2)}
}

@media screen and (max-width : 991px) {
	#book-the-money-revolution .hero .content {text-align: center;}
	#book-the-money-revolution .hero .cover {width: 160%; margin: 0 0 0 -30%; padding: 0 0 40px 0;}
	
	#book-the-money-revolution .about {margin: 0;}
	
	#book-the-money-revolution .author .image {width: auto; margin: 0;}
	#book-the-money-revolution .author .content {padding-left: 0;}
	
	#book-the-money-revolution .sign-up .content {padding: 0 30px;}
	
	#hero-book .content {text-align: center;}
	#hero-book .cover {width: 100%; margin: 0; padding: 0 0 40px 0;}
	
	.order-window {background: #fff;}
	.order-window-book-cover {padding: 0;}
	.order-window-book-cover img {width: 400px;}
	.order-window-content {margin: 20px 0 0 0;}
}

@media screen and (max-width : 767px) {
	#book-the-money-revolution .sign-up .field {width: 100%; padding: 0 0 20px 0;}
	#book-the-money-revolution .sign-up .action {width: 100%;}
	
	.order-window-book-cover img {width: 300px;}
	.order-window-content .title p {font-size: 2em;}
}