@charset "utf-8";

/*
font-family: adobe-jenson-pro, serif;
font-weight: 400;
font-style: normal;

font-family: adobe-jenson-pro, serif;
font-weight: 400;
font-style: italic;

font-family: adobe-jenson-pro, serif;
font-weight: 600;
font-style: normal;

font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;

font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;

font-family: agenda, sans-serif;
font-weight: 500;
font-style: italic;
*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
body, html {margin:0;}
body {background: #fff; -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-family: agenda, sans-serif; font-weight: 500; font-style: normal;}

#dollface_party .player .vp-video-wrapper {
    overflow: initial;
}



#brian_selznick {width:100%; position:relative; z-index:1;}

#brian_selznick sup {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
.brian_section {width:100%; position:relative; z-index:1;}
.brian_content {max-width:1200px; position:relative; z-index:1; margin:0 auto; padding: 50px 24px 0;}

.clearfloat:after {
  content: "";
  clear: both;
  display: table;
}

/* Top */
#brian_top {background: #fff; position:fixed; left:0; right:0; top: 0; width:100%; z-index: 2; height: 50px; border-bottom:#211f20 1px solid;}
#brian_top .brian_content {padding:0;}
#brian_top-hdr {margin:0; font-family:adobe-jenson-pro, serif; font-weight:600; font-style:normal; height:50px; line-height: 50px; text-align: left; padding:0 0 0 10px; font-size:34px;letter-spacing: 2px;}
#brian_top-hdr a {color:#080504; text-decoration: none; text-transform: uppercase;}
#brian_top-hdr a span {font-size:22px;}

#top_nav-holder {display:none; min-height: 100%; width: 100%; z-index: 2; border-bottom:#211f20 1px solid;
    top:50px;
    bottom:0;
    position:fixed;
    overflow-y:scroll;
    overflow-x:hidden;

}

#brian_topnav {display:none; padding: 20px 0 80px 0; font-family:adobe-jenson-pro, serif; font-weight:600; font-style:normal; font-size: 18px; text-align: center; background: #fff; max-width:960px; margin: 0 auto; position: relative; height: 100vh;}
#brian_topnav ul {list-style: none; margin:0; padding:0;}
#brian_topnav ul li {margin:0; display:block;}
#brian_topnav ul li a {color:#000; text-decoration: none; height: 44px; line-height:47px;  padding: 0 9px; display:inline-block; white-space: nowrap}
#brian_topnav ul li a:hover {color:#fff; background:#000;}
#brian_topnav ul li.brian_subnav a:hover {text-decoration: underline; color:#000; background:#fff;}
#brian_topnav ul li.nav_highlight a {color:#fff; background:#000;}
#brian_topnav ul li.subnav_highlight a {text-decoration: underline;}
#brian_topnav ul li.subnav_highlight a:hover {color:#000; background:#fff;}

#brian_topnav ul li#brian_topnav-social {}
#brian_topnav ul li#brian_topnav-social a {display:inline-block; margin-top: 10px;}
#brian_topnav ul li#brian_topnav-social a:hover {color:#000; background:#fff; text-decoration: none;}

#nav_toggle {display:block; width:70px; height:50px; position:absolute; right:0; top:0; line-height:50px; outline: none;}
#nav_toggle span {display:block; width:50px; height:2px; background:#201c1d; position:absolute; left:10px; top:25px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:before {
content: "";
position: absolute;
left: 10px;
top: 16px;
width: 50px;
height: 2px;
background:#201c1d;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:after {
content: "";
position: absolute;
left: 10px;
top: 34px;
width: 50px;
height: 2px;
background:#201c1d;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}

#nav_toggle.close span {
  background: transparent;
}


#nav_toggle.close:before {
	transform: rotate(-145deg);
	-ms-transform: rotate(-145deg);
	-moz-transform: rotate(-145deg);
	-webkit-transform: rotate(-145deg);
	-o-transform: rotate(-145deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:24px;
	left:20px;
	width:30px;
}


#nav_toggle.close:after {
	transform: rotate(145deg);
	-ms-transform: rotate(145deg);
	-moz-transform: rotate(145deg);
	-webkit-transform: rotate(145deg);
	-o-transform: rotate(145deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:24px;
	left:20px;
	width:30px;
}

