html,body {
	background: #fff;
	color: #000;
	margin: 0;
}
body, input, select, textarea {
    font-family: 'Poppins', sans-serif;
	font-size: 16px;	
	font-weight: 400;
}
p {
    font-family: "warnock-pro", serif;
    font-size: 1.35em;
}
a {
	color: #5197dd;
	text-decoration: none;
}
a:focus {
	outline: 0;
}
a:hover {
	color: #666;
}

br.clear {
	clear: both;
}
p {
	line-height: 1.4;
}
hr {
	border: 0;
	height: 2px;
	margin: 10px 0 30px 0;
	background: #efefef;
}
.alignright {
	float: right;
	margin-left: 20px;
}
.alignleft {
	float: left;
	margin-right: 20px;
}
#main-col p a {
	color: #ea693d;
}
#main-col p a:hover {
	color: #666;
}
h3.tagline {
	color: #ea693d !important;
	font-size: 20px;
    display: none;
}

/* Buttons */
a.more {
	font-size: small;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 0;
    white-space: nowrap;
}
a.buy-button, 
a.speak-button,
a.shelf-button {
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: .7em;
	letter-spacing: 2px;
	margin: 7px 0;
	padding: 14px 0 13px 0;
	text-align: center;
	text-transform: uppercase;
    font-family: "Poppins", sans-serif;
	width: 410px;
}	
a.buy-button {
	background: #bc1110;
	text-shadow: 0px 2px 1px #c65934;
}
a.buy-button:hover {
	background: #fb2f1d;
}

a.speak-button,
a.shelf-button {
	background: #5197dd;
	text-shadow: 0px 2px 1px #437cb6;
}
a.speak-button:hover,
a.shelf-button:hover {
	background: #3d83ca;
}
body.home a.speak-button {
	margin-top: 10px;
}
a.buy-button:hover,
a.speak-button:hover,
a.shelf-button:hover {
	text-shadow: none;
}
a.gen-button {
	background: #000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-size: 92%;
	letter-spacing: 2px;
	margin: 7px 0;
	padding: 14px 0 13px 0;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none;
	width: 180px;
}
a.gen-button:hover {
	background: #5197dd;
}
/* Header */
div.nav-wrapper {
	width: 100%;
}
#site-nav {
	margin: 0 auto;
	text-transform: uppercase;
    font-size: .7em;
    letter-spacing: 2px;
    z-index: 999;
    position: relative;
    background: #ffffff;
    border-bottom: 1px solid #f1f1f1;
}
    #site-nav .home-link {
      display: none; }
    #site-nav .close {
      display: none; }
    #site-nav .ham {
      padding: .45rem .7rem 0;
      margin: 0;
      display: none; }
    #site-nav .ham svg {
      height: 20px;
      width: 40px; }
      #site-nav .ham svg .ham-svg {
        fill: none;
        stroke: #000000;
        stroke-width: 20px;
        stroke-miterlimit: 10; }
#site-nav .menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    text-align: center;
}
#site-nav div ul li a {
	color: #000;
	display: block;
	float: left;
	padding: 10px 22px;
    font-weight: 700;
}
#site-nav div ul li a:hover {
	background: #f3f3f3;
	color: #5197dd;
}
#site-nav div ul li:first-of-type a::after {
    content: 'Author, Speaker, Journalist';
    font-weight: 400;
    color: #bababa;
    padding-left: .5rem;
}
ul.sub-menu {
	display: none;
    z-index: 999;
}

ul.drop-nav {
	background: #5197dd;
	display: none;
	position: absolute;
	width: 230px;
}
ul.drop-nav.shelf-links, ul.drop-nav.buy-links {
	background: none;
}
ul.drop-nav li a {
	color: #fff;
	display: block;
	font-size: .7em;
	letter-spacing: 2px;
	padding: 15px 10px;
	text-transform: uppercase;
	text-shadow: 0px 2px 1px #447eb9;
    border-top: 1px solid #458dd6;
}
ul.drop-nav li a:hover {
    background: #3d83ca;
}
ul.buy-links,
ul.shelf-links {
	margin-left: 5px;
	width: 165px;
    z-index: 10;
}

ul.buy-links li a {
	background: #bc1110;
	text-shadow: 0px 2px 1px #960d0c;
    width: 400px;
    box-sizing: border-box;
    border-top: 1px solid #ab1211;
}
ul.buy-links li a:hover {
	background: #fb2f1d;
    box-sizing: border-box;
}

ul.shelf-links li a {
	background: #5197dd;
    width: 400px;
    box-sizing: border-box;
    border-top: 1px solid #458dd6;
}
ul.shelf-links li a:hover {
	background: #3d83ca;
    box-sizing: border-box;
}

/* Home */
div.section-wrapper {
	background: #fbfbfb url('../images/texture.png') 0 0 repeat;
	border-bottom: 7px #000 solid;
	width: 100%;
    display: none;
}

header section {
	margin: 0 auto;
	width: 980px;
}
div.home-desc {
	float: left;
	padding: 30px 0 40px 0;
	text-align: left;
	width: 560px;
}
div.head-desc {
	text-align: left;
}
div.home-desc h1,
div.head-desc h1 {
	color: #5197dd;
	font-size: 500%;
}
div.home-desc h2,
div.head-desc h2 {
	color: #666;
	font-size: 92%;
	letter-spacing: 2px;
	margin-top: -15px;
	text-transform: uppercase;
}
div.home-desc p {
	margin-top: 20px;
}
div.home-desc a.more {
	color: #000;
	display: block;
	text-align: right;
}
div.home-desc a.more:hover {
	color: #ea693d;
}
div.home-img {
	background: url('../images/pencils.png') left bottom no-repeat;
	float: left;
	height: 295px;
	padding: 40px 0 0 0;
	width: 420px;
}

/* Home v2 */

.hp-header {
  height: 80vh;
  background: #efefef;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  background: url("http://www.paultough.com/wp-content/uploads/2016/07/paul-tough-portrait.jpg") no-repeat;
  background-size: cover; }
  .hp-header .desc {
    color: #ffffff;
    width: 49.2%;
    margin-left: 8.466%; }
    .hp-header .desc h1 {
      font-size: 3.2em;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 700;
      margin: 2rem 0 0;
      line-height: 1;
      letter-spacing: 4px; }
    .hp-header .desc h2 {
      font-size: 1.2em;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: .6rem 0 0;
      letter-spacing: 3px; }
    .hp-header .desc p {
      font-size: 1.5em; }
    .hp-header .desc a {
      font-style: normal;
      color: #ffffff;
      text-decoration: underline; }
        .hp-header .desc a em {
            font-style: normal;
        }

