/* Theme Name: Longform Theme URI: http://cohhe.com/project-view/longform/ Author: Cohhe Author URI: http://cohhe.com/ Description: Longform is a powerful, feature-rich theme that lets you customize a wide variety of features from the comfort of your Dashboard. Version: 1.0.2 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, translation-ready Text Domain: cohhe This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: 400; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body, html { width: 100%; height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, button, input, select, textarea { color: #555555; font-family: "Open Sans",Tahoma; font-size: 18px; font-weight: 400; } progress { display: none; } body { background-color: #fff; font-family: freight-text-pro, "Merriweather",Tahoma; font-weight: 400; font-size: 18px; line-height: 1.7em; color: #555555; } a { color: #09c; text-decoration: none; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } a:focus { outline: thin dashed; } a:hover, a:active { outline: 0; } a:active, a:hover { color: #ff5c1a; text-decoration: none; } /* Webkit */ ::selection { background: #000000; color: #FFF; } /* Gecko/Mozilla */ ::-moz-selection { background: #000000; color: #FFF; } h1, h2, h3, h4, h5, h6 { clear: both; margin: 36px 0 12px; font-family: almaq-refined, "Open Sans", Tahoma; font-weight: 400; color: #2B2B2C; } h1 { font-weight: 700; font-size: 26px; line-height: 1.3846153846; } h2 { font-weight: 700; font-size: 24px; line-height: 1.1; } h3 { font-weight: 700; font-size: 22px; line-height: 1.0909090909; } h4 { font-size: 20px; line-height: 1.2; } h5 { font-size: 18px; line-height: 1.3333333333; } h6 { font-size: 16px; line-height: 1.5; } address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } b, strong { font-weight: 700; } cite, dfn, em, i { font-style: italic; } mark, ins { background: #fff9c0; text-decoration: none; } p { margin-bottom: 24px; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } .aesop-quote-component blockquote { padding: 20px; } blockquote { color: #353535; line-height: 1.2631578947; margin-bottom: 30px; font-family: "PT Serif"; } blockquote:before { content: "\201C"; } blockquote:after { content: "\201D"; top: 7px; } blockquote:before, blockquote:after { display: block; line-height: 0; color: black; font-size: 104px; position: relative; text-align: center; height: 50px; line-height: 100px; font-family: "PT Serif"; } blockquote cite, blockquote small { color: #999; font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; margin-top: 15px; display: block; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 24px; } dt { font-weight: bold; } dd { margin-bottom: 24px; } ul, ol { list-style: none; margin: 0 0 24px 20px; } ul { list-style: disc; list-style-position: inside; } ol { list-style: decimal; list-style-position: inside; } li > ul, li > ol { margin: 0 0 0 20px; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } figure { margin: 0; } fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0; } legend { white-space: normal; } button, input, select, textarea { font-family: almaq-refined, "Open Sans", Tahoma; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } input, textarea { font-size: 15px; border-color: #f0f0f0; border: 1px solid rgba(0,0,0,0.2); border-radius: 2px; color: #2b2b2b; padding: 8px 10px 7px; background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { background-color: #09c; border: 0; border-radius: 2px; color: #fff; font-size: 17px; font-weight: 300; min-height: 36px; line-height: 36px; display: inline-block; padding: 2px 24px 2px; vertical-align: middle; letter-spacing: normal; text-align: center; transition: all 0.2s linear 0s; -webkit-appearance: button; cursor: pointer; } button:hover, button:focus, .btn-link:hover, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { opacity: 0.8; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { width: 100%; overflow: auto; vertical-align: top; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } del { color: #767676; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } span.title-first { display: block; font-size: 1.3em; text-transform: uppercase; margin-left: -30px; line-height: 31px; font-weight: 300; font-family: "Old Standard TT"; letter-spacing: -0.025em; /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/ } span.title-second { display: block; font-size: 2.6em; text-transform: uppercase; font-family: "Old Standard TT"; letter-spacing: -0.025em; line-height: 32px; /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);*/ } .small span.title-first { font-size: 1em; line-height: 1em; } .small span.title-second { font-size: 2em; line-height: 1em; } .large span.title-first { font-size: 1.6em; line-height: 0.9em; } .large span.title-second { font-size: 3.5em; line-height: 0.9em; } body.page-template-template-grid .site-main { padding-left: 0; padding-right: 0; } body.page-template-template-grid .site-footer-wrapper { margin-top: 0; } .site-main { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: auto; margin-left: auto; position: relative; width: 100%; } body.single .site-main .main-content { margin: 0; } body.single .site-main, body.single .site-main .content-area { padding: 0; } body.single .site-main, body.single:not(.sidebar-right) .site-main .content-area { width: 100%; } body.single.sidebar-right .site-main { max-width: 1200px; } body.single.sidebar-right .site-main .content-area { width: none; } body p, body .aesop-content { width: 100%; max-width: 800px; margin: 0 auto; padding: .75em 0; } body .entry-content h1, body .entry-content h2, body .entry-content h3, body .entry-content h4, body .entry-content h5, body .entry-content h6, body .entry-content pre, body .entry-content code, body .entry-content div.wp-caption, .site-content article .entry-content .wp-caption, body .entry-content table, body .entry-content dl, body .entry-content address, body .entry-content .twitter-tweet, body article .entry-content > div.mejs-container, body article a.post-thumbnail, body article .entry-meta, .site-content article .entry-content div.gallery, body .site-content article .entry-header .entry-title, body blockquote, body ul, body ol, .wp-post-image, .comments-container, .site-content .ssba, span.edit-link, footer.entry-meta, .author-info, .site-content article .entry-content div.row, .site-content article .entry-content div.progress, .site-content article .entry-content ul.nav, .site-content article .entry-content div.panel-group, .site-content article .entry-content div.tab-content, .site-content article .entry-content div.alert, .site-content article .entry-content div.mejs-container { max-width: 800px; margin-left: auto; margin-right: auto; } .tiled-gallery, .tiled-gallery .gallery-row { max-width: 800px !important; margin-right: auto !important; margin-left: auto !important; } body .entry-content .twitter-tweet { margin-left: auto !important; margin-right: auto !important; } body article .entry-title, body article a.post-thumbnail { display: block; } body article .cat-links a { text-transform: uppercase; font-size: 13px; margin-bottom: 20px; display: inline-block; } div.content-sidebar { margin-top: 86px; } @media (min-width: 1200px) { div.content-sidebar { padding-right: 0; width: 29%; float: right; } } .site-main .main-content .content-area { padding-left: 0; padding-right: 0; } #main .main-content { padding-right: 0; } html body.custom-background { background-position: 0 120px; } .mejs-controls .mejs-button button { min-height: initial; } /* @-webkit-keyframes sleek-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes sleek-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes sleek-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes sleek-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes sleek-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes sleek-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes sleek-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes sleek-fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } .ajax-content-wrapper-loading-start .site-main { opacity: 0; -webkit-animation: sleek-fade-out 1s 1 cubic-bezier(0.7, 0, 0.3, 1); -moz-animation: sleek-fade-out 1s 1 cubic-bezier(0.7, 0, 0.3, 1); -o-animation: sleek-fade-out 1s 1 cubic-bezier(0.7, 0, 0.3, 1); animation: sleek-fade-out 1s 1 cubic-bezier(0.7, 0, 0.3, 1); } .ajax-content-wrapper-loading-end .site-main { opacity: 1; -webkit-animation: sleek-fade-in 1.5s 1 cubic-bezier(0.7, 0, 0.3, 1); -moz-animation: sleek-fade-in 1.5s 1 cubic-bezier(0.7, 0, 0.3, 1); -o-animation: sleek-fade-in 1.5s 1 cubic-bezier(0.7, 0, 0.3, 1); animation: sleek-fade-in 1.5s 1 cubic-bezier(0.7, 0, 0.3, 1); }*/ /* Wordpress Core */ .sticky { background: #FDFDFD !important; border-top: 3px solid #09c !important; } .sticky-featured-post { position: absolute; top: 0; right: 10px; } .bypostauthor { text-decoration: none; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px dotted #E8E8E8; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .widget .search-form label { width: 100%; display: inline-block; } .post-password-form label { float: left; } .error404 .content-area .search-form .search-submit, .post-password-form input[type=submit] { margin-left: 10px; } .error404 .content-area .search-form .search-field { height: 40px; line-height: 39px; border-color: #dfdfdf; display: inline-block; position: relative; top: 3px; } .comments-container li.pingback { margin-left: 40px; margin-bottom: 5px; width: 90%; } /* 404 error */ .error404 .content-area #content { max-width: 1200px; } .error404 .content-area .page-content { margin-top: 50px; } .error404 .content-area .screen-reader-text { display: none; } .error404 .content-area .search-form { text-align: center; } .error404 .content-area .page-content p { font-size: 25px; line-height: 42px; font-weight: 300; text-align: center; } .error404 .content-area header.page-header h1 { font-size: 250px; line-height: 250px; font-weight: 100; } /* Gallery */ .entry-content .tiled-gallery { margin-bottom: 30px; } .tiled-gallery .gallery-row { margin-right: auto; margin-left: auto; width: 100% !important; } .entry-content .tiled-gallery-caption { background: #09c; color: #fff; } .entry-content .tiled-gallery .tiled-gallery-caption { margin-left: 2px; width: 98.5%; } .entry-content .tiled-gallery .tiled-gallery-item-large .tiled-gallery-caption { margin-left: 2px; width: 99.2%; } .gallery { margin-bottom: 20px; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .wp-audio-shortcode { margin-bottom: 30px; } /* Header */ a.site-title { color: #333; font-weight: 900; font-size: 46px; font-family: freight-text-pro, "Merriweather",Tahoma; line-height: 45px; margin-top: 7px; display: block; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } a.site-title:hover { color: #333; } a.site-title:focus { outline: none; } .sticky_header_active a.site-title { margin-top: 4px; } p.site-description { margin-bottom: 10px; line-height: 15px; font-size: 78%; } .fixed.shrink p.site-description { display: none; } .fixed.shrink a.site-title { font-size: 34px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } /*.site-header { margin-bottom: 30px; }*/ /*.single-post .fixed.shrink a.site-title { font-weight: 300; font-size: 20px; }*/ /*.single-post .fixed.shrink div.site-title { width: 80%; }*/ .site-header.fixed { width: 100%; -webkit-transition: top 0.7s ease-in-out 0s; -moz-transition: top 0.7s ease-in-out 0s; -o-transition: top 0.7s ease-in-out 0s; -ms-transition: top 0.7s ease-in-out 0s; transition: top 0.7s ease-in-out 0s; position: fixed; top: -100%; } .site-header.shrink { top: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.05); } .admin-bar .site-header.shrink { top: 32px; } .site-header.shrink .header-content { height: 50px; line-height: 50px; } .site-header.shrink .site-navigation { margin-top: 0; line-height: 50px; } .site-header { position: relative; z-index: 100; box-shadow: 0 1px 0px rgba(0,0,0,0.05); background-color: rgba(255, 255, 255, 0.9); } .site-header .header-content { height: 60px; line-height: 60px; font-family: almaq-refined, "Open Sans", Tahoma; /*overflow: hidden;*/ } .search-toggle { height: 0; background-color: #333333; border-bottom: 2px solid #09c; color: #FFFFFF; position: relative; top: 0px; width: 100%; } .search-toggle > div { display: none; } .site-header.fixed .search-toggle { display: none; } .search-toggle input { width: 100%; background-color: transparent; min-height: 40px; margin-top: 1px; font-size: 20px; font-weight: 100; border: none!important; color: #FFF; outline: none!important; } .content-area #content { margin-top: 73px; /*max-width: 800px;*/ margin-right: auto; margin-left: auto; } /* Top Menu */ .menu-header-right-side, .main-header-right-side, .reading-header-right-side { float: right; padding-right: 0; max-height: 60px; } .single-post .site-header.fixed.shrink .main-header-right-side, .menu-header-right-side, .reading-header-right-side { display: none; } .single-post .site-header.fixed.shrink .reading-header-right-side { display: inline-block; } .reading-header-right-side .menu-toggle { float: right; width: 60px; text-align: center; border-left: 1px solid #E5E5E5; } .reading-header-right-side .menu-toggle a { outline: none; } .menu-toggle span { display: inline-block; width: 24px; height: 25px; position: relative; cursor: pointer; vertical-align: middle; } .menu-toggle span em { display: block; background: #09c; position: absolute; top: 8px; left: 0; width: 100%; height: 4px; border-radius: 0; -webkit-transition: background 0.2s, top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s; -moz-transition: background 0.2s, top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s; transition: background 0.2s, top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s; } .menu-toggle a:hover span em { background: #ff5c1a; } .menu-toggle span em:first-child { top: 0px; } .menu-toggle span em:last-child { top: 16px; } .header-main.header-menu-active .menu-toggle em { left: 0px; opacity: 0; -webkit-transition: top 0.3s, left 0.1s, opacity 0.6s, -webkit-transform 0.2s 0.35s; -moz-transition: top 0.3s, left 0.1s, opacity 0.6s, -webkit-transform 0.2s 0.35s; transition: top 0.3s, left 0.1s, opacity 0.6s, -webkit-transform 0.2s 0.35s; } .header-main.header-menu-active .menu-toggle em:first-child { background: #09c; left: 0px; opacity: 1; top: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header-main.header-menu-active .menu-toggle em:last-child { background: #09c; left: 0px; opacity: 1; top: 10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .single-post .site-header .header-main .reading-header-right-side .hidden-on-menu nav, .single-post .site-header .header-main .reading-header-right-side .header_chapter_container .chapters-link { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .single-post .site-header.fixed.shrink .header-main.header-menu-active .reading-header-right-side .hidden-on-menu nav, .single-post .site-header.fixed.shrink .header-main.header-menu-active .reading-header-right-side .header_chapter_container .chapters-link { -webkit-transform: translateY(-70px); -moz-transform: translateY(-70px); -ms-transform: translateY(-70px); -o-transform: translateY(-70px); transform: translateY(-70px); } .aesop-chapter-menu, .aesop-toggle-chapter-menu { display: none; } .single-post .site-header.fixed.shrink .header-main .reading-header-right-side .site-navigation { position: absolute; right: 60px; margin-top: 0; line-height: 50px; -webkit-transform: translateY(-70px); -moz-transform: translateY(-70px); -ms-transform: translateY(-70px); -o-transform: translateY(-70px); transform: translateY(-70px); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .single-post .site-header.fixed.shrink .header-main.header-menu-active .reading-header-right-side .site-navigation { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .reading-header-right-side .header_chapter_container .chapters-link { display: block; text-align: center; line-height: 49px; float: right; margin-right: 20px } .reading-header-right-side .header_chapter_container .chapters-link .glyphicon:before { font-size: 18px; top: 3px; position: relative; } .post-navigation { margin-bottom: 0; float: right; } .post-navigation .nav-links a { position: relative; display: inline-block; width: 60px; text-align: center; border-left: 1px solid #E5E5E5; } .post-navigation .nav-links a span.post-right, .post-navigation .nav-links a span.post-left { display: none; position: absolute; line-height: 18px; text-align: right; font-size: 12px; top: 60px; right: 0; white-space: nowrap; background: rgba(115, 115, 115, 0.48); color: #fff; padding: 2px 10px; } .post-navigation .nav-links a:hover span.post-right, .post-navigation .nav-links a:hover span.post-left { display: block; } .post-navigation .post-left .meta-nav, .post-navigation .post-right .meta-nav { display: block; font-size: 14px; overflow: hidden; color: #777; color: rgba(0,0,0,0.5); margin-bottom: 5px; } .header-search { position: relative; float: right; width: 60px; text-align: center; border-left: 1px solid #E5E5E5; } .header-search.header-search-open form.header-search-form { visibility: visible; width: 250px; } .header-search form.header-search-form { visibility: hidden; width: 0; position: absolute; right: 60px; border-left: 1px solid #E5E5E5; background: #fff; z-index: 1010; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .header-search form.header-search-form input { border: 0; padding: 0 25px; width: 100%; outline: none; } .site-navigation { display: table !important; line-height: 60px; float: right; position: relative; top: 0; z-index: 100; font-size: 14px; } .site-navigation a:focus { outline: none; } .site-navigation:after, .site-navigation:before { display: none !important; } .site-navigation > div > ul { display: table-cell; height: inherit; margin: 0; padding: 0; text-align: right; vertical-align: middle; } .site-navigation > div > ul > li { float: left; position: relative; text-align: center; vertical-align: middle; } .site-navigation > div > ul > li > a { position: relative; overflow: hidden; color: #ffffff; display: block; font-size: 15px; font-weight: 500; padding: 0 17px; border: 0; text-decoration: none; text-transform: uppercase; z-index: 251; -webkit-transition: color 0.3s ease-in-out 0s; -moz-transition: color 0.3s ease-in-out 0s; -o-transition: color 0.3s ease-in-out 0s; -ms-transition: color 0.3s ease-in-out 0s; transition: color 0.3s ease-in-out 0s; } .site-navigation > div > ul > li > a:after { position: absolute; opacity: 0; width: 5px; height: 5px; left: 50%; margin-left: -2.5px; background-color: #09c; border-radius: 500px; top: 28px; z-index: -1; content: ""; -webkit-transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; transition: all 0.5s ease-in-out 0s, color 0.2s ease-in-out 0s; } .site-navigation ul li a:hover { border-bottom: none; } .site-navigation ul li a small { display: block; font-size: 80%; letter-spacing: normal; font-weight: 300; line-height: 0; padding: 0; opacity: 0; text-align: inherit; text-transform: none; transform: translateY(-10px); -webkit-transition: -webkit-transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; -moz-transition: -moz-transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; -o-transition: -o-transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; -ms-transition: -ms-transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; transition: transform 0.15s ease-in-out 0s, opacity 0.15s ease-in-out 0s; } .site-navigation ul li > a:hover > small { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); opacity: 1; } .shrink .site-navigation ul li > a:hover > small { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); opacity: 1; } .shrink .site-navigation ul.nav-menu > li > a:hover > small { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); opacity: 1; } .site-navigation > div > ul > li > a small { font-size: 75%; } .site-navigation ul.sub-menu li { line-height: 30px; } .site-navigation ul.sub-menu > li.has-description > a span { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); position: relative; display: block; -webkit-transition: -webkit-transform 0.15s ease-in-out 0s; -moz-transition: -moz-transform 0.15s ease-in-out 0s; -o-transition: -o-transform 0.15s ease-in-out 0s; -ms-transition: -ms-transform 0.15s ease-in-out 0s; transition: transform 0.15s ease-in-out 0s; } .site-navigation ul.sub-menu > li.has-description > a:hover > span { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); color: #09c; } .site-navigation > div > ul > li:hover > a { color: #FFFFFF; } .site-navigation > div > ul > li:hover > a:after { opacity: 1; -webkit-transform: scale(50); -moz-transform: scale(50); -o-transform: scale(50); -ms-transform: scale(50); transform: scale(50); } .site-navigation ul li { list-style: none; } .site-navigation .sub-menu:before { content: ''; position: absolute; top: -31px; width: 100%; display: block; background-color: transparent; height: 31px; z-index: 10; } .site-navigation .sub-menu { margin-top: 0; text-align: left; background: none repeat scroll 0 0 #fff; left: -9999px; position: absolute; z-index: 250; opacity: 0; box-shadow: 0 0 10px rgba(0,0,0,0.05); -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s; -moz-transition: opacity 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s; -o-transition: opacity 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s; -ms-transition: opacity 0.2s ease 0.1s, -ms-transform 0.2s ease 0.1s; transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .site-navigation > div > ul > li > a:focus + .sub-menu, .site-navigation > div > ul > li:hover .sub-menu { opacity: 1; left: auto; right: 0; -webkit-transform: translateY(0px) scale(1); -moz-transform: translateY(0px) scale(1); -o-transform: translateY(0px) scale(1); -ms-transform: translateY(0px) scale(1); transform: translateY(0px) scale(1); } .site-navigation > div > ul > li:hover > .sub-menu { -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); } .site-navigation > div > ul > li:hover .sub-menu:after { content: ""; height: 20px; left: 0; position: absolute; top: -20px; width: 100%; } .site-navigation > div > ul > li > .sub-menu:before { content: ''; display: none; top: -50px; width: 100%; left: -10px; height: 60px; z-index: 1; position: absolute; } .site-navigation > div > ul > li:hover > .sub-menu:before { top: -50px; display: block; } .site-navigation { position: relative; text-align: left; padding-right: 0; } .site-navigation li { position: relative; } .site-navigation .sub-menu { width: 200px; background: #fff; } .site-navigation .sub-menu a { color: #555; font-size: 14px; display: block; padding: 5px 20px; -webkit-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; } .site-navigation .sub-menu li:last-child a { border-bottom: none; } .site-navigation .sub-menu a:hover { padding-left: 15px; text-decoration: none; background: rgba(0,0,0,0.02); text-decoration: none; } .site-navigation .sub-menu a:hover span { color: #09c; } .site-navigation > div > ul li .sub-menu .sub-menu { -webkit-transform: translateX(25px) scale(0.9); -moz-transform: translateX(25px) scale(0.9); -o-transform: translateX(25px) scale(0.9); -ms-transform: translateX(25px) scale(0.9); transform: translateX(25px) scale(0.9); -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s; -moz-transition: opacity 0.2s ease 0.1s, -moz-transform 0.2s ease 0.1s; -o-transition: opacity 0.2s ease 0.1s, -o-transform 0.2s ease 0.1s; -ms-transition: opacity 0.2s ease 0.1s, -ms-transform 0.2s ease 0.1s; transition: opacity 0.2s ease 0.1s, transform 0.2s ease 0.1s; left: -9999px; opacity: 0; position: absolute; top: 0; margin: 0; } .site-navigation .sub-menu li:hover > .sub-menu { left: -100%; opacity: 1; -webkit-transform: translateX(1px) scale(1); -moz-transform: translateX(1px) scale(1); -o-transform: translateX(1px) scale(1); -ms-transform: translateX(1px) scale(1); transform: translateX(1px) scale(1); } .site-navigation .sub-menu .menu-item-has-children > a { border-left: 2px solid #09c; } .site-header .icon-bar { background-color: #09c; height: 4px; border-radius: 0; } .navbar-toggle { border: 0; border-left: 1px solid #E5E5E5; height: 60px; margin: 0; padding: 0 18px 0 19px; border-radius: 0; } .site-header .navbar-toggle:hover span.icon-bar { background-color: #ff5c1a; } .site-header.shrink .navbar-toggle { margin: 0; height: 50px; } @media (max-width:992px) { .site-navigation.collapse.in { display: block !important; } .site-navigation.collapse { display: none !important; } .site-navigation { display: none !important; background: #fff; right: -58px; width: 100%; min-width: 300px; } .site-navigation .sub-menu { background-color: transparent; width: auto; } .site-navigation .sub-menu a { padding: 10px 20px; border: none!important; } .site-navigation .sub-menu a:hover { background-color: transparent; padding: 10px 20px; } .site-navigation .sub-menu { left: 0 !important; position: relative !important; opacity: 1 !important; } .site-navigation .sub-menu { -webkit-transform: translateY(0px) scale(1) !important; -moz-transform: translateY(0px) scale(1) !important; -o-transform: translateY(0px) scale(1) !important; -ms-transform: translateY(0px) scale(1) !important; transform: translateY(0px) scale(1) !important; } .site-navigation .sub-menu:before, .site-navigation .sub-menu:after { display: none !important; } .site-navigation { width: 100%; padding: 0; } .site-navigation > div > ul > li > a { width: 100%; padding: 0px 20px; color: #FFF!important; border-radius: 0; } .site-navigation > div > ul, .site-navigation li { display: block; } .site-navigation ul li { display: block; width: 100% } .site-navigation ul li ul li { padding-left: 15px; border-bottom: 1px solid #ddd; } .site-navigation ul li ul li:last-child { border: 0; } .site-navigation li { text-align: left!important; display: inline-block; float: left; clear: left; } .site-navigation > div > ul > li { padding-bottom: 0; text-align: left !important; } .site-navigation ul li.has-description > a > span { transform: translateY(-8px)!important; } .site-navigation ul li.has-description > a > small { transform: translateY(-5px)!important; opacity: 0; } .site-navigation > div > ul > li > a:after { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; opacity: 1; -webkit-transform: scale(150)!important; -moz-transform: scale(150)!important; -o-transform: scale(150)!important; -ms-transform: scale(150)!important; transform: scale(150)!important; } .site-navigation > div > ul > li li a:hover:after { -webkit-transform: scale(150)!important; -moz-transform: scale(150)!important; -o-transform: scale(150)!important; -ms-transform: scale(150)!important; transform: scale(150)!important; } } /* Article intro effect */ .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img { -webkit-transition-property: -webkit-transform; transition-property: transform; } .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img::after { -webkit-transition-property: opacity; transition-property: opacity; } , .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img-container .entry-title span, .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img-container .entry-title { -webkit-transition-property: color; transition-property: color; } .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img-container .entry-meta, .intro-effect-fadeout:not(.notrans) article, .intro-effect-fadeout:not(.notrans) .content-sidebar { -webkit-transition-property: -webkit-transform, opacity; transition-property: transform, opacity; } .without_thumbnail.container .entry-meta, .without_thumbnail.container .entry-title, .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img, .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img::after, .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img-container .entry-title, .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img-container .entry-title span, .intro-effect-fadeout:not(.notrans) .intro-effect-bg-img-container .entry-meta, .intro-effect-fadeout:not(.notrans) article, .intro-effect-fadeout:not(.notrans) .content-sidebar { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .without_thumbnail.container, .intro-effect-fadeout .intro-effect-bg-img-container { min-height: 550px; overflow: hidden; } .intro-effect-fadeout.modify .intro-effect-bg-img { -webkit-transform: translateY(-25%); transform: translateY(-25%); } .intro-effect-fadeout .intro-effect-bg-img::after { content: ''; position: absolute; width: 100%; height: 101%; top: 0; left: 0; opacity: 0; pointer-events: none; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .intro-effect-fadeout.modify .intro-effect-bg-img::after { opacity: 1; } .without_thumbnail.container .entry-title, .intro-effect-fadeout .intro-effect-bg-img-container .entry-title { position: relative; z-index: 1; text-align: left; max-width: 800px; margin-bottom: 50px !important; } .intro-effect-fadeout.modify .intro-effect-bg-img-container .entry-title { color: #2B2B2C; } .intro-effect-fadeout.modify .intro-effect-bg-img-container .entry-title span { color: #5C5C5C; } .without_thumbnail.container .entry-meta, .intro-effect-fadeout .intro-effect-bg-img-container .entry-meta { opacity: 0; text-align: center; max-width: 800px; -webkit-transform: translateY(150px); transform: translateY(150px); } .modify .without_thumbnail.container .entry-meta, .intro-effect-fadeout.modify .intro-effect-bg-img-container .entry-meta { color: #999; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); font-size: 80%; font-family: almaq-refined, "Open Sans", Tahoma; } .intro-effect-fadeout .site-content > article, .intro-effect-fadeout .content-sidebar { opacity: 0; -webkit-transform: translateY(350px); transform: translateY(350px); } .intro-effect-fadeout.modify .site-content > article, .intro-effect-fadeout.modify .content-sidebar { opacity: 1; -webkit-transform: translateY(-50px); transform: translateY(-50px); } .intro-effect-fadeout .intro-effect-bg-img { position: absolute; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; } .intro-effect-fadeout .intro-effect-bg-img img { opacity: 0.8; position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; } /* Aesop characters */ .aesop-character-component.aesop-component { max-width: 800px; margin: 0 auto; float: none; } .site-content article .entry-content img.aesop-character-avatar { float: none; display: block; border-radius: 1000px; margin-bottom: 10px; } p.aesop-character-cap { font-size: 0.8rem; width: 60%; text-align: center; line-height: 1.1rem; } span.aesop-character-title::before { content: ""; border-top: 1px solid #C8C8C8; display: block; width: 40%; right: 0; position: absolute; top: -5px; } .aesop-character-title { display: block; float: left; margin-right: 30px; font-size: 0.8rem; color: #666; position: relative; font-style: italic; } .aesop-character-float.aesop-character-left { margin-right: 30px; float: left; margin-left: -14%; } .aesop-character-float.aesop-character-right { margin-left: 30px; float: right; margin-right: -14%; } .aesop-character-float.aesop-character-right .aesop-character-title { float: right; margin-right: 30px; margin-left: 0; } /* Stories collection */ h2.aesop-collection-entry-title { margin-top: 5px; font-weight: 400; width: auto; font-size: 0.9em; color: #09c; -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; -o-transition: color linear 0.2s; transition: color linear 0.2s; } h2.aesop-collection-entry-title:hover { color: #ff5c1a; } /* Timeline */ .aesop-timeline { position: fixed; background: #333; padding-bottom: 15px; color: #fff; bottom: 0; width: 100%; padding-top: 15px; -webkit-transform: translateY(80px); transform: translateY(80px); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .aesop-timeline-stop { text-align: center; } .aesop-timeline-stop:after { content: ""; border-bottom: 2px solid #000; width: 5%; display: block; margin: 20px auto 40px auto; } .timeline-in-view .aesop-timeline { -webkit-transform: translateY(0); transform: translateY(0); } .aesop-timeline ol:after { display: none; } .aesop-timeline .scroll-nav__list { border-bottom: 1px dotted #fff; margin-bottom: 0; list-style: none; padding: 0 40px; height: 40px; } .aesop-timeline .scroll-nav__item a { color: #fff; font-size: 23px; padding-bottom: 0; display: inline-block; line-height: 23px; color: #999; font-family: freight-text-pro, "Merriweather",Tahoma; min-width: 80px; text-align: center; } .aesop-timeline .scroll-nav__item a:after { content: '•'; color: #fff; display: block; text-align: center; font-size: 29px; line-height: 11px; position: relative; bottom: -10px; } .aesop-timeline li.scroll-nav__item { display: inline-block; margin-right: 30px; } .aesop-timeline li.scroll-nav__item.active.in-view a { font-size: 32px; color: #fff; } /* Aesop document */ .aesop-documument-component.aesop-content { max-width: 100%; } body .aesop-documument-component { text-align: center; background: #f8f8f8; padding: 60px 0; } body .aesop-documument-component:before { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; content: "\e022"; display: block; margin-bottom: 30px; font-size: 3rem; color: #999; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aesop-documument-component a span { color: #09c; border: 0; padding-left: 0; text-transform: capitalize; font-size: 1.5rem; font-family: almaq-refined, "Open Sans", Tahoma; font-weight: 300; display: block; } .aesop-documument-component a br { display: none; } .aesop-documument-component a:hover span { color: #ff5c1a; } .aesop-documument-component a:focus { outline: none; text-decoration: none; } .aesop-documument-component a { font-size: 14px; font-family: freight-text-pro, "Merriweather",Tahoma; color: #999; margin: 0; line-height: 14px; } /* Aesop image */ .aesop-img-enlarge { display: none; } .aesop-image-component .aesop-image-component-caption { margin-top: -1.5rem; font-family: almaq-refined, "Open Sans", Tahoma; font-size: 14px; margin-bottom: 0; } .aesop-image-component .aesop-cap-cred, .aesop-image-component .aesop-img-enlarge { text-transform: none; } .aesop-image-component .aesop-cap-cred { font-style: italic; color: #999; } /* Aesop chapters */ h2.aesop-cover-title { margin-bottom: 25px; text-align: center; text-transform: uppercase; letter-spacing: 1px; font-size: 32px; font-weight: 300; color: #000; font-family: "Old Standard TT"; } h2.aesop-cover-title small { font-size: 0.55em; display: block; margin-top: 10px; } .aesop-article-chapter-wrap.has-chapter-image h2.aesop-cover-title { margin-top: 0; font-size: 52px; color: #fff; position: relative; top: 50%; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); transform: translateY(-40%); -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); } .aesop-article-chapter-wrap.has-chapter-image h2.aesop-cover-title small { color: #DFDFDF; } .single-post progress { position: fixed; top: -100%; z-index: 50; left: 0; width: 100%; height: 50px; border-radius: 0; border: 0; display: block; } body.admin-bar.single-post progress.shrink { top: 32px; -webkit-transition: top 0.7s ease-in-out 0s; -moz-transition: top 0.7s ease-in-out 0s; -o-transition: top 0.7s ease-in-out 0s; -ms-transition: top 0.7s ease-in-out 0s; transition: top 0.7s ease-in-out 0s; } .sticky_header_active.single-post progress.shrink { top: 0; -webkit-transition: top 0.7s ease-in-out 0s; -moz-transition: top 0.7s ease-in-out 0s; -o-transition: top 0.7s ease-in-out 0s; -ms-transition: top 0.7s ease-in-out 0s; transition: top 0.7s ease-in-out 0s; } /* All Progress Bars */ .single-post progress { /* Reset the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Determinate */ .single-post progress[value] { /* Reset the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Indeterminate */ .single-post progress:not([value]) { /* Reset the default appearance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .single-post progress::-webkit-progress-bar { background: #fff; } .single-post progress::-webkit-progress-value { background-color: #999; } .story-progress-bar { position: fixed; top: 150px; right: 10px; font-size: 120px; font-weight: 300; font-family: freight-text-pro, "Merriweather",Tahoma; opacity: 0.1; color: #999; z-index: 30; display: none; /* temporary disabled */ transform: translateX(120%); -webkit-transform: translateX(120%); -moz-transform: translateX(120%); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } body.sticky_header_active .story-progress-bar { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); } .header_chapter_container { text-align: right; } .chapter_overlay { height: 100%; } .header_chapter_wrapper { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 153, 204, 0.95); } .header_chapter_container .glyphicon-list { font-size: 12px; display: inline-block; top: -1px; position: relative; margin-right: 3px; } .header_chapter_wrapper .overlay-close { width: 50px; height: 50px; position: relative; right: 10px; top: 10px; overflow: hidden; border: none; background: url(images/cross.png) no-repeat center center; text-indent: 200%; color: transparent; outline: none; z-index: 100; background-size: 70% 70%; padding: 0; float: right; } .header_chapter_wrapper nav { text-align: center; position: relative; top: 35%; height: 60%; font-size: 37px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header_chapter_wrapper ol { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative; list-style-type: decimal-leading-zero; color: #fff; right: -30px; font-weight: 700; font-family: "Old Standard TT"; } .header_chapter_wrapper ol li { height: 20%; height: calc(100% / 5); min-height: 80px; } .header_chapter_wrapper ol li:first-child { display: none; } .header_chapter_wrapper ol li a { font-weight: 300; display: block; color: #fff; font-family: "Old Standard TT"; -webkit-transition: color 0.2s; transition: color 0.2s; } /*.header_chapter_wrapper ol li a:after { content: ""; border-bottom: 1px solid #333; width: 10%; display: block; margin: 10px auto 40px auto; }*/ .header_chapter_wrapper ol li a:hover, .header_chapter_wrapper ol li a:focus { color: #333; } /* Overlay open/close effect */ .header_chapter_wrapper { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .header_chapter_wrapper.open { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .header_chapter_wrapper nav { -webkit-perspective: 1200px; perspective: 1200px; } .header_chapter_wrapper nav ol { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; } .header_chapter_wrapper.open nav ol { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } .header_chapter_wrapper.o-close nav ol { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); } /* Author */ .author-avatar { float: left; } .author-description { float: right; width: 87%; } .author-the-author { padding-top: 0 !important; font-size: 14px; line-height: 14px; color: #bbb; font-family: almaq-refined, "Open Sans", Tahoma; text-transform: uppercase; } h2.author-title { margin: 0; } .author-info .author-bio a { color: #09c; } .author-info .author-bio a:hover { color: #2B2B2C; } /* Author archive */ body.author .archive-header { position: relative; min-height: 200px; } body.author .archive-header h1 { margin-bottom: 30px; color: #333; font-size: 48px; font-weight: 700; line-height: 30px; text-align: center; } body.author .with_bg_image .archive-header h1 { color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); } body.author .archive-header .author-social { list-style: none; } body.author .archive-header .author-social li { position: relative; display: inline-block; margin-right: 45px; color: #fff; font-size: 30px; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-transition: color 0.2s; transition: color 0.2s; } body.author .archive-header .author-social li:hover { color: #09c; } body.author .archive-header .author-social li a { display: block; width: 30px; height: 30px; position: absolute; top: 0; } body.author .archive-header .author-desc { margin-bottom: 40px; font-family: freight-text-pro, "Merriweather",Tahoma; text-align: center; } body.author .with_bg_image .archive-header .author-desc { color: #fff; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); } body.author .with_bg_image .archive-header .author-info-container { position: absolute; bottom: 30px; width: 100%; } /* Featured slider */ /*.featured-slider .related-articles-title { color: #2B2B2C; text-align: center; margin-top: 20px; font-size: 1.45em; font-weight: normal; position: relative; bottom: -100px; } .featured-slider h2.related-articles-title:after { content: ""; border-bottom: 2px solid #000; width: 5%; display: block; margin: 20px auto 20px auto; }*/ .featured-slider .featured-content { position: relative; -webkit-perspective: 500px; -moz-perspective: 500px; perspective: 500px; } .featured-content a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; background: #000; -webkit-backface-visibility: hidden; } .featured-content a .slider-content p { opacity: 0; -webkit-transform: translateZ(-30px); -moz-transform: translateZ(-30px); -ms-transform: translateZ(-30px); -o-transform: translateZ(-30px); transform: translateZ(-30px); -webkit-transition: opacity 0.2s, -moz-transform 0.2s; -moz-transition: opacity 0.2s, -moz-transform 0.2s; transition: opacity 0.2s, -moz-transform 0.2s; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; -webkit-transition: opacity 0.2s, transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .featured-content a .slider-content h2 { opacity: 0; -webkit-transform: translateZ(-30px); -moz-transform: translateZ(-30px); -ms-transform: translateZ(-30px); -o-transform: translateZ(-30px); transform: translateZ(-30px); -webkit-transition: opacity 0.2s 0.2s, -moz-transform 0.2s 0.2s; -moz-transition: opacity 0.2s 0.2s, -moz-transform 0.2s 0.2s; transition: opacity 0.2s 0.2s, -moz-transform 0.2s 0.2s; -webkit-transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s; -moz-transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s; transition: opacity 0.2s 0.2s, -webkit-transform 0.2s 0.2s; -webkit-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s; -moz-transition: opacity 0.2s 0.2s, transform 0.2s 0.2s; transition: opacity 0.2s 0.2s, transform 0.2s 0.2s; } .featured-content a:hover .slider-content h2 { -webkit-transition: opacity 0.5s, -moz-transform 0.5s; -moz-transition: opacity 0.5s, -moz-transform 0.5s; transition: opacity 0.5s, -moz-transform 0.5s; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; -moz-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; -webkit-transition: opacity 0.5s, transform 0.5s; -moz-transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s; } .featured-content a:hover .slider-content p { -webkit-transition: opacity 0.5s 0.2s, -moz-transform 0.5s 0.2s; -moz-transition: opacity 0.5s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.5s 0.2s, -moz-transform 0.5s 0.2s; -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s; transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s; -webkit-transition: opacity 0.5s 0.2s, transform 0.5s 0.2s; -moz-transition: opacity 0.5s 0.2s, transform 0.5s 0.2s; transition: opacity 0.5s 0.2s, transform 0.5s 0.2s; } .featured-content a:hover .slider-content h2, .featured-content a:hover .slider-content p { opacity: 1; -webkit-transform: translateZ(0px); -moz-transform: translateZ(0px); -ms-transform: translateZ(0px); -o-transform: translateZ(0px); transform: translateZ(0px); } .featured-slider .featured-content a:hover img { -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); opacity: 0.7; } .featured-slider .featured-content article { margin: 0; padding: 0; } .featured-slider .featured-content article img { max-width: 100%; height: 100%; display: block; opacity: 0.5; -webkit-backface-visibility: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; } .featured-slider .featured-content .slider-content p { font-size: 80%; line-height: 1.7em; } .featured-slider .featured-content h2 { width: 100%; font-weight: 700; font-size: 2.55em; font-size: 2.4vw; text-align: left; line-height: 1em; color: #fff; margin: 0; display: inline-block; text-transform: uppercase; font-family: almaq-refined, "Open Sans", Tahoma; } .featured-slider .featured-content h2 span { font-weight: 700; } .featured-slider .featured-content .slider-content { width: 100%; height: 100%; color: #fff; position: absolute; top: 20%; left: 10%; text-align: left; height: auto; width: 80%; font-family: almaq-refined, "Open Sans", Tahoma; } /* Related articles */ .single .related-articles-title { color: #2B2B2C; text-align: center; margin-top: 20px; font-size: 1.45em; font-weight: normal; position: relative; bottom: -100px; } .single h2.related-articles-title:after { content: ""; border-bottom: 2px solid #000; width: 5%; display: block; margin: 20px auto 20px auto; } .single .related-articles { margin-top: 40px; position: relative; bottom: -100px; } .related-articles a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; background: #000; -webkit-backface-visibility: hidden; } .related-articles a:hover .related-content { -webkit-transform: translateZ(30px); -moz-transform: translateZ(30px); -ms-transform: translateZ(30px); -o-transform: translateZ(30px); } .single .related-articles a:hover img { -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); opacity: 0.7; } .single .related-articles .related-thumb { margin: 0; padding: 0; -webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; } .single .related-articles .related-thumb img { max-width: 100%; height: auto; display: block; opacity: 0.5; -webkit-backface-visibility: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; } .single .related-articles h2 { width: 60%; font-weight: 700; font-size: 2.55em; font-size: 2.5vw; text-align: left; line-height: 1em; color: #fff; margin: 0; display: inline-block; text-transform: uppercase; font-family: almaq-refined, "Open Sans", Tahoma; } .single .related-articles h2 span { font-weight: 700; } .single .related-articles .related-content { width: 100%; height: 100%; color: #fff; position: absolute; top: 20%; text-align: center; height: auto; -webkit-backface-visibility: hidden; -webkit-transition: all 0.35s; transition: all 0.35s; } /*.single .related-articles a:hover .related-excerpt { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } .single .related-articles .related-excerpt { opacity: 0; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); -webkit-transition: all 0.35s; transition: all 0.35s; }*/ /* Blog */ .site-content div.ssba { margin-top: 40px !important; margin-bottom: 120px !important; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; padding: 10px 0; font-size: 14px; text-transform: uppercase; color: #bbb; font-family: almaq-refined, "Open Sans", Tahoma; line-height: 35px; } .site-content div.ssba div:after { content: ""; clear: both; width: 100%; display: block; } .site-content div.ssba a { float: right; } .site-content div.ssba img { padding-top: 0; padding-bottom: 0; display: block !important; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } footer.entry-meta { margin-top: 40px; margin-bottom: 50px; } footer.entry-meta .tag-links a { display: inline-block; margin: 4px 8px 4px 0; font-weight: 300; text-transform: capitalize; padding: 2px 10px; border: 0; font-size: 80%; background-color: #f5f5f5; } footer.entry-meta .tag-links a:hover { background: #09c; color: #fff; border-color: #09c; } body.single p.intro { font-family: freight-text-pro, "Merriweather",Tahoma; letter-spacing: 1px; font-size: 20px; font-weight: 700; line-height: 1.7em; } span.dropcap { font-size: 80px; font-family: freight-text-pro, "Merriweather",Tahoma; min-height: 70px; display: inline-block; float: left; line-height: 76px; margin-right: 15px; } body.single .entry-header { display: none; } header.archive-header, header.page-header { padding-bottom: 9px; margin-top: 0; margin-bottom: 16px; border: 0; text-align: center; background-color: #f4f4f4; padding: 40px 0px; margin-left: -15px; margin-right: -15px; background-repeat: no-repeat; background-size: cover; background-position: center center; } body.author .with_bg_image header.archive-header { height: 500px; } body.error404 header.page-header { background: transparent; } header.archive-header h1, header.page-header h1 { margin: 0; font-size: 15px; font-weight: 300; color: #bbb; } header.archive-header h1 span, header.page-header h1 span { display: block; color: #333; font-size: 26px; font-weight: normal; text-transform: uppercase; margin-top: 10px; } body.search .content-area, body.archive .content-area { margin: 0; padding: 0; } body.home.blog .content-area #content, body.search .content-area #content, body.archive .content-area #content { margin-top: 0; } body.home .site-content > article:nth-of-type(1), body.search .site-content > article:nth-of-type(1), body.archive .site-content > article:nth-of-type(1) { border: 0; } .site-content article.type-post, .site-content article.type-page { width: 100%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 20px 0px 40px 0px; padding: 0px; border-top: 1px dashed #e5e5e5; padding-top: 40px; } .site-content article.type-post:first-child, .site-content article.type-page:first-child, .single .site-content article:nth-of-type(1) { padding-top: 0; margin-top: 0; border: none; } .site-content article { width: 100%; max-width: 100%; position: relative; /*overflow: hidden;*/ display: block; margin-right: 1px; margin-left: 1px; margin-bottom: 3px; } .site-content article.format-video embed { max-width: 100%; } .single .site-content article { margin-bottom: 0; } .site-content article .post-thumbnail img { max-width: 100%; height: 100%; margin-bottom: 40px; } .site-content article.type-page .post-thumbnail img { border-radius: 4px 4px 0 0; } .site-content article .entry-summary, .site-content article .entry-content { margin: 0; padding: 0 0 30px; } .single .site-content article .entry-content { padding-bottom: 0; } .site-content article .entry-content ul, .site-content article .entry-content ol { padding-left: 15px; } .site-content article .entry-content img { max-width: 100%; height: auto; margin-bottom: 30px; } .site-content article .entry-content .wp-caption img { margin-bottom: 15px; } .site-content article .entry-content .wp-caption { margin-bottom: 30px; } /*.site-content article .entry-content div:not(.leaflet-popup-content-wrapper) { max-width: 100%; } */ .without_thumbnail.container .entry-title, .intro-effect-fadeout .intro-effect-bg-img-container .entry-title, .site-content article .entry-header .entry-title { margin: 0 0 20px 0; padding: 0 0 0 0; font-size: 37px; line-height: 47px; } .without_thumbnail.container .entry-title, .intro-effect-fadeout .intro-effect-bg-img-container .entry-title { font-size: 66px; line-height: 76px; margin-top: 30%; text-align: center; margin-right: auto; margin-left: auto; } body:not(.modify).intro-effect-fadeout .intro-effect-bg-img-container .entry-title { text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); } /*.site-content article .entry-header .entry-title:after { content: ""; border-bottom: 2px solid #000; width: 5%; display: block; margin: 40px auto 20px auto; }*/ .intro-effect-fadeout .intro-effect-bg-img-container .entry-title { color: #fff; } .intro-effect-fadeout .intro-effect-bg-img-container .entry-title span { color: #fff; font-weight: 700; } .site-content article .entry-header .entry-title a span { color: #999; font-weight: 700; } .site-content article .entry-header .entry-title a { color: #333; font-weight: 700; } .site-content article .entry-header .entry-title a:hover { color: #ff5c1a; } .site-content article .entry-header { padding: 35px 0 45px; text-align: center; font-family: almaq-refined, "Open Sans", Tahoma; } .site-content article.type-page.has-post-thumbnail .entry-header { padding-top: 0; } .page .site-content article .entry-header { padding-bottom: 15px; } .container.without_thumbnail .entry-meta { font-size: 80%; } .container.without_thumbnail .entry-meta a { color: #ff5c1a; } .container.without_thumbnail .entry-meta span, .intro-effect-fadeout .intro-effect-bg-img-container .entry-meta span { padding: 0 12px 0 0; display: inline-block; } .container.without_thumbnail .entry-meta span.author, .intro-effect-fadeout .intro-effect-bg-img-container .entry-meta span.author, .site-content article .entry-header div.entry-meta span.author { padding-right: 0; } .container.without_thumbnail .entry-meta span .glyphicon, .site-content article .entry-header div.entry-meta span .glyphicon { padding-right: 5px; } .intro-effect-fadeout .intro-effect-bg-img-container .entry-meta { margin: 0 0 0 0; padding: 0 0 0 0; color: #bbb; font-size: 13px; } .site-content article .entry-header div.entry-meta { padding: 0 0 0 0; color: #bbb; font-size: 13px; } .intro-effect-fadeout .intro-effect-bg-img-container .entry-meta { font-size: 16px; margin-right: auto; margin-left: auto; font-family: almaq-refined, "Open Sans", Tahoma; } .container.without_thumbnail .entry-meta a, .intro-effect-fadeout .intro-effect-bg-img-container .entry-meta a, .site-content article .entry-header div.entry-meta a { color: #ff5c1a; margin-left: 16px; text-transform: uppercase; } .container.without_thumbnail .entry-meta .cat-links a, .intro-effect-fadeout .intro-effect-bg-img-container .entry-meta .cat-links a, .site-content article .entry-header div.entry-meta .cat-links a { margin-left: 0; } .container.without_thumbnail .entry-meta .cat-links a:first-child, .intro-effect-fadeout .intro-effect-bg-img-container .entry-meta .cat-links a:first-child, .site-content article .entry-header div.entry-meta .cat-links a:first-child { margin-left: 16px; } .container.without_thumbnail .entry-meta .byline a, .intro-effect-fadeout.modify .intro-effect-bg-img-container .entry-meta .byline a, .site-content article .entry-header div.entry-meta .byline a { margin-left: 0; } .intro-effect-fadeout.modify .intro-effect-bg-img-container .entry-meta .tag-links a, .site-content article .entry-header div.entry-meta .tag-links a { padding-right: 10px; } .container.without_thumbnail .entry-meta a:hover, .intro-effect-fadeout .intro-effect-bg-img-container .entry-meta a:hover, .site-content article .entry-header div.entry-meta a:hover { color: #000000; } .site-content .entry-format { display: block; float: none; margin: 0 auto 20px; clear: both; color: #fff; width: 60px; height: 60px; line-height: 62px; text-align: center; padding: 0; margin: 0 auto 22px; text-align: center; z-index: 80; border-radius: 100%; background-color: #9FCE26; font-size: 30px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .site-content .entry-format:hover { opacity: 0.8; -webkit-transform: translateY(3px); -moz-transform: translateY(3px); -ms-transform: translateY(3px); -o-transform: translateY(3px); transform: translateY(3px); } .site-content .post-format.post-format-audio .entry-format { line-height: 64px; } .site-content .post-format.post-format-link .entry-format, .site-content .post-format.post-format-quote .entry-format { line-height: 66px; } article .entry-content pre, article .entry-content dl, article .entry-content dd { margin-bottom: 30px; } /* Widgets */ .widget table, .widget p { margin: 0; padding: 0; } .widget img { max-width: 100%; width: 100%; height: auto; } .widget img:hover { opacity: 0.7; transition: all 0.20s; } .widget_nav_menu ul, .widget_recent_comments ul, .widget_rss ul, .widget_pages ul, .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_recent_entries ul { margin: 0; list-style: none; } .widget_nav_menu ul ul.children, .widget_recent_comments ul ul.children, .widget_rss ul ul.children, .widget_pages ul ul.children, .widget_archive ul ul.children, .widget_categories ul ul.children, .widget_meta ul ul.children, .widget_recent_entries ul ul.children, .widget_nav_menu ul ul.sub-menu { margin-left: 15px; } .widget_nav_menu ul li, .widget_recent_comments ul li, .widget_rss ul li, .widget_pages ul li, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_recent_entries ul li { font-size: 15px; margin: 0; padding: 8px 0!important; width: 100%; border-bottom: 1px dotted rgba(0,0,0,0.15); } .widget_nav_menu ul li:last-child, .widget_recent_comments ul li:last-child, .widget_rss ul li:last-child, .widget_pages ul li:last-child, .widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_meta ul li:last-child, .widget_recent_entries ul li:last-child { border-bottom: 0 none; padding-bottom: 0; } .tagcloud:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .tagcloud a { background-color: #09c; border-radius: 2px; color: #fff !important; display: block; float: left; margin: 0 1px 1px 0; padding: 4px 7px; -webkit-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .tagcloud a:hover { opacity: 0.8; color: #fff !important; } .widget_rss img { display: none; } /* WP Search widget */ .widget.widget_search form .search-field { padding: 10px 10px 11px; margin-bottom: 10px; overflow: hidden; width: 100%; } .widget.widget_search form input[type=submit] { line-height: 34px; float: right; } .widget.widget_search form .screen-reader-text { margin-bottom: 10px; display: inline-block; } .widget.widget_search form:after { content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* WP Calendar */ #calendar_wrap { padding: 0; } #wp-calendar { border: 0; border-spacing: 1px; table-layout: fixed; width: 100%; margin: 0 auto; padding-bottom: 30px; } #wp-calendar thead tr th { border-width: 0; text-align: center; background: #f1f1f1; line-height: 40px; height: 40px; font-size: 12px; } #wp-calendar caption { font-size: 16px; line-height: 40px; text-align: center; font-weight: 300; margin: 20px 0 10px 0; } #wp-calendar td#prev a, #wp-calendar td#next a { height: 40px; border: 0; display: inline-block; color: #A7A7A7; font-size: 16px; line-height: 40px; text-align: center; font-weight: 300; } #wp-calendar td#prev a:hover, #wp-calendar td#next a:hover { background: #fff; color: #09c; } #wp-calendar thead th i:before { margin: 0; width: auto; } #wp-calendar td#prev { text-align: left; border: 0; } #wp-calendar td#next { text-align: right; border: 0; } #wp-calendar tbody td { border: 1px solid #f1f1f1; height: 40px; line-height: 40px; padding: 0; color: #A7A7A7; font-size: 14px; background: #fff; position: relative; text-align: center; font-weight: 300; } #wp-calendar td.pad { background: none; border: none; } #wp-calendar tbody td a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; line-height: 40px; } #wp-calendar tbody td.dayWithPost a:hover { color: #09c; } #wp-calendar tbody td.today { color: #6e7a89; background: #f1f1f1; } .widget h3.widget-title { position: relative; border-bottom: 3px solid #09c; z-index: 1; padding-bottom: 1px; } .widget .divider { position: relative; } .widget .divider:after { content: ""; position: absolute; bottom: 29px; right: 0; width: 100%; border-bottom: 1px solid rgb(219, 219, 219); z-index: 0; } .content-sidebar .widget > div:not(.divider), .content-sidebar .widget > ul, .content-sidebar .widget > select, .content-sidebar .widget > form { position: relative; margin-bottom: 30px; } .site-footer .widget h3.widget-title, .content-sidebar .widget h3.widget-title { margin: 0 0 29px 0; padding: 5px 0; font-size: 24px; text-transform: uppercase; line-height: 25px; text-align: left; display: inline-block; font-family: freight-text-pro, "Merriweather",Tahoma; font-weight: 300; } /* Comments */ .comments-container { margin-top: 144px; overflow: hidden; } .comments-container ol.commentlist { margin-bottom: 120px; list-style-type: none; } .comments-container ul, .comments-container li, .comments-container ol { margin: 0; padding: 0; } .comments-container ol.children { margin-bottom: 0; margin-left: 85px; list-style-type: none; } .comments-container .comment-author b, .comments-container p { margin: 0; padding: 0; } .comments-container p.no-comments { margin-top: 50px; text-align: center; } .comments-container .comments-title { margin: 0 0 50px 0; padding: 0; font-size: 29px; line-height: 35px; text-align: center; padding-top: 40px; } .comments-container .comments-title span { font-weight: 700; } .comments-container .comment-author b { text-transform: capitalize; font-size: 16px; line-height: 22px; margin-top: 0px; display: inline-block; font-family: almaq-refined, "Open Sans", Tahoma; font-weight: 400; color: #000; } .comments-container .comment-meta { font-size: 12px; } .comment-metadata time { font-style: italic; color: #999; } .comments-container .says { display: none; } .comments-container img.avatar { overflow: hidden; display: inline-block; float: left; margin-right: 20px; } .comments-container .comment { margin-top: 25px; } .comment-content { display: block; clear: both; overflow: hidden; margin-top: 0; margin-left: 84px; padding-right: 35px; padding-bottom: 10px; } .comment-content p { font-size: 16px; line-height: 24px; } .comment-body { padding-top: 30px; border-top: 1px solid #E8E8E8; } .commentlist > li.comment:first-child > .comment-body { border: 0; } .comments-container h3#reply-title { font-weight: 300; text-align: center; padding-top: 0px; margin-bottom: 5px; font-size: 29px; } .comments-container h3#reply-title:after { content: ""; border-bottom: 2px solid #000; width: 5%; display: block; margin: 20px auto 20px auto; } .comments-container div.reply { display: block; position: absolute; top: 5px; right: 0; clear: both; float: right; overflow: hidden; margin-bottom: 5px; margin-right: 1px; font-family: almaq-refined, "Open Sans", Tahoma; } article.hentry .edit-link { display: block; clear: both; text-align: right; overflow: hidden; } article.hentry .post-edit-link, .comments-container .comment-reply-link { color: #777; font-size: 13px; border-radius: 2px; display: inline-block; padding: 9px 19px; border: 1px solid #E8E8E8; line-height: 19px; font-family: almaq-refined, "Open Sans", Tahoma; } article.hentry .post-edit-link:hover, .comment-reply-link:hover { border: 1px solid #09c; background-color: #09c; color: #fff; } article.hentry .more-link { position: relative; color: #2B2B2C; font-size: 20px; text-align: center; margin-top: 40px; margin-bottom: 30px; min-height: 40px; width: 100%; display: inline-block; font-family: freight-text-pro, "Merriweather",Tahoma; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s; } article.hentry .more-link:focus { outline: none; } article.hentry .more-link::before { position: absolute; top: 20px; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 1em; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; } article.hentry .more-link:hover::before, article.hentry .more-link:focus::before { color: #09c; text-shadow: 13px 0 #09c, -13px 0 #09c; } article.hentry .more-link:hover { color: #09c; } article.hentry .more-link .meta-nav { display: none; } .comments-container .comment-form p { margin-bottom: 5px; } .comments-container .comment-form p.logged-in-as, .comments-container .comment-form p.comment-notes { margin-bottom: 35px; text-align: center; } .comments-container .comment-form p.form-submit { margin-top: 10px; text-align: right; } .comments-container .comment-form:after { content: ""; clear: both; display: block; } .comments-container .comment-form p label { display: block; font-size: 16px; margin-bottom: 3px; float: left; width: 80px; } .comments-container .comment-form p.comment-form-comment label { display: none; } .comments-container .comment-form #comment { width: 100%; margin-bottom: 20px; } .comments-container input[type=email], .comments-container input[type=text], .comments-container input[type=url], .comments-container textarea { border: 1px solid rgba(0,0,0,0.09); } /* Page navigation */ .entry-content .page-links, .pagination { font-size: 13px; line-height: 25px; text-align: center; margin: 20px auto; width: 100%; } .entry-content .page-links a, .entry-content .page-links > span:not(.page-links-title), .pagination a, .pagination span.page-numbers.current { display: inline-block; padding: 9px 19px; text-align: center; background-color: #fff; border: 1px dotted #E8E8E8; color: #777; border-radius: 2px; margin-left: 5px; } .entry-content .page-links > span:not(.page-links-title), .pagination span.page-numbers.current { border: 1px solid #09c; background-color: #09c; color: #fff; } span.page-numbers.dots { margin-left: 5px; } .entry-content .page-links a:hover, .pagination a:hover { border: 1px solid #09c; background-color: #09c; color: #fff; } /* Tables */ article .entry-content table { width: 100%; border: 0; } article .entry-content table thead { background: #f7f7f7; } article .entry-content table thead th { font-weight: bold; text-align: left; } article .entry-content table td, article .entry-content table th { padding: 10px; border: 0; } article .entry-content table th { font-weight: 400; } article .entry-content table td { font-weight: 300; } article .entry-content table tr:last-child td { border-bottom: none; } article .entry-content table tr:nth-child(even) { background: #f7f7f7; } /* Footer */ .site-footer-container.container { width: 100%; margin-bottom: 40px; } .site-footer-wrapper { margin-top: 100px; clear: both; } .error404 .site-footer-wrapper { margin-top: 110px; } .site-footer-wrapper footer .search-form label { width: 100%; } .site-footer-wrapper footer .search-form label input[type=search] { border-color: #dfdfdf; } .site-footer-wrapper footer { margin-top: 30px; position: relative; font-family: almaq-refined, "Open Sans", Tahoma; font-size: 90%; } .site-footer-wrapper { background: #fafafa; padding: 0; box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.09); -moz-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.09); -webkit-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.09); } .site-info-content { margin: 0 auto; max-width: 1200px; } .site-info { font-family: almaq-refined, "Open Sans", Tahoma; height: auto; line-height: 70px; background-color: #333333; border-top: 2px solid #09c; color: #A5A5A5; position: relative; top: 0px; width: 100%; font-weight: 300; } .site-info a { color: #fff; } .site-info a:hover { color: #09c; } .footer-menu { float: right; } .footer-menu ul { margin-bottom: 0; } .footer-menu ul li { display: inline-block; margin-left: 15px; list-style: none; } .site-footer-wrapper .copyright { float: left; } .site-footer-wrapper .scroll-to-top { display: none; position: fixed; right: 15px; bottom: 15px; width: 40px; height: 40px; color: #fff !important; background: #09c; font-size: 15px; line-height: 40px; text-align: center; border-radius: 5px; z-index: 5; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; } .site-footer-wrapper .scroll-to-top:hover { opacity: 0.8; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } /* Slider */ .slider .featured-slider { padding: 0; background-color: transparent; } .slider .featured-slider { position: relative; top: -30px; overflow: hidden; width: 100%; margin-bottom: 0; padding: 0; } .slider .featured-slider .tabs-container { position: relative; } .slider .featured-slider .tabs { width: 100%; margin: 0 auto; position: absolute; z-index: 10; bottom: 0; } .slider .featured-slider .tabs:before { content: ""; height: 100%; left: -9999px; position: absolute; right: -9999px; } .slider .featured-slider .tabs a { display: table-cell; float: none; height: 95px; color: #fff; text-align: left; line-height: 1.1; font-size: 18px; outline: none; text-transform: uppercase; font-weight: 900; position: relative; padding: 25px 25px 15px; vertical-align: bottom; border-bottom: 4px solid transparent; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .slider .featured-slider .tabs a:before, .slider .featured-slider .tabs a:after { position: absolute; right: 50%; width: 0; content: ''; border-bottom: 4px solid rgba(221, 55, 10, 0.7); background: rgba(221, 55, 10, 0.7); z-index: -1; opacity: 1; bottom: -4px; } .slider .featured-slider .tabs a.active:before, .slider .featured-slider .tabs a.active:after { border-bottom: 4px solid transparent; } .slider .featured-slider .tabs a:before { left: 50%; right: auto; } .slider .featured-slider .tabs a h4 { font-family: freight-text-pro, "Merriweather",Tahoma; letter-spacing: 1px; margin-top: 0; font-weight: 900; line-height: 1; } .slider .featured-slider .tabs a.active { color: #fff; padding: 0px 25px 0px; } .slider .featured-slider .tabs date { font-size: 80%; margin-bottom: 10px; display: block; font-weight: 300; } .slider .featured-slider .tabs a.active:before, .slider .featured-slider .tabs a.active:after { width: 50%; height: 0; -webkit-animation: width-size 0.5s 1; -moz-animation: width-size 0.5s 1; -o-animation: width-size 0.5s 1; animation: width-size 0.5s 1; height: 100%; } .slider .featured-slider .tabs a:not(.active):hover:before, .slider .featured-slider .tabs a:not(.active):hover:after { width: 50%; height: 0; -webkit-animation: width-size-width 0.5s 1; -moz-animation: width-size-width 0.5s 1; -o-animation: width-size-width 0.5s 1; animation: width-size-width 0.5s 1; } @-webkit-keyframes width-size { 0% { width: 50%; height: 0; } 100% { width: 50%; height: 100%; } } @-moz-keyframes width-size { 0% { width: 50%; height: 0; } 100% { width: 50%; height: 100%; } } @-o-keyframes width-size { 0% { width: 50%; height: 0; } 100% { width: 50%; height: 100%; } } @keyframes width-size { 0% { width: 50%; height: 0; } 100% { width: 50%; height: 100%; } } /* ------------ */ @-webkit-keyframes width-size-width { 0% { width: 0%; height: 0; } 100% { width: 50%; } } @-moz-keyframes width-size-width { 0% { width: 0%; height: 0; } 100% { width: 50%; } } @-o-keyframes width-size-width { 0% { width: 0%; height: 0; } 100% { width: 50%; } } @keyframes width-size-width { 0% { width: 0%; height: 0; } 100% { width: 50%; } } .slider .featured-slider .swiper-container { background: #333; width: auto; border-top: 0; display: block; overflow: hidden; position: relative; } .slider .featured-slider .swiper-container { background-attachment: fixed; background-color: #222; background-position: center center; display: block; position: relative; overflow: hidden; } .slider .featured-slider .swiper-container:after { position: absolute; content: ''; left: 0; right: 0; bottom: -100px; height: 100px; box-shadow: 0 -70px 70px rgba(0,0,0,0.3); } .slider .featured-slider .swiper-container .swiper-slide:before { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } .slider .featured-slider .swiper-slide { background: none; color: #fff; background-size: cover; background-attachment: fixed; } .slider .featured-slider .swiper-slide .slide-image { background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #555; display: block; height: 100%; left: 0; top: 0; position: absolute; width: 100%; z-index: -1; } .slider .featured-slider .swiper-slide .content-slide > *:nth-child(1) { opacity: 0; display: block; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform 1.3s ease 0s, opacity 1s ease 0s; -moz-transition: -moz-transform 1.3s ease 0s, opacity 1s ease 0s; -o-transition: -o-transform 1.3s ease 0s, opacity 1s ease 0s; -ms-transition: -ms-transform 1.3s ease 0s, opacity 1s ease 0s; transition: transform 1.3s ease 0s, opacity 1s ease 0s; } .slider .featured-slider .swiper-slide.swiper-slide-visible .content-slide > *:nth-child(1) { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slider .featured-slider .swiper-slide .content-slide > *:nth-child(2) { opacity: 0; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform 1.3s ease 0.2s, opacity 1s ease 0.2s; -moz-transition: -moz-transform 1.3s ease 0.2s, opacity 1s ease 0.2s; -o-transition: -o-transform 1.3s ease 0.2s, opacity 1s ease 0.2s; -ms-transition: -ms-transform 1.3s ease 0.2s, opacity 1s ease 0.2s; transition: transform 1.3s ease 0.2s, opacity 1s ease 0.2s; } .slider .featured-slider .swiper-slide.swiper-slide-visible { z-index: 0; } .slider .featured-slider .swiper-slide.swiper-slide-visible .content-slide > *:nth-child(2) { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slider .featured-slider .swiper-slide .content-slide > *:nth-child(3) { opacity: 0; display: block; z-index: 5; position: relative; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform 1.3s ease 0.4s, opacity 1s ease 0.4s; -moz-transition: -moz-transform 1.3s ease 0.4s, opacity 1s ease 0.4s; -o-transition: -o-transform 1.3s ease 0.4s, opacity 1s ease 0.4s; -ms-transition: -ms-transform 1.3s ease 0.4s, opacity 1s ease 0.4s; transition: transform 1.3s ease 0.4s, opacity 1s ease 0.4s; } .slider .featured-slider .swiper-slide.swiper-slide-visible .content-slide > *:nth-child(3) { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slider .featured-slider .swiper-slide .content-slide > *:nth-child(4) { opacity: 0; display: block; z-index: 5; position: relative; -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform 1.3s ease 0.6s, opacity 1s ease 0.6s; -moz-transition: -moz-transform 1.3s ease 0.6s, opacity 1s ease 0.6s; -o-transition: -o-transform 1.3s ease 0.6s, opacity 1s ease 0.6s; -ms-transition: -ms-transform 1.3s ease 0.6s, opacity 1s ease 0.6s; transition: transform 1.3s ease 0.6s, opacity 1s ease 0.6s; } .slider .featured-slider .swiper-slide.swiper-slide-visible .content-slide > *:nth-child(4) { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slider .featured-slider .swiper-slide .slide-image { -webkit-transition: -webkit-transform 2s ease 1s; -moz-transition: -moz-transform 2s ease 1s; -o-transition: -o-transform 2s ease 1s; -ms-transition: -ms-transform 2s ease 1s; transition: transform 2s ease 1s; -webkit-transform: translateX(0) translateY(0) scale(1.03); -moz-transform: translateX(0) translateY(0) scale(1.03); -o-transform: translateX(0) translateY(0) scale(1.03); -ms-transform: translateX(0) translateY(0) scale(1.03); transform: translateX(0) translateY(0) scale(1.03); } .slider .featured-slider .swiper-slide.swiper-slide-visible .slide-image { -webkit-transition: -webkit-transform 15s ease 0s; -moz-transition: -moz-transform 15s ease 0s; -o-transition: -o-transform 15s ease 0s; -ms-transition: -ms-transform 15s ease 0s; transition: transform 15s ease 0s; -webkit-transform: translateX(-15px) translateY(15px) scale(1.1); -moz-transform: translateX(-15px) translateY(15px) scale(1.1); -o-transform: translateX(-15px) translateY(15px) scale(1.1); -ms-transform: translateX(-15px) translateY(15px) scale(1.1); transform: translateX(-15px) translateY(15px) scale(1.1); } .slider .featured-slider .content-slide { padding: 40px; z-index: 11; position: relative; } /* Slider responsive */ @media (max-width:992px) { .slider .featured-slider .tabs { display: none; } .slider .swiper-slide .entry-header { margin-top: 50px; } .slider .featured-slider .content-slide { padding: 20px; } .slider .swiper-slide .slide-inner { width: 80%; } .slider .swiper-slide .slider-content, .slider .swiper-slide .entry-header .entry-title, .slider .swiper-slide .entry-header .entry-title a { width: 90%; } /* turn off box shadow */ .slider .featured-slider .swiper-container:after, .slider .featured-slider .swiper-container .swiper-slide:before { box-shadow: none; } /* turn off animation */ .slider .featured-slider .tabs a.active:before, .slider .featured-slider .tabs a.active:after { width: 50%; height: 0; -webkit-animation: none 0s 1; -moz-animation: none 0s 1; -o-animation: none 0s 1; animation: none 0s 1; height: 100%; } .slider .featured-slider .swiper-slide .slide-image { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .slider .featured-slider .swiper-slide.swiper-slide-visible .slide-image { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } /* Basic Swiper Styles */ .swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; } .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-container { width:200px; height: 100px; } .swiper-slide { width: 100%; height: 100%; } .swiper-wrapper { position: absolute; top: 0; width: 100%; -webkit-transition-property: -webkit-transform,left,top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px,0,0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform,left,top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px,0,0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform,left,top; -o-transition-duration: 0s; -o-transition-timing-function: ease; -o-transform: translate(0px,0); -ms-transition-property: -ms-transform,left,top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px,0,0); -ms-transition-timing-function: ease; transition-property: transform,left,top; transition-duration: 0s; transform: translate3d(0px,0,0); transition-timing-function: ease; } .swiper-slide { position: relative; float: left; } .swiper-container, .swiper-slide { height: 600px; } .swiper-slide .slide-inner { width: 58.33333333%; margin: 0 auto; } .swiper-slide .slider-content { width: 85%; } .swiper-slide .entry-header { margin-top: 100px; position: relative; z-index: 3; } .swiper-slide .entry-header .entry-title, .swiper-slide .entry-header .entry-title a { width: 70%; text-transform: uppercase; color: #fff; font-size: 70px; line-height: 65px; font-weight: 900; font-family: freight-text-pro, "Merriweather",Tahoma; margin-bottom: 30px; } .swiper-slide .entry-header .entry-meta .cat-links a { color: #fff; border: 1px solid #fff; border-radius: 2px; padding: 4px 7px; } .swiper-slide .slider-content p { position: relative; z-index: 3; color: #fff; font-size: 140%; line-height: 32px; font-weight: 100; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* Contact form */ div.wpcf7-validation-errors, .error, div.wpcf7-mail-sent-ok { background: #09c; color: #FFF; border: 0; border-radius: 2px; padding: 10px 25px; margin: 10px 0 30px 0; } div.wpcf7-mail-sent-ok { background: #50A02D; } /* Tabs & Accordions */ .nav-tabs { margin-left: 0; } .tab-pane p { margin: 15px 10px 25px 15px; } .panel { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .panel-title { text-transform: none; } .panel-default > .panel-heading { background: #f1f1f1; } /* Mobile */ @media (max-width: 782px) { .page { width: 100%; } .main-header-right-side { position: absolute; right: 58px; /*width: 100%;*/ padding-left: 0; padding-right: 0; } .site-content article .entry-content { padding-left: 30px; padding-right: 30px; } .header-main img { width: 100%; max-width: 250px; } .aesop-quote-component { padding:0px !important; } .aesop-collection-grid.aesop-collection-grid-3col .aesop-collection-item { width: 100%; } .site-header { position: relative; z-index: 100; box-shadow: 0 1px 0px rgba(0,0,0,0.05); background-color: rgba(0, 0, 0, 0.9); } body { background-color: #2d2d2d !important; font-family: freight-text-pro, "Merriweather",Tahoma; font-weight: 400; font-size: 1em !important; line-height: 1.7em; color: #ffffff !important; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: almaq-refined, "Open Sans", Tahoma; font-weight: 700 !important; color: #cccccc !important; } h1 { font-weight: 700; font-size: 1.8em !important; line-height: 1.3846153846; color: #ffffff !important; margin-bottom: 8px !important; margin-top: 20px !important; text-transform: uppercase !important; } h2 { font-size: 2.4em !important; margin-top: 0px !important; margin-bottom: 8px !important; } .aesop-quote-component blockquote { font-size: 2.4em !important; } blockquote .secondquote { font-size: 2.4em !important; } .aesop-component { position: relative; margin: 1rem auto !important; } .content-area #content { margin-top: 0px !important; /* max-width: 800px; */ margin-right: auto; margin-left: auto; } .intro-effect-fadeout .intro-effect-bg-img { background: #000000 !important; } .intro-effect-fadeout .intro-effect-bg-img img { opacity: 0.8; position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; background: #000000 !important; height: auto !important; } .intro-effect-fadeout.modify .intro-effect-bg-img-container .entry-meta { display: none; } blockquote { color: #ffffff !important; line-height: 1.2631578947; margin-bottom: 30px; font-family: almaq-refined, "Open Sans", Tahoma !important; font-style: normal !important; font-weight: 700 !important; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); } .entry-title { text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1) !important; color: #ffffff !important; font-size: 1.4em; } .aesop-quote-component cite { display: block; font-size: 18px !important; text-transform: uppercase !important; color: #ffffff !important; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); } h2.aesop-collection-entry-title { margin-top: 5px; font-weight: 400; width: auto; font-size: 1em !important; color: #ffffff !important; -webkit-transition: color linear 0.2s; -moz-transition: color linear 0.2s; -o-transition: color linear 0.2s; transition: color linear 0.2s; text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); } .aesop-story-collection .aesop-collection-item .aesop-collection-item-inner .aesop-collection-meta { display: none; } .intro-effect-fadeout .intro-effect-bg-img img { opacity: 0.8; position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; height: auto !important; } .site-footer-container.container { width: 100%; margin-bottom: 0px !important; display: none; } .footer-menu { float: right; display: none; } .site-info { font-family: almaq-refined, "Open sans", sans-serif; height: auto; line-height: 40px; background-color: #000000 !important; border-top: 1px solid #09c !important; color: #cccccc !important; text-transform: uppercase; text-align: center; font-size: 12px; position: relative; top: 0px; width: 100%; font-weight: 300; } .site-footer-wrapper .copyright { float: left; text-align: center; } .site-footer-wrapper { margin-top: 0px !important; clear: both; } .page-id-2 .entry-header { padding-bottom: 15px; display: none; } .page-id-23 .entry-header { padding-bottom: 15px; display: none; } .myButton { font-family: almaq-refined, "Open Sans", Tahoma; background-color:#adc6f0; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #fafafa; display:inline-block; cursor:pointer; color:#ffffff; font-size: 1em !important; padding:16px 31px; text-decoration:none; } .myButton:hover { background-color:#63a0eb; color:#ffffff; } .myButton:active { position:relative; top:1px; } .myButton1 { font-family: almaq-refined, "Open Sans", Tahoma; background-color:#adc6f0; -moz-border-radius:28px; -webkit-border-radius:28px; border-radius:28px; border:1px solid #fafafa; display:inline-block; cursor:pointer; color:#ffffff; font-size: 1.2em !important; padding:16px 31px; text-decoration:none; } .myButton1:hover { background-color:#63a0eb; color:#ffffff; } .myButton1:active { position:relative; top:1px; } .padder1 { padding-top: 25%; padding-bottom: 25%; margin: 0 auto; text-align: center; } .padder2 { padding-top: 17%; margin: 0 auto; text-align: center; } .depadder1 { margin-top: -30px; } .site-content div.ssba { margin-top: 40px !important; margin-bottom: 10px !important; border-top: 0px solid #E8E8E8 !important; border-bottom: 0px solid #E8E8E8 !important; padding: 10px 0; font-size: 14px; text-transform: uppercase; color: #bbb; font-family: "Open Sans"; line-height: 35px; } .aesop-content-component .aesop-content-img .aesop-content-comp-inner { background: transparent !important; padding: 1rem; line-height: 1.3; } } /* Tablet */ @media (max-width: 991px) { .featured-slider .featured-content .slider-content p { font-size: 56%; line-height: 1.4em; padding-top: 0; } .reading-header-right-side .menu-toggle { display: none; } a.site-title, .fixed.shrink a.site-title { font-size: 1.2rem; } .single .site-content article { padding-left: 15px; padding-right: 15px; } .comments-container, .author-info, .site-content div.ssba { margin-left: 15px; margin-right: 15px; max-width: 100%; } body .site-navigation.collapse, .site-header.shrink .site-navigation, body.single-post .site-header.fixed.shrink .header-main .reading-header-right-side .site-navigation { right: 0; position: absolute; width: 100%; margin-top: 0; top: 0; line-height: 50px; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; box-shadow: 0px 1px 4px 3px rgba(210, 210, 210, 0.5); border: 0; } } @media (min-width: 1199px) { .site-footer-container.container { width: 1200px; } }