/* Theme Name: Bradbury Theme URI: https://www.academiathemes.com/themes/bradbury/ Description: Bradbury is a modern blog/magazine theme that displays posts in a blog format. The Front Page provides the ability to highlight (feature) your most important posts. Version: 1.0.0 Author: academiathemes Author URI: https://www.academiathemes.com/ License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: bradbury Tags: blog, entertainment, news, custom-logo, footer-widgets, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, editor-style, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none } a { background: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: 1.25em; } figure { margin: 0 } img { vertical-align: middle } hr { border: 0; border-top: 1px solid #ccc; } .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } p { margin: 0 0 10px } small { font-size: 85% } mark { padding: 0.2em } ul, ol { list-style-position: inside; margin: 0; padding: 0; } ul ul, ol ol, ul ol, ol ul { margin: 0 } ul li { list-style-type: none; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857 } dt { font-weight: bold } dd { margin-left: 0 } blockquote:before, blockquote:after { content: "" } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .sticky, .bypostauthor { } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both } .clickable { cursor: pointer } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #131313; font-weight: 400; line-height: 1.3; margin: 0; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; } h1 small, h2 small, h3 small { font-size: 65% } h4 small, h5 small, h6 small { font-size: 75% } h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 24px; } h4 { font-size: 22px; } h5 { font-size: 20px; } h6 { font-size: 18px; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: '' ''; } blockquote { border-left: 4px solid #e9b330; font-family: 'Lato', Georgia, serif; font-size: 20px; line-height: 1.9em; margin: 2em 0; padding-left: 1em; } blockquote p { margin-bottom: 1.1667em; } hr { background-color: #ece8e0; border: 0; height: 2px; margin-bottom: 1.75em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.75em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table { border-top: 1px solid #eee; margin: 0 0 1.75em; max-width: 100%; } th { background: rgba(0,0,0,0.05); font-weight: bold; } th, td { border-bottom: 1px solid rgba(0,0,0,0.05); padding: .4375em .875em; } /* Tables */ table { border-top: 0; margin-bottom: 1.5em; position: relative; table-layout: fixed; width: 100%; z-index: 1; } table th { text-align: left; } table tr { border-bottom: 1px solid #F0F0F0; } table th, table td { font-family: inherit; font-size: inherit; padding: 12px; vertical-align: middle; } .floatleft { float: left; } .floatright { float: right; } .sticky, .bypostauthor {} .aligncenter { display: block; clear:both; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-right:15px; } .alignright { float: right; margin-left:15px; } .align-center { text-align: center; } input, textarea { background: white; border: 1px solid #ccc; color: #444; font-size: 15px; font-weight: 400; padding: 10px 12px; width: auto; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } input[type=text], textarea { -webkit-appearance: none; } input:focus, textarea:focus { border-color: #555; outline: 0; } button, input[type=button], input[type=reset], input[type=submit] { background-color: #111; border: none; color: white; font-size: 12px; font-weight: 700; letter-spacing: 1px; padding: 9px 20px; text-transform: uppercase; -webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; transition: 0.2s ease all; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { cursor: pointer; background: #d32e36; } /* Hides navigation links and site footer when infinite scroll is active */ .infinite-scroll .navigation { display: none; } .infinite-scroll:not(.infinity-end):not(.neverending) #recent-posts { margin-bottom: 30px; position: relative; } #infinite-handle { clear: both; margin: 20px 0; } .infinite-scroll #infinite-handle span { background-color: #044389; color: #fff; display: block; font-size: 14px; font-weight: 500; line-height: 40px; margin: 0 auto; text-align: center; width: 60%; transition: 0.2s ease all; } .infinite-scroll #infinite-handle span:hover { background-color: #0a0a08; color: #fff; width: 80%; } .infinite-scroll #infinite-handle button { text-transform: uppercase; -webkit-transition: none; -o-transition: none; transition: none; } /****************************************** 1. General ******************************************/ a { color: #044389; text-decoration: none; transition: all 0.2s ease-in-out; } a:hover, a:focus { color: #FE5E41; } body { background-color: #FCFCFC; color: #02111B; font-family: 'Lato', 'Open Sans', Arial, Tahoma, sans-serif; font-size: 62.5%; line-height: 1.5em; margin: 0; padding: 0; text-align: center; } h1,h2,h3,h4,h5,h6 { color: #0a0a08; font-family: 'Open Sans', 'Lato', Arial, Tahoma, sans-serif; font-weight: 600; margin: 0; padding: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #121212; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus { color: #FE5E41; } #container { font-size: 12px; line-height: 1.4em; padding: 0; text-align: center; width: 100%; } .wrapper { margin: 0 auto; padding: 0 50px; text-align: left; width: 1200px; } .cleaner { clear: both; font-size:1px; height: 1px; line-height: 1px; margin:0; } .special-background { background-color: #fff; } .wrapper-main { background-color: #fff; padding-top: 30px; padding-bottom: 40px; } .wrapper-site-menu { background-color: #fff; } /****************************************** 2. Header ******************************************/ .site-header { margin: 0; } #site-header-main { } .site-header .wrapper-header { background-color: #fff; padding-top: 30px; padding-bottom: 30px; } .site-header .site-branding { display: block; float: none; margin: 0; text-align: center; } .site-header .site-logo { height: auto; max-width: 100%; } .site-header .site-title { display: block; font-family: 'Lato', 'Open Sans', Arial, Tahoma, sans-serif; font-size: 50px; font-weight: 300; letter-spacing: 0; line-height: 1.25em; margin: 0; text-transform: uppercase; } .site-header .site-description { display: block; font-family: 'Lato', 'Open Sans', Arial, Tahoma, sans-serif; font-size: 14px; font-weight: 400; line-height: 1.25em; margin: 5px 0 0; } .site-header a { color: #131313; } .site-header a:hover, .site-header a:focus { text-decoration: underline; } #site-header-secondary { background-color: #FE5E41; padding: 10px 0; } #site-header-secondary a { color: #fff; } /****************************************** 3. Nav ******************************************/ .navbar-header { display: none; } #menu-main { background-color: #02111B; font-family: 'Lato', 'Open Sans', Arial, Tahoma, sans-serif; padding: 10px 20px; text-align: center; } /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { list-style: none; margin: 0; padding: 0; } .sf-menu li { position: relative; } .sf-menu ul { display: none; position: absolute; top: 100%; left: 0; z-index: 99; } .sf-menu > li { display: inline-block; } .sf-menu li:hover > ul, .sf-menu li:focus > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /* COLOR STYLE */ .sf-menu ul { background-color: #fff; margin-top: 0; padding: 8px; text-align: center; width: 200px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 2px; box-shadow: 0 0 15px 0 rgba(0,0,0,.2); } .sf-menu > li > ul:before { content: ''; position: absolute; z-index: 100; bottom: 100%; top: -7px; left: 50%; width: 0; height: 0; border-bottom: 7px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; } .sf-menu > li > ul:after { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #eee; position: absolute; top: -7px; left: 50%; z-index: 100; } .sf-menu a { color: #fff; display: block; padding: 10px 2px; position: relative; zoom: 1; /* IE7 */ } .sf-menu ul a { color: #333; padding: 7px 12px; } .sf-menu .current-menu-item > a, .sf-menu .sfHover > a, .sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus { color: #fff; color: rgba(255,255,255,0.7); text-decoration: underline; } .sf-menu ul .current-menu-item > a { color: #FE5E41; font-weight: bold; } .sf-menu .sub-menu a:hover, .sf-menu .sub-menu a:focus { color: #FE5E41; } .sf-menu li { display: inline-block; font-size: 14px; font-weight: 600; line-height: 24px; margin: 0 10px; position: relative; -webkit-transition: background .2s; transition: background .2s; } .sf-menu ul li { background: #fff; border-bottom: solid 1px #e1e1e1; display: block; font-size: 13px; font-weight: normal; line-height: 1.3em; margin: 0; text-align: left; text-transform: none; } .sf-menu ul li:last-of-type{ border-bottom-width: 0; } .sf-menu ul ul li { background: #f1f1f1; } .sf-menu ul li:hover, .sf-menu ul li:focus { background-color: #f1f1f1; border-bottom-color: #e1e1e1; /* only transition out, not in */ -webkit-transition: none; transition: none; } .sf-arrows .sf-with-ul:after { content: "\f347"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/16px 'dashicons'; vertical-align: top; margin: 4px 0 0 4px; transition: all .25s; } .sf-arrows .sfHover .sf-with-ul:after { transition: all .25s; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sf-arrows ul .sf-with-ul:after { content: "\f345"; display: inline-block; -webkit-font-smoothing: antialiased; font: normal 12px/22px 'dashicons'; float: right; vertical-align: top; margin: 2px 0 0 4px; } .sf-arrows .sfHover ul .sf-with-ul:after { transition: all .25s; -webkit-transform: none; transform: none; } .sf-arrows ul .sfHover > .sf-with-ul:after { transition: all .25s; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white } .main-navbar .sf-arrows .sf-with-ul:after { margin: 6px 0px 0 4px; } .main-navbar .sf-arrows ul .sf-with-ul:after { margin: 2px 0 0 4px; } /****************************************** 4. Main Content Sections ******************************************/ #site-content { display: inline; float: left; width: 72.72727272%; } .wrapper-full #site-content { width: 100%; } .wrapper-reversed #site-content { float: right; } #site-aside { display: inline; float: left; font-size: 14px; line-height: 1.75em; width: 27.27272727%; } .site-content-wrapper { padding: 0 60px 0 0; } .site-aside-wrapper { padding: 0; } .wrapper-reversed .site-content-wrapper { padding-right: 0; padding-left: 40px; } #site-main .widget { margin-bottom: 30px; } #site-aside .current-cat a { color: #131313; font-weight: 600; } /****************************************** 5. Individual Content Sections ******************************************/ .post-cover { position: relative; } .post-cover .thumbnail, .post-cover .wp-post-image { height: auto; width: 100%; position: relative; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } .academia-post .thumbnail:hover, .academia-post .wp-post-image:hover { background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .thumbnail-post-intro .wp-post-image { width: 100%; height: auto; } .thumbnail-post-intro { margin-bottom: 40px; text-align: center; } /* Exclusive Post in Header */ .academia-exclusive-post { font-family: 'Open Sans', 'Lato', Arial, Tahoma, sans-serif; line-height: 2em; } .academia-exclusive-post .title-post { display: inline-block; font-size: 16px; font-weight: 700; margin: 0; } .academia-exclusive-post .post-meta-category { background-color: #fff; background-color: rgba(0,0,0,0.15); border-radius: 50px; color: #fff; display: inline-block; font-size: 14px; font-weight: 400; padding: 3px 15px; margin: 0 8px 0 0; text-transform: uppercase; } .academia-exclusive-post .posted-on { font-size: 14px; margin: 0 0 0 10px; } .academia-exclusive-post .posted-on, #site-header-secondary .posted-on a { color: #fff; color: rgba(255,255,255,0.75); } #site-header-secondary .posted-on a:hover, #site-header-secondary .posted-on a:focus { color: #fff; color: rgba(255,255,255,1); } .academia-exclusive-post .genericon { margin-bottom: 2px; vertical-align: middle; } /* Featured Posts on Homepage */ .academia-featured-posts { margin: 0 0 60px; } .academia-featured-posts-secondary { background-color: #262626; margin: 0; padding: 60px 0 50px; } .academia-featured-posts .featured-post-main { display: inline-block; float: left; margin-right: 3.50877192%; width: 48.24561403%; } .academia-featured-posts .featured-post-simple { display: inline; float: left; margin-right: 1.81818181%; width: 23.63636363%; } .academia-featured-posts-secondary-5 .featured-post-simple { margin-right: 2.63157894%; width: 17.89473684%; } .academia-featured-posts-large .featured-post-simple-2, .academia-featured-posts-large .featured-post-simple-4, .academia-featured-posts-home .featured-post-simple-4, .academia-featured-posts-secondary-4 .featured-post-simple-4, .academia-featured-posts-secondary-5 .featured-post-simple-5 { margin-right: 0; } .academia-featured-posts-large .featured-post-simple-3, .academia-featured-posts-large .featured-post-simple-4 { margin-top: 30px; } .academia-featured-posts .post-meta-category { display: block; font-size: 13px; font-weight: 400; margin: 12px 0 20px; } .academia-featured-posts .post-meta-category a { text-transform: uppercase; } .academia-featured-posts .post-meta-category a:hover, .academia-featured-posts .post-meta-category a:focus { background-color: #131313; } .academia-featured-posts .title-post { font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 18px; font-weight: 700; line-height: 1.6em; margin: 14px 0 0; } .academia-featured-posts .featured-post-simple .title-post { font-size: 14px; line-height: 1.8em; } .academia-featured-posts .post-excerpt { font-size: 16px; line-height: 1.7em; margin: 14px 0 0; } .academia-featured-posts a { color: #151515; } .academia-featured-posts a:hover, .academia-featured-posts a:focus { color: #FE5E41; } .academia-featured-posts .posted-on { color: #888; font-family: 'Lato'; font-size: 12px; } .academia-featured-posts-secondary .posted-on { color: #aaa; color: rgba(255,255,255,0.5); } .academia-featured-posts-secondary a { color: #fff; } .academia-featured-posts-secondary a:hover, .academia-featured-posts-secondary a:focus { color: #FE5E41; } .academia-featured-posts .post-cover { margin-bottom: 20px; } .post-meta .sticky-post { margin-right: 10px; padding-top: 3px; padding-bottom: 3px; } .academia-featured-posts .widget-title, #site-content .widget-title, #site-aside .widget-title, .comments-area .comments-title, .pre-footer .widget-title { border-bottom: solid 1px #ccc; display: block; font-family: 'Lato', Arial, Tahoma, sans-serif; font-size: 16px; font-weight: 400; line-height: 1em; margin: 0 0 30px; padding: 0 0 10px; text-align: left; } #site-content .title-blue { background-color: #044389; } #site-content .title-green { background-color: #57A773; } #site-content .title-red { background-color: #E94F37; } #site-content .title-yellow { background-color: #F49D37; color: #121212; } #site-content .widget-title a, #site-aside .widget-title a { color: #fff; } #site-content .title-yellow a { color: #121212; } #site-content .widget-title a:hover, #site-content .widget-title a:focus, #site-aside .widget-title a:hover, #site-aside .widget-title a:focus { text-decoration: underline; } #site-content .widget-title a, #site-aside .widget-title a { color: #fff; } #site-content .title-yellow a { color: #121212; } #site-content .widget-title a:hover, #site-content .widget-title a:focus, #site-aside .widget-title a:hover, #site-aside .widget-title a:focus { text-decoration: underline; } /* Columns */ .academia-columns .academia-column { display: inline; float: left; } .academia-columns-2 .academia-column-1 { width: 52.777777%; } .academia-columns-2 .academia-column-2 { width: 47.222222%; } .academia-columns-2 .academia-column-1 .academia-column-wrapper { padding-right: 40px; } /* Featured Category Widget */ .academia-featured-category .academia-posts-archive .academia-post-archive { margin-bottom: 0; } /* Posts Archive Loop */ .academia-post .post-meta, .academia-page-intro .post-meta, .academia-post .post-meta .entry-date a { color: #666; font-size: 13px; line-height: 1.5em; margin: 0; } .post-meta .genericon, .more-link .genericon { margin-bottom: 2px; vertical-align: middle; } .academia-posts-archive .post-meta-category a, .academia-posts-archive .post-meta a, .academia-page-intro .post-meta a { color: #FE5E41; } .academia-posts-archive .post-meta-category a:hover, .academia-posts-archive .post-meta-category a:focus, .academia-posts-archive .post-meta a:hover, .academia-posts-archive .post-meta a:focus, .academia-post .post-meta .entry-date a:hover, .academia-post .post-meta .entry-date a:focus, .academia-page-intro .post-meta a:hover, .academia-page-intro .post-meta a:focus { color: #111; } .academia-page-intro .post-views, .academia-page-intro .posted-on, .academia-posts-archive .post-views { display: inline-block; margin-left: 8px; } .academia-posts-archive .post-meta .updated { display: none; } .academia-posts-archive .academia-post-archive { border-bottom: solid 1px #e1e1e1; display: block; margin-bottom: 40px; padding-bottom: 40px; text-align: center; } .academia-posts-archive .academia-post-archive:first-of-type { margin-top: 20px; } .academia-posts-archive .post-cover { margin: 30px 0; } .academia-posts-archive .post-preview { font-size: 18px; line-height: 1.7em; margin: 40px 30px 0 30px; text-align: left; } .academia-posts-archive .post-excerpt { margin-bottom: 0; } .academia-post .post-meta { margin-top: 8px; } .academia-featured-category .academia-post-main .post-meta, .featured-post-simple .post-meta { margin: 10px 0 0; } .academia-posts-archive .title-post, .academia-page-intro .title-page { font-size: 36px; font-weight: 600; letter-spacing: -1px; line-height: 1.6em; margin: 0.5em 30px; } .academia-posts-archive .post-meta-category { display: block; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; margin: 0 0 20px; text-transform: uppercase; } .academia-post .read-more-span { display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.5px; line-height: 1em; margin: 2em 0 0; text-align: left; text-transform: uppercase; } .academia-post .more-link { background-color: #E94F37; color: #fff; display: inline-block; line-height: 1.5em; padding: 10px 25px; } .academia-post .more-link:hover, .academia-post .more-link:focus { background-color: #181818; color: #fff; } /* Next/Prev Post Navigation */ .post-navigation, .posts-navigation, #comments .nav-links { border: solid 0 #fff; font-size: 13px; line-height: 1.5em; margin: 10px 0 40px; text-align: center; text-transform: uppercase; } .posts-navigation { margin-top: 20px; margin-bottom: 10px; } .post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next { background-color: #044389; display: inline-block; padding: 10px 10px; text-align: center; width: 50%; transition: background-color 0.2s ease; } .post-navigation .nav-previous:hover, .post-navigation .nav-previous:focus, .post-navigation .nav-next:hover, .post-navigation .nav-next:focus, .posts-navigation .nav-previous:hover, .posts-navigation .nav-previous:focus, .posts-navigation .nav-next:hover, .posts-navigation .nav-next:focus { background-color: #181818; } .post-navigation .nav-previous, .posts-navigation .nav-previous { border-right: solid 2px #fff; } .post-navigation .nav-next, .posts-navigation .nav-next { border-left: solid 2px #fff; } .post-navigation .nav-link-label, .posts-navigation .nav-link-label { color: #fff; margin: 0 3px; text-transform: uppercase; } .post-navigation a, .posts-navigation a { color: #fff; } .post-navigation a:hover, .post-navigation a:focus, .posts-navigation a:hover, .posts-navigation a:focus { text-decoration: underline; } .post-navigation .genericon, .posts-navigation .genericon { margin-bottom: 3px; vertical-align: middle; } /* Tags List */ .post-single .page-links, .post-single .tags-links { color: #444; font-size: 13px; font-weight: 600; margin: 2em 0 1em; text-align: left; } .tags-links a { display: inline-block; font-family: "Lato", sans-serif; font-weight: 600; margin: 0; padding: 0 2px; position: relative; z-index: 5; text-decoration: none; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .tags-links a:hover, .tags-links a:focus { color: #131313; text-decoration: underline; } .tags-links a:after { background-color: #044389; bottom: 2px; content: ""; height: 2px; left: 0; position: absolute; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; width: 100%; z-index: -1; } /****************************************** 6. Single Post/Page Styling ******************************************/ .academia-page-intro { text-align: center; } .academia-archive-intro { text-align: left; } .academia-page-intro .title-page { margin-top: 0; margin-bottom: 0.75em; } .page .academia-page-intro .title-page { margin-bottom: 0; } .academia-archive-intro .title-page { font-size: 36px; } .academia-page-intro .post-meta { display: inline-block; margin: 0; vertical-align: middle; } .academia-page-intro .post-meta-gravatar { display: inline-block; margin: 0 15px 0 0; } .post-meta-gravatar .avatar { border-radius: 50%; } .academia-page-inner, .academia-page-intro .taxonomy-description { font-size: 17px; line-height: 2em; border-bottom: solid 1px #e1e1e1; margin-bottom: 25px; padding-bottom: 30px; } .academia-page-intro .taxonomy-description p { margin: 1em 0 0; } .academia-page-inner { margin-bottom: 30px; } .post-single { font-size: 17px; line-height: 1.7em; } .post-single h2, .post-single h3, .post-single h4, .post-single h5, .post-single h6 { font-weight: 600; margin: 1em 0 1em; line-height: 1.25em; } .post-single p { margin-top: 0; margin-bottom: 1.5em; } .post-single img { margin-bottom: 20px; } .post-single img.alignnone, .post-single img.aligncenter, .post-single img.alignleft, .post-single img.alignright { max-width: 100%; width:auto; height:auto; } .post-single .alignright { display: inline; float: right; margin: 0 0 0 20px; } .post-single .alignleft { display: inline; float: left; margin: 0 0 0 20px; } .post-single iframe { max-width: 100%; } .post-single textarea { max-width: 97%; } .post-single blockquote { border-left: solid 4px #f4ce21; padding: 0 1em; margin: 1em; } .post-single a { text-decoration:none; } .post-single a:hover, .post-single a:focus { text-decoration:underline; cursor: pointer; } .post-single ul, .post-single ol { margin: 0 0 0.5em 1.25em; padding: 0; } .post-single ul li { list-style-type: disc; } .post-single ol li { list-style-type: decimal; } .post-single input { } /****************************************** 7. Comments ******************************************/ #comments .comment-reply-title { font-size: 24px; font-weight: 500; margin: 0 0 0.75em; } .comments-area { margin: 1em 0 0; text-align: left; } .comments-area .comments-title { margin: 0 0 2em; } .page .comments-area { margin-left: 0; } .comment-list { margin: 1.75em 0; } .comment-list, .comment-list .children { list-style-type: none; padding: 0; } .comment, .pingback, .trackback { padding: 1.75em 0; } .depth-1 { border-bottom: solid 1px #ece8e0; } .depth-1:first-child { margin-top: 0; padding-top: 0; } .children { margin-top: 24px; } .children .comment { border-left: 5px solid #e7e7e7; padding-left: 24px; } .comment-author .avatar { border-radius: 50%; float: left; margin-right: 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .comment-meta { margin-bottom: 0; } .comment-meta .fn { display: inline-block; font-size: 16px; font-style: normal; font-weight: 500; margin-right: 15px; } .says { display: none; } .comment-metadata { display: inline-block; font-size: 14px; } .comment-metadata a { color: #aaa; } .comment-metadata a:hover { color: #666; } .comment-content a { word-wrap: break-word; } .comment-tools { display: inline-block; float: right; } .comment-tools a { font-size: 13px; font-weight: normal; } .comment-reply-link { margin-left: 10px; } .comment-respond { padding: 25px 20px 20px 0; } .comment-content { color: #555; font-size: 15px; line-height: 1.75em; overflow: hidden; } .comment-content p { margin: 1em 0 0; } .comment-form label { display: block; font-size: 15px; font-weight: 500; margin: 1em 0; text-transform: uppercase; } .comment-form label .required { color: #e95445; font-weight: 600; } .form-allowed-tags { font-size: 13px; } .no-comments { text-align: center; } .bypostauthor { display: block; } /****************************************** 8. Footer ******************************************/ .site-footer { background-color: #202020; border-top: 0; color: #999; color: rgba(255,255,255,0.6); font-size: 14px; font-weight: 400; line-height: 2em; margin: 0; padding-top: 80px; padding-bottom: 80px; text-align: right; } .site-footer a { color: #fff; text-decoration: underline; } .site-footer a:hover, .site-footer a:focus, .site-footer .current-menu-item a { color: #fff; text-decoration: none; } .site-footer .theme-credit a { color: inherit; } .site-footer button, .site-footer input[type=button], .site-footer input[type=reset], .site-footer input[type=submit] { background-color: #044389; } .site-footer button:hover, .site-footer button:focus, .site-footer input[type=button]:hover, .site-footer input[type=button]:focus, .site-footer input[type=reset]:hover, .site-footer input[type=reset]:focus, .site-footer input[type=submit]:hover, .site-footer input[type=submit]:focus { background-color: #444; } .wrapper-footer { text-align: center; } .wrapper-copy { border-top: solid 1px #2a2a2a; border-top-color: rgba(255,255,255,0.15); color: #aaa; color: rgba(255,255,255,0.5); font-size: 13px; margin-top: 20px; padding-top: 30px; text-align: center; } .site-footer .copy { margin-bottom: 0; } .site-footer .logo-site-footer { margin-bottom: 30px; } #menu-site-footer .menu-item { display: inline-block; margin: 0 8px; } .pre-footer { text-align: left; } .pre-footer .academia-column { display: inline; float: left; margin-right: 2.63157894%; width: 31.57894736%; } .pre-footer .academia-column-3 { margin-right: 0; } .pre-footer .widget { line-height: 1.8em; margin-bottom: 30px; } .pre-footer .widget:last-child { margin-bottom: 0; } .pre-footer li { line-height: 2em; } .pre-footer .widget-title { background-color: transparent; color: #fff; font-size: 14px; margin: 0 0 20px; padding: 0; position: relative; text-align: left; text-transform: uppercase; } /****************************************** 9. Miscellaneous ******************************************/ #wpstats { display: none; } .error-404 .post-single .post-date { color: #888; display: inline-block; font-size: 13px; margin: 0 0 0 10px; } .post-single #jp-relatedposts h3.jp-relatedposts-headline { font-size: 14pt; } .post-single #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { margin-bottom: 10px; } /* WordPress Search Widget */ .post-single .search-form { margin: 30px 0; } .academia-page-intro .search-form { margin: 30px 0 0; } .widget_search .search-field { margin-bottom: 5px; width: 85%; } #searchform label { display: none; } #s { background-color: #fff; display: inline; float: left; border: solid 1px #ccc; font-size: 13px; margin: 0 3px 10px 0; padding: 6px 5px; width: 70%; } #searchsubmit { border: none; display: inline; float: left; } /* Begin Images */ .post-single .aligncenter { display: block; margin-left: auto; margin-right: auto; } .post-single .alignright { margin: 0 0 5px 20px; display: inline; } .post-single .alignleft { margin: 0 20px 5px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* Caption for images */ .post-single .wp-caption { background-color: #f3f3f3; border-bottom: solid 2px #e3e3e3; margin-bottom: 1em; max-width: 100%; padding: 0 0 15px; } .post-single .wp-caption img { background: none; border: 0; margin: 0 0 15px; max-width:100%; width: 100%; height:auto; } .post-single .wp-caption-text, .gallery-caption { color: #777; font-size:13px; line-height: 1.5em; margin: 0 10px; } .post-single .wp-caption.aligncenter { margin:0 auto 15px; } /* [gallery] shortcode styling */ .post-single .gallery { margin: 1em auto 1.5em; text-align:center; clear:both; } .post-single .gallery-icon { background-color: #fff; border: solid 1px #eeeeee; margin-bottom: 10px; padding: 4px; } .post-single .gallery .gallery-item { display: -moz-inline-stack; display: inline-block; margin: 1em 1.5% 1.5em; width: 30%; vertical-align: top; zoom: 1; *display: inline; } .post-single .gallery img { width: 100%; height: auto; margin: 0; } .post-single .gallery-caption { margin-left: 0; } .post-single .gallery-columns-1 .gallery-item { margin: 1em auto; width: 100%; } .post-single .gallery-columns-2 .gallery-item { margin: 1em 2.5%; width: 45%; } .post-single .gallery-columns-4 .gallery-item { margin: 1em 1.5%; width: 22%; } /* Calendar Widget */ #wp-calendar caption { margin-bottom: 15px; } #wp-calendar th, #wp-calendar td { text-align: center; } #wp-calendar tr:last-of-type { border-bottom-width: 0; } #wp-calendar tfoot td { border-bottom-width: 0; } /****************************************** 10. Accessibility ******************************************/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: .875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /****************************************** 11. Buttons, Forms ******************************************/ .button, #searchsubmit, .form-submit #submit, #submit-contact, .widget_wysija_cont .wysija-submit { border: 0; color: #fff; display: inline-block; font-size: 14px; padding: 15px 25px; text-transform: uppercase; } .widget_wysija_cont .wysija-submit { margin-top: 5px; } .button:hover, .button:focus { color: #151515; } .widget_wysija_cont p label { display: block; font-weight: 500; margin: 5px 0 10px; } .widget_wysija_cont .wysija-input { width: 100%; } #searchsubmit, .button-yellow { background-color: #ebcc6e; color: #151515; font-weight: 500; } .button-yellow:hover, .button-yellow:focus { background-color: #e0ba48; } .button-blue { background-color: #06b3db; font-weight: 500; } .button-blue:hover, .button-blue:focus { background-color: #0a9bbc; color: #fff; } .button-red { background-color: #ea5b4d; color: #fff; font-weight: 500; } .button-red:hover, .button-red:focus { background-color: #c8493c; color: #fff; } .form-submit #submit, .button-green, .widget_wysija_cont .wysija-submit { background-color: #FE5E41; color: #fff; font-weight: 500; } .button-green:hover, .button-green:focus { background-color: #209852; color: #fff; } .button-gray { background-color: #e6e6e6; color: #222; font-weight: 500; } .button-gray:hover, .button-gray:focus { background-color: #d6d6d6; } .form-submit #submit:hover, #searchsubmit:hover, .button:hover, .form-submit #submit:focus, #searchsubmit:focus, .button:focus, .widget_wysija_cont .wysija-submit:hover, .widget_wysija_cont .wysija-submit:focus { background-color: #131313; } .form-submit #submit:active, #submit-contact:active, #searchsubmit:active, .button:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); } .form-submit #submit, #searchsubmit, #submit-contact { font-size: 14px; letter-spacing: 0.5px; } /****************************************** 12. SlickNav Responsive Mobile Menu ******************************************/ /*! * SlickNav Responsive Mobile Menu v1.0.10 * (c) 2016 Josh Cope * licensed under MIT */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: 0.875em; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_icon:before { background: transparent; width: 1.125em; height: 0.875em; display: block; content: ""; position: absolute; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; text-transform: uppercase; } .slicknav_nav li li { text-transform: none; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 15px; box-sizing: border-box; background: #4c4c4c; padding: 5px; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; } .slicknav_menu .slicknav_icon-bar { background-color: #fff; } .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #333; } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 1em; list-style: none; overflow: hidden; } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; } .slicknav_nav .slicknav_row { padding: 8px 10px; margin: 2px 5px; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff; } .slicknav_nav a { padding: 8px 12px; margin: 2px 5px; text-decoration: none; color: #fff; } .slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #222; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } /****************************************** 13. Media Queries (Responsive Feature) ******************************************/ /* Tablet Landscape */ @media screen and (max-width: 1240px) { div.wrapper { width: 98%; } /* Facebook Like Button */ .widget div.fb-like.fb_iframe_widget { width: 100% !important; } .widget .fb_iframe_widget { width: 100%!important } .widget .fb_iframe_widget span { width: 100%!important; } .widget .fb_iframe_widget span iframe { width: 100%!important; } .twitter-follow-button {max-width: 100%; } } /* Tablet Landscape */ @media screen and (max-width: 960px) { .site-header { } div.wrapper { padding-right: 30px; padding-left: 30px; width: 100%; } div.wrapper-main { } .site-content-wrapper { padding-right: 20px; } .comment-respond { padding-right: 0; } #commentform input, #commentform textarea { width: 100%; } .academia-posts-archive .title-post, .academia-page-intro .title-page { font-size: 28px; } .academia-posts-archive .post-preview { margin-left: 40px; } .academia-featured-posts .post-excerpt { font-size: 15px; } } /* Tabled Portrait */ @media screen and (max-width: 768px) { #site-content, #site-aside { display: block; float: none; width: 100%; } #site-aside .widget { display: inline-block; margin-right: 2%; margin-left: 2%; vertical-align: top; width: 45%; } #site-content { margin-bottom: 30px; } .site-content-wrapper { padding-right: 0; } .academia-featured-posts .featured-post-simple-2, .academia-featured-posts .featured-post-simple-4 { margin-right: 0; } .academia-featured-posts-home .featured-post-simple-3, .academia-featured-posts-home .featured-post-simple-4, .academia-featured-posts-secondary .featured-post-simple-3, .academia-featured-posts-secondary .featured-post-simple-4, .academia-featured-posts-secondary .featured-post-simple-5 { margin-top: 30px; } .academia-archive-intro .title-page { font-size: 28px; } .academia-page-intro .title-page { font-size: 32px; line-height: 1.5em; } .academia-posts-archive .title-post, .academia-page-intro .title-page { margin-right: 0; margin-left: 0; } .academia-posts-archive .post-preview { margin-left: 20px; } .comment-meta .fn { font-size: 15px; } .comment-metadata { font-size: 12px; } .academia-page-intro .post-meta, .post-single .page-links, .post-single .tags-links, .comment-content { font-size: 14px; } .pre-footer .academia-column { margin-right: 6%; width: 47%; } .pre-footer .academia-column-2, .pre-footer .academia-column-4 { margin-right: 0; } .pre-footer .academia-column-1, .pre-footer .academia-column-2 { margin-bottom: 30px; } .theme-credit { display: none; } .infinite-scroll:not(.infinity-end):not(.neverending) #recent-posts { margin-bottom: 0; } .post-navigation .nav-previous, .post-navigation .nav-next, .posts-navigation .nav-previous, .posts-navigation .nav-next { border-width: 0; width: 100%; } .post-navigation .nav-previous, .posts-navigation .nav-previous { margin-bottom: 10px; } .comment-respond { padding-top: 0; padding-bottom: 0; } /* Main Menu */ #menu-main { display: none; } #site-menu-main, #menu-main-slick { display: none; } .navbar-header { background-color: #141414; display: block; } .site-header .slicknav_menu { background: none; text-align: center; } .site-header .slicknav_btn { } .site-header .menu { margin-bottom: 10px; } .site-header .slicknav_nav a { } /* End Menu */ } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 640px) { h1 { font-size: 26px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 16px; } h6 { font-size: 16px; } #site-content, #site-aside { display: block; float: none; width: 100%; } #site-aside { margin-top: 0; } #site-aside .widget { display: inline-block; margin-right: 2%; margin-left: 2%; vertical-align: top; width: 45%; } .site-header .wrapper-header, .wrapper-footer { text-align: center; } .site-header .site-branding, .wrapper-footer { display: block; float: none; margin-right: auto; text-align: center; } .academia-page-intro .title-page { font-size: 30px; } .academia-page-intro .taxonomy-description { font-size: 15px; } blockquote { font-size: 20px; } #infinite-handle span { padding: 3px 10px; } .post-single { font-size: 15px; } .academia-page-intro .post-meta { display: block; } .academia-page-intro .post-meta-gravatar { display: none; } .academia-posts-archive .title-post { font-size: 24px; } .academia-posts-archive .post-excerpt { line-height: 1.65em; } .academia-featured-posts .featured-post-main { border-bottom: solid 1px #e1e1e1; display: block; float: none; margin-right: 0; margin-bottom: 30px; padding-bottom: 30px; width: 100%; } .academia-featured-posts-home .featured-post-simple, .academia-featured-posts-secondary-4 .featured-post-simple, .academia-featured-posts-secondary-5 .featured-post-simple { margin-right: 4%; width: 48%; } .academia-featured-posts-secondary-4 .featured-post-simple-2, .academia-featured-posts-secondary-4 .featured-post-simple-4, .academia-featured-posts-secondary-5 .featured-post-simple-2, .academia-featured-posts-secondary-5 .featured-post-simple-4, .academia-featured-posts-secondary-5 .featured-post-simple-5, .academia-featured-posts-home .featured-post-simple-2, .academia-featured-posts-home .featured-post-simple-4 { margin-right: 0; } .academia-featured-posts-secondary-5 .featured-post-simple-3, .academia-featured-posts-secondary-5 .featured-post-simple-4 { margin-bottom: 30px; } .academia-featured-posts-secondary-5 .featured-post-simple-5 { clear: both; display: block; float: none; margin-right: auto; margin-left: auto; } .academia-featured-posts-home .featured-post-simple-3, .academia-featured-posts-home .featured-post-simple-4, .academia-featured-posts-secondary-5 .featured-post-simple-3, .academia-featured-posts-secondary-5 .featured-post-simple-4 { margin-top: 30px; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 480px) { div.wrapper { padding-right: 20px; padding-left: 20px; } .site-header .navbar-toggle a:hover, .site-header .navbar-toggle a:focus { text-decoration: none; } .post-single blockquote { font-size: 18px; margin: 1em 0; } .post-single .page-links, .post-single .tags-links, .comment-content { font-size: 13px; } .academia-page-intro .post-meta { margin-top: 20px; } #site-aside .widget { display: block; margin: 0 0 30px; vertical-align: top; width: 100%; } #site-aside .widget:last-of-type { margin-bottom: 0; } .pre-footer .academia-column { display: block; float: none; margin-right: 0; margin-left: 0; width: 100%; } .academia-posts-archive .title-post { font-size: 21px; } .academia-posts-archive .post-preview { font-size: 14px; margin-right: 0; margin-left: 0; } .infinite-scroll #infinite-handle span { line-height: 2em; padding-top: 10px; padding-bottom: 10px; width: 100%; } .infinite-scroll #infinite-handle span:hover, .infinite-scroll #infinite-handle span:focus { width: 100%; } } /* All Mobile Sizes (devices and browser) */ @media screen and (max-width: 320px) { .academia-featured-posts .featured-post-simple { display: block; float: none; margin-bottom: 30px; width: 100%; } .academia-featured-posts .featured-post-simple:last-child { margin-bottom: 0; } .post-meta .posted-on { display: block; margin-top: 0; } .post-single { font-size: 14px; } .academia-posts-archive .title-post, .academia-page-intro .title-page { font-size: 18px; } .academia-featured-posts-secondary { padding-top: 40px; } }