.hp-latest {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem 0 4rem;
  background: #fcfaf1; }
  .hp-latest .primary, .hp-latest .secondary {
    overflow: hidden; }
    .hp-latest .primary:first-of-type, .hp-latest .secondary:first-of-type {
      margin-right: 1.6%; }
  .hp-latest .title-img {
    width: 32.26%; }
    .hp-latest .title-img img {
      width: 66.13%;
      display: block;
      margin: 2rem auto 0; }
  .hp-latest .title-info {
    width: 49.2%; }
    .hp-latest .title-info h1 {
      margin-bottom: .6rem;
      font-size: 0.7em;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 2px;
      font-weight: 700;
      color: #bababa; }
    .hp-latest .title-info div.post h4 {
      margin: 0;
      font-size: 1.8em;
      font-family: "Poppins", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 3px;
      line-height: 1.3; }
    .hp-latest .title-info div.post h4 a {
        color: inherit; 
        font-size: inherit; }
    .hp-latest .title-info div.post h4 a span {
        display: block;
        font-size: inherit; }
    .hp-latest .title-info div.post h4 a:hover {
        color: inherit; }
    .hp-latest .title-info div.post p {
      font-size: 1.5em;
      line-height: 1.2;
      margin: 1rem 0 1.5rem; } 
    .hp-latest .title-info div.post p a {
      font-style: normal;
      border-bottom: 1px solid #444444;
      color: #444444;
      text-decoration: none; }
    .hp-latest .title-info .ctas {
      display: flex;
      flex-flow: column wrap;
      margin-top: 1rem; }
      .hp-latest .title-info .ctas .item {
        width: 100%;
        max-width: 500px;
        text-align: left;
        font-size: 0.7em;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #ffffff;
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center; }
        .hp-latest .title-info .ctas .item.play {
          position: relative;
          padding: 6rem 1.2rem;
          margin-bottom: 1rem;
          box-sizing: border-box; }
          .hp-latest .title-info .ctas .item.play:hover {
            cursor: pointer; }
          .hp-latest .title-info .ctas .item.play .bg-img {
            background: url(http://www.paultough.com/wp-content/uploads/2016/07/feature_video_cover.jpg) no-repeat;
            background-size: cover;
            background-position: center;
            -webkit-filter: brightness(30%);
            filter: brightness(30%);
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            z-index: 0; }
          .hp-latest .title-info .ctas .item.play span {
            position: relative;
            z-index: 1; }
          .hp-latest .title-info .ctas .item.play .play-icon {
            margin-left: 2rem; }
            .hp-latest .title-info .ctas .item.play .play-icon svg {
              height: 26px;
              width: 26px; }
              .hp-latest .title-info .ctas .item.play .play-icon svg .tri-svg {
                fill: none;
                stroke: #ffffff;
                stroke-width: 20px;
                stroke-miterlimit: 10; }
        .hp-latest .title-info .ctas .item.learn {
          background: #bc1110;
          padding: 1rem;
          border-radius: 3px;
          box-sizing: border-box; }
          .hp-latest .title-info .ctas .item.learn .right-icon {
            margin-left: 1rem; }
            .hp-latest .title-info .ctas .item.learn .right-icon svg {
              height: 40px;
              width: 40px; }
              .hp-latest .title-info .ctas .item.learn .right-icon svg .right-svg {
                fill: none;
                stroke: #ffffff;
                stroke-width: 20px;
                stroke-miterlimit: 10; }
  .hp-latest .about-vid {
    border-top: 1px solid #bababa;
    padding-top: 1.5rem;
    width: 83.06%;
    height: 57.66%;
    margin: 1rem 0 1rem; }

.hp-media-overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  padding-bottom: 2rem;
  width: 100%;
  z-index: -1;
  height: 100%;
  display: none; }
  .hp-media-overlay.appear {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    z-index: 60; }
    .hp-media-overlay.appear video {
      width: 80%;
      height: 60%;
      display: none; }
      .hp-media-overlay.appear video.active {
        display: block; }
    .hp-media-overlay.appear .close {
      position: absolute;
      right: 1rem;
      top: 1rem;
      height: 40px;
      width: 40px;
      padding: 2px; }
      .hp-media-overlay.appear .close:hover {
        cursor: pointer; }
      .hp-media-overlay.appear .close svg {
        height: 36px;
        width: 36px; }
        .hp-media-overlay.appear .close svg .close-svg {
          fill: none;
          stroke: #ffffff;
          stroke-width: 20px;
          stroke-miterlimit: 10; }

.hp-book {
  padding: 2rem 0 4rem;
  height: 80vh;
  background: #efefef;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
  background: url("http://www.paultough.com/wp-content/uploads/2016/07/paul-tough-speaking.jpg") no-repeat;
  background-size: cover;
  color: #ffffff; }
  .hp-book h1 {
    font-size: 0.7em;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    width: 49.2%;
    margin: 0 0 0 8.466%;
    color: rgba(255, 255, 255, 0.6); }
  .hp-book p {
    width: 49.2%;
    margin: 1rem 0 0 8.466%;
    font-size: 1.5em; }
    .hp-book p a {
      font-style: normal;
      color: #ffffff;
      text-decoration: underline; }

/* Main Content */
#content {
	margin: 0 auto;
	width: 980px;
}
div.col1,
div.col2,
div.col3 {
	float: left;
	padding-bottom: 40px;
	text-align:left;
}
div.col1 {
	width: 360px;
}
div.col2 {
	width: 190px;
}
div.col1 h3 {
	background: #f3f3f3;
	border-top: 7px #ea693d solid;
	color: #ea693d;
	font-size: 90%;
	letter-spacing: 1px;
	margin-top: -7px;
	padding: 10px 15px;
	text-align: center;
	text-transform: uppercase;
	width: 160px;
}
div.col1 h4 {
	margin-top: 30px;
}
div.col2 {
	margin: 0 90px 0 40px;
}
div.col2,
div.col3 {
	margin-top: 50px;
}
div.home-content div.col1 div.post p {
	margin-bottom: 15px;
} 
div.home-content div.col3 {
	text-align: center;
	width: 280px;
}
div.home-content div.col3 blockquote {
	color: #999;
	font-size: 170%;
	font-style: italic;
	line-height: 150%;
}
div.home-content div.col3 blockquote cite {
	color: #666;
	display: block;
	font-size: 13px;
	margin-top: 10px;
	line-height: 160%;
}
div.home-content div.post h4 {
	line-height: 150%;
	margin-bottom: 15px;
}
div.home-content div.post h4 a {
	color: #ea693d;
	font-size: 20px;
}
div.home-content div.post h4 a span {
	display: block;
	font-size: 18px;
}
div.home-content div.post h4 a:hover {
	color: #666;
}

/* Interior Pages */
div.head-desc {
	background: url('../images/pencils-sm.png') left bottom no-repeat;
	height: 133px;
	padding: 12px 0 24px 100px;
}
div.head-desc h1 {
	margin-top: 12px;
}

#side {
	float: left;
	margin: 4.5rem 0;
	text-align: left;
	width: 220px;
}
#side h3 {
	border-bottom: 5px #d8d8d8 solid;
    font-size: .7em;
    letter-spacing: 2px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
    font-weight: 700;
}
#side div.widget {
	margin-bottom: 65px;
}
#side p {
	font-size: 80%;
	margin: 12px 0;
}
#side .textwidget {
	font-size: 80%;
	line-height: 150%;
}
#side .textwidget a.more-speaking {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
}
#side .textwidget a.more-speaking:hover {
	color: #5197dd;
}

