@charset "UTF-8"; /*! Theme Name: Preface Theme URI: http://preface.wpengine.com Description: A Theme for Authors. Author: MeanThemes Author URI: http://meanthemes.com/ License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 1.1.9 Tags: light, white, gray, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready Date Modified: 17th August 2016 ========================================================================== */ /* ========================================================================== Resets & Box Sizing ========================================================================== */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } ins { background-color: #ff9; color: #333; text-decoration: none; } mark { background-color: #ff9; color: #333; font-style: italic; font-weight: 700; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } body { font: 13px/1.231 sans-serif; } select, input, textarea, button { font: 99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } a:hover, a:active { outline: none; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } nav ul, nav li { list-style: none; list-style-image: none; margin: 0; } small { font-size: 85%; } strong, th { font-weight: 700; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -.5em; } sub { bottom: -.25em; } pre { white-space: pre-wrap; word-wrap: break-word; padding: 1em; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="checkbox"] { vertical-align: bottom; } .ie7 input[type="checkbox"] { vertical-align: baseline; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } input[type="radio"], .ie6 input { vertical-align: text-bottom; } em, i { font-style: oblique; } img { max-width: 100%; height: auto; } * { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ========================================================================== Plugins ========================================================================== */ /* ========================================================================== Contact Form 7 ========================================================================== */ body input[type=text].wpcf7-not-valid, body input[type=email].wpcf7-not-valid, body input[type=tel].wpcf7-not-valid, body textarea.wpcf7-not-valid { border: 2px solid #fb4040; } body span.wpcf7-not-valid-tip { display: block; color: #fb4040; border: none; position: relative; top: auto; left: auto; padding: 0; margin-top: 2px; background: none; font-size: 15px; } body div.wpcf7-validation-errors { background: #ffe2e2; border: 2px solid #ff8a8a; color: #fb4040; } body div.wpcf7-response-output { margin: 10px 0 35px 0; padding: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } body .wpcf7-mail-sent-ng { background: #fff2e2; border: 2px solid #ffbc8a; color: #e17731; } body .wpcf7-mail-sent-ok { background: #e8ffe2; border: 2px solid #6fdf51; color: #1ea524; } /* ========================================================================== Zilla Likes ========================================================================== */ article .zilla-likes { padding-top: 40px; padding-bottom: 20px; padding-left: 0; text-decoration: none; width: 100%; text-align: center; background: none; font-family: 'Helvetica', Arial, sans-serif; font-size: 20px; } article .zilla-likes .zilla-likes-count:before { content: ''; width: 60px; height: 60px; display: block; background: url(assets/img/zillalikes-on.svg) center center no-repeat; background: url(assets/img/zillalikes-off.svg) center center no-repeat; margin: 0 auto -43px auto; } article .zilla-likes:hover, article .zilla-likes.active { background: none; padding-left: 0 !important; } article .zilla-likes:hover .zilla-likes-count:before, article .zilla-likes.active .zilla-likes-count:before { background: url(assets/img/zillalikes-on.svg) center center no-repeat; } article .zilla-likes:hover .zilla-likes-count:before { -webkit-animation: pulsate 1s ease-in-out; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 0.9); } 50% { -webkit-transform: scale(1, 1); } 75% { -webkit-transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); } } /* Pinterest Pro CSS override */ .main article:first-of-type a.pib-hover-btn-link { top: 100px !important; } /* ========================================================================== Infinite Scroll: https://wordpress.org/plugins/infinite-scroll/ ========================================================================== */ #infscr-loading { display: inline-block; width: 100%; text-align: center; padding: 40px; } #infscr-loading img { display: none !important; } /* ========================================================================== MeanMenu ========================================================================== */ /*! ####################################################################### MeanMenu 2.0.6 -------- To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) ####################################################################### */ /* hide the link until viewport size is reached */ a.meanmenu-reveal { display: none; } /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar { float: left; width: 100%; position: relative; background: #1d1d1d; padding: 4px 0; min-height: 42px; z-index: 999999; font-size: 18px; font-size: 1.8rem; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-nav { float: left; width: 100%; background: #1d1d1d; margin-top: 44px; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 16px 5%; margin: 0; text-align: left; color: #fff; border-top: 1px solid #383838; border-top: 1px solid rgba(255, 255, 255, 0.5); text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li li a { width: 80%; padding: 16px 10%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { width: 70%; padding: 16px 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 16px 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 16px 25%; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255, 255, 255, 0.1); } .mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 32px; padding: 14px 12px 8px 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255, 255, 255, 0.1); border: none !important; border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0, 0, 0, 0.9); } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } /* Fix for box sizing on Foundation Framework etc. */ .mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mean-remove { display: none !important; } /* ========================================================================== JP Player ========================================================================== */ /* * Skin for jPlayer Plugin (http://jplayer.org/) * jPlayer Version: 2.5.0 * * Based on Author: @thelukemcdonald (lukemcdonald.com) implementation and design by @ormanclark (premiumpixels.com). */ .jp-interface { margin: 0 auto; height: 50px; overflow: hidden; position: relative; background: #272727; } .entry-content-media-audio { position: relative; } article .jp-interface ul, article .jp-interface ul li { padding: 0; margin: 0; line-height: 0; } ul.jp-controls, .jp-interface ul.jp-controls li { position: absolute; width: 49px; height: 34px; } .jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; z-index: 2; } .jp-interface ul.jp-controls a span { display: block; overflow: hidden; } a.jp-play span, a.jp-pause span { height: 50px; width: 50px; } a.jp-play span, a.jp-pause span { background: url(assets/img/audio.png) 10px -4px no-repeat; } a.jp-pause span { background-position: 10px -66px; display: none; } a.jp-pause:hover span, a.jp-play:hover span { opacity: .7; } div.jp-progress { background-color: #5F5F5F; margin: 20px 25px 0 50px; } div.jp-seek-bar { cursor: pointer; height: 100%; width: 0; background-color: #efefef; background: rgba(255, 255, 255, 0.3); } div.jp-seeking-bg { display: none; } div.jp-play-bar { background: rgba(255, 255, 255, 0.3); height: 11px; width: 0; } .jp-audio, .jp-video { clear: both; } div.jp-jplayer audio, div.jp-jplayer { width: 0; height: 0; } .jp-video .jp-jplayer { height: auto !important; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { cursor: url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Owl Pagination*/ .owl-pagination { text-align: center; } .owl-controls .owl-page { margin-top: 30px; display: inline-block; zoom: 1; text-align: center; } .owl-controls .owl-page span { display: block; width: 8px; height: 8px; margin: 5px 4px; opacity: 0.5; border-radius: 20px; background: #323f4b; } .article .owl-controls .owl-page span, .single-portfolio .type-portfolio .owl-controls .owl-page span { background: #323f4b; margin-top: -10px; margin-bottom: -40px; } .owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span { opacity: 1; } /* ========================================================================== Zilla Likes ========================================================================== */ article .zilla-likes { padding-top: 40px; padding-bottom: 20px; padding-left: 0; text-decoration: none; width: 100%; text-align: center; background: none; font-family: 'Helvetica', Arial, sans-serif; font-size: 20px; } article .zilla-likes .zilla-likes-count:before { content: ''; width: 60px; height: 60px; display: block; background: url(assets/img/zillalikes-on.svg) center center no-repeat; background: url(assets/img/zillalikes-off.svg) center center no-repeat; margin: 0 auto -43px auto; } article .zilla-likes:hover, article .zilla-likes.active { background: none; padding-left: 0 !important; } article .zilla-likes:hover .zilla-likes-count:before, article .zilla-likes.active .zilla-likes-count:before { background: url(assets/img/zillalikes-on.svg) center center no-repeat; } article .zilla-likes:hover .zilla-likes-count:before { -webkit-animation: pulsate 1s ease-in-out; -webkit-animation-iteration-count: infinite; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(1, 1); } 25% { -webkit-transform: scale(0.9, 0.9); } 50% { -webkit-transform: scale(1, 1); } 75% { -webkit-transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); } } /* ========================================================================== Tables ========================================================================== */ table { max-width: 100%; } table, table td, table th { border: 1px solid #ccc; border-collapse: collapse; } table td, table th { padding: 10px; } table th { background: #f3f3f3; font-weight: 700; } table tr:nth-child(odd) td { background: #f9f9f9; } /* ========================================================================== Code etc. ========================================================================== */ dl { margin: 1.6em 0; } dl dt { float: left; width: 180px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; margin-bottom: 1em; } dl dd { margin-left: 200px; margin-bottom: 1em; } .gallery dl { margin: auto; } .gallery dl dt { float: none; width: auto; overflow: auto; clear: none; text-align: inherit; text-overflow: none; white-space: inherit; font-weight: inherit; margin-bottom: auto; } .gallery dl dd { margin-left: auto; margin-bottom: auto; } .gallery dd.wp-caption-text { position: relative; top: 0; left: 0; bottom: 0; width: auto; background: none; margin: auto !important; padding: 0.25em !important; } mark { background-color: #ffc336; } code, tt { padding: 0 4px; font-family: "Courier New", monospace, sans-serif; border: 1px solid #E3EDF3; background: #F7FAFB; border-radius: 2px; display: inline-block; } pre { margin: 0 0 20px 0; border: 1px solid #E3EDF3; width: 96%; padding: 20px; font-family: "Courier New", monospace, sans-serif; white-space: pre; overflow: auto; background: #F7FAFB; border-radius: 3px; } pre code, tt { font-size: inherit; white-space: -moz-pre-wrap; white-space: pre-wrap; background: transparent; border: none; padding: 0; } kbd { display: inline-block; margin-bottom: 0.4em; padding: 1px 8px; border: #ccc 1px solid; color: #666; text-shadow: #fff 0 1px 0; font-size: 0.9em; font-weight: bold; background: #f4f4f4; border-radius: 4px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 #fff inset; } /* ========================================================================== Forms ========================================================================== */ ::-webkit-input-placeholder { color: #8c8c8c; } :-moz-placeholder { /* Firefox 18- */ color: #8c8c8c; } ::-moz-placeholder { /* Firefox 19+ */ color: #8c8c8c; } :-ms-input-placeholder { color: #8c8c8c; } input[type="text"], input[type="url"], input[type="email"], input[type="tel"], input[type="password"], textarea { background-color: #f9f9f9; border-radius: 0; -webkit-appearance: none; outline: none; width: auto; padding: 10px 10px 12px 10px; border: 2px solid #404040; font-size: 16px; font-size: 1.6rem; font-weight: 400; font-family: Helvetica, Arial, sans-serif; width: 100%; } input[type="submit"], button { -webkit-appearance: none; } input[type="text"]:hover, input[type="url"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="password"]:hover, textarea:hover { background-color: #fff; color: #404040; } input[type="text"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, textarea:focus { background-color: #fff; border-color: #06b25b; color: #404040; box-shadow: none; } select { width: 100%; } input.searchsubmit, input[type="submit"].searchsubmit { display: none; } /* ========================================================================== WordPress Defaults ========================================================================== */ .alignnone { margin: 5px 0 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .aligncenter, div.aligncenter, .aligncenter { display: block; margin: 5px auto; clear: both; } .alignright, a img.alignright { float: right; margin: 5px 0 20px 20px; } .alignleft, a img.alignleft { float: left; margin: 5px 20px 20px 0; } .wp-caption { max-width: 100%; } .sticky { font-style: normal; } .gallery-caption { font-style: normal; font-size: 80%; } .bypostauthor .avatar { border-color: #ccc; } .wp-caption-text { position: absolute; top: 15px; left: 15px; padding: 15px 12px !important; margin: 0 !important; line-height: 1; background: #fff; background: rgba(255, 255, 255, 0.8); font-size: 90% !important; -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } .wp-caption-text.featured-text { left: auto; right: 15px; } .wp-caption, .post-image:hover, .part-gallery div:hover { position: relative; } .wp-caption:hover .wp-caption-text, .post-image:hover:hover .wp-caption-text, .part-gallery div:hover:hover .wp-caption-text { opacity: 0; } /* calendar widget */ #wp-calendar { width: 85%; margin: 0 auto; max-width: 400px; font-size: 13px; font-size: 1.3rem; font-family: 'Lato', Arial, Verdana, sans-serif; font-weight: 900; } #wp-calendar caption { text-align: center; font-size: 18px; font-size: 1.8rem; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 13px; font-size: 1.3rem; } #wp-calendar thead th, #wp-calendar td { border: none; } #wp-calendar thead th { padding-bottom: 10px; font-weight: 700; text-align: center; padding: 8px; background: none; border-bottom: 1px solid #ccc; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } #wp-calendar tbody { color: #414141; } table#wp-calendar td { background: none; } #wp-calendar tbody td { background: none; border: none; text-align: center; padding: 5px; } #wp-calendar td a { background: #ccc; display: inline-block; color: #000; display: block; margin: auto; padding: 4px; width: 25px; height: 25px; line-height: 19px; margin-top: -2px; } #wp-calendar td#today { position: relative; padding-top: 6px; } #wp-calendar td#today:before { position: absolute; left: 0; top: 0; content: ''; display: block; margin: 2px auto 0 auto; border-radius: 50px; padding: 0; width: 28px; height: 25px; line-height: 20px; color: #000; } #wp-calendar tfoot a { display: inline-block; padding: 0; background: none; color: #fff; } #wp-calendar tbody tr td.pad:hover { background: none; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 12px; font-size: 1.2rem; text-transform: uppercase; text-align: right; white-space: nowrap; } #wp-calendar tfoot #prev a { font-size: 12px; font-size: 1.2rem; text-transform: uppercase; color: #fff; white-space: nowrap; } /* ========================================================================== Global ========================================================================== */ html { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-size: 62.5%; height: 100%; } body { margin: 0; padding: 0; color: #404040; font-family: 'PT Serif', Georgia, 'Times New Roman', serif; } input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], textarea, input[type="submit"] { font-family: 'PT Serif', Georgia, 'Times New Roman', serif; } .widget input.searchsubmit { display: none; } b, strong, .more-link, footer.footer, .share { font-weight: 700; } .wrap { display: inline-block; width: 100%; border: 10px solid #fff; } .main-wrap { margin: 0 auto; max-width: 1210px; } .inner-wrap { display: inline-block; width: 100%; } .max-wrap { margin: 0 auto; max-width: 1280px; } header.header { position: relative; padding: 60px 30px 150px 30px; margin-bottom: -95px; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center center; } header.header.socials-active { padding-top: 120px; } header.header .socials { position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.05); padding: 6px 10px; } header.header nav { position: relative; margin-top: 35px; display: block; font-size: 18px; font-size: 1.8rem; } header.header nav li { margin-left: 20px; display: inline-block; position: relative; } header.header nav li a { display: inline-block; padding-bottom: 5px; } header.header nav li:first-child { margin-left: 0; } header.header nav li:hover > ul { display: block; } header.header nav li ul { display: none; position: absolute; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); margin: 0; padding: 10px 0; left: 0; top: 100%; width: 200px; float: left; z-index: 4; } header.header nav li ul li { display: block; width: 100%; clear: both; margin: 0; padding: 0; position: relative; } header.header nav li ul li a { display: block; width: 100%; padding: 7px 20px; font-size: 80%; text-align: left; } header.header nav li ul ul { left: 200px; display: none; top: 0; } footer.footer { margin-top: 60px; padding: 20px; text-align: center; } footer.footer.socials-active #footer-text { margin-bottom: 10px; } footer.footer.socials-active .socials { margin-bottom: -10px; } .post-template iframe, .post-template .post-template div.fluid-width-video-wrapper { margin: 20px 0; } .logo, .logo:hover { -o-transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } .logo:hover { opacity: 0.8; } .blog-title:after, .main-archive h2:after, h1:after, .format-quote .quote-source:before, .author-bio h6:after, h1.searching:after, .item-blog h4:after, .item-books h4:after { content: ''; display: block; margin: 20px auto; width: 22px; height: 5px; background-color: #000; opacity: 0.1; } h1:after { margin-left: 0; } .blog-tagline { opacity: 0.8; filter: alpha(opacity=80); } section.main { margin: 0 auto; width: 100%; max-width: 904px; } ::-moz-selection { background: #fff4d8; text-shadow: none; } ::selection { background: #fff4d8; text-shadow: none; } a:visited { opacity: 0.8; } a, a:hover, img, img:hover, button, input, button:hover, input:hover, textarea, textarea:hover { -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } input[type="text"], input[type="url"], input[type="password"], input[type="tel"], input[type="email"], textarea { background-color: rgba(0, 0, 0, 0.05); } input[type="text"]:hover, input[type="url"]:hover, input[type="password"]:hover, input[type="tel"]:hover, textarea:hover, textarea:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="email"]:hover { background-color: rgba(0, 0, 0, 0.1); } ul, ol { margin: 1.6em 0; line-height: 1.7; } ul, ol { margin: 1.6em 1.75em; } article h4 + ul { margin-top: 0.7em; } ol ol, ul ul, ul ol, ol ul { margin: 0.4em 1.25em; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #eaeaea; margin: 3.2em 0; padding: 0; } blockquote { margin: 20px 0; font-size: 130%; text-align: center; padding: 30px; font-style: oblique; } blockquote p { margin: 0; } blockquote small { display: block; margin: 0.8em 0 0.8em 1.5em; font-size: 70%; color: #404040; text-align: right; } blockquote cite { font-weight: 700; } /* ========================================================================== Content Layout ========================================================================== */ #comments { background-color: #fff; } .post { position: relative; background-color: #fff; } .post time { position: absolute; top: -10px; left: 10px; z-index: 1; width: 64px; height: 64px; font-weight: 700; font-size: 15px; font-size: 1.5rem; text-transform: uppercase; line-height: 1; text-align: center; padding: 12px; } .post time span { font-size: 25px; font-size: 2.5rem; display: block; margin-bottom: -2px; } /* ========================================================================== Home / Archive ========================================================================== */ .main-archive .post { margin-bottom: 50px; } .main-archive .post .more-link { display: block; margin-top: 20px; } .main-archive .post.no-image .inner { padding-top: 20px; } .main-archive .post.no-image h2 { margin-top: 45px; } .main-archive .post.no-image.format-video h2 { margin-top: 40px; } .main-archive .post.no-image.format-quote h2 { margin-top: 20px; } .main-archive .post.format-link { margin-top: -20px; margin-bottom: 80px; } .main-archive .inner { text-align: center; } ul.meta { margin: 0; padding: 0; list-style-type: none; } ul.meta li { display: inline; } ul.meta li:before { content: " | "; } ul.meta li:first-child:before { content: ''; } ul.meta.top, .post-tags.tag { padding: 10px 0; } footer.footer p { margin: 0; } .post { width: 100%; display: inline-block; margin-bottom: 10px; } .format-quote h2.quote, .format-quote h1.quote { position: relative; padding-left: 10px; padding-right: 10px; margin-top: 30px; text-align: center; } .format-quote h2.quote:before, .format-quote h1.quote:before { content: ' “ '; } .format-quote h2.quote:after, .format-quote h1.quote:after { content: ' ” '; background: none; width: auto; display: inline; opacity: 1; } /* ========================================================================== Single Post ========================================================================== */ .format-link h3.link, .format-link .meta { text-align: center; } .single-post .no-image .inner { margin-top: 50px; } .single-post .no-image.format-video .inner { margin-top: 0; } .jp-audio.fullwidth { margin-top: -5px; } .no-image .jp-audio.fullwidth { width: 80%; margin: 0 auto; margin-top: 150px; } .single-post .format-audio.no-image .inner { margin-top: 0; } .format-link h3.link { margin-top: 0; } .single-post .format-link.no-image h3.link { margin-top: -30px; } .single-post .post.format-link { margin-bottom: 50px; } .format-link .inner { padding: 0; } .format-link h3.link a { display: block; padding: 70px 20px; } .inner { padding: 40px 10px; } .author-wrap { margin: 25px 0 0 0; padding: 50px 0 0 0; text-align: center; } ul.sharer { margin: 0; padding: 0; } ul.sharer li:before { content: ''; } ul.sharer li a { padding: 5px 0; margin-left: 4px; margin-right: -3px; display: inline-block; } ul.sharer li a span { display: none; } ul.sharer li a:hover { opacity: 0.6; } .author-avatar { display: inline-block; } .author-avatar img { width: 65px; height: 65px; border-radius: 100px; border: 4px solid #efefef; } .author-wrap .author-avatar img, .author-enhanced .author-avatar img { width: 96px; height: 96px; } .author-enhanced .author-avatar img { margin-bottom: 10px; } .author-bio h6 { margin-top: 20px; } .comments-inner, #reply-title, .comment-form { padding-left: 10px; padding-right: 10px; } #comments { margin-top: -10px; padding-top: 40px; padding-bottom: 40px; border-top: 5px solid #ececec; } #comments h3 { margin-top: 0; } .comment-respond { margin-top: 35px; padding-top: 40px; border-top: 5px solid #ececec; } .commentlist, .commentlist ul { list-style-type: none; padding: 0; margin: 0; } .commentlist .comment-moderation, .commentlist ul .comment-moderation { padding: 20px 20px 0 80px; display: block; } .commentlist a.comment-reply-link, .commentlist ul a.comment-reply-link { display: inline-block; margin-top: 10px; border: 2px solid #06b25b; padding: 3px 8px; } .commentlist li { padding: 20px 0; margin: 0; border-top: 3px solid #fafafa; } .commentlist ul { padding: 40px; position: relative; display: block; } .commentlist li:first-child { border-top: none; } .commentlist ul li:last-child { padding-bottom: 0; margin-bottom: -20px; } .commentlist li:first-child li, .commentlist ul li { border-top: 1px solid #efefef; padding-top: 30px; } .commentlist ul:before { content: '↵'; position: absolute; top: 60px; right: 60px; color: #dfe4e4; } .commentlist .author-avatar { float: left; } .commentlist .comment-date, .post-tags.tag { display: block; } .commentlist .comment-body { padding-left: 80px; } .post-image { position: relative; display: inline-block; max-width: 100%; } .post-image img { display: block; } .widgets, .widgets-sidebar { position: relative; width: 100%; margin: 0 auto; text-align: center; padding: 50px 40px; font-size: 17px; font-size: 1.7rem; min-height: 130px; } .widgets-sidebar { background: none; min-height: 0; } /* Github */ .gist table { margin: 0; font-size: 1.4rem; } .gist .line-number { min-width: 25px; font-size: 1.1rem; } /* ========================================================================== Pagination ========================================================================== */ .page-pagination { display: inline-block; width: 100%; padding: 20px 15px; border-top: 1px solid rgba(0, 0, 0, 0.06); border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin: 10px 0 20px 0; opacity: 0.5; font-size: 85%; -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; } .page-pagination:hover { opacity: 1; } .pagination { display: inline-block; width: 100%; padding: 60px 15px 70px 15px; font-size: 15px; font-size: 1.5rem; position: relative; border-top: 1px solid #dfe4e4; } .pagination span { color: #636363; } .pagination a { text-decoration: none; } .page.page-template-default .pagination a { padding: 0 3px; } .pagination a:hover { text-decoration: none; } .older-posts, .newer-posts { float: left; width: 50%; display: inline-block; position: relative; z-index: 2; } .newer-posts { float: right; text-align: right; } .post-template .newer-posts { margin-top: -10px; } .page-number { position: absolute; width: 100%; text-align: center; left: 0; z-index: 1; margin-top: 40px; } /* ========================================================================== Forms ========================================================================== */ input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type=password], textarea, input[type="submit"], button { border: none; width: 100%; padding: 14px 12px; } .widget input.s { background: #f7f7f7; background: rgba(255, 255, 255, 0.3); } .widget input.s:active, .widget input.s:focus { background: #fff; background: rgba(255, 255, 255, 0.7); } button, input[type="submit"], .form-submit input { background: transparent; padding: 15px 20px; text-shadow: none; border-radius: 0; border: 4px solid #06b25b; font-weight: 700; } button:hover, input[type="submit"]:hover, .form-submit input:hover { border: 4px solid #404040; } .url, .comment-date, .comment-reply-link, .url:hover, .comment-date:hover, .comment-reply-link:hover { text-decoration: none; } .comment-reply-link:after, .format-link h3.link a:after { content: ' →'; } /* --- Infinite Scroll --- */ /* Hides navigation links and site footer when infinite scroll is active */ .infinite-scroll .pagination, .infinite-scroll.neverending #footer, .infinity-end.neverending #footer, #infinite-footer { display: none; } /* ========================================================================== Single - Book ========================================================================== */ article.type-book.post { margin-bottom: 0; } .book-content { display: table; width: 100%; } .book-content div { max-width: 100%; } .book-details { display: table; width: 100%; } .book-details img { display: block; margin: 0 0 30px 0; border: 1px solid #eee; } .book-details ul { padding: 0; margin: 0; list-style: none; } .book-details ul li { margin-bottom: 8px; } .book-details ul li:last-of-type { margin-bottom: 0; } /* ========================================================================== Archive - Book ========================================================================== */ .tax-book-categories .main-archive .post, .tax-book-tags .main-archive .post { margin-bottom: 0; } .loop-book { text-align: center; margin: 0 auto; max-width: 1142px; padding-bottom: 30px; } .loop-book article.type-book { display: inline-block; max-width: 206px; padding: 0 10px; } .loop-book article.type-book img { display: block; margin-bottom: 12px; border: 1px solid #eee; } .loop-book article.type-book .book-btn { opacity: 0; -o-transition: opacity 0.15s ease-in; -webkit-transition: opacity 0.15s ease-in; -moz-transition: opacity 0.15s ease-in; transition: opacity 0.15s ease-in; margin-bottom: 14px; } .loop-book article.type-book:hover .book-btn { opacity: 1; } /* ========================================================================== Button ========================================================================== */ .book-btn.outline, .btn.outline { border-radius: 0; box-shadow: none; padding: 14px; display: block; text-align: center; font-weight: 700; border: 3px solid #404040; color: #404040 !important; background: none; } .btn.outline { display: inline-block; } /* ========================================================================== Book Launch ========================================================================== */ article.launch { padding: 40px; position: relative; display: table; width: 100%; } article.launch .button + .button, article.launch .btn + .btn { margin-left: 10px; } article.launch .inner { margin: 0 auto; max-width: 1500px; position: relative; z-index: 2; } article.launch .launch-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-size: cover; background-repeat: no-repeat; background-position: center center; } article.launch h1 span { display: block; font-size: 50%; } .launch-author { padding: 20px; display: table; width: 100%; margin-top: 20px; margin-bottom: 20px; } .launch-author h2 { margin-top: 10px; } .launch-author .btn, .launch-author .button { text-align: center; margin-top: 0; } /* ========================================================================== Owl Carousel ========================================================================== */ .part-gallery { width: 100%; display: block; } .part-gallery img { width: 100%; display: block; } .part-gallery + .inner { padding-top: 30px; } .owl-buttons { display: block; position: absolute; width: 100%; top: 50%; left: 0; } .owl-prev, .owl-next { -o-transition: top 0.5s ease-in; -webkit-transition: top 0.5s ease-in; -moz-transition: top 0.5s ease-in; transition: top 0.5s ease-in; position: absolute; bottom: 0; left: 0; z-index: 10; width: 54px; height: 54px; line-height: 56px; text-decoration: none; text-align: center; background-image: none; } .owl-prev svg, .owl-next svg { width: 25px; height: 25px; fill: #d7dcde; } .owl-prev.owl-next, .owl-next.owl-next { left: auto; right: 0; } .single-post .owl-prev, .single-post .owl-next { bottom: auto; top: 50%; right: 54px; } .single-post .owl-prev.owl-prev, .single-post .owl-next.owl-prev { right: 108px; } /* ========================================================================== Homepage and Homepage items ========================================================================== */ .page-template-t-homepage-php footer.footer, .page-template-t-book-launch-php footer.footer { margin-top: 0; } .page-template-t-homepage-php section.main { max-width: 2000px; } .page-template-t-homepage-php header.header { margin-bottom: -110px; } .page-template-t-homepage-php .owl-prev, .page-template-t-homepage-php .owl-next { display: none; } .page-template-t-homepage-php .item-slider img { margin: 0 auto; display: block; } .page-template-t-homepage-php .item-slider blockquote { max-width: 800px; margin: 0 auto; display: block; } .page-template-t-homepage-php .item-callout { width: 100%; padding: 0 20px; text-align: center; margin-bottom: 20px; } .page-template-t-homepage-php .item-callout .inner { margin: 0 auto; max-width: 1260px; } .btn-holder { text-align: center; padding-top: 20px; } .item-blog { padding-top: 40px; padding-bottom: 60px; } .item-blog h4 { margin-top: 0; text-align: center; } .item-blog .post.part-blog { background: transparent; display: inline-block; width: 100%; margin-top: 15px; margin-bottom: 0; } .item-blog .post.part-blog time { position: relative; top: auto; left: auto; display: table-cell; background: none; padding-top: 15px; } .item-blog .post.part-blog time:before { content: ''; background-color: #404040; display: block; position: absolute; top: 0; left: 0; width: 64px; height: 64px; z-index: -1; } .item-blog .post.part-blog .blog-content { display: table-cell; vertical-align: top; padding-left: 15px; } .item-blog .post.part-blog .blog-content h5, .item-blog .post.part-blog .blog-content p { margin-top: 0; margin-bottom: 0; } .item-blog .post.part-blog .blog-content p { line-height: 1.4; } .item-testimonials { padding-bottom: 40px; } .item-testimonials .owl-pagination { margin-top: -60px; } .item-books { padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; background: #f6f4f4; } .item-books h4 { text-align: center; } .item-books .loop-book { padding: 20px 0 0 0; } .item-books .loop-book.single-item .owl-carousel .owl-wrapper { width: 100% !important; } .item-books .loop-book.single-item .owl-carousel .owl-item { float: none; display: inline-block; } .item-books .loop-book .owl-carousel .owl-item { min-width: 300px; display: inline-block; } .item-books .loop-book .owl-prev { left: -45px; } .item-books .loop-book .owl-next { right: -45px; } /* ========================================================================== Books with Filter ========================================================================== */ .t-books .inner { padding-bottom: 20px; text-align: left; } .t-books .filter ul { padding: 0; margin: 0; list-style: none; } .t-books .filter ul:hover li { position: relative; left: 0; } .t-books .filter ul li { position: absolute; left: -999em; } .t-books .filter ul li a { background: #404040; display: block; padding: 10px; text-align: center; font-weight: 700; color: #fff; border: 3px solid #404040; } .t-books .filter ul li a:hover { color: #404040; background: #fff; } .t-books .filter ul li:first-of-type { position: relative; left: 0; } /* ========================================================================== Author ========================================================================== */ .author-socials { display: inline-block; opacity: .3; padding: 6px 15px; color: #404040; } .author-socials:hover { opacity: 1; } .author-socials .fa { font-size: 22px; } .author-socials span { display: none; } /* ========================================================================== Sidebar styling ========================================================================== */ .sidebar-hold { padding: 40px 0; } .sidebar-hold #wp-calendar { margin-left: 0; } .sidebar-hold h4 { margin-bottom: 10px; } .sidebar-hold ul { margin: 0; padding: 0; list-style: none; } .sidebar-hold ul li { padding: 0.65em 0; border-bottom: 1px solid #efefef; border-bottom: 1px solid rgba(0, 0, 0, 0.07); line-height: 1.4; } .sidebar-hold input.s { background: rgba(0, 0, 0, 0.05); } .sidebar-hold .tagcloud a { border: 3px solid #404040; display: inline-block; padding: 10px; margin: 4px 3px 4px 0; text-decoration: uppercase; font-weight: 700; font-size: 100% !important; } .sidebar-hold .tagcloud a:hover { border-color: #404040; } /* Setup */ html { font-size: 49.5%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } html { font-size: 52.5%; } html { font-size: 62.5%; } .wrap, .single-post .main .inner .author-wrap p:first-of-type, .single-post .main .inner .commentlist p:first-of-type { font-size: 17px; margin-top: 0; } h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-top: 40px; } a.url, a.comment-reply-link, .blog-title { font-weight: 700; } .comment-reply-link, .blog-tagline { font-size: 80%; } a.comment-date, .share-title { font-size: 80%; font-style: oblique; opacity: .55; } .book-details .share-title { font-size: 100%; } .book-details .fa { font-size: 16px; } .main-archive h2, h1 { font-size: 34px; } h1, .main-archive h2 { margin-top: 0; } h2, h5#respond-title { font-size: 28px; } h3 { font-size: 26px; } .item-callout { font-size: 23px; } h4, .blog-title { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 18px; } .post-tags.tag { font-size: 15px; } .post-tags.tag { font-size: 13px; } footer.footer, ul.meta.top { font-size: 14px; } .book-details { font-size: 85%; } /* Line Heights and Spacing */ p { margin: 1em 0; line-height: 1.7; } .comment-body p { margin: 0 1em 0 0; } /* Background Colours */ body, html { background-color: #fff; } time, .launch-author { background-color: #404040; } .format-link h3.link a { background-color: #06b25b; } header.header { background-color: #f6f4f4; } button, input[type="submit"], .form-submit input { border-color: #06b25b; color: #06b25b; } button:hover, input[type="submit"]:hover, .form-submit input:hover { border-color: #404040; color: #404040; } /* Font Colours */ a, .item-blog h5 a:hover, a .part-blog:hover h5, .main-archive h2 a:hover, header.header nav ul li a:hover, header.header nav ul li.current_page_item a, header.header nav ul li.current-menu-item a, header.header nav ul li.current_page_ancestor a, header.header nav ul li.current-post-ancestor a, header.header nav ul li.current-page-ancestor a, header.header nav ul a:hover, header.header nav ul > li.active > a { color: #06b25b; text-decoration: none; } a:hover { color: #1d1c1c; text-decoration: none; } ul.meta.top, ul.meta.top a, footer.footer, footer.footer a, .post-tags.tag, .post-tags.tag a { color: #9f9f9f; } ul.meta.top a:hover, footer.footer a:hover, .post-tags.tag a:hover, .item-blog h5 a, .item-slider a, .item-slider a:hover, a .part-blog, header.header nav ul li a, .blog-title, .blog-title a, .blog-title a:hover, .format-link h3.link a:hover, h1, h2, h3, h4, h5, h6, a.url, a.comment-date { color: #404040; } .main-archive h2 a { color: #404040; } .launch-author * { color: #fff; } footer.footer { background-color: #f6f4f4; } time { color: #fff; } .format-link h3.link a { color: #fff; } .share, .author-wrap { color: #474747; } .widgets, .widgets-sidebar { color: #fafafa; } .pagination span { color: #636363; } .page.page-template-default .pagination a { color: #ec6a5d; } .meta .share-on .twitter { color: #55acee; } .meta .share-on .facebook { color: #3c599f; } .meta .share-on .pinterest { color: #cb2027; } .meta .share-on .googleplus { color: #c63d2d; } /* Border Colours */ .share, .author-wrap { border-top: 1px solid #dfe4e4; } .author-avatar { border-color: #efefef; } .wrap { border-color: #fff; } /* ========================================================================== Shortcodes ========================================================================== */ .one_half, .one_third, .two_third, .one_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { width: 100%; } .one_third + .one_third { margin-top: 40px; } .last { margin-right: 0 !important; clear: right; } .clearboth { clear: both; display: inline-block; font-size: 0; height: 0; line-height: 0; width: 100%; } .clear { clear: both; display: block; width: 100%; float: left; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; } .one_half { width: 48%; } .one_third { width: 30.66%; } .one_third + .one_third { margin-top: 0; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; } .one_fifth { width: 16.8%; } .two_fifth { width: 37.6%; } .three_fifth { width: 58.4%; } .four_fifth { width: 67.2%; } .five_sixth { width: 82.67%; } .one_sixth { width: 13.33%; } .quotemark { text-align: center; font-style: oblique; font-size: 150%; margin-top: 30px; padding: 60px 10px 20px 10px; line-height: 1.2; position: relative; } .quote-source { margin-top: 2em; font-size: 65%; text-align: right; position: relative; } .quote-source:before { content: '—'; } .quote-rating-1, .quote-rating-2, .quote-rating-3, .quote-rating-4, .quote-rating-5 { position: absolute !important; top: 0; left: 0; width: 100%; margin-top: 0; height: 30px; background: url(assets/img/stars.png) 50% 10px no-repeat; } .quote-rating-4 { background-position: 50% -30px; } .quote-rating-3 { background-position: 50% -70px; } .quote-rating-2 { background-position: 50% -110px; } .quote-rating-1 { background-position: 50% -150px; } .quotemark.white .quote-rating-1, .quotemark.white .quote-rating-2, .quotemark.white .quote-rating-3, .quotemark.white .quote-rating-4, .quotemark.white .quote-rating-5 { background-image: url(assets/img/stars-white.png); } .status, .comment-body em { display: inline-block; clear: both; width: 100%; padding: 10px; margin: 0.5em 0 1em 0; } .status.oops { background: #f9e1e1; border: 2px solid #eec4c4; } .status.less-oops, .comment-body em { background: #fde8d9; border: 2px solid #e1c5af; } .status.ok { background: #d2ebd1; border: 2px solid #bad2ba; } .status p { margin: 0.5em 0; } a.btn, a.button, a.button:visited { background: transparent; border: 4px solid #ec6a5d; color: #fff !important; padding: 12px 30px; text-shadow: none; border-radius: 0; display: inline-block; text-decoration: none; margin-bottom: 1em; font-weight: 700; } a.button.square { border-radius: 2px; } a.button.large, a.btn.large { padding: 20px 70px; } a.button:hover, a.btn:hover { border-color: #474747; text-decoration: none; color: #474747 !important; } a.button:active { position: relative; top: 1px; } a.button.grey { border-color: #757c7e !important; color: #757c7e !important; } a.button.grey:hover { border-color: #3e4345 !important; color: #3e4345 !important; } a.button.white { border-color: #fff !important; color: #fff !important; } a.button.white:hover { border-color: #efefef !important; color: #efefef !important; } a.button.black { border-color: #333 !important; color: #333 !important; } a.button.black:hover { border-color: #000 !important; color: #000 !important; } a.button.green { border-color: #b3ce7e !important; color: #b3ce7e !important; } a.button.green:hover { border-color: #7e9b47 !important; color: #7e9b47 !important; } a.button.light-blue { border-color: #8aabb5 !important; color: #8aabb5 !important; } a.button.light-blue:hover { border-color: #4b7784 !important; color: #4b7784 !important; } a.button.blue { border-color: #3da1e3 !important; color: #3da1e3 !important; } a.button.blue:hover { border-color: #266476 !important; color: #266476 !important; } a.button.red { border-color: #f77564 !important; color: #f77564 !important; } a.button.red:hover { border-color: #b75548 !important; color: #b75548 !important; } a.button.orange { border-color: #f7a664 !important; color: #f7a664 !important; } a.button.orange:hover { border-color: #cf6916 !important; color: #cf6916 !important; } a.button.purple { border-color: #a18bcf !important; color: #a18bcf !important; } a.button.purple:hover { border-color: #6547a4 !important; color: #6547a4 !important; } a.button.pink { border-color: #e38f8f !important; color: #e38f8f !important; } a.button.pink:hover { border-color: #c76d6d !important; color: #c76d6d !important; } .mt-tabs .ui-tabs-hide { position: absolute; left: -99999em; } .mt-tabs { background: none; margin: 0 0 2em 0; } .mt-tabs ul.nav { list-style: none !important; margin: 0 !important; padding: 0; background: none; border: 0; float: none; } .mt-tabs ul.nav li { float: left; position: relative; margin: 0 2px -1px 0 !important; z-index: 10; list-style: none !important; } .mt-tabs ul.nav li a { border: 1px solid #dfdfdf !important; border-bottom: none !important; display: block; overflow: hidden; padding: 5px 10px 2px 10px; height: 37px; background: #fcfcfc; margin: 0 !important; text-decoration: none; color: #373737 !important; border-radius: 3px 3px 0 0; } .mt-tabs ul.nav li a:hover { background: #fff !important; margin: 0 !important; } .mt-tabs ul.nav li.tab-active a { min-height: 36px; background: #fff; } .mt-tabs .tab { background: #fff; padding: 10px; border: 1px solid #dfdfdf; } .toggle { margin: 0 0 2em 0; } .toggle .toggle-title { display: block; padding: 10px 10px 10px 30px; background: #fcfcfc; border: 1px solid #c5c5c5; cursor: pointer; outline: none; position: relative; } .toggle .toggle-title:hover { border: 1px solid #c5c5c5; } .toggle-inner { padding: 10px; background: #fff; border: 1px solid #c5c5c5; border-top: none; } .toggle .toggle-title:before { content: ''; background: url(assets/img/toggle-open.png) no-repeat; width: 12px; height: 12px; position: absolute; top: 50%; left: 10px; margin: -6px 0 0 0; } .toggle .toggle-title.active:before { background: url(assets/img/toggle-close.png) no-repeat; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .bullets ul li, .bullets ol li { list-style-type: none; background: url(assets/img/tick-green.png) 0 0.5em no-repeat; margin-left: -1em; padding: 0.25em 0 0.25em 1.5em; margin-bottom: 0; } .bullets.green li { background-image: url(assets/img/tick-green.png); } .bullets.red li { background-image: url(assets/img/tick-red.png); } .bullets.black li { background-image: url(assets/img/tick-black.png); } .bullets.light-blue li { background-image: url(assets/img/tick-light-blue.png); } .bullets.blue li { background-image: url(assets/img/tick-blue.png); } .bullets.grey li { background-image: url(assets/img/tick-grey.png); } .bullets.orange li { background-image: url(assets/img/tick-orange.png); } .bullets.pink li { background-image: url(assets/img/tick-pink.png); } .bullets.purple li { background-image: url(assets/img/tick-purple.png); } .socials { text-align: center; } a.social { display: inline-block; position: relative; width: 22px; height: 22px; margin-left: 5px; margin-bottom: 5px; -o-transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; -moz-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; opacity: 0.2; filter: alpha(opacity=20); text-indent: -9999em; color: transparent !important; font-size: 1px; line-height: 22px; border: none !important; } a.social:hover { -o-transition: opacity 0.25s ease-in; -webkit-transition: opacity 0.25s ease-in; -moz-transition: opacity 0.25s ease-in; transition: opacity 0.25s ease-in; opacity: 0.9; filter: alpha(opacity=90); } a.social:first-of-type { margin-left: 0; } a.social.first { margin-left: 0; } a.social.twitter { background: url(assets/img/social-twitter-black.png) 0 0 no-repeat; } a.social.facebook { background: url(assets/img/social-facebook-black.png) 0 0 no-repeat; } a.social.linkedin { background: url(assets/img/social-linkedin-black.png) 0 0 no-repeat; } a.social.googleplus { background: url(assets/img/social-googleplus-black.png) 0 0 no-repeat; } a.social.vimeo { background: url(assets/img/social-vimeo-black.png) 0 0 no-repeat; } a.social.youtube { background: url(assets/img/social-youtube-black.png) 0 0 no-repeat; } a.social.zerply { background: url(assets/img/social-zerply-black.png) 0 0 no-repeat; } a.social.pinterest { background: url(assets/img/social-pinterest-black.png) 0 0 no-repeat; } a.social.dribbble { background: url(assets/img/social-dribbble-black.png) 0 0 no-repeat; } a.social.github { background: url(assets/img/social-github-black.png) 0 0 no-repeat; } a.social.instagram { background: url(assets/img/social-instagram-black.png) 0 0 no-repeat; } a.social.flickr { background: url(assets/img/social-flickr-black.png) 0 0 no-repeat; } a.social.rss { background: url(assets/img/social-rss-black.png) 0 0 no-repeat; } a.social.adn { background: url(assets/img/social-adn-black.png) 0 0 no-repeat; } a.social.behance { background: url(assets/img/social-behance-black.png) 0 0 no-repeat; } a.social.tumblr { background: url(assets/img/social-tumblr-black.png) 0 0 no-repeat; } a.social.lastfm { background: url(assets/img/social-lastfm-black.png) 0 0 no-repeat; } a.social.xing { background: url(assets/img/social-xing-black.png) 0 0 no-repeat; } a.social.foursquare { background: url(assets/img/social-foursquare-black.png) 0 0 no-repeat; } a.social.mixcloud { background: url(assets/img/social-mixcloud-black.png) 0 0 no-repeat; } a.social.soundcloud { background: url(assets/img/social-soundcloud-black.png) 0 0 no-repeat; } a.social.spotify { background: url(assets/img/social-spotify-black.png) 0 0 no-repeat; } a.social.goodreads { background: url(assets/img/social-goodreads-black.png) 0 0 no-repeat; } a.social.amazon { background: url(assets/img/social-amazon-black.png) 0 0 no-repeat; } a.social.white.twitter { background: url(assets/img/social-twitter-white.png) 0 0 no-repeat; } a.social.white.facebook { background: url(assets/img/social-facebook-white.png) 0 0 no-repeat; } a.social.white.linkedin { background: url(assets/img/social-linkedin-white.png) 0 0 no-repeat; } a.social.white.googleplus { background: url(assets/img/social-googleplus-white.png) 0 0 no-repeat; } a.social.white.vimeo { background: url(assets/img/social-vimeo-white.png) 0 0 no-repeat; } a.social.white.youtube { background: url(assets/img/social-youtube-white.png) 0 0 no-repeat; } a.social.white.zerply { background: url(assets/img/social-zerply-white.png) 0 0 no-repeat; } a.social.white.pinterest { background: url(assets/img/social-pinterest-white.png) 0 0 no-repeat; } a.social.white.dribbble { background: url(assets/img/social-dribbble-white.png) 0 0 no-repeat; } a.social.white.github { background: url(assets/img/social-github-white.png) 0 0 no-repeat; } a.social.white.instagram { background: url(assets/img/social-instagram-white.png) 0 0 no-repeat; } a.social.white.flickr { background: url(assets/img/social-flickr-white.png) 0 0 no-repeat; } a.social.white.rss { background: url(assets/img/social-rss-white.png) 0 0 no-repeat; } a.social.white.adn { background: url(assets/img/social-adn-white.png) 0 0 no-repeat; } a.social.white.behance { background: url(assets/img/social-behance-white.png) 0 0 no-repeat; } a.social.white.tumblr { background: url(assets/img/social-tumblr-white.png) 0 0 no-repeat; } a.social.white.lastfm { background: url(assets/img/social-lastfm-white.png) 0 0 no-repeat; } a.social.white.xing { background: url(assets/img/social-xing-white.png) 0 0 no-repeat; } a.social.white.foursquare { background: url(assets/img/social-foursquare-white.png) 0 0 no-repeat; } a.social.white.mixcloud { background: url(assets/img/social-mixcloud-white.png) 0 0 no-repeat; } a.social.white.soundcloud { background: url(assets/img/social-soundcloud-white.png) 0 0 no-repeat; } a.social.white.spotify { background: url(assets/img/social-spotify-white.png) 0 0 no-repeat; } a.social.white.goodreads { background: url(assets/img/social-goodreads-white.png) 0 0 no-repeat; } a.social.white.amazon { background: url(assets/img/social-amazon-white.png) 0 0 no-repeat; } @media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #respond-title a:after { background-image: url(assets/img/comment-arrow@2x.png); background-size: 24px 100px; } .share a.icon-twitter { background-image: url(assets/img/social-twitter-black@2x.png); background-size: 22px 22px; } .share a.icon-facebook { background-image: url(assets/img/social-facebook-black@2x.png); background-size: 22px 22px; } .share a.icon-pinterest { background-image: url(assets/img/social-pinterest-black@2x.png); background-size: 22px 22px; } .share a.icon-google-plus { background-image: url(assets/img/social-googleplus-black@2x.png); background-size: 22px 22px; } a.social.twitter { background: url(assets/img/social-twitter-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.facebook { background: url(assets/img/social-facebook-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.linkedin { background: url(assets/img/social-linkedin-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.googleplus { background: url(assets/img/social-googleplus-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.vimeo { background: url(assets/img/social-vimeo-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.youtube { background: url(assets/img/social-youtube-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.zerply { background: url(assets/img/social-zerply-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.pinterest { background: url(assets/img/social-pinterest-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.dribbble { background: url(assets/img/social-dribbble-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.github { background: url(assets/img/social-github-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.instagram { background: url(assets/img/social-instagram-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.flickr { background: url(assets/img/social-flickr-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.rss { background: url(assets/img/social-rss-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.adn { background: url(assets/img/social-adn-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.behance { background: url(assets/img/social-behance-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.tumblr { background: url(assets/img/social-tumblr-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.lastfm { background: url(assets/img/social-lastfm-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.xing { background: url(assets/img/social-xing-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.foursquare { background: url(assets/img/social-foursquare-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.goodreads { background: url(assets/img/social-goodreads-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.amazon { background: url(assets/img/social-amazon-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.twitter { background: url(assets/img/social-twitter-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.facebook { background: url(assets/img/social-facebook-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.linkedin { background: url(assets/img/social-linkedin-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.googleplus { background: url(assets/img/social-googleplus-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.vimeo { background: url(assets/img/social-vimeo-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.youtube { background: url(assets/img/social-youtube-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.zerply { background: url(assets/img/social-zerply-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.pinterest { background: url(assets/img/social-pinterest-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.dribbble { background: url(assets/img/social-dribbble-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.github { background: url(assets/img/social-github-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.instagram { background: url(assets/img/social-instagram-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.flickr { background: url(assets/img/social-flickr-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.rss { background: url(assets/img/social-rss-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.adn { background: url(assets/img/social-adn-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.behance { background: url(assets/img/social-behance-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.tumblr { background: url(assets/img/social-tumblr-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.lastfm { background: url(assets/img/social-lastfm-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.xing { background: url(assets/img/social-xing-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.foursquare { background: url(assets/img/social-foursquare-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.mixcloud { background: url(assets/img/social-mixcloud-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.soundcloud { background: url(assets/img/social-soundcloud-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.mixcloud { background: url(assets/img/social-mixcloud-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.soundcloud { background: url(assets/img/social-soundcloud-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.spotify { background: url(assets/img/social-spotify-black@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.spotify { background: url(assets/img/social-spotify-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.goodreads { background: url(assets/img/social-goodreads-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.social.white.amazon { background: url(assets/img/social-amazon-white@2x.png) 0 0 no-repeat; background-size: 21px 21px; } a.flex-next, a.flex-prev { background-image: url(assets/img/arrows@2x.png); background-size: 200px 13px; } a.jp-play span, a.jp-pause span { background-image: url(assets/img/audio@2x.png); background-size: 30px 120px; } .quotemark { background-size: 28px 19px; } .quote-rating-1, .quote-rating-2, .quote-rating-3, .quote-rating-4, .quote-rating-5 { background-image: url(assets/img/stars@2x.png); background-size: 97px 176px; } .quotemark.white .quote-rating-1, .quotemark.white .quote-rating-2, .quotemark.white .quote-rating-3, .quotemark.white .quote-rating-4, .quotemark.white .quote-rating-5 { background-image: url(assets/img/stars-white@2x.png); background-size: 97px 176px; } .bullets.green li { background-image: url(assets/img/tick-green@2x.png); background-size: 16px 13px; } .bullets.red li { background-image: url(assets/img/tick-red@2x.png); background-size: 16px 13px; } .bullets.black li { background-image: url(assets/img/tick-black@2x.png); background-size: 16px 13px; } .bullets.light-blue li { background-image: url(assets/img/tick-light-blue@2x.png); background-size: 16px 13px; } .bullets.blue li { background-image: url(assets/img/tick-blue@2x.png); background-size: 16px 13px; } .bullets.grey li { background-image: url(assets/img/tick-grey@2x.png); background-size: 16px 13px; } .bullets.orange li { background-image: url(assets/img/tick-orange@2x.png); background-size: 16px 13px; } .bullets.pink li { background-image: url(assets/img/tick-pink@2x.png); background-size: 16px 13px; } .bullets.purple li { background-image: url(assets/img/tick-purple@2x.png); background-size: 16px 13px; } .toggle .toggle-title:before { background-image: url(assets/img/toggle-open@2x.png); background-size: 12px 12px; } .toggle .toggle-title.active:before { background-image: url(assets/img/toggle-close@2x.png); background-size: 12px 12px; } } .mt-insert, .js .mt-insert .wp-caption { position: relative; display: table; margin: 0 0 20px 0; } .mt-insert img, .mt-insert div, .js .mt-insert .wp-caption img, .js .mt-insert .wp-caption div { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; display: block; } /* .js .mt-insert img, .js .mt-insert .wp-caption { display: block; margin: 0 auto; width: 100%; position: absolute; left: 0; } .js .mt-insert.remove-abs img { position: relative; } .js .mt-insert.remove-abs { margin-bottom: 80px !important; } */ /* ========================================================================== Media Queries ========================================================================== */ .page-number { margin-top: 0; } .format-quote h2.quote, .format-quote h1.quote { padding-left: 40px; padding-right: 40px; } .inner { padding: 40px 30px; } .comments-inner, #reply-title, .comment-form { padding-left: 30px; padding-right: 30px; } .single-post .no-image .inner { margin-top: 80px; } .single-post .no-image.format-video .inner { margin-top: 0; } .single-post .format-link.no-image .inner { margin-top: 30px; } .post time { top: -20px; left: 20px; width: 114px; height: 114px; font-size: 30px; font-size: 3rem; padding: 25px 15px 15px 15px; } .post time span { font-size: 5px; font-size: 5rem; margin-bottom: -2px; } footer.footer { padding: 40px 50px; } /* ========================================================================== Homepage and Homepage items ========================================================================== */ .item-blog .post.part-blog time { padding-top: 25px; line-height: 3.6rem; } .item-blog .post.part-blog time:before { width: 114px; height: 114px; } .item-blog .post.part-blog .blog-content { padding-left: 20px; } .item-blog .post.part-blog .blog-content h5 { margin-top: 10px; } .wrap { border-width: 20px; } /* ========================================================================== Book Filter ========================================================================== */ .t-books .filter { position: absolute; right: 40px; top: 40px; width: 270px; z-index: 2; } /* ========================================================================== Single - Book ========================================================================== */ article.type-book { display: table; } .book-content-wrap { display: table; width: 100%; table-layout: fixed; } .book-content, .book-details { display: table-cell; vertical-align: top; } .book-content { width: 432px; padding-right: 30px; } .book-details { width: 332px; padding: 20px; padding-top: 15px; } .book-details img { max-width: 168px; } .book-details a.button, .book-details a.btn { width: 100%; text-align: center; } /* ========================================================================== Book Launch ========================================================================== */ .main-archive .post.no-image h2 { margin-top: 90px; } article.launch { padding: 50px 40px; display: table; } article.launch .launch-content, article.launch .launch-cover { display: table-cell; vertical-align: top; } article.launch .launch-content { width: 570px; padding-right: 30px; } article.launch .launch-cover { width: 430px; padding: 20px; padding-top: 15px; } article.launch .launch-cover img { box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .launch-author { padding: 20px 50px; } .book-details img { max-width: 200px; } .launch-author .btn, .launch-author .button { margin-top: -15px; } .post time { padding-top: 15px; } .inner { padding: 45px 50px; } .comments-inner, #reply-title, .comment-form { padding-left: 50px; padding-right: 50px; } header.header { padding-top: 102px; } .author-bio h6 { margin: 10px 0 0 0; } /* ========================================================================== Homepage ========================================================================== */ .page-template-t-homepage-php .owl-prev, .page-template-t-homepage-php .owl-next { display: block; } .page-template-t-homepage-php .item-slider { padding-left: 50px; padding-right: 50px; } .page-template-t-homepage-php .item-slider .owl-prev { left: -50px; } .page-template-t-homepage-php .item-slider .owl-next { right: -50px; } .item-blog { display: inline-block; width: 100%; } .item-blog h4 { width: 100%; display: block; } .item-blog .post.part-blog { float: left; width: 48%; margin-left: 2%; } .item-books .loop-book { padding: 20px 50px 0 50px; } .item-books .loop-book .owl-carousel .owl-item { min-width: 208px; } footer.footer.socials-active .wrapper { display: table; width: 100%; text-align: left; } footer.footer.socials-active .wrapper #footer-text, footer.footer.socials-active .wrapper .socials { display: table-cell; vertical-align: middle; } footer.footer.socials-active .wrapper .socials { text-align: right; } .book-details img { max-width: 220px; } /* ========================================================================== Sidebar styling ========================================================================== */ .sidebar-on .main-wrap { display: block; } .sidebar-on .main { width: 70%; max-width: 904px; float: left; } .sidebar-on .sidebar-hold { float: right; width: 30%; max-width: 400px; padding-top: 100px; padding-left: 40px; padding-right: 40px; } .book-details img { max-width: 332px; } /* ========================================================================== Homepage ========================================================================== */ .page-template-t-homepage-php .item-callout { text-align: left; display: table; } .page-template-t-homepage-php .item-callout .callout-content, .page-template-t-homepage-php .item-callout .btn-content { display: table-cell; vertical-align: middle; } .page-template-t-homepage-php .item-callout .callout-content { padding-right: 30px; } .page-template-t-homepage-php .item-callout .btn { margin-top: 20px; white-space: nowrap; } article.launch .launch-content { width: 590px; } article.launch .launch-content { width: 670px; } article.launch .launch-content { width: 810px; }