/*
Theme Name: Tiny Forge
Theme URI: http://mtomas.com/1/tiny-forge-free-mobile-first-wordpress-theme
Author: Tomas Mackevicius
Author URI: http://mtomas.com
Description: Tiny Forge theme encompasses all the best features of the default WordPress themes in one place, adds more usability and code improvements and ensures fast start with very extensive documentation! It features elegant mobile-first HTML5 ready structure of Twenty Twelve, custom per-post headers and three footer widgets from Twenty Eleven (plus forth footer widget to insert your copyright information), icon webfont support from Elusive-Icons, Google Fonts support and Schema.org microdata format support. It's all there, you have everything in one neat package. Also you can upload your custom Header Logo to display it next to Site Title and Description. Along with the main theme you will find an example of a child theme - an easy way to start developing with child themes! Tiny Forge can be used as a learning tool or your own little web development "framework". With its unique "Coding Tips system" Tiny Forge helps to understand how to extend parent themes and build your own child themes, hacking them the way you want it. You get the best coding examples from default WordPress themes and the best hacks from the child theme. Please read readme.txt for a quick start guide, tips and tricks. IMPORTANT: Tiny Forge was succeeded by Tiny Framework theme, please use Tiny Framework for all new projects! For more information please see: https://wordpress.org/support/topic/important-use-tiny-framework-theme-for-all-new-projects
Version: 1.6.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: tinyforge
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.
*/
/* Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:
$rembase: 14;
$line-height: 24;
We use rem for: font-size, margin, padding, width, max-width when using in px.
---------- Examples
padding: 5px 0;
padding: 0.357142857rem 0; (5 / $rembase)
* Set a font-size and then set a line-height based on the font-size
font-size: 16px
font-size: 1.142857143rem; (16 / $rembase)
line-height: 1.5; ($line-height / 16)
---------- Vertical spacing
Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm:
.my-new-div {
margin: 24px 0;
margin: 1.714285714rem 0; ( 24 / $rembase )
}
---------- Further reading
http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/
Sizes in rem units for reference:
1px = 0.071428571rem
2px = 0.142857143rem
3px = 0.214285714rem
4px = 0.285714286rem
5px = 0.357142857rem
6px = 0.428571429rem
7px = 0.5rem
8px = 0.571428571rem
9px = 0.642857143rem
10px = 0.714285714rem
12px = 0.857142857rem
13px = 0.928571429rem
14px = 1rem
15px = 1.071428571rem
16px = 1.142857143rem
18px = 1.285714286rem
22px = 1.571428571rem
23px = 1.642857143rem
24px = 1.714285714rem
25px = 1.785714286rem
26px = 1.857142857rem
27px = 1.928571429rem
28px = 2rem
30px = 2.142857143rem
32px = 2.285714286rem
34px = 2.428571429rem
36px = 2.571428571rem
38px = 2.714285714rem
40px = 2.857142857rem
44px = 3.142857143rem
48px = 3.428571429rem
*/
/* Site colors
Green for icon-font: #8DC919
Green for blockquote: #6F9B17
Orange: #FC9F00
Brown: #71502f
Body text color: #333
Headers: #333
Content links:
Link: #0066cc
Visited: #800080
Hover, active: #FC9F00
Entry title:
Link, visited: #000
Hover, active: #FC9F00
Entry headers:
Link, visited: #333
Hover, active: #FC9F00
Meta, comments links:
Link, visited: #555
Hover, active: #FC9F00
Sidebar and footer links:
Link: #555
Visited: #555
Hover, active: #FC9F00
Current and parent categories: #FC9F00
*/
/* Table of Contents:
*
* 1.0 - Reset
* 1.1 - Clearing floats
* 2.0 - Repeatable Patterns
* 2.1 - Small headers
* 2.2 - Shared Post Format styling
* 2.3 - Form fields, general styles first
* 2.4 - Reset non-text input types
* 2.5 - Buttons
* 2.6 - Responsive images
* 2.7 - Images
* 2.8 - Navigation
* 2.9 - Author profiles
* 2.10 - Alerts
* 3.0 - Site Structure
* 3.1 - Body, links, basics
* 3.2 - Assistive text
* 3.3 - Page structure
* 3.4 - Header
* 3.4.1 - Site Header
* 3.4.2 - Navigation
* 3.4.3 - Banner
* 3.5 - Sidebar
* 3.6 - Footer
* 4.0 - Main content and comment content
* 5.0 - Archives
* 6.0 - Attachment views
* 6.1 - Single audio/video attachment view
* 6.2 - Single image attachment view
* 7.0 - Post formats
* 7.1 - Aside post format
* 7.2 - Image posts
* 7.3 - Link posts
* 7.4 - Quote posts
* 7.5 - Status posts
* 8.0 - Comments
* 8.1 - Comment form
* 8.2 - Custom styles for Schema.org microdata format support implementation
* 9.0 - Page templates
* 9.1 - Front page template
* 9.2 - Links (blogroll) template
* 10.0 - Widgets
* 11.0 - Plugins
* 12.0 - Media queries
* 12.1 - Minimum width of 770 pixels
* 12.2 - Minimum width of 960 pixels
* 12.3 - Minimum width of 1250 pixels
* 12.4 - Retina-specific styles. This style cannot be processed by LESS
* 13.0 - Print
* 13.1 - Comments
* 14.0 - Other styles
* 14.1 - Tip23 - Properly resize videos, inserted with oembed
* 14.2 - Elusive-icons webfont
* 14.3 - Other styles
* ----------------------------------------------------------------------------
*/
/* 1.0 Reset
-------------------------------------------------------------- */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 24px;
margin-bottom: 1.714285714rem;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
small {
font-size: smaller;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
/* 1.1 Clearing floats */
.clear {
*zoom: 1;
}
.clear:after,
#main:after,
.gallery:after,
.format-status .entry-header:after {
clear: both;
}
.clear:before,
.clear:after,
#main:before,
#main:after,
.gallery:before,
.gallery:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
display: table;
content: "";
line-height: 0;
}
/* 2.0 Repeatable patterns
-------------------------------------------------------------- */
/* 2.1 Small headers */
.archive-title,
.page-title,
.entry-content th,
.comment-content th {
font-size: 27px;
font-size: 1.928571428rem;
font-weight: normal;
line-height: 1.4;
text-transform: uppercase;
color: #333;
}
.archive-title,
.search-results .page-title {
color: #8DC919;
}
.widget-title {
font-size: 27px;
font-size: 1.928571428rem;
font-weight: normal;
line-height: 1.4;
text-transform: uppercase;
color: #FC9F00;
}
/* 2.2 Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
}
/* 2.3 Form fields, general styles first */
button,
input,
select,
textarea {
border: 1px solid #ccc;
border-radius: 3px;
font-family: inherit;
padding: 6px;
padding: 0.428571429rem;
}
button,
input {
line-height: normal;
}
textarea {
font-size: 100%;
overflow: auto;
vertical-align: top;
}
/* Tip83 - Make focused input fields glow - from Twitter Bootstrap */
textarea:focus,
input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/* 2.4 Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border: 0;
border-radius: 0;
padding: 0;
}
/* 2.5 Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
padding: 6px 10px;
padding: 0.428571429rem 0.714285714rem;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 1.428571429;
font-weight: normal;
color: #7c7c7c;
background-color: #e6e6e6;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: 1px solid #d2d2d2;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
-moz-box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
color: #5e5e5e;
background-color: #ebebeb;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
color: #757575;
background-color: #e1e1e1;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
background-image: linear-gradient(top, #ebebeb, #e1e1e1);
-webkit-box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
-moz-box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
border-color: transparent;
}
.bypostauthor cite span {
color: #fff;
background-color: #21759b;
background-image: none;
border: 1px solid #1f6f93;
border-radius: 2px;
box-shadow: none;
padding: 0;
}
/* Twitter Bootstrap style button */
.btn {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
text-indent: 0;
*background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #cccccc;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc \9;
}
.btn:first-child {
*margin-left: 0;
}
.btn:hover,
.btn:focus {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-large {
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px;
}
.btn-small {
padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
margin-top: -1px;
}
.btn-mini {
padding: 0 6px;
font-size: 10.5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color: #0044cc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cc #0044cc #002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
color: #fff !important;
background-color: #0044cc;
*background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
background-color: #003399 \9;
}
/* Find more custom Twitter BootStrap style button examples at http://charliepark.org/bootstrap_buttons/ */
.btn-custom {
background-color: hsl(200, 100%, 30%) !important; /* blue color */
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a9ff", endColorstr="#006599");
background-image: -khtml-gradient(linear, left top, left bottom, from(#00a9ff), to(#006599));
background-image: -moz-linear-gradient(top, #00a9ff, #006599);
background-image: -ms-linear-gradient(top, #00a9ff, #006599);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a9ff), color-stop(100%, #006599));
background-image: -webkit-linear-gradient(top, #00a9ff, #006599);
background-image: -o-linear-gradient(top, #00a9ff, #006599);
background-image: linear-gradient(#00a9ff, #006599);
border-color: #006599 #006599 hsl(200, 100%, 25%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn-custom-orange {
background-color: hsl(33, 100%, 39%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fea02d", endColorstr="#c66d00");
background-image: -khtml-gradient(linear, left top, left bottom, from(#fea02d), to(#c66d00));
background-image: -moz-linear-gradient(top, #fea02d, #c66d00);
background-image: -ms-linear-gradient(top, #fea02d, #c66d00);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fea02d), color-stop(100%, #c66d00));
background-image: -webkit-linear-gradient(top, #fea02d, #c66d00);
background-image: -o-linear-gradient(top, #fea02d, #c66d00);
background-image: linear-gradient(#fea02d, #c66d00);
border-color: #c66d00 #c66d00 hsl(33, 100%, 34%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn-custom-red {
background-color: hsl(0, 100%, 30%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#990000");
background-image: -khtml-gradient(linear, left top, left bottom, from(#ff0000), to(#990000));
background-image: -moz-linear-gradient(top, #ff0000, #990000);
background-image: -ms-linear-gradient(top, #ff0000, #990000);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0000), color-stop(100%, #990000));
background-image: -webkit-linear-gradient(top, #ff0000, #990000);
background-image: -o-linear-gradient(top, #ff0000, #990000);
background-image: linear-gradient(#ff0000, #990000);
border-color: #990000 #990000 hsl(0, 100%, 25%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn-custom-green {
background-color: hsl(110, 100%, 24%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#25e000", endColorstr="#147a00");
background-image: -khtml-gradient(linear, left top, left bottom, from(#25e000), to(#147a00));
background-image: -moz-linear-gradient(top, #25e000, #147a00);
background-image: -ms-linear-gradient(top, #25e000, #147a00);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #25e000), color-stop(100%, #147a00));
background-image: -webkit-linear-gradient(top, #25e000, #147a00);
background-image: -o-linear-gradient(top, #25e000, #147a00);
background-image: linear-gradient(#25e000, #147a00);
border-color: #147a00 #147a00 hsl(110, 100%, 19%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.btn-custom-black {
background-color: hsl(0, 0%, 16%) !important;
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5b5b5b", endColorstr="#282828");
background-image: -khtml-gradient(linear, left top, left bottom, from(#5b5b5b), to(#282828));
background-image: -moz-linear-gradient(top, #5b5b5b, #282828);
background-image: -ms-linear-gradient(top, #5b5b5b, #282828);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #282828));
background-image: -webkit-linear-gradient(top, #5b5b5b, #282828);
background-image: -o-linear-gradient(top, #5b5b5b, #282828);
background-image: linear-gradient(#5b5b5b, #282828);
border-color: #282828 #282828 hsl(0, 0%, 11%);
color: #fff !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a.btn,
.btn a {
text-decoration: none;
}
/* 2.6 Responsive images */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image,
.post-thumbnail img {
max-width: 100%;
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; /* Override the Twitter embed fixed width */
}
/* 2.7 Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
figure.wp-caption.alignleft,
.wp-caption.alignleft {
margin: 12px 24px 12px 0;
margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright,
figure.wp-caption.alignright,
.wp-caption.alignright {
margin: 12px 0 12px 24px;
margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter,
.wp-caption.aligncenter {
clear: both;
margin-top: 24px;
margin-top: 1.714285714rem;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border-radius: 3px;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
/* Tip06 - Custom headers for posts and pages. Uncomment following CSS rules to disable border and shadow on main header: */
/*
img.header-image,
.site-header img.wp-post-image {
border-radius: 0;
box-shadow: none;
}
*/
/* Tip12 - Uncomment following CSS rules to have classic Twenty Twelve front page look - disable header image for the Front Page Templ.: */
/*
.template-front-page img.header-image,
.template-front-page .site-header img.wp-post-image {
display: none;
}
*/
.wp-caption {
padding: 4px;
padding: 0.285714286rem;
}
.wp-caption .wp-caption-text {
padding-right: 10px;
padding-right: 0.714285714rem;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-style: italic;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.7;
color: #505050;
}
div.wp-caption.alignright img[class*="wp-image-"],
figure.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text,
figure.alignright .wp-caption-text {
padding-left: 0;
padding-right: 0;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Tip24 - .no-border CSS class - use it in case you need to display an image without any borders or shadows, include "no-border" class for the desired post image */
#content .no-border,
.widget-area .no-border {
border: 0;
border-radius: 0;
box-shadow: none;
}
/* Gallery */
.gallery {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.gallery-item {
float: left;
position: relative;
width: 100%;
display: inline-block;
margin-right: 4px;
margin-right: 0.285714286rem;
margin-bottom: 7px;
margin-bottom: 0.5rem;
overflow: hidden;
text-align: center;
vertical-align: top;
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1 .gallery-item {
float: none;
max-width: 100%;
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
}
.gallery-columns-2 .gallery-item {
max-width: 48%; /* fallback if needed */
max-width: -webkit-calc(50% - 4px); /* -4px for the margin-right of .gallery-item */
max-width: calc(50% - 4px);
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
}
.gallery-columns-3 .gallery-item {
max-width: 32%; /* fallback if needed */
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
}
.gallery-columns-4 .gallery-item {
max-width: 23%; /* fallback if needed */
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%; /* fallback if needed */
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%; /* fallback if needed */
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%; /* fallback if needed */
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%; /* fallback if needed */
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%; /* fallback if needed */
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1),
.gallery-columns-4.gallery-size-thumbnail figure.gallery-item:nth-of-type(4n+1),
.gallery-columns-5.gallery-size-thumbnail figure.gallery-item:nth-of-type(5n+1),
.gallery-columns-6.gallery-size-thumbnail figure.gallery-item:nth-of-type(6n+1),
.gallery-columns-7.gallery-size-thumbnail figure.gallery-item:nth-of-type(7n+1) {
clear: left;
}
.gallery .gallery-icon {
max-width: 100%;
}
.gallery .gallery-icon img {
border: 1px solid #fff;
margin: 5px 3px 7px 3px;
margin: 0.357142857rem 0.214285714rem 0.5rem 0.214285714rem;
vertical-align: middle;
max-width: 100%;
}
.gallery .gallery-icon img:hover {
-webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.45);
-moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.45);
box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.45);
}
/* Gallery image size for mobile devices is optimized for a minimum screen width of 480px */
/* Gallery image size for wider screens can be set in Media Queries - see style.css section 12.0 */
.gallery-columns-1 .gallery-icon img {
max-width: 100%;
}
.gallery-columns-2 .gallery-icon img {
max-width: 100%;
}
.gallery-columns-3 .gallery-icon img {
max-width: 90%;
}
.gallery-columns-4 .gallery-icon img {
max-width: 88%;
}
.gallery-columns-5 .gallery-icon img {
max-width: 85%;
}
.gallery-columns-6 .gallery-icon img {
max-width: 80%;
}
.gallery-columns-7 .gallery-icon img {
max-width: 80%;
}
.gallery-columns-8 .gallery-icon img {
max-width: 75%;
}
.gallery-columns-9 .gallery-icon img {
max-width: 75%;
}
/* Do not display captions for very small gallery thumbnails */
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-caption {
margin-bottom: 4px;
margin-bottom: 0.285714286rem;
}
.gallery-caption a {
display: inline;
}
/* 2.8 Navigation */
.site-content nav {
clear: both;
line-height: 2;
overflow: hidden;
}
#nav-above {
padding: 24px 0;
padding: 1.714285714rem 0;
}
#nav-above {
display: none;
}
.paged #nav-above {
display: block;
}
#nav-below {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
}
.nav-previous,
.previous-image {
float: left;
width: 50%;
}
.nav-next,
.next-image {
float: right;
text-align: right;
width: 50%;
}
.nav-previous a:link,
.nav-previous a:visited,
.nav-next a:link,
.nav-next a:visited {
color: #FC9F00;
text-decoration: none;
font-weight: bold;
}
.nav-previous a:hover,
.nav-previous a:active,
.nav-next a:hover,
.nav-next a:active {
text-decoration: underline;
}
.nav-single + .comments-area,
#comment-nav-above {
margin: 48px 0;
margin: 3.428571429rem 0;
}
/* Tip27 - Uncomment next code line to disable "previous article - next article" navigation below the content of a post */
/*
.nav-single {
display: none;
}
*/
/* 2.9 Author profiles */
.author .archive-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.author-info {
border-top: 1px solid #ededed;
margin: 24px 0;
margin: 1.714285714rem 0;
padding-top: 24px;
padding-top: 1.714285714rem;
overflow: hidden;
}
.author-description p {
color: #757575;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.author.archive .author-info {
border-top: 0;
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
margin-top: 0;
}
/* 2.10 Alerts */
/* Twitter Bootstrap style alerts. Usage: http://getbootstrap.com/components/#alerts */
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
/* 3.0 Site structure
-------------------------------------------------------------- */
/* 3.1 Body, links, basics */
html {
font-size: 87.5%;
}
/* Tip22 - Improve font rendering and fallback in Linux - http://www.onedesigns.com/tutorials/font-families-for-cross-compatible-typography */
body {
/* Improving font rendering in Linux, in case default Open Sans font is disabled */
font-size: 14px;
font-size: 1rem;
font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
text-rendering: optimizeLegibility;
color: #333;
}
body.custom-font-enabled {
/* Improving font fallback in Linux */
font-family: "Open Sans", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
a,
a:link {
outline: none;
color: #0066cc;
}
a:visited {
color: #800080;
}
a:hover,
a:active,
a:focus {
color: #FC9F00;
}
a:hover,
a:active {
outline: 0;
}
a:focus {
outline: thin dotted;
}
/* 3.2 Assistive text */
.assistive-text,
.site .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
overflow: hidden;
position: absolute !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 1rem;
font-weight: bold;
height: auto;
line-height: normal;
padding: 15px 23px 14px;
padding: 1.071428571rem 1.642857143rem 1rem;
position: absolute;
left: 5px;
top: 5px;
text-decoration: none;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active {
background: #fff;
border: 2px solid #333;
border-radius: 3px;
clip: auto !important;
color: #000;
display: block;
font-size: 12px;
padding: 12px;
position: absolute;
top: 5px;
left: 5px;
z-index: 100000; /* Above WP toolbar */
}
/* 3.3 Page structure */
.site {
padding: 0 24px;
padding: 0 1.714285714rem;
background-color: #fff;
}
.site-content {
margin: 24px 0 0;
margin: 1.714285714rem 0 0;
}
.widget-area {
margin: 24px 0 0;
margin: 1.714285714rem 0 0;
}
/* 3.4 Header */
/* Tip04 - Reminder to enable JavaScript */
#no-javascript {
font-weight: bold;
color: #fff;
text-align: center;
padding: 5px 0;
padding: 0.357142857rem 0;
background-color: #ff0000;
}
/* 3.4.1 Site Header */
.site-header {
padding: 0;
}
/* Theme Options - Site Header Logo */
#site-logo {
display: none;
}
#site-logo-image {
}
#site-title-wrapper {
float: none;
padding-top: 12px;
padding-top: 0.857142857rem;
}
.site-header h1,
.site-header h2 {
text-align: center;
}
.site-header h1 a,
.site-header h2 a {
color: #515151;
display: inline-block;
text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
color: #21759b;
}
.site-header h1 {
font-size: 24px;
font-size: 1.714285714rem;
line-height: 1.285714286;
margin-bottom: 14px;
margin-bottom: 1rem;
}
.site-header h2 {
font-weight: normal;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #757575;
}
img.header-image,
.site-header img.wp-post-image {
margin-top: 24px;
margin-top: 1.714285714rem;
}
/* 3.4.2 Navigation Menu */
/* Small (mobile) menu */
/* From Expound css/reset.css */
.main-navigation .menu-toggle {
display: none;
cursor: pointer;
}
.main-navigation ul {
display: none;
}
/* From Expound css/expound.css */
.site-header .menu-toggle {
background: #3a3a3a;
color: white;
font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
padding: 10px 22px;
padding: 0.714285714rem 1.571428571rem;
margin: 24px 0 0 0;
margin: 1.714285714rem 0 0 0;
}
.site-header .menu-toggle:hover,
.site-header .menu-toggle:focus {
background: #474747;
}
.site-header .menu-toggle:before {
content: '\2261';
font-size: 14px;
margin-right: 10px;
margin-right: 0.714285714rem;
}
.main-navigation .menu-toggle,
.main-navigation.toggled .nav-menu {
display: block;
}
.main-navigation > ul {
display: none;
}
.main-navigation ul ul {
display: block;
}
.main-navigation.toggled .menu-toggle {
background: #474747;
}
.main-navigation.toggled ul {
margin: 0;
list-style: none;
}
.main-navigation.toggled li {
float: none;
}
.main-navigation.toggled a {
display: block;
color: white;
padding: 10px 40px;
padding: 0.714285714rem 2.857142857rem;
text-decoration: none;
}
.main-navigation.toggled a::after {
border-style: none !important;
}
.main-navigation.toggled li a {
display: block;
float: none;
background: #3a3a3a;
}
.main-navigation.toggled li a:hover {
background: #474747;
}
.main-navigation.toggled ul ul,
.main-navigation.toggled ul ul ul {
position: static;
left: 0;
top: 0;
margin: 0;
padding: 0;
float: none;
}
.main-navigation.toggled ul ul a {
padding-left: 60px;
padding-left: 4.285714286rem;
width: auto;
}
.main-navigation.toggled ul ul ul a {
padding-left: 80px;
padding-left: 5.714285714rem;
width: auto;
}
.main-navigation.toggled ul > .current_page_item > a,
.main-navigation.toggled ul > .current-menu-item > a {
background: #117bb8;
}
/* 3.4.3 Banner */
section[role="banner"] {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
}
/* 3.5 Sidebar */
.widget-area .widget {
word-break: normal;
word-break: break-word; /* Non standard for webkit */
word-wrap: break-word;
-ms-word-wrap: break-word; /* For IE8 */
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
color: #555;
}
.widget-area .widget h3 {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.widget-area .widget li {
list-style: none;
color: #555;
}
.widget-area .widget p {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
list-style: disc outside;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
margin-left: 36px;
margin-left: 2.571428571rem;
}
.widget-area #s {
width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}
.widget-area aside.widget_categories ul {
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
}
.widget-area aside.widget_categories ul li {
font-size: 18px;
font-size: 1.285714286rem;
text-transform: uppercase;
}
.widget-area aside.widget_categories ul ul li {
list-style: square;
font-size: 13px;
font-size: 0.928571429rem;
font-weight: normal;
margin-left: 10px;
margin-left: 0.714285714rem;
text-transform: none;
}
.widget-area .widget a,
.widget-area .widget a:link,
.widget-area .widget a:visited,
.widget-area .widget_categories a,
.widget-area .widget_categories a:link,
.widget-area .widget_categories a:visited,
.widget-area .textwidget a,
.widget-area .textwidget a:link,
.widget-area .textwidget a:visited {
color: #555;
text-decoration: none;
}
.widget-area .widget a:hover,
.widget-area .widget a:active {
color: #FC9F00;
text-decoration: underline;
}
.widget-area .widget .children li.cat-item a:hover,
.widget-area .widget .children li.page_item a:hover,
.widget-area .widget .current-cat-parent a:link,
.widget-area .widget .current-cat-parent a:visited,
.widget-area .widget .current_page_parent a:link,
.widget-area .widget .current_page_parent a:visited {
color: #FC9F00;
}
.widget-area .widget .current-cat .cat-item a:link,
.widget-area .widget .current-cat .cat-item a:visited,
.widget-area .widget .current-cat-parent .cat-item a:link,
.widget-area .widget .current-cat-parent .cat-item a:visited,
.widget-area .widget .current_page_item .page_item a:link,
.widget-area .widget .current_page_item .page_item a:visited,
.widget-area .widget .current_page_parent .page_item a:link,
.widget-area .widget .current_page_parent .page_item a:visited {
color: #555;
}
.widget-area .widget .current-cat-parent .current-cat,
.widget-area .widget .current-cat-parent .current-cat a:link,
.widget-area .widget .current-cat-parent .current-cat a:visited,
.widget-area .widget .current_page_parent .current_page_item,
.widget-area .widget .current_page_parent .current_page_item a:link,
.widget-area .widget .current_page_parent .current_page_item a:visited,
.widget-area .widget .current-cat,
.widget-area .widget .current-cat a:link,
.widget-area .widget .current-cat a:visited,
.widget-area .widget .current_page_item,
.widget-area .widget .current_page_item a:link,
.widget-area .widget .current_page_item a:visited {
color: #FC9F00;
}
/* Tip51 - Show children items of sidebar category/page menu for selected parent category/page only. Change to display: block; if you don't to hide menu children. */
.widget-area .widget li.cat-item ul.children {
display: none;
}
.widget-area .widget li.current-cat ul.children,
.widget-area .widget li.current-cat-parent ul.children {
display: block;
}
/* Show children items of sidebar page menu for selected parent page only. Change to display: block; if you don't to hide menu children. */
.widget-area .widget li.page_item ul.children {
display: none;
}
.widget-area .widget li.current_page_item ul.children,
.widget-area .widget li.current_page_parent ul.children {
display: block;
}
.widget-area .widget ul li {
text-indent: 0; /* Because of the default icon webfont ul formatting */
}
/* Protecting select field from overflow */
.widget-area .widget select,
.widget-area .widget option {
width: auto;
max-width: 100%;
overflow: hidden;
}
/* 3.6 Footer */
footer[role="contentinfo"] {
border-top: 1px solid #ededed;
clear: both;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
max-width: 960px;
max-width: 68.571428571rem;
margin-top: 5px;
margin-top: 0.357142857rem;
margin-left: auto;
margin-right: auto;
padding: 12px 0 24px 0;
padding: 0.857142857rem 0 1.714285714rem 0;
}
footer[role="contentinfo"] a {
color: #333;
}
footer[role="contentinfo"] a:hover {
color: #FC9F00;
}
footer#colophon {
background: #fff;
/* Old browsers */
/* IE10 Consumer Preview */
background-image: -ms-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
/* Mozilla Firefox */
background-image: -moz-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
/* Opera */
background-image: -o-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #fbfbfb), color-stop(1, #ffffff));
/* Webkit (Chrome 11+) */
background-image: -webkit-radial-gradient(center top, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
/* W3C Markup, IE10 Release Preview */
background-image: radial-gradient(circle closest-corner at center top, #fbfbfb 0%, #ffffff 100%);
}
/* Four footer widget areas. Additional styles at 12.0 Media queries */
footer .widget-area .textwidget li {
margin-left: 0;
padding-bottom: 0;
}
.template-front-page #footer-widgets {
padding-top: 0;
}
#footer-widgets {
width: 100%;
border-top: none;
margin-bottom: 10px;
margin-bottom: 0.714285714rem;
}
#footer-widgets.three #footer-widget-left,
#footer-widgets.three #footer-widget-middle,
#footer-widgets.three #footer-widget-right {
width: 100%;
float: none;
padding-left: 0;
padding-right: 0;
padding-top: 1em;
}
#footer-widgets .widget li,
.widget_recent_entries li,
.widget_recent_comments li {
list-style-type: none;
color: #555;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
#footer-widgets a,
#footer-widgets a:link,
#footer-widgets a:visited {
color: #555;
text-decoration: none;
}
#footer-widgets a:hover,
#footer-widgets a:active {
color: #FC9F00;
text-decoration: underline;
}
#copyright-widget,
#copyright-widget li.widget,
#copyright-widget li.widget div {
display: inline;
}
#copyright-widget li {
margin-left: 0;
padding-bottom: 0;
list-style-type: none;
}
#copyright-widget a,
#copyright-widget a:link,
#copyright-widget a:visited {
text-decoration: underline;
}
#site-info, #site-generator {
font-family: Verdana, Helvetica, "Nimbus Sans L", sans-serif;
font-size: 10px;
font-size: 0.714285714rem;
font-weight: normal;
}
#site-info {
clear: both; /* Because footer widgets */
width: 100%;
max-width: 750px;
max-width: 53.571428571rem;
float: left;
}
/* Tip61 - Discreet link to WordPress Admin panel in the footer */
#site-admin-link a:link,
#site-admin-link a:visited {
color: #777;
text-decoration: none;
padding: 0 2px 1px 2px;
padding: 0 0.142857143rem 0.071428571rem 0.142857143rem;
border: 1px solid #777;
}
#site-admin-link a:hover,
#site-admin-link a:active {
color: #fff;
background-color: #b0b0b0;
}
#site-info, #site-generator {
font-size: 14px; /* Make tap targets larger to provide a better user experience on mobile devices. */
font-size: 1rem;
}
#site-generator {
width: 100%;
max-width: 200px;
max-width: 14.285714286rem;
float: right;
text-align: right;
}
#site-generator a:link,
#site-generator a:visited {
color: #333;
text-decoration: none;
}
#site-generator a:hover {
color: #FC9F00;
text-decoration: underline;
}
/* Tip63 - Uncomment following CSS rules to have classic Twenty Twelve front page look - disable footer widgets for the Front Page Templ.: */
/*
.template-front-page #footer-widgets {
display: none;
}
*/
/* 4.0 Main content and comment content
-------------------------------------------------------------- */
.entry-meta {
clear: both;
}
.entry-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
font-size: 22px;
font-size: 1.571428571rem;
font-weight: bold;
line-height: 1.45;
color: #333;
}
.entry-header .entry-title a {
text-decoration: none;
color: #333;
}
.entry-header .entry-title a:hover {
color: #FC9F00;
}
.entry-header .entry-format {
margin-top: 24px;
margin-top: 1.714285714rem;
font-weight: normal;
}
.entry-header .entry-meta,
.entry-header .title-comment-meta,
.entry-header .comments-link {
margin-top: 12px;
margin-top: 0.857142857rem;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #555;
}
.entry-meta .comments-link {
display: inline-block;
}
.comments-link a,
.entry-meta a {
color: #555;
text-decoration: none;
}
.comments-link a:hover,
.entry-meta a:hover {
color: #FC9F00;
}
/* Tip26b - Comment out next CSS rule to Print HTML bellow post title with meta information (date/time and author) for the index/archive views in MOBILE view */
.home .entry-header .entry-meta,
.archive .entry-header .entry-meta {
display: none;
}
footer.entry-meta {
color: #555;
margin-top: 24px;
margin-top: 1.714285714rem;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
/* Tip30 - Uncomment next CSS block to hide entry meta section, located below the post (with author, categories, tags) in the Index page and archive listings. */
/*
.home footer.entry-meta,
.archive footer.entry-meta {
display: none;
}
.site-content article {
padding-bottom: 12px!important;
padding-bottom: 0.857142857rem!important;
}
*/
/* Tip34 - Display author info card at the bottom of posts on a single author website. To make these rules work you should enable it in Tip34 of functions.php */
.single-author .entry-meta .by-author {
display: inline;
}
.entry-header .title-comment-meta {
vertical-align: middle;
}
article.sticky .featured-post {
font-size: 27px;
font-size: 1.928571428rem;
line-height: 1.4;
font-weight: normal;
text-transform: uppercase;
color: #8DC919;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
padding-bottom: 22px;
padding-bottom: 1.571428571rem;
border-bottom: 1px solid #ededed;
}
.entry-content,
.entry-summary,
.mu_register {
line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
margin: 24px 0;
margin: 1.714285714rem 0;
line-height: 1.714285714;
color: #333;
font-weight: normal;
}
.entry-content h1,
.comment-content h1 {
font-size: 23px;
font-size: 1.642857143rem;
line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
font-size: 23px;
font-size: 1.642857143rem;
line-height: 1.5;
}
.mu_register h2 {
color: #757575;
font-weight: normal;
}
.entry-content h3,
.comment-content h3 {
font-size: 18px;
font-size: 1.285714286rem;
line-height: 1.6;
font-weight: bold;
}
.entry-meta h3 {
color: #333;
margin: 24px 0;
margin: 1.714285714rem 0;
font-size: 18px;
font-size: 1.285714286rem;
line-height: 1.6;
}
.entry-content h4,
.comment-content h4 {
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.846153846;
font-weight: bold;
}
.entry-content h5,
.comment-content h5 {
font-size: 14px;
font-size: 1rem;
line-height: 1.846153846;
font-weight: bold;
}
.entry-content h6,
.comment-content h6 {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
font-weight: bold;
}
/* Use larger font for posts and pages */
.singular .entry-content {
font-size: 16px;
font-size: 1.142857143rem;
}
/* Use regular (smaller) font size for pages that use Front Page Template */
.template-front-page .page .entry-content {
font-size: 14px;
font-size: 1rem;
}
.single .entry-content p,
.single .entry-summary p,
.single .comment-content p,
.single .mu_register p,
.page .entry-content p,
.page .comment-content p {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.8;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
}
.entry-content a:visited,
.comment-content a:visited {
color: #800080;
}
.entry-content a:hover,
.comment-content a:hover {
color: #FC9F00;
}
/* Tip25 - Mark the links that will open in a new window with special icon, usually these are the links to external resources */
/* To disable it, just delete this CSS block. To disable it in child themes, please search for Tip25b in child theme's style.css */
.entry-content a[target=_blank] {
/* display: inline-block; */
padding-right: 16px;
padding-right: 1.142857143rem;
background: transparent center right no-repeat;
background-image: url('images/icon-external-link.png');
}
/* Tip25c - Disable special icon, that marks the links that will open in a new window for an individual link.
* Use for the desired link: Link text
*/
a.no-link-icon {
background: none!important;
padding-right: 0!important;
}
.entry-content .more-link {
white-space: nowrap;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
margin: 12px 0 12px 0;
margin: 0.857142857rem 0 0.857142857rem 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
margin: 0 0 0 36px;
margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
padding: 24px 0 24px 48px;
padding: 1.714285714rem 0 1.714285714rem 3.428571429rem;
color: #6F9B17;
font-size: 18px;
font-size: 1.285714286rem;
font-style: normal;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
margin-bottom: 0;
}
.comment-content blockquote {
margin-bottom: 12px;
margin-bottom: 0.857142857rem;
padding: 12px 0 12px 34px;
padding: 0.857142857rem 0 0.857142857rem 2.428571429rem;
color: #777;
font-size: 15px;
font-size: 1.071428571rem;
font-style: normal;
}
.entry-content code,
.comment-content code,
.entry-content pre,
.comment-content pre {
padding: 0 3px 2px;
padding: 0 0.214285714rem 0.142857143rem;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 12px;
font-size: 0.857142857rem;
color: #333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.entry-content code,
.comment-content code {
line-height: 2;
padding: 2px 4px;
padding: 0.142857143rem 0.285714286rem;
color: #d14;
white-space: nowrap;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
.entry-content pre,
.comment-content pre {
border: 1px solid #ededed;
color: #666;
background-color: #f5f5f5;
line-height: 1.714285714;
display: block;
overflow: auto;
margin: 24px 0;
margin: 1.714285714rem 0;
padding: 24px;
padding: 1.714285714rem;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.entry-content pre code,
.comment-content pre code {
display: block;
padding: 0;
color: inherit;
white-space: pre;
white-space: pre-wrap;
background-color: transparent;
border: 0;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
.entry-content address,
.comment-content address {
display: block;
line-height: 1.714285714;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.entry-content cite {
font-size: 100%;
}
.entry-content blockquote cite {
font-size: 85%;
}
.entry-content dl,
.comment-content dl {
margin: 0 24px;
margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
font-weight: bold;
line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
border-bottom: 1px solid #ededed;
color: #757575;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
width: 100%;
}
.entry-content table caption,
.comment-content table caption {
font-size: 16px;
font-size: 1.142857143rem;
margin: 24px 0;
margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
.site-content article {
word-break: normal;
word-break: break-word; /* Non standard for webkit */
word-wrap: break-word;
-ms-word-wrap: break-word; /* For IE8 */
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
border-bottom: 4px double #ededed;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
/* margin-bottom: 72px;
margin-bottom: 5.142857143rem; */
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
}
/* Tip33 - Enable hyphenation of text for article */
/*
.site-content article {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
*/
.page-links {
clear: both;
line-height: 1.714285714;
}
/* Tip21 - Icon webfont support implementation and examples */
.entry-content blockquote p:first-child:before,
.comment-content blockquote p:first-child:before {
padding-right: 10px;
padding-right: 0.714285714rem;
content: "\e65b"; /* el-icon-quotes */
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: bottom;
}
.entry-content blockquote p:first-child:before {
color: #8DC919;
margin-left: -48px;
margin-left: -3.428571429rem;
font: normal 36px/1 'Elusive-Icons';
}
.comment-content blockquote p:first-child:before {
color: #8f8f8f;
margin-left: -34px;
margin-left: -2.428571429rem;
font: normal 24px/1 'Elusive-Icons';
}
.entry-content {
text-align: justify;
}
/* Remove content bottom border for a single page, attachement page and for the last post in archive view listing */
.site-content article:last-child,
.page .site-content article,
.attachment .site-content article {
border-bottom: 0px;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
background-image: none!important;
}
.archive .site-content article,
.category .site-content article,
.singular .site-content article,
.blog .site-content article,
.search-results .site-content article {
background: #fff;
/* Old browsers */
/* IE10 Consumer Preview */
background-image: -ms-radial-gradient(center bottom, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
/* Mozilla Firefox */
background-image: -moz-radial-gradient(center bottom, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
/* Opera */
background-image: -o-radial-gradient(center bottom, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 487, color-stop(0, #fbfbfb), color-stop(1, #ffffff));
/* Webkit (Chrome 11+) */
background-image: -webkit-radial-gradient(center bottom, circle closest-corner, #fbfbfb 0%, #ffffff 100%);
/* W3C Markup, IE10 Release Preview */
background-image: radial-gradient(circle closest-corner at center bottom, #fbfbfb 0%, #ffffff 100%);
}
/* 5.0 Archives
-------------------------------------------------------------- */
.archive-header,
.page-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
padding-bottom: 22px;
padding-bottom: 1.571428571rem;
border-bottom: 1px solid #ededed;
}
.archive-header a,
.archive-header a:link,
.archive-header a:visited {
color: #0066cc;
text-decoration: underline;
}
.archive-header a:hover,
.archive-header a:active {
color: #FC9F00;
text-decoration: underline;
}
.archive-meta {
color: #555;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
margin-top: 22px;
margin-top: 1.571428571rem;
}
/* 6.0 Attachment views
-------------------------------------------------------------- */
/* 6.1 Single audio/video attachment view */
.attachment .entry-content .mejs-audio {
max-width: 400px;
}
.attachment .entry-content .mejs-container {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
/* 6.2 Single image attachment view */
.article.attachment {
overflow: hidden;
}
.image-attachment div.attachment {
text-align: center;
}
.image-attachment div.attachment p {
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.image-attachment .entry-caption {
margin-top: 8px;
margin-top: 0.571428571rem;
}
/* 7.0 Post formats
-------------------------------------------------------------- */
/* 7.1 Aside post format */
article.format-aside h1 {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
text-decoration: none;
color: #4d525a;
}
article.format-aside h1 a:hover {
color: #2e3542;
}
article.format-aside .aside {
padding: 24px 24px 0;
padding: 1.714285714rem;
background: #d2e0f9;
border-left: 22px solid #a8bfe8;
}
article.format-aside p {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
margin-bottom: 0;
}
/* 7.2 Image posts */
article.format-image footer h1 {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
font-weight: normal;
}
article.format-image footer h2 {
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
}
article.format-image footer a h2 {
font-weight: normal;
}
/* 7.3 Link posts */
article.format-link header {
padding: 0 10px;
padding: 0 0.714285714rem;
float: right;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
font-weight: bold;
font-style: italic;
text-transform: uppercase;
color: #848484;
background-color: #ebebeb;
border-radius: 3px;
}
article.format-link .entry-content {
max-width: 80%;
float: left;
}
article.format-link .entry-content a {
font-size: 22px;
font-size: 1.571428571rem;
line-height: 1.45;
text-decoration: none;
}
/* 7.4 Quote posts */
article.format-quote .entry-content p {
margin: 0;
padding-bottom: 24px;
padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
display: block;
padding: 24px 24px 0;
padding: 1.714285714rem 1.714285714rem 0;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.6;
font-style: normal;
color: #6a6a6a;
background: #efefef;
}
/* 7.5 Status posts */
.format-status .entry-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
display: inline-block;
}
.format-status .entry-header h1 {
font-size: 15px;
font-size: 1.071428571rem;
font-weight: normal;
line-height: 1.6;
margin: 0;
}
.format-status .entry-header h2 {
font-size: 12px;
font-size: 0.857142857rem;
font-weight: normal;
line-height: 2;
margin: 0;
}
.format-status .entry-header header a {
color: #757575;
}
.format-status .entry-header header a:hover {
color: #21759b;
}
.format-status .entry-header img {
float: left;
margin-right: 21px;
margin-right: 1.5rem;
}
/* 8.0 Comments
-------------------------------------------------------------- */
.comments-title {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.5;
font-weight: bold;
}
.comments-area article {
margin: 24px 0;
margin: 1.714285714rem 0;
}
.comments-area article header {
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
overflow: hidden;
position: relative;
}
.comments-area article header img {
float: left;
padding: 0;
line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
display: block;
margin-left: 85px;
margin-left: 6.071428571rem;
}
.comments-area article header cite {
font-style: normal;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.42857143;
}
.comments-area cite b {
font-weight: normal;
}
.comments-area article header time {
line-height: 1.714285714;
text-decoration: none;
font-size: 12px;
font-size: 0.857142857rem;
color: #5e5e5e;
}
.comments-area article header a {
text-decoration: none;
color: #0066cc;
}
.comments-area article header a:hover {
color: #FC9F00;
}
.comments-area article header cite a {
color: #444;
}
.comments-area article header cite a:hover {
text-decoration: underline;
}
.comments-area article header h4 {
position: absolute;
top: 0;
right: 0;
padding: 6px 12px;
padding: 0.428571429rem 0.857142857rem;
font-size: 12px;
font-size: 0.857142857rem;
font-weight: normal;
color: #fff;
background-color: #0088d0;
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #009cee, #0088d0);
background-image: -ms-linear-gradient(top, #009cee, #0088d0);
background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
background-image: -o-linear-gradient(top, #009cee, #0088d0);
background-image: linear-gradient(top, #009cee, #0088d0);
border-radius: 3px;
border: 1px solid #007cbd;
}
.comments-area .comment-author-name {
font-size: 18px;
font-size: 1.285714286rem;
}
.comments-area .bypostauthor cite span {
position: absolute;
margin: 4px 0 0 10px;
margin: 0.285714286rem 0 0 0.714285714rem;
padding: 2px 5px;
padding: 0.142857143rem 0.357142857rem;
font-size: 10px;
font-size: 0.714285714rem;
}
.comments-area .bypostauthor cite b {
font-weight: bold;
}
a.comment-reply-link,
a.comment-edit-link {
color: #0066cc;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
color: #FC9F00;
}
.commentlist .pingback {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
/* 8.1 Comment form */
#respond {
margin-top: 48px;
margin-top: 3.428571429rem;
}
#respond h3#reply-title {
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
margin-left: 10px;
margin-left: 0.714285714rem;
font-weight: normal;
font-size: 12px;
font-size: 0.857142857rem;
}
#respond form {
margin: 24px 0;
margin: 1.714285714rem 0;
}
#respond form p {
margin: 11px 0;
margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
#respond form label {
display: block;
line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1.714285714;
padding: 10px;
padding: 0.714285714rem;
width: 100%;
}
#respond form p.form-allowed-tags {
display: none;
margin: 0;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #5e5e5e;
}
.required {
color: red;
}
/* 8.2 Custom styles for Schema.org microdata format support implementation */
p.comment-author-name,
.widget-area .widget p.comment-author-name {
display: inline-block;
margin-bottom: 0;
}
/* 9.0 Page templates
-------------------------------------------------------------- */
/* 9.1 Front page template */
.entry-page-image {
margin-bottom: 14px;
margin-bottom: 1rem;
}
.template-front-page .site-content article {
border: 0;
margin-bottom: 0;
}
.template-front-page #main .widget-area {
clear: both;
float: none;
width: auto;
padding-top: 24px;
padding-top: 1.714285714rem;
border-top: 1px solid #ededed;
}
.template-front-page #main .widget-area .widget li {
margin: 8px 0 0;
margin: 0.571428571rem 0 0;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.714285714;
list-style-type: square;
list-style-position: inside;
}
.template-front-page #main .widget-area .widget li a {
color: #757575;
}
.template-front-page #main .widget-area .widget li a:hover {
color: #fc9f00;
}
.template-front-page #main .widget-area .widget_text img {
float: left;
margin: 8px 24px 8px 0;
margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}
/* 9.2 Links (blogroll) template */
#links-main {
list-style: none;
margin: 0 0 18px 0;
margin: 0 0 1.285714286rem 0;
}
#links-main li.linkcat {
margin: 25px 0 0 0;
margin: 1.785714286rem 0 0 0;
}
/* 10.0 Widgets
-------------------------------------------------------------- */
.widget-area .widget ul ul {
margin-left: 12px;
margin-left: 0.857142857rem;
}
.widget_rss li {
margin: 12px 0;
margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
color: #aaa;
font-size: 11px;
font-size: 0.785714286rem;
margin-left: 12px;
margin-left: 0.857142857rem;
}
#wp-calendar {
margin: 0;
width: 100%;
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
text-align: left;
}
#wp-calendar #next {
padding-right: 24px;
padding-right: 1.714285714rem;
text-align: right;
}
#wp-calendar a {
font-weight: bold;
}
#wp-calendar #prev a,
#wp-calendar #next a {
font-weight: normal;
}
.widget_search label {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
}
.widget_twitter li {
list-style-type: none;
}
.widget_twitter .timesince {
display: block;
text-align: right;
}
/* 11.0 Plugins
----------------------------------------------- */
img#wpstats {
display: block;
margin: 0 auto 24px;
margin: 0 auto 1.714285714rem;
}
/* Tip25c - Do not display special external link icon for certain plugins */
.addtoany_share_save_container a[target=_blank] /* Share Buttons by AddToAny */ {
background: none!important;
padding-right: 0!important;
}
/* Tip24 - .no-border CSS class - use it in case you need to display an image without any borders or shadows...
* removing border for certain plugins
*/
.addtoany_list img /* Add To Any */ {
border: none;
border-radius: 0;
box-shadow: none;
}
/* 12.0 Media queries
-------------------------------------------------------------- */
/* Does the same thing as ,
* but in the future W3C standard way. -ms- prefix is required for IE10+ to
* render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
* the meta tag. See http://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* 12.1 Minimum width of 770 pixels */
@media screen and (min-width: 770px) {
.author-avatar {
float: left;
margin-top: 8px;
margin-top: 0.571428571rem;
}
.author-description {
float: right;
width: 80%;
}
.site {
margin: 0 auto;
max-width: 960px;
max-width: 68.571428571rem;
overflow: hidden;
}
.site-content {
float: left;
width: 65.104166667%;
}
body.template-front-page .site-content,
body.attachment .site-content,
body.full-width .site-content {
width: 100%;
}
.widget-area {
float: right;
width: 30.5%;
}
.site-header {
text-align: center;
}
/* Theme Options - Site Header Logo */
#site-logo {
display: inline-block;
float: left;
margin: 0 24px 24px 0;
margin: 0 1.714285714rem 1.714285714rem 0;
}
#site-logo-image {
}
#site-title-wrapper {
float: left;
padding-top: 0;
}
.site-header h1,
.site-header h2 {
text-align: left;
}
.site-header h1 {
font-weight: normal;
font-size: 26px;
font-size: 1.857142857rem;
line-height: 1.846153846;
margin-bottom: 0;
}
.site-header h1 a,
.site-header h2 a {
color: #333;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
color: #FC9F00;
}
/* Top menu for the normal site */
.main-navigation {
margin-top: 24px;
margin-top: 1.714285714rem;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
border-top: 1px solid #bbb;
border-bottom: 1px solid #bbb;
display: inline-block !important;
text-align: left;
width: 100%;
}
.main-navigation ul.nav-menu {
text-align: left;
}
.main-navigation ul.nav-menu ul.sub-menu {
text-align: left;
}
/* Adding shadow for the drop down menu items */
.main-navigation ul.nav-menu ul.sub-menu li {
-webkit-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.3);
-moz-box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.3);
box-shadow: 3px 3px 5px rgba(100, 100, 100, 0.3);
}
.main-navigation ul {
margin: 0;
text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
display: inline-block;
text-decoration: none;
}
.main-navigation li a {
border-bottom: 0;
color: #6a6a6a;
line-height: 3.692307692;
text-transform: uppercase;
white-space: nowrap;
}
.main-navigation li a:hover,
.main-navigation li a:focus {
color: #000;
}
.main-navigation li {
position: relative;
margin: 0 40px 0 0;
margin: 0 2.857142857rem 0 0;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.42857143;
}
.main-navigation li ul {
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 100;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation li ul ul {
top: 0;
left: 100%;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation .focus > ul {
border-left: 0;
clip: inherit;
overflow: inherit;
height: inherit;
width: inherit;
}
.main-navigation li ul li a {
background: #efefef;
border-bottom: 1px solid #ededed;
display: block;
font-size: 11px;
font-size: 0.785714286rem;
line-height: 2.181818182;
padding: 8px 10px;
padding: 0.571428571rem 0.714285714rem;
width: 180px;
width: 12.85714286rem;
white-space: normal;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
background: #e3e3e3;
color: #444;
}
.main-navigation ul li ul li,
.main-navigation ul li ul li ul li {
border-bottom: 1px solid #ccc;
}
.main-navigation ul li ul li:last-child,
.main-navigation ul li ul li ul li:last-child {
border-bottom: 0;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #636363;
font-weight: bold;
}
.main-navigation .menu-toggle,
.main-navigation.toggled .nav-menu {
display: none;
}
.entry-header .entry-title {
font-size: 27px;
font-size: 1.928571428rem;
font-weight: normal;
line-height: 1.4;
}
.entry-header .entry-title,
.entry-header .entry-title a {
color: #000;
/* Tip32 - Add shadow to post/page title. Usage: text-shadow: horizontal-offset vertical-offset blur color; last digit of rgba sets opacity */
/* text-shadow: 1px 1px 3px rgba(0,0,0,0.2); */
}
.home .entry-header .entry-meta,
.archive .entry-header .entry-meta {
display: none;
}
/* Tip26b - uncomment next CSS rule to Print HTML bellow post title with meta information (date/time and author) for the index/archive views in NORMAL view */
/*
.home .entry-header .entry-meta,
.archive .entry-header .entry-meta {
display: block;
}
*/
#respond form input[type="text"] {
width: 46.333333333%;
}
#respond form textarea.blog-textarea {
width: 79.666666667%;
}
.template-front-page .site-content,
.template-front-page article {
overflow: hidden;
}
.template-front-page.has-post-thumbnail article {
float: left;
width: 47.916666667%;
}
.entry-page-image {
float: right;
margin-bottom: 0;
width: 47.916666667%;
}
.template-front-page #main .widget-area .widget,
.template-front-page.two-sidebars #main .widget-area .front-widgets {
float: left;
width: 51.875%;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.template-front-page #main .widget-area .widget:nth-child(odd) {
clear: right;
}
.template-front-page #main .widget-area .widget:nth-child(even),
.template-front-page.two-sidebars #main .widget-area .front-widgets + .front-widgets {
float: right;
width: 39.0625%;
margin: 0 0 24px;
margin: 0 0 1.714285714rem;
}
.template-front-page.two-sidebars #main .widget,
.template-front-page.two-sidebars #main .widget:nth-child(even) {
float: none;
width: auto;
}
.commentlist .children {
margin-left: 48px;
margin-left: 3.428571429rem;
}
/* Three footer widget areas */
#footer-widgets {
width: 100%;
border-top: none;
}
#footer-widgets.three #footer-widget-left {
float: left;
width: 30%;
padding-right: 2.3%;
}
#footer-widgets.three #footer-widget-middle {
float: left;
width: 30%;
padding-left: 2.5%;
padding-right: 2.3%;
}
#footer-widgets.three #footer-widget-right {
float: right;
width: 30%;
padding-left: 2.5%;
}
/* Tip62 - Add side borders for the middle footer widget - to better separate widgets visually. Uncomment next section: */
/*
#footer-widgets.three #footer-widget-middle {
border: 1px solid #ededed;
border-width: 0 1px;
}
*/
#site-info, #site-generator {
font-size: 10px;
font-size: 0.714285714rem;
}
}
/* 12.2 Minimum width of 960 pixels */
@media screen and (min-width: 960px) {
body {
background-color: #e6e6e6;
}
body .site {
padding: 12px 40px 0 40px;
padding: 0.857142857rem 2.857142857rem 0 2.857142857rem;
margin-top: 24px;
margin-top: 1.714285714rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
-webkit-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
-moz-box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
body.custom-background-empty {
background-color: #fff;
}
body.custom-background-empty .site,
body.custom-background-white .site {
padding-top: 0;
margin-top: 12px;
margin-top: 0.857142857rem;
margin-bottom: 0;
box-shadow: none;
}
}
/* 12.3 Minimum width of 1250 pixels */
@media screen and (min-width: 1250px) {
/* Here you can add specific styles for this screen widh */
}
/* 12.4 Retina-specific styles. This style cannot be processed by LESS */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Here you can add Retina-specific styles */
}
/* 13.0 Print
----------------------------------------------- */
@media print {
body {
background: none !important;
color: #000;
font-size: 10pt;
}
/* Show URLs for links */
.entry-content a:link:after,
.entry-content a:visited:after,
footer a[rel=bookmark]:link:after,
footer a[rel=bookmark]:visited:after {
content: " [" attr(href) "] ";
}
a {
text-decoration: none;
}
.entry-content img,
.comment-content img,
.author-avatar img,
img.wp-post-image {
border-radius: 0;
box-shadow: none;
}
.site {
clear: both !important;
display: block !important;
float: none !important;
max-width: 100%;
position: relative !important;
}
.site-header {
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
text-align: left;
}
.site-header h1 {
font-size: 21pt;
line-height: 1;
text-align: left;
}
.site-header h2 {
color: #000;
font-size: 10pt;
text-align: left;
}
.site-header h1 a,
.site-header h2 a {
color: #000;
}
.author-avatar,
#colophon,
#respond,
.commentlist .comment-edit-link,
.commentlist .reply,
.entry-header .comments-link,
.entry-meta .edit-link a,
.page-link,
.site-content nav,
.widget-area,
img.header-image,
.main-navigation,
.video-wrapper {
display: none;
}
#main {
border-top: none;
box-shadow: none;
}
.site-content {
margin: 0;
width: auto;
}
.singular .entry-header .entry-meta {
position: static;
}
.singular .site-content,
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular .comments-title {
margin: 0;
width: 100%;
}
.entry-header .entry-title,
.entry-title,
.singular .entry-title {
font-size: 21pt;
}
.singular .entry-header {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.entry-content blockquote,
.entry-content blockquote p,
.entry-content blockquote p:first-child:before,
.comment-content blockquote p:first-child:before {
color: #444;
}
footer.entry-meta,
footer.entry-meta a {
color: #444;
font-size: 10pt;
}
.author-description {
float: none;
width: auto;
}
/* 13.1 Comments */
.commentlist > li.comment {
background: none;
position: relative;
width: auto;
}
.commentlist .avatar {
height: 39px;
left: 2.2em;
top: 2.2em;
width: 39px;
}
.comments-area article header cite,
.comments-area article header time {
margin-left: 50px;
margin-left: 3.57142857rem;
}
}
/* 14.0 Other styles
-------------------------------------------------------------- */
/* 14.1 Tip23 - Properly resize videos, inserted with oembed. Goes together with tinyforge_css_oembed_filter function in functions.php */
/* By Marty Kokes: http://wordpress.org/support/topic/properly-resizing-videos-possible-code-addition */
/* You can change the width of the wrapper (it's set to 960px in the example) to be whatever fixed size you'd like your videos
to max out at or just leave out the wrapper entirely to keep it fluid */
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
padding-top: 2.142857143rem;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper {
width: 960px;
width: 68.571428571rem;
max-width: 100%;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
/* 14.2 Elusive-icons webfont */
/* Tip21 - Icon webfont support implementation and examples */
/* All icon webfont related styles (except blockquote - search for Tip21) are in this section so it would be easy to change them in case of migration to another icon webfont */
.icon-webfont {
display: inline-block;
width: 16px;
width: 1.142857143rem;
height: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 16px;
font-size: 1.142857143rem;
line-height: 1;
font-weight: normal;
font-style: normal;
vertical-align: middle;
}
a:hover .icon-webfont,
a:active .icon-webfont,
a:hover.icon-webfont,
a:active.icon-webfont {
text-decoration: none!important;
}
/* Style social icons in the sidebar */
.widget-area .widget .icon-webfont {
width: 24px;
width: 1.714285714rem;
font-size: 24px;
font-size: 1.714285714rem;
height: 24px;
margin-right: 5px;
margin-right: 0.357142857rem;
}
.widget-area .widget a:link.icon-webfont,
.widget-area .widget a:link .icon-webfont,
.widget-area .widget a:visited.icon-webfont,
.widget-area .widget a:visited .icon-webfont {
color: #777;
}
.widget-area .widget a:hover.icon-webfont,
.widget-area .widget a:hover .icon-webfont,
.widget-area .widget a:active.icon-webfont,
.widget-area .widget a:active .icon-webfont {
color: #FC9F00;
}
#site-generator .el-icon-wordpress {
margin-left: 5px;
margin-left: 0.357142857rem;
padding-bottom: 3px;
padding-bottom: 0.214285714rem;
}
/* Tip05 - Mark main navigation menu items, containing children with special css class */
/* Main navigation menu items with drop-down children will be marked by a distinct icon (caret down) via style.css */
/* http://stackoverflow.com/questions/8448978/wordpress-how-do-i-know-if-a-menu-item-has-children */
.nav-menu .menu-item-has-children > a:after,
.nav-menu .page_item_has_children > a:after {
content: "\e6fe"; /* el-icon-chevron-down */
padding: 0 0 2px 5px;
padding: 0 0 0.142857143rem 0.357142857rem;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font: normal 9px/1 'Elusive-Icons';
vertical-align: middle;
}
.sub-menu .menu-item-has-children > a:after,
.sub-menu .page_item_has_children > a:after {
content: "\e6fc"; /* el-icon-chevron-right */
position: absolute;
right: 8px;
top: 16px;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font: normal 9px/1 'Elusive-Icons';
}
header h1 .el-icon-calendar,
header h1 .el-icon-folder-open,
header h1 .el-icon-lock,
header h1 .el-icon-search,
header h1 .el-icon-tags,
header h1 .el-icon-user,
.featured-post .el-icon-idea {
width: 25px;
width: 1.785714286rem;
height: 25px;
font-size: 25px;
font-size: 1.785714286rem;
vertical-align: baseline;
line-height: 1;
}
header h1.entry-title .el-icon-lock,
header h1.entry-title .el-icon-user {
color: #FF0000;
}
ul.list-icon-ok,
ul.list-icon-file,
ul.list-icon-hand-right {
list-style-type: none;
}
ul.list-icon-ok li,
ul.list-icon-file li,
ul.list-icon-hand-right li {
padding-bottom: 10px;
padding-bottom: 0.714285714rem;
text-indent: -16px;
}
ul.list-icon-ok li:before {
color: #8DC919;
padding-right: 10px;
padding-right: 0.714285714rem;
content: "\e67a"; /* el-icon-ok */
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font: normal 20px/1 'Elusive-Icons';
vertical-align: text-bottom;
}
ul.list-icon-file li:before {
color: #8DC919;
padding-right: 10px;
padding-right: 0.714285714rem;
content: "\e6d4"; /* el-icon-file */
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font: normal 20px/1 'Elusive-Icons';
vertical-align: text-bottom;
}
ul.list-icon-hand-right li:before {
color: #8DC919;
padding: 0 10px 5px 0;
padding: 0 0.714285714rem 0.357142857rem 0;
content: "\e6ab"; /* el-icon-hand-right */
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font: normal 20px/1 'Elusive-Icons';
vertical-align: bottom;
}
/* Remaining css for webfont icons is plugged-in via functions.php */
/* 14.3 Other styles */