/* Page */
.brian_page {margin-top: 0px; border-top: 1px #fff solid;}



/* Home */


/* Graphical Header */
#brian_header {text-align: center; background: url("../images/eyes-crop 2.jpg") right center no-repeat; background-size: cover;margin: 45px 0 0 0;}
#brian_header .brian_content {height: 16vh; }

/* Intro */
#brian_intro {margin-bottom: 20px;}
#brian_intro .brian_content {max-width: 1420px; padding-top: 50px;padding-bottom: 10px;}

#intro_text {max-width:590px; width:100%; margin: 0 auto;text-align: justify;}
#intro_text p {margin:0 0 15px 0; padding:0; font-size:18px; line-height: 22px; color:#231f20;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;
letter-spacing: -.07px;
}
#intro_text p:first-of-type {font-size: 28px; line-height: 34px;
font-family: adobe-jenson-pro, serif;
font-weight: 600;
font-style: normal;
color: #cb1b31;	
}

#intro_text p:nth-child(2) {font-size: 28px; line-height: 34px;
font-family: adobe-jenson-pro, serif;
font-weight: 600;
font-style: normal;
/*! color: #cb1b31; */
}

#intro_text p:first-of-type a {
color: #cb1b31;
font-style: normal;
}

#intro_text p:first-of-type br {
display: none;
}

#intro_text a {color: #000; font-style: italic;} 

#intro_books {margin:30px auto 0 auto; max-width:405px; width:100%; text-align: center;}

#intro_books .book_tile {width: 170px; display: inline-block; margin: 0 7px 10px 7px;}
#intro_books .book_tile a {display: block;}
#intro_books .book_tile a img {display: block; width: 100%; height:auto;}

/* Home Books */
#home_bookslink {background: url("../images/home_bookslink.jpg") 0 0 no-repeat; background-size: cover; position: relative;}
#home_bookslink p {display: table-cell; width:170px; height: 252px; text-align: center; vertical-align: middle; color:#000; font-size: 18px; line-height: 22px; margin: 0; padding:16px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: italic;
}
#home_bookslink p a {color:#000; text-decoration:underline;}
#fullcover_link {
position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;}

/* Home Movies */
#home_movies {background: url("../images/movies_home_bg.jpg") center center no-repeat; background-size: cover; text-align: center;}
#home_movies h2 {margin:0; padding:40px 0 30px 0; color:#fff; font-size:24px; line-height: 24px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}

#home_movies p {margin:0 auto 10px auto; padding:0; color:#fff; font-size:18px; line-height: 22px; max-width: 630px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;
}

#home_movies p.home_morelink {padding:30px 0 80px 0; font-style:italic; margin: 0 auto;}
#home_movies p.home_morelink a {color:#fff; text-decoration: underline;}


/* Home Ballet */
#home_ballet {background: url("../images/home_ballet.jpg") center center no-repeat; background-size: cover; text-align: center;}
#home_ballet h2 {margin:0; padding:40px 0 30px 0; color:#fff; font-size:24px; line-height: 24px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}

#home_ballet p {margin:0 auto 10px auto; padding:0; color:#fff; font-size:18px; line-height: 22px; max-width: 630px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;
}

#home_ballet p.home_morelink {padding:30px 0 80px 0; font-style:italic; margin: 0 auto;}
#home_ballet p.home_morelink a {color:#fff; text-decoration: underline;}

/* Home Potter */
#potter_page.home_potter {background-image: url("../images/home_potter.jpg")}
#potter_page.home_potter h2 {padding-bottom: 30px;}
#potter_page.home_potter p.home_intro {margin:0 auto 20px auto; padding:0; color:#fff; font-size:18px; line-height:22px; max-width: 520px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;


}
#potter_page.home_potter p.home_morelink {padding:0; font-style:italic; margin:0 auto; color:#fff; font-size:22px; line-height: 22px;
font-family: agenda, sans-serif;
font-weight: 500;
}
#potter_page.home_potter p.home_morelink a {color:#fff; text-decoration: underline;}

/* Home Puppets */
#puppets_tiles.puppets_home {background-image: url("../images/puppets_bg.jpg"); text-align: center;}

#puppets_tiles.puppets_home h2 {margin:0; padding:40px 0 40px 0; font-size:24px; line-height:24px; color:#000;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}
#puppets_tiles.puppets_home p {margin:0; padding:0; font-size:18px; line-height:22px; color:#000;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;
text-align: center;
}
#puppets_tiles.puppets_home p.home_morelink {padding:20px 0 30px 0; font-style:italic; margin:0 auto; color:#000; font-size:18px; line-height: 22px; text-align: center;
font-family: agenda, sans-serif;
font-weight: 500;
}
#puppets_tiles.puppets_home p.home_morelink a {color:#000; text-decoration: underline;}


