/* Theme Name: Beam Theme URI: http://www.beamtheme.com Author: Emir Muracevic Author URI: http://www.beamtheme.com/author/emirowski/ Description: Beam is a Multi-purpose, Responsive Wordpress Theme. Version: 0.8.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: beam Domain Path: /languages/ Tags: one-column, two-columns, left-sidebar, right-sidebar, blog, custom-menu, featured-images, full-width-template, post-formats, sticky-post, theme-options */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use a Beam child theme to add your styles. Download at http://beamtheme.com/beam-child-wordpress-theme/ :) */ /* Beam is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc. Beam 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/ */ /*-------------------------------------------------------------- # 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; word-wrap: break-word; } 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-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; } /* =Global ----------------------------------------------- */ body, button, input, select, textarea { color: #404040; font-family: "Source Sans Pro", Helvetica, sans-serif, serif; font-size: 16px; line-height: 1.5; } /* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.4; } h1 { font-size: 38px; font-weight: bold; word-wrap: break-word; } h2 { font-size: 24px; font-weight: bold; } h3, h4, h5, h6 { font-size: 18px; font-weight: bold; } .entry-content-new h1, .entry-content-new h2, .entry-content-new h3, .entry-content-new h4, .entry-content-new h5, .entry-content-new h6 { clear: none; } h1.page-title { margin-bottom: 15px; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em;} ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; font-style: italic; border-left: 3px solid #cccccc; padding-left: 25px; font-family: Georgia,Cambria,"Times New Roman",Times,serif; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } 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%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } time { font-size: small; } a time { color: #404040; text-decoration: none;} button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } button, html input[type="button"]:not([.menu-toggle]), input[type="reset"], input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 1.8rem; font-size: 18px; font-weight: 700; line-height: 1.3; padding: 15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } button::not([.menu-toggle]):hover, html input[type="button"]:not([.menu-toggle]):hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:not([.menu-toggle]):focus, html input[type="button"]:not([.menu-toggle]):focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:not([.menu-toggle]):active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } .search-form input[type="search"] { width: 90%; padding: 10px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } .round-corners { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* future proofing */ } /* Links */ a:hover, a:focus, a:active{ text-decoration: underline; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; right: 5px; } .screen-reader-text:hover, .screen-reader-text:active, .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: 14px; 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 */ } /* Clearing */ .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-content-inner:before, .site-content-inner: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-content-inner:after, .site-footer:after { clear: both; } /* =Menu ----------------------------------------------- */ .navigation-wrap { padding: 0; max-width: 74%; top: 50%; transform: translateY(-50%); z-index: 9999; position: relative; display: block; float: right; } .mobile-menu { padding: 0; margin: 0; width: 75%; max-width: 75% !important; top: 50%; transform: translateY(-50%); z-index: 99999; position: relative; float: left; } @media screen and (max-width: 768px) { .mobile-menu { top: 0; transform: translateY(0); width: 100%; max-width: 100% !important; } } .main-navigation { clear: both; display: block; float: right; } .main-navigation h1 { font-size: 32px; line-height: 1.25; } .main-navigation ul { list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 768px) { .main-navigation ul { padding-left: 20px; } } .main-navigation li { float: left; position: relative; margin: 0 0 0 20px; /* Margin on the left side of each top level menu item (since it's floated right) */ margin: 0 0 0 1.25rem; } .main-navigation ul ul li { margin: 0; } .main-navigation li.menu-parent-item > a:after { /* If you don't want the arrows on the top level drop down, simply remove this style */ font-family: 'FontAwesome'; font-weight: normal; font-style: normal; speak: none; vertical-align: middle; font-size: 9px; font-size: 0.5625rem; content: " \f078"; } .main-navigation ul li li.menu-parent-item > a:after { /* If you don't want the arrows on the sub-menu options, simply remove this style */ font-family: 'FontAwesome'; font-weight: normal; font-style: normal; speak: none; vertical-align: middle; font-size: 9px; font-size: 0.5625rem; content: " \f054"; } .main-navigation ul a { padding: 10px; /* Padding around each top level menu option (if needed) */ } .main-small-navigation a, .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { display: none; position: absolute; left: 0; z-index: 99999; line-height: 1.7; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { width: 11.5em; /* Nav bar dropdown width */ font-size: 14px; } .main-navigation ul ul a { padding: 5px 10px; /* Padding around each dropdown menu option */ } .main-navigation ul li:hover > ul { display: block;} .main-navigation ul .divider { border-bottom: 1px solid #aaa; height: 0; line-height: 0.0625; overflow: hidden; } .main-navigation ul li.dropdown-header a, .main-navigation ul li.current-menu-item ul .dropdown-header a { /* color: #91D8F7; *//* Nav bar dropdown header color */ /* background-color: #ffffff; *//* Nav bar dropdown header background color */ } /* Small menu toggle for mobile devices */ .menu-toggle { cursor: pointer; } .main-small-navigation .nav-menu { display: none; } /* Footer Menu */ .footer-navigation { margin: 0 auto; width: 100%; height: auto; clear: both; display: block; position: relative; text-align:center; } .footer-navigation ul { list-style: none; margin: 0; padding: 50px 0; } .footer-navigation li { position: relative; padding: 10px; height: 30px; display: inline-block; } .footer-navigation a { display: block; text-decoration: none; padding: 6px 10px; } .footer-navigation a:hover { } .footer-navigation ul ul { display: none; } .footer-navigation ul ul ul { display: none; } .footer-navigation ul li:hover > ul { display: block; } /* =Layout ----------------------------------------------- */ .fullwidth { margin-left: 0; margin-right: 0; width: 100%; } .site-content, .centeralign-header, .centeralign-content, .centeralign-footer { max-width: 1170px; position: relative; margin-left: auto; margin-right: auto; } .width-980px .site-content, .width-980px .centeralign-header, .width-980px .site-content-inner, .width-980px .centeralign-footer { max-width: 980px; } .site-content, .site-content-inner { margin-left: auto; margin-right: auto; } .site-content { -webkit-box-shadow: 6px 0px 10px -7px rgba(1,1,1,0.25), -6px 0px 10px -7px rgba(1,1,1,0.25); -moz-box-shadow: 6px 0px 10px -7px rgba(1,1,1,0.25), -6px 0px 10px -7px rgba(1,1,1,0.25); box-shadow: 6px 0px 10px -7px rgba(1,1,1,0.25), -6px 0px 10px -7px rgba(1,1,1,0.25); } .page-template-no-sidebar #primary { width: 100%; } /* =Content ----------------------------------------------- */ #primary { float: left; width: 68%; position: relative; } #secondary { float: right; width: 28.5%; position: relative; padding-top: 30px; } .sticky { border: 1px solid #ccc; padding: 5px; } .hentry { margin: 0 0 2.2em; } .updated { display: none; } .single .byline, .group-blog .byline, .archive .byline { display: inline; } .byline { margin-right: 30px; display: inline; } .entry-content-sidebar .byline { clear: both; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0 0; } .archive .entry-content { margin: 1.5em 0; } .page .entry-content margin: 0; } .content-area { width: 68%; float: left; } .page-links { margin: 15px; padding: 10px; width: 77%; } .site-branding { padding: 0; margin: 0; width: 25%; max-width: 250px; top: 50%; transform: translateY(-50%); z-index: 999; position: relative; float: left; } .site-main { padding: 30px 30px 30px 50px; } .double-sidebar .site-main { padding: 30px 10px; } .entry-content-sidebar .entry-meta { padding-left: 0; } .entry-title, .entry-title a { font-size: 40px; margin: 10px 0; -ms-word-wrap: break-word; word-wrap: break-word; } .entry-content-new { clear: both; } .entry-content-only-page { margin-left: auto; margin-right: auto; max-width: 1170px; padding: 2%; } .single .entry-content-new { line-height: 24px; padding-top: 5px; } .entry-content-sidebar { width: 150px; float: left; line-height: 18px; font-family: Arial, Verdana, 'Times New Roman', sans-serif; font-size: 12px; } .sidebar-left .entry-content-sidebar { float:right; } header.shrink { position:fixed; clear:both !important; width:100%; height:90px !important; max-height:90px !important; min-height:90px !important; z-index:99999; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .entry-date { margin-left: 4px; } .entry-header .entry-meta { line-height: 1.2; } .entry-meta, .entry-meta { color: grey; } .entry-meta i a { text-decoration: none; } .posted-on { display: inline-block; } .big { font-size: 58px; text-shadow: 2px 2px 7px rgba(0, 0, 0, 1); font-weight: 700; line-height: 70px; border: none; } .intro { text-align: center; color: #fff; font-size: 30px; font-weight: 600; line-height: 38px; margin-bottom: 15px; text-shadow: 2px 2px 6px rgba(0, 0, 0, 1); } .single .posted-on { margin-top: 10px; } .single main .entry-meta { padding-left: 5px; } /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } #secondary ul, #secondary ol, #tertiary ul, #tertiary ol, .entry-content-sidebar ul, .entry-content-sidebar ol { margin: 0 0 1em 0; padding: 0 0 1em 0; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* 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 .site-footer { display: block; } /*-------------------------------------------------------------- # 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 { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; 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; } /* =Navigation ----------------------------------------------- */ .site-main [class*="navigation"] { margin: 0 0 1.5em; overflow: hidden; clear: both; } .image-attachment .image-navigation { margin-top: 1em; } [class*="navigation"] .nav-previous { float: left; } [class*="navigation"] .nav-next { float: right; text-align: right; } [class*="navigation"] .nav-previous, [class*="navigation"] .nav-next { width: 45%; padding: 5px; background: #ececec; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } [class*="navigation"] .nav-previous:hover, [class*="navigation"] .nav-next:hover { background: #ececec; } /* =Comments ----------------------------------------------- */ .no-comments { clear: both; font-size: 12px; } .comment { font-size: 14px; line-height: 1.4em; padding: 10px; margin-bottom: 20px; } .comment-content a { word-wrap: break-word; } .comment-content p { margin: 8px 8px 8px 70px; line-height: 150%; } .bypostauthor { background-color: #F4F1EA; } ul.comment-list { list-style: none; margin: 0; padding-left: 5px; } .comment li { list-style: none; } .comments-area article { margin-bottom: 30px; } .comments-title { line-height: 1.5; font-size: 24px; margin-bottom: 15px; } .comment-reply-title { font-size: 24px !important; font-weight: normal; color: #c33921; line-height: 32px; padding-bottom: 12px; margin-bottom: 30px; width: 98%; border-bottom: 2px #c33921 solid; } .comment-metadata { /*float:right;*/ margin: 5px; } .comments-link { margin: 0 15px; } .comment-reply-link:before { font-family: FontAwesome; content: "\f112"; padding-right: 10px; } .comment-reply-link { font-size: larger; float: right; background-color: #fafafa; padding: 10px; } .reply a { text-decoration: none; } .avatar { float: left; margin: 0 20px 20px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } #author-description { font-size: 14px; background-color: #ececec; padding: 20px; min-height: 130px; margin-bottom: 30px; clear: both; } #author-description h2 { margin-top: 0; } span .author { margin-left: 6px; } .form-allowed-tags, .form-allowed-tags code { font-size: 12px; } .top-comments { float:right; margin-top: -10px; text-align: right; } /* =Widgets ----------------------------------------------- */ .widget { margin: 15px 10px; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } #secondary .widget li, #tertiary .widget li, .entry-content-sidebar li { border-top: 1px solid rgba(0, 0, 0, 0.1); } #secondary .widget li:first-child, #tertiary .widget li:first-child, .entry-content-sidebar li:first-child { border-top: none; } .widget ul, .widget ol, .entry-content-sidebar ul, .entry-content-sidebar ol { list-style: none; } .widget-title { font-family: sans-serif, Arial; font-size: 24px; line-height: 2.2; text-transform:uppercase; } .widget .children { margin-left: 10px; padding-left: 10px; } .widget-area .widget li { padding: 10px 10px 10px 12px; } .widget-area .widget li a:before { font-family: "FontAwesome"; position: absolute; content: "\f0da"; left: 12px; } .double-sidebar .widget-area { padding: 40px 5px 5px 5px; margin-top: 20px; } .widget-area-footer { padding: 0 30px; } footer aside.widget { width: 18.5%; max-width: 18.5%; float: left; margin-right: 6%; min-height: 200px; } footer aside.widget:last-of-type { margin-right: 0; } footer aside.widget ul, footer aside.widget ol { margin: 0px 0px 1.5em 1em; padding: 0 0 1em 0; } footer aside.widget li { list-style: disc outside none; } /* =Font Awesome ----------------------------------------------- */ .fa { font: normal normal normal 14px/1 FontAwesome; } .fa-link { margin: 0 15px; } a i.fa-link { text-decoration: none; } .entry-meta .fa-tags, .entry-meta .fa-pencil { margin-left: 15px; } .single .entry-meta .fa-tags, .single .entry-meta .fa-pencil, .single .entry-meta .fa-link { margin-left: 0; } .byline .fa-user { margin-right: 5px; } footer.entry-meta .fa-permalink a { text-decoration: none; margin-right: 15px; padding-left: 5px;} .edit-link a { color: #d26e6e; } /* =Misc ----------------------------------------------- */ .featured-image { max-width: 100%; overflow: hidden; clear: both; text-align: center; padding-bottom: 20px; max-width: 124% !important; margin-left: -90px; } .logo { margin: 10px 15px; } .site-info { clear: both; padding: 20px; text-align: center; font-size: small; } .site-info a { color: #fafafa; } .site-info p { font-weight: 800; } .format-gallery #secondary { display: none; } .pingback { line-height: 2.2; } #breadcrumbs { font-size: 14px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* Colors */ /* Conflicts with Customizer Site Background Color site { background: #f1f1f1; } */ .site-content { border-left: 1px solid #ccc; border-right: 1px solid #ccc; } .site-header, .site-footer { background-color: #ebf1e7; } .site-header { border-bottom: 1px solid #ccc; } .site-footer { border-top: 1px solid #ccc; } a, a:hover, a:visited, .comment-reply-title { color: #258A24; } .main-small-navigation a, .main-navigation a, .footer-navigation a, .site-footer a, .fa-bars, .entry-title, .entry-title a { color: #615A55; } .main-navigation li:hover > a, .site-footer, .main-navigation ul ul a:hover, .edit-link a { color: rgba(0, 0, 0, 0.5); } .main-navigation .current_page_parent > a { color: #cccccc; /* Nav bar link color for current menu item or ancestor */} .sub-menu { background-color: #ffffff; } .fa-calendar, .fa-user, .fa-comment, .fa-comment-o, .fa-comment a, .fa-folder-open, .fa-tags, .fa-link, .fa-link a { color: rgba(0, 0, 0, 0.3); } .fa-google-plus, .fa-facebook, .fa-twitter { color: #615A55; } .comment-reply-title { border-bottom: 2px #258A24 solid; } .entry-content-new h1 { color: #3c763d; } blockquote { background: rgba(235, 241, 231, 0.8); } /* =No Sidebar ----------------------------------------------- */ .no-sidebar #secondary { display: none; } .no-sidebar #primary { width: 100%; } /* =Left Sidebar ----------------------------------------------- */ .sidebar-left #primary { float: right; } .sidebar-left #secondary { float: left; padding-left: 5px; padding-right: 0px; margin-left: 20px; } /* =Page Templates ----------------------------------------------- */ #primary.no-sidebar-template { width: 100%; } #content.full-width-template { max-width: 100%; } .full-width-template .site-main { padding: 0; } .site-content .full-width-template { width: 100%; max-width: 100%; } #primary.full-width-template { width: 100%; } /* =Media Queries ----------------------------------------------- */ @media screen and (min-width: 1367px) { .sidebar-right .entry-content-new, .entry-content-new { padding: 30px; } .sidebar-left .entry-content-new { padding-left: 0; } } @media screen and (min-width: 980px) { .double-sidebar-narrow .site-content-inner { padding-right: 260px; } } @media screen and (max-width: 980px) { #tertiary {display:none;} .double-sidebar-narrow .site-content-inner, .left-sidebar .site-content-inner, .double-sidebar .site-content-inner { padding-right: 20px; } .right-sidebar .site-content-inner { padding-left: 20px; } .sidebar-left #secondary { padding-left: 20px; } .site-branding { margin: 0; } } /* =min-width: 769px ------------------- */ @media screen and (min-width: 769px) { .double-sidebar #primary { float: right; width: 100%; position: relative; max-width:680px; } .double-sidebar #secondary { float: left; margin-left: -320px; width: 310px; position: relative; } .double-sidebar-narrow #secondary { width: 220px; margin-left: -240px; } .double-sidebar #tertiary { float: right; margin-right: -250px; position: relative; right: -100%; width: 240px; } .double-sidebar-narrow #tertiary { margin-right: -260px; } .double-sidebar .site-content-inner { padding-left: 340px; padding-right: 280px; } .double-sidebar-narrow .site-content-inner { padding-right: 20px; padding-left: 250px; } } /* =max-width: 768px -------------------- */ @media screen and (max-width: 768px){ #primary { float:none; width: auto; } .sidebar-left #primary { float:none; } #secondary { float:none; width: auto; padding: 25px; max-width: 100%; } #tertiary { float:none; width: auto; padding: 25px; max-width: 100%; } .site-branding { width: 50%; max-width: 50% !important; margin: 0; float: left; } .mobile-menu { clear: both; float: none; padding-right: 0; min-width: inherit; position: relative; } .widget-area-footer { padding: 20px; } footer aside.widget { width: 94%; !important; max-width: 94%; float: none; min-height: 50px; height: auto; } .site-footer a { line-height: 2em !important; padding: 5px; } footer aside { padding-left: 15px; } .avatar { width: 40px; } .site-header { height: auto; } .widget-area .widget li a:before { left: 25px; } .entry-title, .entry-title a { font-size: 32px; } input[type="submit"] { width: 95%; } ul, ol { margin: 0 0 1.5em 2em; padding: 0; } ul { list-style-position: inside; } } .menu-toggle { display: none; cursor: pointer; } @media screen and (max-width: 768px) { body { font-size: 14px; } .menu-toggle, .main-navigation.toggled .nav-menu { display: block; } .navigation-wrap { text-align: right; margin: 0; transform: none; top: 2%; right: 2%; float: right; } .site-main { padding: 10px; } .main-navigation { padding-top: 0; display: none; } .main-navigation h1 { border-bottom: none; } .main-navigation.toggled { padding-top: 10px; clear: both; width: 100%; display: block; } .main-navigation li { float: none; padding: 0; margin: 0; } .entry-content-sidebar { display: none; } .toggled h1.menu-toggle { /* 0 */ } h1.button { padding: 5px; line-height: 1.2; font-weight: lighter; } .main-navigation ul ul li { display: none; } h1, h2, h3, h4, h5, h6 { line-height: 1.1; } .menu-toggle { display: block; background-color: rgba(0, 0, 0, 0); font-size: 0; border: 0 none; padding: 0; width: 34px; height: 31px; float: right; margin: 35px 20px 0 0; cursor: pointer; } .menu-toggle:before { display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 0; font-family: 'FontAwesome'; vertical-align: top; content: '\f0c9'; } .main-navigation ul { display: none; } .main-navigation.toggled ul { display: block; } .single main .entry-meta { padding: 10px 0; } .byline { margin-right: 5px; display: inline; } .fa-3x { font-size: 2em; } .featured-image { max-width: 100% !important; margin-left: 0; } }