/* Theme Name: Canary Theme URI: https://linesh.com/projects/canary/ Author: Linesh Jose Author URI: https://linesh.com/ Text Domain: canary Version: 2.2 Description: Canary is clean, blog-focused, and designed for clarity, with simple, straightforward typography that's readable on a wide variety of screen sizes, and suitable for multiple languages.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. License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, full-width-template, microformats, post-formats, sticky-post, rtl-language-support, threaded-comments, translation-ready, blog, news */ @charset "UTF-8"; /* Default */ *, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; } 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-style:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display:block; } ul, ol { margin:0 0 1.6em 1.3333em; } ul { list-style:disc; } ol { list-style:decimal; } li > ul, li > ol { margin-bottom:0; } dl { margin-bottom:1.6em; } dt { font-weight:bold; } dd { margin-bottom:1.6em; } table { border-collapse:collapse; border-spacing:0; } caption, th, td { font-weight:normal; text-align:left; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes:none; } a { color:#b57000; outline:0; text-decoration:none; } a:hover, a:focus { color:#B74B07; } a img { border:0; display:block; } h1, h2, h3, h4, h5, h6 { font-weight:700; letter-spacing:0px; } h1 { font-weight:800; } p { margin-bottom:10px; } b, strong { font-weight:700; } dfn, cite, em, i { font-style:italic; } blockquote, q { margin:20px 20px 0; padding:20px 10px 10px 40px; position:relative; } blockquote, blockquote *, q, q * { color:#101010; font-style:italic; font-size:25px; line-height:40px; } blockquote:before, q:before { display:block; content:"\f10d"; font-size:30px; position:absolute; left:0; top:0; color:#C0CDE8; font-family:FontAwesome; } blockquote > p:last-child, q > p:last-child { margin-bottom:0; } blockquote cite, blockquote small, q cite, q small { color:#333; font-size:15px; font-size:1.5rem; line-height:1.6; } blockquote em, blockquote i, blockquote cite, q em, q i, q cite { font-style:normal; } blockquote strong, blockquote b, q strong, q b { font-weight:600; font-style:normal; } address { font-style:italic; margin:0 0 1.6em; } code, kbd, tt, var, samp, pre { font-family:Inconsolata, monospace; -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; } code { padding:3px 10px; color:#AB153B; background-color:#f9f2f4; } pre { display:block; margin:10px; line-height:1.42857143; word-break:break-all; word-wrap:break-word; color:#222; background-color:#f5f5f5; position:relative; background:#f7fafc; padding:20px 30px 20px 70px; overflow:auto; max-width:100%; border:1px solid #484848; } pre:before { font-family:FontAwesome; content:"\f121"; position:absolute; top:0; bottom:0; left:0; height:100%; font-size:18px; color:#fff; background:#505050; padding:15px 13px; float:left; width:50px; } abbr[title] { border-bottom:1px dotted #eaeaea; border-bottom:1px dotted rgba(51, 51, 51, 0.1); cursor:help; } mark, ins { padding:3px 10px; background-color:#F7EE9A; text-decoration:none; white-space:nowrap; } ins iframe { width:100% !important; height:100% !important; } sup, sub { font-size:75%; height:0; line-height:0; position:relative; vertical-align:baseline; } sup { bottom:1ex; } sub { top:.5ex; } small { font-size:75%; } big { font-size:125%; } hr { background-color:#eaeaea; background-color:rgba(51, 51, 51, 0.1); border:0; height:1px; margin-bottom:1.6em; } table, th, td { border:1px solid #d6d6d6; } table { border-spacing:0; margin:10px 0; table-layout:auto; width:100%; } caption, th, td { font-weight:normal; text-align:left; } th { background:#eee; } td { border-width:0 1px 1px 0; } th, td { padding:10px; } img { -ms-interpolation-mode:bicubic; border:0; height:auto; max-width:100%; vertical-align:middle; } iframe, object, embed { max-width:100%; height:auto; min-height:400px; width:100%; } figure { margin:0; } del { opacity:0.8; } ::-webkit-input-placeholder { color:rgba(51, 51, 51, 0.7); } :-moz-placeholder { color:rgba(51, 51, 51, 0.7); } ::-moz-placeholder { color:rgba(51, 51, 51, 0.7); opacity:1; } :-ms-input-placeholder { color:rgba(51, 51, 51, 0.7); } .button, button, input, select, textarea { background:#f1f1f1; font-size:13px; line-height:15px; margin:0; max-width:100%; vertical-align:baseline; outline:none !important; } .button, button, input { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; line-height:normal; } button[disabled], input[disabled], select[disabled], textarea[disabled] { cursor:default; opacity:.5; } .button, button, input[type="button"], input[type="reset"], input[type="submit"] { background-color:#555555; border:0; color:#fff; cursor:pointer; font-size:14px; font-weight:700; padding:10px; outline:0; text-transform:uppercase; } .button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { } .button::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } .d-button-group { margin:20px 0; } .d-button-group a.button { margin-right:10px !important; display:block !important; width:150px !important; text-align:center !important; } .button.d_button, .button.prev_button { display:inline-block; width:180px; color:#fff !important; padding-left:25px; font-size:17px; overflow:hidden; margin:5px 5px 5px 0px; } .button.d_button span, .button.prev_button span { float:left; font-size:27px; margin-left:1; margin-right:10px; margin-top:-2px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, select, .input-text { padding:7px 10px 8px; width:100%; border:1px solid #ccc; } textarea { overflow:auto; vertical-align:top; max-width:100% !important; width:100% !important; } input[type="search"] { -webkit-appearance:none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { outline:0; } input[type="checkbox"], input[type="radio"] { padding:0; } select { -webkit-appearance:none; width:auto; } .alignleft { display:block; float:left; } .alignright { display:block; float:right; } .aligncenter { display:block; margin-right:auto; margin-left:auto; } .alignnone, .clear { clear:both; float:none; display:block; width:100%; } .clear:before, .clear:after, .alignnone:before, .alignnone:after { content:""; display:table; width:100%; } .clear:after, .alignnone:after { clear:both; } .no-margin { margin: 0px !important; } blockquote.alignleft, q.alignleft, .wp-caption.alignleft, img.alignleft { margin:0.4em 1.6em 1.6em 0; } blockquote.alignright, q.alignright, .wp-caption.alignright, img.alignright { margin:0.4em 0 1.6em 1.6em; } blockquote.aligncenter, q.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear:both; margin-top:0.4em; margin-bottom:1.6em; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom:1.2em; } .hentry, #sidebar .widget, #comments, #respond, #main.single-post { position:relative; border:solid 1px #dedede; margin-bottom:30px; font-size:15px; } .hentry .post-thumbnail { border:0; display:block; } .hentry .post-thumbnail img { display:block; margin:0 auto; } .hentry .entry-header { } .hentry .entry-content, .hentry .entry-summary, #main.single-post .author-info .author-description .author-bio, #main.archives .author-info .author-description .author-bio, .comment-content { -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; word-wrap:break-word; } .hentry .entry-content >:last-child, .hentry .entry-summary >:last-child { margin-bottom:0; } .hentry .entry-content h1, .hentry .entry-summary h1, .comment-content h1, .hentry .entry-content h2, .hentry .entry-summary h2, .comment-content h2, .hentry .entry-content h3, .hentry .entry-summary h3, .comment-content h3, .hentry .entry-content h4, .hentry .entry-content h5, .hentry .entry-content h6, .hentry .entry-summary h4, .hentry .entry-summary h5, .hentry .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6 { margin-bottom:10px; } .hentry .entry-title, .hentry .entry-content h1, .hentry .entry-summary h1, .comment-content h1 { font-size:40px; line-height:45px; margin-bottom:15px; } .hentry .entry-content h2, .hentry .entry-summary h2, .comment-content h2 { font-size:30px; line-height:35px; } .hentry .entry-content h3, .hentry .entry-summary h3, .comment-content h3 { font-size:25px; line-height:30px; } .hentry .entry-content h4, .hentry .entry-summary h4, .comment-content h4 { font-size:20px; line-height:25px; text-transform:uppercase; } .hentry .entry-content h5, .hentry .entry-summary h5, .comment-content h5, .hentry .entry-content h6, .hentry .entry-summary h6, .comment-content h6 { font-size:18px; line-height:22px; } .hentry .entry-content p, .comment-content p { margin-bottom:20px; } .hentry .entry-content a:hover, .hentry .entry-content a:focus, .hentry .entry-summary a:hover, .hentry .entry-summary a:focus { border-bottom:0; } .hentry .entry-content a img, .hentry .entry-summary a img { display:block; } .hentry .entry-content img, .hentry .entry-summary img { border:1px solid #D6D6D6; padding:2px; background:#eee; } .hentry .entry-content .more-link, .hentry .entry-summary .more-link:after { white-space:nowrap; } .hentry .entry-content figure { max-width:100%; width:auto; height:auto; margin-top:20px; margin-bottom:20px; } .hentry .entry-content figure img { width:100%; height:auto; max-width:100%; border:none; padding:0px; background:none; } .hentry .entry-content figure figcaption { padding:10px; background:#eee; font-size:13px; border-width:1px 0px 0px 0px !important } .hentry .entry-content figure.gallery-item { display:inline-block; padding:10px; margin:0px; text-align:center; vertical-align:top; width:auto; overflow: hidden; width:100%; } .gallery-columns-2 .gallery-item { width:50% !important; } .gallery-columns-3 .gallery-item { width:33.3333333% !important; } .gallery-columns-4 .gallery-item { width:25% !important; } .gallery-columns-5 .gallery-item { width:20% !important; } .gallery-columns-6 .gallery-item { width:16.5% !important; } .gallery-columns-7 .gallery-item { width:14.25% !important; } .gallery-columns-8 .gallery-item { width:12.5% !important; } .gallery-columns-9.gallery-item { width:11.111% !important; } .hentry .entry-content figure.gallery-item .gallery-icon img { margin:0 auto; } .hentry .embed-youtube { display:block; padding:10px 0; text-align:left !important; clear:both; } .says, .screen-reader-text, .hentry .entry-footer span.screen-reader-text, .hentry .entry-footer time.updated, .hentry .entry-footer span.entry-format, .hentry .entry-footer span.sticky-post, .hentry.type-page .entry-footer, #Home-posts .article-lists .hentry .entry-footer { clip:rect(1px,1px,1px,1px); height:1px; overflow:hidden; position:absolute !important; width:1px; padding:0 !important; margin:0!important; } .hentry .entry-content ul, .hentry .entry-content ol, .hentry .entry-content dl, .comment-content ul, .comment-content ol, .comment-content dl { padding:0 10px; } .hentry .entry-content li, .comment-content li { margin-bottom:8px; } /* Pagination */ .pagination { font-size: 15px; margin: 0 0 2.947368421em; min-height: 56px; position: relative; clear: both; width: 100%; float: none; } .pagination .nav-links { position: relative; text-align: center; } .pagination .page-numbers { display: inline-block; line-height: 20px; padding: 10px 19px; background-color: #fff; margin: 5px auto; border-radius: 3px; letter-spacing: 0px !important; text-decoration: none !important; color: #666 !important; } .pagination .page-links .page-numbers { background:#f9f9f9; margin:0 5px; font-weight:bold; } .pagination .page-links a .page-numbers { background:#eee; font-weight:normal; } .pagination .current { font-weight: bold; color: #000 !important; } #main .hentry .entry-summary .more-link, .menu-toggle, .search-toggle, #masthead .site-header-menu li, #secondary .widget_tag_cloud a { -webkit-transition:all .25s ease-in-out; transition:all .25s ease-in-out; } .bypostauthor { } .wp-caption-text { } .gallery-caption { } /* Layout */ html { } body, input, button, select, textarea { font-family:Tahoma, Geneva, sans-serif } body { background: #EFEFEF; } #page { position:relative } .wrapper { max-width:1100px; margin:0 auto; } #masthead { background-color:#e68e00; margin-bottom: 50px; background-position: center; background-repeat:no-repeat; background-size:cover; } #masthead .wp-custom-header { position:absolute; top:0px; right:0px; left:0px; bottom:0px; z-index:0; height:310px; overflow:hidden } #masthead .wp-custom-header iframe, #masthead .wp-custom-header img, #masthead .wp-custom-header video { display: block; height: auto; width:100%; max-width: 100%; } #masthead .wp-custom-header-video-button { display:none; } #masthead, #masthead a { color:#fff; } #masthead .site-header-menubar { padding: 8px 0 0; position:relative; z-index:1; background: rgba(255, 255, 255, 0.2); } #masthead .site-header-menu { max-width:82%; } .menu-toggle, .search-toggle { display:none; padding: 8px 10px; color:#fff; } .menu-toggle.open, .search-toggle.open { background: #fff !important; color:#555 !important; } #masthead .site-header-menu ul { list-style:none; margin:2px 0px 0px; } #masthead .site-header-menu ul li { float:left; margin-bottom: 0px; margin-right: 15px; position: relative; padding: 0 0 13px 0; } #masthead .site-header-menu ul li a { color:#fff; font-size: 12px; text-transform: uppercase; } #masthead .site-header-menu ul li.current_page_item a, #masthead .site-header-menu ul li.current_page_parent a, #masthead .site-header-menu ul li.current_page_ancestor a #masthead .site-header-menu ul li.current-menu-item a, #masthead .site-header-menu ul li.current-menu-parent a, #masthead .site-header-menu ul li.current-menu-ancestor a, #masthead .site-header-menu ul li.current-page-parent a, #masthead .site-header-menu ul li.current-page-ancestor a { font-weight:bold; } #masthead .site-header-menu ul li ul.sub-menu { position: absolute; left: 0px; background: rgba(255, 255, 255, 0.2); width: 180px; padding: 10px; border-radius:0 0 3px 3px; top: 30px; border-top: none; display: none; z-index: 9999; } #masthead .site-header-menu ul li ul.sub-menu li { margin: 0px; float: none; clear: both; } #masthead .site-header-menu ul li ul.sub-menu li a { line-height: 18px; height: auto; padding: 0px; font-weight: normal; text-transform: capitalize; } #masthead .site-header-menu ul li:hover ul.sub-menu { display: block; } .search-form { position:relative; } .search-form .fa-search { position: absolute; top: 6px; left: 10px; pointer-events: none; color: #999; } .widget .search-form .fa-search { top: 8px; } .search-form .search-field { border-radius:20px; padding-left: 30px; } #masthead .search-form-wrap { } #masthead .search-form-wrap .fa-search { top:4px; } #masthead .search-form-wrap .search-field { padding:5px 5px 5px 30px; width: 100%; border:none; } #masthead .search-form-wrap .search-field:focus, #masthead .search-form-wrap .search-field:active { } #masthead .site-header-main { text-align:center; padding: 50px; position:relative; z-index:0; } #masthead .site-header-main .site-branding { padding: 1px; } #masthead .site-header-main .site-branding .custom-logo { margin:5px auto; } #masthead .site-header-main .site-title { font-size: 50px; color: #fff; line-height: normal; font-weight: bold; margin-bottom:15px; } #masthead .site-header-main .site-description { font-size:16px; } #masthead .social-navigation { margin-top:20px; } #masthead .social-navigation ul { list-style: none; margin: 0px; } #masthead .social-navigation li { display:inline-block; margin: 0 10px 5px 0; } #masthead .social-navigation a { font-family: FontAwesome; display: block; height: 30px; position: relative; width: 30px; line-height:30px; font-size: 30px; } #masthead .social-navigation a:before { content: "\f415"; height: 30px; line-height: 30px; text-align: center; width: 30px; } #masthead .social-navigation a:hover:before, .social-navigation a:focus:before { } #masthead .social-navigation a[href*="codepen.io"]:before { content: "\f1cb"; } #masthead .social-navigation a[href*="digg.com"]:before { content: "\f1a6"; } #masthead .social-navigation a[href*="dribbble.com"]:before { content: "\f17d"; } #masthead .social-navigation a[href*="dropbox.com"]:before { content: "\f16b"; } #masthead .social-navigation a[href*="facebook.com"]:before { content: "\f082"; } #masthead .social-navigation a[href*="flickr.com"]:before { content: "\f16e"; } #masthead .social-navigation a[href*="foursquare.com"]:before { content: "\f180"; } #masthead .social-navigation a[href*="plus.google.com"]:before { content: "\f0d4"; } #masthead .social-navigation a[href*="github.com"]:before { content: "\f092"; } #masthead .social-navigation a[href*="instagram.com"]:before { content: "\f16d"; } #masthead .social-navigation a[href*="linkedin.com"]:before { content: "\f08c"; } #masthead .social-navigation a[href*="pinterest.com"]:before { content: "\f0d2"; } #masthead .social-navigation a[href*="getpocket.com"]:before { content: "\f265" } #masthead .social-navigation a[href*="reddit.com"]:before { content: "\f1a1"; } #masthead .social-navigation a[href*="skype.com"]:before { content: "\f17e"; } #masthead .social-navigation a[href*="stumbleupon.com"]:before { content: "\f1a4"; } #masthead .social-navigation a[href*="tumblr.com"]:before { content: "\f173"; } #masthead .social-navigation a[href*="twitter.com"]:before { content: "\f081"; } #masthead .social-navigation a[href*="vimeo.com"]:before { content: "\f194"; } #masthead .social-navigation a[href*="wordpress.com"]:before, #masthead .social-navigation a[href*="wordpress.org"]:before, #masthead .social-navigation a[href*="profiles.wordpress.org"]:before { content: "\f19a"; } #masthead .social-navigation a[href*="youtube.com"]:before { content: "\f166"; } #masthead .social-navigation a[href*="spotify.com"]:before { content: "\f1bc"; } #masthead .social-navigation a[href*="twitch.tv"]:before { content: "\f1e8"; } #masthead .social-navigation a[href$="/feed/"]:before { content: "\f09e"; } #main { width: 69%; } #main.full-width { width:100%; float:none; clear:both; max-width:900px !important; margin:0 auto !important; } #main .page-header { padding:15px; } #main .page-header .page-title { font-size: 25px; margin-bottom: 10px; margin-left: 2px; text-transform: uppercase; position: relative; } #main .page-header .page-title span { display: block; font-size: 12px; line-height: 15px; color: #777; margin-top: 4px; } #main .page-header .page-title a.subscribe { position: absolute; top: 0; right: 0px; display: block; font-size: 12px; background: #dc7400; color: #fff !important; padding: 7px 15px; height: auto; -webkit-user-select: none; user-select: none; border-radius: 3px; } #main .page-header .page-title a.subscribe i { margin-right: 5px; } #main .hentry, #secondary.sidebar .widget, #main .page-header, #comments, #respond, #main.single-post { background: #fff; border: none; margin-bottom: 30px; border-radius:3px;/* box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.05)*/ } #main.single-post .hentry { box-shadow: none; margin:0px; } /*#main .hentry { word-break: break-all; }*/ #main .hentry.sticky { border: 1px solid #b57000; } #main .hentry.sticky:before { content: "\f02e"; position: absolute; right: 10px; top: -3px; font-family: FontAwesome; font-size: 27px; color: #FF9800; z-index: 99; } #main .hentry .entry-thumbnail { width:100%; max-height:300px; overflow:hidden; border-radius:3px 3px 0 0; text-align:center; background: #EFEFEF; background-image: linear-gradient(135deg, #8e8485, #70929c); border: 0; display: block; } #main.single-post .hentry .entry-thumbnail, #main.single-page .hentry .entry-thumbnail { max-height: none; } #main .hentry .entry-thumbnail img { height:auto; margin: 0 auto; } #main .hentry .entry-wrap { position: relative; padding:10px 20px 20px; } #main .hentry .entry-title { display: inline-block; margin: 0; padding: 0; -ms-word-wrap: break-word; word-wrap: break-word; margin:0px; font-size:32px; } #main .hentry .entry-wrap.img .entry-title { margin:-50px 20px 0; display:block; background: #fff; text-align: center; padding:10px 20px; } #main .hentry .entry-title, #main .hentry .entry-title a { color: #373737 !important; } #main .hentry .entry-meta { margin: 12px 0 20px; border-top: 1px solid #eee; padding: 10px; border-bottom: 1px solid #eee; } #main .hentry .entry-meta ul { list-style:none; margin:0px; } #main .hentry .entry-meta ul li { float:left; font-size:13px; color:#666; margin:3px 15px 3px 0; } #main .hentry .entry-meta ul li.sticky-post { display:none; } #main .hentry .entry-meta ul li .fa { margin-right:2px; } #main .hentry .entry-meta ul li a { color:#666 !important; } #main .hentry .entry-summary, #main .hentry .entry-content { line-height: 22px; font-size: 14px; color: #444; } #main .hentry .entry-summary .read-more-wrap { display:block; clear:both; } #main .hentry .entry-summary .more-link { display: block; font-size: 14px; margin:20px 0 0; border: 1px solid; padding: 7px 15px; float: right; border-radius: 20px; } #main .hentry .entry-summary .more-link i { margin-left:10px; } #secondary.sidebar { width:29%; } #secondary.sidebar .widget { padding:15px; font-size:14px; word-break: break-all; } #secondary.sidebar .widget .widget-title { background: #e68e00; padding: 8px 12px; margin: -15px -15px 10px; border-radius:3px 3px 0 0; font-size:15px; text-transform:capitalize; color:#ffffff; } #secondary.sidebar .widget ul { margin:0px; list-style:none; } #secondary.sidebar .widget ul li { padding: 8px 0; border-bottom: 1px solid #e6e6e6; } #secondary.sidebar .widget ul li a { color:#777; } #secondary.sidebar .widget ul li a:hover { color: #528ae2 } #secondary.sidebar .widget ul ul { margin:10px 15px 0; } #secondary.sidebar .widget ul ul li { border:none; } #secondary .widget_tag_cloud a { font-size: 13px !important; display: inline-block; padding: 5px 20px 7px; margin: 0px 4px 7px 0px; border: 1px solid; border-radius: 20px; height: auto; opacity:.7; } #secondary .widget_tag_cloud a:hover { opacity:1; color: #af0000; } #wp-calendar { table-layout: fixed; } #wp-calendar caption { margin-bottom:10px; } /* Footer */ .site-footer { padding: 0px; background: #e0e0e0; margin: 35px auto 0px; padding: 15px; font-size: 12px; line-height: 18px; } .site-footer a { color: #686868; } .site-footer a:hover, .site-footer a:focus { text-decoration: underline; } .site-footer .site-info { color: #686868; } .site-footer ul.footer-nav { margin: 0px auto 0px!important; list-style: none !important; text-align: center; } .site-footer ul.footer-nav li { display: inline-block; position: relative; margin:0px 5px 5px; } .site-footer .footer-copy { text-align: center; margin: 0px; border: none; padding: 0; } /* Comments */ #comments, #respond { padding: 20px; word-break: break-all; box-shadow: none; } #respond { border-top: 1px #dadada solid; margin: -1px 0; border-radius: 0px; } #respond .comment-reply-title { margin-bottom: 10px; position:relative; } #respond .comment-notes, #respond .comment-awaiting-moderation, #respond .logged-in-as, #respond .form-allowed-tags { color: #686868; font-size: 13px; font-size: 0.8125rem; line-height: 1.6153846154; margin-bottom: 2.1538461538em; } #respond .comment-form p { margin: 0 0 20px; } #respond .comment-form label { color: #686868; display: block; font-size: 13px; line-height: 15px; margin-bottom:5px; text-transform: uppercase; } #respond .comment-form-comment { } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url { float: left; width: 49%; } #respond .comment-form-email { float: right; } #respond .form-submit { clear: both; } #respond .comment-notes, .comment-awaiting-moderation { background: #fdf0c1; padding: 8px; margin: 5px 0 15px !important; clear: both; border-radius:3px; } #comments { margin-bottom:0px; padding-bottom:0px; } #comments .comment-list .comment .comment-awaiting-moderation { margin:8px 0 !important; } #comments .comment-list { list-style: none; margin: 25px 0 0; } #comments .comment-list .comment { } #comments .comments-title, #comments .comment-reply-title { font-size: 25px; line-height: 35px; padding-top: 0; text-transform: capitalize; } #comments .comment-list article, #comments .comment-list .pingback, #comments .comment-list .trackback { border-top: 1px solid #eee; padding: 20px 0; position: relative; } #comments .comment-meta, #comments .comment-content { margin-left: 60px; position:relative; } #comments .comment-author .avatar { position:absolute; height: 45px; left:-60px; top:0px; width: 45px; border-radius: 50%; } #comments .comment-metadata { margin:6px 0px; font-size:13px; } #comments .comment-metadata a, #comments .pingback .comment-edit-link { color: #686868; } #comments .comment-body div.reply, #comments .comment-reply-title small { position: absolute; top: 0px; right: 0px; } #comments .comment-body div.reply { top:14px; } #comments .comment-content { font-size:13px; line-height:18px; } #comments .comment-reply-link, #comments .comment-reply-title small a { border: 1px solid #d1d1d1; color: #007acc; display: block; font-size: 13px; font-size: 0.8125rem; line-height: 1; padding:8px 15px; font-weight:bold; border-radius:3px; text-transform:capitalize; } #comments .comment-reply-title small a { color: #fff; background: #f75c2b; border: none; } #comments .comment-list .children { list-style: none; margin: 0 0 0 50px; } #comments .comment-list .children > li { padding-left: 0.875em; } #comments .comment-list .comment #respond { margin:0 0px 0 50px; padding:20px 0px; } /* Author Info */ .author-info { padding: 20px 25px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fbfbfc; } .page-header .author-info { border:none; background:none; padding: 10px; } .author-info .author-avatar { border-radius: 50%; float: left; width: 70px; overflow: hidden; } .page-header .author-info .author-avatar { width: 100px; } .author-info .author-description { margin: 0; padding: 0; float: right; width: 87%; } .page-header .author-info .author-description { width: 80%; } .author-info .author-description .author-title { padding-bottom: 5px; font-size: 18px; text-transform: uppercase; color: #444; margin-top: 0px; margin-bottom: 5px; } .author-info .author-description .author-title a { color: #444 !important; } .author-info .author-description h1.author-title { font-size:25px; line-height:33px; } .author-info .author-description .author-bio { font-size: 14px; color: #555; border-bottom: 1px solid #e5e5e5; line-height: 20px; padding-bottom: 10px; } .author-info .author-metas { margin-top: 10px; padding: 0px 0; } .author-info .author-metas a { color: #fff !important; font-size: 20px; width: 35px; text-align: center; height: 30px; padding: 5px 0 0; border-radius: 3px; display: block; float: left; margin: 2px 10px 2px 0px; line-height: 0px; font-weight: normal !important; } .author-info .author-metas a.social span { display: none; } .author-info .author-metas a.posts { color: #efefef !important; width: auto; background: #24a5dc; padding: 5px 15px 0; } .author-info .author-metas a.posts span { margin-left: 5px; font-size: 15px; color: #fff; margin-top: 3px; display: block; float: right; font-weight: bold; padding: 0; line-height: 15px; } .author-info .author-metas a.posts i { float: left; } .author-info .author-metas a.web { background: #05a749; } .author-info .author-metas a.rss { background: #dc7400; } /* Single Post pagination */ .post-navigation { margin: 0; border: 0px; border-top: 1px solid #dedede; padding: 40px 35px!important; overflow: hidden; } .post-navigation .nav-links { position:relative } .post-navigation .nav-links:before { content:''; position:absolute; width:2px; height:100%; top:0px; bottom:0px; background:#eee; left:50%; } .post-navigation .nav-previous, .post-navigation .nav-next { width: 50%; float: left; position:relative; } .post-navigation .nav-previous:before, .post-navigation .nav-next:after { position: absolute; top: 50%; width: 30px; height: 30px; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 33px; margin-top: -15px; color:#777; } .post-navigation .nav-previous:before { left:-10px; content:'\f053'; } .post-navigation .nav-next:after { right:-10px; content:'\f054'; } .post-navigation .nav-previous { padding-left:30px; padding-right: 15px; } .post-navigation .nav-next { float: right; text-align: right; padding-left: 15px; padding-right:30px; } .post-navigation span { display: block; } .post-navigation .meta-nav { color: #686868; font-size: 12px; margin-bottom: 5px; text-transform: uppercase; } .post-navigation .post-title { display: block; font-size: 15px; line-height: 20px; } .post-navigation .post-title, .entry-title, .comments-title { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* 404 Page */ #main.not-found-page { width: 100%; max-width: 600px; float: none; margin: 0 auto; text-align: center; } #main.not-found-page h1.page-title { font-size: 150px; margin-bottom: 25px; } #main .search-form-wrap { float: none; width: 100%; } #main.not-found-page h2.page-title { margin-bottom: 10px; } /* 1.3 fixes */ article.page .entry-header { margin-bottom:15px; } body.page .comment-respond { border-top:none !important; }