#siteby {color:#000; font-size:16px; text-align:center; font-family: adobe-jenson-pro, serif; font-weight: 400; font-style:italic; text-decoration:none; display:block; width:100%; margin: 50px 0 30px;}


/* Books */
#books_page {text-align: center;padding: 50px 0 0 0;}
#books_page h2 {margin:0; padding:34px 0 0 0; color:#231f20; font-size: 24px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}
#books_page h3 {margin:0; padding:34px 0 0 0; color:#231f20; font-size: 24px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}
#books_page p#books_intro {margin:0; padding:14px 0 0 0; color:#000; font-size: 17px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: italic;
}
#books_page p#books_intro a {color:#000; text-decoration: underline;}

#books_top {text-align: center; margin-bottom: 30px;}
#books_top .book_tile {width:169px; display: inline-block; margin: 0 20px; text-align: center; vertical-align: text-top;}
#books_top .book_tile a {display: block; text-decoration: none; color:#231f20;}
#books_top .book_tile a .book_tile-top {display: block; min-height: 35px; padding-top: 15px; font-size: 14px; line-height:17px; color:#000;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;}
#books_top .book_tile a img {display: block; width: 100%; height: auto;}
#books_top .book_tile a .book_tile-btm {display: block; min-height:90px; padding-top: 15px; font-size: 16px; line-height:18px; color:#000;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;}

#books_top .book_tile a .book_tile-btm span {font-size: 14px; line-height:26px;}
#books_top .audiobooks a .book_tile-btm span {display: block; padding: 8px 0 0 0; font-size: 14px; line-height:18px;}


#books_body {display: flex; flex-wrap: wrap; justify-content: center}
#books_body .book_tile {width:300px; display: flex; margin: 0 10px 40px 10px; text-align: left;}
#books_body .book_tile a {display: block; text-decoration: none; color:#231f20; width:100%;}
#books_body .book_tile a .books_cover {height: 174px; align-items: center; align-items: flex-end; display: flex;}
#books_body .book_tile a .books_cover-vertical img {height:178px; width:auto;}
#books_body .book_tile a .books_cover-horizontal img {width:170px; height:auto;}
#books_body .book_tile a img {margin: 0;}
#books_body .book_tile a .book_title {display: block; font-size: 16px; line-height:17px; color:#000; margin-top: 12px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;
}

#books_body .book_tile a .book_title span {font-size: 12px;}

#books_body .book_tile a .book_author {display: block; font-size: 14px; line-height:17px; color:#000;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;
}
#books_body .book_tile a .book_description {display: block; font-size: 13px; line-height:17px; color:#000; margin-top:3px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;
padding: 0 20px 0 0;
}

#books_page p#awards_intro {margin:0; padding:14px 0 0 0; color:#000; font-size: 24px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}

#awards_list {text-align: center; color:#000; padding-bottom: 60px; max-width:600px; width:90%; margin:25px auto 0 auto;}
#awards_list h3 {margin:0 0 10px 0; padding:0; font-size:21px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: italic;
}

#awards_list p {margin:0 0 20px 0; padding:0; font-size:17px; line-height:23px;
font-family:agenda, sans-serif;
font-weight:500;
font-style:normal;
}

/* Individual Book Page */
#book_page {padding: 50px 0 0 0;}
#book_page .brian_content {max-width: 1070px;}
#book_left {max-width: 260px; padding-top:40px; margin: 0 auto;}
#book_left span {display: block; text-align: center; color:#000; font-size: 15px; padding-bottom: 10px; margin-top: -20px;
font-family: adobe-jenson-pro, serif;
font-weight: 600;
font-style: normal;

}
#book_left img {display: block; width:100%; height:auto;}
#book_right {max-width: 700px;margin: 0 auto;}
#book_right h2 {margin:0; padding:54px 0 24px; color:#231f20; font-size: 24px; text-transform: uppercase; text-align: center;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}
#book_right p {font-family: agenda, sans-serif; font-weight: 500; font-style: normal; margin:0 0 30px 0; padding:0; font-size:17px; line-height:22px; color:#000;}
#book_right p a {color:#000; text-decoration: underline;}