#side div.simple-section-nav a,
#side div.widget_nav_menu a,
#side .pagenav ul li a {
	border-bottom: 1px #efefef solid;
	display: block;
	font-size: .7em;
    letter-spacing: 2px;
	padding: 8px 0 6px 0;
	text-transform: uppercase;
}
#side div.simple-section-nav ul.children {
	margin-bottom: 40px;
}

#side div.simple-section-nav ul.children a {
	color: #333;
	padding-left: 20px;
	text-transform: none;
}
#side div.simple-section-nav ul.children a:hover {
	background: #f7f7f7;
	color: #ea693d;
}

#side div.widget_twitter ul li {
	color: #666;
	font-size: 80%;
	line-height: 160%;
	margin: 15px 0;
}
#side div.rstw_link_user {
	background:url('../images/bird.png') left 0 no-repeat;
	height: 25px;
	
	padding-top: 7px;
	padding-left: 35px;
	text-transform: uppercase;
}

#side .pagenav h2 {
	border-bottom: 5px #d8d8d8 solid;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
#side .pagenav h2 a {
	color: #000;
}
#side .pagenav {
	margin-bottom: 50px;
}

#side div.book-cover {
	margin: 0 20px;
}
#side div.book-buy-shelf {
	margin: 0 18px;
}
#side #buy-button {
	margin-bottom: 10px;
	margin-top: 6px;
}
#main-col {
	float: left;
	margin: 3rem 0 40px 40px;
	text-align: left;
	width: 720px;
}
#main-col h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 1.8em;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 1.2; 
    margin-top: 2rem;
    margin-bottom: .5rem;
}
#main-col .post h2 {
    font-size: 1rem;
    letter-spacing: 2px;
    line-height: 1.2;
    margin-top: .35rem;

}
#main-col .tag-feature p.key {
    line-height: 1.3;
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    margin-bottom: .3rem !important;
}
#main-col .tag-feature h2 a::before, #main-col .tag-feature p.key::before {
    font-size: 1.5rem;
    margin-right: .5rem;
    content: '*';
    vertical-align: middle;
    padding: .2rem .1rem 0 .1rem;
    box-sizing: border-box;
    color: #000000;
    display: inline-block;
    height: 1rem;
    text-align: center;
    width: 1rem;
    border: 2px solid #000000;
    border-radius: 50%;
    text-transform: uppercase;
    font-family: 'helvetica';
    line-height: .8;
    float: left;
    margin-top: .05rem;
}
#main-col .tag-feature p.key::before {
    margin-top: .1rem;
}
#main-col h3 {
	color: #666;
	margin-top: 20px;
    font-size: .7em;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
}
#main-col h3.question {
    color: #ffaf0a;
    font-size: .95em;
}
#main-col p {
	margin: 15px 0 25px 0;
}

/* Interior - The Books */
div.book-buttons a.buy-button,
div.book-buttons a.shelf-button {
	float: left;
	margin: 0 10px;
}
.the-books div.book-buy-shelf {
    width: 310px;
}
.the-books div.book-buy-shelf a.buy-button, 
.the-books div.book-buy-shelf a.shelf-button {
    margin-top: .5em;
}


/* News */
.date,
div.postmetadata {
	color: #666;
	font-size: 80%;
	margin-bottom: 0;
	padding-bottom: 0;
	text-transform: uppercase;
}
body.news div.post h2 {
	margin-top: 10px;
	padding-top: 0;
} 
body.news div.blog-post {
	margin-bottom: 60px;
}
div.blog-post div.postmetadata {
	border-top: 1px #eee solid;
	padding-top: 10px;
}

/* Books */
div.book-callout {
	margin-bottom: 30px;
}
div.book-callout div.book-cover {
	float: right;
	margin-left: 50px;
}
body.the-books div.desc h2 {
	margin-top: 30px;
}
body.the-books div.desc h2 a {
	color: #ea693d;
	font-size: 22px;
}
body.the-books div.desc h3 {
	color: #ea693d !important;
	font-size: 18px;
	margin-top: 0 !important;
}
body.the-books div.desc h2 a:hover,
body.the-books div.desc h3 a:hover {
	color: #333;
}
div.book-buy-shelf {
    /* margin-left: 50px; */
	margin-bottom: 60px;
    width: 100%;
    margin-top: 1em;
}
div.book-buy-shelf a.buy-button, 
div.book-buy-shelf a.shelf-button {
	margin: .5em auto;
}
body.individual-book #main-col blockquote cite {
	color: #666;
	display: block;
	font-size: 13px;
	margin-top: 10px;
	line-height: 160%;
}

/* Books v2 */

#books .panel {
  height: 100vh;
  position: relative;
  z-index: 10; }
#books p, #books ul {
  font-size: 1.4em;
  font-family: "warnock-pro",serif;
  font-weight: 300;
  line-height: 1.3; }
#books h1, #books h2 {
  font-family: "warnock-pro",serif;
  font-weight: 300;
  font-weight: normal; }
#books a {
  text-decoration: none; }
  #books a:visited {
    text-decoration: none; }
  #books a:hover {
    text-decoration: none; }
  #books a:active {
    text-decoration: none; }
