/* Theme Name: Nicole Krauss Author: Eli Cohen & Tal Baltuch Author URI: https://www.twitter.com/elicohenator Version: 1.0.0 */ /* General */ /** Media Queries **/ @media screen and (max-width: 1024px) { .tablet-hidden { display: none; } } .tablet-visible { display: none; } @media screen and (max-width: 1024px) { .tablet-visible { display: block; } } @media screen and (max-width: 769px) { .mobile-hidden { display: none; } } .mobile-visible { display: none; } @media screen and (max-width: 769px) { .mobile-visible { display: block; } } .center-bg { background-size: cover; background-repeat: no-repeat; background-position: center center; } /** MIXINS **/ /* This stylesheet generated by Transfonter (https://transfonter.org) on June 20, 2017 9:29 PM */ @font-face { font-family: 'GT Walsheim'; src: url("assets/fonts/GTWalsheim-Regular.eot"); src: url("assets/fonts/GTWalsheim-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/GTWalsheim-Regular.woff") format("woff"), url("assets/fonts/GTWalsheim-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'GT Walsheim'; src: url("assets/fonts/GTWalsheim-BoldOblique.eot"); src: url("assets/fonts/GTWalsheim-BoldOblique.eot?#iefix") format("embedded-opentype"), url("assets/fonts/GTWalsheim-BoldOblique.woff") format("woff"), url("assets/fonts/GTWalsheim-BoldOblique.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'GT Walsheim'; src: url("assets/fonts/GTWalsheim-Bold.eot"); src: url("assets/fonts/GTWalsheim-Bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/GTWalsheim-Bold.woff") format("woff"), url("assets/fonts/GTWalsheim-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'GT Walsheim'; src: url("assets/fonts/GTWalsheim-RegularOblique.eot"); src: url("assets/fonts/GTWalsheim-RegularOblique.eot?#iefix") format("embedded-opentype"), url("assets/fonts/GTWalsheim-RegularOblique.woff") format("woff"), url("assets/fonts/GTWalsheim-RegularOblique.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Playfair Display'; src: url("assets/fonts/PlayfairDisplay-Black.eot"); src: url("assets/fonts/PlayfairDisplay-Black.eot?#iefix") format("embedded-opentype"), url("assets/fonts/PlayfairDisplay-Black.woff") format("woff"), url("assets/fonts/PlayfairDisplay-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; } *, *:before, *:after { box-sizing: border-box; } html, body, ul, ol, button, input, table { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } .overflow-hidden { height: 100vh !important; overflow: hidden !important; } a { color: #6AC0C7; text-decoration: none; outline: none; cursor: pointer; transition: all 0.2s ease-in-out; } img { vertical-align: middle; max-width: 100%; height: auto; } img.alignleft { margin-right: 15px; } img.alignright { margin-left: 15px; } i { display: inline-block; } input[type=text], input[type=email], input[type=submit], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; border: 0; font-size: inherit; color: inherit; font: inherit; } input[type=submit] { cursor: pointer; } input:focus { outline: none; } .cf:after { content: ''; clear: both; overflow: hidden; display: block; visibility: hidden; margin: 0; padding: 0; height: 0; width: 0; } .uppercase { text-transform: uppercase; } .align-left, .fl-l { float: left; } .align-right, .fl-r { float: right; } body { font-family: 'GT Walsheim', serif; font-size: 16px; -webkit-font-smoothing: antialiased; color: #262626; margin-top: 48px; } body.admin-bar #masthead { margin-top: 32px !important; } .loader { position: fixed; height: 100%; width: 100%; left: 0; top: 0; background-color: #f2f2f2; z-index: 999; display: block; } .loader .loading-animation { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; font-weight: bold; font-size: 36px; } section { position: relative; z-index: 1; } div.page { width: 100%; margin-top: -48px; } .workarea { margin: 0 auto; width: 100%; max-width: none; position: relative; z-index: 1; } .black-mask { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .to-blur{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease} .blur .to-blur{-webkit-filter:blur(6px);-moz-filter:blur(6px);-o-filter:blur(6px);-ms-filter:blur(6px);filter:blur(6px)} .inFromLeft{-webkit-animation-name:inFromLeft;animation-name:inFromLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;-webkit-animation-duration:.2s;animation-duration:5s;-webkit-animation-fill-mode:both;animation-fill-mode:both} @-webkit-keyframes fadeOutRight { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(calc(100% - 60px),0,0);transform:translate3d(100%,0,0)} } @keyframes fadeOutRight { from{opacity:1;transform:translate3d(0,0,0)} to{opacity:0;-webkit-transform:translate3d(calc(100% - 60px),0,0);transform:translate3d(100%,0,0)} } @-webkit-keyframes inFromLeft { from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{-webkit-transform:none;transform:none} } @keyframes inFromLeft { from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @-webkit-keyframes scroll-down { 0%{top:0} 50%{top:6px} 100%{top:0} } @keyframes scroll-down { 0%{top:0} 50%{top:6px} 100%{top:0} } .page-404{height:calc(100vh - 230px);position:relative} .page-404 .container{position:absolute;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;top:50%} .page-404 .nk-lead-text,.page-404 .go-back{width:100%;color:#000;text-align:center;margin-bottom:1rem;line-height:1.2} .page-404 .nk-lead-text a,.page-404 .go-back a{text-decoration:underline;color:#6AC0C7;font-size:1.5rem} .nk-title { font-size: 36px; } @media screen and (max-width: 1441px) { .nk-title { font-size: 30px; } } @media screen and (max-width: 1024px) { .nk-title { font-size: 27px; } } .nk-sub-title { font-size: 32px; font-weight: bold; letter-spacing: 0.01em; } @media screen and (max-width: 1441px) { .nk-sub-title { font-size: 28px; } } .nk-lead-text { font-size: 21px; line-height: 1.3; letter-spacing: 0.01em; } @media screen and (max-width: 1024px) { .nk-lead-text { font-size: 18px; } } .nk-lead-text.spaced { line-height: 41px; } .nk-reg-text { font-size: 16px; line-height: 1.3; letter-spacing: 0.01em; } .nk-sub-text { font-size: 14px; line-height: 1.125; letter-spacing: 0.01em; } @media screen and (max-width: 769px) { .nk-sub-text { font-size: 12px; } } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #a4a4a4; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #a4a4a4; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #a4a4a4; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #a4a4a4; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #a4a4a4; } #masthead { position: fixed; top: 0; left: 0; z-index: 20; width: 100%; height: 48px; background-color: white; } #masthead .logo { position: absolute; top: 50%; left: 50%; z-index: 20; transform: translate(-50%, -50%); color: #262626; font-size: 22px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 700; margin-left: 2px; transition: none; } #masthead #site-menu { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 5; display: none; } #masthead #site-menu.visible { display: block; } #masthead #site-menu .primary-menu { width: 100%; max-width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: #f2f2f2; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.2s ease; } #masthead #site-menu .primary-menu li { text-align: center; margin: 1rem 0; opacity: 1; transition: all 200ms ease-out; list-style: none; } #masthead #site-menu .primary-menu li a { font-size: 1.2rem; padding: 0.5rem; color: #262626; font-weight: bold; text-align: center; margin: 0.5rem 0; } #masthead #site-menu .primary-menu li a:hover {opacity: 0.50; } #masthead #site-menu ul.sub-menu li a { color: #a8a8a8; } #masthead #site-menu ul.sub-menu li.current-menu-item a, #masthead #site-menu ul.sub-menu li a:hover { color: #6AC0C7; } .btn-nav { display: block; top: 50%; position: absolute; transform: translateY(-50%); left: 1rem; color: #262626; z-index: 20; padding: 1rem; transition: none; } .btn-nav.active { color: #6AC0C7; } #footer { max-width: 100%; width: 100%; padding: 0; } @media screen and (max-width: 769px) { #masthead .logo { text-align: center; width: 220px; font-size: 20px; } .btn-nav { left: 0.5rem; } #footer { padding: 0; } .carousel-wrapper .item .img { width: 95vw; height: 95vw; } .owl-dots { bottom: 1rem; } .popup .btn-close { top: -3rem; right: 1rem; } } /* Components */ .carousel-wrapper { position: relative; } .carousel-wrapper .next, .carousel-wrapper .prev { top: 0; } .carousel-wrapper .next:hover, .carousel-wrapper .next:focus, .carousel-wrapper .prev:hover, .carousel-wrapper .prev:focus { cursor: pointer; } .carousel-wrapper .next svg .cls-1, .carousel-wrapper .prev svg .cls-1 { fill: #fff; } .carousel-wrapper .next { position: absolute; right: 0; } .carousel-wrapper .prev { position: absolute; left: 0; } .carousel-wrapper .item .img { height: 66.6vh; width: 100%; max-height: 600px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .owl-dots { position: absolute; width: 100%; bottom: 4rem; left: 0; z-index: 10; display: -webkit-flex; display: flex; justify-content: center; align-items: center; } .owl-dots .owl-dot { height: 12px; width: 12px; margin: 0 4px; border-radius: 50%; border: solid 1px transparent; display: inline-block; position: relative; background-color: #262626; transition: all 0.3s ease-out; } .owl-dots .owl-dot.active { background: #6AC0C7; } .owl-dots .owl-dot:last-of-type { margin-right: 0; } .popup { display: none; position: fixed; height: 100%; width: 100%; z-index: 30; transform: translate(-50%, -50%); left: 50%; top: 50%; background: rgba(0, 0, 0, 0.5); } .popup .wrapper { transform: translate(-50%, -50%); left: 50%; top: 50%; width: 100%; max-width: 1280px; position: absolute; } .popup .btn-close { height: 2rem; width: 2rem; color: white; position: absolute; right: 2rem; top: 10%; z-index: 3; cursor: pointer; } .popup .btn-close svg { fill: white; } .sidebar-menu ul, .inner-menu ul { list-style: none; } .sidebar-menu ul li, .inner-menu ul li { margin-bottom: 0.5rem; } .sidebar-menu ul li a, .inner-menu ul li a { color: #a8a8a8; } .sidebar-menu ul li a:hover, .inner-menu ul li a:hover { color: #6AC0C7; } .sidebar-menu ul li a.current-part, .inner-menu ul li a.current-part { font-weight: bold; color: #262626; } .sidebar-menu ul li a.current-part:hover, .inner-menu ul li a.current-part:hover { color: #6AC0C7; } .sidebar-menu ul li.current-page-ancestor, .sidebar-menu ul li.current-page, .sidebar-menu ul li.current-menu-item, .sidebar-menu ul li.current-menu-ancestor, .inner-menu ul li.current-page-ancestor, .inner-menu ul li.current-page, .inner-menu ul li.current-menu-item, .inner-menu ul li.current-menu-ancestor { font-weight: bold; color: #262626; } .sidebar-menu ul li.current-page-ancestor a, .sidebar-menu ul li.current-page a, .sidebar-menu ul li.current-menu-item a, .sidebar-menu ul li.current-menu-ancestor a, .inner-menu ul li.current-page-ancestor a, .inner-menu ul li.current-page a, .inner-menu ul li.current-menu-item a, .inner-menu ul li.current-menu-ancestor a { color: #262626; } .sidebar-menu ul li.current-page-ancestor a:hover, .sidebar-menu ul li.current-page a:hover, .sidebar-menu ul li.current-menu-item a:hover, .sidebar-menu ul li.current-menu-ancestor a:hover, .inner-menu ul li.current-page-ancestor a:hover, .inner-menu ul li.current-page a:hover, .inner-menu ul li.current-menu-item a:hover, .inner-menu ul li.current-menu-ancestor a:hover { color: #6AC0C7; } .sidebar-menu { padding-right: 2rem; } @media screen and (max-width: 1024px) { .sidebar-menu { width: 100%; margin-bottom: 1rem; display: none; } } .sidebar-menu ul.sub-menu { display: none; } .inner-menu { flex-basis: 25%; } @media screen and (max-width: 1441px) { .inner-menu { flex-basis: 20%; } } @media screen and (max-width: 1024px) { .inner-menu { flex-basis: 50%; display: none; } } .inner-menu .books-menu { margin-bottom: 2rem; } @media screen and (max-width: 1024px) { .inner-menu .books-menu { display: none; } } /* Pages */ #fp-nav.right { right: 8px !important; } #fp-nav ul li a span, #fp-nav .fp-slidesNav ul li a span { background: #6AC0C7 !important; } #book { background-color: #f2f2f2; height: calc(100vh - 139px); margin-top: 48px; } #book #fullpage .section { text-align: center; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } @media screen and (max-width: 1024px) { #book #fullpage .section { background-attachment: scroll; min-height: 90vh; transition: height 2000s linear; } } #book #fullpage .section.first-section { position: relative; } #book #fullpage .section.first-section .frame { position: absolute; top: calc(50% - 48px); left: 50%; transform: translate(-50%, -50%); height: 100%; width: 100%; object-fit: cover; } #book #fullpage .section.first-section .review { position: absolute; top: calc(50% - 48px); transform: translateY(-50%); width: 33%; } @media screen and (max-width: 1024px) { #book #fullpage .section.first-section .review { display: none; } } #book #fullpage .section.first-section .review.right-side { right: 0; } #book #fullpage .section.first-section .review.left-side { left: 0; } #book #fullpage .section.first-section .review .review-text { font-size: 36px; margin-bottom: 0.5rem; } #book #fullpage .section.first-section .review .review-author { font-size: 24px; text-transform: uppercase; font-weight: bold; } #book #fullpage .section.first-section .down-chevron { position: absolute; bottom: calc(4rem + 48px); left: 50%; transform: translateX(-50%); } #book #fullpage .section.first-section .down-chevron svg { height: 20px; width: 20px; } #book #fullpage .section.book-section .release-date { width: 33%; position: absolute; top: calc(50% - 48px); font-size: 36px; left: 0; color: white; transform: translateY(-50%); } #book #fullpage .section.book-section .release-date.right { left: auto; right: 0; } @media screen and (max-width: 1024px) { #book #fullpage .section.book-section .release-date { display: none; } } #book #fullpage .section.about-section { position: relative; } #book #fullpage .section.about-section .about-title { position: absolute; top: 2rem; left: 50%; transform: translateX(-50%); font-size: 36px; font-weight: 700; margin-bottom: 1rem; } @media screen and (max-width: 769px) { #book #fullpage .section.about-section .about-title { top: 1rem; margin-bottom: 0.5rem; } } #book #fullpage .section.about-section .about-container { overflow: hidden; position: absolute; width: 33%; background-color: #f2f2f2; top: calc(6rem - 48px); padding: 1rem; height: 66vh; text-align: left; left: 50%; transform: translateX(-50%); } @media screen and (max-width: 1024px) { #book #fullpage .section.about-section .about-container { width: 66%; } } @media screen and (max-width: 769px) { #book #fullpage .section.about-section .about-container { width: 90%; top: 5rem; height: 60vh; } } #book #fullpage .section.about-section .about-content { width: 110%; height: 99%; overflow: auto; padding-right: 1.5rem; font-size: 1rem; line-height: 1.5; } @media screen and (min-width: 2240px) { #book #fullpage .section.about-section .about-content { width: 100%; } } @media screen and (max-width: 2240px) { #book #fullpage .section.about-section .about-content { width: 105%; } } @media screen and (max-width: 1800px) { #book #fullpage .section.about-section .about-content { width: 110%; } } @media screen and (max-width: 1440px) { #book #fullpage .section.about-section .about-content { width: 107%; } } @media screen and (max-width: 1024px) { #book #fullpage .section.about-section .about-content { width: 105%; } } @media screen and (max-width: 769px) { #book #fullpage .section.about-section .about-content { width: 105%; font-size: 14px; } } #book #fullpage .section.about-section .about-content p { margin-bottom: 1rem; } #book #fullpage .section.reviews-section { background-color: #f2f2f2; } @media screen and (max-width: 1024px) { #book #fullpage .section.reviews-section { padding: 1rem 0; min-height: 80vh; } } #book #fullpage .section.reviews-section .fp-tableCell { vertical-align: top; } #book #fullpage .section.reviews-section .carousel-wrapper { height: calc(100% - 91px); display: -webkit-flex; display: flex; justify-content: center; align-items: center; background-color: #f2f2f2; } #book #fullpage .section.reviews-section .carousel-wrapper .owl-carousel { height: 100%; padding-top: 7rem; } @media screen and (max-width: 1441px) { #book #fullpage .section.reviews-section .carousel-wrapper .owl-carousel { padding-top: 4rem; } } #book #fullpage .section.reviews-section .carousel-wrapper .item { height: 100%; text-align: left; padding: 2rem; } @media screen and (max-width: 1024px) { #book #fullpage .section.reviews-section .carousel-wrapper .item { padding: 1rem; } } #book #fullpage .section.reviews-section .controls { position: absolute; top: 2rem; left: 50%; padding: 0 4rem; transform: translateX(-50%); font-size: 36px; font-weight: 700; z-index: 10; } @media screen and (max-width: 769px) { #book #fullpage .section.reviews-section .controls { font-size: 1.5rem; } } @media screen and (max-width: 1024px) { #book #fullpage .section.reviews-section .controls { top: 1rem; } } #book #fullpage .section.reviews-section .controls .next, #book #fullpage .section.reviews-section .controls .prev { padding-top: 4px; } #book #fullpage .section.reviews-section .controls .next svg, #book #fullpage .section.reviews-section .controls .prev svg { height: 28px; width: 28px; } #book #fullpage .section.reviews-section .fp-controlArrow { top: calc(50% - 48px); } #book #fullpage .section.reviews-section .fp-controlArrow.fp-next { border-color: transparent transparent transparent #6AC0C7; border-width: 24px 0 24px 24px; right: 3rem; } #book #fullpage .section.reviews-section .fp-controlArrow.fp-prev { border-width: 24px 24px 24px 0; border-color: transparent #6AC0C7 transparent transparent; left: 2rem; } #book #fullpage .section.reviews-section .review { padding: 0 60px; } @media screen and (max-width: 1024px) { #book #fullpage .section.reviews-section .review { padding: 0 2rem; } } #book #fullpage .section.reviews-section .review .review-title { font-size: 36px; font-weight: 700; margin: 1rem 0 1rem; color: #6AC0C7; text-align: left; } @media screen and (max-width: 769px) { #book #fullpage .section.reviews-section .review .review-title { font-size: 1.5rem; } } #book #fullpage .section.reviews-section .review .review-content { line-height: 1.5; text-align: left; } #book #fullpage .section.reviews-section .review .review-content.very-short-text { font-size: 15vh; } @media screen and (max-width: 1600px) { #book #fullpage .section.reviews-section .review .review-content.very-short-text { font-size: 12vh; } } @media screen and (max-width: 1024px) { #book #fullpage .section.reviews-section .review .review-content.very-short-text { font-size: 10vh; } } @media screen and (max-width: 768px) { #book #fullpage .section.reviews-section .review .review-content.very-short-text { font-size: 8vh; } } @media screen and (max-width: 769px) { #book #fullpage .section.reviews-section .review .review-content.very-short-text { font-size: 9vh; } } #book #fullpage .section.reviews-section .review .review-content.short-text { font-size: 9vh; } @media screen and (max-width: 1600px) { #book #fullpage .section.reviews-section .review .review-content.short-text { font-size: 8vh; } } @media screen and (max-width: 1024px) { #book #fullpage .section.reviews-section .review .review-content.short-text { font-size: 7vh; } } @media screen and (max-width: 768px) { #book #fullpage .section.reviews-section .review .review-content.short-text { font-size: 5.5vh; } } @media screen and (max-width: 769px) { #book #fullpage .section.reviews-section .review .review-content.short-text { font-size: 4vh; } } #book #fullpage .section.reviews-section .review .review-content.med-text { font-size: 5vh; } @media screen and (max-width: 1600px) { #book #fullpage .section.reviews-section .review .review-content.med-text { font-size: 4vh; } } @media screen and (max-width: 768px) { #book #fullpage .section.reviews-section .review .review-content.med-text { font-size: 3vh; } } @media screen and (max-width: 769px) { #book #fullpage .section.reviews-section .review .review-content.med-text { font-size: 2.2vh; } } #book #fullpage .section.reviews-section .review .review-content.long-text { font-size: 3vh; } @media screen and (max-width: 1600px) { #book #fullpage .section.reviews-section .review .review-content.long-text { font-size: 2.8vh; } } @media screen and (max-width: 1366px) { #book #fullpage .section.reviews-section .review .review-content.long-text { font-size: 2.6vh; } } @media screen and (max-width: 1024px) { #book #fullpage .section.reviews-section .review .review-content.long-text { font-size: 2.4vh; } } @media screen and (max-width: 768px) { #book #fullpage .section.reviews-section .review .review-content.long-text { font-size: 20px; } } @media screen and (max-width: 1024px) { #book #fullpage .section.reviews-section .review .review-content.long-text { font-size: 16px; max-height: 66vh; overflow-y: scroll; } } #book #fullpage .section.bio-section { background-color: #f2f2f2; } #book #fullpage .section.bio-section .bio-title { font-size: 36px; font-weight: 700; color: #6AC0C7; text-align: left; padding: 0rem 2rem 0 2rem; } @media screen and (max-width: 769px) { #book #fullpage .section.bio-section .bio-title { font-size: 1.5rem; } } @media screen and (max-width: 769px) { #book #fullpage .section.bio-section .bio-title { padding: 2rem 1rem 1rem; } } #book #fullpage .section.bio-section .bio-container { display: -webkit-flex; display: flex; flex-flow: row wrap; align-items: flex-start; height: 90%; padding: 2rem; } @media screen and (max-width: 769px) { #book #fullpage .section.bio-section .bio-container { padding: 1rem; } } #book #fullpage .section.bio-section .bio-container .side { display: inline-block; flex-basis: 50%; } @media screen and (max-width: 1024px) { #book #fullpage .section.bio-section .bio-container .side { flex-basis: 100%; } } #book #fullpage .section.bio-section .bio-container .side.right { flex-basis: 40%; } @media screen and (max-width: 1024px) { #book #fullpage .section.bio-section .bio-container .side.right { flex-basis: 100%; } } #book #fullpage .section.bio-section .bio-container .bio-content { font-size: 2.5vh; text-align: left; line-height: 1.5; padding-right: 2rem; } @media screen and (max-width: 1024px) { #book #fullpage .section.bio-section .bio-container .bio-content { margin-bottom: 1rem; } } @media screen and (max-width: 1600px) { #book #fullpage .section.bio-section .bio-container .bio-content { font-size: 2.5vh; } } @media screen and (max-width: 1366px) { #book #fullpage .section.bio-section .bio-container .bio-content { font-size: 2vh; padding-right: 1rem; } } @media screen and (max-width: 1024px) { #book #fullpage .section.bio-section .bio-container .bio-content { font-size: 2vh; } } @media screen and (max-width: 768px) { #book #fullpage .section.bio-section .bio-container .bio-content { font-size: 16px; padding: 0; } } #book #fullpage .section.bio-section .bio-container .bio-image { margin-bottom: 2rem; } @media screen and (max-width: 769px) { #book #fullpage .section.bio-section .bio-container .bio-image { margin: 1rem 0; } } #book #fullpage .section.bio-section .bio-container .bio-image img { height: auto; width: 100%; object-fit: cover; } #book #fullpage .section.bio-section .bio-container .bio-image .credits { padding: 0.25rem 0; font-size: 12px; text-align: left; } #book #fullpage .section.bio-section .bio-container .bio-contacts { display: -webkit-flex; display: flex; flex-flow: row wrap; justify-content: flex-start; } @media screen and (max-width: 1024px) { #book #fullpage .section.bio-section .bio-container .bio-contacts { margin-bottom: 5rem; display: block; } } #book #fullpage .section.bio-section .bio-container .bio-contacts .contact { padding: 1rem 0.5rem 0 0; flex-basis: 40%; text-align: left; } @media screen and (max-width: 1024px) { #book #fullpage .section.bio-section .bio-container .bio-contacts .contact { margin-bottom: 2rem; flex-basis: 100%; padding: 0; width: 100%; } } #book #fullpage .section.bio-section .bio-container .bio-contacts .contact .contact-title { font-weight: bold; margin-bottom: 1rem; } @media screen and (max-width: 1024px) { #book #fullpage .section.bio-section .bio-container .bio-contacts .contact .contact-title { margin-bottom: 0.5rem; } } #book #fullpage .section.bio-section .bio-container .bio-contacts .contact .contact-details { line-height: 1.3; } #book #fullpage .section.bio-section .bio-container .bio-contacts .contact .contact-details a:hover { color: #262626; } #book .book-links-container { background-color: white; position: fixed; bottom: 0; width: 100%; padding: 0.5rem; text-align: center; z-index: 99; } #book .book-links-container .buy-invite { font-size: 1rem; margin-bottom: 0.5rem; font-weight: bold; } @media screen and (max-width: 769px) { #book .book-links-container .buy-invite { font-size: 14px; } } #book .book-links-container .purchase-link { display: inline-block; font-size: 14px; } @media screen and (max-width: 769px) { #book .book-links-container .purchase-link { font-size: 12px; } } @media screen and (max-width: 340px) { #book .book-links-container .purchase-link { font-size: 10px; } } #book .book-links-container .purchase-link:hover { color: black; } #book .book-links-container .separator { display: inline-block; color: #6AC0C7; margin: 0 4px; } @media screen and (max-width: 769px) { #book .book-links-container .separator { margin: 0; } } #nk-book .container { display: -webkit-flex; display: flex; flex-flow: row wrap; height: 100vh; overflow: hidden; } #nk-book .container .side { flex-basis: 50%; min-height: 100vh; padding: 6rem 2rem 3rem; } #nk-book .container .side.left { background-color: #f2f2f2; display: -webkit-flex; display: flex; flex-flow: row wrap; position: relative; } #nk-book .container .side.left .book-cover { flex-basis: 60%; width: 20vw; position: absolute; top: 6rem; right: -3rem; padding: 1rem; } #nk-book .container .side.left .book-cover img { width: 25vw; height: auto; } #nk-book .container .side.left .book-cover .book-links-container { margin: 2rem 0 1rem; } #nk-book .container .side.left .book-cover .buy-invite { font-size: 18px; margin-bottom: 1rem; font-weight: bold; } #nk-book .container .side.left .book-cover .purchase-link { display: inline-block; font-size: 16px; color: black; } #nk-book .container .side.left .book-cover .purchase-link:hover { text-decoration: underline; } #nk-book .container .side.left .book-cover .separator { display: inline-block; color: black; margin: 0 4px; } @media screen and (max-width: 1700px) { #nk-book .container .side.left .book-cover img { width: 20vw; } } @media screen and (max-width: 1441px) { #nk-book .container .side.left .book-cover .book-links-container { margin: 1rem 0 0.5rem; } #nk-book .container .side.left .book-cover .buy-invite { margin-bottom: 0.5rem; } } @media screen and (max-width: 1024px) { #nk-book .container .side { padding: 4rem 2rem 3rem; } #nk-book .container .side.left { padding: 4rem 1.5rem; } #nk-book .container .side.left .book-cover { right: auto; left: 50%; transform: translateX(-50%); width: 75%; } #nk-book .container .side.left .book-cover img { width: 100%; } #nk-book .container .side.left .book-cover .buy-invite { font-size: 16px; } #nk-book .container .side.left .book-cover .purchase-link { font-size: 14px; } #nk-book .container .side.left .book-cover .separator { margin: 0 2px; } } @media screen and (max-width: 769px) { #nk-book .container { overflow: auto; height: auto; } #nk-book .container .side { flex-basis: 100%; padding: 2rem; min-height: 0; } #nk-book .container .side.left { padding: 4rem 1.5rem; } #nk-book .container .side.left .book-cover { flex-basis: 100%; position: static; display: block; width: 100%; transform: none; } #nk-book .container .side.left .book-cover img { max-width: none; } } #nk-book .container .side.right { background-color: white; padding: 6rem 8rem; overflow-y: scroll; height: 100%; -ms-overflow-style: none;} #nk-book .container .side.right::-webkit-scrollbar { display: none;} @media screen and (max-width: 1024px) { #nk-book .container .side.right { padding: 4rem; overflow-y: auto; } } @media screen and (max-width: 769px) { #nk-book .container .side.right { padding: 2rem; height: auto; } } #nk-book .container .side.right .book-title { font-size: 20px; text-align: center; } #nk-book .container .side.right .side-content { display: none; } @media screen and (max-width: 1024px) { #nk-book .container .side.right .side-content { display: block; } } #nk-book .container .side.right .side-content.visible { display: block; } #nk-book .container .side.right .side-content .title { font-family: 'Playfair Display', serif; font-weight: 900; font-size: 48px; text-transform: uppercase; margin: 1rem 0; text-align: center; } @media screen and (max-width: 1024px) { #nk-book .container .side.right .side-content .title { font-size: 36px; } } #nk-book .container .side.right .side-content .content p { margin-bottom: 0.5rem; color: #3c3c3c; } #nk-book .container .side.right .side-content.reviews .review { text-align: left; margin: 2rem 0; } #nk-book .container .side.right .side-content.reviews .review a { color: black; transition: all 0.2s ease-in-out; } #nk-book .container .side.right .side-content.reviews .review a:hover { color: #6AC0C7; text-decoration: none; } #nk-book .container .side.right .side-content.reviews .review a:hover p { color: #6AC0C7; text-decoration: none; } #nk-book .container .side.right .side-content.reviews .review .rev-author { font-size: 16px; font-weight: bold; } #nk-book .container .side.right .side-content.reviews .review .rev-content { margin-bottom: 1rem; } #nk-book .container .side.right .side-content.reviews .review .rev-content p { font-size: 22px; line-height: 1.4; color: #3c3c3c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #nk-book .container .side.right .side-content.description .desc-content p { line-height: 1.4; color: #3c3c3c; margin-bottom: 0.5rem; } #tour { background-color: #f2f2f2; } #tour .container { display: -webkit-flex; display: flex; flex-flow: row wrap; height: 100vh; overflow: hidden; } @media screen and (max-width: 1024px) { #tour .container { min-height: calc(100vh - 48px); height: auto; } } #tour .container .side { min-height: 100vh; padding: 6rem 2rem 3rem; } @media screen and (max-width: 1024px) { #tour .container .side { min-height: auto; padding: 2rem 1.5rem; } } #tour .container .side.left { flex-basis: 20%; width: 20%; } @media screen and (max-width: 1024px) { #tour .container .side.left { flex-basis: 100%; display: none; } } #tour .container .side.right { flex-basis: 80%; width: 80%; overflow-y: scroll; height: 100%; } @media screen and (max-width: 1024px) { #tour .container .side.right { flex-basis: 100%; overflow-y: auto; height: auto; } } #tour .container .side.right h1 { text-align: center; } #tour .container .side.right .tour-group { margin-top: 2rem; } #tour .container .side.right .tour-group:first-of-type { margin-top: 0; } @media screen and (max-width: 769px) { #tour .container .side.right .tour-group:first-of-type { margin-top: 2rem; } } #tour .container .side.right form { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; margin: 1rem 0;} #tour .container .side.right form p { padding-right: 8px; } #tour .container .side.right form p input { padding: 4px 8px; max-width: 185px; } #tour .container .side.right form p input[type="submit"] { color: #6AC0C7; text-decoration: none; border-bottom: 2px solid #6AC0C7; font-weight: bold; font-size: 16px; background: transparent; } #tour .wpcf7 form .wpcf7-response-output { margin: 0;} #tour .wpcf7 form.invalid .wpcf7-response-output, #tour .wpcf7 form.unaccepted .wpcf7-response-output { margin: 0 auto 0 0; font-size: 14px; border-width: 0; border-bottom-width: 2px; padding: 0;} #tour .wpcf7-not-valid-tip { font-size: 14px; padding: 4px 8px 0; } @media screen and (max-width: 769px) { #tour .container .side.right form p input { width: 100%; max-width: 100%; margin-top: 12px; } #tour .wpcf7 form.invalid .wpcf7-response-output, #tour .wpcf7 form.unaccepted .wpcf7-response-output { font-size: 13px;} } #tour .container .side.right .group-title { font-size: 16px; font-weight: bold; padding: 0.5rem; } @media screen and (max-width: 1024px) { #tour .container .side.right .group-title { padding: 0.5rem 0; } } #tour .container .side.right .tour-dates { margin: 1rem 0; } @media screen and (max-width: 769px) { #tour .container .side.right .tour-dates { margin: 0.5rem 0; } } #tour .container .side.right .tour-dates .event { flex-basis: 100%; display: -webkit-flex; display: flex; flex-flow: row wrap; padding: 0.5rem; } #tour .container .side.right .tour-dates .event.past div, #tour .container .side.right .tour-dates .event.past a { color: #a8a8a8; } #tour .container .side.right .tour-dates .event div { padding: 0 0.5rem; } #tour .container .side.right .tour-dates .event div.event-date { flex-basis: 15%; } #tour .container .side.right .tour-dates .event div.event-title { flex-basis: 25%; } #tour .container .side.right .tour-dates .event div.event-type { flex-basis: 15%; } #tour .container .side.right .tour-dates .event div.hours { flex-basis: 10%; } #tour .container .side.right .tour-dates .event div.tickets { flex-basis: 10%; } #tour .container .side.right .tour-dates .event div.location { flex-basis: 25%; } @media screen and (max-width: 1024px) { #tour .container .side.right .tour-dates .event div { flex-basis: 33.3% !important; margin-bottom: 0.25rem; padding: 0; } } @media screen and (max-width: 769px) { #tour .container .side.right .tour-dates .event div { flex-basis: 50% !important; } } #tour .container .side.right .tour-dates .event:nth-of-type(odd) { background-color: white; } #tour .container .side.right .tour-dates .event .tickets { color: #6AC0C7; } #about { background-color: #f2f2f2; } #about .container { display: -webkit-flex; display: flex; flex-flow: row wrap; height: 100vh; overflow: hidden; } #about .container .side { min-height: calc(100vh - 48px); padding: 6rem 2rem 3rem; } @media screen and (max-width: 1024px) { #about .container .side { padding: 4rem 1.5rem; } } @media screen and (max-width: 769px) { #about .container .side { padding: 4rem 1.5rem; } } #about .container .side.left { flex-basis: 20%; width: 20%; } @media screen and (max-width: 1024px) { #about .container .side.left { flex-basis: 100%; display: none; } } #about .container .side.right { flex-basis: 80%; width: 80%; overflow-y: scroll; height: 100%; } @media screen and (max-width: 1024px) { #about .container .side.right { flex-basis: 100%; width: 100%; min-height: calc(100vh - 48px); overflow-y: auto; } } #about .container .side.right .writer-images { max-width: 800px; height: 534px; margin-bottom: 5rem; position: relative; } @media screen and (max-width: 1024px) { #about .container .side.right .writer-images { width: 100%; height: auto; max-width: none; margin-bottom: 2rem; } } #about .container .side.right .writer-images .photo-credit { transform: translate(-35%, -50%) rotate(90deg); position: absolute; top: 50%; left: 800px; width: 200px; font-size: 14px; text-align: center; letter-spacing: 1px; color: #a8a8a8; } @media screen and (max-width: 1024px) { #about .container .side.right .writer-images .photo-credit { position: static; transform: none; padding: 1rem 0; text-align: left; } } @media screen and (max-width: 769px) { #about .container .side.right .writer-images .photo-credit { font-size: 12px; padding: 0.5rem 0; } } #about .container .side.right .carousel-wrapper .item { min-height: 534px; } @media screen and (max-width: 1024px) { #about .container .side.right .carousel-wrapper .item { width: 100%; height: 56.25%; min-height: 50vw; } } #about .container .side.right .carousel-wrapper .owl-dots { bottom: 1rem; } #about .container .side.right .carousel-wrapper .owl-dots .owl-dot { height: 8px; width: 8px; margin: 0 8px; background-color: #fff; } #about .container .side.right .carousel-wrapper .owl-dots .owl-dot.active { background-color: #6AC0C7; } #about .container .side.right .writer-content { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; font-size: 20px; line-height: 1.5; max-width: 800px; } @media screen and (max-width: 1024px) { #about .container .side.right .writer-content { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; max-width: 100%; } } #contact { background-color: #f2f2f2; } #contact .container { display: -webkit-flex; display: flex; flex-flow: row wrap; height: 100vh; overflow: hidden; } #contact .container .side { min-height: 100vh; padding: 6rem 2rem 3rem; } #contact .container .side.left { flex-basis: 20%; width: 20%; position: fixed; } @media screen and (max-width: 1024px) { #contact .container .side.left { flex-basis: 100%; display: none; } } #contact .container .side.right { flex-basis: 100%; overflow-y: scroll; height: 100%; } @media screen and (max-width: 1024px) { #contact .container .side.right { padding: 2rem 1.5rem; flex-basis: 100%; overflow-y: auto; } } #contact .container .side.right .content { text-align: center; letter-spacing: 1px; } #contact .container .side.right .content h3, #contact .container .side.right .content h4, #contact .container .side.right .content p { color: #858585; margin-bottom: 1rem; font-weight: normal; } #contact .container .side.right .content h3 a, #contact .container .side.right .content h4 a, #contact .container .side.right .content p a { color: #858585; transition: color 0.2s ease-out; } #contact .container .side.right .content h3 a:hover, #contact .container .side.right .content h4 a:hover, #contact .container .side.right .content p a:hover { color: #6AC0C7; } #contact .container .side.right .content h3 { font-size: 20px; border-bottom: 4px solid #6AC0C7; margin: 1.5rem auto 1.5rem; padding-bottom: 0.25rem; display: inline-block; font-weight: bold; color: #6AC0C7; } @media screen and (max-width: 1024px) { #contact .container .side.right .content h3 { font-size: 14px; } } #contact .container .side.right .content h3 a { color: #6AC0C7; } #contact .container .side.right .content h4 { font-size: 28px; margin-bottom: 0; line-height: 1.4; font-weight: bold; } @media screen and (max-width: 1024px) { #contact .container .side.right .content h4 { font-size: 18px; } } #contact .container .side.right .content p { margin-bottom: 0; line-height: 1.4; font-size: 14px; } #contact .container .side.right .content p:first-of-type { margin-top: 0.5rem; } @media screen and (max-width: 1024px) { #contact .container .side.right .content p { font-size: 12px; } } #contact .container .side.right .content form p { margin-bottom: 12px; } #contact .container .side.right .content form p input, #contact .container .side.right .content form p textarea { padding: 4px 8px; margin-top: 6px;} #contact .container .side.right .content form p input[type="submit"] { color: #6AC0C7; text-decoration: none; border-bottom: 4px solid #6AC0C7; font-weight: bold; font-size: 20px; } #contact .container .side.right .content form .ajax-loader { display: block; text-align: center;} .wpcf7 form .wpcf7-response-output { max-width: 600px; margin: 1rem auto; font-size: 16px; border-width: 0; border-bottom-width: 2px;} .wpcf7 form.sent .wpcf7-response-output { border-color: #6AC0C7; } .grecaptcha-badge { opacity: 0 !important;} #fp-nav.right { right: 8px !important; } #fp-nav ul li a span, #fp-nav .fp-slidesNav ul li a span { background: #6AC0C7 !important; } #home { background-color: #f2f2f2; height: calc(100vh - 48px); margin-top: 48px; } #home .workarea .section { position: relative; text-align: center; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; min-height: calc(100vh - 48px); } @media screen and (max-width: 1024px) { #home .workarea .section { background-attachment: scroll; min-height: calc(100vh - 48px); transition: height 2000s linear; } } #home .workarea .section.book-section .release-date { width: 33%; position: absolute; top: calc(50% - 48px); font-size: 36px; left: 0; color: white; transform: translateY(-50%); } #home .workarea .section.book-section .release-date.right { left: auto; right: 0; } @media screen and (max-width: 1024px) { #home .workarea .section.book-section .release-date { display: none; } } #home .workarea .section.book-section .scroll-down { position: absolute; text-transform: lowercase; font-weight: bold; color: white; left: 50%; bottom: 2rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #home .workarea .section.about-section .about-title { position: absolute; top: 2rem; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-size: 36px; font-weight: 700; margin-bottom: 1rem; } @media screen and (max-width: 769px) { #home .workarea .section.about-section .about-title { top: 1rem; margin-bottom: 0.5rem; } } #home .workarea .section.about-section .about-container { display: -webkit-flex; display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; width: 95%; top: 50%; left: 50%; padding: 1rem; transform: translate(-50%, -50%); } #home .workarea .section.about-section .about-container h1 { font-size: 20px; border: 4px solid white; width: auto; display: inline-block; padding: 0.25rem 0.5rem; margin-bottom: 2rem; } @media screen and (max-width: 769px) { #home .workarea .section.about-section .about-container h1 { font-size: 1.5rem; } } #home .workarea .section.about-section .about-container h2 { margin: 3rem 0 1rem; font-size: 5rem; line-height: 1; text-transform: uppercase; } @media screen and (max-width: 769px) { #home .workarea .section.about-section .about-container h2 { font-size: 2rem; margin: 2rem 0 1rem; } } #home .workarea .section.about-section .about-container h2 a { display: inline-block; color: white; border-bottom: 8px solid transparent; text-transform: uppercase; transition: all 0s linear; } #home .workarea .section.about-section .about-container h2 a:hover { border-bottom: 8px solid white; } #home .workarea .section.about-section .about-container h1, #home .workarea .section.about-section .about-container h2 { color: white; text-shadow: 1px 1px 10px rgba(150, 150, 150, 0.25); } #home .book-links-container { width: 100%; padding: 0.5rem; text-align: center; z-index: 99; } #home .book-links-container .buy-invite { font-size: 1rem; margin-bottom: 0.5rem; font-weight: bold; } @media screen and (max-width: 769px) { #home .book-links-container .buy-invite { font-size: 14px; } } #home .book-links-container .purchase-link { display: inline-block; color: white; text-shadow: 2px 2px 16px #969696; text-transform: uppercase; font-size: 20px; font-weight: bold; border-bottom: 4px solid transparent; transition: all 0s linear; } #home .book-links-container .purchase-link:hover { border-bottom: 4px solid white; } @media screen and (max-width: 769px) { #home .book-links-container .purchase-link { font-size: 16px; } } #home .book-links-container .separator { display: inline-block; color: white; margin: 0 4px; font-weight: bold; } @media screen and (max-width: 769px) { #home .book-links-container .separator { margin: 0; } } body.page-template-page-press #masthead { background-color: transparent; height: 3rem; } #press .container { display: -webkit-flex; display: flex; flex-flow: row wrap; height: 100vh; overflow: hidden; } #press .container .side { flex-basis: 50%; min-height: 100vh; padding: 6rem 2rem 3rem; } #press .container .side.left { background-color: white; display: -webkit-flex; display: flex; flex-flow: row wrap; position: relative; } #press .container .side.left h1 { font-size: 16px;} #press .container .side.right { padding: 6rem 2rem; overflow-y: scroll; height: 100%; } #press .container .side.right .press-links-section { margin-bottom: 4rem; } #press .container .side.right .press-links-section .section-title { color: white; font-size: 28px; font-weight: bold; margin-bottom: 2rem; } #press .container .side.right .press-links-section .section-title span { border-bottom: 4px solid white; } #press .container .side.right .press-links-section .press-link { color: #262626; font-size: 16px; margin-bottom: 1rem; display: block; font-weight: bold; } #press .container .side.right .press-links-section .press-link:hover, #press .container .side.right .press-links-section .press-link:hover span { color: white; } #press .container .side.right .press-links-section .press-link span { color: rgba(0, 0, 0, 0.75); font-size: 14px; margin-left: 0.5rem; font-weight: normal; transition: all 0.2s ease-in-out; } @media screen and (max-width: 1024px) { #press .container { min-height: calc(100vh - 48px); height: auto; } #press .container .side { padding: 4rem 1.5rem 3rem; } #press .container .side.right { padding: 1.5rem; overflow-y: auto; height: auto; flex-basis: 100%; } #press .container .side.right .press-links-section { margin-bottom: 2rem; } #press .container .side.left { padding: 4rem 2rem; display: none; } } @media screen and (max-width: 769px) { body.page-template-page-press #masthead { background-color: white; } #press .container { overflow: initial; } #press .container .side { flex-basis: 100%; padding: 1.5rem; min-height: 0; } } /*# sourceMappingURL=style.css.map */