/*
Theme Name: National Book
Author: Orange Static
Author URL: https://www.orangestatic.com/
Version: 1.05
*/
@import url(font.css);
/*------------Global Styles---------------------*/
h1, h2, h3, h4, h5, h6 {
font-family : NewParis;
font-weight : bold;
}
b, strong {
font-weight : bold;
font-family : NewParis;
}
i, em {
font-style : italic;
}
p {
margin-bottom : 20px;
font-family : NewParis;
}
.entry-content p {
font-size : 18px;
}
.blue {
background-color : #162c5d;
}
.grey {
background-color : #6d7b8c;
}
.light-grey {
background-color : #e6e6e6;
}
body {
color : #000f08;
font-family : NewParis;
}
.read-more a {
color : #63585e;
font : normal 12px/19px NewParis;
}
.breadcrumbs {
display : inline-block;
border-bottom : 2px solid #ffc606;
color : #162c5d;
text-transform : uppercase;
padding : 20px 0 5px 49px;
}
.breadcrumbs a {
color : #162c5d;
}
.breadcrumbs,
.breadcrumbs > span > a {
font : normal 10px GothamMedium;
}
.breadcrumbs > span > span {
font : normal 10px GothamBold;
}
.breadcrumbs b {
font-family : NewParis;
}
.back-background {
position : absolute;
left : 0;
right : 0;
bottom : 0;
height : 69.5%;
background-color : #6d7b8c;
}
.get-books-menu h3 {
background : #1d2d44;
color : #fff;
font : bold italic 21px NewParisSkyline;
padding : 3px 9px;
}
.get-books-menu ul {
padding : 12px 0 0 11px;
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 9px NewParisSkyline;
position : relative;
padding-right : 7px;
}
.get-books-menu a:after {
content : ">";
position : absolute;
right : 0;
color : #ffc606;
}
/*Information block*/
.information-block {
position : relative;
}
.information-block .information-title {
position : absolute;
right : 100%;
bottom : 100%;
font : bold italic 14px NewParisSkyline;
color : #6d7b8c;
text-align : right;
padding : 0 4px 7px 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;
}
.book-list li {
padding-left : 36px;
font : 12px NewParis;
background : url(images/book/book-icon.png) center left / 25px auto no-repeat;
text-transform : uppercase;
}
.book-list li a {
font-family : NewParisSkyline;
color : #000;
display : block;
}
.winners-list {
border-width : 2px 2px 0 2px;
border-color : #ffc606;
border-style : solid;
position : relative;
background-color : #fff;
}
.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;
/*background : url("../images/arrow.png") center / 100% auto no-repeat;*/
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 16px NewParisSkyline;
color : #fff;
background : #162c5d;
border : 1px solid #162c5d;
padding : 7px 7px 7px 15px;
-webkit-appearance : none;
}
.drop-down option {
background : #fff;
color : #162c5d;
}
.drop-down {
position : relative;
margin : 0 auto;
}
.drop-down: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);
}
.videos-wrapper p {
font : 14px / 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("images/under-35/videos/play-button.png") center / 100% auto no-repeat;
}
.row {
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;
flex-wrap : wrap;
}
.left-line {
width : 11%;
position : absolute;
left : 0;
top : 0;
bottom : 0;
border-right : 2px solid #a7b2bc;
}
/*Quote*/
.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("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("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;
margin : 30px 0;
}
/*Tabs*/
.tab-content {
display : none;
}
.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;*/
}
/*bookup menu*/
.bookup-menu {
position : relative;
margin : 0 6%;
border-bottom : 1px solid #6d7b8c;
}
.bookup-menu a {
font : 16px/28px NewParis;
color : #6d7b8c;
text-transform : uppercase;
}
.bookup-menu a:first-of-type:after,
.bookup-menu .active-item:after {
content : '';
position : relative;
background : url("./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("./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;
}
.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*/
.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 NewParis;
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 {
padding : 42px 40px 30px;
width : 31.5%;
-ms-flex-item-align : center;
-ms-grid-row-align : center;
-webkit-align-self : center;
align-self : center;
}
.bio-popup-content .bio-photo > img {
width : 95%;
max-width : 235px;
height : auto;
-webkit-border-radius : 50%;
border-radius : 50%;
margin : 0 auto 15px;
display : block;
}
.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 {
display : -ms-flexbox;
display : -webkit-box;
display : -webkit-flex;
display : -moz-box;
display : flex;
-ms-flex-pack : center;
-webkit-box-pack : center;
-webkit-justify-content : center;
-moz-box-pack : center;
justify-content : center;
}
.bio-popup-content .social-buttons a {
display : inline-block;
margin : 0 12px 0 0;
}
body.show-popup {
overflow : hidden;
}
@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---------------------------*/
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 {
background : url("images/logo.jpg") left 41px no-repeat;
display : inline-block;
width : 460px;
height : 130px;
padding : 53px 0 0 252px;
font : 18px/21px AbrilDisplaySemiBoldItalic;
color : #6d7b8c;
}
.top-header .logo {
position : relative;
float : left;
}
.top-header .logo span:after,
.top-header .right-side > p:after,
.top-header .logo:before {
content : "";
display : block;
position : relative;
width : 1px;
height : 40px;
background-color : #ffc606;
}
.top-header .logo span:after {
width : 0;
}
.top-header .logo:before {
top : 24px;
left : 89px;
height : 50px;
opacity : 0;
position : absolute;
}
.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("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("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;
}
.text-center {
text-align: center;
}
.orange-button,
.orange-button:focus,
.orange-button:active {
/* float: right; */
/* width: 100%; */
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;
-webkit-border-radius : 5px;
-moz-border-radius : 5px;
border-radius : 5px;
}
/*------------Footer------------------------------------*/
footer {
border-top : 10px solid #162c5d;
}
.foot-info {
padding : 0 40px;
margin : 4.45% 0 25px;
}
.foot-logo {
background : url("images/logo-footer.png") 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 : 31px;
margin : 0 12px 10px 0;
text-transform : uppercase;
}
footer .info-buttons li {
font : normal 13px/1 NewParisSkyline;
color : white;
border : solid 1px #b6bdc6;
width : 117px;
height : 31px;
margin : 0 12px 10px 0;
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 : 1;
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 : /*url("images/vsubscribe.png") */ 5.73vw center no-repeat #ffc606;
color : #162c5d;
padding-left : 17.73vw;
background-size : 6.27vw 4.27vw;
}
.v-menu form {
background : /*url("images/vsearch.png") */ 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 {
width : 4.27vw;
height : 4.27vw;
position : absolute;
top : 50%;
left : -10.53vw;
-webkit-border-radius : 50%;
border-radius : 50%;
border : 1px solid white;
display : inline-block;
-webkit-transform : translateY(-50%);
-ms-transform : translateY(-50%);
-o-transform : translateY(-50%);
transform : translateY(-50%);
}
.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 : 1;
overflow : auto;
}
.subscribe-popup.show {
display : block;
}
.subscribe-popup-content {
padding : 39px 0 0 50px;
width : 416px;
height : 320px;
position : relative;
border : 6px solid #162c5d;
background : #fff;
margin : 30px auto 0;
-webkit-box-shadow : 1px 1px 30px rgba(0, 0, 0, 0.5);
box-shadow : 1px 1px 30px rgba(0, 0, 0, 0.5);
}
.subscribe-popup .subscribe-title {
background : /*url("images/subscribe-grey-big.png")*/ 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;
color : black;
position : absolute;
top : 100%;
right : -6px;
width : 71px;
height : 37px;
margin-top : 6px;
font-size : 15px;
padding : 0;
}
.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;
}
aside#secondary > section {
width : 33%;
padding : 20px 10px;
display : inline-block;
vertical-align : top;
}
article.page.type-page, article.page.type-book h1 {
font : 30px NewParisSkyline;
color : #162c5d;
}
article.page.type-page, article.page.type-book p {
margin-bottom : 20px; /*40px*/
}
article.page.type-page, article.page.type-book p:last-of-type {
margin-bottom : 0;
}
article.page.type-page, article.page.type-book blockquote {
margin-bottom : 40px;
}
/*
#main #comments {
margin-top : 60px
}
#main #comments p {
margin-bottom : 10px
}
#main #comments p:last-child {
margin-bottom : 0
}
#commentform {
width : 690px
}
.comment {
margin-bottom : 40px
}
#respond {
margin-bottom : 13px;
overflow : hidden
}
#respond input {
border-radius : 2px;
margin-right : 1%;
background : none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
font-size : 13px;
padding : 13px 2%;
border : 1px solid rgba(0, 0, 0, 0.05);
float : left;
width : 28%
}
#respond textarea {
border-radius : 2px;
background : none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
font-size : 13px;
padding : 8px 11px;
height : 150px;
border : 1px solid rgba(0, 0, 0, 0.05);
color : #ddd;
width : 95%
}
#respond input:last-child {
margin-right : 0
}
#respond input, #respond textarea {
width : 70%
}
#respond input:-moz-placeholder, #respond textarea:-moz-placeholder {
color : #ddd
}
#respond input {
display : block;
margin : 0;
width : 326px
}
#respond input[type="submit"] {
background-color : #336799;
border-radius : 3px;
font-weight : bold;
text-shadow : none;
line-height : 44px;
transition : all 0.2s ease 0s;
box-shadow : 0 12px 19px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
margin-top : 10px;
font-size : 13px;
padding : 0 24px;
display : block;
cursor : pointer;
border : 0 none;
width : 200px;
color : #fff;
float : right
}
#respond input[type="submit"]:hover {
background-color : #264d73
}
#respond textarea {
display : block;
width : 664px
}
#respond .form-submit {
float : right;
margin-right : 25px
}
.form-allowed-tags {
display : none !important
}
#respond-inputs p {
float : left;
margin-right : 10px;
margin-bottom : 10px;
margin-top : 10px
}
#respond-inputs p.last {
margin-right : 0;
margin-top : 10px;
margin-bottom : 10px
}
*/
/*---------------------------------------------------*/
/* DONATION PAGE */
.donate-banner {
overflow : hidden;
margin-bottom : -10px;
box-sizing : border-box;
}
.donate-cont {
max-width : 960px;
margin : 0 auto;
}
.donate-banner h1 {
margin-top : 280px;
font : bold 60px/1 NewParisSkyline;
color : white;
}
.donate-banner h1:after {
content : '';
display : inline-block;
width : 45px;
height : 45px;
position : relative;
top : 5px;
right : -10px;
background : url(images/donate/Donate_Heart_Small.png) center /contain no-repeat;
}
.box {
display : block;
color : white;
padding : 20px;
background-color : rgba(0, 0, 0, .5);
text-shadow : 0 0 20px rgba(0, 0, 0, 1);
}
.box.orange {
background-color: rgba(255, 197, 10, .6);
}
.donate-banner .box {
margin : 0 auto 120px;
}
.donate-banner p {
font : 18px/1.4 NewParis;
}
.donation-info {
padding : 90px 0 35px;
background-color : #e6e6e6;
}
.donation-info .inner {
max-width : 1200px;
margin : 0 auto;
padding : 0 15px;
box-sizing : border-box;
}
.donation-info * {
color : #666;
}
.donation-info h2,
.donation-info h3 {
margin-top : 20px;
text-transform : uppercase;
}
.donation-info h2,
.donation-info h3,
.donation-info p {
font-size : 14px;
line-height : 1.4;
color : #666;
}
.donation-info h3,
.donation-info h3 + p {
font-size : 12px;
}
a.story_photo img {
max-width : 380px !important;
max-height : 225px !important;
}
a.story_photo,
a.story_photo:focus,
a.story_photo:active {
display : block;
padding-top : 58%;
background : no-repeat 50% 50%;
background-size : contain;
}
.all-story a.story_photo {
padding-top : 58%;
}
#home-featured-stories a.story_photo {
padding-top : 58%;
background-size: cover;
}
.entry-content:after {
clear : both;
display : table;
content : '';
}
.entry-content ul li {
list-style : disc;
margin-bottom: inherit;
margin-left: 20px;
}
.description p,
.description ul,
.entry-content p,
.entry-content ul {
margin-bottom : 20px;
}
.description ul,
.entry-content ul {
padding-left : 0px;
}
.page h1,
.page h2,
.page h3,
.post h1,
.post h2,
.post h3,
.entry-content h1,
.entry-content h2,
.entry-content h3 {
color : #162c5d;
padding : 0;
line-height : 1.2;
margin-bottom : 10px;
letter-spacing : -1.1px;
font-weight : bold;
font-family : NewParis;
}
.page h1,
.post h1,
.entry-content h1 {
display : inline-block;
font-size : 40px;
font-style : italic;
margin-bottom : 25px;
border-bottom : 1px solid #ffc606;
}
.page h2,
.post h2,
.entry-content h2 {
font-size : 34px;
margin-top : 10px;
}
.page h3,
.post h3,
.entry-content h3 {
font-size : 25px;
}
.related-posts .rp-group {
list-style: none;
}
.related-posts .rp-items {
}
article.page.type-page.hentry {
padding-top : 40px;
}
.fancybox-close:focus,
.fancybox-close:active {
position : absolute;
}
.search-results .search-result-item .entry-title {
font-size : 1.8rem;
}
.search-results .search-result-item .post-thumbnail .attachment-post-thumbnail {
float : left;
width : 180px;
height : auto;
}
@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 {
padding : 3.2vw 0 0 32.8vw;
margin-left : 16.3vw;
font-size : 2.8vw;
line-height : 3.6vw;
background-position-y : 2.3vw;
width : 66.7vw;
height : 17.3vw;
background-size : 26.3vw 8.7vw;
}
.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 : 26.7vw;
}
.top-header .share img {
width : 4.53vw;
height : 5.47vw;
}
.top-header .logo:before {
opacity : 1;
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 : 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;
}
}
.bookup .tab-content a, .tab-content a {
/*color : #cc5500 !important;*/
/*text-decoration-color : #cc5500 !important;*/
color: #162c5d;
text-decoration : underline !important;
text-decoration-color : #ffc606 !important;
}
.author-page .page-short-info .author-info {
color : #fff;
}