#books .next-panel {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: .5rem 0;
  text-align: center;
  z-index: 40;
  font-size: 0.8em;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px; }
  #books .next-panel .red {
    color: #bc1110; }
  #books .next-panel .yel {
    color: #ffaf0a; }
  #books .next-panel .whi {
    color: #ffffff; }
  #books .next-panel .chevron {
    font-size: 2em;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px; }
#books .bk-header {
  background: #acc;
  margin-top: -38px; }
  #books .bk-header .col {
    height: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding-top: 1.5rem; }
    #books .bk-header .col .item {
      width: 32%;
      margin: 0 1rem;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center; }
      #books .bk-header .col .item.title {
        width: 48%; }
        #books .bk-header .col .item.title h1 {
          font-family: Poppins;
          text-transform: uppercase;
          font-weight: 700;
          font-size: 3.75em;
          line-height: 1.1;
          letter-spacing: 3px;
          margin: 0;
          color: #ffffff; }
        #books .bk-header .col .item.title h2 {
          margin: 1rem 0 0;
          font-family: "warnock-pro",serif;
          font-weight: 400;
          line-height: 1.5;
          font-size: 2.25em;
          color: #000000; }
          #books .bk-header .col .item.title h2.byline {
            font-size: 1.1em;
            font-family: 'Poppins', sans-serif;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-top: .3rem; }
        #books .bk-header .col .item.title p {
          margin-top: 1.25rem;
          font-size: 1.5em;
          padding-right: 6rem;
          max-width: 600px;
          color: #000000; }
      #books .bk-header .col .item.cta {
        display: flex;
        align-items: center;
        justify-content: center; }
        #books .bk-header .col .item.cta img {
          width: 55%;
          max-width: 220px;
        }
        #books .bk-header .col .item.cta p {
          font-size: 0.65em;
          font-family: 'Poppins', sans-serif;
          font-weight: 400;
          text-transform: uppercase;
          letter-spacing: 2px;
          color: #bababa;
          line-height: 1.4;
          margin: 0 0.2rem 1rem;
          z-index: 10; }
        #books .bk-header .col .item.cta .button {
          position: relative;
          width: 100%;
          background: #bc1110;
          color: #ffffff;
          margin-bottom: .5rem;
          padding: .8rem 1rem;
          text-align: center;
          border-radius: 3px;
          font-size: 0.8em;
          font-family: 'Poppins', sans-serif;
          font-weight: 400;
          text-transform: uppercase;
          letter-spacing: 2px;
          text-align: left;
          -webkit-transition: 0.1s ease;
          /* Chrome, Safari, Opera */
          transition: 0.1s ease; }
          #books .bk-header .col .item.cta .button a {
            color: #ffffff; }
          #books .bk-header .col .item.cta .button i {
            float: right;
            margin-top: .1rem;
            margin-left: .5rem;
            font-size: 1.5em;
            opacity: .5; }
          #books .bk-header .col .item.cta .button .buy-button {
            display: inline-block;
            width: 100%;
            -webkit-transition: 0.2s ease;
            /* Chrome, Safari, Opera */
            transition: 0.2s ease; }
          #books .bk-header .col .item.cta .button:hover {
            background: #fb2f1d; }
            #books .bk-header .col .item.cta .button:hover .buy-button {
              -ms-transform: translate(0, -30px);
              /* IE 9 */
              -webkit-transform: translate(0, -30px);
              /* Chrome, Safari, Opera */
              transform: translate(0, -30px);
              opacity: 0; }
            #books .bk-header .col .item.cta .button:hover > i {
              opacity: 1; }
          #books .bk-header .col .item.cta .button .menu {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            opacity: 0;
            overflow: hidden;
            background: #bc1110;
            border-radius: 3px;
            z-index: -1;
            -webkit-transition: 0.3s ease;
            /* Chrome, Safari, Opera */
            transition: 0.3s ease; }
            #books .bk-header .col .item.cta .button .menu ul {
              margin: 0;
              padding: 0;
              list-style: none;
              -ms-transform: translate(0, -15px);
              /* IE 9 */
              -webkit-transform: translate(0, -15px);
              /* Chrome, Safari, Opera */
              transform: translate(0, -15px);
              -webkit-transition: 0.4s ease;
              /* Chrome, Safari, Opera */
              transition: 0.4s ease; }
              #books .bk-header .col .item.cta .button .menu ul a {
                color: #ffffff; }
                #books .bk-header .col .item.cta .button .menu ul a:visited {
                  color: #ffffff; }
                #books .bk-header .col .item.cta .button .menu ul a:hover {
                  color: #ffffff; }
                #books .bk-header .col .item.cta .button .menu ul a:active {
                  color: #ffffff; }
                #books .bk-header .col .item.cta .button .menu ul a li {
                  padding: 1rem 1.1rem;
                  font-size: 0.7em;
                  font-family: 'Poppins', sans-serif;
                  font-weight: 400;
                  text-transform: uppercase;
                  letter-spacing: 2px; }
                  #books .bk-header .col .item.cta .button .menu ul a li i {
                    margin-top: 0;
                    opacity: 0;
                    -webkit-transition: 0.05s ease;
                    /* Chrome, Safari, Opera */
                    transition: 0.05s ease; }
                  #books .bk-header .col .item.cta .button .menu ul a li:hover {
                    background: #fb2f1d; }
                    #books .bk-header .col .item.cta .button .menu ul a li:hover i {
                      opacity: 1; }
            #books .bk-header .col .item.cta .button .menu.appear {
              z-index: 40;
              height: 240px;
              opacity: 1; }
              #books .bk-header .col .item.cta .button .menu.appear ul {
                -ms-transform: translate(0, 0);
                /* IE 9 */
                -webkit-transform: translate(0, 0);
                /* Chrome, Safari, Opera */
                transform: translate(0, 0); }
