@charset "UTF-8";
@import url(vendor/normalize.css);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  text-rendering: optimizeLegibility;
  font-family: "franklin-gothic-urw", helvetica, sans-serif;
  font-size: 16px;
  line-height: 1;
}

em {
  font-style: normal;
  color: #EB6152;
  margin-bottom: 1rem;
}

.book-info {
  width: 100%;
  padding-top: 6rem;
  background: #fff;
  background-position: top center;
  background-repeat: no-repeat;
  -webkit-background-size: cover cover;
  background-size: cover;
  position: relative;
}
@media (min-width: 40rem) {
  .book-info {
    padding-top: 7.75rem;
  }
}

.book-info__bgd-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1;
}
.book-info__bgd-cover.is-faded {
  opacity: 0;
  -webkit-transition: opacity 750ms;
  transition: opacity 750ms;
}

.book-info__bgd {
  position: absolute;
  left: 100%;
  top: 0;
}

.book-info__container {
  padding: 1.75rem 1.25rem 5rem;
  max-width: 21.875rem;
  margin: 0 auto;
  background: rgba(223, 53, 44, 0.7);
  position: relative;
  z-index: 2;
}

.book-info__title {
  font: 0/0 a;
  text-indent: 100%;
  height: 98px;
  width: 256px;
  background: url(../img/title.png) top left no-repeat;
  -webkit-background-size: 256px 98px;
  background-size: 256px 98px;
}

.book-info__subtitle {
  font-size: 1.375rem;
  font-weight: 400;
  color: #E6DF86;
  margin-bottom: 1rem;
}

.book-details__byline {
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1rem;
}

.footer {
  clear: both;
  font-size: .875rem;
  line-height: 1.25;
  color: #34547B;
  text-align: center;
  margin-bottom: 2rem;
}

