/* Scholastic Overrides */
html, 
body {
    height: 100%;
}

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {background:#fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;margin: 0;padding: 0; font-family: CooperOldStyURW-Lig, serif;}
em {font-family: CooperOldStyURW-LigIta, serif;}

/* Page */
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.2em;
}

body {background: url(../images/babymonkey_home_bg_rev2.jpg) no-repeat; background-position: center bottom 0px; background-size:contain;}

#babymonkey{margin:0 auto; position:relative; height: 100%; z-index: 1;}

/* Nav */
#top_nav {z-index: 9; position: relative;}
#top_nav-hdr {height:56px; line-height:56px; background:#cb1b31; text-align:center; color:#fff; font-size:23px;}
#top_nav-holder {display:none; background:#cb1b31;} 

#bm_topnav {text-align:center;}
#bm_topnav ul {margin:0; padding:0; list-style:none;}
#bm_topnav ul li {margin:0; padding:0;}
#bm_topnav ul li a {color:#fff; text-decoration:none; padding:20px 0; position:relative; font-size:20px; display:block;}
#bm_topnav ul li a::before { 
    content:"\2022";
	display:block;
	position:absolute;
	top:-15px; 
	left:0;
	right:0;
	text-align:center;
	font-size:30px;
	font-weight:bold;

}

#bm_topnav ul li a:hover {color:#fff; text-decoration:underline;}
#bm_topnav ul li a.nav_highlight {color:#fff;}
#nav_toggle {display:block; width:35px; height:30px; position:absolute; right:6px; top:14px; background:url(../images/nav_toggle.png) 0 0 no-repeat; background-size: 35px 60px;}
#nav_toggle.close {background-position:0 -30px;}








#babymonkey p {font-size: 30px; text-align: justify; padding: 0; margin: 0 auto; width: 90%;}
#babymonkey p a {color: #cb1b31;}
#babymonkey #credit {text-align: center; font-size: 12px; position: relative;bottom: 10px;}
#babymonkey h1 {font-size: 67.5px; font-size: 15vw; text-align: center; padding: 33px 0 16px 0; margin: 0; width:100%;}


.homepage {background: url(../images/babymonkey_bg1.jpg) no-repeat; background-position: center bottom 0px; background-size:contain;}

.homepage_holder { text-align: center; display: block; padding: 10px 0 120px;}
.homepage_holder h2 {padding-bottom: 10px; font-size: 11vw; margin: 30px 0;}
.homepage_holder .author {padding-bottom: 20px; font-size: 11vw; margin: 30px 0 0;}
.homepage_holder h2 a {color: #000;}

#babymonkey .homepage_holder p {padding-bottom: 20px;
font-size: 22px;
width: 70%;
margin: 0 auto;
text-align: justify;}




#babymonkey .interior {background: none;}
#babymonkey h1#babymonkey-home {z-index: 1;}
#babymonkey h1#babymonkey-home a {text-decoration:none; color:#000; display:inline-block; margin:0 -6px;}
#babymonkey h1#babymonkey-home span {display:inline-block; margin:0 -4px;}
#babymonkey h1#babymonkey-home a.nav_highlight {color:#cb1b31;}
  
  
/* Book Trailer */

.book_trailer {background: url(../images/babymonkey_bg2.jpg) no-repeat; background-position: center bottom 0px; background-size:contain;}

#babymonkey #video_holder {margin: 0 auto; width: 100%; display: inline-block; text-align:center;padding: 33px;}
#babymonkey #video_holder img {width: 100%; max-width: 400px;}


/* Interviews */

.interviews {background: url(../images/babymonkey_bg3.jpg) no-repeat; background-position: center bottom 0px; background-size:contain;}
#babymonkey .news p {width:70%; margin: 0 auto;}

.interview_holder {
  text-align: center;
  display: block;
  padding: 30px 0 50px;
  }
#babymonkey .interview_holder p {padding-bottom: 30px;}

/*.interview_holder { text-align: center; display: block; position: relative; top: 40%; transform: translateY(-50%);}*/


.interview_holder br {display: none;}

#babymonkey #interviewlist p {text-align: center}

.interview_holder h2 { font-size: 10vw; line-height: 10vw; margin: 0; padding: 0 0 10px 0;}  

/* Reviews */

.reviews {background: url(../images/babymonkey_bg4.jpg) no-repeat; background-position: center bottom 0px; background-size:contain;}
.reviews a {display: block;}
.reviews br {display: initial;}


/* Bibiliography */

.bibliography {background: url(../images/babymonkey_bg1.jpg) no-repeat; background-position: center bottom 0px; background-size:contain;}

.bibliography_holder { text-align: center; display: block; padding: 30px 0 150px;}
.bibliography_holder h2 {padding-bottom: 10px; font-size: 11vw; margin: 30px 0;}
.bibliography_holder .author {padding-bottom: 20px; font-size: 10vw; margin: 0;}
.bibliography_holder h2 a {color: #000;}

#babymonkey .bibliography_holder p {padding-bottom: 20px;
font-size: 21px;
width: 80%;
margin: 0 auto;
text-align: left;}