#books .bk-about {
  height: auto;
  min-height: 100vh;
  background-size: 100%;
  background-position: top; }
  #books .bk-about .screen {
    background: rgba(27, 29, 29, 0.96);
    height: 100%;
    min-height: 100vh;
    width: 100%; }
    #books .bk-about .screen .col {
      height: 100%;
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: flex-start;
      padding: 10% 0; }
      #books .bk-about .screen .col .item {
        width: 48%;
        margin: 0 1rem; }
        #books .bk-about .screen .col .item.text ul {
          color: #444444;
          list-style: none;
          padding: 0;
          margin: 0 0 2rem 0; 
          font-family: "Poppins", sans-serif;
          font-weight: 400;
          text-transform: uppercase;
          letter-spacing: 3px;
          line-height: 1.3;
          font-size: 2em; }
          #books .bk-about .screen .col .item.text ul li {
            display: inline-block;
            padding: 0;
            margin: 0;
            }
            #books .bk-about .screen .col .item.text ul li:hover {
              cursor: pointer;
              color: #585858; }
            #books .bk-about .screen .col .item.text ul li.active {
              color: #ffffff; }
        #books .bk-about .screen .col .item .about-content, #books .bk-about .screen .col .item .excerpt-content {
          display: none; }
          #books .bk-about .screen .col .item .about-content.active, #books .bk-about .screen .col .item .excerpt-content.active {
            display: block; }
        #books .bk-about .screen .col .item p, #books .bk-about .screen .col .item td {
          color: #ffffff;
          line-height: 1.3;
          margin: .6rem 0; }
        #books .bk-about .screen .col .item p a, #books .bk-about .screen .col .item td a {
          color: #ffffff;
          text-decoration: underline; }        
    #books .bk-about .screen .col .item.play {
              width: 32%;
              margin-bottom: 16%;
              position: relative;
              padding: 6rem 1.2rem;
              margin-bottom: 1rem;
              box-sizing: border-box;
              font-size: 0.7em;
              font-family: "Poppins", sans-serif;
              font-weight: 400;
              text-transform: uppercase;
              letter-spacing: 2px;
              color: #ffffff;
              text-align: center; }
              #books .bk-about .screen .col .item.play:hover {
                cursor: pointer; }
              #books .bk-about .screen .col .item.play .bg-img {
                background-size: cover;
                background-position: center;
                -webkit-filter: brightness(30%);
                filter: brightness(30%);
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                z-index: 0;
                overflow: hidden; }
                    #books .bk-about .screen .col .item.play .bg-img img {
                        width: 100%;
                    }
              #books .bk-about .screen .col .item.play span {
                position: relative;
                z-index: 1; 
                display: inline-block;
                vertical-align: middle; }
              #books .bk-about .screen .col .item.play .play-icon {
                margin-left: 2rem; }
                #books .bk-about .screen .col .item.play .play-icon svg {
                  height: 26px;
                  width: 26px; }
                  #books .bk-about .screen .col .item.play .play-icon svg .tri-svg {
                    fill: none;
                    stroke: #ffffff;
                    stroke-width: 20px;
                    stroke-miterlimit: 10; }
#books .bk-media-overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  padding-bottom: 2rem;
  width: 100%;
  z-index: -1;
  height: 100vh;
  display: none; }
  #books .bk-media-overlay.appear {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    z-index: 60; }
    #books .bk-media-overlay.appear video {
      width: 80%;
      height: 60%;
      display: none; }
      #books .bk-media-overlay.appear video.active {
        display: block; }
    #books .bk-media-overlay.appear .close {
      position: absolute;
      right: 1rem;
      top: 1rem;
      height: 40px;
      width: 40px;
      padding: 2px; }
      #books .bk-media-overlay.appear .close:hover {
        cursor: pointer; }
      #books .bk-media-overlay.appear .close svg {
        height: 36px;
        width: 36px; }
        #books .bk-media-overlay.appear .close svg .close-svg {
          fill: none;
          stroke: #ffffff;
          stroke-width: 20px;
          stroke-miterlimit: 10; }
#books .bk-qa {
  background: #efefef; }
  #books .bk-qa .col {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    overflow-x: scroll;
    height: 100%; }
    #books .bk-qa .col .qa-text {
      -webkit-column-count: 2;
      /* Chrome, Safari, Opera */
      -moz-column-count: 2;
      /* Firefox */
      column-count: 2;
      height: 100%;
      margin-left: 4rem;
      padding: 10% 0;
      box-sizing: border-box; }
      #books .bk-qa .col .qa-text h2 {
        margin-top: 0;
        margin-right: 8rem;
        color: #444444;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 3px;
        line-height: 1.3;
        font-size: 2em; }
      #books .bk-qa .col .qa-text p {
        margin: 1rem 8rem 1rem 0rem; }
        #books .bk-qa .col .qa-text p.question {
          font-size: 0.95em;
          font-family: 'Poppins', sans-serif;
          font-weight: 400;
          text-transform: uppercase;
          letter-spacing: 2px;
          line-height: 1.5;
          color: #ffaf0a;
          font-weight: 700;
          margin-top: 3rem; }
  #books .bk-qa .pan {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 30;
    color: #ffffff;
    font-size: 3em;
    -webkit-transition: 0.3s ease;
    /* Chrome, Safari, Opera */
    transition: 0.3s ease;
    opacity: 0; }
    #books .bk-qa .pan .pan-but {
        background: rgba(81,151,221,.8);
        width: 100%;
        padding: 2rem 0;
        text-align: center;
    }
    #books .bk-qa .pan .pan-but:hover {
        background: #3d83ca;
    }
    #books .bk-qa .pan.right {
      right: 0; }
    #books .bk-qa .pan.left {
      left: 0;
      -webkit-transition: 0.3s ease;
      /* Chrome, Safari, Opera */
      transition: 0.3s ease; }
    #books .bk-qa .pan.appear {
      opacity: 1; }
    #books .bk-qa .pan:hover {
      cursor: pointer; }
#books .bk-reviews {
  }
  #books .bk-reviews .col {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    overflow-x: scroll;
    height: 100%; }
    #books .bk-reviews .col .reviews-text {
      -webkit-column-count: 2;
      /* Chrome, Safari, Opera */
      -moz-column-count: 2;
      /* Firefox */
      column-count: 2;
      height: 100%;
      margin-left: 4rem;
      padding: 10% 0;
      box-sizing: border-box; }
      #books .bk-reviews .col .reviews-text h2 {
        margin-top: 0;
        margin-right: 8rem;
        color: #444444;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 3px;
        line-height: 1.3;
        font-size: 2em; }
      #books .bk-reviews .col .reviews-text p {
        margin: 1rem 8rem 1rem 0rem; }
        #books .bk-reviews .col .reviews-text p.credit {
          font-size: 0.95em;
          font-family: 'Poppins', sans-serif;
          font-weight: 400;
          text-transform: uppercase;
          letter-spacing: 2px;
          line-height: 1.5;
          color: #ffaf0a;
          font-weight: 700;
          margin-bottom: 3.2rem; }
              #books .bk-reviews .col .reviews-text p.credit a {
              color: #ffaf0a; 
              text-decoration: underline; }
  #books .bk-reviews .pan {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 30;
    color: #ffffff;
    font-size: 3em;
    -webkit-transition: 0.3s ease;
    /* Chrome, Safari, Opera */
    transition: 0.3s ease;
    opacity: 0; }
    #books .bk-reviews .pan .pan-but {
        background: rgba(81,151,221,.8);
        width: 100%;
        padding: 2rem 0;
        text-align: center;
    }
    #books .bk-reviews .pan .pan-but:hover {
        background: #3d83ca;
    }
    #books .bk-reviews .pan.right {
      right: 0; }
    #books .bk-reviews .pan.left {
      left: 0;
      -webkit-transition: 0.3s ease;
      /* Chrome, Safari, Opera */
      transition: 0.3s ease; }
    #books .bk-reviews .pan.appear {
      opacity: 1; }
    #books .bk-reviews .pan:hover {
      cursor: pointer; }