#book_right .tourlink {color: #cb1b31; font-size: 19px; line-height: 24px;}
#book_right .tourlink a {color: #cb1b31;}
#book_right .tourlink br {display: none;}
/* Audio Books */

#books_top .marian {width: 280px;}
#books_top .dinosaurs {width: 194px;}

#books_top .audiobooks {display: block; margin: 0 auto;}
.audiobooks_top br {display: none;}


/* Movies */
#movies_page {text-align: center;}
#movies_page h2 {margin:0; padding:34px 0; color:#231f20; font-size: 24px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}
#movies_tiles {}
.movies_tile {height:480px; background-size:cover;padding: 30px 0;text-align: center; color:#fff;/* min-height: calc(100vh); */}
#movies_hugo {background: url("../images/movie_bg-hugo.jpg") center center no-repeat;background-size: cover;}
#movies_wonder {background: url("../images/movie_bg-wonder.jpg") center center no-repeat;background-size: cover;}
.movies_poster {display: block; width:214px; height:auto; border:1px #fff solid; margin: 0 auto;}
#movies_tiles h3 {font-family: agenda, sans-serif; font-weight: 500; font-style: normal; margin:0; padding:30px 0 0 0; font-size:18px; line-height: 20px;}
#movies_tiles p {font-family: agenda, sans-serif; font-weight: 500; font-style: normal; margin:0; padding:0; font-size:14px; line-height: 20px;}
#movies_tiles a {font-family: agenda, sans-serif; font-weight: 500; font-style: italic; font-size:17px; color:#fff; text-decoration: underline; display: block; margin-top: 20px;}
#movies_tiles a:first-child {margin-top: 0px;}

/* Ballet */
#ballet_page {text-align: center; margin-top:32px; background: url("../images/ballet_bg.jpg") center bottom no-repeat; background-size: cover;   min-height: 100vh;}
#ballet_page .brian_content {padding: 35px; color:#fff; min-height:800px;}

.ballet_thumb {display:block; max-width:190px; width:100%; margin:0 auto 30px auto; border:1px #fff solid;}
.ballet_thumb img {display:block; width: 100%; height:auto;}

#ballet_center {max-width:560px; margin:0 auto; width:90%;}
#ballet_center h2 {margin:0; padding:0 0 10px 0; font-size:36px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}

#ballet_center p {margin:0; padding:34px 0; font-size:19px; line-height: 25px;
font-family: adobe-jenson-pro, serif;
font-weight: 400;
font-style: normal;
}
#ballet_center p:first-of-type {padding: 0;}

#ballet_center ul {margin:0 auto; padding:0; list-style:none; font-size:19px; line-height:25px; max-width: 420px; width:90%; 
font-family: adobe-jenson-pro, serif;
font-weight: 400;
font-style: normal;
}
#ballet_center ul li {margin:0 0 20px 0; padding:0;}
#ballet_center ul li a {display: block; text-decoration: underline; color:#fff; font-style: italic;}
#ballet_center ul li span {display: block;}

#ballet_center p#ballet_credits {margin:0; padding:34px 0; font-size:12px; line-height:12px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;
}

/* Potter */
#potter_page {text-align: center; margin-top:32px; background: url("../images/potter_bg.jpg") center bottom no-repeat; background-size: cover; border-top: 3px solid #c80000;}
#potter_page.home_potter {margin-top:0px; border-top: none;}
#potter_page .brian_content {padding: 40px 35px 40px 35px; color:#fff;}

#potter_covers {text-align: center; margin-bottom:20px;}
.potter_thumb {display:inline-block; max-width:146px; width:100%; margin:0 auto 10px auto;}
.potter_thumb img {display:block; width: 100%; height:auto;}

#potter_combo {max-width: 1048px; margin:20px auto 40px auto; width: 90%;}
#potter_combo a {display: block; width: 100%;}
#potter_combo a img {display: block; width: 100%; height:auto;}

#potter_page h2 {margin:0; padding:0 0 34px 0; font-size:24px; line-height:28px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}

#potter_page p {margin:0; padding:0 0 24px 0; font-size:17px; line-height:22px;
font-family: agenda, sans-serif;
font-weight: 500;
font-style: normal;
}

#potter_page p a {color:#fff; text-decoration: underline; font-style: italic;}

