.bookup{
position : relative;
}
.page .bookup{
margin-left  : -150px;
margin-right : -150px;
}
@media (max-width: 1280px){
.page .bookup{
margin-left  : -5%;
margin-right : -5%;
}
}
.bookup-video {
position : relative;
}
.logo-text-bookup {
display    : block;
max-width  : 792px;
margin     : 35px auto 0;
text-align : center;
overflow   : hidden;
}
.logo-text-bookup span,
.logo-text-bookup h1 {
display    : inline-block;
color      : #162c5d;
font       : bold italic 46px/1.1 NewParis;
text-align : center;
position   : relative;
border-bottom: none;
}
.logo-text-bookup span:before,
.logo-text-bookup h1:before,
.logo-text-bookup span:after,
.logo-text-bookup h1:after {
content    : '';
width      : 1500px;
height     : 0;
border-top : 2px solid #ffc606;
position   : absolute;
top        : 50%;
}
.logo-text-bookup span:before,
.logo-text-bookup h1:before {
right : 110%;
}
.logo-text-bookup span:after,
.logo-text-bookup h1:after {
left : 110%;
}
.sub-title-bookup {
margin         : 35px auto;
font           : bold 19px/1.2 NewParisSkyline;
color          : #777;
text-align     : center;
text-transform : uppercase;
}
.bookup .logo-bookup {
margin  : 8px auto;
display : block;
}
.bookup .page-short-info {
border     : 4px solid #ffc606;
padding    : 12px;
background : white;
position   : relative;
z-index    : 1;
text-align : center;
}
.bookup .page-short-info a.image,
.bookup .page-short-info .video-container {
width           : 100%;
display         : inline-block;
position        : relative;
background      : no-repeat 50% 50%;
padding-top     : 56%;
background-size : cover;
}
.bookup .page-short-info .video-embed {
top      : 0;
left     : 0;
width    : 100%;
height   : 100%;
position : absolute;
}
.bookup .page-short-info a.image .image-caption {
color: rgba(255, 255, 255, 0.75);
right: 0px;
bottom: 0px;
position : absolute;
padding: 0 10px;
font-size: 13px; font-family: NewParisSkyline;
background-color: rgba(0, 0, 0, 0.47);
} .bookup .students img {
width : 100%;
}
.bookup .blue {
margin     : -32px 0 45px;
padding    : 61px 0 22px;
border-top : 2px solid #ffc606;
text-align : center;
position   : relative;
}
.bookup .blue h1 {
color         : white;
font          : 35px/1.1 NewParis;
padding       : 0 16%;
margin-bottom : 10px;
}
.bookup .blue h1:before,
.bookup .blue h1:after {
content  : "";
position : absolute;
width    : 31px;
height   : 26px;
}
.bookup .blue h1:before {
background      : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/quote-right.png) no-repeat;
margin          : -4px 0 0 -42px;
background-size : contain;
}
.bookup .blue h1:after {
background      : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/quote-left.png) no-repeat;
margin          : 1px 0 0 11px;
background-size : contain;
}
.bookup .blue h2 {
color          : white;
font           : 22px/1.1 NewParis;
text-transform : uppercase;
}
.bookup .blue .small {
font         : 16px/10px normal NewParis;
color        : #ffc606;
margin-top   : 19px;
padding-left : 14px;
}
.bookup .blue .small:before {
content         : "";
position        : absolute;
background      : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/twitter.png) no-repeat;
width           : 21px;
height          : 18px;
margin          : -7px 0 0 -25px;
background-size : cover;
}
.bookup .content-wrapper {
width   : 100%;
margin  : 36px auto;
padding : 0 15px;
}
.bookup .stories {
text-align: center;
}
.bookup .stories .tab-post-item {
background-color : #f1f2f2;
width            : 363px;
height           : 427px;
margin           : 0 2px 22px;
display : inline-block;
}
.bookup .stories .tab-post-item >a {
text-decoration: none;
}
.bookup .stories .picture {
text-align : center;
margin     : 12px 0 16px;
}
.bookup .stories .picture img {
max-width : 100%;
height    : auto;
}
.bookup .stories h4 {
font   : normal 15px/19px NewParisSkyline;
color  : #162c5d;
margin : 0 8px 5px;
}
.bookup .stories h4 a {
color : inherit;
}
.bookup .stories .text-story {
font   : normal 13px/18px NewParis;
color  : #000f08;
margin : 0 8px;
}
.bookup .stories .read-more {
margin-left : 8px;
}
.bookup .faculty {
padding : 30px 11px 0;
width   : 85%;
margin  : 0 auto; }
.author-circle-item,
.bookup .faculty figure {
display       : inline-block;
width         : 185px;
margin-bottom : 63px;
}
.bookup .faculty figcaption {
font           : 12px/12px NewParisSkyline;
color          : #6d7b8c;
text-transform : uppercase;
text-align     : center;
}
.bookup .faculty p {
text-align    : center;
margin-bottom : 16px;
}
.bookup .circle-image {
width                 : 150px;
height                : 150px;
cursor                : pointer;
display               : inline-block;
position              : relative;
background            : no-repeat 50% 50%;
background-size       : cover;
-webkit-border-radius : 50%;
-moz-border-radius    : 50%;
border-radius         : 50%;
}
.bookup .circle-image:before {
top                : 50%;
left               : 0;
font               : 48px GothamHTFBook;
color              : #ffc606;
width              : 100%;
content            : "+";
position           : absolute;
text-align         : center;
opacity            : 0;
-webkit-transform  : translateY(-50%);
-moz-transform     : translateY(-50%);
-ms-transform      : translateY(-50%);
-o-transform       : translateY(-50%);
transform          : translateY(-50%);
-webkit-transition : opacity .4s ease;
-moz-transition    : opacity .4s ease;
-ms-transition     : opacity .4s ease;
-o-transition      : opacity .4s ease;
transition         : opacity .4s ease;
}
.bookup .circle-image:hover:before {
opacity : 1;
}
.bookup .about.is-active.tab-content {
width  : 85%;
margin : 0 auto;
display: block;
}
.bookup .students {
margin-bottom : 17px;
}
.bookup .about h3 {
font          : 16px/1.5 NewParisSkyline;
color         : #162c5d;
margin-bottom : 17px;
}
.bookup .about figure {
width  : 248px;
margin : 0 5px 10px 0;
}
.bookup .about figure.alignleft {
float : left;
margin : 0 25px 5px 0;
}
.bookup .about figure.alignright {
float : right;
margin : 0 0 5px 25px;
}
.bookup .about figcaption {
color: gray; font: italic 14px/1.2 NewParisSkyline;
margin-top: 8px;
}
.bookup .about .saying {
font  : 17px/1 AbrilDisplaySemiBoldItalic;
color : white;
}
.bookup .about .student-name {
color      : #ffc606;
font       : 12px/1 NewParisSkyline;
margin-top : 19px;
}
.bookup .tab-content a {
color           : #162c5d;
text-decoration : none; }
.bookup .tab-content p,
.bookup .tab-content ul {
font          : 17px/24px NewParis;
margin-bottom : 22px;
}
.bookup .tab-content ul {
overflow : hidden;
}
.bookup .tab-content ul {
list-style: disc;
padding-left : 25px;
}
.bookup .tab-content p strong {
font : 17px/24px NewParis;
font-weight: bolder;
}
.bookup .about h5 {
font           : 16px/24px NewParisSkyline;
color          : #162c5d;
text-transform : uppercase;
}
.bookup .about .quote-wrapper {
margin  : 31px 81px 56px;
padding : 27px 51px;
}
.bookup .about .quote {
text-align : center;
}
@media (max-width : 767px) {
.bookup .content-wrapper {
padding : 0 20px;
}
.bookup .about,
.bookup .faculty {
width : 100%;
}
.bookup .about .quote-wrapper {
margin : 31px 0 56px;
}
.bookup .bookup-video,
.bookup .line {
display : none;
}
.bookup .about figure {
width        : 48.7%;
margin : 0 0 25px 0;
}
.bookup .about .saying {
font-size : 20px;
} .bookup .about .student-name {
font-size  : 15px;
margin-top : 26px;
}
.bookup-menu a.donate {
padding-left    : 0;
background      : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/donate.png) 123px 4px no-repeat;
background-size : 22px 18px;
}
}
@media (max-width : 427px) {
.bookup .about .saying {
font-size : 17px;
}
.bookup .about .student-name {
font-size  : 12px;
margin-top : 19px;
}
}