#books .end-mark {
    color: #bc1110;
    font-size: 22px;
}
#books .bk-discussion {
      height: inherit;
      padding: 2rem 0;
      /* background: #f6f6f6; */
      text-align: center; }
  #books .bk-discussion img.list-img {
      width: 20px;
      margin-bottom: .5rem; }
  #books .bk-discussion p {
      font-size: .8em;
      font-family: 'Poppins', sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      letter-spacing: 2px; }

/* Media */
div.book-media-reviews {
	margin: 0 auto;
	text-align: center;
	width: 600px;
}
div.book-media {
	float: left;
	margin: 30px 40px;	
}
#main-col div.category-articles,
#main-col div.category-interviews-3,
#main-col div.category-radiopodcast-interviews,
#main-col div.category-videos p {
	margin: 1.8rem 0 0 0;
    font-size: 1.2em;
    line-height: 1.3;
    font-family: "warnock-pro", serif;
}
#main-col div.category-articles p,
#main-col div.category-interviews-3 p,
#main-col div.category-radiopodcast-interviews p,
#main-col div.category-videos p {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}
#main-col div.category-videos .video-text p {
    font-size: 1em;
    margin-bottom: 1rem;
}
#main-col div.category-articles h2 a,
#main-col div.category-interviews-3 h2 a,
#main-col div.category-radiopodcast-interviews h2 a,
#main-col div.category-videos h2 a {
	color: #ea693d;
}
#main-col div.category-articles h2 a:hover,
#main-col div.category-interviews-3 h2 a:hover,
#main-col div.category-radiopodcast-interviews h2 a:hover,
#main-col div.category-videos h2 a:hover {
	color: #666;
}

a.more-media {
	background: #000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 0;
	color: #fff;
	display: block;
	font-size: 92%;
	margin: 10px auto 20px auto;
	padding: 14px 5px;
	text-transform: uppercase;
	text-shadow: none;
	text-align: center;
	width: 260px;
}

a.more-media:hover {
	background: #5197dd;
}

#main-col div.category-articles .subhead p, 
#main-col div.category-interviews-3 .subhead p, 
#main-col div.category-radiopodcast-interviews .subhead p, 
#main-col div.category-videos .subhead p {
    line-height: 1.3;
    font-size: 1rem;
    font-family: 'Poppins', sans-serif;
    margin-bottom: .3rem !important;
    color: gray;
}

div.video-thumb {
	float: left;
	padding-top: 10px;
	width: 190px;
}

div.video-desc {
	float: left;
	width: 500px;
    margin-bottom: 2rem;
}
div.video-desc h2,
div.video-desc h2 a {
	margin-bottom: 10px;
}


/* Events */
div.event {
	border-top: 2px #efefef solid;
	margin: 15px 0;
	padding-bottom: 10px;
}
div.event-date { 
	background: #efefef; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #666; 
	text-transform: uppercase; 
	text-align: center; 
	padding: 6px 8px; 
	letter-spacing: 1px; 
	font-size: 15px; 
	float: left; 
	width: 65px; 
	margin-right: 30px; 
	margin-top: 20px; 
	text-align: center; 
}
div.event-details { 
	float: left; 
	width: 600px; 
}
div.event-details h3 {
	color: #000 !important;
	font-size: 20px;
}
div.event-details h4 {
	font-size: 16px;
}
div.event-details a {
	color: #ea693d;
}
div.event-details a:hover {
	color: #000;
}
.dday {
	color: #5197dd;
	display: block;
	font-size: 36px;
}
.time {
	font-size: 13px;
	margin: 15px 0;
}
.time span {
	color: #666;
	text-transform: uppercase;
}

#event-cats h4 {
	border-bottom: 5px #d8d8d8 solid;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
    letter-spacing: 2px;
    font-size: .8em;
    font-weight: 700;
}
a.event-archives {
	background: #000; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #fff; 
	display: block;
	text-transform: uppercase; 
	text-align: center; 
	padding: 10px 8px;
	margin-top: 45px; 
	letter-spacing: 1px; 
	text-shadow: none;
	font-size: 15px; 
}
a.event-archives:hover {
	background: #ea693d;
}
#event-cats a {
	border-bottom: 1px #efefef solid;
	display: block;
	padding: 8px 0 6px 0;
	text-transform: uppercase;
    letter-spacing: 2px;
    font-size: .8em;
}

#event-cats a:hover,
#event-cats a.active {
	color: #666;
}
body.events div.navigation a {
	background: #5197dd;
	margin-top: 25px;
}
body.events div.navigation a:hover {
	background: #000;
}


/* Drop Buttons */
nav.drop-nav {
	background: #8a1623;
	display: none;
	position: absolute;
	width: 100px;
}
nav.drop-nav-2 {
	width: 140px;
}
nav.drop-nav-2 a {
	text-transform: capitalize !important;
}
nav.drop-nav a {
	color: #fff;
	display: block;
	font-weight: normal;
	font-size: 12px;
	font-family: "museo-sans", "Lucida Sans Unicode", "Helvetica", sans-serif;
	padding: 6px 8px;
	letter-spacing: 0.06em !important;
	text-align: left;
	text-decoration: none;
	text-shadow: 0px 1px 1px #560811;
	text-transform: uppercase;
}
nav.drop-nav a:hover {
	background: #57040d;
}

div.navigation div.alignleft {
	float: left;
}
div.navigation div.alignright {
	float: right;
}
div.navigation a {
	background: #000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 0;
	color: #fff;
	display: block;
	font-size: 90%;
	padding: 12px 5px;
	text-transform: uppercase;
	text-shadow: none;
	text-align: center;
	width: 160px;
}
div.navigation a:hover {
	background: #5197dd;
}

