Untitled diff

Created Diff never expires
/*
/*
Theme Name: Twenty Fourteen
Theme Name: Twenty Fourteen
Theme URI: http://wordpress.org/themes/twentyfourteen
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author: the WordPress team
Author URI: http://wordpress.org/
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
Version: 1.0
License: GNU General Public License v2 or later
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen
Text Domain: twentyfourteen
This theme, like WordPress, is licensed under the GPL.
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.
Use it to make something cool, have fun, and share what you've learned with others.
*/
*/
/**
/**
* Table of Contents:
* Table of Contents:
*
*
* 1.0 - Reset
* 1.0 - Reset
* 2.0 - Repeatable Patterns
* 2.0 - Repeatable Patterns
* 3.0 - Basic Structure
* 3.0 - Basic Structure
* 4.0 - Header
* 4.0 - Header
* 5.0 - Navigation
* 5.0 - Navigation
* 6.0 - Content
* 6.0 - Content
* 6.1 - Post Thumbnail
* 6.1 - Post Thumbnail
* 6.2 - Entry Header
* 6.2 - Entry Header
* 6.3 - Entry Meta
* 6.3 - Entry Meta
* 6.4 - Entry Content
* 6.4 - Entry Content
* 6.5 - Galleries
* 6.5 - Galleries
* 6.6 - Post Formats
* 6.6 - Post Formats
* 6.7 - Post/Image/Paging Navigation
* 6.7 - Post/Image/Paging Navigation
* 6.8 - Attachments
* 6.8 - Attachments
* 6.9 - Archives
* 6.9 - Archives
* 6.10 - Contributor Page
* 6.10 - Contributor Page
* 6.11 - 404 Page
* 6.11 - 404 Page
* 6.12 - Full-width
* 6.12 - Full-width
* 6.13 - Singular
* 6.13 - Singular
* 6.14 - Comments
* 6.14 - Comments
* 7.0 - Sidebar
* 7.0 - Sidebar
* 7.1 - Widgets
* 7.1 - Widgets
* 7.2 - Content Sidebar Widgets
* 7.2 - Content Sidebar Widgets
* 8.0 - Footer
* 8.0 - Footer
* 9.0 - Featured Content
* 9.0 - Featured Content
* 10.0 - Multisite
* 10.0 - Multisite
* 11.0 - Media Queries
* 11.0 - Media Queries
* 12.0 - Print
* 12.0 - Print
* -----------------------------------------------------------------------------
* -----------------------------------------------------------------------------
*/
*/
/**
/**
* 1.0 Reset
* 1.0 Reset
*
*
* Resetting and rebuilding styles have been helped along thanks to the fine
* Resetting and rebuilding styles have been helped along thanks to the fine
* work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
* work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
* along with Nicolas Gallagher and Jonathan Neal
* along with Nicolas Gallagher and Jonathan Neal
* http://necolas.github.com/normalize.css/ and Blueprint
* http://necolas.github.com/normalize.css/ and Blueprint
* http://www.blueprintcss.org/
* http://www.blueprintcss.org/
*
*
* -----------------------------------------------------------------------------
* -----------------------------------------------------------------------------
*/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
border: 0;
font-family: inherit;
font-family: inherit;
font-size: 100%;
font-size: 100%;
font-style: inherit;
font-style: inherit;
font-weight: inherit;
font-weight: inherit;
margin: 0;
margin: 0;
outline: 0;
outline: 0;
padding: 0;
padding: 0;
vertical-align: baseline;
vertical-align: baseline;
}
}
article,
article,
aside,
aside,
details,
details,
figcaption,
figcaption,
figure,
figure,
footer,
footer,
header,
header,
hgroup,
hgroup,
nav,
nav,
section {
section {
display: block;
display: block;
}
}
audio,
audio,
canvas,
canvas,
video {
video {
display: inline-block;
display: inline-block;
max-width: 100%;
max-width: 100%;
}
}
html {
html {
overflow-y: scroll;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
}
body,
body,
button,
button,
input,
input,
select,
select,
textarea {
textarea {
color: #2b2b2b;
color: #2b2b2b;
font-family: Lato, sans-serif;
font-family: Lato, sans-serif;
font-size: 16px;
font-size: 16px;
font-weight: 400;
font-weight: 400;
line-height: 1.5;
line-height: 1.5;
}
}
body {
body {
background: #f5f5f5;
background: #f5f5f5;
}
}
a {
a {
color: #24890d;
color: #24890d;
text-decoration: none;
text-decoration: none;
}
}
a:focus {
a:focus {
outline: thin dotted;
outline: thin dotted;
}
}
a:hover,
a:hover,
a:active {
a:active {
outline: 0;
outline: 0;
}
}
a:active,
a:active,
a:hover {
a:hover {
color: #41a62a;
color: #41a62a;
}
}
h1,
h1,
h2,
h2,
h3,
h3,
h4,
h4,
h5,
h5,
h6 {
h6 {
clear: both;
clear: both;
font-weight: 700;
font-weight: 700;
margin: 36px 0 12px;
margin: 36px 0 12px;
}
}
h1 {
h1 {
font-size: 26px;
font-size: 26px;
line-height: 1.3846153846;
line-height: 1.3846153846;
}
}
h2 {
h2 {
font-size: 24px;
font-size: 24px;
line-height: 1;
line-height: 1;
}
}
h3 {
h3 {
font-size: 22px;
font-size: 22px;
line-height: 1.0909090909;
line-height: 1.0909090909;
}
}
h4 {
h4 {
font-size: 20px;
font-size: 20px;
line-height: 1.2;
line-height: 1.2;
}
}
h5 {
h5 {
font-size: 18px;
font-size: 18px;
line-height: 1.3333333333;
line-height: 1.3333333333;
}
}
h6 {
h6 {
font-size: 16px;
font-size: 16px;
line-height: 1.5;
line-height: 1.5;
}
}
address {
address {
font-style: italic;
font-style: italic;
margin-bottom: 24px;
margin-bottom: 24px;
}
}
abbr[title] {
abbr[title] {
border-bottom: 1px dotted #2b2b2b;
border-bottom: 1px dotted #2b2b2b;
cursor: help;
cursor: help;
}
}
b,
b,
strong {
strong {
font-weight: 700;
font-weight: 700;
}
}
cite,
cite,
dfn,
dfn,
em,
em,
i {
i {
font-style: italic;
font-style: italic;
}
}
mark,
mark,
ins {
ins {
background: #fff9c0;
background: #fff9c0;
text-decoration: none;
text-decoration: none;
}
}
p {
p {
margin-bottom: 24px;
margin-bottom: 24px;
}
}
code,
code,
kbd,
kbd,
tt,
tt,
var,
var,
samp,
samp,
pre {
pre {
font-family: monospace, serif;
font-family: monospace, serif;
font-size: 15px;
font-size: 15px;
-webkit-hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-ms-hyphens: none;
hyphens: none;
hyphens: none;
line-height: 1.6;
line-height: 1.6;
}
}
pre {
pre {
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 24px;
margin-bottom: 24px;
max-width: 100%;
max-width: 100%;
overflow: auto;
overflow: auto;
padding: 12px;
padding: 12px;
white-space: pre;
white-space: pre;
white-space: pre-wrap;
white-space: pre-wrap;
word-wrap: break-word;
word-wrap: break-word;
}
}
blockquote,
blockquote,
q {
q {
-webkit-hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
-ms-hyphens: none;
hyphens: none;
hyphens: none;
quotes: none;
quotes: none;
}
}
blockquote:before,
blockquote:before,
blockquote:after,
blockquote:after,
q:before,
q:before,
q:after {
q:after {
content: "";
content: "";
content: none;
content: none;
}
}
blockquote {
blockquote {
color: #767676;
color: #767676;
font-size: 19px;
font-size: 19px;
font-style: italic;
font-style: italic;
font-weight: 300;
font-weight: 300;
line-height: 1.2631578947;
line-height: 1.2631578947;
margin-bottom: 24px;
margin-bottom: 24px;
}
}
blockquote cite,
blockquote cite,
blockquote small {
blockquote small {
color: #2b2b2b;
color: #2b2b2b;
font-size: 16px;
font-size: 16px;
font-weight: 400;
font-weight: 400;
line-height: 1.5;
line-height: 1.5;
}
}
blockquote em,
blockquote em,
blockquote i,
blockquote i,
blockquote cite {
blockquote cite {
font-style: normal;
font-style: normal;
}
}
blockquote strong,
blockquote strong,
blockquote b {
blockquote b {
font-weight: 400;
font-weight: 400;
}
}
small {
small {
font-size: smaller;
font-size: smaller;
}
}
big {
big {
font-size: 125%;
font-size: 125%;
}
}
sup,
sup,
sub {
sub {
font-size: 75%;
font-size: 75%;
height: 0;
height: 0;
line-height: 0;
line-height: 0;
position: relative;
position: relative;
vertical-align: baseline;
vertical-align: baseline;
}
}
sup {
sup {
bottom: 1ex;
bottom: 1ex;
}
}
sub {
sub {
top: .5ex;
top: .5ex;
}
}
dl {
dl {
margin-bottom: 24px;
margin-bottom: 24px;
}
}
dt {
dt {
font-weight: bold;
font-weight: bold;
}
}
dd {
dd {
margin-bottom: 24px;
margin-bottom: 24px;
}
}
ul,
ul,
ol {
ol {
list-style: none;
list-style: none;
margin: 0 0 24px 20px;
margin: 0 0 24px 20px;
}
}
ul {
ul {
list-style: disc;
list-style: disc;
}
}
ol {
ol {
list-style: decimal;
list-style: decimal;
}
}
li > ul,
li > ul,
li > ol {
li > ol {
margin: 0 0 0 20px;
margin: 0 0 0 20px;
}
}
img {
img {
-ms-interpolation-mode: bicubic;
-ms-interpolation-mode: bicubic;
border: 0;
border: 0;
vertical-align: middle;
vertical-align: middle;
}
}
figure {
figure {
margin: 0;
margin: 0;
}
}
fieldset {
fieldset {
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 24px;
margin: 0 0 24px;
padding: 11px 12px 0;
padding: 11px 12px 0;
}
}
legend {
legend {
white-space: normal;
white-space: normal;
}
}
button,
button,
input,
input,
select,
select,
textarea {
textarea {
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
font-size: 100%;
margin: 0;
margin: 0;
max-width: 100%;
max-width: 100%;
vertical-align: baseline;
vertical-align: baseline;
}
}
button,
button,
input {
input {
line-height: normal;
line-height: normal;
}
}
input,
input,
textarea {
textarea {
background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */
}
}
button,
button,
html input[type="button"],
html input[type="button"],
input[type="reset"],
input[type="reset"],
input[type="submit"] {
input[type="submit"] {
-webkit-appearance: button;
-webkit-appearance: button;
cursor: pointer;
cursor: pointer;
}
}
button[disabled],
button[disabled],
input[disabled] {
input[disabled] {
cursor: default;
cursor: default;
}
}
input[type="checkbox"],
input[type="checkbox"],
input[type="radio"] {
input[type="radio"] {
padding: 0;
padding: 0;
}
}
input[type="search"] {
input[type="search"] {
-webkit-appearance: textfield;
-webkit-appearance: textfield;
}
}
input[type="search"]::-webkit-search-decoration {
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
-webkit-appearance: none;
}
}
button::-moz-focus-inner,
button::-moz-focus-inner,
input::-moz-focus-inner {
input::-moz-focus-inner {
border: 0;
border: 0;
padding: 0;
padding: 0;
}
}
textarea {
textarea {
overflow: auto;
overflow: auto;
vertical-align: top;
vertical-align: top;
}
}
table,
table,
th,
th,
td {
td {
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
}
}
table {
table {
border-collapse: separate;
border-collapse: separate;
border-spacing: 0;
border-spacing: 0;
border-width: 1px 0 0 1px;
border-width: 1px 0 0 1px;
margin-bottom: 24px;
margin-bottom: 24px;
width: 100%;
width: 100%;
}
}
caption,
caption,
th,
th,
td {
td {
font-weight: normal;
font-weight: normal;
text-align: left;
text-align: left;
}
}
th {
th {
border-width: 0 1px 1px 0;
border-width: 0 1px 1px 0;
font-weight: bold;
font-weight: bold;
}
}
td {
td {
border-width: 0 1px 1px 0;
border-width: 0 1px 1px 0;
}
}
del {
del {
color: #767676;
color: #767676;
}
}
hr {
hr {
background-color: rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1);
border: 0;
border: 0;
height: 1px;
height: 1px;
margin-bottom: 23px;
margin-bottom: 23px;
}
}
/* Support a widely-adopted but non-standard selector for text selection styles
/* Support a widely-adopted but non-standard selector for text selection styles
* to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
* to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
*/
*/
::selection {
::selection {
background: #24890d;
background: #24890d;
color: #fff;
color: #fff;
text-shadow: none;
text-shadow: none;
}
}
::-moz-selection {
::-moz-selection {
background: #24890d;
background: #24890d;
color: #fff;
color: #fff;
text-shadow: none;
text-shadow: none;
}
}
/**
/**
* 2.0 Repeatable Patterns
* 2.0 Repeatable Patterns
* -----------------------------------------------------------------------------
* -----------------------------------------------------------------------------
*/
*/
/* Input fields */
/* Input fields */
input,
input,
textarea {
textarea {
border: 1px solid rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
border-radius: 2px;
color: #2b2b2b;
color: #2b2b2b;
padding: 8px 10px 7px;
padding: 8px 10px 7px;
}
}
textarea {
textarea {
width: 100%;
width: 100%;
}
}
input:focus,
input:focus,
textarea:focus {
textarea:focus {
border: 1px solid rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, 0.3);
outline: 0;
outline: 0;
}
}
/* Buttons */
/* Buttons */
button,
button,
.contributor-posts-link,
.contributor-posts-link,
input[type="button"],
input[type="button"],
input[type="reset"],
input[type="reset"],
input[type="submit"] {
input[type="submit"] {
background-color: #24890d;
background-color: #24890d;
border: 0;
border: 0;
border-radius: 2px;
border-radius: 2px;
color: #fff;
color: #fff;
font-size: 12px;
font-size: 12px;
font-weight: 700;
font-weight: 700;
padding: 10px 30px 11px;
padding: 10px 30px 11px;
text-transform: uppercase;
text-transform: uppercase;
vertical-align: bottom;
vertical-align: bottom;
}
}
button:hover,
button:hover,
button:focus,
button:focus,
.contributor-posts-link:hover,
.contributor-posts-link:hover,
input[type="button"]:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:hover,
input[type="submit"]:focus {
input[type="submit"]:focus {
background-color: #41a62a;
background-color: #41a62a;
color: #fff;
color: #fff;
}
}
button:active,
button:active,
.contributor-posts-link:active,
.contributor-posts-link:active,
input[type="button"]:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
input[type="submit"]:active {
background-color: #55d737;
background-color: #55d737;
}
}
.search-field {
.search-field {
width: 100%;
width: 100%;
}
}
.search-submit {
.search-submit {
display: none;
display: none;
}
}
/* Placeholder text color -- selectors need to be separate to work. */
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
::-webkit-input-placeholder {
color: #939393;
color: #939393;
}
}
:-moz-placeholder {
:-moz-placeholder {
color: #939393;
color: #939393;
}
}
::-moz-placeholder {
::-moz-placeholder {
color: #939393;
color: #939393;
opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
}
:-ms-input-placeholder {
:-ms-input-placeholder {
color: #939393;
color: #939393;
}
}
/* Responsive images. Fluid images for posts, comments, and widgets */
/* Responsive images. Fluid images for posts, comments, and widgets */
.comment-content img,
.comment-content img,
.entry-content img,
.entry-content img,
.entry-summary img,
.entry-summary img,
#site-header img,
#site-header img,
.widget img,
.widget img,
.wp-caption {
.wp-caption {
max-width: 100%;
max-width: 100%;
}
}
/**
/**
* Make sure images with WordPress-added height and width attributes are
* Make sure images with WordPress-added height and width attributes are
* scaled correctly.
* scaled correctly.
*/
*/
.comment-content img[height],
.comment-content img[height],
.entry-content img,
.entry-content img,
.entry-summary img,
.entry-summary img,
img[class*="align"],
img[class*="align"],
img[class*="wp-image-"],
img[class*="wp-image-"],
img[class*="attachment-"],
img[class*="attachment-"],
#site-header img {
#site-header img {
height: auto;
height: auto;
}
}
img.size-full,
img.size-full,
img.size-large,
img.size-large,
.wp-post-image,
.wp-post-image,
.post-thumbnail img {
.post-thumbnail img {
height: auto;
height: auto;
max-width: 100%;
max-width: 100%;
}
}
/* Make sure embeds and iframes fit their containers */
/* Make sure embeds and iframes fit their containers */
embed,
embed,
iframe,
iframe,
object,
object,
video {
video {
margin-bottom: 24px;
margin-bottom: 24px;
max-width: 100%;
max-width: 100%;
}
}
p > embed,
p > embed,
p > iframe,
p > iframe,
p > object,
p > object,
span > embed,
span > embed,
span > iframe,
span > iframe,
span > object {
span > object {
margin-bottom: 0;
margin-bottom: 0;
}
}
/* Alignment */
/* Alignment */
.alignleft {
.alignleft {
float: left;
float: left;
}
}
.alignright {
.alignright {
float: right;
float: right;
}
}
.aligncenter {
.aligncenter {
display: block;
display: block;
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
}
}
blockquote.alignleft,
blockquote.alignleft,
img.alignleft {
img.alignleft {
margin: 7px 24px 7px 0;
margin: 7px 24px 7px 0;
}
}
.wp-caption.alignleft {
.wp-caption.alignleft {
margin: 7px 14px 7px 0;
margin: 7px 14px 7px 0;
}
}
blockquote.alignright,
blockquote.alignright,
img.alignright {
img.alignright {
margin: 7px 0 7px 24px;
margin: 7px 0 7px 24px;
}
}
.wp-caption.alignright {
.wp-caption.alignright {
margin: 7px 0 7px 14px;
margin: 7px 0 7px 14px;
}
}
blockquote.aligncenter,
blockquote.aligncenter,
img.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
.wp-caption.aligncenter {
margin-top: 7px;
margin-top: 7px;
margin-bottom: 7px;
margin-bottom: 7px;
}
}
.site-content blockquote.alignleft,
.site-content blockquote.alignleft,
.site-content blockquote.alignright {
.site-content blockquote.alignright {
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 17px;
padding-top: 17px;
width: 50%;
width: 50%;
}
}
.site-content blockquote.alignleft p,
.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
.site-content blockquote.alignright p {
margin-bottom: 17px;
margin-bottom: 17px;
}
}
.wp-caption {
.wp-caption {
margin-bottom: 24px;
margin-bottom: 24px;
}
}
.wp-caption img[class*="wp-image-"] {
.wp-caption img[class*="wp-image-"] {
display: block;
display: block;
margin: 0;
margin: 0;
}
}
.wp-caption {
.wp-caption {
color: #767676;
color: #767676;
}
}
.wp-caption-text {
.wp-caption-text {
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-size: 12px;
font-style: italic;
font-style: italic;
line-height: 1.5;
line-height: 1.5;
margin: 9px 0;
margin: 9px 0;
padding-right: 10px;
padding-right: 10px;
}
}
.wp-smiley {
.wp-smiley {
border: 0;
border: 0;
margin-bottom: 0;
margin-bottom: 0;
margin-top: 0;
margin-top: 0;
padding: 0;
padding: 0;
}
}
/* Assistive text */
/* Assistive text */
.screen-reader-text {
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
clip: rect(1px, 1px, 1px, 1px);
position: absolute;
position: absolute;
}
}
.screen-reader-text:focus {
.screen-reader-text:focus {
background-color: #f1f1f1;
background-color: #f1f1f1;
border-radius: 3px;
border-radius: 3px;
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;
clip: auto;
color: #21759b;
color: #21759b;
display: block;
display: block;
font-size: 14px;
font-size: 14px;
font-weight: bold;
font-weight: bold;
height: auto;
height: auto;
line-height: normal;
line-height: normal;
padding: 15px 23px 14px;
padding: 15px 23px 14px;
position: absolute;
position: absolute;
left: 5px;
left: 5px;
top: 5px;
top: 5px;
text-decoration: none;
text-decoration: none;
text-transform: none;
text-transform: none;
width: auto;
width: auto;
z-index: 100000; /* Above WP toolbar */
z-index: 100000; /* Above WP toolbar */
}
}
.hide {
.hide {
display: none;
display: none;
}
}
/* Clearing floats */
/* Clearing floats */
.footer-sidebar:before,
.footer-sidebar:before,
.footer-sidebar:after,
.footer-sidebar:after,
.hentry:before,
.hentry:before,
.hentry:after,
.hentry:after,
.slider-direction-nav:before,
.slider-direction-nav:before,
.slider-direction-nav:after,
.slider-direction-nav:after,
.contributor-info:before,
.contributor-info:before,
.contributor-info:after,
.contributor-info:after,
.search-box:before,
.search-box:before,
.search-box:after,
.search-box:after,
[class*="content"]:before,
[class*="content"]:before,
[class*="content"]:after,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:before,
[class*="site"]:after {
[class*="site"]:after {
content: "";
content: "";
display: table;
display: table;
}
}
.footer-sidebar:after,
.footer-sidebar:after,
.hentry:after,
.hentry:after,
.slider-direction-nav:after,
.slider-direction-nav:after,
.contributor-info:after,
.contributor-info:after,
.search-box:after,
.search-box:after,
[class*="content"]:after,
[class*="content"]:after,
[class*="site"]:after {
[class*="site"]:after {
clear: both;
clear: both;
}
}
/* Genericons */
/* Genericons */
.bypostauthor > article .fn:before,
.bypostauthor > article .fn:before,
.comment-edit-link:before,
.comment-edit-link:before,
.comment-reply-link:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.comment-reply-title small a:before,
.contributor-posts-link:before,
.contributor-posts-link:before,
.menu-toggle:before,
.menu-toggle:before,
.search-toggle:before,
.search-toggle:before,
.slider-direction-nav a:before,
.slider-direction-nav a:before,
.widget_twentyfourteen_ephemera .widget-title:before {
.widget_twentyfourteen_ephemera .widget-title:before {
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: inline-block;
font: normal 16px/1 Genericons;
font: normal 16px/1 Genericons;
text-decoration: inherit;
text-decoration: inherit;
vertical-align: text-bottom;
vertical-align: text-bottom;
}
}
/* Separators */
/* Separators */
.site-content span + .entry-date:before,
.site-content span + .entry-date:before,
.full-size-link:before,
.full-size-link:before,
.parent-post-link:before,
.parent-post-link:before,
span + .byline:before,
span + .byline:before,
span + .comments-link:before,
span + .comments-link:before,
span + .edit-link:before,
span + .edit-link:before,
.widget_twentyfourteen_ephemera .entry-title:after {
.widget_twentyfourteen_ephemera .entry-title:after {
content: "\0020\007c\0020";
content: "\0020\007c\0020";
}
}
/**
/**
* 3.0 Basic Structure
* 3.0 Basic Structure
* -----------------------------------------------------------------------------
* -----------------------------------------------------------------------------
*/
*/
.site {
.site {
background-color: #fff;
background-color: #fff;
max-width: 1260px;
max-width: 1260px;
position: relative;
position: relative;
}
}
.main-content {
.main-content {
width: 100%;
width: 100%;
}
}
/**
/**
* 4.0 Header
* 4.0 Header
* -----------------------------------------------------------------------------
* -----------------------------------------------------------------------------
*/
*/
/* Ensure that there is no gap between the header and
/* Ensure that there is no gap between the header and
the admin bar for WordPress versions before 3.8. */
the admin bar for WordPress versions before 3.8. */
#wpadminbar {
#wpadminbar {
min-height: 32px;
min-height: 10px;
}
}
#site-header {
#site-header {
position: relative;
position: relative;
z-index: 3;
z-index: 3;
}
}
.site-header {
.site-header {
background-color: #000;
background-color: #000;
max-width: 1260px;
max-width: 260px;
position: relative;
position: relative;
width: 100%;
width: 100%;
z-index: 4;
z-index: 4;
}
}
.header-main {
.header-main {
min-height: 48px;
min-height: 60px;
padding: 0 10px;
padding: 0 10px;
}
}
.site-title {
.site-title {
float: left;
float: left;
font-size: 18px;
font-size: 18px;
font-weight: 700;
font-weight: 700;
line-height: 48px;
line-height: 48px;
margin: 0;
margin: 0;
}
}
.site-title a,
.site-title a,
.site-title a:hover {
.site-title a:hover {
color: #fff;
color: #fff;
}
}
/* Search in the header */
/* Search in the header */
.search-toggle {
.search-toggle {
background-color: #24890d;
background-color: #24890d;
cursor: pointer;
cursor: pointer;
float: right;
float: right;
height: 48px;
height: 48px;
margin-right: 38px;
margin-right: 38px;
text-align: center;
text-align: center;
width: 48px;
width: 48px;
}
}
.search-toggle:hover,
.search-toggle:hover,
.search-toggle.active {
.search-toggle.active {
background-color: #41a62a;
background-color: #41a62a;
}
}
.search-toggle:before {
.search-toggle:before {
color: #fff;
color: #fff;
content: "\f400";
content: "\f400";
font-size: 20px;
font-size: 20px;
margin-top: 14px;
margin-top: 14px;
}
}
.search-toggle .screen-reader-text {
.search-toggle .screen-reader-text {
left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
}
}
.search-box-wrapper {
.search-box-wrapper {
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
position: absolute;
position: absolute;
top: 48px;
top: 48px;
right: 0;
right: 0;
width: 100%;
width: 100%;
z-index: 2;
z-index: 2;
}
}
.search-box {
.search-box {
background-color: #41a62a;
background-color: #41a62a;
padding: 12px;
padding: 12px;
}
}
.search-box .search-field {
.search-box .search-field {
background-color: #fff;
background-color: #fff;
border: 0;
border: 0;
float: right;
float: right;
font-size: 16px;
font-size: 16px;
padding: 2px 2px 3px 6px;
padding: 2px 2px 3px 6px;
width: 100%;
width: 100%;
}
}
/**
/**
* 5.0 Navigation
* 5.0 Navigation
* -----------------------------------------------------------------------------
* -----------------------------------------------------------------------------
*/
*/
.site-navigation ul {
.site-navigation ul {
list-style: none;
list-style: none;
margin: 0;
margin: 0;
}
}
.site-navigation li {
.site-navigation li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
}
.site-navigation ul ul {
.site-navigation ul ul {
margin-left: 20px;
margin-left: 20px;
}
}
.site-navigation a {
.site-navigation a {
color: #fff;
color: #fff;
display: block;
display: block;
text-transform: uppercase;
text-transform: uppercase;
}
}
.site-navigation a:hover {
.site-navigation a:hover {
color: #41a62a;
color: #41a62a;
}
}
.site-navigation .current_page_item > a,
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
.site-navigation .current-menu-ancestor > a {
color: #55d737;
color: #55d737;
font-weight: 900;
font-weight: 900;
}
}
/* Primary Navigation */
/* Primary Navigation */
.primary-navigation {
.primary-navigation {
-webkit-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
font-size: 14px;
padding-top: 24px;
padding-top: 24px;
}
}
.primary-navigation.toggled-on {
.primary-navigation.toggled-on {
padding: 72px 0 36px;
padding: 72px 0 36px;
}
}
.primary-navigation .nav-menu {
.primary-navigation .nav-menu {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
display: none;
display: none;
}
}
.primary-navigation.toggled-on .nav-menu {
.primary-navigation.toggled-on .nav-menu {
display: block;
display: block;
}
}
.primary-navigation a {
.primary-navigation a {
padding: 7px 0;
padding: 7px 0;
}
}
/* Secondary Navigation */
/* Secondary Navigation */
.secondary-navigation {
.secondary-navigation {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 12px;
font-size: 12px;
margin: 48px 0;
margin: 48px 0;
}
}
.secondary-navigation a {
.secondary-navigation a {
padding: 9px 0;
padding: 9px 0;
}
}
.menu-toggle {
.menu-toggle {
cursor: pointer;
cursor: pointer;
font-size: 0;
font-size: 0;
height: 48px;
height: 48px;
margin: 0;
margin: 0;
overflow: hidden;
overflow: hidden;
position: absolute;
position: absolute;
top: 0;
top: 0;
right: 0;
right: 0;
text-align: center;
text-align: center;
width: 48px;
width: 48px;
}
}
.menu-toggle:before {
.menu-toggle:before {