/*  Write your custom CSS in this file */

body{background: url(../../img/background/dark_wood_y.jpg); color:#552008;}

p, a, button {color:#000;} /* color:#552008; */
p {font-size: .96em;}

/* .bb-item {background: url(../../img/background-stadium.jpg);} */
.bb-item {background: url(../../img/background-papertexture.jpg);}
/* .page-foot-cover, .page-head-cover {background:none !important;} */ /* NOTE: need this whitish overlay top/bottom to show that the page continues on ipad landscape orientation */

#book-1 { border-color: #b5491c !important; }
body { font-family: 'Montserrat', Helvetica, Arial, sans-serif; }
.intro-content h1 { color:#db661b; font-family: 'Noticia Text', serif; }
h1, h2, h3, h4, h5, h6 { color:#000000; font-family: 'Noticia Text', serif; } /* color:#db661b; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
h1.special, h2.special, h3.special, h4.special, h5.special, h6.special  { text-transform:uppercase; letter-spacing:2px; }
h1 { font-size: 1.5em; }
.content-title.title-2 h2, .content-title.title-2::after, .content-title.title-3 h3 { background:transparent; }
h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt { color:#be5928; }

/* .intro-wrapper {height: 400px; width: 400px;}
.intro-content h1 {line-height:2.2em;} */
/* .intro-wrapper .intro-content #aline { width: 400px; margin-left: -25px; } */
.intro-content p { color:#fff !important; opacity: .9 !important; }
.btn { opacity: .9 !important; }



.centered {margin-left:auto;margin-right:auto;text-align:center;}

.tiny { font-size:0.8em; }

#menu-copy, #menu-copy a { color:#dddddd;}
#menu-wrapper a, #nav-scroll a { color:#eeeeee; }
#menu-copy a:hover, #menu-wrapper a:hover { color:#ffffff;}

.whole-book-cover {position:absolute;width:100%;height:100%;}

/* a.page-cover-link{width:100%;height:100%;} */

.overlay-link { position: absolute; top: 0px; width: 90%; height: 100%; z-index: 10; }
.overlay-link a { display: block; width: 100%; height: 100%; }

/* START make entire cover clickable on mobile; hide intro overlay on mobile */
@media screen and (max-width: 768px){
  .hide-if-overlay { display:none !important; }
  .front-overlay, .inner-right { background-color:transparent !important;}
  #open-it, .intro-wrapper, .intro-content { width:100%; height:100%; opacity:0; }
  .intro-wrapper {margin-top:0px;}
  .cover::before { opacity:0;}
}
/* END make entire cover clickable on mobile; hide intro overlay on mobile */

@media screen and (min-width: 1000px){
  .intro-wrapper {height: 400px; width: 400px;}
  .intro-content h1 {line-height:2.2em;} 
  .intro-wrapper .intro-content #aline { width: 400px; margin-left: -25px; }
}

/* START determine which book they should open, full size or short pages for ipad landscape. Show appropriate button; hide the other. */
.open-alternative-book-for-ipad-landscape {display:none;}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .open-alternative-book-for-ipad-landscape {display:block;}
  #open-it {display:none;}
}

/* END determine which book they should open, full size or short pages for ipad landscape. Show appropriate button; hide the other. */

hr.small-w-gap {color: #000; background-color: #000; height: 1px; width:60%; margin-top:80px; margin-bottom:80px; border:none !important; }
hr.star-black { background:url(../../img/divider-star.png) no-repeat top center; height:20px; border:none !important;} /*  margin-top:40px; margin-bottom:40px; */

.italic {font-style: italic;}