/* Footer */
#site-footer {
	border-top: 1px solid #ffffff;
	background: #f6f6f6;
	padding: 32px 0;
	width: 100%;
}
div.foot-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 100%;
    padding: 0 40px;
    box-sizing: border-box;
}
div.copyright {
	background: #000;
	color: #676666;
	padding: 20px 0;
    display: none;
    /* DG Note: remove copytight div in markup */
}
div.copyright a {
	color: #676666;
}
div.copyright a:hover {
	color: #ccc;
}
div.copyright p {
	font-size: 75%;
	margin: 0 auto;
	text-align:left;
	text-shadow: none;
	width: 980px;
}

#foot-newsletter {
	float: left;
    padding: 1.5rem 1.8rem;
    background: #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
}
#foot-newsletter label,
#social h3 {
	display: block;
	font-size: .8em;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
}
#foot-newsletter p {
    font-size: 1em;
    font-family: poppins, sans-serif;
    margin-bottom: .8rem;
}
#foot-newsletter input {
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 5px #e9e9e9 solid;
	box-shadow:inset 0 0 3px #999; 
	-moz-box-shadow:inset 0 0 3px #999;
	padding: 10px 5px;
	width: 330px;
}
#foot-newsletter input.subscribe {
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 0;
	background: #3d83ca;
    color: #ffffff;
	padding: 12px 5px;
	text-shadow: none;
	width: 120px;
    font-size: .8em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#social {
	float: right;
}
#social-links {
	margin-top: 15px;
}

#social-links li a span {
	display: none;
}
#social-links {
	list-style:none;
	margin-right: 20px;
	width: 250px;
}
#social-links li a {
	display: block;
	float: left;
	height: 45px;
	background-image:url('../images/social-sprite.png');
}
#social-links li a.social-fb {
	background-position: 0 0;
	width: 50px;
}
#social-links li a.social-fb:hover {
	background-position: 0 -45px;
	width: 50px;
}
#social-links li a.social-twitter {
	background-position: -51px 0;
	width: 50px;
}
#social-links li a.social-twitter:hover {
	background-position: -51px -45px;
	width: 50px;
}
#social-links li a.social-amazon {
	background-position: -102px 0;
	width: 50px;
}
#social-links li a.social-amazon:hover {
	background-position: -102px -45px;
	width: 50px;
}
#social-links li a.social-goodreads {
	background-position: -153px 0;
	width: 50px;
}
#social-links li a.social-goodreads:hover {
	background-position: -153px -45px;
	width: 50px;
}
#social-links li a.social-rss {
	background-position: -202px 0;
	width: 45px;
}
#social-links li a.social-rss:hover {
	background-position: -202px -45px;
	width: 45px;
}
table.schools {
    font-size: 1.4em;
    font-family: "warnock-pro", serif;
}
table.schools td {
	padding: 5px 0;
}

#commentform {
	margin: 0 60px;
}
#commentform p.comment-form-author,
#commentform p.comment-form-email,
#commentform p.comment-form-url,
#commentform p.comment-form-comment {
	display: block;
	font-size: 90%;
	text-transform: uppercase;
	width: 80px;
}
p.comment-notes,
p.form-allowed-tags {
	font-size: 90%;
	color: #666;
}
#commentform input,
#commentform textarea {
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 5px #e9e9e9 solid;
	box-shadow:inset 0 0 3px #999; 
	-moz-box-shadow:inset 0 0 3px #999;
	padding: 10px 5px;
	width: 500px;
}
#commentform #submit {
	background: #000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 0;
	color: #fff;
	padding: 12px 5px;
	text-transform: uppercase;
	text-shadow: none;
	width: 200px;
}
h2#comments-title {
	font-size: 19px;
	margin-bottom: 15px;
}
ol.commentlist div.commentmetadata {
	font-size: 85%;
	padding-top: 6px;
}
ol.commentlist img.avatar {
	float: left;
	margin: 0 15px 20px 0;
}
ol.commentlist {
	margin-bottom: 20px;
}
ol.commentlist li {
	border-bottom: 1px #eee solid;
	padding: 10px 0;
	margin: 10px 0;
}
ol.commentlist .chilren {
	margin-left: 20px;
}
div.reply a {
	background: #000;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 0;
	color: #fff;
	font-size: 12px;
	padding: 8px 10px;
	margin-bottom: 15px;
	text-transform: uppercase;
	text-shadow: none;
}
div.reply a:hover {
	background: #5197dd;
}

ul.slideshow {
	margin-top: 40px;
}
div.orbit-default,
.orbit-caption p {
	color: #fff;
	text-shadow: none !important;
}

/* --- MOBILE --- */

@media screen and (max-width: 1050px) {
    
    /* Books */
    a.buy-button, 
    a.speak-button,
    a.shelf-button {
        width: 310px;
    }
    ul.buy-links li a, ul.shelf-links li a {
        width: 300px;
    }
    
    /* Footer */
    #site-footer {
        width: 100%; }
    div.foot-wrapper {
        width: 100%;
        text-align: center; }
        #foot-newsletter {
            float: none;
            width: 100%;
            margin-bottom: 2rem; }
            #foot-newsletter input {
            width: 100%;
            margin-bottom: .5rem;
            box-sizing: border-box; }
        #social {
            float: none; }
        #social-links {
            margin-right: 0;
            width: 100%;
            text-align: center; }
            #social-links li {
                display: inline; }
                #social-links li a {
                    display: inline-block;
                    float: none; }
    div.copyright p {
        width: 100%;
    }
    
}


