/*
Theme Name: WP StrapThirteen
Theme URI: http://www.wpstrapcode.com/blog/strapthirteen
Description: WP StrapThirteen is A TwentyThirteen child theme. The aim of this theme is to bring a bit of Bootstrap magic in to the default theme while still retaining the original look and feel of the parent theme with a few added extras. Switch between default view or boxed view, full articles or excerpts on the blog feed and add Bootstrap Slider to make your site unique while still enjoying all of the goodness brought by the parent theme. New Features: Responsive header plus Full width page template. V1.0.8 adds: Option to position menu above or below Slider plus Scroll To Top button, Header now hidden on Front Page only!.
Author: WP Strap Code
Author URI: http://wpstrapcode.com
Version: 1.0.8
Template: twentythirteen
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, gray, blue, right-sidebar, custom-menu, flexible-width, featured-images, full-width-template, threaded-comments, two-columns, translation-ready
*/
/* Copyright 2013 WP Strap Code. (email : info@wpstrapcode.com)
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License version 3,
as published by the Free Software Foundation.
You may NOT assume that you can use any other version of the GPL.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301
USA
The license for this software can also likely be found here:
http://www.gnu.org/licenses/gpl-3.0.html
*/
/**
* Table of Contents:
*
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 4.0 - Header
* 4.1 - Site Header
* 4.2 - Navigation
* 5.0 - Content
* 5.1 - Entry Header
* 5.2 - Entry Meta
* 5.3 - Entry Content
* 5.4 - Galleries
* 5.5 - Post Formats
* 5.6 - Attachments
* 5.7 - Post/Paging Navigation
* 5.8 - Author Bio
* 5.9 - Archives
* 5.10 - Search Results/No posts
* 5.11 - 404
* 5.12 - Comments
* 5.13 - Multisite
* 6.0 - Sidebar
* 6.1 - Widgets
* 7.0 - Footer
* 8.0 - Media Queries
* 9.0 - Print
* ----------------------------------------------------------------------------
*/
/**
* 1.0 Reset
*
* Modified from Normalize.css to provide cross-browser consistency and a smart
* default styling of HTML elements.
*
* @see http://git.io/normalize
* ----------------------------------------------------------------------------
*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: "Source Sans Pro", Helvetica, sans-serif;
}
body {
color: #141412;
line-height: 1.5;
margin: 0;
}
a {
color: #ca3c08;
text-decoration: none;
}
a:visited {
color: #ac0404;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
color: #ea9629;
outline: 0;
}
a:hover {
text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: Bitter, Georgia, serif;
line-height: 1.3;
}
h1 {
font-size: 30px;
margin: 25px 0;
}
h2 {
font-size: 25px;
margin: 22px 0;
}
h3 {
font-size: 22px;
margin: 22px 0;
}
h4 {
font-size: 20px;
margin: 25px 0;
}
h5 {
font-size: 18px;
margin: 30px 0;
}
h6 {
font-size: 16px;
margin: 36px 0;
}
address {
font-style: italic;
margin: 0 0 24px;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
p {
margin: 0 0 24px;
}
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 14px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background: #f5f5f5;
color: #666;
font-family: monospace;
font-size: 14px;
margin: 20px 0;
overflow: auto;
padding: 20px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
blockquote {
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 24px 40px;
}
blockquote blockquote {
margin-right: 0;
}
blockquote cite,
blockquote small,
.quote-caption {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
small {
font-size: smaller;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dl {
margin: 0 20px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 20px;
}
menu,
ol,
ul {
margin: 16px 0;
padding: 0 0 0 40px;
}
ul {
list-style-type: square;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
li > ul,
li > ol {
margin: 0;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
padding-right: 2px; /* Don't cut off the webkit search cancel button */
width: 270px;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-bottom: 1px solid #ededed;
border-collapse: collapse;
border-spacing: 0;
font-size: 14px;
line-height: 2;
margin: 0 0 20px;
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
caption {
font-size: 16px;
margin: 20px 0;
}
th {
font-weight: bold;
text-transform: uppercase;
}
td {
border-top: 1px solid #ededed;
padding: 6px 10px 6px 0;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background: url(images/dotted-line.png) repeat center top;
background-size: 4px 4px;
border: 0;
height: 1px;
margin: 0 0 24px;
}
/**
* 2.0 Repeatable Patterns
* ----------------------------------------------------------------------------
*/
/**
* Genericons, a flexible icon-font.
* License: GPL version 2 or any later version with font exception (http://www.gnu.org/licenses/gpl-faq.html#FontException)
* See also LICENSE.txt and COPYING.txt in the ./fonts directory.
* Thanks to FontSquirrel for web-font conversion!
* More info: genericons.com
*/
@font-face {
font-family: Genericons;
font-style: normal;
font-weight: normal;
src: url(fonts/genericons-regular-webfont.eot);
src: url(fonts/genericons-regular-webfont.eot?#iefix) format("embedded-opentype"),
url(fonts/genericons-regular-webfont.woff) format("woff"),
url(fonts/genericons-regular-webfont.ttf) format("truetype"),
url(fonts/genericons-regular-webfont.svg#genericonsregular) format("svg");
}
.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-media:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
#reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
-webkit-font-smoothing: antialiased;
display: inline-block;
font: normal 16px/1 Genericons;
vertical-align: text-bottom;
}
/* Clearing floats */
.clear:after,
.entry-media:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-body:after {
clear: both;
}
.clear:before,
.clear:after,
.entry-media:before,
.entry-media:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-body:before,
.comment-body:after {
content: "";
display: table;
}
/* Assistive text */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.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;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
left: 5px;
top: 5px;
text-decoration: none;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
/* Form fields, general styles first. */
button,
input,
textarea {
border: 2px solid #d4d0ba;
font-family: inherit;
padding: 5px;
}
input,
textarea {
color: #141412;
}
input:focus,
textarea:focus {
border: 2px solid #c3c0ab;
outline: 0;
}
/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
background: #e05d22; /* Old browsers */
background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); /* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to bottom, #e05d22 0%, #d94412 100%); /* W3C */
border: none;
border-bottom: 3px solid #b93207;
border-radius: 2px;
color: #fff;
display: inline-block;
padding: 11px 24px 10px;
text-decoration: none;
}
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
background: #ed6a31; /* Old browsers */
background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
outline: none;
}
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
background: #d94412; /* Old browsers */
background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%); /* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to bottom, #d94412 0%, #e05d22 100%); /* W3C */
border: none;
border-top: 3px solid #b93207;
padding: 10px 24px 11px;
}
.post-password-required input[type="submit"] {
padding: 7px 24px 4px;
vertical-align: bottom;
}
.post-password-required input[type="submit"]:active {
padding: 5px 24px 6px;
}
/* Placeholder text color -- selectors need to be in separate to work. */
::-webkit-input-placeholder {
color: #7d7b6d;
}
:-moz-placeholder {
color: #7d7b6d;
}
::-moz-placeholder {
color: #7d7b6d;
}
:-ms-input-placeholder {
color: #7d7b6d;
}
/*
* Responsive images
*
* Fluid images for posts, comments, and widgets
*/
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
.entry-media img,
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
}
/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
max-width: 100%;
}
/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
max-width: 100% !important;
}
/* Images */
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/**
* 3.0 Basic Structure
* ----------------------------------------------------------------------------
*/
.site {
background-color: #fff;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 0 auto;
max-width: 1600px;
width: 100%;
}
.site-boxed {
background-color: #fff;
border-left: 0;
border-right: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin: 40px auto;
max-width: 1200px;
width: 100%;
}
.site-main {
position: relative;
}
.site-main .sidebar-container {
height: 0;
position: absolute;
top: 40px;
width: 100%;
z-index: 1;
}
.site-main .sidebar-inner {
margin: 0 auto;
max-width: 1140px;
}
/**
* 4.0 Header
* ----------------------------------------------------------------------------
*/
/**
* 4.1 Site Header
* ----------------------------------------------------------------------------
*/
.site-header {
position: relative;
}
.site-header .home-link {
text-decoration: none;
display: block;
margin: 0 auto;
max-width: 1080px;
padding: 0 20px;
text-decoration: none;
width: 100%;
}
.site-header .site-title:hover {
text-decoration: none;
color: midnightblue;
text-shadow: 0px 2px 3px #555;
}
.site-title {
font-size: 36px;
font-weight: bold;
line-height: 1;
margin: 0;
padding: 58px 0 10px;
text-align: center;
}
.site-description {
text-align: center;
margin-bottom: 20px;
padding-bottom: 25px;
}
/**
* 4.2 Navigation
* ----------------------------------------------------------------------------
*/
.main-navigation {
clear: both;
margin: 0 auto;
max-width: 1140px;
min-height: 45px;
position: relative;
}
ul.nav-menu,
div.nav-menu > ul {
margin: 0;
padding: 0 40px 0 0;
}
.nav-menu li {
display: inline-block;
position: relative;
}
.nav-menu li a {
color: #141412;
display: block;
font-size: 15px;
line-height: 1;
padding: 15px 20px;
text-decoration: none;
}
.nav-menu li:hover > a,
.nav-menu li a:hover {
background-color: #220e10;
color: #fff;
}
.nav-menu .sub-menu,
.nav-menu .children {
background-color: #220e10;
border: 2px solid rgba(247, 245, 231, 1);
border-top: 0;
color: #fff;
display: none;
float: left;
padding: 0;
position: absolute;
left: -2px;
top: 45px;
z-index: 99999;
}
.nav-menu .sub-menu ul,
.nav-menu .children ul {
border-left: 0;
left: 100%;
top: 0;
}
ul.nav-menu ul a,
.nav-menu ul ul a {
color: #fff;
margin: 0;
width: 200px;
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
background-color: #db572f;
}
ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
display: block;
}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
color: #bc360a;
font-style: italic;
}
.menu-toggle {
display: none;
}
/* Navbar */
.navbar {
background-color: #f7f5e7;
margin: 0 auto;
max-width: 1600px;
width: 100%;
}
.site-header .search-form {
position: absolute;
right: 20px;
top: 1px;
}
.site-header .search-field {
background-color: transparent;
background-image: url(images/search-icon.png);
background-position: 5px center;
background-repeat: no-repeat;
background-size: 24px 24px;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
position: relative;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 0;
}
.site-header .search-field:focus {
background-color: #fff;
border: 2px solid #c3c0ab;
cursor: text;
outline: 0;
width: 230px;
}
/**
* 5.0 Content
* ----------------------------------------------------------------------------
*/
.hentry {
padding: 40px 0;
word-wrap: break-word;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
margin: 0 auto;
max-width: 660px;
width: 100%;
}
.entry-header-full,
.entry-content-full,
.entry-summary-full,
.entry-meta-full {
margin: 0 auto;
max-width: 1110px;
width: 95%;
}
.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
max-width: 1140px;
padding: 0 376px 0 0;
}
/**
* 5.1 Entry Header
* ----------------------------------------------------------------------------
*/
.sidebar .entry-header .entry-meta {
padding: 0;
}
.entry-thumbnail img {
display: block;
margin: 0;
padding-bottom: 5px;
}
.entry-header {
margin-bottom: 30px;
}
.entry-title {
font-weight: normal;
margin: 0 0 5px;
}
.entry-title a {
color: #141412;
}
.entry-title a:hover {
color: #ea9629;
}
/**
* 5.2 Entry Meta
* ----------------------------------------------------------------------------
*/
.entry-meta {
clear: both;
font-size: 14px;
}
.entry-meta a {
color: #bc360a;
}
.entry-meta a:hover {
color: #bc360a;
}
.entry-meta > span {
margin-right: 20px;
}
.entry-meta > span:last-child {
margin-right: 0;
}
.featured-post:before {
content: "\f308";
margin-right: 2px;
}
.entry-meta .date a:before {
content: "\f303";
}
.comments-link a:before {
content: "\f300";
margin-right: 2px;
position: relative;
top: -1px;
}
.entry-meta .author a:before {
content: "\f304";
position: relative;
top: -1px;
}
.categories-links a:first-child:before {
content: "\f301";
}
.tags-links a:first-child:before {
content: "\f302";
position: relative;
top: -1px;
}
.edit-link a:before {
content: "\f411";
position: relative;
top: -1px;
}
.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
display: none;
}
/**
* 5.3 Entry Content
* ----------------------------------------------------------------------------
*/
.entry-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.entry-content a,
.comment-content a {
color: #bc360a;
}
.entry-content a:hover,
.comment-content a:hover {
color: #ea9629;
}
.entry-content blockquote {
font-size: 24px;
}
.entry-content blockquote cite,
.entry-content blockquote small,
.entry-content .quote-caption {
font-size: 16px;
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
margin-left: 0;
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
margin-right: 0;
}
footer.entry-meta {
margin-top: 24px;
}
.format-standard footer.entry-meta {
margin-top: 0;
}
/* Page links */
.page-links {
clear: both;
font-size: 16px;
font-style: italic;
font-weight: normal;
line-height: 2.2;
margin: 20px 0;
text-transform: uppercase;
}
.page-links a,
.page-links > span {
background: #fff;
border: 1px solid #fff;
padding: 5px 10px;
text-decoration: none;
}
.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
background: #e63f2a;
border: 1px solid #e63f2a;
color: #fff;
}
.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
background: #fff;
color: #e63f2a;
}
.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
background: none;
}
.page-links .page-links-title {
background: transparent;
border: none;
margin-right: 20px;
padding: 0;
}
/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
background: #220e10;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #fff;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
background: #ea9629;
}
.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
background: #595959;
}
.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
border-radius: 0;
}
/**
* 5.4 Galleries
* ----------------------------------------------------------------------------
*/
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
text-align: center;
}
.gallery-columns-3 .gallery-item {
max-width: 31%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.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-caption {
background-color: rgba(0, 0, 0, 0.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 2px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%;
}
.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 5.5 Post Formats
* ----------------------------------------------------------------------------
*/
.entry-media {
margin: 0 auto 24px;
max-width: 724px;
width: 100%;
}
.sidebar .entry-media {
max-width: 1140px;
padding: 0 316px 0 0;
}
.entry-media .wp-caption,
.entry-media .wp-caption-text,
.entry-media [class*="align"] {
margin: 0 auto;
}
/* Aside */
.format-aside {
background-color: #f7f5e7;
}
.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside {
box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-aside .entry-meta {
margin-top: 0;
}
.format-aside blockquote {
font-size: 100%;
font-weight: normal;
}
.format-aside cite {
font-size: 100%;
text-transform: none;
}
.format-aside cite:before {
content: "\2014";
margin-right: 5px;
}
/* Audio */
.format-audio {
background-color: #db572f;
}
.format-audio .entry-title {
font-size: 28px;
font-weight: bold;
}
.format-audio .entry-media {
max-width: 604px;
}
.sidebar .format-audio .entry-media {
max-width: 1140px;
padding: 0 374px 0 0;
}
.format-audio .entry-media:before {
content: "\f109";
float: left;
font-size: 64px;
position: relative;
top: 4px;
}
.format-audio .entry-content a,
.format-audio .entry-meta a,
.format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover {
color: #fbfaf3;
}
.format-audio .audio-content {
background: url(images/dotted-line.png) repeat-y left top;
background-size: 4px 4px;
float: right;
padding-left: 35px;
width: 80%;
width: -webkit-calc(100% - 85px);
width: calc(100% - 85px);
}
.format-audio .wp-audio-shortcode {
height: 30px !important; /* Override mediaelement.js style */
margin: 20px 0;
max-width: 400px !important; /* Override mediaelement.js style */
}
.format-audio audio {
max-width: 100% !important; /* Avoid player width overflow. */
}
/* Chat */
.format-chat {
background-color: #eadaa6;
}
.format-chat .entry-title {
font-size: 28px;
font-weight: bold;
}
.format-chat .entry-meta a,
.format-chat .entry-content a {
color: #722d19;
}
.format-chat .entry-meta .date a:before {
content: "\f108";
margin-right: 2px;
}
.format-chat .entry-meta .author {
display: none;
}
.format-chat .chat {
margin: 0;
}
.format-chat .chat .chat-timestamp {
color: #722d19;
float: right;
font-size: 12px;
font-weight: normal;
margin: 5px 10px 0;
}
.format-chat .chat .fn {
font-style: normal;
}
/* Gallery */
.format-gallery {
background-color: #fbca3c;
}
.format-gallery .entry-header {
margin-bottom: 15px;
}
.format-gallery .entry-title {
font-size: 50px;
font-weight: 400;
margin: 0;
}
.format-gallery .entry-meta a,
.format-gallery .entry-content a {
color: #722d19;
}
/* Blog gallery */
.blog .format-gallery .gallery,
.archive .format-gallery .gallery,
.search .format-gallery .gallery {
margin-bottom: 20px;
margin-left: -4px;
max-width: 608px;
}
.blog .format-gallery .gallery-item,
.archive .format-gallery .gallery-item,
.search .format-gallery .gallery-item {
display: block;
height: 148px;
margin-right: 4px;
max-height: 100%;
max-width: 100%;
overflow: hidden;
width: 148px;
}
.blog .format-gallery .gallery-item img,
.archive .format-gallery .gallery-item img,
.search .format-gallery .gallery-item img {
height: 100%;
max-height: 148px;
max-width: none;
width: auto;
}
.blog .format-gallery .gallery-item .portrait img,
.archive .format-gallery .gallery-item .portrait img,
.search .format-gallery .gallery-item .portrait img {
height: auto;
max-height: none;
max-width: 148px;
width: 100%;
}
.blog .format-gallery .gallery-item:first-child,
.archive .format-gallery .gallery-item:first-child,
.search .format-gallery .gallery-item:first-child {
height: 300px;
width: 300px;
}
.blog .format-gallery .gallery-item:first-child img,
.archive .format-gallery .gallery-item:first-child img,
.search .format-gallery .gallery-item:first-child img {
max-height: 300px;
}
.blog .format-gallery .gallery-item:first-child .portrait img,
.archive .format-gallery .gallery-item:first-child .portrait img,
.search .format-gallery .gallery-item:first-child .portrait img {
max-height: none;
max-width: 300px;
}
.blog .format-gallery .gallery-item .gallery-icon,
.archive .format-gallery .gallery-item .gallery-icon,
.search .format-gallery .gallery-item .gallery-icon {
height: 100%;
-webkit-transform: translate(50%, 50%);
-ms-transform: translate(50%, 50%);
transform: translate(50%, 50%);
width: 100%;
}
.blog .format-gallery .gallery-item .gallery-icon img,
.archive .format-gallery .gallery-item .gallery-icon img,
.search .format-gallery .gallery-item .gallery-icon img {
-webkit-backface-visibility: hidden;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.blog .format-gallery .gallery br,
.archive .format-gallery .gallery br,
.search .format-gallery .gallery br {
display: none;
}
/* Image */
.format-image .entry-title {
font-size: 28px;
font-weight: bold;
}
.format-image .categories-links,
.format-image .tags-links {
display: none;
}
/* Link */
.format-link {
background-color: #f7f5e7;
}
.blog .format-link:first-of-type,
.single .format-link:first-of-type {
box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}
.format-link .entry-header,
.format-link .entry-content p:last-child {
margin-bottom: 0;
}
.format-link .entry-title {
color: #ca3c08;
display: inline;
font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
margin-right: 20px;
}
.format-link .entry-title a {
color: #bc360a;
}
.format-link div.entry-meta {
display: inline;
}
/* Quote */
.format-quote {
background-color: #210d10;
}
.format-quote .entry-content,
.format-quote .entry-meta {
color: #f7f5e7;
}
.format-quote .entry-content blockquote {
font-size: 28px;
margin: 0;
}
.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked {
color: #e63f2a;
}
.format-quote .entry-content cite a {
border-bottom: 1px dotted #fff;
color: #fff;
}
.format-quote .entry-content cite a:hover {
text-decoration: none;
}
.format-quote .quote-caption,
.format-quote blockquote small,
.format-quote blockquote cite {
display: block;
font-size: 16px;
}
.format-quote .quote {
font-style: italic;
font-weight: 300;
padding-left: 75px;
position: relative;
}
.format-quote .quote:before {
content: '\201C';
font-size: 140px;
font-weight: 400;
line-height: .8;
padding-right: 25px;
position: absolute;
left: -15px;
top: -3px;
}
.format-quote .entry-meta .author {
display: none;
}
/* Status */
.format-status {
background-color: #722d19;
padding: 0;
}
.format-status .entry-content,
.format-status .entry-meta {
padding-left: 35px;
position: relative;
}
.format-status .entry-content a {
color: #eadaa6;
}
.format-status .entry-meta a {
color: #f7f5e7;
}
.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta {
padding-left: 95px;
}
.format-status .entry-content:before,
.format-status .entry-meta:before {
background: url(images/dotted-line.png) repeat-y left bottom;
background-size: 4px 4px;
content: "";
display: block;
height: 100%;
position: absolute;
left: 10px;
top: 0;
width: 1px;
}
.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before {
left: 70px;
}
.format-status .categories-links,
.format-status .tags-links {
display: none;
}
/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before {
background-position: left top;
}
.format-status .entry-content {
color: #f7f5e7;
font-size: 24px;
font-style: italic;
font-weight: 300;
padding-bottom: 30px;
padding-top: 40px;
position: relative;
}
.format-status .entry-content p:first-child:before {
background-color: rgba(0, 0, 0, 0.65);
content: "";
height: 3px;
margin-top: 13px;
position: absolute;
left: 4px;
width: 13px;
}
.sidebar .format-status .entry-content p:first-child:before {
left: 64px;
}
.format-status .entry-content p:last-child {
margin-bottom: 0;
}
.format-status .entry-meta {
margin-top: 0;
padding-bottom: 40px;
}
.format-status .entry-meta .date a:before {
content: "\f105";
}
/* Video */
.format-video {
background-color: #db572f;
}
.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
color: #fbfaf3;
}
.format-video .entry-title {
font-size: 50px;
font-weight: 400;
}
.format-video .entry-meta {
color: #220e10;
}
/**
* 5.6 Attachments
* ----------------------------------------------------------------------------
*/
.attachment .hentry {
background-color: #e8e5ce;
margin: 0;
padding: 0;
}
.attachment .entry-header {
margin-bottom: 0;
max-width: 1140px;
padding: 30px 0;
}
.attachment .entry-title {
display: inline-block;
float: left;
font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
margin: 0;
}
.attachment .entry-title:before {
content: "\f416";
font-size: 32px;
margin-right: 10px;
}
.attachment .entry-meta {
clear: none;
color: inherit;
float: right;
max-width: 604px;
padding: 9px 0 0;
text-align: right;
}
.hentry.attachment:not(.image-attachment) .entry-meta {
max-width: 104px;
}
.attachment footer.entry-meta,
.single-attachment .site-main .sidebar-container {
display: none;
}
.attachment-meta:before {
content: "\f307";
}
.full-size-link a:before {
content: "\f402";
}
.full-size-link:before {
content: none;
}
.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
color: #ca3c08;
}
.attachment .entry-content {
background-color: #fff;
max-width: 100%;
padding: 40px 0;
}
.image-navigation {
margin: 0 auto;
max-width: 1140px;
position: relative;
}
.image-navigation a:hover {
text-decoration: none;
}
.image-navigation .nav-previous,
.image-navigation .nav-next {
position: absolute;
top: 50px;
}
.image-navigation .nav-previous {
left: 0;
}
.image-navigation .nav-next {
right: 0;
}
.image-navigation .meta-nav {
font-size: 32px;
font-weight: 300;
vertical-align: -4px;
}
.attachment .entry-attachment,
.attachment p.attachment {
margin: 0 auto;
max-width: 724px;
text-align: center;
}
.attachment .entry-attachment .attachment {
display: inline-block;
}
.attachment .entry-caption {
text-align: left;
}
.attachment .entry-description {
margin: 20px auto 0;
max-width: 604px;
}
.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
margin: 0;
}
/**
* 5.7 Post/Paging Navigation
* ----------------------------------------------------------------------------
*/
.navigation .nav-previous {
float: left;
}
.navigation .nav-next {
float: right;
}
.navigation a {
color: #bc360a;
}
.navigation a:hover {
color: #ea9629;
text-decoration: none;
}
.paging-navigation {
background-color: #fff;
padding: 40px 0;
}
.paging-navigation .nav-links {
margin: 0 auto;
max-width: 604px;
width: 100%;
}
.sidebar .paging-navigation .nav-links {
max-width: 1140px;
padding: 0 376px 0 60px;
}
.paging-navigation .nav-next {
padding: 13px 0;
}
.paging-navigation a {
font-size: 22px;
font-style: italic;
font-weight: 300;
}
.paging-navigation .meta-nav {
background-color: #e63f2a;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 26px;
padding: 3px 0 8px;
text-align: center;
width: 50px;
}
.paging-navigation .nav-previous .meta-nav {
margin-right: 10px;
padding: 17px 0 23px;
width: 80px;
}
.paging-navigation .nav-next .meta-nav {
margin-left: 10px;
}
.paging-navigation a:hover .meta-nav {
background-color: #ea9629;
text-decoration: none;
}
.post-navigation {
background-color: #fff;
color: #ca3c08;
font-size: 20px;
font-style: italic;
font-weight: 300;
padding: 20px 0;
}
.post-navigation .nav-links {
margin: 0 auto;
max-width: 1140px;
}
.sidebar .post-navigation .nav-links {
padding: 0 376px 0 60px;
}
.post-navigation a[rel="next"] {
float: right;
text-align: right;
}
/**
* 5.8 Author Bio
* ----------------------------------------------------------------------------
*/
.author-info {
margin: 0 auto;
max-width: 604px;
padding: 30px 0 10px;
text-align: left; /* gallery & video post formats */
width: 100%;
}
.author.sidebar .author-info {
max-width: 1140px;
padding: 30px 376px 10px 60px;
}
.single .author-info {
padding: 50px 0 0;
}
.author-avatar .avatar {
float: left;
margin: 0 30px 30px 0;
}
.single-format-status .author-description {
color: #f7f5e7;
}
.author-description .author-title {
clear: none;
font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
margin: 0 0 8px;
}
.author-link {
color: #ca3c08;
margin-left: 2px;
}
.author.archive .author-link {
display: none;
}
/**
* 5.9 Archives
* ----------------------------------------------------------------------------
*/
.archive-header {
background-color: #e8e5ce;
}
.archive-title,
.archive-meta {
font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
margin: 0 auto;
max-width: 1140px;
padding: 30px 0;
width: 100%;
}
.archive-meta {
font-size: 16px;
font-style: normal;
font-weight: normal;
margin-top: -15px;
padding: 0 0 11px;
}
.sidebar .archive-meta {
padding-right: 316px;
}
/**
* 5.10 Search Results/No posts
* ----------------------------------------------------------------------------
*/
.page-header {
background-color: #e8e5ce;
}
.page-title {
font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
margin: 0 auto;
max-width: 1140px;
padding: 30px 0;
width: 100%;
}
.page-content {
margin: 0 auto;
max-width: 604px;
padding: 40px 0;
width: 100%;
}
.sidebar .page-content {
margin: 0 auto;
max-width: 1140px;
padding: 40px 376px 40px 0;
}
/**
* 5.11 404
* ----------------------------------------------------------------------------
*/
.error404 .page-header {
background-color: #fff;
}
.error404 .page-title {
line-height: 0.6;
margin: 0;
padding: 300px;
position: relative;
text-align: center;
width: auto;
}
.error404 .page-title:before {
color: #e8e5ce;
content: "\f423";
font-size: 964px;
line-height: 0.6;
overflow: hidden;
position: absolute;
left: 7px;
top: 28px;
}
.error404 .page-wrapper {
background-color: #e8e5ce;
}
.error404 .page-header,
.error404 .page-content {
margin: 0 auto;
max-width: 1140px;
padding-bottom: 40px;
width: 100%;
}
/**
* 5.12 Comments
* ----------------------------------------------------------------------------
*/
.comments-title,
.comment-list,
#reply-title,
.must-log-in,
#respond #commentform,
#respond iframe {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 604px;
width: 100%;
}
.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar #reply-title,
.sidebar .comment-navigation,
.sidebar #respond #commentform {
max-width: 1140px;
padding-left: 60px;
padding-right: 376px;
}
.site-boxed .sidebar .comments-title,
.site-boxed .sidebar .comment-list,
.site-boxed .sidebar .must-log-in,
.site-boxed .sidebar #reply-title,
.site-boxed .sidebar .comment-navigation,
.site-boxed.sidebar #respond #commentform {
max-width: 1140px;
padding-left: 30px;
padding-right: 476px;
}
.comments-title {
font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}
.comment-list,
.comment-list .children {
list-style-type: none;
padding: 0;
}
.comment-list .children {
margin-left: 20px;
}
.comment-list > li:after,
.comment-list .children > li:before {
background: url(images/dotted-line.png) repeat left top;
background-size: 4px 4px;
content: "";
display: block;
height: 1px;
width: 100%;
}
.comment-list > li:last-child:after {
display: none;
}
.comment-body {
padding: 24px 0;
position: relative;
}
.comment-author {
float: left;
max-width: 74px;
}
.comment-author .avatar {
display: block;
margin-bottom: 10px;
}
.comment-author .fn {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
color: #bc360a;
font-size: 14px;
font-style: normal;
}
.says {
display: none;
}
.no-avatars .comment-author {
margin: 0 0 5px;
max-width: 100%;
position: relative;
}
.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
width: 100%;
}
.bypostauthor > .comment-body .fn:before {
content: "\f408";
vertical-align: text-top;
}
.comment-list .edit-link {
margin-left: 20px;
}
.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
float: right;
width: 79%;
width: -webkit-calc(100% - 124px);
width: calc(100% - 124px);
}
.comment-meta,
.comment-meta a {
color: #a2a2a2;
font-size: 13px;
}
.comment-meta a:hover {
color: #ea9629;
}
.comment-metadata {
margin-bottom: 20px;
}
.ping-meta {
color: #a2a2a2;
font-size: 13px;
line-height: 2;
}
.comment-awaiting-moderation {
color: #a2a2a2;
}
.comment-awaiting-moderation:before {
content: "\f414";
margin-right: 5px;
position: relative;
top: -2px;
}
.comment-reply-link:before,
.comment-reply-login:before {
content: "\f412";
margin-right: 3px;
}
/* Comment form */
#respond {
background-color: #f7f5e7;
padding: 30px 0;
}
.comment #respond {
margin-bottom: 20px;
padding: 20px;
}
#reply-title {
font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}
#reply-title small a {
color: #131310;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
}
#reply-title small a:hover {
color: #ed331c;
text-decoration: none;
}
#reply-title small a:before {
content: "\f406";
vertical-align: top;
}
.sidebar .comment-list #reply-title,
.sidebar .comment-list #respond #commentform {
padding: 0;
}
#commentform .comment-notes {
margin-bottom: 15px;
}
#commentform .comment-form-author,
#commentform .comment-form-email,
#commentform .comment-form-url {
margin-bottom: 8px;
}
#commentform [for="author"],
#commentform [for="email"],
#commentform [for="url"],
#commentform [for="comment"] {
float: left;
padding: 5px 0;
width: 120px;
}
#commentform .required {
color: #ed331c;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
max-width: 270px;
width: 60%;
}
#commentform textarea {
width: 100%;
}
label {
font-weight: normal;
}
.form-allowed-tags,
.form-allowed-tags code {
color: #686758;
font-size: 12px;
}
.form-allowed-tags code {
font-size: 10px;
margin-left: 3px;
white-space:normal;
}
.comment-list .pingback,
.comment-list .trackback {
padding-top: 24px;
}
.comment-navigation {
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0 auto;
max-width: 604px;
padding: 20px 0 30px;
width: 100%;
}
.no-comments {
background-color: #f7f5e7;
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0;
padding: 40px 0;
text-align: center;
}
.sidebar .no-comments {
padding-left: 60px;
padding-right: 376px;
}
/**
* 5.13 Multisite
* ----------------------------------------------------------------------------
*/
.site-main .mu_register {
margin: 0 auto;
max-width: 604px;
width: 100%;
}
.mu_alert {
margin-top: 25px;
}
.site-main .mu_register input[type="submit"],
.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name {
font-size: inherit;
width: 270px;
}
.site-main .mu_register input[type="submit"] {
width: auto;
}
/**
* 6.0 Sidebar
* ----------------------------------------------------------------------------
*/
.site-main .widget-area {
float: right;
width: 300px;
word-wrap: break-word;
}
/**
* 6.1 Widgets
* ----------------------------------------------------------------------------
*/
.widget {
background-color: rgba(247, 245, 231, 0.7);
font-size: 14px;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: 0 0 24px 0;
padding: 20px;
}
.widget .widget-title {
font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
margin: 0 0 10px;
}
.widget ul,
.widget ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.widget li {
padding: 5px 0;
}
.widget .children li:last-child {
padding-bottom: 0;
}
.widget li > ul,
.widget li > ol {
margin-left: 20px;
}
.widget a {
color: #bc360a;
}
.widget a:hover {
color: #ea9629;
}
/* Search widget */
.search-form .search-submit {
display: none;
}
/* RSS Widget */
.widget_rss .rss-date {
display: block;
}
.widget_rss .rss-date,
.widget_rss li > cite {
color: #a2a2a2;
}
/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
border: 0;
border-collapse: separate;
border-spacing: 1px;
}
.widget_calendar caption {
font-size: 14px;
margin: 0;
}
.widget_calendar th,
.widget_calendar td {
padding: 0;
text-align: center;
}
.widget_calendar a {
display: block;
}
.widget_calendar a:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.5);
}
.site-footer .widget_calendar tbody td {
background-color: rgba(255, 255, 255, 0.05);
}
.widget_calendar tbody .pad, .site-footer .widget_calendar tbody .pad {
background-color: transparent;
}
/**
* 7.0 Footer
* ----------------------------------------------------------------------------
*/
.site-footer {
background-color: #e8e5ce;
color: #686758;
font-size: 14px;
text-align: center;
}
.site-footer .widget-area{
text-align: left;
}
.site-footer a {
color: #686758;
}
.site-footer .sidebar-container {
background-color: #220e10;
padding: 20px 0;
}
.site-footer .widget-area {
margin: 0 auto;
max-width: 1140px;
width: 100%;
}
.sidebar .site-footer .widget-area {
max-width: 800px;
position: relative;
margin-left: 120px;
}
.sidebar .site-boxed .site-footer .widget-area {
max-width: 800px;
position: relative;
margin-left: 10px;
}
.site-footer .widget {
background: transparent;
color: #fff;
float: left;
margin-right: 0;
width: 245px;
}
.sidebar .site-footer .widget {
width: 190px;
margin-right: 5px;
}
.sidebar .site-footer .widget:nth-of-type(4),
.sidebar .site-footer .widget:nth-of-type(3) {
margin-right: 0;
}
.site-footer .widget a {
color: #e6402a;
}
.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
color: #fff;
}
.site-info {
margin: 0 auto;
max-width: 1140px;
padding: 30px 0;
width: 100%;
}
#wpstats {
display: block;
margin: -10px auto 0;
}
a.backToTop {
width:40px;
height:47px;
opacity:0.5;
position:fixed;
bottom:5px;
right: 1%;
display:none;
outline:none ;
background-image: url(images/icon_top.png);
background-repeat: no-repeat;
}
/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
*/
@media (max-width: 1599px) {
.site {
border: 0;
}
.hentry {
padding: 20px;
}
body {
background-color: #00A388;
}
body.custom-background-empty {
background-color: #fff;
}
}
@media (max-width: 1069px) {
.sidebar .entry-media {
padding: 0 376px 0 0;
}
.sidebar img.alignleft,
.sidebar .wp-caption.alignleft {
margin-left: 0;
}
.sidebar img.alignright,
.sidebar .wp-caption.alignright {
margin-right: 0;
}
.error404 .page-header {
margin-left: auto;
max-width: 604px;
width: 100%;
}
.archive-header,
.search .page-header,
.archive .page-header,
.blog .page-header,
.error404 .page-content,
.search .page-content,
.archive .page-content,
.attachment .entry-header,
.attachment .entry-content,
.post-navigation .nav-links,
.sidebar .site-info,
.site-footer .widget-area {
padding-left: 20px;
padding-right: 20px;
}
.error404 .page-title {
font-size: 24px;
padding: 180px;
}
.error404 .page-title:before {
font-size: 554px;
}
.attachment .image-navigation {
max-width: 724px;
}
.image-navigation .nav-previous,
.image-navigation .nav-next {
position: static;
}
.site-main .widget-area {
margin-right: 60px;
}
}
@media (max-width: 999px) {
.site-title {
font-size: 42px;
padding-top: 26px;
padding-bottom: 0px;
}
.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta,
.sidebar .comment-list,
.sidebar #reply-title,
.sidebar .comment-navigation,
.sidebar #respond #commentform,
.sidebar .featured-gallery,
.sidebar .post-navigation .nav-links,
.author.sidebar .author-info,
.format-audio .entry-media,
.sidebar .format-audio .entry-media {
max-width: 604px;
padding-left: 0;
padding-right: 0;
}
.sidebar.author .author-info {
padding: 30px 0 10px;
}
.sidebar .site-info,
.search.sidebar .page-content,
.blog.sidebar .page-content,
.attachment .entry-header,
.sidebar .comments-title {
max-width: 604px;
}
.sidebar .entry-media {
max-width: 724px;
}
.sidebar .entry-media,
.sidebar .archive-meta,
.attachment .entry-header,
.search.sidebar .page-content,
.blog.sidebar .page-content,
.sidebar .site-info,
.sidebar .comments-title,
.sidebar .no-comments {
padding-left: 0;
padding-right: 0;
}
.attachment .entry-meta {
float: left;
text-align: left;
width: 100%;
}
.attachment .entry-content {
max-width: 100%;
padding: 40px 0;
}
.format-status .entry-content {
padding-top: 40px;
}
.format-status .entry-meta {
padding-bottom: 40px;
}
.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta {
padding-left: 35px;
}
.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before {
left: 10px;
}
.sidebar .format-status .entry-content p:first-child:before {
left: 4px;
}
.sidebar .paging-navigation .nav-links {
padding: 0 60px;
}
.site-main .sidebar-container {
height: auto;
margin: 0 auto;
max-width: 604px;
position: relative;
top: 20px;
}
.site-main .widget-area {
float: none;
margin: 0;
width: 100%;
}
.sidebar .site-footer .widget-area {
max-width: 100%;
left: 0;
}
}
/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
.site-title {
font-size: 36px;
padding-top: 26px;
padding-bottom: 0px;
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
margin-left: 0;
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
margin-right: 0;
}
.entry-media,
.sidebar .entry-media {
max-width: 604px;
}
.attachment .image-navigation,
.attachment .entry-attachment .attachment {
max-width: 604px;
padding: 0;
width: 100%;
}
.gallery-caption {
display: none;
}
}
@media (max-width: 643px) {
.site-title {
font-size: 30px;
padding-top: 26px;
padding-bottom: 32px;
}
#content .entry-media,
#content .entry-header,
#content .entry-content,
#content .entry-summary,
#content footer.entry-meta,
#content .featured-gallery,
.search.sidebar .page-content,
.blog.sidebar .page-content,
.sidebar .post-navigation .nav-links,
.paging-navigation .nav-links,
.author .author-info,
.comments-area .comments-title,
.comments-area .comment-list,
.comments-area .comment-navigation,
#respond,
.sidebar .site-info,
.sidebar .paging-navigation .nav-links {
padding-left: 20px;
padding-right: 20px;
}
#content .format-status .entry-content,
#content .format-status .entry-met {
padding-left: 35px;
}
/* Small menu */
.menu-toggle {
cursor: pointer;
display: inline-block;
font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
margin: 0;
padding: 12px 0 12px 20px;
}
.menu-toggle:after {
content: "\f502";
font-size: 12px;
padding-left: 8px;
vertical-align: -4px;
}
.toggled-on .menu-toggle:after {
content: "\f500";
vertical-align: 2px;
}
.toggled-on .nav-menu,
.toggled-on .nav-menu > ul {
display: block;
margin-left: 0;
padding: 0;
width: 100%;
}
.toggled-on li,
.toggled-on .children {
display: block;
}
.toggled-on .nav-menu li > ul {
background-color: transparent;
display: block;
float: none;
margin-left: 20px;
position: relative;
left: auto;
top: auto;
}
.toggled-on .nav-menu li > ul a {
color: #141412;
width: auto;
}
.toggled-on .nav-menu li:hover > a,
.toggled-on .nav-menu .children a {
background-color: transparent;
color: #141412;
}
.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu ul a:hover {
background-color: #db572f;
color: #fff;
}
ul.nav-menu,
div.nav-menu > ul {
display: none;
}
#content .featured-gallery {
padding-left: 24px;
}
.gallery-columns-1 .gallery-item {
margin-right: 0;
width: 100%;
}
.entry-title,
.format-chat .entry-title,
.format-image .entry-title,
.format-gallery .entry-title,
.format-video .entry-title {
font-size: 22px;
font-weight: bold;
}
.format-quote blockquote,
.format-status .entry-content {
font-size: 18px;
}
.format-quote blockquote small,
.format-quote blockquote cite,
.format-quote .quote-caption {
font-size: 13px;
}
.error404 .page-title {
padding: 40px 0 0;
}
.error404 .page-title:before {
content: normal;
}
.comment-author {
margin-right: 30px;
}
.comment-author .avatar {
height: auto;
max-width: 100%;
}
.comment-metadata,
.comment-content,
.comment-list .reply {
width: 70%;
width: -webkit-calc(100% - 104px);
width: calc(100% - 104px);
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"] {
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px);
}
#commentform textarea {
height: 80px; /* Smaller field for mobile. */
}
/* Audio */
.format-audio .audio-content {
background-image: none;
float: none;
padding-left: 0;
width: auto;
}
.format-audio .entry-media:before {
display: none;
}
}
/* Mobile devices */
@media (max-width: 359px) {
.site-title {
font-size: 26px;
padding-top: 18px;
padding-bottom: 32px;
}
.gallery {
margin-left: 0;
}
.gallery .gallery-item,
.single .gallery-columns-2.gallery-size-thumbnail .gallery-item,
.blog .format-gallery .gallery-item,
.archive .format-gallery .gallery-item,
.search .format-gallery .gallery-item {
margin-bottom: 2%;
margin-right: 2%;
max-width: none;
width: 49%;
}
.single .gallery-columns-1.gallery-size-medium,
.single .gallery-columns-1.gallery-size-thumbnail,
.single .gallery-columns-2.gallery-size-thumbnail,
.single .gallery-columns-3.gallery-size-thumbnail {
display: block;
}
.gallery-columns-1 .gallery-item,
.single .gallery-columns-1.gallery-size-medium .gallery-item,
.single .gallery-columns-1.gallery-size-thumbnail .gallery-item,
.blog .format-gallery .gallery-item:first-child,
.archive .format-gallery .gallery-item:first-child,
.search .format-gallery .gallery-item:first-child {
text-align: center;
width: 100%;
}
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 2%;
}
.single .gallery br {
display: none;
}
.blog .format-gallery .gallery-item:nth-of-type(odd),
.archive .format-gallery .gallery-item:nth-of-type(odd),
.search .format-gallery .gallery-item:nth-of-type(odd),
.single .gallery .gallery-item:nth-of-type(even) {
margin-right: 0;
}
/* Comments */
.comment-author {
margin: 0 0 5px;
max-width: 100%;
}
.comment-author .avatar {
display: inline;
margin: 0 5px 0 0;
max-width: 20px;
}
.comment-metadata,
.comment-content,
.comment-list .reply {
width: 100%;
}
}
/**
* 9.0 Print
* ----------------------------------------------------------------------------
*/
/* Retina-specific styles. */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.site-header .searchform [type="search"],
.site-header .searchform [type="text"] {
background-image: url(images/search-icon-2x.png);
}
.format-audio .audio-content,
.format-status .entry-content:before,
.format-status .entry-meta:before,
.comment-list > li:after,
.comment-list .children > li:before {
background-image: url(images/dotted-line-2x.png);
}
}
@media print {
body {
background: none !important;
color: #000;
font-size: 10pt;
}
footer a[rel="bookmark"]:link:after,
footer a[rel="bookmark"]:visited:after {
content: " [" attr(href) "] "; /* Show URLs */
}
.site {
max-width: 98%;
}
.site-header {
background-image: none !important;
}
.site-header .home-link {
max-width: none;
min-height: 0;
}
.site-title {
color: #000;
font-size: 21pt;
}
.site-description {
font-size: 10pt;
}
.author-avatar,
.site-footer,
#respond,
.comments-area .comment-edit-link,
.comments-area .reply,
.comments-link,
.entry-meta .edit-link,
.page-links,
.site-content nav,
.widget-area,
.main-navigation,
.navbar,
.more-link {
display: none;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
margin: 0;
width: 100%;
}
.page-title,
.entry-title {
font-size: 21pt;
}
.entry-meta,
.entry-meta a {
color: #444;
font-size: 10pt;
}
.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
margin-left: 0;
}
.entry-content img.alignright,
.entry-content .wp-caption.alignright {
margin-right: 0;
}
.format-image .entry-content .size-full {
margin: 0;
}
/* Remove colors from post formats */
.hentry {
background-color: #fff;
}
/* Comments */
.comments-area > li.comment {
background: none;
position: relative;
width: auto;
}
.comment-metadata {
float: none;
}
.comment-author .fn,
.comment-reply-link,
.comment-reply-login {
color: #333;
}
}