#babymonkey .bibliography_holder p img {width: 100%; height: auto;padding-bottom: 20px;}

.bibliography_holder em {font-family: CooperOldStyURW-LigIta, serif;}

/*Brian Selznick David Serlin Bios */
#babymonkey #bios p {width: 80%; margin: 0 auto; font-size: 28px;}
#babymonkey #bios p:last-child {padding: 0 0 132px 0;}

/* Media Queries */

@media only screen and (min-width: 400px) {

#top_nav-hdr {font-size: 28px;}
#nav_toggle {right:26px; top:14px;}
#bm_topnav ul li a {font-size:26px;}
}

@media only screen and (min-width: 480px) {

#babymonkey h1#babymonkey-home a {text-decoration:none; color:#000; display:inline-block; margin:0 -10px;}
#babymonkey h1#babymonkey-home span {display:inline-block; margin:0 -10px;}

#babymonkey p {font-size: 31px; text-align: justify; padding: 0; margin: 0 auto; width: 63%;}


/* Book Trailer */

#babymonkey #video_holder {margin: 0 auto; width: 100%; display: inline-block; text-align:center;padding: 33px;}
#babymonkey #video_holder video {width: 100%; max-width: 400px;}

/* Reviews */

.reviews a {display: initial;}

}

@media only screen and (min-width: 760px) {

#babymonkey h1#babymonkey-home a {text-decoration:none; color:#000; display:inline-block; margin:0 -10px;}
#babymonkey h1#babymonkey-home span {display:inline-block; margin:0 -12px;}


#babymonkey nav {font-size: 27px; text-align: center; padding: 24px 0 0 0;}
#babymonkey h1 {font-size: 67.5px; font-size: 15vw; text-align: center; padding: 33px 0 16px 0; margin: 0;
}
#babymonkey p {font-size: 41px; text-align: justify; padding: 0; margin: 0; width: 100%;}


#babymonkey .homepage_holder p {padding-bottom: 20px;font-size: 41px;width: 58%;margin: 0 auto;text-align: justify;}
#babymonkey .homepage_holder { text-align: center; display: block; padding: 10px 0 180px;}



/* Book Trailer */

#babymonkey #video_holder {margin: 0 auto; width: 100%; display: inline-block; text-align:center;padding: 33px;}
#babymonkey #video_holder video {width: 100%; max-width: 700px;}

/* Interviews */
.interview_holder { min-width: 100%;}
.interview_holder br {display: initial;}

#babymonkey .news p {width:60%; margin: 0 auto;}


/* Bibiliography */
#babymonkey .bibliography_holder p {padding-bottom: 20px; font-size: 31px; width: 60%; margin: 0 auto; text-align: justify;}
#babymonkey .bibliography_holder p img {padding-bottom: 40px;}

#babymonkey #bios p {width: 80%; margin: 0 auto; font-size: 41px;}
#babymonkey #bios p:last-child {padding: 0 0 162px 0;}


}


@media only screen and (min-width: 768px) {

/*#nav_toggle {display:none;}
#top_nav-hdr {display:none;}
#top_nav-holder {display:block; background:#fff;}
#bm_topnav ul li {display:inline-block;}
#bm_topnav ul li a {color:#000; text-decoration:none; padding:0 7px; display:block; font-size:22px;}
#bm_topnav ul li a:hover {color:#cb1b31; text-decoration:none;}
#bm_topnav ul li a.nav_highlight {color:#cb1b31; text-decoration:none;}
#bm_topnav ul li a::before { 
    content:"\2022";
	display:block;
	position:absolute;
	top:1px; 
	left:-6px;
	right:auto;
	text-align:center;
	font-size:26px;
	font-weight:bold;

}
#bm_topnav ul li a:hover::before {color:#000;}
#bm_topnav ul li a.nav_highlight::before {color:#000;}

#bm_topnav ul li:first-child a { 
    padding-left:0;
}


#bm_topnav ul li:first-child a::before {  
    display:none;
}*/

}









@media only screen and (min-width: 960px) {

#babymonkey #credit {font-size: 16px;}

	
#nav_toggle {display:none;}
#top_nav-hdr {display:none;}
#top_nav-holder {display:block; background:#fff;}
#bm_topnav ul li {display:inline-block;}
#bm_topnav ul li a {color:#000; text-decoration:none; padding:0 7px; display:block; font-size:22px;}
#bm_topnav ul li a:hover {color:#cb1b31; text-decoration:none;}
#bm_topnav ul li a.nav_highlight {color:#cb1b31; text-decoration:none;}
#bm_topnav ul li a::before { 
    content:"\2022";
	display:block;
	position:absolute;
	top:1px; 
	left:-6px;
	right:auto;
	text-align:center;
	font-size:26px;
	font-weight:bold;

}
#bm_topnav ul li a:hover::before {color:#000;}
#bm_topnav ul li a.nav_highlight::before {color:#000;}