@media screen and (max-width: 768px) {
    
    /* Nav */
    #site-nav .home-link {
        padding: .6rem 1rem .5rem;
        display: inline-block;
        color: #595959;
        font-weight: 700;
    }
    #site-nav .ham {
      display: block;
      float: right; }
      #site-nav .ham:hover {
        cursor: pointer; }
    #site-nav .close {
      position: fixed;
      right: .5rem;
      top: .5rem;
      z-index: 3;
      color: #ffffff;
      z-index: 999;
      display: none; }
      #site-nav .close:hover {
        cursor: pointer; }
      #site-nav .close svg {
        height: 36px;
        width: 36px; }
        #site-nav .close svg .close-svg {
          fill: none;
          stroke: #ffffff;
          stroke-width: 20px;
          stroke-miterlimit: 10; }
      #site-nav .close.appear {
        display: block; }
    #site-nav .menu {
        flex-wrap: wrap;
        justify-content: space-between;
        position: fixed;
        z-index: 888;
        background: #585858;
        padding: 2.4rem 0 1rem;
        width: 100%;
        display: none;
    }
        #site-nav .menu.appear {
            display: block;
        }
        #site-nav .menu li {
            width: 100%;
        }
            #site-nav .menu li:first-of-type {
                display: none;
            }
            #site-nav div ul li a {
                width: 100%;
                text-align: center;
                color: #ffffff;
                box-sizing: border-box;
            }
                #site-nav div ul li a:hover {
                    background: inherit;
                }
    ul.sub-menu.drop-nav {
        width: 100%;
        text-align: center;
    }
    
    /* Secondary Page Layout */
    #content {
        width: 100%;
        box-sizing: border-box; }
    #side {
        float: none;
        width: 100%;
        box-sizing: border-box;
        max-height: 230px;
        overflow: auto;
        padding: 2rem 1rem;
        margin: 0;
        box-sizing: border-box;
        background: #f6f6f6;
        }
        #side::-webkit-scrollbar {
            width: 8px; }
        #side::-webkit-scrollbar-thumb {
            background: gray;
            -webkit-border-radius: 10px;
            border-radius: 10px; }
        #side::-webkit-scrollbar-track {
            background: #efefef; }
        #side div.widget {
            margin-bottom: 0;}
    #side .widget_twitter {
            margin-top: 2rem; }
    #main-col {
        float: none;
        width: 100%;
        margin: 0;
        padding: 1rem;
        box-sizing: border-box; }
    .alignright {
        float: none;
        display: block;
        margin: 0 0 1rem 0; }
    div.event-details, div.video-desc {
        width: 100%;
        float: none; }
    
    /* Home */
    .hp-header {
    background: url("http://www.paultough.com/wp-content/uploads/2016/07/paul-tough-portrait-mobile.jpg") no-repeat;
    background-size: cover;
    background-position: right;
    height: inherit;
    min-height: 80vh;
    align-items: flex-start;
    padding-bottom: 3rem; }
    .hp-header .desc {
      width: 100%;
      padding: 80px 1rem 0;
      margin-left: 0;
      text-align: center; }
    
  .hp-latest {
    display: block;
    padding: 2rem 1rem 4rem; }
    .hp-latest .title-info, .hp-latest .title-img {
      width: 100%; }
    .hp-latest .title-info {
      text-align: center; }
      .hp-latest .title-info h2, .hp-latest .title-info h3 {
        font-size: 1.6em;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px; }
      .hp-latest .title-info .ctas .item {
        max-width: none; }
    .hp-latest .title-img img {
      width: 30%; }
  .hp-book {
    background: url("http://www.paultough.com/wp-content/uploads/2016/07/paul-tough-speaking-mobile.jpg") no-repeat;
    background-size: cover;
    background-position: right;
    padding-left: 1rem;
    padding-right: 1rem;
    height: inherit;
    min-height: 80vh;
    text-align: center; }
    .hp-book h1, .hp-book p {
      width: 100%;
      margin-left: 0; }
    
    /* Books */
    #books .bk-header {
        padding: 4rem 0;
    }
    #books .panel {
        height: inherit;
    }
        #books .panel.bk-media-overlay {
            height: 100%;
        }
        #books .bk-header .col {
            flex-wrap: wrap;
            text-align: center;
        }
            #books .bk-header .col .item {
                width: 100%;
            }
                #books .bk-header .col .item.title {
                    width: 100%;
                }
                    #books .bk-header .col .item.title p {
                        max-width: none;
                        padding-right: 0;
                        margin-bottom: 2rem;
                    }
    #books .bk-about .screen .col {
        flex-flow: column-reverse wrap;
    }
        #books .bk-about .screen .col .item {
            width: 100%;
            padding-left: 1rem;
            padding-right: 1rem;
            box-sizing: border-box;
            margin: 0;
        }
            #books .bk-about .screen .col .item.text ul {
                text-align: center;
                margin-bottom: 2rem;
            }
            #books .bk-about .screen .col .item.play {
                width: 100%;
                margin-bottom: 2rem;
            }
            #books .bk-about .screen .col .item.play .bg-img {
                padding-left: 1rem;
                padding-right: 1rem;
                box-sizing: border-box; }
                #books .bk-about .screen .col .item.play .play-button {
                    margin: 1rem auto;
                }
    #books .bk-reviews, #books .bk-qa {
          height: 100vh !important; }
    #books .bk-qa .col .qa-text {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
        -webkit-column-width: 300px;
        -moz-column-width: 300px;
        column-width: 300px;
        margin-left: 1rem; }
        #books .bk-qa .col .qa-text h2 {
          font-size: 2em;
          margin-right: 5rem; }
        #books .bk-qa .col .qa-text p {
          margin-right: 2rem; }
        #books .bk-qa .pan {
          width: 40px;
          background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
            /* IE6-9 */
            color: transparent; }
        #books .bk-qa .pan.left {
          display: none; }
        #books .bk-qa .pan.right {
          opacity: .5; }
        #books .bk-qa .pan:hover {
          background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
          /* IE6-9 */ } 
          #books .bk-qa .pan .pan-but {
            display: none; }
    #books .bk-reviews .col .reviews-text {
        -webkit-column-count: 1;
        /* Chrome, Safari, Opera */
        -moz-column-count: 1;
        /* Firefox */
        column-count: 1;
        -webkit-column-width: 300px;
        -moz-column-width: 300px;
        column-width: 300px;
        margin-left: 1rem; }
        #books .bk-reviews .col .reviews-text h2 {
          font-size: 2em;
          margin-right: 5rem; }
        #books .bk-reviews .col .reviews-text p {
          margin-right: 2rem; }
        #books .bk-reviews .pan {
          width: 40px;
          background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
        /* IE6-9 */
        color: transparent; }
        #books .bk-reviews .pan.left {
          display: none; }
        #books .bk-reviews .pan.right {
          opacity: .5; }
        #books .bk-reviews .pan:hover {
          background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );
          /* IE6-9 */ }
          #books .bk-reviews .pan .pan-but {
            display: none; }
    a.buy-button, 
    a.speak-button,
    a.shelf-button {
        width: 100%;
    }
    ul.buy-links, ul.shelf-links {
        width: 100%;
        left: -5px !important;
        padding: 0 1.5rem;
        box-sizing: border-box;
    }
    ul.buy-links li a, ul.shelf-links li a {
        width: 100%;
    }
}