#potter_embed-holder {width: 90%; max-width:600px; margin: 20px auto;}
#potter_embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
#potter_embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Puppets */
#puppets_page {text-align: center;}
#puppets_page h2 {margin:0; padding:34px 0; color:#231f20; font-size: 24px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}
#puppets_tiles {border-top: 1px solid #51a4d9; background: url("../images/puppets_bg.jpg") top center no-repeat; background-size: 100% auto;}
.puppets_tile {padding: 40px 0 0 0; text-align: center; color:#000; max-width:324px; margin: 0 auto; width: 100%;}
.puppets_thumb {display: block; width:100%; height:auto; border:2px #fff solid;}
#puppets_tiles h3 {font-family: agenda, sans-serif; font-weight:700; font-style: normal; margin:0; padding:10px 0 0 0; font-size:18px; line-height: 20px;text-align: left;}
#puppets_tiles p {font-family: agenda, sans-serif; font-weight: 500; font-style: normal; margin:0; padding:0; font-size:14px; line-height: 20px;text-align: left;}
#puppets_tiles p a {color: #000; font-style: italic;}


.puppet_embed-holder {width: 100%; max-width:330px; margin:0 auto;}
.puppet_embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.puppet_embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* Events */
#events_page {}
#events_page .brian_content {text-align: center; max-width:600px;}
#events_page h2 {margin:0; padding:34px 0; color:#231f20; font-size: 24px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}

#events_page p {margin:0; padding:0 0 40px 0; font-family: agenda, sans-serif; color:#000; font-weight: 500; font-style: normal; font-size:17px; line-height: 22px;} 
#events_page p a {color:#000; font-style: italic; text-decoration: underline;}
#events_page .eventslink {display: block;}
#events_page .eventsdate {display: block; padding: 0 0 10px 0; font-family: agenda, sans-serif; color:#000; font-weight: 700; }

/* And More */
#more_page {}
#more_page .brian_content {text-align: center; max-width: 520px;}
#more_page h2 {margin:0; padding:34px 0; color:#231f20; font-size: 24px;
font-family: adobe-jenson-pro, serif;
font-weight: 700;
font-style: normal;
}
#more_page #clydefans {display: block; margin:0 auto 30px auto; max-width:180px;}
#more_page p {margin:0; padding:0 0 10px 0; font-family: agenda, sans-serif; color:#000; font-weight: 500; font-style: normal; font-size:17px; line-height: 20px;} 
#more_page p a {color:#000; text-decoration: underline;}
.more_div {font-family: adobe-jenson-pro, serif; color:#000; font-weight: 500; font-style: normal; font-size: 32px; display: block; text-align: center; padding:0 0 10px 0; line-height: 32px;}






/* Media Queries */

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

}

@media only screen and (min-width: 600px) {
#book_right .tourlink br {display: block;}
}


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

#books_top .audiobooks {display: inline-block; margin: 0 10px;}
#books_top .marian {width: 308px;}
#books_top .dollpeople {width: 179px;}
#books_top .meanestdoll {width: 171.5px;}
#books_top .frindle {width: 173px;}
#books_top .landry {width: 172px;}
#books_top .school {width: 172px;}
#books_top .freedom {width: 176px;}
#books_top .lunch {width: 172px;}
#books_top .runaway {width: 170.75px;}
}

@media only screen and (min-width: 800px) {
.audiobooks_top br {display: block;}
}


@media only screen and (min-width: 960px) {
#brian_header {text-align: center; background: url("../images/eyes-crop 2.jpg") right center no-repeat; background-size: cover;margin: 0;}
.brian_content {max-width:1200px; position:relative; z-index:1; margin:0 auto; padding:  0 24px 0;}


/* Top */
#brian_top {position:relative; height:70px;}
#brian_top-hdr {height:70px; line-height:80px; text-align:center; padding:0; font-size:48px;}
#brian_top-hdr a span {font-size:inherit;}

#nav_toggle {display:none;}
#top_nav-holder {display:block; padding:0; min-height:auto; width: 100%;
    top:auto;
    bottom:auto;
    position:relative;
    overflow-y:auto;
    overflow-x:auto;

}

#brian_topnav {display:block; height:auto; padding: 0; font-size: 16px;}

#brian_topnav ul {
  display: -webkit-box;
  display: -moz-box; 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  -webkit-justify-content: space-between; 
}


#brian_topnav {}

#brian_topnav ul li {margin:0; padding:0; display:inline-block; height: 44px;}
#brian_topnav ul li a {}
#brian_topnav ul li.brian_subnav {display: none;}

