/*! Theme Name: _Swank Theme URI: http://underscores.me/ Author: eD! Thomas Author URI: http://et3.io Description: INSERT CLIENT AND/OR WITTY DESCRIPTION HERE Version: 0.9.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: _swank Tags: black, blue, white, light, fixed-layout, responsive-layout, one-column, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready 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. _Swank is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Repeating Styles ## Masthead ## Posts and pages ## Asides ## Comments ## Footer # Infinite Scroll # Media ## Captions ## Galleries # Responsive Media Queries --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, 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-color: 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 { 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; 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; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #2c3e50; font-family: "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; font-size: 17.6px; font-size: 1.1rem; line-height: 1.5; -ms-word-wrap: break-word; word-wrap: break-word; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Montserrat", "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; line-height: 1.2; } h1 { font-size: 55.5690875224px; font-size: 3.4730679702rem; } h2 { font-size: 41.6872374512px; font-size: 2.6054523407rem; } h3 { font-size: 31.2732464px; font-size: 1.9545779rem; } h4 { font-size: 23.4608px; font-size: 1.4663rem; } p { margin-bottom: 1.25rem; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 0.5rem solid #2c3e50; font-style: italic; margin: 0; padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1.25rem; } blockquote p { opacity: 0.54; } blockquote p cite { display: block; margin-top: 1.25rem; text-align: right; } address { margin: 0 1.25rem; } code, kbd, pre, tt, var { font-family: "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace; font-size: 16.5px; font-size: 1.03125rem; line-height: 1.6; } pre { background: #d9d9d9; margin-right: 1.25rem; margin-left: 1.25rem; max-width: 100%; padding: 1.25rem; overflow: auto; } abbr, acronym { border-bottom: 0.0625rem dotted #2c3e50; cursor: help; } mark, ins { background: #2a84bf; color: #fff; padding-right: 0.125rem; padding-left: 0.125rem; text-decoration: none; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote, q { quotes: "" ""; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } hr { background-color: #ccc; border: 0; height: 0.0625rem; margin-bottom: 1.25rem; } ul, ol { margin: 0 0 1.25rem; padding-left: 1.25rem; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.25rem; } dt { font-weight: bold; } dd { margin: 0 1.25rem 1.25rem; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } table, th, td { border: 0.0625rem solid rgba(44, 62, 80, 0.26); } table { border-collapse: separate; border-spacing: 0; border-width: 0.0625rem 0 0 0.0625rem; margin: 0 0 1.25rem; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 0.0625rem 0.0625rem 0; font-weight: 700; } td { border-width: 0 0.0625rem 0.0625rem 0; } th, td { padding: 0.4375em; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #476481; border: 0.0625rem solid #2c3e50; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #2c3e50; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 0.1875rem; } textarea { padding-left: 0.1875rem; width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #2a84bf; text-decoration: none; -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); } a:hover, a:focus, a:active { color: #1c5980; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } button a, button a:hover { color: #fff; } .site-title a { color: #2c3e50; } .site-title a:hover, .main-navigation a:hover, .entry-title a:hover { color: #2a84bf; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation a { color: #2c3e50; display: block; padding-top: 0.625rem; padding-bottom: 0.625rem; } .sub-menu a { color: #2c3e50; padding-left: 1.25rem; } .current_page_item > a, .current-menu-item > a, .current-menu-parent > a, .current_page_ancestor > a { color: #2a84bf; } .menu-item-has-children > a:after, .page_item_has_children > a:after { float: right; } .nav-next a { float: right; } .nav-next a:after { content: "\f0da"; margin-left: 0.5rem; } .nav-previous a:before { content: "\f0d9"; margin-right: 0.5rem; } .social-links a { font-weight: normal; padding: 0.5rem; } .social-links a:before { content: "\f14c"; opacity: 0.87; text-align: center; } .social-links a[href*='codepen.io']:before { content: "\f1cb"; } .social-links a[href*='digg.com']:before { content: "\f1a6"; } .social-links a[href*='dribbble.com']:before { content: "\f17d"; } .social-links a[href*='dropbox.com']:before { content: "\f16b"; } .social-links a[href*='facebook.com']:before { content: "\f230"; } .social-links a[href*='flickr.com']:before { content: "\f16e"; } .social-links a[href*='foursquare.com']:before { content: "\f180"; } .social-links a[href*='github.com']:before { content: "\f09b"; } .social-links a[href*='plus.google.com']:before { content: "\f0d5"; } .social-links a[href*='instagram.com']:before { content: "\f16d"; } .social-links a[href*='linkedin.com']:before { content: "\f08c"; } .social-links a[href*='pinterest.com']:before { content: "\f0d3"; } .social-links a[href*='getpocket.com']:before { content: "\f265"; } .social-links a[href*='stumbleupon.com']:before { content: "\f1a4"; } .social-links a[href*='soundcloud.com']:before { content: "\f1be"; } .social-links a[href*='skype.com']:before { content: "\f17e"; } .social-links a[href*='tumblr.com']:before { content: "\f174"; } .social-links a[href*='twitter.com']:before { content: "\f099"; } .social-links a[href*='vimeo.com']:before { content: "\f27d"; } .social-links a[href*='vine.co']:before { content: "\f1ca"; } .social-links a[href*='wordpress.org']:before, .social-links a[href*='wordpress.com']:before { content: "\f19a"; } .social-links a[href*='youtube.com']:before { content: "\f167"; } .social-links a[href*='/feed']:before, .social-links a[href*='feedpress.me']:before, .social-links a[href*='feedburner.com']:before { content: "\f09e"; } .social-links a[href*='#masthead']:before { content: "\f0aa"; } .page-navigation button { min-height: 3.4375rem; min-width: 3.4375rem; max-width: 100%; } .nav-next button { float: right; text-align: right; } button.dropdown-toggle, button.dropdown-toggle:hover, button.menu-toggle, button.menu-toggle:hover { background: transparent; color: #2c3e50; } button.menu-toggle { font-size: 31.2732464px; font-size: 1.9545779rem; float: right; height: 3.4375rem; margin-top: auto; margin-bottom: auto; padding: 0; width: 3.4375rem; } button.menu-toggle:after { content: "\f0c9"; } button.menu-toggle.toggle-on:after { content: "\f00d"; } button.dropdown-toggle { border-left: 0.0625rem solid #2c3e50; display: block; position: absolute; right: 0; top: 0.3125rem; width: 2.75rem; } button.dropdown-toggle:before { content: "\f0da"; } button.dropdown-toggle.toggle-on:before { content: "\f0d7"; } .main-navigation li { border-top: 0.0625rem solid #2c3e50; position: relative; } .menu li:last-of-type { border-bottom: 0.0625rem solid #2c3e50; } .children li:last-of-type, .social-links li:last-of-type, .sub-menu li:last-of-type { border-bottom: none; } .social-links li { display: inline; } nav.main-navigation { background: transparent; } nav.comment-navigation, nav.posts-navigation, nav.post-navigation, nav.page-navigation { content: ""; display: table; display: block; border-top: 0.25rem solid #2c3e50; clear: both; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.25rem; padding-right: 0.9375rem; padding-left: 0.9375rem; } nav.comment-navigation { padding-top: 1.25rem; padding-right: 0; padding-left: 0; } nav.page-navigation .nav-buttons { text-align: right; } .main-navigation ul.menu.toggled, .main-navigation ul.sub-menu.toggled { display: block; } ul.menu { margin: 0; padding: 0; } .main-navigation ul.menu.toggled { margin-top: 1.25rem; } ul.sub-menu { display: none; margin-left: 0.3125rem; overflow: hidden; } .nav-links { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .nav-links:last-child { margin-right: 0; } .nav-numbers { margin-top: auto; margin-bottom: auto; } .page-numbers { padding-right: 0.625rem; } .page-numbers.current { display: inline; } .page-numbers.current:before { content: "Page "; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 15.4px; font-size: 0.9625rem; 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. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.25rem; margin-left: 0; } .alignright { display: inline; float: right; margin-right: 0; margin-left: 1.25rem; } .aligncenter, .alignnone { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul { padding-left: 0; } .widget-title, .widgettitle { border-top: 0.25rem solid #2c3e50; margin-bottom: 0; padding-top: 0.3125rem; padding-bottom: 1.25rem; } .widget { margin: 0 0 1.25rem; } .widget select { max-width: 100%; } .error-404 .widget { clear: both; margin-top: 1.25rem; margin-bottom: 0; } .widget_calendar caption, .widget_calendar th, .widget_calendar td { text-align: center; } .widget_rss li { padding-top: 0.3125rem; padding-bottom: 0.3125rem; } .widget_rss li .rsswidget { display: block; } .widget_rss .widget-title a { color: #2c3e50; } .widget_rss .widget-title a:first-of-type:before { content: "\f09e"; } .widget_search .search-field { width: 50%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ #masthead, #content, #main, #secondary, #comments, #colophon, .hentry, .posts-navigation, .post-navigation, .page-navigation { content: ""; display: table; display: block; } .site-navigation, .tag-links, .sticky-post, .widget-area, .widget-areas-1, .widget-areas-2, .widget-areas-3, .widget-areas-4 { float: left; display: block; margin-right: 2.3576515979%; width: 100%; } .site-navigation:last-child, .tag-links:last-child, .sticky-post:last-child, .widget-area:last-child, .widget-areas-1:last-child, .widget-areas-2:last-child, .widget-areas-3:last-child, .widget-areas-4:last-child { margin-right: 0; } #masthead, #colophon, .page-header, .entry-header, .entry-content, .entry-footer, .comments-wrap, .posts-navigation, .post-navigation, .page-navigation, .widget { padding-right: 0.9375rem; padding-left: 0.9375rem; } /*-------------------------------------------------------------- ## Repeating Styles --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"], .page-links-link, .comment-reply-link { background: #2c3e50; border: none; color: #fff; font-family: "Montserrat", "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; padding: 0.3125rem 0.625rem; text-transform: uppercase; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .page-links-link:hover, .comment-reply-link:hover { background: #2a84bf; } button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .page-links-link:active, .comment-reply-link:active, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .page-links-link:focus, .comment-reply-link:focus { border-color: #2a84bf; } .main-navigation, .comment-navigation, .posts-navigation, .post-navigation, .page-navigation, .widget_calendar caption, .site-title, .site-description, .entry-meta, .cat-links, .tag-links, .sticky-post, .continue-reading, .page-links, .blog .format-link .entry-content p:first-of-type, .blog .format-quote .entry-content p:first-of-type, .blog .format-status .entry-content p:first-of-type, .site-footer { font-family: "Montserrat", "Lato", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; } .main-navigation .menu, .page-numbers, .widget_rss cite, .widget_rss .widget-title a img, .widget_search .search-submit, .byline, .updated:not(.published) { display: none; } .menu-toggle:after, .dropdown-toggle:before, .menu-item-has-children > a:after, .page_item_has_children > a:after, .nav-previous a:before, .nav-previous a:after, .nav-next a:before, .nav-next a:after, .social-links a:before, .widget_rss .widget-title a:first-of-type:before, .continue-reading:after, .sticky-post:before, .format-link .entry-content p:first-of-type > a:before, .blog .format-aside .entry-content p:first-of-type:before, .blog .format-quote .entry-content p:first-of-type:before, .blog .format-status .entry-content p:first-of-type:before, .blog .format-link .entry-content p:first-of-type > a:before { display: inline; font-family: FontAwesome; text-rendering: auto; } big, blockquote, .posts-navigation, .post-navigation, .page-navigation, .page-navigation button, .social-links a, .widget_calendar caption, .widget_rss li .rsswidget, .taxonomy-description, .format-quote blockquote cite { font-size: 23.4608px; font-size: 1.4663rem; } .menu, .sub-menu, .widget_archive ul, .widget_categories ul, .widget_meta ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul { list-style: none; } small, pre, .widget_rss .rss-date, .entry-meta, .comment-reply-link { font-size: 13.2033008252px; font-size: 0.8252063016rem; } .widget_calendar caption, .continue-reading, .sticky-post, .comment-respond label { text-transform: uppercase; } /*-------------------------------------------------------------- ## Masthead --------------------------------------------------------------*/ #masthead { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; background: rgba(255, 255, 255, 0.87); display: block; padding: 1.25rem 0.9375rem; position: static; top: 0; width: 100%; z-index: 99999; } .masthead-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: auto; margin-bottom: auto; } .site-branding { float: left; display: block; margin-right: 2.3576515979%; width: 82.9403914003%; margin-top: auto; margin-bottom: auto; } .site-branding:last-child { margin-right: 0; } .site-navigation-button { float: left; display: block; margin-right: 2.3576515979%; width: 14.7019570017%; margin: auto 0; } .site-navigation-button:last-child { margin-right: 0; } .site-title, .site-description { clear: both; margin: auto 0; } .site-title { font-size: 31.2732464px; font-size: 1.9545779rem; font-weight: 700; line-height: 1.2; } .site-description { display: none; } /*-------------------------------------------------------------- ## Posts and Pages --------------------------------------------------------------*/ .entry-title a { color: #2c3e50; } .entry-title a:hover { color: #2a84bf; } article.hentry { padding-top: 1.875rem; padding-bottom: 1.875rem; } article.hentry.has-post-thumbnail .entry-header { padding-top: 0.9375rem; } .page-header h1 { border-bottom: 0.25rem solid #2c3e50; margin-bottom: 0; text-align: center; } .entry-meta i { margin-right: 0.5rem; } .entry-header, .entry-content, .entry-footer { display: inline-block; width: 100%; } .cat-links { margin-top: 0.625rem; } .entry-title, .page-title { font-size: 41.6872374512px; font-size: 2.6054523407rem; } .post-type-archive-jetpack-portfolio .entry-title, .post-type-archive-jetpack-testimonial .entry-title, .post-type-archive-jetpack-portfolio .page-title, .post-type-archive-jetpack-testimonial .page-title { text-align: center; } .entry-title { margin-top: 0; margin-bottom: 0.625rem; } .entry-meta { width: 100%; } .entry-image { background-position: center center; height: 7.8125rem; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); width: 100%; } .entry-image:hover { opacity: 0.54; } .post-type-archive-jetpack-portfolio .entry-image, .post-type-archive-jetpack-testimonial .entry-image { margin-top: 1.875rem; } .posted-on, .comments-link, .single .byline { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .posted-on:last-child, .comments-link:last-child, .single .byline:last-child { margin-right: 0; } .page-content, .entry-content { clear: both; margin: 1.25rem 0 0; } .error-404 .entry-content { margin-bottom: 2.5rem; } .continue-reading:after { content: "\f178"; } .page-links { clear: both; } .page-links-link { background: #2a84bf; margin-right: 0.3125rem; margin-left: 0.3125rem; } a .page-links-link { background: #2c3e50; } .entry-footer { margin-top: 1.25rem; margin-bottom: 1.25rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .entry-tags { float: left; display: block; margin-right: 2.3576515979%; width: 14.7019570017%; margin-top: auto; margin-bottom: auto; } .entry-tags:last-child { margin-right: 0; } .entry-tags-list { float: left; display: block; margin-right: 2.3576515979%; width: 82.9403914003%; } .entry-tags-list:last-child { margin-right: 0; } .sticky { border-top: 0.25rem solid #2c3e50; border-bottom: 0.25rem solid #2c3e50; } .sticky-post { background: #2c3e50; color: #fff; margin-top: -1.875rem; margin-bottom: 0.9375rem; padding: 0.625rem 0; text-align: center; } .sticky-post:before { content: "\f02e"; margin-right: 0.5rem; } /*-------------------------------------------------------------- ## Post Formats --------------------------------------------------------------*/ .blog .format-link .entry-content p:first-of-type, .blog .format-quote .entry-content p:first-of-type, .blog .format-status .entry-content p:first-of-type, .blog .format-link .entry-content, .blog .format-quote .entry-content, .blog .format-status .entry-content { margin-top: 0; } .blog .format-link .entry-content p:first-of-type, .blog .format-quote .entry-content p:first-of-type, .blog .format-status .entry-content p:first-of-type { font-size: 41.6872374512px; font-size: 2.6054523407rem; font-weight: 700; } .format-link .entry-content p:first-of-type > a:before, .blog .format-aside .entry-content p:first-of-type:before, .blog .format-quote .entry-content p:first-of-type:before, .blog .format-status .entry-content p:first-of-type:before, .blog .format-link .entry-content p:first-of-type > a:before { margin-right: 1rem; } .blog .format-aside .entry-content p:first-of-type:before { content: "\f069"; } .blog .format-link .entry-content p:first-of-type > a:before { content: "\f0c1"; } .blog .format-quote .entry-content p { opacity: 0.87; } .blog .format-quote .entry-content p:first-of-type:before { content: "\f10d"; } .blog .format-status .entry-content p:first-of-type:before { content: "\f05a"; } .format-quote blockquote { border-left: none; padding: 0; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comments-title, .comment-reply-title { border-top: 0.25rem solid #2c3e50; margin: 0; padding-top: 0.3125rem; padding-bottom: 1.25rem; } .comments-area { clear: both; margin-bottom: 2.5rem; } .comments-wrap { margin-right: auto; margin-left: auto; } .comment-list, .children { list-style: none; } .comment-list { list-style: none; padding-left: 0; } .comment-body { border-top: 0.0625rem solid #2c3e50; padding-top: 1.25rem; padding-bottom: 1.25rem; } .comment-author img { border-radius: 50%; float: left; margin-right: 0.625rem; } .comment-reply-link:hover { color: #fff; } .bypostauthor .comment-body { border-top-color: #2a84bf; border-top-width: 0.25rem; } .comment-respond label { display: block; } .comment-respond input, .comment-respond textarea { width: 100%; } /*-------------------------------------------------------------- ## Widget Area --------------------------------------------------------------*/ .widget-area { margin-top: 1.25rem; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .site-footer a { color: #5ba8db; } .site-footer a:hover { color: #99c9e9; } .site-footer { background: #2c3e50; color: #fff; margin-top: 1.25rem; padding-top: 1.25rem; padding-bottom: 1.25rem; } .site-info, .social-links { float: left; display: block; margin-right: 2.3576515979%; width: 100%; } .site-info:last-child, .social-links:last-child { margin-right: 0; } .site-info { margin-bottom: 1.25rem; } /*-------------------------------------------------------------- # Jetpack --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .page-navigation, .infinite-scroll.neverending #colophon { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending #colophon { display: inherit; } .infinite-loader { color: #2c3e50; position: absolute; width: 100%; } .infinite-loader .spinner { display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { font-style: italic; margin: 0.625rem 0; } .wp-caption-text { color: rgba(44, 62, 80, 0.54); } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.25rem; } .gallery-item { display: inline-block; margin-right: 0; margin-left: 0; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*-------------------------------------------------------------- # Responsive Media Queries --------------------------------------------------------------*/ @media screen and (min-width: 64.063rem) { .site-branding, .widget-areas-1 { float: left; display: block; margin-right: 2.3576515979%; width: 100%; } .site-branding:last-child, .widget-areas-1:last-child { margin-right: 0; } .masthead-wrap, .main-navigation, .single .byline, .single .posted-on, .site-info, .social-links, .widget-areas-2 { float: left; display: block; margin-right: 2.3576515979%; width: 48.821174201%; } .masthead-wrap:last-child, .main-navigation:last-child, .single .byline:last-child, .single .posted-on:last-child, .site-info:last-child, .social-links:last-child, .widget-areas-2:last-child { margin-right: 0; } .group-blog .byline, .group-blog .comments-link, .group-blog .posted-on, .widget-areas-3 { float: left; display: block; margin-right: 2.3576515979%; width: 31.7615656014%; } .group-blog .byline:last-child, .group-blog .comments-link:last-child, .group-blog .posted-on:last-child, .widget-areas-3:last-child { margin-right: 0; } .widget-areas-4 { float: left; display: block; margin-right: 2.3576515979%; width: 23.2317613015%; } .widget-areas-4:last-child { margin-right: 0; } .infinity-end.neverending .site-footer { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .main-navigation a { -webkit-transition: none; transition: none; } .main-navigation a:focus .sub-menu { clip: inherit; height: inherit; overflow: inherit; width: inherit; } .menu-item-has-children > a:after { content: "\f0d7"; margin-left: 0.5rem; } .sub-menu .menu-item-has-children > a:after { content: "\f0d9"; } .sub-menu a { padding-top: 0; padding-bottom: 0; width: 12.5rem; } .menu li { border: none; } .main-navigation .menu li { float: left; padding: 0.625rem; } .main-navigation .menu li:hover > .sub-menu, .main-navigation .menu li.focus > .sub-menu { clip: inherit; height: inherit; overflow: inherit; width: inherit; } .main-navigation .menu li:hover, .main-navigation .menu li:focus { background: #2c3e50; -webkit-transition: none; transition: none; } .main-navigation .menu li:hover > a, .main-navigation .menu li:focus > a { color: #fff; -webkit-transition: none; transition: none; } .menu li:last-of-type { border-bottom: none; } .sub-menu li { border-top: 0.0625rem solid #2c3e50; border-right: 0.0625rem solid #2c3e50; border-left: 0.0625rem solid #2c3e50; } .sub-menu li:last-of-type { border-bottom: 0.0625rem solid #2c3e50; } .sub-menu li:hover > ul, .sub-menu li.focus > ul { left: auto; right: 100%; } .main-navigation ul.menu, .main-navigation ul.sub-menu { display: block; } ul.sub-menu { background: #fff; border-top: 0.25rem solid #2c3e50; clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem); height: 0.0625rem; padding-right: 0; padding-left: 0; position: absolute; width: 0.0625rem; z-index: 999999; left: auto; right: 0; } ul.sub-menu .sub-menu { margin-top: 0; margin-right: 0; margin-left: 0; top: -0.3125rem; } .site-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #masthead { padding-top: 2.5rem; padding-bottom: 2.5rem; border-bottom: 0.25rem solid white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .comments-wrap, .entry-wrap, .page-header { max-width: 43.125rem; } .entry-content .alignleft, .gallery, .jetpack-video-wrapper, .tiled-gallery-wrapper, .size-big, .wp-caption.caption-big { margin-left: -10.625rem; } .entry-wrap, .page-header { margin-right: auto; margin-left: auto; } .gallery, .jetpack-video-wrapper, .jetpack-video-wrapper iframe, .tiled-gallery-wrapper, .wp-caption.caption-big, .wp-caption.caption-big.wp-caption-text { width: 62.5rem; } .gallery, .jetpack-video-wrapper, .tiled-gallery-wrapper { margin-right: 1.25rem; margin-bottom: 1.25rem; } .group-blog .byline, .page-navigation .nav-numbers .page-numbers { display: inline; } .main-navigation .dropdown-toggle, .site-navigation-button { display: none; } .entry-content .alignleft { margin-right: 1.25rem; } .entry-content .alignright { float: right; margin-right: -10.625rem; margin-left: 1.25rem; } .entry-image { height: 15.625rem; margin-bottom: -3.75rem; } .has-post-thumbnail .entry-header { background: #fff; position: relative; z-index: 99; } .jetpack-portfolio-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .jetpack-portfolio-wrap .hentry { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: auto; margin-left: auto; } .jetpack-video-wrapper iframe { margin: 0 auto !important; } .main-navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: auto; margin-bottom: auto; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .nav-numbers .page-numbers.current:before { content: ""; } .site-info { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-top: auto; margin-bottom: auto; } .site-description { display: block; } .size-big { display: inline-block; float: none; max-width: 62.5rem; } .social-links { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: auto; margin-bottom: auto; text-align: right; } }