* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}

html { 
  width:100%;
  height: 100%;
}

h1, h2, h3, p, span, a {
  font-family:'Dapifer';
} 

a, a:hover, a:visited, a:active {
  color:#05458B;
  text-decoration: underline;
}

a:hover {
  color:#80A9C6;
}

.left {
  float:left;
}
.right {
  float:right;
}
.clear {
  clear:both;
}





#shadow {
  min-height:100vh;
  background-color:#DCE9E0;
  box-shadow:inset 0 0 160px 80px #B4C8BC;
  padding-left:12%;
  padding-right:12%;
}




#header-image {
  text-align:center;
}

#header-image img {
  width:90%;
  margin:24px 0px 12px;
}


header {
}

header #nav-cont {
  width:100%;
}

header #nav {
  list-style-type: none;
  overflow: hidden;
  margin:0px auto;
  width:624px;
  position:relative;
  top:-20px;
  /* FOR NOW 
  display:none;*/
}

header #nav li {
  float:left;
  padding:12px 16px;
  color:#05458B;
  font-size:24px;
  font-weight:300;
}

header #nav li a,
header #nav li a:hover {
  text-decoration:underline;
}

header #nav li a:hover {
  color:#80A9C6;
}






main {
  padding-top:36px;
}

#main-img {
  text-align:center;
}

#main-img p {
  font-size:18pt;
  width:48%;
  margin:8px auto;
}

h1.page-header {
  text-align:center;
  width:100%;
  padding:12px 0px;
  position:relative;
  top:-28px;
}


#local p {
  font-size:18pt;
  width:60%;
  margin:8px auto;
}

#local img {
  display: block;
  width: 60%;
  margin: 8px auto;
}



#book-promo {
  padding:24px 0px 84px;
  min-width:900px;
  width:90%;
  margin:0px auto;
  overflow:hidden;
}
#book-promo .left img {
  width:360px;
  height:360px;
  box-shadow: 2px 2px 9px 3px #666666;
}
#book-promo .right {
  width: calc(100% - 408px);
  position:relative;
  top:-7px;
}

#book-promo .title {
  font-size:20pt;
  padding-bottom:12px;
}
#book-promo .author {
  font-weight:bold;
  font-size:16pt;
  padding-bottom:12px;
}
#book-promo .description {
  font-weight:300;
  font-size:16pt;
}

#book-promo h3.buy-header {
  padding:12px 0px;
  text-align:center;
}

#book-promo .buy-buttons {
  overflow: hidden;
  list-style-type: none;
  margin:12px auto;
  width:486px;
  text-align: center;
}
#book-promo .buy-buttons li {
  display:inline-block;
  border:2px solid #05458B;
  border-radius:3px;
  margin-right:18px;
  width:160px;
}
#book-promo .buy-buttons li:last-child {
  margin-right:0;
}
#book-promo .buy-buttons .button,
#book-promo .buy-buttons .button:hover,
#book-promo .buy-buttons .button:active,
#book-promo .buy-buttons .button:visited {
  width:100%;
  height:100%;
  padding:8px 16px;
  display:block;
  text-decoration:none;
  background-color:#E5EAD5;
  font-weight:bold;
  text-align:center;
}

#book-promo .buy-buttons .button:hover {
  background-color:#F5FAE4;
  color:#05458B;
}

#ebook-launch {
  padding-bottom:28px;
}

#ebook-launch div {
  margin:36px auto 0px;
  text-align:center;
}

#ebook-launch div img {
  box-shadow: 2px 2px 9px 3px #999999;
}


#review-quote {
  position:relative;
  top:-24px;
  padding:12px 0px;
}

#review-quote h3 {
  width:80%;
  margin:0px auto;
}

#review-quote p.quote-attr {
  margin:-10px 0 0;
  text-align:center;
}

#review-quote p.quote-attr a,
#review-quote p.quote-attr a:hover {
  color:#000000;
}



.about-bio {
  width:75%;
  margin:48px auto 48px;
  overflow: hidden;
  font-family:'Dapifer';
  font-weight:300;
  font-size:16pt;
}

.about-bio img {
  padding-right:24px;
  padding-bottom:24px;
}



/* PRESS/MEDIA */

#media-calendar {

}

#media-calendar .item {
  font-size:14pt;
  padding-bottom:36px;
}

#media-calendar .item .date {
  color:#333;
  font-weight:bold;
  font-size:16pt;
  /* display:inline-block;
  width:182px; */
}

#media-calendar .item .title {
  color:#333;
  font-weight:bold;
  font-size:16pt;
  padding-left:24px;
}

#media-calendar .item p {
  margin:12px 36px;
}

h2.request-link {
  margin:0px auto;
  text-align:center;
}




/* TODO: align fixed? */
footer {
  padding:96px 0px 24px;
}

footer p {
  text-align:center;
}


/*  MEDIA QUERIES  */
@media (min-width: 320px) and (max-width: 1024px) {



  #shadow {
    padding-left:6%;
    padding-right:6%;
  }
  
  #book-promo {
    min-width:320px;
  }

  #book-promo .left,
  #book-promo .right {
    display:block;
    float:none;
  }

  #book-promo .left img {
    width:80%;
    height:80%;
    display:block;
    margin:0px auto;
  }

  #book-promo .right {
    margin-top:48px;
    width:100%;
  }

  h1 {
    font-size:32pt;
  }

  h3 {
    font-size:28pt !important;
  }

  h3.buy-header {
    font-size:38pt !important;
  }

  #main-img p,
  #book-promo .title,
  #book-promo .author,
  #book-promo .description {
    font-size:28pt;
  }

  header #nav-cont {
    text-align:center;
  }

  header #nav {
    display:inline-block;
    width:auto;
  }
  header #nav li {
    display:inline-block;
    font-size:28pt;
  }

  #book-promo .buy-buttons {
    width:80%;
    margin-top:24px;
  }

  #book-promo .buy-buttons li {
    display:block;
    float:none;
    width:100%;
    text-align:center;
    margin-right:0;
    margin-bottom:24px;
  }

  #book-promo .buy-buttons li a {
    font-size:36pt;
  }


  p.quote-attr {
    font-size:20pt;
  }


  
}





/* COLORS 
#D6BA9D - Ginger
#05458B - Title Blue
#DCE9E0 - Light Jade
#B4C8BC - Medium Jade
#95AD9C - Dark Jade
#80A9C6 - Sky Blue
#E5EAD5 - Yallerish
#F5FAE4 - Lighter Yallerish

*/