#brian_topnav-social {}
#brian_topnav ul li#brian_topnav-social a {display: inline-block; height: 24px; line-height:24px; padding:0; margin: 10px 10px 0 10px;}

/* Page */
.brian_page {margin-top:0; border-top:none;}

/* Ballet */
.ballet_thumb-hidden {display: none;}

/* Movies */
.movies_tile {width:50%; float:left;}
.movies_tile {/* height:880px; */ background-size:cover;padding: 60px 0;text-align: center; color:#fff;min-height: calc(100vh);}
.movies_poster{width:354px;}
#movies_wonder .movies_poster{width:346px;}

	
/* Puppets */
#puppets_tiles {min-height: 600px;}
#puppets_tiles.puppets_home {min-height:auto;}
#puppets_tiles .brian_content.puppets_tile-holder {
max-width:1020px; padding:0;
  display: -webkit-box;
  display: -moz-box; 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content:space-between;
  -webkit-justify-content: space-between; 
  flex-wrap: wrap;
}

.break {
  flex-basis: 100%;
  height: 0;
}

/* Books */
#book_page {padding: 0;}	
#books_top br {display: block;}
#books_page {
  text-align: center;
  padding: 0;
}

#book_right h2 {padding:44px 0 34px;}
	
}

@media only screen and (min-width: 1024px) {
#books_body {justify-content: right;}
#ballet_left {position: absolute; top:35px; left:0;}
#ballet_right {position: absolute; top:35px; right:0;}

#book_page .brian_content {}



}

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

#brian_topnav {font-size: 16px;max-width: 1124px;}	
	
#book_left {float: left; margin-right: 40px; padding-top: 80px;}
#book_right {float: left;}
#book_right h2 {text-align: left; padding:54px 0 24px;}

}
@media only screen and (min-width: 1200px) {
#brian_topnav {font-size: 19px;}	
#brian_header {display: none;}

#intro_text {float: left;}
#intro_books {float: right; margin: 5px auto 0;}
#intro_text {max-width:730px; width:100%; margin: 0 auto;text-align: justify;}

#intro_text p:first-of-type {font-size: 32px; line-height: 36px;}
#intro_text p:nth-child(2) {font-size: 32px; line-height: 36px;}	
#intro_text p:first-of-type br {display: block;}
	
#books_body .book_tile {width:325px; display: flex; margin: 0 20px 40px 10px; text-align: left;}

	
}

@media only screen and (min-width: 1230px) {
#intro_text {max-width:760px; width:100%; margin: 0 auto;}

}

@media only screen and (min-width: 1260px) {
#intro_text {max-width:790px; width:100%; margin: 0 auto;}

}

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

#brian_intro .brian_content {max-width: 1320px; padding-top: 50px;padding-bottom: 10px;padding-left: 34px;}

#intro_text {max-width:830px; width:100%; margin: 0 auto;}
#intro_text p {margin:0 0 15px 0; padding:0; font-size:22px; line-height: 27px; color:#231f20;}
#intro_text p:first-of-type {font-size: 36px; line-height: 40px;}
/* Home Ballet */
#home_ballet h2 {margin:0; padding:60px 0 40px 0; color:#fff; font-size:30px; line-height: 24px;}
#home_ballet p {margin:0 auto 10px auto; padding:0; color:#fff; font-size:22px; line-height: 28px; max-width: 800px;}
	
/* Home Ballet */
#home_movies h2 {margin:0; padding:60px 0 40px 0; color:#fff; font-size:30px; line-height: 24px;}
#home_movies p {margin:0 auto 10px auto; padding:0; color:#fff; font-size:22px; line-height: 28px; max-width: 700px;}

/* Home Potter */
	
#potter_page h2 {margin:0; padding:20px 0 34px 0; font-size:32px; line-height:38px;}
#potter_page.home_potter h2 {padding-bottom: 30px;}
#potter_page.home_potter p.home_intro {margin:0 auto 40px auto; padding:0; color:#fff; font-size:22px; line-height:28px; max-width: 620px;}
#potter_page.home_potter p.home_morelink {padding:0; margin:0 auto 40px; color:#fff; font-size:22px; line-height: 22px;}
	
/* Home Puppets */
	
#puppets_tiles.puppets_home h2 {margin:0; padding:60px 0 30px 0; font-size:30px; line-height:28px; color:#000;}
#puppets_tiles.puppets_home p {margin:0; padding:0; font-size:22px; line-height:28px; color:#000;}
#puppets_tiles.puppets_home p.home_morelink {padding:60px 0 60px 0; margin:0 auto; color:#000; font-size:22px; line-height: 22px; text-align: center;}
	
