/*
Theme Name: Maisha
Theme URI: http://www.anarieldesign.com/themes/
Author: Anariel Design
Author URI: http://www.anarieldesign.com/
Description: Maisha is a beautiful charity WordPress theme inspired by "Virunga" documentary. It is modern, responsive and mobile friendly theme. So, no worries there, Google will love it. Theme offers whole variety of cool features like different blog layouts, different header options, extensive color options and more. It is all very easily customizable directly from the WordPress Customizer. Maisha also comes with number of page templates and includes a couple specially styled to support hugely popular plugins like bbPress, BuddyPress, WooCommerce and The Events Calendar. Above all it is very easy to use, coded according to the latest standards and SEO friendly.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, orange, white, gray, dark, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments
Text Domain: maisha
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.
*/
/**
* Table of Contents
*
* 1.0 - Reset
* 2.0 - Genericons
* 3.0 - Typography
* 4.0 - Elements
* 5.0 - Forms
* 6.0 - Navigations
* 6.1 - Links
* 6.2 - Menus
* 7.0 - Accessibility
* 8.0 - Alignments
* 9.0 - Clearings
* 10.0 - Header
* 11.0 - Widgets
* 12.0 - Content
* 12.1 - Posts and pages
* 12.2 - Post Formats
* 12.3 - Comments
* 13.0 - Footer
* 14.0 - Media
* 14.1 - Captions
* 14.2 - Galleries
* 15.0 - Media Queries
* 15.1 - Mobile Large
* 15.2 - Tablet Small
* 15.3 - Tablet Large
* 15.4 - Desktop Small
* 15.5 - Desktop Medium
* 15.6 - Desktop Large
* 15.7 - Desktop X-Large
*/
/**
* 1.0 - Reset
*
* 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
* along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
* and Blueprint 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 {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html,
body {
overflow-x:hidden
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
outline: 0;
vertical-align: baseline;
white-space: normal;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
a img {
border: 0;
}
.entry-content a {
color: #828282;
font-weight: 600;
}
.page-template-projects-page .entry-content a,
.page-template-causes-page .entry-content a,
.page-template-stories-page .entry-content a,
.page-template-staff-page .entry-content a {
color: #333;
}
/**
* 2.0 - Genericons
*/
.social-navigation a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 16px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
/**
* 3.0 Typography
*/
body,
input,
select,
textarea {
color: #333;
font-family: 'Vollkorn', arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
}
button {
color: #333;
font-family: 'Vollkorn', arial, sans-serif;
font-style: italic;
font-weight: 700;
font-size: 20px;
font-size: 2.0rem;
line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-weight: 700;
font-family: 'Oswald', arial, sans-serif;
}
p {
margin-bottom: 1.6em;
}
b,
strong {
font-weight: 700;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
padding: 11px 22px;
border-left: 5px solid #f7931d;
background: #f4f5f5;
color: #828282;
font-size: 16px;
font-size: 1.6rem;
font-style: italic;
line-height: 1.6667;
margin-bottom: 1.6667em;
padding-left: 0.7778em;
}
blockquote p {
font-family: 'Vollkorn', arial, sans-serif;
margin-bottom: 1.6667em;
}
blockquote > p:last-child {
margin-bottom: 0;
}
blockquote cite,
blockquote small {
font-family: 'Vollkorn', arial, sans-serif;
color: #333;
font-size: 14px;
font-size: 1.4rem;
text-transform: uppercase;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
blockquote strong,
blockquote b {
font-weight: 400;
}
address {
font-style: italic;
margin: 0 0 1.6em;
}
code,
kbd,
tt,
var,
samp,
pre {
font-family: Inconsolata, monospace;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
background-color: transparent;
background-color: rgba(0, 0, 0, 0.01);
border: 1px solid #f5f4f4;
border: 1px solid rgba(51, 51, 51, 0.1);
line-height: 1.2;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 0.8em;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
abbr[title] {
border-bottom: 1px dotted #f5f4f4;
border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
cursor: help;
}
mark,
ins {
background-color: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
/**
* 4.0 Elements
*/
hr {
background-color: #f5f4f4;
background-color: rgba(51, 51, 51, 0.1);
border: 0;
height: 1px;
margin-bottom: 1.6em;
}
ul,
ol {
margin: 0 0 1.6em 1.3333em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
}
dl {
margin-bottom: 1.6em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.6em;
}
table,
th,
td {
border: 1px solid #f5f4f4;
border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.6em;
table-layout: fixed; /* Prevents HTML tables from becoming too wide */
width: 100%;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
th {
border-width: 0 1px 1px 0;
font-weight: 700;
}
td {
border-width: 0 1px 1px 0;
}
th, td {
padding: 0.4em;
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
vertical-align: middle;
}
figure {
margin: 0;
}
del {
opacity: 0.8;
}
/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
}
:-moz-placeholder {
}
::-moz-placeholder {
opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}
:-ms-input-placeholder {
}
/**
* 5.0 Forms
*/
button,
input,
select,
textarea {
background-color: #f7f7f7;
border-radius: 0;
font-size: 20px;
font-size: 2.0rem;
line-height: 1.6;
margin: 0;
max-width: 100%;
vertical-align: baseline;
}
button,
input {
line-height: normal;
}
input,
textarea {
border: 1px solid #f5f4f4;
background: #fff;
color: #828282;
}
input:focus,
textarea:focus {
background-color: #fff;
border: 1px solid #c1c1c1;
border: 1px solid rgba(51, 51, 51, 0.3);
color: #333;
}
button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
cursor: default;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-family: 'Vollkorn', arial, sans-serif;
-webkit-appearance: button;
background-color: #f7931d;
border: 0;
color: #333;
cursor: pointer;
font-size: 20px;
font-size: 2.0rem;
font-weight: 700;
padding: 0.7917em 1.5em;
text-transform: uppercase;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
outline: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.375em;
width: 100%;
}
textarea {
overflow: auto;
vertical-align: top;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
outline: 0;
}
.post-password-form {
position: relative;
}
.post-password-form label {
font-family: 'Oswald', arial, sans-serif;
color: #828282;
display: block;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1.5;
text-transform: uppercase;
}
.post-password-form input[type="submit"] {
padding: 0.7917em;
position: absolute;
right: 0;
bottom: 0;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
padding: 0;
}
#subscribe-email input {
padding: 5px!important;
}
/**
* 6.0 Navigations
*/
/**
* 6.1 Links
*/
a {
color: #333;
text-decoration: none;
}
a:hover,
a:focus {
color: #828282;
}
.button:hover,
.button:focus,
.joinbutton:hover,
.joinbutton:focus {
color: #fff;
}
/**
* 6.2 Menus
*/
/* 5.0 - Navigation
-------------------------------------------------------------- */
#secondary {
display: table-cell;
width: 75%;
text-align: right;
vertical-align: middle;
}
.navigation-main {
display: block;
font-size: 13px;
font-size: 1.3rem;
}
.navigation-main ul {
list-style: none;
padding-left: 0;
margin: 0;
}
.navigation-main li {
font-family: 'Oswald', arial, sans-serif;
font-weight: 400;
display: inline-block;
position: relative;
text-align: right;
}
.navigation-main a {
color: #333;
display: inline-block;
padding: 0 15px;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
letter-spacing: .17em;
-webkit-transition: .07s ease-in;
transition: .07s ease-in;
}
.navigation-main a:hover {
color: #f7931d;
}
.navigation-main .current_page_item > a, .navigation-main .current-menu-item > a, .navigation-main .current_page_ancestor > a {
color: #000;
font-weight: bold;
}
.navigation-main li.current_page_item li a, .navigation-main li.current_page_item li li a {
color: #707070;
}
.navigation-main ul ul {
background-color: #f6f6f6;
display: none;
float: left;
position: absolute;
top: 2.5em;
left: -5px;
z-index: 11;
}
.navigation-main li li, .navigation-main li li li {
display: block;
border: none;
}
.navigation-main ul ul ul {
z-index: 13;
left: -190px;
top: 0;
}
.navigation-main ul ul a,
.navigation-main ul ul ul a {
font-size: 14px;
font-size: 1.4rem;
line-height: 20px;
letter-spacing: 0;
padding: 1em 15px 1em;
white-space: normal;
width: 190px;
text-align: left;
text-transform: none;
}
.navigation-main ul li:hover > ul {
display: block;
}
.navigation-main ul li.menu-item-has-children > a:after {
color: #707070;
content: '\f502';
font-family: 'Genericons';
padding-left: 0.5em;
font-size: 11px;
line-height: 25px;
padding-top: 3px;
vertical-align: middle;
text-decoration: inherit;
font-weight: normal;
font-style: normal;
display: inline-block;
margin: -1px 10px 0 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.navigation-main ul li.current_page_item.menu-item-has-children > a:after,
.navigation-main ul ul li.current_page_item.menu-item-has-children > a:after {
color: #000;
}
.navigation-main ul li.menu-item-has-children > a,
.navigation-main ul ul li.menu-item-has-children > a {
padding: 10px 0 10px 15px;
}
.navigation-main ul ul a:hover,
.navigation-main ul ul ul a:hover,
.navigation-main li li.current_page_item > a,
.navigation-main li li.current-menu-item > a,
.navigation-main li li li.current_page_item > a,
.navigation-main li li li.current-menu-item > a {
background-color: #fff;
}
/* Small menu */
.menu-toggle {
background: #fff;
display: none;
cursor: pointer;
font-size: 16px;
line-height: 28px;
font-weight: bold;
margin: 0;
}
.menu-toggle span {
display: none;
}
.main-small-navigation {
font-family: 'Oswald', arial, sans-serif;
font-weight: 400;
font-size: 14px;
margin: 0 auto;
}
.main-small-navigation div {
background-color: #f5f4f4;
padding: 20px 0;
text-align: left;
margin-top: 30px;
}
.main-small-navigation a {
display: block;
color: #000;
padding: 8px 0;
border-bottom: 1px solid #fff;
}
.main-small-navigation ul {
list-style: none;
margin: 0;
}
.main-small-navigation li {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 0 43px;
}
.main-small-navigation ul ul {
display: block;
margin-left: 20px;
}
.main-small-navigation li li {
border-top: 0;
padding: 0;
}
@media screen and (max-width: 1300px) {
.navigation-main a {
padding: 0 5px;
}
}
@media screen and (max-width: 1150px) {
.navigation-main a {
font-size: 12px;
font-size: 1.2rem;
padding: 0 5px;
}
}
@media screen and (max-width: 954px) {
.menu-toggle {
display: inline-block;
position: relative;
margin-top: 10px;
}
.menu-toggle span {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
overflow: hidden;
height: 1px;
width: 1px;
}
.menu-toggle:before {
border: 0px solid #fff;
content: "\f419";
font-size: 25px;
font-size: 2.5rem;
font-family: 'Genericons';
color: #707070;
line-height: 2.25;
font-weight: 500;
font-style: normal;
margin: -2px 2px 0 0px;
padding: 1px;
}
.main-small-navigation ul.nav-menu.toggled-on {
display: block;
}
.navigation-main ul {
display: none;
}
.site-header {
position: relative;
}
.header-inner {
display: inherit;
padding: 15px 80px 40px 80px;
}
.site-logo {
display: inline-block;
max-width: 80%;
padding-top: 10px;
}
#secondary {
display: block;
float: right;
margin-top: -80px;
text-align: right;
width: 100%;
}
}
.social-navigation {
position: fixed;
top: 91px;
right: 0;
background: #f7931d;
padding: 5px;
z-index: 202;
}
.social-navigation ul {
list-style: none;
margin: 0;
}
.social-navigation li {
padding-right: 3px;
}
.social-navigation a {
color: #fff;
display: block;
height: 1.8em;
position: relative;
width: 1.8em;
}
.social-navigation a:before {
content: "\f415";
font-size: 20px;
padding: 5px;
position: absolute;
top: 0;
left: 0;
}
.social-navigation a[href$="/feed/"]:before {
content: "\f413";
}
.social-navigation a[href*="codepen.io"]:before {
content: "\f216";
}
.social-navigation a[href*="digg.com"]:before {
content: "\f221";
}
.social-navigation a[href*="dribbble.com"]:before {
content: "\f201";
}
.social-navigation a[href*="dropbox.com"]:before {
content: "\f225";
}
.social-navigation a[href*="facebook.com"]:before {
content: "\f203";
}
.social-navigation a[href*="flickr.com"]:before {
content: "\f211";
}
.social-navigation a[href*="foursquare.com"]:before {
content: "\f226";
}
.social-navigation a[href*="plus.google.com"]:before {
content: "\f206";
}
.social-navigation a[href*="github.com"]:before {
content: "\f200";
}
.social-navigation a[href*="instagram.com"]:before {
content: "\f215";
}
.social-navigation a[href*="linkedin.com"]:before {
content: "\f208";
}
.social-navigation a[href*="pinterest.com"]:before {
content: "\f210";
}
.social-navigation a[href*="getpocket.com"]:before {
content: "\f224";
}
.social-navigation a[href*="polldaddy.com"]:before {
content: "\f217";
}
.social-navigation a[href*="reddit.com"]:before {
content: "\f222";
}
.social-navigation a[href*="stumbleupon.com"]:before {
content: "\f223";
}
.social-navigation a[href*="tumblr.com"]:before {
content: "\f214";
}
.social-navigation a[href*="twitter.com"]:before {
content: "\f202";
}
.social-navigation a[href*="vimeo.com"]:before {
content: "\f212";
}
.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
content: "\f205";
}
.social-navigation a[href*="youtube.com"]:before {
content: "\f213";
}
.social-navigation a[href*="mailto:"]:before {
content: "\f410";
}
.social-navigation a[href*="spotify.com"]:before {
content: "\f515";
}
.social-navigation a[href*="twitch.tv"]:before {
content: "\f516";
}
.secondary-toggle {
background-color: transparent;
border: 1px solid #828282;
height: 42px;
overflow: hidden;
padding: 0;
position: absolute;
top: 40px;
right: 0;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 42px;
}
.secondary-toggle:before {
color: #828282;
content: "\f419";
line-height: 40px;
width: 40px;
}
.secondary-toggle:hover,
.secondary-toggle:focus {
background-color: transparent;
border: 1px solid #c1c1c1;
border: 1px solid rgba(51, 51, 51, 0.3);
outline: 0;
}
.secondary-toggle.toggled-on:before {
content: "\f405";
font-size: 32px;
position: relative;
top: 1px;
left: -1px;
}
.post-navigation a {
display: block;
}
.post-navigation .meta-nav {
font-family: 'Oswald', arial, sans-serif;
color: #333;
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0.04em;
line-height: 1.5;
position: relative;
text-transform: uppercase;
z-index: 2;
}
.post-navigation .post-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
position: relative;
z-index: 2;
}
.post-navigation .nav-next,
.post-navigation .nav-previous {
background-position: center;
background-size: cover;
position: relative;
}
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.post-navigation .nav-next {
float: left;
width: 50%;
text-align: right;
}
.custom-post-navigation .post-navigation .nav-previous {
background: none;
position: absolute;
right: 0;
margin-right: 10%;
}
.custom-post-navigation .post-navigation .nav-previous a span:after {
content: '\f429';
position: relative;
top: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 30px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
.custom-post-navigation .post-navigation .nav-next a span:before {
content: '\f430';
position: relative;
top: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 30px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
vertical-align: top;
}
.custom-post-navigation .post-navigation .nav-next {
background: none;
position: absolute;
left: 0;
margin-left: 10%;
}
.custom-post-navigation {
margin-top: -50px;
}
.entry-content .custom-post-navigation .post-navigation a {
border: none;
padding: 0;
}
.custom-post-navigation .post-navigation .nav-previous a span,
.custom-post-navigation .post-navigation .nav-next a span {
color: #828282;
font-size: 13px;
font-size: 1.3rem;
font-weight: 500;
text-shadow: 0 0 1px #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.custom-post-navigation .post-navigation .nav-previous a span:hover,
.custom-post-navigation .post-navigation .nav-next a span:hover {
color: #333;
}
.post-navigation a:before {
font-size: 40px;
display: inline-block;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.post-navigation a:hover:before,
.post-navigation a:focus:before {
opacity: 0.5;
}
.pagination {
background-color: #f5f4f4;
}
.pagination .nav-links {
margin-bottom: -10px;
min-height: 3.2em;
position: relative;
text-align: center;
}
.post-navigation .nav-previous .post-title,
.post-navigation .nav-next .post-title {
color: #838383;
display: block;
font-size: 13px;
font-size: 1.3rem;
font-style: italic;
text-transform: none;
}
/* reset screen-reader-text */
.pagination .current .screen-reader-text {
position: static !important;
}
.pagination .page-numbers {
display: none;
line-height: 3.2em;
padding: 0 0.6667em;
}
.pagination .page-numbers.current {
font-family: 'Oswald', arial, sans-serif;
text-transform: uppercase;
}
.pagination .current {
display: inline-block;
font-weight: 700;
}
.pagination .prev,
.pagination .next {
background-color: #333;
color: #fff;
display: inline-block;
height: 48px;
overflow: hidden;
padding: 0;
position: absolute;
width: 48px;
}
.pagination .prev:before,
.pagination .next:before {
font-size: 32px;
height: 48px;
line-height: 48px;
position: relative;
width: 48px;
}
.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
background-color: #000;
}
.pagination .prev {
left: 0;
}
.pagination .prev:before {
content: "\f430";
left: -1px;
}
.pagination .next {
right: 0;
}
.pagination .next:before {
content: "\f429";
right: -1px;
}
.image-navigation,
.comment-navigation {
font-family: 'Oswald', arial, sans-serif;
color: #828282;
font-size: 12px;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.5;
text-transform: uppercase;
}
.image-navigation a,
.comment-navigation a {
color: #828282;
}
.image-navigation a:hover,
.image-navigation a:focus,
.comment-navigation a:hover,
.comment-navigation a:focus {
color: #333;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
display: inline-block;
}
.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
content: "\2215";
font-weight: 400;
margin: 0 0.7em;
}
.image-navigation .nav-previous a:before,
.comment-navigation .nav-previous a:before {
content: "\f430";
margin-right: 0.2em;
position: relative;
}
.image-navigation .nav-next a:after,
.comment-navigation .nav-next a:after {
content: "\f429";
margin-left: 0.2em;
position: relative;
}
.comment-navigation {
border-top: 1px solid #f5f4f4;
border-bottom: 1px solid #f5f4f4;
padding: 2em 0;
}
.comments-title + .comment-navigation {
border-bottom: 0;
}
.image-navigation {
padding: 0 7.6923%;
}
.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
margin-bottom: 2em;
}
/**
* 7.0 Accessibility
*/
/* Text meant only for screen readers */
.says,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
background-color: #f1f1f1;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
color: #21759b;
display: block;
font: bold 14px/normal "Noto Sans", sans-serif;
left: -9999em;
outline: none;
padding: 15px 23px 14px;
text-decoration: none;
text-transform: none;
top: -9999em;
}
.logged-in .site .skip-link {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
font: bold 14px/normal "Open Sans", sans-serif;
}
.site .skip-link:focus {
clip: auto;
height: auto;
left: 6px;
top: 7px;
width: auto;
z-index: 100000;
}
/**
* 8.0 Alignments
*/
.alignleft {
display: inline;
float: left;
}
.alignright {
display: inline;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 0.4em;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
}
/**
* 9.0 Clearings
*/
.clear:before,
.clear:after,
.site:before,
.site:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
content: "";
display: table;
}
.clear:after,
.site:after,
.entry-content:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
clear: both;
}
/**
* 10.0 Header
*/
.site-header {
background: #fff;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 200;
}
.header-inner {
display: table;
width: 100%;
margin: 0 auto;
min-height: 90px;
padding: 15px 80px;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.headerblock .site {
margin: 0 auto -10px auto;
}
.brand {
float: left;
padding-top: 5px;
}
.site-branding {
display: table-cell;
width: 30%;
vertical-align: middle;
line-height: 1em;
z-index: 10;
position: relative;
}
.site-title {
font-family: 'Oswald', arial, sans-serif;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.3636;
margin-bottom: 0;
}
.site-description {
display: none;
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.5;
margin: 0.7em 0 0;
opacity: 0.7;
text-transform: uppercase;
}
.site-logo img {
max-height: 90px;
min-height: 61px;
}
.headerblock.standard,
.headerblock.alternative {
padding-top: 0;
}
.headerblock.standard .site-header,
.headerblock.alternative .site-header {
background: #fff;
position: relative;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 200;
}
.headerblock.standard .site-logo img,
.headerblock.alternative .site-logo img {
max-height: 100%;
min-height: 100%;
}
.headerblock.alternative #secondary {
width: 100%;
text-align: center;
vertical-align: middle;
display: block;
margin: 0;
}
.headerblock.standard .site-logo {
max-width: 60%;
}
.headerblock.alternative .site-logo {
display: block;
text-align: center;
margin-bottom: 10px;
max-width: 100%;
}
/**
* 11.0 Widgets
*/
.widget {
color: #333;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
margin: 0 auto 9.09090%;
width: 100%;
word-wrap: break-word;
}
.widget pre {
line-height: 1.2;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 20px;
font-size: 2.0rem;
line-height: 1.6;
}
.widget button,
.widget input {
line-height: normal;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.7917em 1.5833em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.375em;
margin-bottom: 10px;
}
.widget-title {
font-size: 18px;
font-size: 1.8rem;
font-family: 'Oswald', arial, sans-serif;
color: #333;
margin: 0 0 1.6em;
}
.widget > :last-child {
margin-bottom: 0;
}
.widget_calendar table {
margin: 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.3333;
text-align: center;
padding: 0;
}
.widget_calendar caption {
font-family: 'Oswald', arial, sans-serif;
font-weight: 700;
margin: 0 0 1.6em;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.widget_calendar tbody a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #f7931d;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #828282;
background-color: #fff;
}
.widget_archive a,
.widget_categories a,
.widget_links a,
.widget_meta a,
.widget_nav_menu a,
.widget_pages a,
.widget_recent_comments a,
.widget_recent_entries a {
border: 0;
}
.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
list-style: none;
margin: 0;
}
.sidebar .widget_archive li,
.sidebar .widget_categories li,
.sidebar .widget_links li,
.sidebar .widget_meta li,
.sidebar .widget_nav_menu li,
.sidebar .widget_pages li,
.sidebar .widget_recent_comments li,
.sidebar .widget_recent_entries li {
border-top: 1px solid #fff;
padding: 0.7667em 0;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.6em 0;
}
.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_links li:first-child,
.widget_meta li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child,
.widget_recent_comments li:first-child,
.widget_recent_entries li:first-child {
border-top: 0;
padding-top: 0;
}
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_links li:last-child,
.widget_meta li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child,
.widget_recent_comments li:last-child,
.widget_recent_entries li:last-child {
padding-bottom: 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.7667em 0 0 0.8em;
padding-top: 0.7667em;
}
.sidebar .widget_categories .children,
.sidebar .widget_nav_menu .sub-menu,
.sidebar .widget_pages .children {
border-top: 1px solid #fff;
margin: 0.7667em 0 0 0.8em;
padding-top: 0.7667em;
}
.widget_recent_entries .post-date {
color: #808080;
font-size: 12px;
font-size: 1.2rem;
font-style: italic;
display: block;
}
.widget_rss ul {
list-style: none;
margin: 0;
}
.widget_rss li {
margin-bottom: 1.6em;
}
.widget_rss ul:last-child,
.widget_rss li:last-child {
margin-bottom: 0;
}
.widget_rss .rsswidget {
border: 0;
font-weight: 700;
}
.widget_rss .rsswidget img {
margin-top: -4px;
}
.widget_rss .rss-date,
.widget_rss cite {
font-size: 12px;
font-size: 1.2rem;
font-style: normal;
display: block;
line-height: 2;
opacity: 0.8;
}
.textwidget > :last-child {
margin-bottom: 0;
}
.textwidget a:hover,
.textwidget a:focus {
border-bottom: 0;
}
.widget.jetpack_subscription_widget {
background: #fff;
border-top: 1px dashed #f5f4f4;
border-bottom: 1px dashed #f5f4f4;
padding: 30px 20%;
}
.sidebar .widget input[type="submit"] {
background: #f5f4f4;
color: #333;
}
.sidebar form[id*=give-form] {
background-color: #fff;
margin: 0;
padding: 20px;
}
.tagcloud a {
background-clip: padding-box;
background-color: #333;
color: #fff;
display: inline-block;
font-size: 14px!important;
font-size: 1.4rem!important;
font-weight: 400;
margin-bottom: 5px;
margin-right: 5px;
padding: 2px 8px;
text-decoration: none;
}
.sidebar .soliloquy-theme-karisma .soliloquy-caption,
.sidebar .soliloquy-theme-metro .soliloquy-caption {
width: 100%!important;
top: auto!important;
left: 0!important;
right: 0!important;
bottom: 0!important;
margin-left: 0!important;
margin-right: 0!important;
}
.soliloquy-theme-karisma .soliloquy-caption,
.soliloquy-theme-metro .soliloquy-caption {
right: 0!important;
}
.sidebar .soliloquy-theme-metro .soliloquy-caption .soliloquy-caption-inside {
text-align: left!important;
}
.sidebar .soliloquy-fc-read-more {
font-size: 15px!important;
font-size: 1.5rem!important;
}
.sidebar .soliloquy-fc-title,
.sidebar .soliloquy-fc-title a {
font-size: 16px!important;
font-size: 1.6rem!important;
font-weight: 500!important;
}
.sidebar .widget .give-submit-button-wrap input[type="submit"] {
background: #f7931d;
}
.sidebar .threecolumn.clearfix,
.sidebar .fourcolumn.clearfix,
.sidebar .fivecolumn.clearfix,
.sidebar .sixcolumn.clearfix {
margin-top: 20px;
}
.sidebar .threecolumn figcaption,
.sidebar .fourcolumn figcaption,
.sidebar .fivecolumn figcaption,
.sidebar .sixcolumn figcaption {
display: none;
}
.news .sidebar .threecolumn article,
.news .sidebar .fourcolumn article,
.news .sidebar .fivecolumn article,
.news .sidebar .sixcolumn article {
margin-bottom: 0;
}
.sidebar aside.widget_maisha_one_banner,
.sidebar aside.widget_maisha_two_banner {
background: none;
padding: 0;
}
.so-panel.widget {
padding: 0!important;
}
/**
* 12.0 Content
*/
.page .main {
padding: 0 0 8.3333% 0;
}
.features .main {
padding: 1% 0;
}
.secondary {
display: none;
}
.sidebar .widget {
background: #f5f4f4;
padding: 30px 5%;
}
.secondary.toggled-on {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
display: block;
}
.widget-area {
margin: 9.09090% auto 0;
}
.error-404 {
margin-bottom: 40px;
}
/**
* 12.1 Posts and pages
*/
.blog .aboutpage .entry-content {
padding: 0;
}
.blog .aboutpage .cd-fixed-bg-one {
padding: 40px 0;
margin-bottom: 2%;
}
.page-template-default .aboutpage .cd-fixed-bg-one {
padding: 40px 0;
}
.hentry {
padding-top: 7.6923%;
position: relative;
}
.hentry.has-post-thumbnail {
padding-top: 0;
}
.hentry.sticky:not(.has-post-thumbnail) {
padding-top: -webkit-calc(7.6923% + 24px);
padding-top: calc(7.6923% + 24px);
}
.post-thumbnail {
border: 0;
display: block;
margin-bottom: 2.4em;
}
.post-thumbnail img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.page-template-front-page .post-thumbnail img {
display: inline-block;
}
a.post-thumbnail:hover,
a.post-thumbnail:focus {
opacity: 0.85;
}
.entry-header,
.child-pages,
.page .entry-footer,
.site-info div.content,
.themes-grid,
.single-themes-page {
padding: 0 7.6923%;
}
.entry-title {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.1538;
margin-bottom: 0.9231em;
}
.post .entry-title {
margin: 30px 0;
font-size: 34px;
font-size: 3.4rem;
}
.entry-content h3.install {
font-size: 24px;
font-size: 2.4rem;
display: inline-block;
margin: 0 0 20px 0;
}
.post .entry-footer {
font-size: 14px;
font-size: 1.4rem;
margin: -30px 0 30px 0;
}
.search .page .entry-footer,
.search .product .entry-footer {
font-size: 14px;
font-size: 1.4rem;
margin: -40px 0 30px 0;
padding: 0;
}
.list .post .entry-footer {
margin: -15px 0 0 0;
}
.grid-post .entry-footer {
margin-bottom: 0;
}
.entry-content,
.entry-summary {
padding: 0 7.6923% 4.6923%;
}
.entry-content > :last-child,
.entry-summary > :last-child {
margin-bottom: 0;
}
.entry-content,
.entry-summary,
.page-content,
.comment-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.1538;
margin-top: 1.8462em;
margin-bottom: 0.9231em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2,
.joinnowblock .textwidget h2 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.3636;
margin-top: 2.1818em;
margin-bottom: 1.0909em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
margin-top: 2.6667em;
margin-bottom: 1.3333em;
}
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.2;
margin-top: 3.2em;
margin-bottom: 1.6em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-family: 'Oswald', arial, sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child,
.entry-summary > h1:first-child,
.entry-summary > h2:first-child,
.entry-summary > h3:first-child,
.entry-summary > h4:first-child,
.entry-summary > h5:first-child,
.entry-summary > h6:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child,
.page-content > h4:first-child,
.page-content > h5:first-child,
.page-content > h6:first-child,
.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
margin-top: 0;
}
.news .entry-content a {
color: #828282;
}
.news .entry-content a.button.pro {
color: #fff;
}
.news .entry-content a.more-link,
.news .entry-content a.button {
color: #fff;
font-size: 16px;
font-size: 1.6rem;
background: #333;
padding: 5px 10px;
}
a.more-link {
display: inline-block;
color: #333;
}
.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
display: block;
}
.entry-content .more-link,
.entry-summary .more-link:after {
white-space: nowrap;
}
.author-info {
border: 1px solid #f5f4f4;
margin: 1% 0;
padding: 3%;
}
.author-info .avatar {
float: left;
height: 46px;
margin: 0 1.6em 1.6em 0;
padding: 5px;
width: 46px;
}
.author-title {
clear: none;
display: inline-block;
margin-bottom: 10px;
}
.author-bio {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
overflow: hidden;
padding-bottom: 1px;
}
.author-description {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.author-description a {
border-bottom: 1px solid #333;
}
.author-description a:hover,
.author-description a:focus {
border-bottom: 0;
}
.author-description > :last-child {
margin-bottom: 0;
}
.author-link {
white-space: nowrap;
}
.author-link:after {
content: "\f429";
position: relative;
top: 1px;
}
.post-related {
overflow: hidden;
margin-top: 60px;
}
.post-box {
text-align: center;
}
.post-box-title {
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 30px;
font-weight: 700;
border-bottom: 1px solid #cdcdcd;
padding-bottom: 4px;
display: inline-block;
}
.item-related {
width: 32%;
float: left;
margin-right: 2%;
}
.item-related:last-child {
margin-right: 0;
}
.item-related h3 {
font-size: 16px;
font-size: 1.6rem;
margin: 7px 0 -5px 0;
}
.item-related span.date {
font-size: 11px;
font-size: 1.1rem;
font-style: italic;
color: #828282;
}
.entry-footer {
color: #828282;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.entry-footer a {
border-bottom: 1px solid transparent;
color: #828282;
}
.entry-footer a:hover {
border-bottom: 1px solid #333;
}
.entry-footer a:hover,
.entry-footer a:focus {
color: #333;
}
.sticky-post {
font-family: 'Oswald', arial, sans-serif;
background-color: #333;
color: #fff;
letter-spacing: 0.04em;
padding: 0.45em 0.5em;
position: absolute;
top: 0;
right: 0;
text-transform: uppercase;
}
.updated:not(.published) {
display: none;
}
.sticky .posted-on {
display: none;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
margin-right: 2px;
position: relative;
}
.posted-on,
.byline,
.cat-links,
.tags-links,
.comments-link,
.entry-format,
.full-size-link {
margin-right: 1em;
}
.format-aside .entry-format:before {
content: "\f101";
}
.format-image .entry-format:before {
content: "\f473";
}
.format-gallery .entry-format:before {
content: "\f103";
}
.format-video .entry-format:before {
content: "\f104";
}
.format-status .entry-format:before {
content: "\f105";
}
.format-quote .entry-format:before {
content: "\f106";
}
.format-link .entry-format:before {
content: "\f107";
}
.format-chat .entry-format:before {
content: "\f108";
}
.format-audio .entry-format:before {
content: "\f109";
}
.posted-on:before {
content: "\f307";
}
.byline:before {
content: "\f304";
}
.cat-links:before {
content: "\f301";
}
.tags-links:before {
content: "\f302";
}
.comments-link:before {
content: "\f300";
}
.full-size-link:before {
content: "\f402";
}
.edit-link:before {
content: "\f411";
}
.comments-link,
.edit-link {
white-space: nowrap;
}
.content-quote {
background: rgba(255,255,255,.9);
padding: 20px;
margin: 80px 10% 7%;
position: absolute;
z-index: 10;
top: 0;
max-height: 800px;
}
.format-quote .cd-fixed-bg {
min-height: 500px;
}
.format-quote blockquote {
border-left: 4px solid #333;
margin-left: 0;
}
.post.format-quote .entry-footer {
margin: 10px 0 0 0;
}
.page-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
}
.taxonomy-description {
color: #828282;
padding-top: 0.4em;
}
.taxonomy-description a {
border-bottom: 1px solid #333;
}
.taxonomy-description a:hover,
.taxonomy-description a:focus {
border-bottom: 0;
}
.taxonomy-description > :last-child {
margin-bottom: 0;
}
.page-content {
background-color: #fff;
padding: 7.6923%;
}
.page-content > :last-child {
margin-bottom: 0;
}
.page-links {
clear: both;
margin-bottom: 1.3333em;
}
.page-links a,
.page-links > span {
border: 1px solid #f5f4f4;
border: 1px solid rgba(51, 51, 51, 0.1);
display: inline-block;
font-size: 12px;
font-size: 1.2rem;
height: 2em;
line-height: 2;
margin: 0 0.3333em 0.3333em 0;
text-align: center;
width: 2em;
}
.page-links a {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
background-color: #333;
border-color: #333;
color: #fff;
}
.page-links a:hover,
.page-links a:focus {
background-color: #828282;
border-color: transparent;
color: #fff;
}
.page-links > .page-links-title {
border: 0;
color: #828282;
height: auto;
margin: 0;
padding-right: 0.5em;
width: auto;
}
.entry-attachment {
margin-bottom: 1.6em;
}
.type-attachment .entry-title {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.entry-caption {
color: #828282;
font-size: 12px;
font-size: 1.2rem;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.5;
padding-top: 0.5em;
word-wrap: break-word;
}
.entry-caption > :last-child {
margin-bottom: 0;
}
.child-pages {
margin-top: 4.333%;
text-align: center;
}
.column {
margin-bottom: 40px;
}
.column .entry-header {
padding: 0;
margin-top: 15px;
}
.column .entry-summary {
padding: 0;
}
.column h1.entry-title,
.column h2.entry-title {
font-size: 22px;
font-size: 2.2rem;
}
.column a.more-link {
display: inline-block;
margin-top: 10px;
}
.site .portfolio-entry-content .more-link {
display: inline-block;
margin-top: 10px;
}
.page .entry-footer {
background: transparent;
color: #828282;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.page .entry-content,
.forum-archive .entry-content,
.single-forum .entry-content,
.single-topic .entry-content,
.single .entry-content,
.bbpress .entry-content {
padding-bottom: 1%;
}
.hero.with-featured-image > div {
position: absolute;
top: 0;
}
.hero > div {
overflow: hidden;
width: 100%;
height: 100%;
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.85;
background: #f5f4f4;
}
.content-quote.front {
background: none;
padding: 0;
}
.content-quote.front h1,
.themes-intro .entry-content h1 {
font-size: 52px;
font-size: 5.2rem;
}
.content-quote.front h1 {
margin-bottom: 17px;
}
.button {
background: #f7931d;
border: none;
color: #333;
font-size: 20px;
font-size: 2.0rem;
padding: 12px 17px;
text-transform: lowercase;
}
.button:hover {
background: #f89e35;
}
.front .entry-content,
.front .entry-header {
padding: 0;
}
.page-template-front-page .entry-content a,
.entry-content a.button {
border-bottom: none;
}
.news span.date,
.news .entry-header,
.news .entry-content {
padding: 0;
}
.news article {
margin-bottom: 100px;
}
.full .pagination .nav-links,
.gridpost .pagination .nav-links {
margin-bottom: 0;
}
.gridpost .pagination {
margin: 0;
}
.grid-post .twocolumn {
margin-bottom: 0;
}
.grid-post article {
border: 1px solid #efefef;
padding: 0 0 20px 0;
}
.grid-post .entry-footer {
padding: 5px 20px;
}
.grid-post .entry-content,
.grid-post .entry-header {
padding: 0 20px;
}
.grid-post .entry-content {
font-size: 16px;
font-size: 1.6rem;
}
.grid-post .entry-footer {
font-size: 12px;
font-size: 1.2rem;
margin-top: 10px;
text-align: center;
}
.news .grid-post .entry-content a.more-link {
background: #fff;
color: #333;
display: block;
font-weight: 500;
margin-top: 10px;
padding: 10px;
text-align: center;
}
.news .list .entry-content a.more-link {
background: #fff;
color: #333;
display: block;
font-weight: 500;
margin-top: 10px;
padding: 0;
text-align: left;
}
.grid-post a.more-link:after,
.list a.more-link:after {
content: '\f429';
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
margin: -5px 0 0 -2px;
position: relative;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
top: 8px;
vertical-align: center;
}
.news .grid-post article {
margin-bottom: 30px;
}
.grid-post .entry-title {
font-size: 24px;
font-size: 2.4rem;
text-align: center;
margin: 20px 0;
}
.list .entry-title {
font-size: 24px;
font-size: 2.4rem;
margin: 20px 0;
}
.grid-post hr {
background-color: #efefef;
border: 0;
height: 1px;
margin-bottom: 1.6em;
}
.list .wp-post-image {
float: left;
margin-right: 10px;
}
.list .entry-content {
font-size: 18px;
font-size: 1.8rem;
}
.list .post .entry-title {
margin: 0 0 20px 0;
}
.list .post .entry-footer {
margin-bottom: 0;
}
/* Front Page */
.cd-fixed-bg {
position: relative;
max-width: 100%;
min-height: 900px;
background: no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.content-caption {
background: rgba(0,0,0,0.6);
color: #fff;
max-width: 30%;
left: 10%;
right: 0;
top: 30%;
position: absolute;
padding: 30px;
}
.content-caption .entry-content {
padding: 0;
}
.content-caption .entry-content h1 {
letter-spacing: .2em;
margin-top: 0;
}
.color {
color: #f7931d;
}
.content-caption .button {
color: #333;
float: right;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
}
.cd-panel {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
visibility: hidden;
z-index: 250;
-webkit-transition: visibility 0s 0.6s;
-moz-transition: visibility 0s 0.6s;
transition: visibility 0s 0.6s;
}
.cd-panel::after {
/* overlay layer */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
cursor: pointer;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
.cd-panel.is-visible {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}
.cd-panel.is-visible .cd-panel-close::before {
-webkit-animation: cd-close-1 0.6s 0.3s;
-moz-animation: cd-close-1 0.6s 0.3s;
animation: cd-close-1 0.6s 0.3s;
}
.cd-panel.is-visible .cd-panel-close::after {
-webkit-animation: cd-close-2 0.6s 0.3s;
-moz-animation: cd-close-2 0.6s 0.3s;
animation: cd-close-2 0.6s 0.3s;
}
@-webkit-keyframes cd-close-1 {
0%, 50% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(45deg);
}
}
@-moz-keyframes cd-close-1 {
0%, 50% {
-moz-transform: rotate(0);
}
100% {
-moz-transform: rotate(45deg);
}
}
@keyframes cd-close-1 {
0%, 50% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@-webkit-keyframes cd-close-2 {
0%, 50% {
-webkit-transform: rotate(0);
}
100% {
-webkit-transform: rotate(-45deg);
}
}
@-moz-keyframes cd-close-2 {
0%, 50% {
-moz-transform: rotate(0);
}
100% {
-moz-transform: rotate(-45deg);
}
}
@keyframes cd-close-2 {
0%, 50% {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
.cd-panel-close {
position: absolute;
top: 100px;
right: 100px;
height: 100%;
width: 60px;
/* image replacement */
display: block;
text-indent: 100%;
white-space: nowrap;
z-index: 100;
}
.cd-panel ::after, .cd-panel ::before {
content: '';
}
.cd-panel-close::before, .cd-panel-close::after {
/* close icon created in CSS */
position: absolute;
top: 0;
left: 20px;
height: 3px;
width: 20px;
background-color: #fff;
/* this fixes a bug where pseudo elements are slighty off position */
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-panel-close::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-panel-close::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.no-touch .cd-panel-close:hover {
background-color: #fff;
}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
background-color: #ffffff;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.no-touch .cd-panel-close:hover::before {
-webkit-transform: rotate(220deg);
-moz-transform: rotate(220deg);
-ms-transform: rotate(220deg);
-o-transform: rotate(220deg);
transform: rotate(220deg);
}
.no-touch .cd-panel-close:hover::after {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.cd-panel-container {
font-size: 18px;
font-size: 1.8rem;
position: fixed;
width: 90%;
height: 100%;
top: 0;
background: #333;
z-index: 1;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.cd-panel-container .button {
color: #333;
display: inline-block;
float: none;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
margin: 20px 15px 0 0;
}
.cd-panel-container .entry-content h2 {
font-size: 22px;
font-size: 2.2rem;
font-weight: 600;
}
.from-right .cd-panel-container {
right: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
transition-delay: 0s;
}
@media only screen and (min-width: 768px) {
.cd-panel-container {
width: 70%;
}
}
@media only screen and (min-width: 1170px) {
.cd-panel-container {
width: 50%;
}
}
.cd-panel-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 70px 5%;
overflow: auto;
/* smooth scrolling on touch devices */
-webkit-overflow-scrolling: touch;
}
.cd-panel-content a {
color: #f7931d;
}
.cd-panel-content p:first-of-type {
margin-top: 0;
}
.block-one {
text-align: center;
}
.block-one .hentry {
padding-top: 4%;
}
.page .block-one .main,
.page .block-three .main {
padding: 0;
}
.second-block {
max-width: 100%;
position: relative;
text-align: center;
}
.block-two {
max-width: 100%;
padding: 40px 0;
background: #333 no-repeat center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: relative;
text-align: center;
}
.overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.85;
background: #333;
}
.page .block-two .main {
padding: 0;
}
.block-two-content {
color: #fff;
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: table;
width: 100%;
margin: 0 auto;
padding: 45px 80px;
vertical-align: middle;
}
.block-two-content .button {
color: #333;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
}
.block-three {
padding: 2% 0;
}
.block-three .hentry {
padding-top: 0;
}
.featured-image {
width: 50px;
height: 50px;
display: inline-block;
padding-top: 2px;
float: left;
}
.content-right-block {
display: table;
margin-left: 70px;
}
.content-right-block h2.entry-title {
font-size: 20px;
font-size: 2rem;
margin-top: 0;
}
@-moz-document url-prefix() {
.content-right-block h2.entry-title {
margin-top: 0;
}
.block-three {
padding: 3% 0 2% 0;
}
}
@media screen\0 {
.content-right-block h2.entry-title {
margin-top: 0;
}
.block-three {
padding: 4% 0;
}
}
.block-three .two_third.lastcolumn {
margin-top: 20px;
}
.block-four .entry-content {
padding: 0;
}
.block-four h3.widget-title {
text-align: center;
font-size: 30px;
font-size: 3rem;
margin-bottom: 15px;
}
.block-four figure img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.block-four figure img:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.block-four figure {
position: relative;
z-index: 1;
overflow: hidden;
cursor: pointer;
}
.block-four figure figcaption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.block-four .post .entry-title {
background: rgba(0,0,0,.6);
padding: 10px;
display: inline-block;
border-bottom: 3px solid #f7931d;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
text-transform: uppercase;
}
.block-four .post .entry-title a {
color: #fff;
}
.block-four .post-thumbnail {
margin: 0;
}
.page-template-front-page-one .content-right-block h2.entry-title,
.page-template-front-page-version-one .content-right-block h2.entry-title,
.page-template-front-page-version-two .content-right-block h2.entry-title {
margin-top: 0;
}
.page-template-front-page-one .content-right-block p,
.page-template-front-page-version-one .content-right-block p,
.page-template-front-page-version-two .content-right-block p {
margin-bottom: 3em;
}
.front-page-one {
text-align: center;
}
.page-template-front-page-one .soliloquy-theme-karisma .soliloquy-caption,
.page-template-front-page-one .soliloquy-theme-metro .soliloquy-caption {
width: 20%!important;
top: 30%!important;
left: 0!important;
right: 0!important;
bottom: auto!important;
margin-left: auto!important;
margin-right: auto!important;
}
.page-template-front-page-one .soliloquy-theme-karisma .soliloquy-caption-inside a,
.page-template-front-page-one .soliloquy-theme-karisma .soliloquy-caption-inside .soliloquy-fc-title-link,
.page-template-front-page-one .soliloquy-theme-karisma .soliloquy-caption-inside .soliloquy-fc-read-more {
color: #f7931d!important;
}
.page-template-front-page-one .soliloquy-container,
.page-template-front-page-one .soliloquy-container * {
line-height: 2em!important;
font-family: 'Oswald', arial, sans-serif!important;
font-style: normal!important;
}
.page-template-front-page-one .soliloquy-container h1,
.page-template-front-page-one .soliloquy-container h2,
.page-template-front-page-one .soliloquy-container h3,
.page-template-front-page-one .soliloquy-container h4,
.page-template-front-page-one .soliloquy-container h5,
.page-template-front-page-one .soliloquy-container h6 {
font-family: 'Oswald', arial, sans-serif!important;
letter-spacing: .2em!important;
}
.page-template-front-page-one .soliloquy-theme-metro .soliloquy-caption .soliloquy-caption-inside,
.page-template-front-page-one .soliloquy-theme-karisma .soliloquy-caption .soliloquy-caption-inside {
background: rgba(0, 0, 0, .8)!important;
font-size: 16px!important;
padding: 20px!important;
text-shadow: none!important;
text-align: center!important;
}
.page-template-front-page-one .soliloquy-container h1,
.page-template-front-page-one .soliloquy-container h2 {
font-size: 28px;
font-size: 2.8rem;
letter-spacing: .2em;
margin-bottom: 0;
}
.headerblock {
background: #fff;
padding-top: 90px;
}
video {
width: 100%;
height: 100%;
}
.video-container {
margin: -20px 0 -30px 0;
}
.video-container .content-caption {
background: rgba(255,255,255,0.7);
color: #333;
top: 20%;
text-align: left;
}
.video-container .content-caption h1 {
font-size: 31px;
font-size: 3.1rem;
letter-spacing: .2em;
margin-bottom: 0.9231em;
}
.video-container .content-caption .button {
float: left;
}
.content-caption div.give-form-wrap {
background: #fff;
padding: 20px 20px 5px 20px;
}
[id*=give-form].give-display-modal .give-btn,
[id*=give-form].give-display-reveal .give-btn {
margin: 0;
}
/* About Page */
.aboutpage .hentry {
padding-top: 0;
}
.aboutpage .cd-fixed-bg-one {
padding: 80px 0;
width: 100%;
position: relative;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #333;
}
.aboutpage .cd-fixed-bg-one.withoutimg {
padding: 30px 0 20px 0;
width: 100%;
position: relative;
text-align: center;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #333;
}
.aboutpage .cd-fixed-bg-one h1 {
color: #fff;
font-size: 60px;
font-size: 6rem;
margin-bottom: 0;
z-index: 100;
position: relative;
}
.aboutpage .cd-fixed-bg-one .entry-content {
color: #fff;
z-index: 100;
position: relative;
}
.aboutpage p {
font-size: 16px;
font-size: 1.6rem;
letter-spacing: .2em;
font-weight: 300;
text-transform: uppercase;
}
.aboutpage .cd-fixed-bg-one hr.short {
background-color: #fff;
max-width: 50px;
height: 1px;
margin-top: 20px;
position: relative;
z-index: 100 !important;
display: block;
}
.aboutpage .cd-fixed-bg-one .overlay {
background: rgba(0,0,0,.6);
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: .7;
}
.page-template-about-page .block-one {
text-align: left;
}
.page-template-about-page .columns {
margin-top: 30px;
padding: 0;
text-align: left;
}
.page-template-about-page .columns .entry-content {
background: #f5f4f4;
font-size: 16px;
font-size: 1.6rem;
padding: 5%;
}
.page-template-about-page .columns .entry-title {
font-size: 22px;
font-size: 2.2rem;
margin-bottom: 0;
text-align: center;
}
.page-template-about-page .columns hr {
background-color: #fff;
border: 0;
height: 2px;
margin-bottom: 1.6em;
max-width: 20%;
}
.page-template-about-page .columns .post-thumbnail {
margin-bottom: 0;
}
.info {
background: #f5f4f4;
width: 100%;
overflow: hidden;
}
.info_pic {
display: block;
width: 50%;
height: 405px;
float: right;
background: #333 no-repeat center;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.info_details {
display: block;
height: 405px;
}
.info_details .entry-innen {
width: 50%;
float: left;
padding: 20px 40px 20px 0;
}
.container {
position: relative;
width: 100%;
margin: 0 auto;
}
.info_details .button {
background: #333;
color: #fff;
}
/* Full Width Page */
body.page-template-full-width-page,
.page-template-events-page-php {
background: #f5f4f4;
}
.page-template-full-width-page .cd-fixed-bg {
min-height: 500px;
}
.page-template-full-width-page .hentry {
padding-top: 0;
}
.page-template-full-width-page img.attachment-post-thumbnail.wp-post-image {
margin-bottom: 40px;
}
.page-template-full-width-page .default-page .site-content,
.page-template-events-page-php .default-page .site-content {
margin: 4% 0;
padding: 0 10%;
}
.page-template-full-width-page .default-page.up .site-content {
margin: -8% 0 4% 0;
padding: 0 10%;
position: relative;
}
.page-template-events-page-php .default-page .content-area {
background: #fff;
padding: 4% 0;
}
.page-template-full-width-page .default-page .content-area {
background: #fff;
padding: 4% 0 10% 0;
}
.page-template-full-width-page .themes-intro .entry-content h1 {
text-align: center;
}
.page-template-full-width-page hr.short {
background-color: #f5f4f4;
max-width: 50px;
height: 3px;
margin-top: 10px;
position: relative;
z-index: 100 !important;
display: block;
}
.page.page-template-full-width-page .comments-area {
margin-top: 0;
margin-bottom: 0;
}
.page.page-template-full-width-page .main {
padding: 0;
}
.page.page-template-full-width-page div.give-form-wrap {
background: #f5f4f4;
padding: 20px 20px 5px 20px;
}
.page.page-template-full-width-page form[id*=give-form] select.give-select-level {
border: none;
background: #fff;
}
.page.page-template-full-width-page form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {
border-left: 1px solid #fff;
}
.page.page-template-full-width-page form[id*=give-form] .give-donation-amount .give-currency-symbol {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.page.page-template-full-width-page form[id*=give-form] .give-donation-amount #give-amount {
border: 1px solid #fff;
}
.page.page-template-full-width-page form[id*=give-form] #give-final-total-wrap .give-final-total-amount {
background: #fff;
}
/* Staff Page */
.page.page-template-staff-page .main {
padding: 20px 0 0 0;
}
.page.page-template-staff-page .columns {
margin-top: 30px;
text-align: left;
}
.page.page-template-staff-page .columns .entry-content {
background: #f5f4f4;
font-size: 16px;
font-size: 1.6rem;
padding: 5%;
}
.page.page-template-staff-page .columns .entry-title {
font-size: 22px;
font-size: 2.2rem;
margin-bottom: 0;
text-align: center;
}
.page.page-template-staff-page .columns hr {
background-color: #fff;
border: 0;
height: 2px;
margin-bottom: 1.6em;
max-width: 20%;
}
.page.page-template-staff-page .columns .post-thumbnail {
margin-bottom: 0;
}
.page a.more-link {
background: none;
display: block;
font-weight: 500;
padding: 10px;
text-align: center;
}
.page.page-template-about-page a.more-link,
.page.page-template-staff-page a.more-link {
background: #fff;
display: block;
font-weight: 500;
padding: 10px;
text-align: center;
}
.page a.more-link:after {
content: '\f429';
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 20px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
margin: -5px 0 0 -2px;
position: relative;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
top: 8px;
vertical-align: center;
}
.page.page-template-front-page .block-three a.more-link,
.page.page-template-front-page-version-one .block-three a.more-link,
.page.page-template-front-page-version-two .block-three a.more-link,
.page.page-template-front-page-three .block-three a.more-link,
.page.page-template-front-page-four .block-three a.more-link {
display: inline-block;
padding: 0;
}
.page.page-template-front-page a.more-link:after,
.page.page-template-front-page-version-one a.more-link:after,
.page.page-template-front-page-version-two a.more-link:after,
.page.page-template-front-page-three a.more-link:after,
.page.page-template-front-page-four a.more-link:after {
top: 12px;
}
.page-template-staff-page .column ul {
border: 1px solid #dcdcdc;
padding: 10px;
font-style: italic;
font-size: 14px;
font-size: 1.4rem;
color: #838383;
background: #fff;
margin-top: -10px;
}
.page-template-staff-page .column ul a {
color: #f7931d;
}
.page-template-staff-page .column ul li {
list-style: none;
}
/* Full Width Background Page */
.page-template-full-bg-page .aboutpage .cd-fixed-bg-one {
padding: 280px 0;
}
.page-template-full-bg-page .aboutpage .cd-fixed-bg-one.withoutimg {
padding: 280px 0;
}
.page-template-full-bg-page .cd-fixed-bg-one .overlay {
background: rgba(0,0,0,.8);
opacity: .8;
}
.page-template-full-bg-page .aboutpage ul {
border: 1px solid #000;
display: inline-block;
padding: 20px 40px;
font-style: italic;
font-size: 14px;
font-size: 1.4rem;
color: #838383;
background: rgba(0,0,0,.7);
}
.page-template-full-bg-page .aboutpage .soliloquy-wrapper ul {
background: none;
border: none;
}
.page-template-full-bg-page .aboutpage ul a {
color: #f7931d;
}
.page-template-full-bg-page .aboutpage ul li {
list-style: none;
}
.page-template-full-bg-page .aboutpage p {
font-size: 100%;
letter-spacing: 0;
text-transform: none;
font-weight: normal;
}
/* Default Page */
.page-template-default .default-page .site-content {
padding-top: 4%;
}
.page.page-template-default .comments-area {
margin: 8.3333% 0 0;
}
.page-template-basic-page .main {
padding: 3.3333% 0 0 0;
}
.page-template-basic-page .hentry {
padding: 0;
}
/* Events Page */
.page-template-events-page-php .hentry {
padding-top: 0;
}
.tribe-events-loop .type-tribe_events.tribe-events-last {
margin-top: 30px;
}
.tribe-events-list .tribe-events-event-cost span {
background: #f7931d;
border: none;
}
.tribe-events-list .time-details,
.tribe-events-list .tribe-events-venue-details {
color: #838383;
font-style: italic;
font-weight: 500;
}
.tribe-events-gmap {
border: 1px solid #333;
padding: 5px;
}
.tribe-events-read-more {
background: #333;
color: #fff;
display: inline-block;
font-size: 16px;
font-size: 1.6rem;
margin-top: 10px;
padding: 5px;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] {
background: #333;
}
.tribe-events-day .tribe-events-day-time-slot .type-tribe_events {
margin-left: 0;
}
#tribe-events .tribe-events-button,
#tribe-events .tribe-events-button:hover,
#tribe_events_filters_wrapper input[type=submit],
.tribe-events-button,
.tribe-events-button.tribe-active:hover,
.tribe-events-button.tribe-inactive,
.tribe-events-button:hover,
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-],
.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a,
#tribe-events-content .tribe-events-calendar td.tribe-events-present.mobile-active:hover,
.tribe-events-calendar td.tribe-events-present.mobile-active,
.tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-],
.tribe-events-calendar td.tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a {
background: #f7931d;
}
.tribe-events-single-event-title.summary.entry-title {
float: left;
}
.tribe-events-schedule.updated.published.tribe-clearfix {
float: right;
}
.tribe-events-schedule {
margin: 0 0 20px 0;
}
.tribe-events-back {
margin: -35px 0 40px 0;
background: #f5f4f4;
padding: 5px 20px;
}
.single-tribe_events .tribe-events-schedule {
background: #fafafa;
border: 1px solid #f5f4f4;
font-size: 14px;
font-size: 1.4rem;
padding: 5px 10px;
}
.single-tribe_events h2.tribe-events-single-event-title {
font-size: 24px;
font-size: 2.4rem;
}
.tribe-events-day .tribe-events-day-time-slot h5 {
background: #f5f4f4;
color: #333;
}
[id*=give-form] div.images {
margin-bottom: 0!important;
}
.give_forms .entry-summary {
padding: 0 23% 0 2%!important;
}
/* BuddyPress & bbPress */
.page-template-buddypress-php,
.page-template-forum-php,
.page-template-404-php,
.buddypress,
.bbpress {
background: #f5f4f4;
}
.page-template-buddypress-php .single-themes-page,
.page-template-forum-php .single-themes-page,
.page-template-404-php .single-themes-page,
.buddypress .single-themes-page,
.bbpress .single-themes-page {
padding-top: 4%;
}
.page-template-buddypress-php .hentry,
.page-template-forum-php .hentry,
.page-template-404-php .hentry,
.buddypress .hentry,
.bbpress .hentry {
padding-top: 0;
}
.page-template-buddypress-php #primary,
.page-template-forum-php #primary,
.page-template-404-php #primary,
.buddypress #primary,
.bbpress #primary {
background: #fff;
padding: 40px;
}
.page-template-buddypress-php .sidebar .widget,
.page-template-forum-php .sidebar .widget,
.buddypress .sidebar .widget,
.bbpress .sidebar .widget {
background: #fff;
}
.page-template-buddypress-php .news article,
.page-template-forum-php .news article,
.buddypress .news article,
.bbpress .news article {
margin-bottom: 0;
}
.page-template-forum-php .news .themes-intro article {
margin-bottom: 0;
}
.page.page-template-buddypress-php .main,
.page-template-forum-php .main,
.buddypress.page-template-default .main,
.bbpress .main {
padding: 0 0 3% 0;
}
.sidebar li {
list-style: none;
}
.bbp-logged-in h4 a {
font-size: 14px;
font-size: 1.4rem;
}
#buddypress div.dir-search {
float: left;
margin: 10px 0 20px 0;
}
#buddypress #search-groups-form input[type=submit],
#buddypress #members-dir-search input[type=submit] {
background: #f5f4f4;
border: none;
color: #333;
font-size: small;
cursor: pointer;
outline: none;
padding: 5px 10px;
text-align: center;
text-decoration: none;
}
#buddypress div.generic-button a {
background: #333;
border: none;
color: #fff;
}
#buddypress div.item-list-tabs ul {
font-size: 16px;
font-size: 1.6rem;
}
#buddypress div.item-list-tabs ul li a span {
border: 1px solid #f5f4f4;
border-radius: 0;
color: #333;
}
#buddypress .standard-form textarea,
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=text],
#buddypress .standard-form input[type=color],
#buddypress .standard-form input[type=date],
#buddypress .standard-form input[type=datetime],
#buddypress .standard-form input[type=datetime-local],
#buddypress .standard-form input[type=email],
#buddypress .standard-form input[type=month],
#buddypress .standard-form input[type=number],
#buddypress .standard-form input[type=range],
#buddypress .standard-form input[type=search],
#buddypress .standard-form input[type=tel],
#buddypress .standard-form input[type=time],
#buddypress .standard-form input[type=url],
#buddypress .standard-form input[type=week],
#buddypress .standard-form select,
#buddypress .standard-form input[type=password],
#buddypress .dir-search input[type=search],
#buddypress .dir-search input[type=text],
#buddypress .groups-members-search input[type=search],
#buddypress .groups-members-search input[type=text] {
border: 1px solid #f5f4f4;
background: #fff;
}
#buddypress div.item-list-tabs#subnav {
margin: -80px 0 10px;
}
#buddypress div.item-list-tabs ul li.last select {
font-size: 16px;
font-size: 1.6rem;
}
#buddypress div.pagination .pag-count {
margin-left: 0;
}
#buddypress #search-groups-form input[type=submit],
#buddypress #members-dir-search input[type=submit] {
float: right;
margin: 0 0 0 10px;
padding: 8px 10px;
}
#buddypress #search-groups-form label,
#buddypress #members-dir-search label {
float: left;
}
#message.info {
background: none;
}
#buddypress div.item-list-tabs ul {
margin: 0 0 80px 0;
}
#group-dir-pag-top {
display: none;
}
#buddypress .pagination .prev:before,
#buddypress .pagination .next:before {
display: none;
}
#buddypress .pagination .prev,
#buddypress .pagination .next {
background-color: transparent;
color: #333;
height: auto;
padding: 0;
position: relative;
width: auto;
}
#buddypress .pagination .next,
#buddypress .pagination .prev {
top: 13px;
}
#buddypress div#item-header div#item-actions h3 {
font-size: 20px;
font-size: 2rem;
}
#buddypress div.item-list-tabs#subnav ul li {
margin-top: 30px;
}
#bbpress-forums div.bbp-template-notice img.avatar {
float: left;
margin-right: 10px;
}
.group-members #buddypress div.item-list-tabs#subnav ul li {
margin-top: 60px;
}
.entry-content .item-list h5 {
font-size: 12px;
font-size: 1.2rem;
margin: 10px 0;
text-transform: none;
}
.bp-user #buddypress div.item-list-tabs#subnav ul li.last {
margin-top: 35px;
}
.widget.buddypress div.item-options {
font-size: 100%;
}
form#group-settings-form {
font-size: 16px;
font-size: 1.6rem;
}
#buddypress div#item-header h2 {
font-size: 20px;
}
#buddypress div.item-list-tabs ul li.last select {
max-width: 185px;
padding: 5px 10px;
border-radius: 4px;
margin: 10px 0px 20px;
background: #f5f4f4;
color: #333;
border: 1px solid #f5f4f4;
}
#buddypress div#message p, #sitewide-notice p {
background-color: #fff;
border: 1px solid #f5f4f4;
color: #333;
}
#bbpress-forums #bbp-search-form #bbp_search {
padding: .2em;
}
input#bbp_search_submit {
background: #f5f4f4;
}
a.button.logout-link {
font-size: 12px;
font-size: 1.2rem;
font-weight: 500;
padding: 5px 10px;
margin-top: 10px;
display: inline-block;
}
#sidebar .bbp-login-form label {
width: 100%;
}
div.bbp-submit-wrapper {
float: left;
}
#bbpress-forums ul.bbp-forums {
margin-top: 60px;
}
.widget.buddypress #bp-login-widget-form #bp-login-widget-submit {
background: #f7931d;
}
.bbpress .button {
font-size: 14px;
font-size: 1.4rem;
padding: 3px 15px 5px 15px;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
font-size: 14px;
font-size: 1.4rem;
}
.bbpress input,
.bbpress select {
font-size: 14px;
font-size: 1.4rem;
}
#bbpress-forums p.bbp-topic-meta img.avatar {
margin-bottom: 0;
}
.bbpress .entry-content a img {
display: inherit;
}
/* Bop Nav Search */
.bop-nav-search input.search-field {
width: 61%;
padding: 3px;
border: 1px solid #dcdcdc;
}
.bop-nav-search input.search-submit {
padding: 7px 12px;
background: #f5f4f4;
text-transform: none;
}
/* Search in the header */
.search-toggle {
background: #f7931d;
cursor: pointer;
float: right;
height: 39px;
margin-right: 38px;
text-align: center;
width: 39px;
position: absolute;
z-index: 1000;
}
.search-toggle:before {
color: #fff;
content: "\f400";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-family: "Genericons";
font-size: 20px;
font-style: normal;
font-weight: 800;
font-variant: normal;
line-height: 1;
margin: -5px 0 0 -2px;
position: relative;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
top: 8px;
vertical-align: center;
}
.search-toggle .screen-reader-text {
left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
}
.search-box-wrapper {
background: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
padding: 4px;
left: 38px;
width: 100%;
z-index: 1000;
}
.search-box .search-field {
background: #333;
border: 0;
color: #fff;
font-size: 14px;
font-size: 1.4rem;
float: right;
width: 100%;
}
.hide {
display: none;
}
.search .page-content {
padding: 0;
}
.fixed .search-toggle {
position: fixed;
margin-top: 1px;
}
.fixed .search-box-wrapper {
position: fixed;
height: 39px;
margin-top: 1px;
}
/* WooCommerce */
.woocommerce .page-title {
background: #f5f4f4;
font-size: 60px;
font-size: 6rem;
margin-bottom: 40px;
padding: 30px 0;
text-align: center;
text-transform: none;
}
.woocommerce .page-title:after {
display: block;
margin: 0 auto;
max-width: 50px;
height: 3px;
background: #fff;
content: " ";
margin-top: 9px;
z-index: 10;
position: relative;
}
.woocommerce .page-description {
margin-top: -100px;
margin-bottom: 40px!important;
padding: 40px;
background: #f5f4f4;
}
.woocommerce select,
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
font-size: 80%;
}
.woocommerce ul.products li.product h3 {
font-size: 18px;
font-size: 1.8rem;
}
.woocommerce ul.products li.product .price,
.woocommerce span.amount {
color: #f7931d;
}
.single-product p.price {
color: #f7931d!important;
}
.woocommerce span.onsale {
background: #f7931d;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background: #333;
}
.woocommerce #respond input#submit.alt:visited,
.woocommerce a.button.alt:visited,
.woocommerce button.button.alt:visited,
.woocommerce input.button.alt:visited {
background: #000;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background: #333;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background: #f5f4f4;
border: none;
border-radius: 0;
font-size: 70%;
}
.woocommerce .entry-content,
.woocommerce .entry-summary {
padding: 0;
}
.woocommerce .entry-content h2,
.woocommerce #reviews h3 {
font-size: 100%;
margin-top: 0;
}
.woocommerce div.product .product_title {
margin-bottom: 5px;
}
.woocommerce div.product .woocommerce-product-rating {
color: #dcdcdc;
font-size: 90%;
margin-bottom: 10px;
}
.woocommerce .star-rating span:before {
color: #dcdcdc;
}
.woocommerce ul.tabs {
font-size: 80%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
margin-bottom: 0;
padding: 0;
}
.entry-content .soliloquy-container a {
border: none;
}
.woocommerce .woocommerce-breadcrumb {
background: #fff;
display: inline-block;
font-size: 80%;
margin-bottom: 30px;
padding: 0 0 0 10px;
border-left: 4px solid #333;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
background: #dcdcdc;
border: none;
border-radius: 0;
margin-right: 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
box-shadow: 0 0 0 #dcdcdc;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
border-bottom-right-radius:0;
border-width: 0;
box-shadow: 0 0 0 #dcdcdc;
border: none;
border-radius: 0;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs:after,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before {
border: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 20px;
border: 1px solid #dcdcdc;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
border: 1px dashed #dcdcdc;
padding: 8px 6px 5px;
font-size: 15px;
font-size: 1.5rem;
}
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
width: 110px;
}
.woocommerce .woocommerce-message {
border-top-color: #f7931d;
}
.woocommerce .woocommerce-message:before {
color: #f7931d;
}
.woocommerce-page .hentry {
padding-top: 2%;
}
/* Contact Form 7 */
.page-template-default .main {
padding: 0;
}
form.wpcf7-form {
background: #f5f4f4;
padding: 40px;
}
/* Projects, Stories & Causes Page */
.page-template-projects-page .columns,
.page-template-causes-page .columns,
.page-template-stories-page .columns {
margin-right: 0;
}
.page-template-projects-page .fourcolumn,
.page-template-stories-page .fourcolumn {
border-right: 1px solid #f5f4f4;
border-bottom: 1px solid #f5f4f4;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
transition: background 0.2s;
}
.page-template-causes-page .fourcolumn {
border: 1px solid #f5f4f4;
-webkit-transition: background 0.2s;
-moz-transition: background 0.2s;
transition: background 0.2s;
}
.page-template-projects-page .child-pages,
.page-template-causes-page .child-pages,
.page-template-stories-page .child-pages {
margin-top: 0;
padding: 0;
}
.page-template-projects-page .fourcolumn:hover,
.page-template-causes-page .fourcolumn:hover,
.page-template-stories-page .fourcolumn:hover {
background: #f5f4f4;
}
.page-template-projects-page .fourcolumn.clearfix,
.page-template-causes-page .fourcolumn.clearfix,
.page-template-stories-page .fourcolumn.clearfix {
margin-top: 0;
}
.page-template-projects-page .columns .entry-title,
.page-template-causes-page .columns .entry-title {
font-size: 22px;
font-size: 2.2rem;
margin: 15px 0 10px 0;
text-align: center;
}
.page-template-stories-page .columns .entry-title {
font-size: 22px;
font-size: 2.2rem;
margin: 35px 0 10px 0;
text-align: center;
}
.page-template-stories-page a.more-link {
background: #f4f5f5;
display: inline-block;
}
.page-template-projects-page .columns .entry-content,
.page-template-causes-page .columns .entry-content,
.page-template-stories-page .columns .entry-content {
font-size: 16px;
font-size: 1.6rem;
}
.page-template-projects-page .columns .entry-content p,
.page-template-causes-page .columns .entry-content p,
.page-template-stories-page .columns .entry-content p {
margin-bottom: 1em;
}
.page-template-projects-page .columns hr,
.page-template-causes-page .columns hr,
.page-template-stories-page .columns hr {
background-color: #f7931d;
border: 0;
height: 2px;
margin-bottom: 1.6em;
max-width: 20%;
}
.page-template-projects-page .columns .post-thumbnail img,
.page-template-stories-page .columns .wp-post-image {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
-webkit-backface-visibility: hidden;
}
.page-template-stories-page .columns .wp-post-image {
display: block;
margin: 0 auto 20px auto;
}
.page-template-projects-page .columns .post-thumbnail img:hover,
.page-template-stories-page .columns .wp-post-image:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.page-template-causes-page .main {
padding: 0 10%;
}
.page-template-causes-page .aboutpage {
margin-bottom: 2%;
}
.page-template-stories-page .entry-content {
padding-bottom: 4%;
}
/* Columns */
.one_half {
width: 48%;
}
.one_third {
width: 30.66%;
}
.two_third {
width: 65.33%;
}
.one_fourth {
width:23.5%;
}
.one_fifth {
width:19.2%;
}
.one_sixth {
width:15%;
}
.one_half, .one_third, .two_third {
margin-right: 4%;
margin-bottom: 10px;
float: left;
}
.one_fourth {
margin-right: 2%;
margin-bottom: 10px;
float: left;
}
.one_half_welcome {
width: 49.65%;
}
.one_half_welcome {
margin-right: .7%;
margin-bottom: 10px;
float: left;
}
.one_fifth {
margin-right: 1%;
margin-bottom: 2%;
float: left;
}
.one_sixth {
margin-right: 2%;
margin-bottom: 20px;
float: left;
}
.lastcolumn {
margin-right: 0!important;
clear: right;
}
/**
* 12.3 Comments
*/
.comments-area > :last-child {
margin-bottom: 0;
}
.comment-list + .comment-respond {
border: 1px solid #f5f4f4;
padding: 4%;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6em;
}
.comment-reply-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
}
.comments-title,
.author-title {
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 30px;
font-weight: 700;
border-bottom: 1px solid #cdcdcd;
padding-bottom: 4px;
display: inline-block;
}
.titlecomment {
margin-top: 60px;
text-align: center;
}
.comment-list {
list-style: none;
margin: 0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-bottom: 1px solid #f5f4f4;
font-size: 16px;
font-size: 1.6rem;
padding: 1.6em 0;
}
.comment-list .children {
list-style: none;
margin: -80px 0 0 0;
}
.comment-list .children > li {
padding-left: 0.8em;
}
.comment-author {
margin-bottom: 0.4em;
}
.comment-author a:hover {
border-bottom: 1px solid #828282;
}
.comment-author .avatar {
float: left;
height: 24px;
margin-right: 0.8em;
width: 24px;
}
.bypostauthor > article .fn:after {
content: "\f304";
position: relative;
top: 5px;
left: 3px;
}
.comment-metadata,
.pingback .edit-link {
color: #828282;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.comment-metadata a,
.pingback .edit-link a {
color: #828282;
}
.comment-metadata a:hover,
.pingback .edit-link a:hover {
border-bottom: 1px solid #333;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
color: #333;
}
.comment-metadata {
margin-bottom: 1.6em;
}
.comment-metadata .edit-link {
margin-left: 1em;
}
.pingback .edit-link {
margin-left: 1em;
}
.pingback .edit-link:before {
top: 5px;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.6em 1.3333em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .reply {
font-size: 12px;
font-size: 1.2rem;
}
.comment-list .reply a {
font-family: 'Oswald', arial, sans-serif;
background: #333;
color: #fff;
display: inline-block;
line-height: 1;
margin-top: 2em;
padding: 0 8px;
}
.comment-list .reply a:hover,
.comment-list .reply a:focus {
outline: 0;
}
.comment-form {
padding-top: 1.6em;
}
.comment-form label {
font-family: 'Oswald', arial, sans-serif;
font-size: 12px;
font-size: 1.2rem;
font-weight: 400;
display: block;
letter-spacing: 0.04em;
line-height: 1.5;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
color: #828282;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
margin-bottom: 2em;
}
.logged-in-as a:hover {
border-bottom: 1px solid #333;
}
div#respond {
background: #fff;
border: 1px solid #f5f4f4;
padding: 4%;
position: relative;
z-index: 100;
}
.no-comments {
border-top: 1px solid #f5f4f4;
color: #828282;
font-weight: 700;
padding-top: 1.6em;
}
.comment-navigation + .no-comments {
border-top: 0;
}
.form-allowed-tags code {
font-family: Inconsolata, monospace;
}
.form-submit {
margin-bottom: 0;
}
.required {
color: #c0392b;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -3px;
}
.form-allowed-tags {
font-size: 14px;
font-size: 1.4rem;
}
/**
* 13.0 Footer
*/
.footer {
background: #333;
color: #71716c;
}
.footer .widget-title {
color: #fff;
}
.footer a,
.footer .widget {
color: #71716c;
}
.footer .widget {
padding: 0;
margin: 0 auto 2%;
}
.footer .widget ul li {
list-style: none;
}
.site-info {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 2% 0 0 0;
}
.site-info a {
border-bottom: 1px solid transparent;
}
.copyright {
color: #fff;
border-top: 1px solid #494949;
font-size: 14px;
font-size: 1.4rem;
padding: 20px 0 10px 0;
text-align: center;
}
.optional-widget-area .widget {
margin-right: 4%;
float: left;
width: 16%;
}
.one-widget .widget {
width: 100%;
}
.two-widgets .widget {
width: 46%;
}
.three-widgets .widget {
width: 29.33333333%;
}
.four-widgets .widget {
width: 21%;
}
.optional-widget-area {
margin-right: -4%;
}
.footer .widget_calendar caption {
color: #71716c;
}
.footer .widget_calendar td,
.footer .widget_calendar th,
.footer .widget_calendar tr {
background: #202020;
}
.footer table,
.footer th,
.footer td,
.footer thead {
border: none;
}
.footer .widget_archive li,
.footer .widget_categories li,
.footer .widget_links li,
.footer .widget_meta li,
.footer .widget_nav_menu li,
.footer .widget_pages li,
.footer .widget_recent_comments li,
.footer .widget_recent_entries li {
border-top: 1px solid #202020;
}
.footer .widget_categories .children,
.footer .widget_nav_menu .sub-menu,
.footer .widget_pages .children {
border: none;
}
.footer input.search-field {
background: #202020;
border: 1px solid #000;
}
.footer .widget input[type="search"] {
padding: .7em;
}
/**
* 14.0 Media
*/
.site .avatar {
border-radius: 50%;
}
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
audio,
canvas {
display: inline-block;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6em;
max-width: 100%;
vertical-align: middle;
}
p > embed,
p > iframe,
p > object,
p > video {
margin-bottom: 0;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 15px;
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 1.6em;
}
.wp-playlist.wp-playlist {
padding-bottom: 0;
}
.wp-playlist .wp-playlist-tracks {
margin-top: 0;
}
.wp-playlist-item .wp-playlist-caption {
border-bottom: 0;
padding: 10px 0;
}
.wp-playlist-item .wp-playlist-item-length {
top: 10px;
}
/**
* 14.1 Captions
*/
.wp-caption {
margin-bottom: 1.6em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0;
}
.wp-caption-text {
color: #828282;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
/**
* 14.2 Galleries
*/
.gallery {
margin-bottom: 1.6em;
}
.gallery-item {
display: inline-block;
padding: 1.79104477%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #828282;
display: block;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/**
* 15.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 https://core.trac.wordpress.org/ticket/25888.
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/**
* 15.1 Mobile Large 620px
*/
@media screen and (min-width: 38.75em) {
ul,
ol {
margin-left: 0;
}
li > ul,
li > ol,
blockquote > ul,
blockquote > ol {
margin-left: 1.3333em;
}
blockquote > blockquote {
margin-left: 0;
}
.site-branding {
min-height: 3.2em;
}
.site-title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.0909;
}
.site-description {
display: block;
}
.main-navigation {
margin-bottom: 2%;
}
.main-navigation ul ul {
border-top: 0;
border-bottom: 0;
}
.social-navigation {
margin-top: 0;
}
.widget-area {
margin-top: 0;
}
.widget {
margin-bottom: 10%;
}
.hentry.sticky:not(.has-post-thumbnail) {
padding-top: inherit;
}
.hentry + .hentry {
border-top: 0;
}
.post-thumbnail {
margin-bottom: 10px;
}
.entry-header,
.child-pages,
.page .entry-footer,
.site-info div.content,
.themes-grid,
.single-themes-page {
padding: 0 9.0909%;
}
.entry-content,
.entry-summary {
padding: 0 9.0909% 4.0909%;
}
.entry-footer {
padding: 1% 0;
}
.page-header {
margin-bottom: 10px;
}
.page-header .page-title {
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 30px;
font-weight: 700;
border-bottom: 1px solid #cdcdcd;
padding-bottom: 4px;
display: inline-block;
}
.page-content {
padding: 9.0909%;
}
.site-footer {
border-top: 0;
}
.site-info {
padding: 2% 0 0 0;
}
.post-navigation {
border-top: 0;
margin: 7.6923% 0 -10px 0;
}
.single .post-navigation {
margin: 7.6923% 0 20px 0;
}
.pagination {
margin: 7.6923% 0 0 0;
padding: 0;
}
/* restore screen-reader-text */
.pagination .current .screen-reader-text {
position: absolute !important;
}
.pagination .page-numbers {
display: inline-block;
}
.image-navigation {
padding: 0 9.0909%;
}
.comments-area {
margin: 7.6923% 0 0 0;
}
.comment-content ul,
.comment-content ol {
margin-left: 0;
}
.comment-content li > ul,
.comment-content li > ol,
.comment-content blockquote > ul,
.comment-content blockquote > ol {
margin-left: 1.3333em;
}
}
/**
* 15.2 Tablet Small 740px
*/
@media screen and (min-width: 46.25em) {
body,
button,
input,
select,
textarea,
.cd-panel-content {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.6471;
}
button,
input {
line-height: normal;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6471em;
}
pre {
line-height: 1.2353;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"] {
font-size: 14px;
font-size: 1.4rem;
padding: 0.8214em 1.6429em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.5em;
}
.main-navigation {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.main-navigation a {
padding: 1em;
}
.main-navigation ul ul {
margin-left: 1em;
}
.main-navigation .page_item_has_children > a,
.main-navigation .main-navigation .menu-item-has-children > a {
padding-right: 54px;
}
.main-navigation .menu-item-description {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.social-navigation a {
height: 1.8em;
width: 1.8em;
}
.secondary-toggle {
height: 56px;
width: 56px;
}
.secondary-toggle:before {
line-height: 54px;
width: 54px;
}
.post-password-form label,
.post-navigation .meta-nav,
.image-navigation,
.comment-navigation,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption {
font-size: 14px;
font-size: 1.4rem;
}
.pagination .nav-links {
min-height: 3.2941em;
}
.pagination .page-numbers {
line-height: 3.2941em;
padding: 0 0.8235em;
}
.pagination .prev,
.pagination .next {
height: 56px;
padding: 0;
width: 56px;
}
.pagination .prev:before,
.pagination .next:before {
height: 56px;
line-height: 56px;
width: 56px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
top: 2px;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4118em 1.6471em 1.6471em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4118em 0 1.6471em 1.6471em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4118em;
margin-bottom: 1.6471em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2353em;
}
.site-branding {
min-height: 3.7059em;
padding-right: 66px;
}
.site-title {
font-size: 29px;
font-size: 2.9rem;
line-height: 1.2069;
}
.site-description {
font-size: 12px;
font-size: 1.2rem;
}
.widget {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5;
}
.widget p,
.widget address,
.widget hr,
.widget ul,
.widget ol,
.widget dl,
.widget dd,
.widget table,
.widget pre {
margin-bottom: 1.5em;
}
.widget li > ul,
.widget li > ol {
margin-bottom: 0;
}
.widget blockquote > blockquote {
margin-left: 0;
}
.widget pre {
line-height: 1.5;
padding: 0.75em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
line-height: 1.75;
}
.widget button,
.widget input {
line-height: normal;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 14px;
font-size: 1.4rem;
padding: 0.8214em 1.6429em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.5625em;
}
.widget blockquote.alignleft,
.widget .wp-caption.alignleft,
.widget img.alignleft {
margin: 0.5em 1.5em 1.5em 0;
}
.widget blockquote.alignright,
.widget .wp-caption.alignright,
.widget img.alignright {
margin: 0.5em 0 1.5em 1.5em;
}
.widget blockquote.aligncenter,
.widget .wp-caption.aligncenter,
.widget img.aligncenter {
margin-top: 0.5em;
margin-bottom: 1.5em;
}
.widget .wp-caption.alignleft,
.widget .wp-caption.alignright,
.widget .wp-caption.aligncenter {
margin-bottom: 1em;
}
.widget-title {
margin: 0 0 1.5em;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.9286;
}
.widget_calendar caption {
margin: 0 0 1.5em;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.9643em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.9643em 0 0 1em;
padding-top: 0.9643em;
}
.widget_rss li {
margin-bottom: 1.5em;
}
.widget_rss .rss-date,
.widget_rss cite {
line-height: 1.75;
}
.post-thumbnail {
margin-bottom: 10px;
}
.entry-title {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 1.2em;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-top: 1.6em;
margin-bottom: 0.8em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 29px;
font-size: 2.9rem;
line-height: 1.2069;
margin-top: 1.931em;
margin-bottom: 0.9655em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.1667;
margin-top: 2.3333em;
margin-bottom: 1.1667em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
margin-top: 2.8em;
margin-bottom: 1.4em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.2353;
margin-top: 3.2941em;
margin-bottom: 1.6471em;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
font-size: 18px;
top: 6px;
}
.cd-panel-container .entry-content h2 {
font-size: 22px;
font-size: 2.2rem;
}
.content-right-block h2.entry-title {
font-size: 20px;
font-size: 2rem;
}
.content-caption .button,
.block-two-content .button,
.info_details .button {
font-size: 14px;
font-size: 1.4rem;
}
.column h1.entry-title,
.column h2.entry-title {
font-size: 22px;
font-size: 2.2rem;
}
.block-four .post .entry-title {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0;
}
.author-info {
margin: 1% 0;
}
.author-info .avatar {
height: 52px;
margin: 0 1.6471em 1.6471em 0;
width: 52px;
}
.author-link:after {
top: 3px;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 2px;
}
.taxonomy-description {
padding-top: 0.4118em;
}
.page-title,
.comment-reply-title,
.post-navigation .post-title {
font-size: 16px;
font-size: 1.6rem;
text-transform: uppercase;
}
.page-links {
margin-bottom: 1.4117em;
}
.page-links a,
.page-links > span {
margin: 0 0.2857em 0.2857em 0;
}
.entry-attachment {
margin-bottom: 1.6471em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
margin-bottom: 1.4em;
}
.format-link .entry-title a:after {
top: 0.0833em;
}
.comments-title {
margin-bottom: 1.4em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6471em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6471em;
}
.comment-list .children > li {
padding-left: 1.2353em;
}
.comment-meta {
position: relative;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
margin-right: 1.64705em;
position: relative;
top: 5px;
width: 42px;
}
.comment-metadata .edit-link:before {
top: 2px;
}
.pingback .edit-link:before {
top: 6px;
}
.bypostauthor > article .fn:after {
top: 7px;
left: 6px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.6471em;
}
.comment-list .reply a {
padding: 0.4286em 0.8571em;
}
.comment-form,
.no-comments {
padding-top: 1em;
}
.comment-reply-title small a:before {
top: -1px;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6471em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 17px;
font-size: 1.7rem;
margin-bottom: 1.6471em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6471em;
}
}
/**
* 15.3 Tablet Large 880px
*/
@media screen and (min-width: 55em) {
body,
button,
input,
select,
textarea {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.6842;
}
button,
input {
line-height: normal;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6842em;
}
pre {
line-height: 1.2632;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"] {
font-size: 14px;
font-size: 1.4rem;
padding: 0.8125em 1.625em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.5278em;
}
.main-navigation {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.main-navigation a {
padding: 0.75em;
}
.main-navigation .page_item_has_children > a,
.main-navigation .main-navigation .menu-item-has-children > a {
padding-right: 53px;
}
.main-navigation .menu-item-description {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
.secondary-toggle {
height: 64px;
width: 64px;
}
.secondary-toggle:before {
line-height: 62px;
width: 62px;
}
.post-password-form label,
.post-navigation .meta-nav,
.comment-navigation,
.image-navigation,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption {
font-size: 16px;
font-size: 1.6rem;
}
.pagination .nav-links {
min-height: 3.3684em;
}
.pagination .page-numbers {
line-height: 3.3684em;
padding: 0 0.8421em;
}
.pagination .prev,
.pagination .next {
height: 64px;
padding: 0;
width: 64px;
}
.pagination .prev:before,
.pagination .next:before {
height: 64px;
line-height: 64px;
width: 64px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
font-size: 24px;
top: -1px;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4211em 1.6842em 1.6842em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4211em 0 1.6842em 1.6842em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4211em;
margin-bottom: 1.6842em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2632em;
}
.site-branding {
min-height: 3.7895em;
padding-right: 74px;
}
.site-title {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.25;
}
.site-description {
font-size: 14px;
font-size: 1.4rem;
}
.widget {
font-size: 16px;
font-size: 1.6rem;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
line-height: 1.5;
}
.widget button,
.widget input {
line-height: normal;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 16px;
font-size: 1.6rem;
padding: 0.8125em 1.625em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.75em;
}
.widget .wp-caption-text,
.widget .gallery-caption {
line-height: 1.5;
}
.widget_calendar td,
.widget_calendar th {
line-height: 2.9375;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.7188em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.7188em 0 0 1em;
padding-top: 0.7188em;
}
.widget_rss .rss-date,
.widget_rss cite {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.8462;
}
.post-thumbnail {
margin-bottom: 10px;
}
.entry-title {
font-size: 39px;
font-size: 3.9rem;
line-height: 1.2308;
margin-bottom: 1.2308em;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 39px;
font-size: 3.9rem;
line-height: 1.2308;
margin-top: 1.641em;
margin-bottom: 0.8205em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 27px;
font-size: 2.7rem;
line-height: 1.1852;
margin-top: 2.3704em;
margin-bottom: 1.1852em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4545;
margin-top: 2.9091em;
margin-bottom: 1.4545em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.2632;
margin-top: 3.3684em;
margin-bottom: 1.6842em;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
top: 6px;
}
.cd-panel-container .entry-content h2 {
font-size: 26px;
font-size: 2.6rem;
}
.content-right-block h2.entry-title {
font-size: 22px;
font-size: 2.2rem;
}
.content-caption .button,
.block-two-content .button,
.info_details .button {
font-size: 16px;
font-size: 1.6rem;
}
.column h1.entry-title,
.column h2.entry-title {
font-size: 24px;
font-size: 2.4rem;
}
.block-four .post .entry-title {
font-size: 16px;
font-size: 1.6rem;
letter-spacing: .1em;
}
.author-info .avatar {
height: 72px;
margin: 0 1.6842em 1.6842em 0;
width: 72px;
}
.author-link:after {
font-size: 24px;
top: 0;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 2px;
}
.taxonomy-description {
padding-top: 0.4211em;
}
.page-links {
margin-bottom: 1.4736em;
}
.page-links a,
.page-links > span {
margin: 0 0.25em 0.25em 0;
}
.entry-attachment {
margin-bottom: 1.6842em
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4545;
margin-bottom: 1.4545em;
}
.format-link .entry-title a:after {
top: 0.125em;
}
.comments-title {
margin-bottom: 1.4545em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6842em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6842em;
}
.comment-list .children > li {
padding-left: 1.4737em;
}
.comment-author .avatar {
height: 56px;
margin-right: 1.6842em;
top: 3px;
width: 56px;
}
.comment-metadata {
line-height: 2;
}
.comment-metadata .edit-link:before {
top: 8px;
}
.pingback .edit-link:before {
top: 8px;
}
.bypostauthor > article .fn:after {
top: 8px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.6842em;
}
.comment-list .reply a {
padding: 0.4375em 0.875em;
}
.comment-form,
.no-comments {
padding-top: 1em;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6842em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 19px;
font-size: 1.9rem;
margin-bottom: 1.6842em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6842em;
}
}
/**
* 15.4 Desktop Small 955px
*/
@media screen and (min-width: 59.6875em) {
.site {
margin: 0 auto;
max-width: 1753px;
}
.site .homepage {
max-width: 1402px;
margin: 0 auto;
}
.secondary {
background-color: transparent;
display: block;
margin: 0;
padding: 0;
}
.site-content {
display: block;
}
body,
.cd-panel-content {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.6;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6em;
}
pre {
line-height: 1.2;
}
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
button,
input {
line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.7917em 1.5833em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.375em;
}
.main-navigation {
font-size: 12px;
font-size: 1.2rem;
margin: 0 0 15%;
}
.main-navigation a {
padding: 0.5em;
}
.main-navigation .page_item_has_children > a,
.main-navigation .menu-item-has-children > a {
padding-right: 35px;
}
.main-navigation .menu-item-description {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.dropdown-toggle {
height: 24px;
width: 24px;
}
.dropdown-toggle:after {
font-size: 16px;
line-height: 24px;
width: 24px;
}
.social-navigation {
margin: 0;
}
.secondary-toggle {
display: none;
}
.post-password-form label,
.post-navigation .meta-nav,
.comment-navigation,
.image-navigation,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.form-allowed-tags,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption {
font-size: 12px;
font-size: 1.2rem;
}
.post-navigation {
margin: 8.3333% 0 -10px 0;
}
.pagination {
margin: 8.333% 0 0 0;
}
.pagination .nav-links {
min-height: 3.2em;
}
.pagination .page-numbers {
line-height: 3.2em;
padding: 0 0.8em;
}
.pagination .prev,
.pagination .next {
height: 48px;
padding: 0;
width: 48px;
}
.pagination .prev:before,
.pagination .next:before {
height: 48px;
line-height: 48px;
width: 48px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
font-size: 16px;
top: 0;
}
.image-navigation {
padding: 0 10%;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
clear: both;
margin-top: 0.4em;
margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2em;
}
.site-title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.3636;
}
.site-description {
font-size: 12px;
font-size: 1.2rem;
}
.widget {
font-size: 12px;
font-size: 1.2rem;
margin: 0 0 10%;
padding: 0 10%;
}
.widget pre {
padding: 0.5em;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 12px;
font-size: 1.2rem;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.5417em 1.0833em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.4583em;
}
.widget .wp-caption-text,
.widget .gallery-caption {
font-size: 12px;
font-size: 1.2rem;
}
.widget_calendar td,
.widget_calendar th {
line-height: 1.9167;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.4583em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.4583em 0 0 1em;
padding-top: 0.4583em;
}
.widget_rss .rss-date,
.widget_rss cite {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.5;
}
.hentry {
padding-top: 8.3333%;
}
.post-thumbnail {
margin-bottom: 10px;
}
.entry-header,
.single-themes-page,
.child-pages,
.page .entry-footer,
.site-info div.content,
.themes-grid {
padding: 0 10%;
}
.blog .single-themes-page,
.single-post .single-themes-page,
.archive .single-themes-page,
.search .single-themes-page {
margin-top: 20px;
}
.entry-title {
font-size: 31px;
font-size: 3.1rem;
line-height: 1.1613;
margin-bottom: 1.1613em;
}
.entry-content,
.entry-summary {
padding: 0 10% 7%;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 31px;
font-size: 3.1rem;
line-height: 1.1613;
margin-top: 1.5484em;
margin-bottom: 0.7742em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 26px;
font-size: 2.6rem;
line-height: 1.3846;
margin-top: 1.8462em;
margin-bottom: 0.9231em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.3636;
margin-top: 2.1818em;
margin-bottom: 1.0909em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
margin-top: 2.6667em;
margin-bottom: 1.3333em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.2;
margin-top: 3.2em;
margin-bottom: 1.6em;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
font-size: 16px;
top: 5px;
}
.cd-panel-container .entry-content h2 {
font-size: 22px;
font-size: 2.2rem;
}
.content-right-block h2.entry-title {
font-size: 20px;
font-size: 2rem;
}
.content-caption .button,
.block-two-content .button,
.info_details .button {
font-size: 14px;
font-size: 1.4rem;
}
.column h1.entry-title,
.column h2.entry-title {
font-size: 22px;
font-size: 2.2rem;
}
.block-four .post .entry-title {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0;
}
.author-info {
margin: 1% 0;
}
.author-info .avatar {
height: 56px;
margin: 0 1.5em 1.5em 0;
width: 56px;
}
.author-link:after {
font-size: 16px;
top: 1px;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 0;
}
.page-content {
padding: 8.3333%;
}
.taxonomy-description {
padding-top: 0.4em;
}
.page-links {
margin-bottom: 1.3333em;
}
.page-links a,
.page-links > span {
margin: 0 0.3333em 0.3333em 0;
}
.entry-attachment {
margin-bottom: 1.6em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3333;
margin-bottom: 1.3333em;
}
.format-link .entry-title a:after {
top: 0;
}
.comments-area {
margin: 8.3333% 0 0 0;
}
.page .comments-area {
margin: 8.3333% 10% 0;
}
.comments-title {
margin-bottom: 1.3333em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6em;
}
.comment-list .children > li {
padding-left: 0.8em;
}
.comment-author {
margin-bottom: 0.4em;
}
.comment-author .avatar {
height: 24px;
margin-right: 0.8em;
top: 0;
width: 24px;
}
.comment-metadata .edit-link:before {
top: 3px;
}
.pingback .edit-link:before {
top: 5px;
}
.bypostauthor > article .fn:after {
top: 5px;
left: 3px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 2em;
}
.comment-list .reply a {
padding: 0.4167em 0.8333em;
}
.comment-form,
.no-comments {
padding-top: 1em;
}
.comment-reply-title small a:before {
top: -3px;
}
.site-footer {
padding: 0;
}
.site-info {
padding: 2% 0 0 0;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 15px;
font-size: 1.5rem;
margin-bottom: 1.6em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6em;
}
.columns {
margin-right: -2%;
}
.column {
float: left;
margin: 0 2.5% 3em 0;
width: 30.8333333%;
}
.column:nth-child(3n) {
margin-right: 0;
}
.column:nth-child(3n+1) {
clear: left;
}
.twocolumn {
float: left;
margin: 0 2.5% 50px 0;
width: 47.5%;
border-bottom: none;
}
.twocolumn:nth-child(2n) {
margin-right: 0;
}
.twocolumn:nth-child(2n+1) {
clear: left;
}
.threecolumn {
float: left;
margin: 0;
width: 33.33333333%;
border-bottom: none;
}
.threecolumn:nth-child(3n) {
margin-right: 0;
}
.threecolumn:nth-child(3n+1) {
clear: left;
}
.fourcolumn {
float: left;
margin: 0;
width: 25%;
border-bottom: none;
}
.fourcolumn:nth-child(4n) {
margin-right: 0;
}
.fourcolumn:nth-child(4n+1) {
clear: left;
}
.page-template-about-page .fourcolumn {
float: left;
margin: 0 2.5% 50px 0;
width: 22.5%;
border-bottom: none;
}
.page-template-causes-page .fourcolumn {
float: left;
margin: 0 2% 40px 0;
width: 23%;
}
.fivecolumn {
float: left;
margin: 0;
width: 20%;
border-bottom: none;
}
.fivecolumn:nth-child(5n) {
margin-right: 0;
}
.fivecolumn:nth-child(5n+1) {
clear: left;
}
.sixcolumn {
float: left;
margin: 0;
width: 16.6666667%;
border-bottom: none;
}
.fivecolumn:nth-child(6n) {
margin-right: 0;
}
.fivecolumn:nth-child(6n+1) {
clear: left;
}
}
/**
* 15.5 Desktop Medium 1100px
*/
@media screen and (min-width: 68.75em) {
body,
button,
input,
select,
textarea,
.cd-panel-content {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.6471;
}
button,
input {
line-height: normal;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6471em;
}
pre {
line-height: 1.2353;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"] {
font-size: 14px;
font-size: 1.4rem;
padding: 0.5417em 1.0833em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.5em;
}
.main-navigation {
font-size: 14px;
font-size: 1.4rem;
}
.main-navigation a {
padding: 0.4643em;
}
.main-navigation .page_item_has_children > a,
.main-navigation .menu-item-has-children > a {
padding-right: 33px;
}
.main-navigation .menu-item-description {
line-height: 1.4583;
margin-top: 0.25em;
}
.dropdown-toggle {
height: 28px;
width: 28px;
}
.dropdown-toggle:after {
line-height: 28px;
width: 28px;
}
.post-password-form label,
.post-navigation .meta-nav,
.comment-navigation,
.image-navigation,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.form-allowed-tags,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption {
font-size: 14px;
font-size: 1.4rem;
}
.pagination .nav-links {
min-height: 3.2941em;
}
.pagination .page-numbers {
line-height: 3.2941em;
padding: 0 0.8235em;
}
.pagination .prev,
.pagination .next {
height: 56px;
padding: 0;
width: 56px;
}
.pagination .prev:before,
.pagination .next:before {
height: 56px;
line-height: 56px;
width: 56px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
top: 2px;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4118em 1.6471em 1.6471em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4118em 0 1.6471em 1.6471em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4118em;
margin-bottom: 1.6471em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2353em;
}
.site-title {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.1667;
}
.site-description {
font-size: 14px;
font-size: 1.4rem;
}
.widget {
font-size: 14px;
font-size: 1.4rem;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 14px;
font-size: 1.4rem;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 12px;
font-size: 1.2rem;
padding: 0.75em 1.5em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.5em;
}
.widget .wp-caption-text,
.widget .gallery-caption {
line-height: 1.4583;
padding: 0.5833em 0;
}
.widget_calendar caption {
margin: 0 0 1.9286em;
color: #333;
}
.widget_calendar td,
.widget_calendar th {
line-height: 1.9286;
background: #fff;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.4643em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.4643em 0 0 1em;
padding-top: 0.4643em;
}
.widget_rss .rss-date,
.widget_rss cite {
line-height: 1.75;
}
.post-thumbnail {
margin-bottom: 10px;
}
.entry-title {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 1.2em;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.2;
margin-top: 1.6em;
margin-bottom: 0.8em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 29px;
font-size: 2.9rem;
line-height: 1.2069;
margin-top: 1.931em;
margin-bottom: 0.9655em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.1667;
margin-top: 2.3333em;
margin-bottom: 1.1667em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
margin-top: 2.8em;
margin-bottom: 1.4em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 17px;
font-size: 1.7rem;
line-height: 1.2353;
margin-top: 3.2941em;
margin-bottom: 1.6471em;
}
.cd-panel-container .entry-content h2 {
font-size: 22px;
font-size: 2.2rem;
}
.content-right-block h2.entry-title {
font-size: 20px;
font-size: 2rem;
}
.content-caption .button,
.block-two-content .button,
.info_details .button {
font-size: 14px;
font-size: 1.4rem;
}
.column h1.entry-title,
.column h2.entry-title {
font-size: 22px;
font-size: 2.2rem;
}
.block-four .post .entry-title {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: 0;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
font-size: 18px;
top: 6px;
}
.author-info .avatar {
height: 62px;
margin: 0 1.6471em 1.6471em 0;
width: 62px;
}
.author-link:after {
top: 3px;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 3px;
}
.taxonomy-description {
padding-top: 0.4118em;
}
.page-links {
margin-bottom: 1.4117em;
}
.page-links a,
.page-links > span {
margin: 0 0.2857em 0.2857em 0;
}
.entry-attachment {
margin-bottom: 1.6471em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
margin-bottom: 1.4em;
}
.format-link .entry-title a:after {
top: 0.0833em;
}
.comments-title {
margin-bottom: 1.4em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6471em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6471em;
}
.comment-list .children > li {
padding-left: 1.1667em;
}
.comment-author {
margin-bottom: 0;
}
.comment-author .avatar {
height: 42px;
margin-right: 1.64705em;
top: 5px;
width: 42px;
}
.bypostauthor > article .fn:after {
top: 7px;
left: 6px;
}
.comment-metadata .edit-link:before {
top: 6px;
}
.pingback .edit-link:before {
top: 6px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.6471em;
}
.comment-list .reply a {
padding: 0.4286em 0.8571em;
}
.comment-form,
.no-comments {
padding-top: 1em;
}
.comment-reply-title small a:before {
top: -1px;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6471em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 17px;
font-size: 1.7rem;
margin-bottom: 1.6471em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6471em;
}
}
/**
* 15.6 Desktop Large 1240px
*/
@media screen and (min-width: 77.5em) {
body,
button,
input,
select,
textarea,
.cd-panel-content {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.6842;
}
button,
input {
line-height: normal;
}
p,
address,
pre,
hr,
ul,
ol,
dl,
dd,
table {
margin-bottom: 1.6842em;
}
pre {
line-height: 1.2632;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.post-password-form input[type="submit"] {
font-size: 14px;
font-size: 1.4rem;
padding: 0.5417em 1.0833em;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.5278em;
}
.main-navigation {
font-size: 16px;
font-size: 1.6rem;
}
.main-navigation a {
padding: 0.5em;
}
.main-navigation .page_item_has_children > a,
.main-navigation .menu-item-has-children > a {
padding-right: 32px;
}
.main-navigation .menu-item-description {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5385;
margin-top: 0.3077em;
}
.dropdown-toggle {
height: 32px;
top: 4px;
width: 32px;
}
.dropdown-toggle:after {
line-height: 32px;
width: 32px;
}
.post-password-form label,
.post-navigation .meta-nav,
.comment-navigation,
.image-navigation,
.author-bio,
.entry-footer,
.page-links a,
.page-links span,
.comment-metadata,
.pingback .edit-link,
.comment-list .reply,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.comment-form label,
.site-info,
.wp-caption-text,
.gallery-caption,
.entry-caption {
font-size: 16px;
font-size: 1.6rem;
}
.pagination .nav-links {
min-height: 3.3684em;
}
.pagination .page-numbers {
line-height: 3.3684em;
padding: 0 0.8421em;
}
.pagination .prev,
.pagination .next {
height: 64px;
padding: 0;
width: 64px;
}
.pagination .prev:before,
.pagination .next:before {
height: 64px;
line-height: 64px;
width: 64px;
}
.image-navigation .nav-previous a:before,
.image-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.comment-navigation .nav-next a:after {
font-size: 24px;
top: -1px;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
margin: 0.4211em 1.6842em 1.6842em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
margin: 0.4211em 0 1.6842em 1.6842em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
margin-top: 0.4211em;
margin-bottom: 1.6842em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
margin-bottom: 1.2632em;
}
.site-title {
font-size: 27px;
font-size: 2.7rem;
line-height: 1.1852;
}
.site-description {
font-size: 14px;
font-size: 1.4rem;
}
.widget {
font-size: 16px;
font-size: 1.6rem;
}
.widget button,
.widget input,
.widget select,
.widget textarea {
font-size: 16px;
font-size: 1.6rem;
}
.widget button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
font-size: 13px;
font-size: 1.3rem;
padding: 0.5417em 1.0833em;
}
.widget input[type="text"],
.widget input[type="email"],
.widget input[type="url"],
.widget input[type="password"],
.widget input[type="search"],
.widget textarea {
padding: 0.5em;
}
.widget .wp-caption-text,
.widget .gallery-caption {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.5385;
padding: 0.6154em 0;
}
.widget_calendar td,
.widget_calendar th {
line-height: 1.9375;
}
.widget_calendar caption {
margin: 0 0 1.5em;
}
.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
padding: 0.4688em 0;
}
.widget_categories .children,
.widget_nav_menu .sub-menu,
.widget_pages .children {
margin: 0.4688em 0 0 1em;
padding-top: 0.4688em;
}
.widget_rss .rss-date,
.widget_rss cite {
font-size: 13px;
font-size: 1.3rem;
line-height: 1.8462;
}
.post-thumbnail {
margin-bottom: 10px;
}
.entry-title {
font-size: 39px;
font-size: 3.9rem;
line-height: 1.2308;
margin-bottom: 1.2308em;
}
.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
font-size: 39px;
font-size: 3.9rem;
line-height: 1.2308;
margin-top: 1.641em;
margin-bottom: 0.8205em;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.25;
margin-top: 2em;
margin-bottom: 1em;
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
font-size: 27px;
font-size: 2.7rem;
line-height: 1.1852;
margin-top: 2.3704em;
margin-bottom: 1.1852em;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4 {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4545;
margin-top: 2.9091em;
margin-bottom: 1.4545em;
}
.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
font-size: 19px;
font-size: 1.9rem;
line-height: 1.2632;
margin-top: 3.3684em;
margin-bottom: 1.6842em;
}
.entry-content .more-link:after,
.entry-summary .more-link:after {
top: 6px;
}
.cd-panel-container .entry-content h2 {
font-size: 26px;
font-size: 2.6rem;
}
.content-right-block h2.entry-title {
font-size: 22px;
font-size: 2.2rem;
}
.content-caption .button,
.block-two-content .button,
.info_details .button {
font-size: 16px;
font-size: 1.6rem;
}
.column h1.entry-title,
.column h2.entry-title {
font-size: 24px;
font-size: 2.4rem;
}
.block-four .post .entry-title {
font-size: 16px;
font-size: 1.6rem;
letter-spacing: .1em;
}
.author-info .avatar {
height: 72px;
margin: 0 1.6842em 1.6842em 0;
width: 72px;
}
.author-link:after {
font-size: 24px;
top: 0;
}
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
top: 2px;
}
.taxonomy-description {
padding-top: 0.4211em;
}
.page-links {
margin-bottom: 1.4736em;
}
.page-links a,
.page-links > span {
margin: 0 0.25em 0.25em 0;
}
.entry-attachment {
margin-bottom: 1.6842em;
}
.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
font-size: 22px;
font-size: 2.2rem;
line-height: 1.4545;
margin-bottom: 1.4545em;
}
.format-link .entry-title a:after {
top: 3px;
}
.comments-title {
margin-bottom: 1.4545em;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 1.6842em 0;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.6842em;
}
.comment-list .children > li {
padding-left: 1.4737em;
}
.comment-author .avatar {
height: 56px;
margin-right: 1.6842em;
top: 3px;
width: 56px;
}
.bypostauthor > article .fn:after {
top: 8px;
}
.comment-metadata .edit-link:before {
top: 8px;
}
.pingback .edit-link:before {
top: 8px;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.6842em;
}
.comment-list .reply a {
padding: 0.4375em 0.875em;
}
.comment-form,
.no-comments {
padding-top: 1em;
}
embed,
iframe,
object,
video {
margin-bottom: 1.6842em;
}
.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
font-size: 19px;
font-size: 1.9rem;
margin-bottom: 1.6842em;
}
.wp-caption,
.gallery {
margin-bottom: 1.6842em;
}
}
/**
* 16.0 Print
*/
@media print {
body {
background: none !important; /* Brute force since user agents all print differently. */
font-size: 11.25pt;
}
.secondary-toggle,
.navigation,
.page-links,
.edit-link,
#reply-title,
.comment-form,
.comment-edit-link,
.comment-list .reply a,
button,
input,
textarea,
select {
display: none;
}
.site-header,
.site-footer,
.hentry,
.entry-footer,
.page-header,
.page-content,
.comments-area {
background: none !important; /* Make sure color schemes dont't affect to print */
}
body,
blockquote,
blockquote cite,
blockquote small,
label,
a,
.site-title a,
.site-description,
.post-title,
.entry-footer,
.entry-footer a,
.taxonomy-description,
.entry-caption,
.comment-author,
.comment-metadata,
.comment-metadata a,
.comment-notes,
.comment-awaiting-moderation,
.no-comments,
.site-info,
.site-info a,
.wp-caption-text,
.gallery-caption {
color: #000 !important; /* Make sure color schemes don't affect to print */
}
pre,
abbr[title],
table,
th,
td,
.site-header,
.site-footer,
.hentry + .hentry,
.author-info,
.page-header,
.comments-area,
.comment-list + .comment-respond,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments {
border-color: #f5f4f4 !important; /* Make sure color schemes don't affect to print */
}
.site {
margin: 0 7.6923%;
}
.site-description {
display: block;
}
.hentry + .hentry {
margin-top: 7.6923%;
}
.hentry.has-post-thumbnail {
padding-top: 7.6923%;
}
.sticky-post {
background: #000 !important;
color: #fff !important;
}
.entry-header,
.entry-footer,
.page .entry-footer {
padding: 0;
}
.entry-content,
.entry-summary {
padding: 0 0 4.6923%;
}
.post-thumbnail img {
margin: 0;
}
.author-info {
margin: 0;
}
.page-content {
padding: 7.6923% 0 0;
}
.comments-area {
border: 0;
padding: 7.6923% 0 0;
}
.site-footer {
margin-top: 7.6923%;
}
}
@media screen and (max-width: 100em) {
.cd-fixed-bg {
min-height: 700px;
}
.content-caption {
max-width: 40%;
}
.page-template-front-page-one .soliloquy-theme-karisma .soliloquy-caption,
.page-template-front-page-one .soliloquy-theme-metro .soliloquy-caption {
width: 50%!important;
}
.video-container .content-caption {
font-size: 18px;
font-size: 1.8rem;
top: 20%;
}
.content-caption div.give-form-wrap {
font-size: 18px;
font-size: 1.8rem;
}
.give-form .button {
font-size: 20px;
font-size: 2.0rem;
}
#buddypress div.item-list-tabs#subnav {
float: left;
margin: 0 0 10px;
}
}
@media screen and (max-width: 80em) {
.cd-fixed-bg {
min-height: 600px;
}
.content-caption {
max-width: 60%;
}
.page-template-front-page-one .soliloquy-theme-karisma .soliloquy-caption,
.page-template-front-page-one .soliloquy-theme-metro .soliloquy-caption {
width: 100%!important;
bottom: 0!important;
top: auto!important;
}
.video-container .content-caption {
border-bottom: 1px solid #f5f4f4;
top: 0;
left: auto;
position: inherit;
max-width: 100%;
margin-bottom: 3%;
}
.content-caption div.give-form-wrap {
padding: 0;
}
.give-form .button {
font-size: 14px;
font-size: 1.4rem;
}
}
@media screen and (max-width: 59.6875em) {
.one_half,
.one_third,
.two_third,
.one_fourth,
.one_fifth,
.one_sixth,
.featured-theme .two_third,
.featured-theme .one_third,
.one_half_welcome,
.page-template-support-page .one_third,
.page-template-support-page .two_third,
.page-template-contact-page .two_third,
.page-template-contact-page .one_third {
width: 100%;
}
.cd-fixed-bg {
min-height: 400px;
}
.content-caption {
max-width: 80%;
}
.content-caption .entry-content h1 {
font-size: 29px;
font-size: 2.9rem;
}
.content-caption .entry-content p {
font-size: 16px;
font-size: 1.6rem;
}
.content-caption .button {
font-size: 14px;
font-size: 1.4rem;
padding: 5px 10px;
}
.page-template-front-page .one_third .post-thumbnail img {
display: block;
}
.one_fifth {
margin-bottom: 0;
}
.footer .widget {
margin-bottom: 3%;
}
.social-navigation {
top: auto;
bottom: 0;
right: 0;
}
.cd-panel-close {
right: 20px;
}
.block-two-content {
padding: 45px 80px;
}
.widget-title {
margin: 1.6em 0 1em;
}
.footer .widget ul {
margin: 0;
}
.optional-widget-area .widget {
margin-right: 0;
float: none;
width: 100%;
}
.one-widget .widget {
width: 100%;
}
.two-widgets .widget {
width: 100%;
}
.three-widgets .widget {
width: 100%;
}
.four-widgets .widget {
width: 100%;
}
.optional-widget-area {
margin-right: 0;
}
.site-info {
font-size: 14px;
font-size: 1.4rem;
}
.info_pic {
width: 100%;
height: 200px;
float: none;
}
.info_details {
height: auto;
}
.info_details .entry-innen {
width: 100%;
float: none;
padding: 20px 0;
}
.page .info_details .main {
padding: 0;
}
.info_details .entry-content h3 {
margin-top: .6em;
}
.aboutpage .cd-fixed-bg-one h1 {
font-size: 50px;
font-size: 5rem;
}
.page-template-about-page .columns .entry-title,
.info_details .entry-content h3 {
font-size: 20px;
font-size: 2rem;
}
.social-navigation {
position: relative;
text-align: center;
}
.social-navigation li {
display: inline-block;
}
.site-header {
position: relative;
width: 100%;
z-index: 2;
}
.headerblock {
padding-top: 0;
}
.page-template-full-width-page .themes-intro .entry-content h1 {
font-size: 40px;
font-size: 4rem;
}
.page-template-full-width-page .default-page .site-content {
padding-top: 4%;
}
[id*=give-form] div#give-sidebar-left {
width: 100%!important;
float: none;
}
[id*=give-form] div.summary {
width: 100%!important;
float: none;
}
.give_forms .entry-summary {
padding: 4%!important;
}
.block-one .hentry {
padding-top: 5%;
}
.block-one .fourcolumn .hentry {
padding-top: 0;
}
.widget-area {
margin-top: 0;
}
.page-template-causes-page .fourcolumn.clearfix {
margin-top: 20px;
}
.blog .aboutpage .cd-fixed-bg-one {
margin-bottom: 8%;
}
.post .entry-title {
font-size: 28px;
font-size: 2.8rem;
}
.post .entry-footer {
margin: -20px 0 30px 0;
}
.woocommerce .page-title {
font-size: 40px;
font-size: 4rem;
}
.page-template-full-width-page .default-page .site-content,
.page-template-events-page-php .default-page .site-content {
padding: 0 3%;
}
.page-template-full-width-page .cd-fixed-bg {
min-height: 300px;
}
.header-inner {
padding: 5px 80px;
}
.search-toggle,
.fixed .search-toggle {
float: none;
margin-right: 0;
width: 100%;
position: relative;
}
.search-box-wrapper,
.fixed .search-box-wrapper {
position: relative;
left: 0;
height: 39px;
}
.fixed .search-box-wrapper {
margin-top: 0;
}
.search-toggle:before {
margin: 1px 0 0 -2px;
}
}
@media screen and (max-width: 48.75em) {
.cd-fixed-bg {
min-height: 200px;
}
.content-caption {
background: #333;
left: auto;
position: inherit;
max-width: 100%;
}
.block-two-content {
padding: 45px 30px;
}
.block-three {
padding: 10% 0 2% 0;
}
.block-one .fourcolumn article {
margin-bottom: 20px;
}
.page.page-template-full-width-page .main {
padding: 4% 0 0 0;
}
.aboutpage .cd-fixed-bg-one h1,
.page-template-full-width-page .themes-intro .entry-content h1 {
font-size: 40px;
font-size: 4rem;
}
.aboutpage p {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: .1em;
}
.page-template-full-width-page .default-page .site-content {
padding-top: 6%;
}
#buddypress div.dir-search {
float: left;
text-align: left;
}
#buddypress #search-groups-form input[type=submit],
#buddypress #members-dir-search input[type=submit] {
float: none;
padding: 4px 10px;
}
#buddypress #search-groups-form label,
#buddypress #members-dir-search label {
float: none;
}
#buddypress input[type="text"] {
width: 60%;
}
#buddypress ul.item-list li div.meta {
display: none;
}
.post .entry-title {
font-size: 26px;
font-size: 2.6rem;
}
.post .entry-footer {
font-size: 12px;
font-size: 1.2rem;
margin: -20px 0 30px 0;
}
.woocommerce .page-title {
font-size: 30px;
font-size: 3rem;
}
.page-template-full-width-page .cd-fixed-bg {
min-height: 200px;
}
}
@media screen and (max-width: 38.75em) {
.header-inner {
padding: 15px 20px;
}
.aboutpage .cd-fixed-bg-one h1,
.page-template-full-width-page .themes-intro .entry-content h1 {
font-size: 30px;
font-size: 3rem;
}
.page-template-full-width-page .default-page .site-content {
padding-top: 10%;
}
.page-template-projects-page .columns .entry-title,
.page-template-causes-page .columns .entry-title {
margin: -10px 0 10px 0;
}
.post .entry-title {
margin-top: -10px;
}
.woocommerce .page-title {
font-size: 26px;
font-size: 2.6rem;
}
}