@font-face {
font-family: "AbrilTextBoldItalic";
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBoldItalic.eot);
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBoldItalic.eot?#iefix) format("embedded-opentype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBoldItalic.woff) format("woff"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBoldItalic.otf) format("truetype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBoldItalic.svg#GothamHTFBlack) format('svg');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "AbrilTextBold";
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBold.eot);
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBold.eot?#iefix) format("embedded-opentype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBold.woff) format("woff"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBold.otf) format("truetype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextBold.svg#GothamHTFBlack) format('svg');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "AbrilDisplaySemiBoldItalic";
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilDisplaySemiBoldItalic.eot);
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilDisplaySemiBoldItalic.eot?#iefix) format("embedded-opentype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilDisplaySemiBoldItalic.woff) format("woff"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilDisplaySemiBoldItalic.otf) format("truetype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilDisplaySemiBoldItalic.svg#GothamHTFBlack) format('svg');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "AbrilTextItalic";
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextItalic.eot);
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextItalic.eot?#iefix) format("embedded-opentype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextItalic.woff) format("woff"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextItalic.otf) format("truetype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/AbrilTextItalic.svg#GothamHTFBlack) format('svg');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "GothamBold";
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBold.eot);
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBold.eot?#iefix) format("embedded-opentype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBold.woff) format("woff"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBold.otf) format("truetype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBold.svg#GothamHTFBlack) format('svg');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "GothamBook";
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBook.eot);
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBook.eot?#iefix) format("embedded-opentype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBook.woff) format("woff"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBook.otf) format("truetype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBook.svg#GothamHTFBlack) format('svg');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "GothamMedium";
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamMedium.eot);
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamMedium.eot?#iefix) format("embedded-opentype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamMedium.woff) format("woff"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamMedium.otf) format("truetype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamMedium.svg#GothamHTFBlack) format('svg');
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: "GothamBook";
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBookItalic.eot);
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBookItalic.eot?#iefix) format("embedded-opentype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBookItalic.woff) format("woff"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBookItalic.otf) format("truetype"),
url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/GothamBookItalic.svg#GothamHTFBlack) format('svg');
font-style: italic;
font-weight: normal;
}
@font-face {
font-family: 'NewParisSkyline';
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Skyline Regular.eot);
src: local('☺'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Skyline Regular.woff) format('woff'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Skyline Regular.ttf) format('truetype'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Skyline Regular.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NewParis';
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book.eot);
src: local('☺'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book.woff) format('woff'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book.ttf) format('truetype'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NewParis';
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book Italic.eot);
src: local('☺'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book Italic.woff) format('woff'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book Italic.ttf) format('truetype'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book Italic.svg) format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'NewParisItalic';
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book Italic.eot);
src: local('☺'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book Italic.woff) format('woff'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book Italic.ttf) format('truetype'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Book Italic.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NewParis';
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Bold.eot);
src: local('☺'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Bold.woff) format('woff'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Bold.ttf) format('truetype'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Bold.svg) format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'NewParisBold';
src: url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Bold.eot);
src: local('☺'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Bold.woff) format('woff'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Bold.ttf) format('truetype'), url(//www.nationalbook.org/wp-content/themes/nationalbook/fonts/NewParis Text Bold.svg) format('svg');
font-weight: normal;
font-style: normal;
} html {
margin-top : 0 !important;
}
.blue {
background-color : #162c5d;
}
.grey {
background-color : #6d7b8c;
}
.light-grey {
background-color : #e6e6e6;
}
body {
color : #000f08;
}
.read-more a {
color : #63585e;
font  : normal 14px/19px NewParis;
}
.breadcrumbs {
display        : inline-block;
border-bottom  : 2px solid #ffc606;
color          : #162c5d; font : normal 10px GothamMedium;
text-transform : uppercase;
padding        : 20px 0 5px 49px;
}
.breadcrumbs a {
color : #162c5d;
}
.breadcrumbs b {
font-family : NewParisSkyline;
}
.back-background {
left             : 0;
right            : 0;
height           : 69.5%;
bottom           : 0;
position         : absolute;
background-color : #6d7b8c;
}
.entry-content a {
text-decoration       : underline;
text-decoration-color : #ffc606; } .wp-caption {
border        : none;
padding       : 0;
max-width     : 100%;
background    : transparent;
text-align    : inherit;
margin-bottom : 28px;
}
.wp-caption a {
border : none;
}
.clearfix {
display : table;
clear   : both;
}
.wp-caption-text {
font       : normal 15px/18px NewParisSkyline;
color      : #888;
margin-top : 4px;
font-style : italic;
}
.wp-caption.alignleft {
float  : left;
margin : 6px 28px 28px 0;
}
.wp-caption.alignright {
float  : right;
margin : 6px 0 28px 28px;
} .wrapper-content iframe {
max-width: 100%;
} .description ul {
list-style-type : disc;
}
.page-short-info {
width    : 792px;
margin   : 0 auto;
border   : 2px solid #6d7b8c;
position : relative;
}
.page-short-info h1 {
font          : bold italic 35px NewParisSkyline;
color         : #162c5d;
margin-bottom : 3px;
}
.page-short-info h2 {
font  : 15px NewParisSkyline;
color : #381208; }
.page-short-info h2 strong {
color : #162c5d;
} .get-books-menu {
width : 126px;
}
.get-books-menu h3 {
background : #1d2d44;
color      : #fff;
font       : bold italic 21px NewParisSkyline;
padding    : 3px 9px;
}
.get-books-menu .get-books-list {
padding     : 12px 0 0 11px;
list-style  : none;
margin-left : 15px;
border-left : 1px solid #1d2d44;
}
.get-books-menu h3 small {
text-transform : uppercase;
font           : 9px NewParisSkyline;
vertical-align : baseline;
}
.get-books-menu li {
margin-bottom : 8px;
}
.get-books-menu li:last-of-type {
margin-bottom : 0;
}
.get-books-menu a {
color         : #6d7b8c;
font          : bold 12px NewParisSkyline;
position      : relative;
padding-right : 7px;
}
.get-books-menu a:after {
content  : ">";
position : absolute;
right    : 0;
color    : #ffc606;
} .information-block {
position : relative;
}
.information-block .information-title {
position    : absolute;
right       : 100%;
bottom      : 100%;
font        : bold italic 16px NewParisSkyline;
color       : #6d7b8c;
text-align  : right;
padding     : 0px 8px 5px 0;
white-space : nowrap;
}
.information-block .information-title:after {
content           : "";
width             : 55px;
position          : absolute;
left              : 100%;
bottom            : 0;
-webkit-transform : translate3d(-60%, 0, 0);
transform         : translate3d(-60%, 0, 0);
border-bottom     : 2px solid #a7b2bc;
}
.information-block .book-information {
min-height : 160px;
}
.book-list li {
padding-left   : 36px;
font           : 12px NewParis;
background     : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/book/book-icon.png) left 2px / 25px auto no-repeat;
text-transform : uppercase;
}
.book-list li a {
font-family : NewParisSkyline;
color       : #000;
display     : block;
}
.winners-list {
border              : 2px solid #ffc606;
position            : relative;
background-color    : #fff;
border-bottom-width : 0;
}
.winners-list .year {
margin            : 0 auto;
position          : absolute;
left              : 50%;
bottom            : 100%;
-webkit-transform : translate3d(-55%, 50%, 0);
transform         : translate3d(-55%, 50%, 0);
display           : inline-block;
color             : #fff;
background-color  : #6d7b8c;
font-family       : AbrilDisplaySemiBoldItalic;
padding           : 10px 11px 3px;
text-align        : center;
}
.winners-list .year:after,
.winners-list .year:before {
content                  : "";
width                    : 35px;
height                   : 40px; position                 : absolute;
top                      : 50%;
-webkit-transform-origin : center 0;
-ms-transform-origin     : center 0;
-o-transform-origin      : center 0;
transform-origin         : center 0;
}
.winners-list .year:before {
right             : 100%;
-webkit-transform : translate3d(0, -50%, 0);
transform         : translate3d(0, -50%, 0);
}
.winners-list .year:after {
left              : 100%;
-webkit-transform : rotate(180deg) translate3d(0, -50%, 0);
transform         : rotate(180deg) translate3d(0, -50%, 0);
}
.winners-list .year h2 {
font-size   : 28px;
line-height : 0.85;
}
.winners-list .year p {
color     : #ffc606;
font-size : 20px;
}
.drop-down select {
width              : 100%;
margin             : 0 auto;
font               : bold italic 17px NewParisSkyline;
color              : #fff;
border             : 1px solid #ffc606;
padding            : 7px 7px 7px 15px;
background         : #ffc606;
-webkit-appearance : none;
-moz-appearance    : none;
appearance         : none;
}
.drop-down-top {
margin-top : 20px;
}
.drop-down-top select {
float              : right; margin             : 0 auto;
font               : bold 20px NewParisSkyline;
color              : #fff;
background         : #ffc606;
border             : 1px solid #ffc606;
padding            : 7px 15px;
-webkit-appearance : none;
-moz-appearance    : none;
appearance         : none;
}
.drop-down select::-ms-expand,
.drop-down-top select::-ms-expand {
display : none;
}
.drop-down option {
background : #fff;
color      : #162c5d;
}
.drop-down, .drop-down-top {
margin   : 0 auto;
position : relative;
}
.drop-down:after,
.drop-down-top:after {
content           : "";
width             : 8px;
height            : 8px;
border-style      : solid;
border-color      : #162c5d;
border-width      : 0 0 1px 1px;
position          : relative;
margin            : 4px auto;
display           : block;
-webkit-transform : rotate(-45deg);
-ms-transform     : rotate(-45deg);
-o-transform      : rotate(-45deg);
transform         : rotate(-45deg);
}
.drop-down-top:after {
left                     : 50%;
bottom                   : -20px;
position                 : absolute;
-webkit-transform        : translateX(-50%) rotate(-45deg);
-ms-transform            : translateX(-50%) rotate(-45deg);
-o-transform             : translateX(-50%) rotate(-45deg);
transform                : translateX(-50%) rotate(-45deg); -webkit-transform-origin : 0 100%;
-moz-transform-origin    : 0 100%;
-ms-transform-origin     : 0 100%;
-o-transform-origin      : 0 100%;
transform-origin         : 0 100%;
}
.videos-wrapper p {
font  : 16px / normal NewParisSkyline;
color : #fff;
}
.videos-wrapper a {
position : relative;
display  : inline-block;
}
.videos-wrapper a:after {
content           : "";
width             : 70px;
height            : 70px;
position          : absolute;
left              : 50%;
top               : 50%;
-webkit-transform : translate3d(-50%, -50%, 0);
transform         : translate3d(-50%, -50%, 0);
background        : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/under-35/videos/play-button.png) center / 100% auto no-repeat;
}
.videos-wrapper iframe:after {
content           : "";
width             : 70px;
height            : 70px;
position          : absolute;
left              : 50%;
top               : 50%;
-webkit-transform : translate3d(-50%, -50%, 0);
transform         : translate3d(-50%, -50%, 0);
}
.row {
display                 : block;
display                 : -webkit-box;
display                 : -webkit-flex;
display                 : -moz-box;
display                 : -ms-flexbox;
display                 : flex;
-webkit-justify-content : space-around;
-ms-flex-pack           : distribute;
justify-content         : space-around;
-webkit-flex-wrap       : wrap;
-ms-flex-wrap           : wrap; }
.left-line {
width        : 11%;
position     : absolute;
left         : 0;
top          : 0;
bottom       : 0;
border-right : 2px solid #a7b2bc;
} .quote {
position       : relative;
font           : bold italic 25px / 1.2 NewParisSkyline;
letter-spacing : -1.3px;
color          : #6d7b8c;
}
.quote:after,
.quote:before {
content  : "";
width    : 47px;
height   : 45px;
position : absolute;
}
.quote:before {
right             : 100%;
bottom            : 100%;
background        : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/quote-right.png) center / 100% auto no-repeat;
-webkit-transform : translate3d(0, 65%, 0);
transform         : translate3d(0, 65%, 0);
margin-right      : 18px;
}
.quote:after {
left              : 100%;
top               : 100%;
background        : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/quote-left.png) center / 100% auto no-repeat;
-webkit-transform : translate3d(0, -55%, 0);
transform         : translate3d(0, -55%, 0);
}
.quote-wrapper {
border-top    : 1px dashed #ffc606;
border-bottom : 1px dashed #ffc606;
padding       : 27px 131px;
}
.bookup-menu {
max-width : 1400px;
margin    : 0 auto !important;
} .tab-content {
display   : none;
overflow  : hidden;
max-width : 1400px;
}
@media (max-width : 1580px) {
.tab-content.faculty figure {
flex-basis : 19%
}
}
@media (max-width : 939px) {
.tab-content.faculty figure {
flex-basis : 15%
}
}
.is-active.tab-content {
display : block;
}
.is-active.tab-content.row {
display : -webkit-box;
display : -webkit-flex;
display : -moz-box;
display : -ms-flexbox;
display : flex;
}
.is-active.tab-content.about.row {
display : block;
}
.tab-content h2 {
font-size   : 24px;
line-height : 1.6;
margin      : 10px 0;
}
.tab-content h3 {
font-size   : 20px;
line-height : 1.6;
margin      : 5px 0;
}
.blog-category + .picture a.story_photo > img {
top       : 0;
left      : 50%;
position  : absolute;
transform : translateX(-50%);
} .bookup-menu {
position      : relative;
margin        : 0 6%;
border-bottom : 1px solid #6d7b8c;
}
.bookup-menu a {
font           : 16px/28px NewParisSkyline;
color          : #6d7b8c;
text-transform : uppercase;
} .bookup-menu a { flex-grow    : 1;
text-align   : center;
border-right : 1px solid #6d7b8c;
}
.bookup-menu a:last-child {
border-right-color : transparent;
}
.bookup-menu .menu-wrap {    }
.bookup-menu a:first-of-type:after,
.bookup-menu .active-item:after {
content     : '';
position    : relative;
background  : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/menu-icon.png) no-repeat;
width       : 30px;
height      : 16px;
display     : none;
margin-left : 10px;
}
.bookup-menu a.donate {
padding    : 0 80px 0 20px;
background : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/donate.png) 0 8px no-repeat;
}
.bookup-menu span {
width            : 1px;
height           : 28px;
background-color : #6d7b8c;
}
.bookup-menu a.is-active {
color       : #162c5d;
font-family : NewParisSkyline;
font-weight : bold;
}
.bookup-menu .active-item {
position       : absolute;
display        : none;
color          : #162c5d;
font           : 24px/28px NewParisSkyline;
z-index        : 2;
height         : 30px;
text-transform : uppercase;
}
.owl-stage-outer {
overflow : hidden;
}
.owl-item {
display : inline-block;
} .bio-popup {
display    : none;
width      : 100%;
height     : 100%;
position   : fixed;
left       : 0;
top        : 0;
background : rgba(0, 0, 0, 0.5);
z-index    : 2;
overflow   : auto;
}
.bio-popup.show {
display : block;
}
.bio-popup-content {
width                 : 81%;
position              : relative;
border                : 1px solid #162c5d;
-webkit-border-radius : 5px;
border-radius         : 5px;
background            : #fff;
margin                : 55px auto 55px;
}
.bio-popup-content h1 {
background : #162c5d;
color      : #ffc606;
text-align : left;
font       : 40px AbrilDisplaySemiBoldItalic;
padding    : 10px 60px 2px 22px;
}
.bio-popup-content .close {
width                 : 30px;
height                : 30px;
position              : absolute;
top                   : 15px;
right                 : 17px;
-webkit-border-radius : 50%;
border-radius         : 50%;
border                : 1px solid #ffc606;
z-index               : 1;
}
.bio-popup-content .close:before,
.bio-popup-content .close:after {
content     : "";
height      : 25px;
position    : absolute;
left        : 50%;
top         : 50%;
border-left : 1px solid #ffc606;
}
.bio-popup-content .close:before {
-webkit-transform : translate3d(-50%, -50%, 0) rotate(-45deg);
transform         : translate3d(-50%, -50%, 0) rotate(-45deg);
}
.bio-popup-content .close:after {
-webkit-transform : translate3d(-50%, -50%, 0) rotate(45deg);
transform         : translate3d(-50%, -50%, 0) rotate(45deg);
}
.bio-popup-content .bio-photo {
width               : 31.5%;
padding             : 40px 10px;
text-align          : center;
-ms-flex-item-align : center;
-ms-grid-row-align  : center;
-webkit-align-self  : center;
align-self          : center;
}
.bio-popup-content .bio-photo span.thumb > img { max-width             : 235px;
width                 : 235px;
height                : 230px; -webkit-border-radius : 50%;
border-radius         : 50%;
margin                : 0 auto 15px;
display               : block;
}
.bio-popup-content .bio-photo .bg-photo {
width                 : 235px;
height                : 235px;
display               : inline-block;
background            : no-repeat 50% 50%;
background-size       : cover;
-webkit-border-radius : 50%;
-moz-border-radius    : 50%;
border-radius         : 50%;
}
.bio-popup-content .description-wrapper {
position : relative;
display  : -ms-flexbox;
display  : -webkit-box;
display  : -webkit-flex;
display  : -moz-box;
display  : flex;
}
.bio-popup-content .description-wrapper:after {
content     : "";
position    : absolute;
height      : 100%;
top         : 0;
left        : 31.5%;
border-left : 1px solid #162c5d;
}
.bio-popup-content .descriptions {
font    : 15px / 1.3 NewParis;
width   : 68.5%;
padding : 42px 20px;
}
.bio-popup-content .descriptions b {
font-family : NewParisSkyline;
}
.bio-popup-content .descriptions em {
font-style : italic;
}
.bio-popup-content .social-buttons {          margin-top : 20px;
text-align : center;
}
.bio-popup-content .social-buttons a {
display : inline-block;
margin  : 0 12px;
}
body.show-popup {
overflow : hidden;
}
@media screen and (max-width : 1076px) {
.bio-popup-content .bio-photo .bg-photo {
width       : 69%;
height      : auto;
padding-top : 69%; }
}
@media screen and (max-width : 767px) {
.breadcrumbs {
width               : 100%;
padding             : 15px 13px 13px 33px;
font-size           : 15px;
border-bottom-width : 3px;
}
.bio-popup-content {
width : 90%;
}
.bio-popup-content .description-wrapper {
display : block;
}
.bio-popup-content .bio-photo {
width         : 100%;
border-bottom : 1px solid #162c5d;
padding       : 15px;
}
.bio-popup-content .description-wrapper:after {
content : none;
}
.bio-popup-content .descriptions {
width     : 100%;
font-size : 18px;
}
}
@media screen and (max-width : 480px) {
.breadcrumbs {
padding   : 5px 13px 5px 12px;
font-size : 8px;
}
} header {
width : 100%;
color : #6d7b8c;
}
.top-header {
width                   : 100%;
height                  : 130px;
padding                 : 0 5.2%;
display                 : -ms-flexbox;
display                 : -webkit-flex;
display                 : -webkit-box;
display                 : -moz-box;
display                 : flex;
-ms-flex-direction      : row;
-webkit-flex-direction  : row;
-webkit-box-orient      : horizontal;
-webkit-box-direction   : normal;
-moz-box-orient         : horizontal;
-moz-box-direction      : normal;
flex-direction          : row;
-ms-flex-pack           : justify;
-webkit-justify-content : space-between;
-webkit-box-pack        : justify;
-moz-box-pack           : justify;
justify-content         : space-between;
}
.top-header .logo a {
display           : inline-block;
width             : 460px;
height            : 130px;
padding           : 15px 0;
font              : 0/0 AbrilDisplaySemiBoldItalic;
color             : #6d7b8c;
background        : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/nbf_logo.png) left center no-repeat;
background-origin : content-box;
background-size   : auto 65%;
}
.top-header .logo {
position : relative;
float    : left;
} .top-header .right-side > p:after {
content          : "";
display          : block;
position         : relative;
width            : 1px;
height           : 40px;
background-color : #ffc606;
}
.top-header .logo:before {
position : absolute;
top      : 24px;
left     : 89px;
height   : 50px;
opacity  : 0;
}
.top-header .logo span:after {
top  : -41px;
left : -17px;
}
.top-header .right-side > p:after {
top  : -45px;
left : 155px;
}
.top-header .right-side {
width      : 419px;
margin-top : 60px;
float      : right;
}
.top-header .right-side .subscribe {
background   : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/subscribe-grey.png) left 2px no-repeat;
font         : 30px/20px AbrilDisplaySemiBoldItalic;
float        : left;
padding-left : 33px;
}
.top-header .right-side p span {
font           : 11px/20px NewParis;
text-transform : uppercase;
}
.top-header .right-side form {
float  : left;
margin : 9px 0 0 51px;
}
.top-header .right-side form p {
border : 1px solid #1d2d44;
width  : 146px;
height : 23px;
}
.top-header .right-side input {
font : 11px/21px NewParis;
}
.top-header .search-holder {
width        : 112px;
padding-left : 5px;
}
.top-header .search-button {
background : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/search.png) 5px 1px no-repeat, #1d2d44;
float      : right;
width      : 26px;
height     : 100%;
}
.top-header .share {
display : inline-block;
margin  : 7px 0 0 18px;
float   : left;
}
.top-header .share img {
width  : 21px;
height : 25px;
}
.main-menu {
height             : 38px;
-webkit-box-shadow : 0 -1px 1px #bfdbee;
box-shadow         : 0 -1px 1px #bfdbee;
padding            : 0 40px;
width              : 100%;
position           : relative;
z-index            : 2;
}
.main-menu a {
color          : white;
font           : 13px/38px NewParisSkyline;
padding        : 0 15px;
display        : block;
text-transform : uppercase;
}
.main-menu li {
position : relative;
}
.main-menu li:hover > a {
background-color : #ffc606;
}
.main-menu li .sub-menu {
top              : 100%;
left             : 0;
opacity          : 0;
position         : absolute;
visibility       : hidden;
transition       : visibility 0s linear .3s, opacity .3s ease;
background-color : #162c5d;
}
.main-menu li:last-child .sub-menu {
left : -47px;
}
.main-menu li .sub-menu > li {
white-space : nowrap;
}
.main-menu li:hover > .sub-menu { opacity    : 1;
visibility : visible;
transition : opacity .3s ease;
}
.main-menu li > .sub-menu > li > .sub-menu {
top      : 0;
left     : 100%;
position : absolute;
}
img.alignleft {
float  : left;
margin : 0 15px 8px 0;
}
img.alignright {
float  : right;
margin : 0 0 8px 15px;
}
img.alignnone {
margin : 0 30px 15px 0;
} footer {
border-top : 10px solid #162c5d;
}
.foot-info {
padding : 0 40px;
margin  : 4.45% 0 25px;
}
.foot-logo {
background : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/logo-footer.png?v2) no-repeat;
width      : 194px;
height     : 65px;
float      : left;
}
footer .info-buttons {
margin     : 17px 35px 0 42px;
text-align : center;
}
footer .info-buttons button {
font           : normal 13px/1 NewParisSkyline;
color          : white;
border         : solid 1px #b6bdc6;
width          : 117px;
height         : 36px;
margin         : 0 12px 10px 0;
padding        : 5px;
vertical-align : top;
text-transform : uppercase;
}
.foot-soc {
margin : 20px 0 0;
}
.foot-soc a {
margin-right : 16px;
}
.foot-menu {
padding : 0 40px 50px;
}
.foot-menu > li {
margin-bottom : 20px;
width         : 192px;
}
.foot-menu > li > a {
color          : #ffc606;
font           : normal 15px/22px NewParisSkyline;
text-transform : uppercase;
margin-right   : 5px;
}
.foot-menu li li a {
color : white;
font  : normal 15px/24px NewParis;
}
.top-header .lines-button {
cursor              : pointer;
border              : none;
padding             : 2.35vw 0.67vw;
position            : absolute;
background          : none;
-webkit-transition  : 0.3s;
-o-transition       : 0.3s;
transition          : 0.3s;
-webkit-user-select : none;
-moz-user-select    : none;
-ms-user-select     : none;
user-select         : none;
z-index             : 1;
top                 : 3.87vw;
left                : 2.87%;
display             : none;
}
.top-header .lines-button:hover {
opacity : 1;
}
.top-header .lines-button:hover .lines:before {
-webkit-transform : translateY(1px);
-ms-transform     : translateY(1px);
-o-transform      : translateY(1px);
transform         : translateY(1px)
}
.top-header .lines-button:hover .lines:after {
-webkit-transform : translateY(-1px);
-ms-transform     : translateY(-1px);
-o-transform      : translateY(-1px);
transform         : translateY(-1px)
}
.top-header .lines {
width                 : 9.6vw;
height                : 0.67vw;
display               : inline-block;
background            : #162c5d;
-webkit-transition    : 0.3s;
-o-transition         : 0.3s;
transition            : 0.3s;
position              : relative;
-webkit-border-radius : 0.27vw;
border-radius         : 0.27vw;
}
.top-header .lines:before {
top : 1.8vw;
}
.top-header .lines:before,
.top-header .lines:after {
width                    : 9.6vw;
height                   : 0.67vw;
display                  : inline-block;
background               : #162c5d;
-webkit-transition       : 0.3s;
-o-transition            : 0.3s;
transition               : 0.3s;
-webkit-border-radius    : 0.27vw;
border-radius            : 0.27vw;
left                     : 0;
content                  : '';
position                 : absolute;
-webkit-transform-origin : 0.15714rem center;
-ms-transform-origin     : 0.15714rem center;
-o-transform-origin      : 0.15714rem center;
transform-origin         : 0.15714rem center;
}
.top-header .lines:after {
top : -1.7vw;
}
.top-header .lines-button.close .lines {
background : transparent
}
.top-header .lines-button.close .lines:before,
.top-header .lines-button.close .lines:after {
top                      : 0;
-webkit-transform-origin : 50% 50%;
-ms-transform-origin     : 50% 50%;
-o-transform-origin      : 50% 50%;
transform-origin         : 50% 50%;
}
.top-header .lines-button.close .lines:before {
-webkit-transform : rotate3d(0, 0, 1, 45deg);
transform         : rotate3d(0, 0, 1, 45deg)
}
.top-header .lines-button.close .lines:after {
-webkit-transform : rotate3d(0, 0, 1, -45deg);
transform         : rotate3d(0, 0, 1, -45deg)
}
.vertmain-menu {
width      : 100%;
position   : absolute;
bottom     : 0;
left       : 0;
top        : 14.94vw;
background : rgba(0, 0, 0, 0.5);
z-index    : 2;
display    : none;
overflow   : auto;
}
.v-menu {
width          : 81%;
position       : relative;
border-right   : 1px solid white;
background     : #e6e6e6;
font           : normal 3.2vw/3.625 NewParisSkyline;
text-transform : uppercase;
}
.v-menu .subscribe {
background      : 5.73vw center no-repeat #ffc606;
color           : #162c5d;
padding-left    : 17.73vw;
background-size : 6.27vw 4.27vw;
}
.v-menu form {
background      : 6vw center no-repeat, white;
color           : #6d7b8c;
padding-left    : 17.73vw;
background-size : 5.47vw 5.47vw;
}
.v-menu form input {
font  : inherit;
width : 100%;
}
.v-menu > ul > li {
border-bottom : 1px solid white;
background    : #6d7b8c;
color         : #ffc606;
padding       : 2.67vw 0 2.67vw 17.73vw;
line-height   : 5.265vw;
}
.v-menu ul ul {
color          : white;
text-transform : capitalize;
font           : 3.2vw/1.42 NewParis;
height         : 0;
overflow       : hidden;
}
.v-menu a {
color : inherit;
}
.v-menu span {
display               : none;
width                 : 4.27vw;
height                : 4.27vw;
position              : absolute;
top                   : 50%;
left                  : -10.53vw;
-webkit-border-radius : 50%;
border-radius         : 50%;
border                : 1px solid white;
-webkit-transform     : translateY(-50%);
-ms-transform         : translateY(-50%);
-o-transform          : translateY(-50%);
transform             : translateY(-50%);
}
.v-menu .menu-item-has-children span {
display : inline-block;
}
.v-menu span:before,
.v-menu span:after {
content     : "";
height      : 2.27vw;
position    : absolute;
left        : 50%;
top         : 50%;
border-left : 1px solid white;
}
.v-menu span:before {
-webkit-transform : translate3d(-50%, -50%, 0);
transform         : translate3d(-50%, -50%, 0);
}
.v-menu span:after {
-webkit-transform : translate3d(-50%, -50%, 0) rotate(90deg);
transform         : translate3d(-50%, -50%, 0) rotate(90deg);
}
.v-menu li.open span {
-webkit-transform : translateY(-50%) rotate(45deg);
-ms-transform     : translateY(-50%) rotate(45deg);
-o-transform      : translateY(-50%) rotate(45deg);
transform         : translateY(-50%) rotate(45deg);
}
.subscribe-popup {
display    : none;
width      : 100%;
height     : 100%;
position   : fixed;
left       : 0;
top        : 0;
background : rgba(0, 0, 0, 0.5);
z-index    : 2000;
overflow   : auto;
}
.subscribe-popup.show {
display : block;
}
.subscribe-popup-content {
padding            : 40px 0 20px 53px;
width              : 410px; height             : auto;
position           : relative;
border             : 6px solid #162c5d;
background         : #fff;
margin             : 75px auto 10px;
-webkit-box-shadow : 1px 1px 30px rgba(0, 0, 0, 0.5);
box-shadow         : 1px 1px 30px rgba(0, 0, 0, 0.5);
}
#mce-success-response {
color : #162c5d !important;
}
.subscribe-popup .subscribe-title {
background   : left 0 no-repeat;
font         : 61px/0.5 AbrilDisplaySemiBoldItalic;
padding-left : 38px;
margin-left  : -38px;
color        : #162c5d;
}
.subscribe-popup p span {
font           : 17px/2 NewParis;
text-transform : uppercase;
}
.subscribe-popup .explanation {
font   : 14px/1.64 NewParis;
color  : #381208;
margin : 3px 0 7px;
}
.subscribe-popup input {
font         : 10px/31px NewParis;
color        : #6d7b8c;
border       : 1px solid #6d7b8c;
height       : 31px;
width        : 296px;
padding-left : 14px;
}
#submit_button {
background-color : #ffc606;
order-color      : #ffc606;
color            : black;
position         : absolute;
top              : 103%;
right            : -6px;
width            : 71px;
height           : 37px;
margin-top       : 6px;
font-size        : 15px;
padding          : 0;
}
.subscribe-btn {
cursor: pointer;
}
.subscribe-popup .close {
width      : 31px;
height     : 31px;
position   : absolute;
top        : 0;
right      : 0;
background : #6d7b8c;
}
.subscribe-popup .close:before,
.subscribe-popup .close:after {
content     : "";
height      : 25px;
position    : absolute;
left        : 50%;
top         : 50%;
border-left : 1px solid #fdfdfe;
}
.subscribe-popup .close:before {
-webkit-transform : translate3d(-50%, -50%, 0) rotate(-45deg);
transform         : translate3d(-50%, -50%, 0) rotate(-45deg);
}
.subscribe-popup .close:after {
-webkit-transform : translate3d(-50%, -50%, 0) rotate(45deg);
transform         : translate3d(-50%, -50%, 0) rotate(45deg);
}
.subscribe-popup-content div {
margin-bottom : 14px;
} .comments-area {
width      : 100%;
border     : #162c5d 2px solid;
margin-top : 5%;
background : #cce9ff;
}
.comments-area .comment-respond {
margin : 2%;
}
.comments-area p {
font           : 17px/2 NewParis;
text-transform : uppercase;
}
form#commentform {
padding : 5% 0;
}
.comments-area input {
font         : 10px/31px NewParis;
color        : #6d7b8c;
height       : 31px;
width        : 296px;
padding-left : 14px;
background   : #fff;
}
.comments-area textarea {
font         : 10px/31px NewParis;
color        : #6d7b8c;
width        : 100%;
height       : 200px;
padding-left : 14px;
background   : #fff;
}
.comments-area .submit {
background-color : #ffc606;
color            : black;
top              : 100%;
right            : -6px;
width            : auto;
height           : 37px;
margin-top       : 6px;
font-size        : 15px;
padding          : 0 10px;
}
#upcoming-events {
}
#ue-page-banner {
background      : no-repeat 50% 50%;
min-height      : 360px;
padding-top     : 37%;
background-size : cover;
}
#upcoming-events {
width            : 100%;
display          : inline-block;
background-color : #e6e6e6;
}
#ue-events-list {
width     : 57%;
margin    : -220px auto 30px;
min-width : 320px;
}
#ue-events-list .events-list-wrapper {
border           : 2px solid #ffc606;
padding          : 5px 10px 10px;
margin-top       : 15px;
background-color : #fff;
}
#ue-title {
font  : 60px AbrilTextBold;
color : #fff
}
@media (max-width : 870px) {
#ue-title {
font-size : 38px;
}
}
@media (max-width : 1180px) {
.bookup-menu a:first-of-type {
padding-left : 45px;
}
.bookup-menu a:last-of-type {
padding-right : 40px;
}
}
@media (max-width : 1040px) {
.top-header .right-side {
margin-top : 40px;
width      : 200px;
}
.top-header .right-side .subscribe {
height : 40px;
}
.top-header .right-side form {
margin-left : 0;
}
.top-header .right-side > p:after {
opacity : 0;
}
.bookup-menu a:first-of-type {
padding-left : 5px;
}
.bookup-menu a:last-of-type {
padding-right : 5px;
}
.bookup-menu a {
font-size : 14px;
}
}
@media (max-width : 950px) {
.page-short-info {
width : 83.4%;
}
}
@media (max-width : 767px) {
.top-header .lines-button {
display : block;
}
.top-header {
height : 13.6vw;
}
.main-menu a {
display : none;
}
.top-header .logo a { margin            : 0;
padding           : 0 0 0 15vw;
width             : 75vw;
height            : 14vw; background        : url(//www.nationalbook.org/wp-content/themes/nationalbook/images/logo_2.png) left center /contain no-repeat;
background-origin : content-box;
}
.top-header .logo span:after {
top    : -7.2vw;
left   : -3.33vw;
height : 6.67vw;
}
.top-header form,
.top-header .subscribe {
display : none;
}
.main-menu {
pointer-events : none;
height         : 1.34vw;
}
.top-header .right-side {
margin : 3.2vw 0 0 1.1vw; width  : auto;
}
.top-header .share img {
width  : 4.53vw;
height : 5.47vw;
}
.top-header .logo:before { top    : 3.2vw;
left   : 11.9vw;
height : 6.7vw;
}
.top-header .share {
margin : 0.93vw 0 0 2.4vw;
}
.bookup-menu a:first-of-type:after,
.bookup-menu .active-item:after {
display : inline-block;
}
.bookup-menu {
margin : 40px 10px 0;
height : 34px;
}
.bookup-menu .menu-wrap,
.bookup-menu .active-item {
display      : block;
background   : rgba(255, 255, 255, 0.9);
padding-left : 12px;
}
.bookup-menu .menu-wrap {
position       : absolute;
z-index        : 1;
opacity        : 0;
pointer-events : none;
}
.bookup-menu .menu-wrap.show {
opacity        : 1;
pointer-events : auto;
}
.bookup-menu .hide {
opacity        : 0;
pointer-events : none;
}
.bookup-menu a {
font-size     : 24px;
display       : block;
margin-bottom : 30px;
padding       : 0;
}
.bookup-menu a:first-of-type {
padding-left : 0;
}
.foot-menu {
padding : 0 10px 50px;
}
}
@media (max-width : 944px) {
.main-menu a {
font: 12px/38px NewParisSkyline;
padding: 0 10px;
}
}
@media (max-width : 810px) {
.main-menu a {
font: 12px/38px NewParisSkyline;
padding: 0 4px;
}
}
@media (max-width : 599px) {
.subscribe-popup-content {
width   : 300px;
height  : 284px;
padding : 39px 0 0 39px;
}
.subscribe-popup .subscribe-title {
font-size       : 40px;
background-size : 25px auto;
padding-left    : 30px;
margin-left     : -30px;
}
.subscribe-popup p span {
font-size : 11px;
}
.subscribe-popup .explanation {
font-size : 11px;
}
.subscribe-popup-content div {
margin-bottom : 8px;
}
.subscribe-popup input {
width : 203px;
}
}
.one-story-page h2 {
font-size     : 26px !important;
line-height   : 1.3 !important;
margin-bottom : 20px;
}
.tab-content h4 {
font-size     : 22px !important;
margin-bottom : 15px !important;
}
blockquote {
display       : block;
margin-top    : 1em;
margin-bottom : 1em;
margin-left   : 40px;
margin-right  : 40px;
padding-left  : 15px;
border-left   : 3px solid #1d305d;
}    #years-tiles .entry-title,
#content-tiles .entry-title {
color          : #162c5d;
margin         : 30px 40px;
display        : inline-block;
font-size      : 40px;
font-style     : italic;
line-height    : 1.2;
font-family    : NewParisSkyline, sans-serif;
font-weight    : bold;
letter-spacing : -1.1px;
}
#years-tiles .decades {
margin          : 25px;
justify-content : center;
}
#years-tiles .decades .decade {
cursor             : pointer;
border             : 1px solid #162c5d;
margin             : 0px 5px 10px;
padding            : 10px 25px 7px;
-webkit-transition : background-color .3s, color .3s;
-moz-transition    : background-color .3s, color .3s;
-ms-transition     : background-color .3s, color .3s;
-o-transition      : background-color .3s, color .3s;
transition         : background-color .3s, color .3s;
font-family        : NewParisSkyline;
font-weight        : bold;
}
#years-tiles .decades .decade:hover,
#years-tiles .decades .decade.active {
color            : #fff;
background-color : #162c5d;
}
#years-tiles .tiles-container,
#content-tiles .tiles-container {
padding    : 0 40px 40px;
text-align : center;
}
#years-tiles .tiles-container { }
#content-tiles .tiles-container {
justify-content : left;
}
#years-tiles .year-tile,
#content-tiles .content-tile {
display : inline-block;
padding : 10px;
}
#years-tiles .year-tile {
border           : 1px solid #ffc606;
text-align       : center;
background-color : #fff;
}
#years-tiles .year-tile {
-webkit-box-shadow : 3px 4px 11px 0 rgba(0, 0, 0, 0.08);
-moz-box-shadow    : 3px 4px 11px 0 rgba(0, 0, 0, 0.08);
box-shadow         : 3px 4px 11px 0 rgba(0, 0, 0, 0.08);
-webkit-transition : box-shadow .3s, transform .3s;
-moz-transition    : box-shadow .3s, transform .3s;
-ms-transition     : box-shadow .3s, transform .3s;
-o-transition      : box-shadow .3s, transform .3s;
transition         : box-shadow .3s, transform .3s;
}
#years-tiles .year-tile:hover {
-webkit-transform  : scale(1.02);
-moz-transform     : scale(1.02);
-ms-transform      : scale(1.02);
-o-transform       : scale(1.02);
transform          : scale(1.02);
-webkit-box-shadow : 3px 4px 11px 0 rgba(0, 0, 0, 0.13);
-moz-box-shadow    : 3px 4px 11px 0 rgba(0, 0, 0, 0.13);
box-shadow         : 3px 4px 11px 0 rgba(0, 0, 0, 0.13);
}
#content-tiles .content-tile {
background-color : #f1f2f2;
}
#years-tiles .year-tile {
width            : 215px;
margin           : 0 10px 15px;
transform-origin : 0;
}
#content-tiles .content-tile {
width  : 380px;
margin : 0 25px 25px;
}
#years-tiles .tile-image-wrap,
#content-tiles .tile-image-wrap {
width         : 100%;
position      : relative;
margin-bottom : 5px;
}
#content-tiles .tile-image-wrap {
padding-top : 58%;
}
#years-tiles .tile-image-wrap {
padding-top : 150%;
}
#years-tiles .tile-image-wrap .t-image,
#content-tiles .tile-image-wrap .t-image {
top             : 0;
left            : 0;
width           : 100%;
height          : 100%;
position        : absolute;
object-fit      : cover;
object-position : center;
}
#content-tiles .t-title {
font  : normal 17px/19px NewParisSkyline;
color : #162c5d;
}
#content-tiles .t-title {
margin : 10px 0;
}
#years-tiles .t-title {
margin : 10px 0 0;
}
#years-tiles .t-text,
#content-tiles .t-text {
font   : normal 13px/18px NewParis;
color  : #000f08;
margin : 10px 0;
}
#years-tiles .t-link,
#content-tiles .t-link {
font  : normal 14px/19px NewParisSkyline;
color : #63585e;
} #content-tiles .tile-desc {
text-align : left;
}
#years-tiles .years-tiles-text,
#content-tiles .content-tiles-text {
padding     : 0 40px 40px;
line-height : 1.4;
} #book-search .entry-title {
color          : #162c5d;
margin         : 30px 0;
display        : inline-block;
font-size      : 40px;
font-style     : italic;
line-height    : 1.2;
font-family    : NewParisSkyline, sans-serif;
font-weight    : bold;
letter-spacing : -1.1px;
}
#book-search .entry-content {
margin-bottom : 40px;
}
#book-search .page-header.search-bar .entry-content {
line-height : 25px;
}
@media (max-width : 475px) {
#years-tiles .year-tile {
width : 47vw;
}
}