/* Movies */

#movies_page h2 {margin:0; padding:44px 0 44px; font-size: 32px;}	
.movies_tile {/* height:880px; */ background-size:cover;padding: 60px 0;text-align: center; color:#fff;}
#movies_tiles h3 {padding:30px 0 0 0; font-size:24px; line-height: 28px;}
#movies_tiles p {margin:0; padding:0; font-size:18px; line-height: 24px;}
#movies_tiles a {font-size:18px;display: block; margin-top: 20px;}

/* Puppets */	
#puppets_tiles .brian_content.puppets_tile-holder {max-width:1320px; padding:20px 0 0 0;}
#puppets_page h2 {margin:0; padding:44px 0; color:#231f20; font-size: 32px;}	
.puppets_tile {padding: 40px 0 0 0; text-align: center; color:#000; max-width:384px; margin: 0 auto; width: 100%;}
#puppets_tiles h3 {padding:10px 0 0 0; font-size:21px; line-height: 27px;}
#puppets_tiles p {font-size:18px; line-height: 26px;}
	
#ballet_center h2 {margin:0; padding:0 0 10px 0; font-size:36px;}	
	
/* Events */
#events_page {}
#events_page .brian_content {text-align: center; max-width:600px;}
#events_page h2 {margin:0; padding:44px 0; color:#231f20; font-size: 32px;}	
#events_page p {font-size:21px; line-height: 27px;} 

/* More */
#more_page h2 {margin:0; color:#231f20; font-size: 34px;}
#more_page #clydefans {display: block; margin:20px auto 30px auto; max-width:210px;}
#more_page p {font-size:21px; line-height: 27px;} 
	
/* Books */
#books_top {text-align: center; margin-bottom: 60px;}

#books_page h2 {margin:0; padding:44px 0 0 0; font-size: 34px;}
#books_page p#books_intro {margin:0; padding:14px 0 0 0; color:#000; font-size: 21px;}
#books_top .book_tile a .book_tile-btm {display: block; min-height:90px; padding-top: 15px; font-size: 18px; line-height:20px;}
#books_top .book_tile a .book_tile-btm span {font-size: 16px; line-height:28px;}
#books_top .audiobooks a .book_tile-btm span {display: block; padding: 14px 0 0 0; font-size: 16px; line-height:20px;}
#books_body .book_tile a .book_title {font-size: 16px; line-height:18px; color:#000; margin-top: 12px;}
#books_body .book_tile a .book_description {display: block; font-size: 16px; line-height:18px; color:#000; margin-top:3px;padding: 0 15px 0 0;}
#books_body .book_tile a .book_author {font-size: 16px; line-height:22px;}
	
#book_right h2 {margin:0;  color:#231f20; font-size: 32px; text-transform: uppercase;}	
#book_right p {margin:0 0 30px 0; padding:0; font-size:21px; line-height:26px; color:#000;}
#book_right .tourlink {color: #cb1b31; font-size: 25px; line-height: 30px;}	
}

@media only screen and (min-width: 1600px) {
	
#book_page .brian_content {max-width: 1600px;}
#book_left {max-width: 450px; float: left; margin-right: 40px; padding-top: 80px;}
#book_left img {display: block; width:100%; height:auto;}

#book_right {max-width: 1000px;margin: 0 auto;}
#book_right h2 {margin:0;  color:#231f20; font-size: 34px; text-transform: uppercase;}	
#book_right p {margin:0 0 30px 0; padding:0; font-size:23px; line-height:29px; color:#000;}


#potter_page p {margin:0; padding:0 0 24px 0; font-size:21px; line-height:27px;}
#potter_page h2 {font-size: 38px; line-height: 44px;}
	
#ballet_center p {margin:0; padding:34px 0; font-size:24px; line-height: 30px;}	
#ballet_center ul {font-size:24px; line-height: 30px;}
	
}

@media only screen and (min-width: 1720px) {
#brian_topnav {max-width: 1200px;}
}

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

#brian_intro .brian_content {max-width: 1420px; padding-top: 40px;padding-bottom: 30px;padding-left: 24px;}
#intro_text {max-width:930px; width:100%; margin: 0 auto;}
#intro_text p:first-of-type {font-size: 40px; line-height: 44px;}
}