#bm_topnav ul li:first-child a { 
    padding-left:0;
}


#bm_topnav ul li:first-child a::before {  
    display:none;
}
	
#bm_topnav ul li a {font-size:23px;}

#babymonkey h1 {font-size: 67.5px; font-size: 17vw; text-align: center; padding: 33px 0 16px 0; margin: 0; position: initial;  top: initial; left: initial; transform: none;}

#babymonkey h1#babymonkey-home a {margin:0 -20px;}
#babymonkey h1#babymonkey-home span {margin:0 -20px;}

/* Book Trailer */

#babymonkey #video_holder {margin: 0 auto; width: 100%; display: inline-block; text-align:center;padding: 33px;}
#babymonkey #video_holder video {width: 100%; max-width: 700px;}

/* Reviews */
#babymonkey .interview_holder p {padding-bottom: 50px;}

#babymonkey #bios p:last-child {padding: 0 0 352px 0;}
}



@media only screen and (min-width: 1080px) {
#babymonkey p {font-size: 51px; text-align: justify; padding: 0; margin: 0; width: 100%;}

#babymonkey h1 {font-size: 155px; font-size: 17vw; text-align: center; padding: 40px 0 10px 0; margin: 0; letter-spacing: 5px;}
#babymonkey h1#babymonkey-home a {margin:0 -25px;}
#babymonkey h1#babymonkey-home span {margin:0 -30px;}

/* Book Trailer */

#babymonkey #video_holder {margin: 0 auto; width: 80%; display: block; /*! text-align:center; */padding: 33px;}
#babymonkey #video_holder video {width: 100%; max-width: 1070px;}

  /* Interviews */
.interview_holder { text-align: center; display: block; padding: 60px 0 50px;}  

#babymonkey .news p {width:55%; margin: 0 auto;}


}

@media only screen and (min-width: 1280px) {
#babymonkey #credit {font-size: 18px;}

#babymonkey nav {font-size: 19px; text-align: center; padding: 14px 0 0 0;}
#babymonkey h1#babymonkey-home {font-size: 170px;font-size: 17vw;text-align: center;padding: 0 0 20px 0;margin: 0;letter-spacing: 5px;line-height: 18vw;}

#babymonkey h1 {font-size: 155px; font-size: 17vw; text-align: center; padding: 40px 0 10px 0; margin: 0; letter-spacing: 5px;}
#babymonkey h1#babymonkey-home a {margin:0 -30px;}

#babymonkey #video_holder {margin: 0 auto; width: 62%; display: block; /*! text-align:center; */padding: 63px 33px 33px; max-width: 760px;}
#babymonkey #video_holder video {width: 100%; max-width: 1070px;}

#babymonkey .news p {width:45%; margin: 0 auto;}

}

@media only screen and (min-width: 1600px) {
#babymonkey p {font-size: 61px;text-align: justify;padding: 0;margin: 0;width: 100%;}


#babymonkey nav {font-size: 25px;text-align: center;padding: 24px 0 0 0;}
#babymonkey h1#babymonkey-home {font-size: 185px; font-size: 17vw;  text-align: center; padding: 83px 0 16px 0; margin: 0; letter-spacing: 5px;}

#babymonkey #video_holder {max-width: 1070px;}

#babymonkey #bios p {width: 80%; margin: 0 auto; font-size: 51px;}

}


@media only screen and (min-width: 1920px) {
#babymonkey #credit {font-size: 20px;}

#bm_topnav ul li a {font-size:27px;}

#babymonkey {max-width: 1920px; min-height: 1010px;}
body {background: url(../images/babymonkey_home_bg_rev2.jpg) no-repeat; background-position: center bottom 0px; background-size:90% auto;}


#babymonkey nav {font-size: 27px; text-align: center; padding: 24px 0 0 0;}
#babymonkey h1#babymonkey-home {font-size: 215px; font-size: 14vw; /*! text-align: justify; */ padding: 13px 0 21px 0; margin: 0; letter-spacing: 4px;white-space: nowrap;}
#babymonkey h1#babymonkey-home a {margin:0 -43px;}

  
/*#babymonkey h2 {font-size: 76.5px; text-align: center; padding: 20px 0 0 0; margin: 0; text-transform: uppercase;}
#babymonkey h2 span {font-size: 60.5px;}*/

#babymonkey #video_holder {margin: 0 auto; width: 60%; display: block; /*! text-align:center; */}

/*Brian Selznick David Serlin Bios */
#babymonkey #bios p {width: 90%; margin: 0 auto;}
#babymonkey #bios p:last-child {padding: 0 0 455px 0;}



}




@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {#babymonkey h1#babymonkey-home {font-size: 67.5px; font-size: 15vw; text-align: center; padding: 33px 0 16px 0; margin: 0;
	/*position: absolute;
    top: 50%;
    left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
  	}
}