.buy-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
}
.buy-overlay .buy-overlay__container {
  width: 100%;
  height: 100%;
  max-width: 60rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
@media (min-width: 40rem) {
  .buy-overlay .buy-overlay__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (max-width: 40rem) {
  .buy-overlay .buy-overlay__container {
    height: 100%;
    overflow: scroll;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 2rem 0;
  }
}
.buy-overlay.is-hidden {
  display: none;
}
.buy-overlay__header, .buy-overlay__note, .buy-overlay__or {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
  width: 100%;
  padding-bottom: 2.5rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
  color: #fff;
}
.buy-overlay__note {
  padding: 2rem 1rem 0;
}
@media (min-width: 40rem) {
  .buy-overlay__note {
    max-width: 62%;
  }
}
.buy-overlay__note:last-of-type {
  margin-bottom: 2rem;
}
.buy-overlay__or {
  width: 8rem;
  height: 3rem;
  line-height: 2.4;
  padding: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
@media (min-width: 40rem) {
  .buy-overlay__or {
    height: 12.5rem;
    line-height: 10;
  }
}
.buy-overlay__close {
  position: absolute;
  top: .5rem;
  right: .5rem;
}
@media (min-width: 40rem) {
  .buy-overlay__close {
    top: 1rem;
    right: 1rem;
  }
}
.buy-overlay__close img {
  width: 30px;
  height: 30px;
}
.buy-overlay .btn--overlay {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #fff;
  color: #D85C48;
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.09091;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: 700;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 30px 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 125ms background-color;
  transition: 125ms background-color;
}
.buy-overlay .btn--overlay#buy-print {
  background-color: #F8E71C;
}
.buy-overlay .btn--overlay .text--smaller {
  font-size: 1.0625rem;
  line-height: 1.17647;
  color: #34547B;
  display: block;
  margin: 0 0 .125rem;
}
.buy-overlay .btn--overlay small {
  font-size: .875rem;
}
.buy-overlay .btn--overlay .btn__slug {
  color: #34547B;
  font-size: .875rem;
}
.buy-overlay .btn--overlay .btn__note {
  color: #34547B;
  font-size: .75rem;
  margin: .25em 0;
}
.buy-overlay .btn--overlay .btn--shopify {
  width: 92px;
  margin: 0 auto;
  position: relative;
  left: 10px;
}
.buy-overlay .btn--overlay .btn--shopify iframe {
  width: 92px;
}
.buy-overlay .btn--overlay .price {
  font-size: 1.75rem;
  line-height: 1.14286;
  color: #000;
}
.buy-overlay .btn--overlay.btn--discount {
  padding-top: 33px;
}

.book-details {
  width: 100%;
  background: #fff;
  margin-bottom: 3rem;
}

.book-details__container {
  max-width: 21.875rem;
  margin: 0 auto;
  background: #DF352C;
  padding: 20px 20px 30px;
  position: relative;
}
@media (min-width: 40rem) {
  .book-details__container {
    padding: 30px 20px 20px;
  }
}

.book-details__avaiable {
  font-size: .875rem;
  line-height: 1.21429;
  color: #E6DF86;
}

.book-details__cover {
  position: absolute;
  top: 50px;
  right: -5px;
}
@media (min-width: 40rem) {
  .book-details__cover {
    top: 70px;
    right: 5px;
  }
}

.book-details__print {
  max-width: 21.875rem;
  margin: 0 auto;
  background-color: #F8E71C;
  color: #DF352C;
  font-weight: bold;
  font-size: .875rem;
  line-height: 1.3;
  padding: 15px;
}

.btn--buy {
  position: absolute;
  top: -65px;
  right: 10px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #fff;
  color: #D85C48;
  text-align: center;
  line-height: 1.14286;
  padding: 22px 0 0 0;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: 125ms background-color;
  transition: 125ms background-color;
}
.btn--buy .text--smaller {
  font-size: .75rem;
  display: block;
}
.btn--buy.is-sticky {
  position: fixed;
  top: -15px;
  right: calc(50% - 45px);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: #DF352C;
  color: #fff;
  -webkit-transition: 125ms background-color, 250ms top;
  transition: 125ms background-color, 250ms top;
  z-index: 999;
}
@media (min-width: 40rem) {
  .btn--buy.is-sticky {
    right: calc(50% - 240px);
    top: -25px;
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: 125ms background-color;
    transition: 125ms background-color;
  }
}
@media (min-width: 40rem) {
  .btn--buy {
    top: -65px;
    right: -65px;
    width: 130px;
    height: 130px;
    font-size: 1.375rem;
    line-height: 1.13636;
    padding: 36px 24px 0 24px;
  }
  .btn--buy .text--smaller {
    font-size: .875rem;
  }
}
.btn--buy:hover {
  background-color: #F8E71C;
}

.book-blurb {
  width: 100%;
  max-width: 31rem;
  padding: 0 1rem;
  margin: 0 auto 3rem;
  line-height: 1.25;
  color: #34547B;
  text-align: center;
}
@media (min-width: 40rem) {
  .book-blurb {
    padding: 0;
  }
}

.title {
  font-weight: 700;
  color: #E34941;
  font-size: 1.125rem;
  line-height: 1.11111;
  margin: 0 0 2rem;
  text-align: center;
}

.title--featuring {
  width: 100%;
  border-bottom: 1px solid #FFC9C0;
  padding-bottom: 1rem;
  margin: 0;
  font-size: .875rem;
  line-height: 1.28571;
  font-weight: 700;
  color: #E34941;
  text-align: center;
}

.featuring {
  width: 100%;
  max-width: 60rem;
  margin: 0 auto 3rem;
  padding: 0;
  list-style: none;
}
.featuring:before, .featuring:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.featuring:after {
  clear: both;
}

.subject {
  float: left;
  padding: 1rem .75rem;
  border-top: 1px solid #FFE2A6;
  width: 50%;
}
@media (max-width: 60rem) {
  .subject:nth-child(-n+2) {
    border-top: 0;
  }
  .subject:nth-child(2n+1) {
    clear: left;
  }
  .subject:nth-child(-n+16) {
    border-color: #FFE2A6;
  }
  .subject:nth-child(-n+14) {
    border-color: #FFC9C0;
  }
  .subject:nth-child(-n+12) {
    border-color: #FFE2A6;
  }
  .subject:nth-child(-n+10) {
    border-color: #FFC9C0;
  }
  .subject:nth-child(-n+8) {
    border-color: #FFE2A6;
  }
  .subject:nth-child(-n+6) {
    border-color: #FFC9C0;
  }
  .subject:nth-child(-n+4) {
    border-color: #FFE2A6;
  }
  .subject:nth-child(-n+2) {
    border-color: #FFC9C0;
  }
  .subject:last-child {
    width: 100%;
  }
}
@media (min-width: 40rem) and (max-width: 60rem) {
  .subject {
    padding: 1rem 1.25rem;
  }
}
@media (min-width: 60rem) {
  .subject {
    width: 33%;
    padding: 1rem 1.25rem;
  }
  .subject:nth-child(-n+3) {
    border-top: 0;
  }
  .subject:nth-child(3n+1) {
    clear: left;
  }
  .subject:nth-child(-n+15) {
    border-color: #FFC9C0;
  }
  .subject:nth-child(-n+12) {
    border-color: #FFE2A6;
  }
  .subject:nth-child(-n+9) {
    border-color: #FFC9C0;
  }
  .subject:nth-child(-n+6) {
    border-color: #FFE2A6;
  }
}

.subject__photo {
  float: left;
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  margin-right: .5rem;
  vertical-align: bottom;
}
@media (max-width: 40rem) {
  .subject__photo {
    float: none;
  }
  .subject:last-child .subject__photo {
    float: left;
  }
}

.subject__headline {
  line-height: 1;
  font-weight: 700;
  margin: .5rem 0 .25rem;
  color: #E34941;
  font-size: .875rem;
}
.subject:last-child .subject__headline {
  margin: 1rem 0 .25rem;
}
@media (min-width: 40rem) {
  .subject__headline {
    margin: 1rem 0 .25rem;
    font-size: 1rem;
  }
}

.subject__desc {
  clear: both;
  color: #A9A9A9;
  font-size: .875rem;
  line-height: 1.14286;
  margin: 0;
  min-height: 3rem;
}

.audience {
  width: 100%;
  margin: 0 auto 3rem;
  border-top: 1px solid #D0021B;
  padding-top: 2rem;
}

.audience__groups {
  max-width: 60rem;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 60rem;
}
.audience__groups:before, .audience__groups:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.audience__groups:after {
  clear: both;
}

.audience__group {
  min-width: 20rem;
  max-width: 30rem;
  width: 100%;
  padding: 4.5rem 1.25rem 2rem;
  color: #34547B;
  line-height: 1.25;
  text-align: center;
  margin: 0 auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media (min-width: 40rem) {
  .audience__group {
    float: left;
    width: 50%;
  }
  .audience__group:last-child {
    clear: both;
    float: none;
  }
}
@media (min-width: 60rem) {
  .audience__group {
    width: 20rem;
  }
  .audience__group:last-child {
    clear: none;
    float: left;
  }
}
.audience__group--new {
  background-image: url(../img/icon-new-designers@2x.png);
  -webkit-background-size: 25px 25px;
  background-size: 25px 25px;
}
.audience__group--veteran {
  background-image: url(../img/icon-veteran@2x.png);
  -webkit-background-size: 17px 25px;
  background-size: 17px 25px;
}
.audience__group--executive {
  background-image: url(../img/icon-bowtie@2x.png);
  -webkit-background-size: 39px 20px;
  background-size: 39px 20px;
  background-position: center 5px;
}

.tout--middle {
  margin-bottom: 2rem;
}

.tout--middle__header {
  width: 100%;
  max-width: 21.875rem;
  margin: 3rem auto 0;
  min-height: 5rem;
  background: #DF352C;
  position: relative;
  padding: 1.5rem 11.625rem 0 1.25rem;
  color: #fff;
  font-size: 1.375rem;
  font-weight: 700;
}

.tout--middle__cover {
  position: absolute;
  top: -48px;
  right: 0;
  z-index: 1;
}

.tout--middle__copy-container, .tout--bottom {
  width: 100%;
  height: 11.25rem;
  background: url(../img/bgd-bottom@2x.jpg) top center;
  -webkit-background-size: cover cover;
  background-size: cover;
}

.tout--middle__copy {
  max-width: 21.875rem;
  padding: .125rem 1.25rem;
  max-height: 11.25rem;
  margin: 0 auto;
  position: relative;
  background: rgba(223, 53, 44, 0.7);
  color: #E6DF86;
  font-size: .875rem;
  line-height: 1.71429;
}
.tout--middle__copy ul {
  padding-left: 20px;
}
.tout--middle__copy .btn--buy {
  position: absolute;
  top: 2.5rem;
  right: 15px;
}
@media (min-width: 40rem) {
  .tout--middle__copy .btn--buy {
    top: 1rem;
    right: -65px;
  }
}

.tout-middle__print {
  max-width: 21.875rem;
  margin: 0 auto;
  background-color: #F8E71C;
  color: #DF352C;
  padding: .5rem 1.25rem;
  font-size: 1.375rem;
  font-weight: 700;
  text-align: center;
}

.testimonials {
  max-width: 40rem;
  margin: 0 auto 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.testimonials .title {
  margin-bottom: 2rem;
  width: 100%;
}
.testimonials .title strong {
  color: #34547B;
  font-style: normal;
  text-align: center;
}
.testimonials .testimonials__container {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 50%;
}

.testimonial {
  padding: 0 .5rem 2.5rem;
}
.testimonial q, .testimonial cite {
  display: block;
  text-align: center;
  line-height: 1.25;
  font-size: .875rem;
}
@media (min-width: 40rem) {
  .testimonial q, .testimonial cite {
    font-size: 1rem;
  }
}
.testimonial q {
  quotes: "“" "”" "‘" "’";
  color: #34547B;
}
.testimonial cite {
  color: #D85C48;
  font-style: normal;
}
.testimonial cite strong {
  font-style: normal;
  font-weight: 700;
}
.testimonial__photo {
  width: 3rem;
  height: 3rem;
  margin-top: .5rem;
}

.about {
  width: 100%;
  border-top: 1px solid #F5A623;
  padding: 2rem 1rem 0;
  color: #34547B;
  line-height: 1.25;
  margin-bottom: 3rem;
}
.about .title {
  margin-bottom: 1.5rem;
}
.about__bio {
  max-width: 48rem;
  margin: 0 auto;
}
@media (min-width: 40rem) {
  .about__bio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.about__photo {
  width: 3rem;
  height: 3rem;
  display: block;
  margin: 0 auto;
}
@media (min-width: 40rem) {
  .about__photo {
    margin-right: 2rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}
.about__copy {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.about__copy a {
  color: #34547B;
  font-weight: 700;
  text-decoration: underline;
}
.about__copy a:hover {
  text-decoration: none;
}
.about__posts {
  text-align: center;
  max-width: 20rem;
  margin: 0 auto;
}
.about__posts p {
  margin-bottom: 1rem;
}
.about__posts ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.about__posts a {
  color: #34547B;
  font-weight: 700;
  text-decoration: none;
}
.about__posts a:hover {
  text-decoration: underline;
}

.tout--bottom {
  margin-bottom: 16rem;
  height: 16.25rem;
  padding-top: 2.5rem;
}
@media (min-width: 40rem) {
  .tout--bottom {
    height: 11.25rem;
    padding-top: 0;
  }
}
.tout--bottom__text {
  max-width: 21.875rem;
  margin: 0 auto;
  height: 11.25rem;
  padding: 2rem 0 0 1.25rem;
  background: rgba(223, 53, 44, 0.7);
  position: relative;
}
.tout--bottom__cover {
  position: relative;
  left: 1rem;
  width: 100%;
  overflow: hidden;
}
.tout--bottom .btn--buy {
  position: absolute;
  top: 7.75rem;
  right: 0.75rem;
  z-index: 9;
}
@media (min-width: 40rem) {
  .tout--bottom .btn--buy {
    top: 1.5rem;
    right: -5.25rem;
  }
}

.social-buttons {
  clear: both;
  text-align: center;
  margin: 40px 0 0;
}
@media (min-width: 40rem) {
  .social-buttons {
    position: absolute;
    bottom: -59px;
    left: 100%;
    margin: 0;
    min-width: 8rem;
    text-align: left;
  }
}

/*# sourceMappingURL=htgt.css.map */