/**
* Theme Name: Stargazer
* Theme URI: https://themehybrid.com/themes/stargazer
* Description: Welcome to Stargazer, the most advanced theme ever created for WordPress without compromising standards. This is the only theme in the world that you'll find that extends WordPress' built-in theme features so robustly but naturally. The theme is built on the rock-solid Hybrid Core theme framework. It's built with search-engine optimization (SEO) in mind by utilizing the most current HTML5 conventions and <a href="http://schema.org">Schema.org</a> microdata. It also integrates with useful theme add-on plugins like <a href="http://wordpress.org/plugins/custom-background-extended">Custom Background Extended</a>, <a href="http://wordpress.org/plugins/custom-header-extended">Custom Header Extended</a>, <a href="http://wordpress.org/plugins/whistles">Whistles</a>, and more.
* Version: 4.0.0
* Author: Justin Tadlock
* Author URI: https://themehybrid.com
* Tags: one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, left-sidebar, post-formats, responsive-layout, right-sidebar, rtl-language-support, theme-options, threaded-comments, translation-ready
* Text Domain: stargazer
* License: GNU General Public License v2.0 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/********************************************************************************************************
* Please do not make edits directly to this file. You will lose all modifications when the theme is
* next updated if you do so. Please use a child theme. This theme's styles will automatically be
* loaded for you. You can then overwrite specific style rules in your child theme's `style.css` file.
*
* This file is only loaded if `SCRIPT_DEBUG` is set to `TRUE` in your `wp-config.php` file. Otherwise,
* the `style.min.css` file is loaded.
*
* TABLE OF CONTENTS:
* 1 - Danger Zone (things to not modify in your child theme)
* 1.1 - Font Face
* 1.2 - Layout
* 1.3 - Defaults
* 1.4 - Genericons
* 1.5 - Header and Footer
* 1.6 - Main and Content
* 1.7 - Media
* 1.8 - Sidebars and Widgets
* 1.9 - Comments Template
* 1.10 - Menus
* 1.11 - Plugins
* 2 - Fun Zone (things you can modify in your child theme)
* 2.1 - Font Family Definitions
* 2.2 - Color Definitions
********************************************************************************************************/
/********************************************************************************************************
* 1 - Danger Zone
*
* This section of the CSS is something I wouldn't recommend overwriting. It can and most likely will
* be changed in the future as the theme receives updates. Overwriting the below in your child theme
* is what I consider dangerous territory and might leave you with some broken styles in a future update.
* Basically, do it if you must. Just be aware of the consequences.
*
* The items you'll most likely want to modify (those things dealing with more stylistic elements like
* fonts and colors) are located at the bottom of this file.
********************************************************************************************************/
/********************************************************************************************************
* 1.1 Font Face
*
* This section loads additional fonts needed by the theme.
********************************************************************************************************/
/* ====== Adds the Genericons icon font. ====== */
@font-face {
font-family: 'Genericons';
font-weight: normal;
font-style: normal;
src: url('fonts/genericons/genericons-regular-webfont.eot');
src: url('fonts/genericons/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/genericons/genericons-regular-webfont.woff') format('woff'),
url('fonts/genericons/genericons-regular-webfont.ttf') format('truetype'),
url('fonts/genericons/genericons-regular-webfont.svg#genericonsregular') format('svg');
}
/********************************************************************************************************
* ====== End Font Face ======
********************************************************************************************************/
/********************************************************************************************************
* 1.2 - Layout
*
* This section of the stylesheet defines the overall layout of the theme's major structural elements. It
* is essentially the foundation for the entire design.
********************************************************************************************************/
body { overflow-x: hidden; }
/* === Descendants of #container === */
#container > .wrap,
#footer > .wrap,
#menu-primary > .wrap {
max-width: 1025px;
margin: 0 auto;
box-sizing: border-box;
}
#menu-primary > .wrap,
#footer > .wrap {
max-width: 1075px;
padding-left: 25px;
padding-right: 25px;
}
#menu-primary > .wrap { position: relative; }
.custom-background #container > .wrap {
max-width: 1175px;
margin-top: 50px;
margin-bottom: 50px;
}
.layout-1c-narrow #container > .wrap {
max-width: 800px;
}
.layout-1c-narrow #footer > .wrap,
.layout-1c-narrow #menu-primary > .wrap {
max-width: 850px;
}
.custom-background.layout-1c-narrow #container > .wrap { max-width: 950px; }
.header-image {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
/* === Adjustments when there's a custom background defined. === */
.custom-background #header,
.custom-background #main,
.custom-background #sidebar-subsidiary {
padding-left: 25px;
padding-right: 25px;
}
/* === Descendants of #main === */
.breadcrumb-trail { margin: 0 0 1.5rem; }
/* Make sure sidebar doesn't appear in customizer. */
.layout-1c #sidebar-primary,
.layout-1c-narrow #sidebar-primary { display: none; }
/* Layout adjustments when the screen width is 950+. */
@media only screen and ( min-width: 950px ) {
.custom-background #header,
.custom-background #main,
.custom-background #sidebar-subsidiary {
padding-left: 75px;
padding-right: 75px;
}
#sidebar-primary {
width: 29.27%;
max-width: 100%;
}
.layout-2c-l #content,
.layout-2c-r #content { width: 63.41%; }
.layout-2c-l #content,
.layout-2c-r #sidebar-primary { float: left; }
.layout-2c-r #content,
.layout-2c-l #sidebar-primary { float: right; }
}
/* === Widget layouts. === */
@media only screen and ( min-width: 700px ) and ( max-width: 950px ) {
#sidebar-primary .widget { width: 47.5%; }
.ltr #sidebar-primary .widget {
float: left;
margin-right: 5%;
}
.rtl #sidebar-primary .widget {
float: right;
margin-left: 5%;
}
#sidebar-primary .widget:nth-of-type( 2n ) { margin-right: 0; margin-left: 0; }
#sidebar-primary .widget:nth-of-type( 2n + 1 ) { clear: both; }
}
@media only screen and ( min-width: 700px ) {
.sidebar-col-2 .widget,
.sidebar-col-3 .widget { width: 47.5%; }
.ltr .sidebar-col-2 .widget,
.ltr .sidebar-col-3 .widget { float: left; margin-right: 5%; }
.rtl .sidebar-col-2 .widget,
.rtl .sidebar-col-3 .widget { float: right; margin-left: 5%; }
.sidebar-col-2 .widget:nth-child( 2n ),
.sidebar-col-3 .widget:nth-child( 2n ) { margin-right: 0; margin-left: 0; }
.sidebar-col-2 .widget:nth-child( 2n + 1 ),
.sidebar-col-3 .widget:nth-child( 2n + 1 ) { clear: both; }
}
@media only screen and ( min-width: 800px ) {
.sidebar-col-3 .widget { width: 30%; }
.ltr .sidebar-col-3 .widget:nth-child( 2n ) { margin-right: 5%; }
.rtl .sidebar-col-3 .widget:nth-child( 2n ) { margin-left: 5%; }
.sidebar-col-3 .widget:nth-child( 2n + 1 ) { clear: none; }
.sidebar-col-3 .widget:nth-child( 3n ) { margin-right: 0; margin-left: 0; }
.sidebar-col-3 .widget:nth-child( 3n + 1 ) { clear: both; }
}
/********************************************************************************************************
* ====== End Layout ======
********************************************************************************************************/
/********************************************************************************************************
* 1.3 - Defaults
*
* This section handles the default style rules for the majority of possible HTML elements and other
* WordPress-specific classes.
********************************************************************************************************/
/* === Body === */
body {
border-top: 2px solid;
border-bottom: 2px solid;
}
/* === Links === */
a {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover,
a:focus { text-decoration: underline; }
.entry-content a,
.entry-summary a,
.comment-content a {
padding-bottom: 2px;
border-bottom: 1px solid;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.comment-content a:hover,
.comment-content a:focus { text-decoration: none; }
a.img-hyperlink,
a.img-hyperlink:hover,
a.img-hyperlink:focus,
.entry-content a.permalink,
.entry-content a.comments-link {
padding: 0;
border: none;
}
/* === Headers === */
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 700; }
h1,
h2 {
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5625rem; }
h4 { font-size: 1.375rem; }
h5 { font-size: 1.3125rem; }
h6 { font-size: 1.25rem; }
/* === Blockquotes, quotes, and cites === */
blockquote {
margin: 10px 10px 1.5rem;
padding: 1.5rem 1.5rem 0;
font-size: 1em; /* relative to parent */
font-style: normal;
border: 2px dashed;
outline: 10px solid;
}
blockquote cite {
font-size: 0.875em;
font-variant: small-caps;
}
.twitter-tweet {
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* U.S. English quotes. */
.en-us blockquote p { quotes: '\201C' '\201D'; }
.en-us blockquote p::before,
.en-us blockquote p:first-child::before { content: '\201C'; }
.en-us blockquote p:last-child::after,
.en-us blockquote p.is-last-child::after { content: '\201D'; }
.en-us blockquote p.has-cite:last-child::after,
.en-us blockquote p.has-cite:last-child::before,
.en-us blockquote p.has-cite-only:last-child::after,
.en-us blockquote p.has-cite-only:last-child::before { content: ''; }
/* === Mark === */
mark {
padding: 3px;
font-size: 1.125rem;
font-style: normal;
}
/* === <hr> tag === */
hr {
height: 3px;
border-bottom: 1px solid;
border-top: 1px solid;
}
/* === Code and Preformatted text === */
code {
display: inline-block;
padding: 2px;
font-size: 1rem;
font-weight: 400;
border: 1px solid;
}
body pre,
body code {
font-family: Monaco, Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
}
pre,
.form-allowed-tags code {
padding: 1.875rem 1.5rem;
font-size: 1.125rem;
line-height: 1.875rem;
border: 1px solid;
-webkit-background-size: 3.75rem 3.75rem;
-moz-background-size: 3.75rem 3.75rem;
background-size: 3.75rem 3.75rem;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
pre code {
padding: 0;
font-size: 1em; /* relative to parent */
background: transparent;
border: none;
}
/* === Lists === */
.ltr .widget ul { margin-left: 1.5rem; }
.rtl .widget ul { margin-right: 1.5rem; }
dt { font-weight: 700; }
/* === Tables === */
table {
width: 100%;
border-collapse: collapse;
}
caption {
margin: 0 0 5px;
font-variant: small-caps;
}
tr,
thead { border-bottom: 1px solid; }
tr:last-child { border: none; }
tfoot { border-top: 1px solid; }
th,
td {
padding: 10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
th {
font-size: 0.8125rem;
font-weight: 700;
text-transform: uppercase;
}
.ltr th { text-align: left; }
.rtl th { text-align: right; }
td { border: 1px solid; }
th:empty,
td:empty,
th.pad,
td.pad { opacity: 0; }
/* wp-calendar <table> */
.wp-calendar th { font-size: 0.75rem; }
.wp-calendar td,
.wp-calendar th {
padding: 5px 2%;
vertical-align: middle;
text-align: center;
}
.wp-calendar th { padding: 10px 2%; }
/* .has-posts added via jQuery. */
.wp-calendar tbody td.has-posts {
padding: 0;
}
.wp-calendar td.has-posts a {
display: block;
padding: 5px 2%;
font-weight: 700;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* === Forms === */
fieldset {
margin: 0 0 1.5rem;
padding: 1.5rem 1.5rem 0;
border: 1px solid;
}
legend {
padding: 0.375rem 1.5rem;
border: 1px solid;
font-size: 1rem;
font-weight: 600;
}
label {
font-size: 0.9375rem;
font-weight: 400;
cursor: pointer;
}
.label-checkbox,
.label-radio { font-size: 1.125rem; }
label:focus,
label.focus { text-decoration: underline; }
input { display: block; }
input[type="checkbox"],
input[type="radio"] { display: inline-block; }
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
padding: 10px 1.5rem;
font-size: 1.125rem;
border: 1px solid;
opacity: 0.75;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select { width: 100%; }
input[name="post_password"] { margin-bottom: 25px; }
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
opacity: 1;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
display: inline-block;
padding: 0.75rem 1rem;
font-size: 0.9375rem;
font-weight: 400;
border: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
button:focus,
.menu-toggle button:hover,
.media-info-toggle:hover {
text-decoration: underline;
}
select {
font-size: 1rem;
padding: 7px;
}
textarea {
min-height: 300px;
padding: 1.5rem;
}
/**
* Images
* --------------------------------------------------------------------------- */
img {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a img {
opacity: 0.85;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a:hover img,
a:focus img { opacity: 1; }
/* === Image sizes === */
@media only screen and ( min-width: 700px ) {
.ltr img.portrait.stargazer-full {
float: right;
max-width: 33%;
margin: 0 0 1.5rem 1.5rem;
}
.rtl img.portrait.stargazer-full {
float: left;
max-width: 33%;
margin: 0 1.5rem 1.5rem 0;
}
}
img.stargazer-medium,
img.stargazer-full { margin: 0 0 1.5rem; }
/* === Captions === */
.wp-caption {
position: relative;
max-width: 100%;
}
.wp-caption .wp-caption-text {
position: absolute;
bottom: 1.5rem;
padding: 0.75rem;
font-size: 0.9375rem;
}
.ltr .wp-caption .wp-caption-text { margin-right: 1.5rem; }
.rtl .wp-caption .wp-caption-text { margin-left: 1.5rem; }
/* === Gallery === */
.main .gallery { margin-bottom: 1rem; }
.gallery .gallery-item { margin-bottom: 0.5rem; }
.gallery .gallery-icon a img {
padding: 9px;
border: 1px solid;
}
.gallery .gallery-caption { font-size: 0.9375rem; }
.singular-attachment .gallery-caption { display: none; }
@media only screen and ( max-width: 481px ) {
.gallery .gallery-row .gallery-item { float: none; width: 100%; }
.gallery .gallery-icon img { max-width: 100%; }
}
/* === Avatars === */
.avatar {
width: 60px;
height: 60px;
margin: 0 0 1.5rem;
border: 1px solid;
border-radius: 50%;
}
.ltr .avatar { float: left; margin-right: 1.5rem; }
.rtl .avatar { float: right; margin-left: 1.5rem; }
/* === Embeds === */
.embed-wrap {
position: relative;
margin-bottom: 1.5rem;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.embed-wrap iframe,
.embed-wrap object,
.embed-wrap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
height: 100%;
}
iframe.wp-embedded-content {
width: 100%;
margin: 0;
}
/* === Clearing Floats === */
.clearfix::after,
#header::after,
#branding::after,
#menu-secondary::after,
#menu-primary::after,
#menu-primary .wrap::after,
#menu-secondary .wrap::after,
#main::after,
#sidebar-subsidiary::after,
#footer::after,
.comment-respond::after,
.entry::after,
.entry-content::after,
.entry-summary::after,
.archive-header::after,
li.comment::after,
li.comment > article::after,
li.ping::after,
.loop-nav::after,
.attachment-meta::after,
.media-info::after,
.media-info ul li::after,
.media-shortcode-extend::after,
.wp-playlist-current-item::after,
.widget::after,
.whistles::after,
.whistle-content::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/********************************************************************************************************
* ====== End Defaults ======
********************************************************************************************************/
/********************************************************************************************************
* 1.4 - Genericons
*
* This section defines the CSS rules for handling Genericons, the icon font used in this theme.
********************************************************************************************************/
/* Links */
a[href^="mailto:"]::before,
a[href^="tel:"]::before,
/* Breadcrumbs */
.breadcrumb-trail a[rel="home"]::before,
.breadcrumb-trail li::after,
/* Quotes. */
blockquote::before,
/* Lists */
.widget ul li::before,
.entry-content ul li::before,
.comment-content ul li::before,
/* Media player */
.mejs-controls .mejs-button button::after,
.mejs-overlay-button::after,
.media-info-toggle::after,
/* Playlists */
.wp-playlist-playing .wp-playlist-caption::before,
.wp-playlist-item-meta::before,
/* Posts */
.entry-author a::before,
.entry-published::before,
.comments-link::before,
.post-edit-link::before,
.entry-permalink::before,
.post-format-link::before,
.entry-terms::before,
.image-sizes::before,
.chat-author cite::before,
.entry-views::before,
/* Menus */
#menu-social li a::before,
/* Plugins */
.whistles-toggle .whistle-title::after,
.whistles-accordion .whistle-title::after,
/* Comments */
.comment-published::before,
.comment-edit-link::before,
.comment-author::before,
.comment-permalink::before,
.comment-reply-link::before,
.comment-reply-login::before,
/* Search form */
#menu-primary .search-form .search-toggle::before,
/* Sub-terms list. */
#menu-sub-terms-items::before,
/* Widgets */
.widget-title > .wrap::before,
.widget-widget_rss .widget-title > .wrap a:first-child::before,
/* Comments */
#comments-number .wrap::before,
/* Respond */
#reply-title > .wrap::before,
#respond label[for="author"]::before,
#respond label[for="email"]::before,
#respond label[for="url"]::before,
#respond label[for="comment"]::before {
display: inline-block;
font-family: 'Genericons';
font-size: 16px;
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
}
/* General padding. */
.ltr a[href^="mailto:"]::before,
.ltr a[href^="tel:"]::before,
.ltr .entry-author a::before,
.ltr .chat-author cite::before,
.ltr .entry-published::before,
.ltr .comments-link::before,
.ltr .post-edit-link::before,
.ltr .entry-permalink::before,
.ltr .post-format-link::before,
.ltr .entry-terms::before,
.ltr .image-sizes::before,
.ltr .entry-views::before,
.ltr .comment-published::before,
.ltr .comment-edit-link::before,
.ltr .comment-author::before,
.ltr .comment-permalink::before { padding-right: 3px; padding-bottom: 2px; }
.rtl a[href^="mailto:"]::before,
.rtl a[href^="tel:"]::before,
.rtl .entry-author a::before,
.rtl .chat-author cite::before,
.rtl .entry-published::before,
.rtl .comments-link::before,
.rtl .post-edit-link::before,
.rtl .entry-permalink::before,
.rtl .post-format-link::before,
.rtl .entry-terms::before,
.rtl .image-sizes::before,
.rtl .entry-views::before,
.rtl .comment-published::before,
.rtl .comment-edit-link::before,
.rtl .comment-author::before,
.rtl .comment-permalink::before { padding-left: 3px; padding-bottom: 2px; }
/* Links */
a[href^="mailto:"]::before { content: '\f410'; }
a[href^="tel:"]::before { content: '\f437'; }
/* Posts */
.entry-author a::before,
.chat-author cite::before { content: '\f304'; }
.entry-published::before { content: '\f307'; }
.comments-link::before { content: '\f300'; }
.post-edit-link::before { content: '\f411'; }
.entry-permalink::before { content: '\f107'; }
.entry-terms.post_tag::before { content: '\f302'; }
.entry-terms.category::before { content: '\f301'; }
.entry-terms.portfolio::before { content: '\f460'; }
.entry-terms.literary_form::before { content: '\f100'; }
.entry-terms.literary_technique::before { content: '\f411'; }
.entry-terms.literary_genre::before { content: '\f302'; }
.format-standard .post-format-link::before { content: '\f100'; }
.format-aside .post-format-link::before { content: '\f101'; }
.format-audio .post-format-link::before { content: '\f109'; }
.format-chat .post-format-link::before { content: '\f108'; }
.format-gallery .post-format-link::before { content: '\f103'; }
.image-sizes::before,
.format-image .post-format-link::before { content: '\f102'; }
.format-link .post-format-link::before { content: '\f107'; }
.format-quote .post-format-link::before { content: '\f106'; }
.format-status .post-format-link::before { content: '\f105'; }
.format-video .post-format-link::before { content: '\f104'; }
/* Entry Views plugin. */
.entry-views::before { content: '\f403'; }
/* Comments */
.comment-published::before { content: '\f303'; }
.comment-author::before { content: '\f304'; }
.ping .comment-author::before { content: '\f107'; }
.comment-edit-link::before { content: '\f411'; }
.comment-permalink::before { content: '\f107'; }
/* Social menu */
#menu-social li a::before { content: '\f408'; padding: 0 3px; }
#menu-social li a:hover::before,
#menu-social li a:focus::before { opacity: 0.75; }
#menu-social li a[href*="codepen.io"]::before { content: '\f216'; color: #fff; }
#menu-social li a[href*="digg.com"]::before { content: '\f221'; color: #fff; }
#menu-social li a[href*="dribbble.com"]::before { content: '\f201'; color: #ea4c89; }
#menu-social li a[href*="dropbox.com"]::before { content: '\f225'; color: #007ee5; }
#menu-social li a[href*="facebook.com"]::before { content: '\f203'; color: #3b5998; }
#menu-social li a[href*="/feed"]::before { content: '\f413'; color: #cc4a00; }
#menu-social li a[href*="flickr.com"]::before { content: '\f211'; color: #ff0084; }
#menu-social li a[href*="plus.google.com"]::before { content: '\f206'; color: #dd4b39; }
#menu-social li a[href*="github.com"]::before { content: '\f200'; color: #4183c4; }
#menu-social li a[href*="instagram.com"]::before { content: '\f215'; color: #3f729b; }
#menu-social li a[href*="linkedin.com"]::before { content: '\f208'; color: #0e76a8; }
#menu-social li a[href*="pinterest.com"]::before { content: '\f210'; color: #c8232c; }
#menu-social li a[href*="polldaddy.com"]::before { content: '\f217'; color: #bc0b0b; }
#menu-social li a[href*="getpocket.com"]::before { content: '\f224'; color: #ee4056; }
#menu-social li a[href*="reddit.com"]::before { content: '\f222'; color: #336699; }
#menu-social li a[href*="skype.com"]::before,
#menu-social li a[href*="skype:"]::before { content: '\f220'; color: #00aff0; }
#menu-social li a[href*="stumbleupon.com"]::before { content: '\f223'; color: #ff2618; }
#menu-social li a[href*="tumblr.com"]::before { content: '\f214'; color: #34526f; }
#menu-social li a[href*="twitter.com"]::before { content: '\f202'; color: #33ccff; }
#menu-social li a[href*="vimeo.com"]::before { content: '\f212'; color: #1AB7EA; }
#menu-social li a[href*="wordpress.org"]::before,
#menu-social li a[href*="wordpress.com"]::before { content: '\f205'; color: #21759b; }
#menu-social li a[href*="youtube.com"]::before { content: '\f213'; color: #c4302b; }
/* Breadcrumb Trail. */
.breadcrumb-trail a[rel="home"]::before {
content: '\f409';
margin-top: -3px;
font-size: 24px;
font-weight: normal;
}
.breadcrumb-trail li::after {
content: '\f431';
margin: -3px 5px 0;
font-weight: normal;
}
.breadcrumb-trail li:last-of-type::after {
display: none;
}
.ltr .breadcrumb-trail li::after {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.rtl .breadcrumb-trail li::after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
/* Comments */
#reply-title > .wrap::before {
content: '\f412';
padding: 0 3px 1px 0;
}
.rtl #reply-title > .wrap::before {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: "FlipH";
filter: FlipH;
}
.comment-reply-link::before,
.comment-reply-login::before {
content: '\f412';
margin-bottom: 3px;
padding-right: 5px; /* Flip below causes padding to flip. */
}
/* flip icons */
.rtl #reply-title > .wrap::before
.rtl .comment-reply-link::before,
.rtl .comment-reply-login::before {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: "FlipH";
filter: FlipH;
}
.comment-respond label[for="author"]::before,
.comment-respond label[for="email"]::before,
.comment-respond label[for="url"]::before,
.comment-respond label[for="comment"]::before {
margin-bottom: 3px;
padding: 0 5px;
color: #555;
}
.comment-respond label[for="author"]::before { content: '\f304'; }
.comment-respond label[for="email"]::before { content: '\f410'; }
.comment-respond label[for="url"]::before { content: '\f409'; }
.comment-respond label[for="comment"]::before { content: '\f300'; }
/* Media info toggle */
.media-info-toggle::after {
content: '\f431';
color: #f5f5f5;
vertical-align: top;
}
.ltr .media-info-toggle::after { padding-left: 5px; }
.rtl .media-info-toggle::after { padding-right: 5px; }
.media-info-toggle.active::after { content: '\f432'; }
/* Media player */
.mejs-button button::after { color: #fff; }
.mejs-unmute button::after { color: #454545; }
.mejs-fullscreen-button button::after { content: '\f474'; }
.mejs-play button::after { content: '\f452'; }
.mejs-pause button::after { content: '\f448'; }
.mejs-volume-button button::after { content: '\f109'; }
/* Media playlist */
.wp-playlist-playing .wp-playlist-caption::before { content: '\f452'; }
.wp-playlist-current-item .wp-playlist-item-title::before { content: '\f109'; }
.wp-playlist-current-item .wp-playlist-item-album::before { content: '\f460'; }
.wp-playlist-current-item .wp-playlist-item-artist::before { content: '\f304'; }
.wp-playlist-playing .wp-playlist-caption::before,
.wp-playlist-item-meta::before { padding-bottom: 2px; }
.ltr .wp-playlist-item-meta::before { padding-right: 3px; }
.rtl .wp-playlist-item-meta::before { padding-left: 3px; }
/* Whistles plugin */
.whistles-toggle .whistle-title::after,
.whistles-accordion .whistle-title::after {
content: '\f431';
padding: 3px 0 0;
}
.ltr .whistles-toggle .whistle-title::after,
.ltr .whistles-accordion .whistle-title::after { float: right; }
.rtl .whistles-toggle .whistle-title::after,
.rtl .whistles-accordion .whistle-title::after { float: left; }
.whistles-toggle .whistle-title[aria-selected="true"]::after,
.whistles-accordion .whistle-title[aria-selected="true"]::after { content: '\f432'; }
/* Widgets */
.widget-title > .wrap::before { content: '\f408'; }
.ltr .widget-title > .wrap::before { padding-right: 3px; }
.rtl .widget-title > .wrap::before { padding-left: 3px; }
/* WP RSS widget */
.widget_rss .widget-title > .wrap::before {
content: '';
padding: 0;
}
.widget_rss .widget-title > .wrap a:first-child::before {
content: '\f413';
padding: 0 0 1px;
font-size: 16px;
}
.ltr .widget_rss .widget-title > .wrap a:first-child::before { padding-right: 3px; }
.rtl .widget_rss .widget-title > .wrap a:first-child::before { padding-left: 3px; }
/* WP nav menu widget */
.widget_nav_menu .widget-title > .wrap::before { content: '\f419'; font-size: 14px; }
.ltr .widget_nav_menu .widget-title > .wrap::before { padding-right: 5px; }
.rtl .widget_nav_menu .widget-title > .wrap::before { padding-left: 5px; }
/* WordPress / Widgets Reloaded widgets. */
.widget_archive .widget-title > .wrap::before { content: '\f303'; }
.widget_calendar .widget-title > .wrap::before { content: '\f307'; }
.widget_categories .widget-title > .wrap::before { content: '\f301'; }
.widget_links .widget-title > .wrap::before { content: '\f107'; }
.widget_meta .widget-title > .wrap::before { content: '\f455'; }
.widget_pages .widget-title > .wrap::before { content: '\f443'; }
.widget_recent_comments .widget-title > .wrap::before { content: '\f300'; }
.widget_recent_entries .widget-title > .wrap::before { content: '\f411'; }
.widget_search .widget-title > .wrap::before { content: '\f400'; }
.widget_tag_cloud .widget-title > .wrap::before { content: '\f302'; }
.widget_text .widget-title > .wrap::before { content: '\f100'; }
/* Widgets Reloaded widgets */
.widget-authors .widget-title > .wrap::before { content: '\f304'; }
/* bbPress widgets */
.bbp_widget_login .widget-title > .wrap::before { content: '\f427'; }
.widget_display_forums .widget-title > .wrap::before { content: '\f301'; }
.widget_display_replies .widget-title > .wrap::before { content: '\f412'; }
.widget_display_topics .widget-title > .wrap::before { content: '\f425'; }
.widget_display_views .widget-title > .wrap::before { content: '\f403'; }
/* Members widgets */
.widget-login .widget-title > .wrap::before,
.widget.login .widget-title > .wrap::before { content: '\f427'; }
.widget-users .widget-title > .wrap::before,
.widget.users .widget-title > .wrap::before { content: '\f304'; }
/* Series plugin. */
.widget.series-list-posts .widget-title > .wrap::before,
.widget.series-list-related .widget-title > .wrap::before { content: '\f411'; }
/* Entry Views plugin. */
.widget-entry-views .widget-title > .wrap::before { content: '\f403'; }
/********************************************************************************************************
* ====== End Genericons ======
********************************************************************************************************/
/********************************************************************************************************
* 1.5 - Header and Footer
*
* Handles the output of the main site header and footer content.
********************************************************************************************************/
/* Skip link at the top of the page. */
.skip-link .screen-reader-text:focus {
z-index: 100;
top: 34px;
width: 200px;
padding: 0.75rem 0;
text-align: center;
}
.ltr .skip-link .screen-reader-text:focus { left: 50%; margin-left: -100px; }
.rtl .skip-link .screen-reader-text:focus { right: 50%; margin-right: -100px; }
@media screen and ( max-width: 782px ) {
.skip-link .screen-reader-text:focus { top: 48px; }
}
/**
* Handles the output of the header content.
*/
#header,
#branding { position: relative; }
.display-header-text #header,
.custom-header #header {
border-bottom: 1px solid;
}
#branding { max-width: 80%; margin-top: 1.5rem; }
.ltr #branding { float: left; }
.rtl #branding { float: right; }
@media only screen and (min-width: 800px) {
#branding { width: 42.85%; max-width: 450px; }
}
.custom-logo { margin-bottom: 1.5rem; }
.ltr .custom-logo { float: left; }
.rtl .custom-logo { float: right; }
.ltr.display-header-text .custom-logo { margin-right: 0.75rem; }
.rtl.display-header-text .custom-logo { margin-left: 0.75rem; }
#site-title {
margin: 0;
padding: 0;
font-size: 2.125rem;
border: none;
}
#site-title a:hover,
#site-title a:focus {
text-decoration: none;
opacity: 0.75;
border-bottom: 1px solid;
}
#site-description {
padding: 0;
font-size: 1.125rem;
font-weight: 400;
border: none;
opacity: 0.5;
}
.en #site-description { font-style: italic; }
.header-image { opacity: 1; }
/**
* Handles the output of the footer content.
*/
#footer {
overflow: hidden;
padding: 1.5rem 0 0;
font-size: 0.9375rem;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
@media only screen and ( min-width: 950px ) {
.layout-1c #footer .credit,
.layout-2c-l #footer .credit,
.layout-2c-r #footer .credit { max-width: 60%; }
.ltr.layout-1c #footer,
.ltr.layout-2c-l #footer,
.ltr.layout-2c-r #footer { text-align: left; }
.rtl.layout-1c #footer,
.rtl.layout-2c-l #footer,
.rtl.layout-2c-r #footer { text-align: right; }
}
/********************************************************************************************************
* ====== End Header and Footer ======
********************************************************************************************************/
/********************************************************************************************************
* 1.6 - Main and Content
*
* This section deals with the #main section of the site, which wraps the content and primary sidebar.
* Sidebars have their own section in this stylesheet.
********************************************************************************************************/
.main {
padding-top: 3rem;
word-wrap: break-word;
word-break: normal;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.main,
.mceContentBody {
font-size: 1.25rem;
font-weight: 400;
}
/**
* Breadcrumbs
*/
.breadcrumb-trail {
margin-top: -1.5rem;
font-size: 1rem;
}
.breadcrumb-trail ul { list-style: none; margin: 0; }
.breadcrumb-trail ul li { display: inline-block; }
.breadcrumb-trail span.trail-end { opacity: 0.5; }
.breadcrumb-trail .sep {
display: inline-block;
padding: 0 5px;
opacity: 0.75;
}
.breadcrumb-trail a {
display: inline-block;
opacity: 0.75;
}
.breadcrumb-trail a:hover,
.breadcrumb-trail a:focus { opacity: 1; }
/**
* Posts
*/
.entry {
overflow: hidden;
margin: 0 0 3rem;
padding: 0 0 1.5rem;
border-bottom: 1px solid;
}
.entry:last-of-type {
margin: 0 0 1.5rem;
padding: 0;
border: none;
}
.plural .content .entry-title {
margin: 0 0 0.75rem;
padding: 0;
border: none;
}
.plural .content .entry-byline { margin: 0 0 0.75rem; }
.entry-byline,
.entry-footer { font-size: 1rem; }
.entry-byline,
.entry-footer,
.comment-meta {
margin: 0 0 1.5rem;
font-weight: 400;
font-style: normal;
}
.entry-footer,
.comment-meta { clear: both; }
.image-sizes a { margin: 0 3px; }
/* Elements */
.ltr .entry-author,
.ltr .entry-published,
.ltr .comments-link,
.ltr .post-edit-link,
.ltr .entry-permalink,
.ltr .entry-terms,
.ltr .post-format-link,
.ltr .entry-views { margin-right: 5px; display: inline-block; }
.rtl .entry-author,
.rtl .entry-published,
.rtl .comments-link,
.rtl .post-edit-link,
.rtl .entry-permalink,
.rtl .entry-terms,
.rtl .post-format-link,
.rtl .entry-views { margin-left: 5px; display: inline-block; }
/* Output from comments_popup_link() when no comments are found or off. */
.ltr span.comments-link,
.rtl span.comments-link { display: none; }
/* === Asides === */
.format-aside .entry-content a.permalink { font-weight: bold; }
/* === Chats === */
.format-chat .chat-text { margin-left: 1.125rem; }
.format-chat .chat-author {
margin-top: -12px;
padding-top: 12px;
border-top: 1px dotted;
}
.format-chat .chat-row:first-child .chat-author {
margin: 0;
padding: 0;
border: none;
}
.format-chat cite {
font-size: 1rem;
font-style: normal;
font-weight: 700;
}
/* === Images === */
.format-image > img,
.format-image > a img,
.format-image > .wp-caption { margin-bottom: 1.5rem; }
/**
* Loop Meta
*
* This displays the archive, blog, and search title + description.
*/
.archive-header { margin: 0 0 1.5rem; }
.archive-description {
margin: 0 0 1.5rem;
padding: 1.5rem 1.5rem 0;
border: 1px solid;
}
/**
* Pagination
*/
/* === Single posts using <!--nextpage--> === */
.page-links {
clear: both;
font-size: 1rem;
}
.nav-links .page-numbers,
.page-links .page-numbers,
.page-links a {
display: inline-block;
margin: 0 5px;
font-size: 1.25rem;
}
.nav-links .dots { margin: 0; }
.nav-links .current {
font-weight: 700;
}
.page-links a {
padding: 0 10px;
border: none;
}
/* === Single post navigation (between different posts) === */
.navigation,
.loop-nav {
margin: 0 0 3rem;
padding: 3rem 0 0;
font-size: 1.125rem;
border-top: 1px solid;
}
/********************************************************************************************************
* ====== End Main ======
********************************************************************************************************/
/********************************************************************************************************
* 1.7 - Media
*
* This section deals with handling media and the output of media-related elements.
********************************************************************************************************/
/********************************************************************************************************
* ====== End Media ======
********************************************************************************************************/
/********************************************************************************************************
* 1.8 - Sidebars and Widgets
*
* This section handles the output of sidebars and widgets. Note that the layout of sidebars is handled
* in the layout section. There's also a few style rules for non-sidebar elements that have the same
* design.
********************************************************************************************************/
.sidebar { font-size: 1.0675rem; }
#sidebar-subsidiary {
padding-top: 3rem;
border-top: 1px solid;
}
.widget {
margin: 0;
padding: 0 0 1.5rem;
}
.widget-title,
#comments-number,
#reply-title,
.attachment-meta-title { border-bottom: 2px solid; }
.widget-title > .wrap,
#comments-number > .wrap,
#reply-title > .wrap,
.attachment-meta-title > .wrap {
display: inline-block;
vertical-align: bottom;
padding: 0.75rem 1.5rem 0.625rem;
font-size: 0.8125rem;
font-weight: 700;
line-height: 16px;
text-transform: uppercase;
}
.widget-title > .wrap a { text-decoration: underline; }
/* Recent posts widget and Entry Views plugin. */
.widget_recent_entries .post-date,
.widget-entry-views .entry-view-count {
font-size: 0.875em; /* relative */
}
/* Tags widget (core WP wraps in a `<div>` instead of `<p>`). */
.widget .tagcloud,
.widget select#cat.postform,
.widget select[name="archive-dropdown"] { margin-bottom: 1.5rem; }
/* Search widget. */
.widget_search > .search-form {
padding: 1.5rem;
margin: -1.5rem 0 1.5rem;
}
.widget_search input[type="search"] {
display: block;
width: 100%;
padding: 0.5rem;
border: none;
opacity: 1;
box-sizing: border-box;
}
.widget_search input[type="submit"] { display: none; }
/* Members login widget */
.widget-login form,
.widget.login form { clear: both; }
.widget-login img + p,
.widget.login img + p { padding-top: 0.75rem; }
/********************************************************************************************************
* ====== End Sidebars and Widgets ======
********************************************************************************************************/
/********************************************************************************************************
* 1.9 - Comments Template
*
* This section handles the output of the comments template. In particular, it styles the output of the
* comments section (comments list) and the respond section (comment form).
********************************************************************************************************/
/**
* Comments
*
* Handles the output of the comments list and related elements.
*/
#comments { padding: 0 0 1.5rem; }
#comments-number > .wrap::before {
content: '\f300';
padding: 0 0 1px;
}
.ltr #comments-number > .wrap::before { padding-right: 3px; }
.rtl #comments-number > .wrap::before { padding-left: 3px; }
/* === Comment list === */
.ltr .comment-list,
.rtl .comment-list {
list-style: none;
margin: 0 0 1.5rem;
}
.comment-list li > .children,
.comment-list .children li > .children { list-style: none; }
.ltr .comment-list li > .children,
.ltr .comment-list .children li > .children { margin: 0 0 0 1.5rem; }
.rtl .comment-list li > .children,
.rtl .comment-list .children li > .children { margin: 0 1.5rem 0 0; }
/* === Individual comments */
li.comment,
li.ping { clear: both;}
/* === Avatars === */
.ltr li.ping .avatar { float: right; margin-left: 1.5rem; }
.rtl li.ping .avatar { float: left; margin-right: 1.5rem; }
/* === Meta === */
.comment-meta {
padding: 5px 0 0;
font-size: 1rem;
}
.has-avatar.comment .comment-author { margin-top: 10px; }
.comment-author {
font-size: 1rem;
font-weight: 700;
font-style: normal;
}
.ltr .comment-author,
.ltr .comment-published,
.ltr .comment-permalink,
.ltr .comment-edit-link { display: inline-block; margin-right: 5px; }
.rtl .comment-author,
.rtl .comment-published,
.rtl .comment-permalink,
.rtl .comment-edit-link { display: inline-block; margin-left: 5px; }
/* === Comment text/content === */
li.ping,
.comment-content {
clear: both;
margin: 0 0 1.5rem;
padding: 1.5rem 1.5rem 0;
border: 1px solid;
}
/* === Reply link === */
.comment-reply-link,
.comment-reply-login {
display: inline-block;
margin-top: -1.5rem;
padding: 0.5rem 1rem;
font-size: 0.875rem;
font-weight: 400;
}
.ltr .comment-reply-link,
.ltr .comment-reply-login { float: right; margin-right: 0.75rem; }
.rtl .comment-reply-link,
.rtl .comment-reply-login { float: left; margin-left: 0.75rem; }
.comments-closed { margin: -1.5rem 0 3rem; }
/**
* Respond
*
* Handles the output of the comment form.
*/
.comment-respond { padding: 0 0 1.5rem; }
.comment-respond .required { font-weight: 700; }
#reply-title small {
font-size: 1em;
font-weight: 400;
}
#reply-title small a {
display: inline-block;
padding: 0.8125rem;
text-transform: none;
}
.ltr #reply-title small a { margin: -0.75rem -1.5rem -0.625rem 1.5rem; }
.rtl #reply-title small a { margin: -0.75rem 1.5rem -0.625rem -1.5rem; }
.gallery-count,
.comments-closed,
.comment-notes,
.comment-respond .must-log-in,
.comment-respond .logged-in-as { font-size: 1.125rem; }
.form-allowed-tags {
margin: -0.75rem 0 1.1875rem;
font-size: 1rem;
}
.form-allowed-tags code {
margin-top: 1.1875rem;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
}
/********************************************************************************************************
* ====== End Comments Template ======
********************************************************************************************************/
/********************************************************************************************************
* 1.10 - Menus
*
* This section of the CSS is for handling the design of the various menus used within the theme.
********************************************************************************************************/
/**
* Sub-terms menu
*
* This menu is shown along with the description on term archives if the taxonomy is hierarchical (like
* categories). It displays the child terms if the current term has any.
*/
#menu-sub-terms-items {
list-style: none;
margin: 0 0 1.5rem;
}
.ltr #menu-sub-terms-items { margin-left: 0.75rem; }
.rtl #menu-sub-terms-items { margin-right: 0.75rem; }
#menu-sub-terms-items::before {
content: '\f412';
margin-right: 0.3125rem;
}
.rtl #menu-sub-terms-items::before {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: "FlipH";
filter: FlipH;
}
#menu-sub-terms li { display: inline-block; }
#menu-sub-terms li a {
display: inline-block;
padding: 0.5rem 0.75rem;
font-size: 0.8125rem;
font-weight: 400;
}
.ltr #menu-sub-terms li a { margin-right: 5px; }
.rtl #menu-sub-terms li a { margin-left: 5px; }
/**
* Social menu
*
* The social menu is displayed in the footer next to the credit links.
*/
#menu-social ul {
list-style: none;
margin: 0 0 0.875rem;
text-align: center;
}
#menu-social ul li {
display: inline-block;
margin-bottom: 0.625rem;
}
#menu-social li a {
position: relative;
display: inline-block;
text-decoration: none;
}
@media only screen and ( min-width: 950px ) {
.layout-1c #menu-social,
.layout-2c-l #menu-social,
.layout-2c-r #menu-social { max-width: 37.5%; }
.ltr.layout-1c #menu-social,
.ltr.layout-2c-l #menu-social,
.ltr.layout-2c-r #menu-social { float: right; }
.rtl.layout-1c #menu-social,
.rtl.layout-2c-l #menu-social,
.rtl.layout-2c-r #menu-social { float: left; }
.ltr.layout-1c #menu-social ul,
.ltr.layout-2c-l #menu-social ul,
.ltr.layout-2c-r #menu-social ul { text-align: right; }
.rtl.layout-1c #menu-social ul,
.rtl.layout-2c-l #menu-social ul,
.rtl.layout-2c-r #menu-social ul { text-align: left; }
}
/**
* Primary and Secondary menus
*
* The primary menu is shown at the top of the page. The secondary menu is shown in the header if the
* user has selected to display header text.
*/
#menu-primary { padding: 10px 0 0; }
#menu-primary li a { font-weight: 400; }
#menu-secondary {
padding-top: 1.5rem;
}
@media only screen and (max-width: 1024px) {
#menu-primary > .wrap { padding: 0; }
.menu-toggle {
position: relative;
display: inline-block;
margin: 0;
cursor: pointer;
font-size: 0.8125rem;
line-height: 24px;
vertical-align: middle;
}
.menu-toggle button {
position: relative;
top: 0;
}
.ltr .menu-toggle button { left: 0; }
.rtl .menu-toggle button { right: 0; }
#menu-primary .menu-toggle button {
margin: 0 0 10px;
padding: 0;
}
#menu-secondary .menu-toggle button { margin: 0 1.5rem; }
@media only screen and ( max-width: 540px ) {
/*
#menu-secondary .menu-toggle button { font-size: 0; }
.ltr #menu-secondary .menu-toggle button { padding-left: 0.25rem; }
.rtl #menu-secondary .menu-toggle button { padding-right: 0.25rem; }
*/
}
.ltr #menu-primary .menu-toggle button { margin-left: 1.5rem; }
.rtl #menu-primary .menu-toggle button { margin-right: 1.5rem; }
#menu-primary .menu-toggle button::before,
#menu-secondary .menu-toggle button::after {
content: '\f419';
display: inline-block;
font-family: 'Genericons';
font-size: 24px;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
}
.ltr #menu-primary .menu-toggle button::before,
.rtl #menu-secondary .menu-toggle button::after { padding: 0 0.75rem 0 0; }
.rtl #menu-primary .menu-toggle button::before,
.ltr #menu-secondary .menu-toggle button::after { padding: 0 0 0 0.75rem; }
@media only screen and ( max-width: 540px ) {
#menu-secondary .menu-toggle button::after { display: none; }
#menu-secondary .menu-toggle button::before {
content: '\f419';
display: inline-block;
font-family: 'Genericons';
font-size: 24px;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
}
.ltr #menu-secondary .menu-toggle button::before { padding: 0 0.75rem 0 0; }
.rtl #menu-secondary .menu-toggle button::before { padding: 0 0 0 0.75rem; }
}
#branding { z-index: 1; }
#menu-secondary {
width: 100%;
text-align: right;
position: absolute;
left: 0;
}
.ltr #menu-secondary { text-align: right; }
.rtl #menu-secondary { text-align: left; }
#menu-secondary .wrap {
position: relative;
z-index: 2;
}
.ltr #menu-secondary .wrap { text-align: left; }
.rtl #menu-secondary .wrap { text-align: right; }
#menu-primary .wrap,
#menu-secondary .wrap { display: none; }
#menu-primary ul,
#menu-secondary ul {
margin: 0;
list-style: none;
}
#menu-primary li,
#menu-secondary li { width: 100%; display: block; }
#menu-primary li a,
#menu-secondary li a {
display: block;
width: 100%;
padding: 0.75rem 1.5rem;
border-top: 1px solid;
box-sizing: border-box;
}
.ltr #menu-primary li li a,
.ltr #menu-secondary li li a { padding-left: 3rem; }
.rtl #menu-primary li li a,
.rtl #menu-secondary li li a { padding-right: 3rem; }
.ltr #menu-primary li li li a,
.ltr #menu-secondary li li li a { padding-left: 4.5rem; }
.rtl #menu-primary li li li a,
.rtl #menu-secondary li li li a { padding-right: 4.5rem; }
.ltr #menu-primary li li li li a,
.ltr #menu-secondary li li li li a { padding-left: 6rem; }
.rtl #menu-primary li li li li a,
.rtl #menu-secondary li li li li a { padding-right: 6rem; }
/* Search form */
#menu-primary .search-form input[type="search"] {
padding: 0.75rem 1.5rem;
font-size: 1rem;
opacity: 1;
}
#menu-primary .search-toggle,
#menu-primary .search-form input[type="submit"] { display: none; }
}
/* === MAX-WIDTH 540PX === */
@media only screen and ( max-width: 540px ) {
.header-image {
position: absolute;
top: -9999em;
}
.ltr .header-image { left: -9999em; }
.rtl .header-image { right: -9999em; }
.custom-background #container > .wrap {
margin-top: 0;
}
.display-header-text #header,
.custom-header #header { margin-bottom: 0.75rem; }
#branding {
text-align: center;
}
#branding .custom-logo { float: none; margin: 0; }
#branding,
#site-title,
#site-description {
max-width: 100%;
width: 100%;
margin-bottom: 0;
}
.ltr #branding,
.rtl #branding {
}
#menu-primary .menu-toggle,
#menu-primary .menu-toggle button {
text-align: center;
width: 100%;
}
.ltr #menu-primary .menu-toggle button,
.rtl #menu-primary .menu-toggle button {
margin-left: 0;
margin-right: 0;
}
#header { clear: both; }
#menu-primary { width: 100%; float: left; }
#menu-secondary {
position: initial;
clear: both;
width: calc( 100% + 3rem + 2px );
margin-top: -1.5rem;
margin-left: calc( -1.5rem - 1px );
}
#menu-secondary .menu-toggle,
#menu-secondary .menu-toggle button {
width: 100%;
margin: 0;
}
}
/* === MIN-WIDTH 800PX === */
@media only screen and (min-width: 1025px) {
.menu > .wrap { display: block !important; }
.menu-toggle { position: absolute; }
.ltr .menu-toggle { left: -9999em; }
.rtl .menu-toggle { right: -9999em; }
.menu ul {
list-style: none;
margin: 0;
}
.menu-items { zoom: 1; }
.menu-items::before,
.menu-items::after {
content: "";
display: table;
}
.menu-items::after { clear: both; }
.menu-items > ul {
width: 100%;
margin: 60px auto;
}
.menu ul ul {
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 1;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.menu li:hover > ul,
.menu li:focus > ul,
.menu li.focus > ul {
opacity: 1;
visibility: visible;
}
.menu li > ul::before {
content: '';
position: absolute;
top: -6px;
border-width: 6px;
border-style: solid;
border-top: none;
}
.ltr .menu li > ul::before { left: 24px; }
.rtl .menu li > ul::before { right: 24px; }
.menu li li > ul::before {
top: 22px;
border-top-width: 6px;
border-top-style: solid;
}
.ltr .menu li li > ul::before {
left: -6px;
border-right-width: 6px;
border-right-style: solid;
border-left: 0;
}
.rtl .menu li li > ul::before {
right: -6px;
border-right: 0;
border-left-width: 6px;
border-left-style: solid;
}
.menu li {
display: inline-block;
position: relative;
}
.menu li li { display: block; }
.menu-items li li a {
-webkit-transition: all 0 ease 0;
-moz-transition: all 0 ease 0;
-o-transition: all 0 ease 0;
transition: all 0 ease 0;
}
.menu li > a::after {
content: '\f431';
display: inline-block;
margin: -2px 0 0;
font: normal 14px/1 'Genericons';
vertical-align: top;
-webkit-font-smoothing: antialiased;
}
.ltr .menu li > a::after { padding-left: 5px; }
.rtl .menu li > a::after { padding-right: 5px; }
.menu li li > a::after {
position: absolute;
vertical-align: middle;
margin: 3px 0 0;
}
.ltr .menu li li > a::after {
right: 5px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.rtl .menu li li > a::after {
left: 5px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.menu li a:only-child::after { content: ''; }
/* ====== Primary and Secondary Menus ====== */
#menu-secondary {
width: 57.15%;
max-width: 37.5rem; /* 600 */
margin: 24px 0;
}
.ltr.display-header-text #menu-secondary,
.ltr.display-header-text #menu-secondary ul,
.ltr.wp-custom-logo #menu-secondary,
.ltr.wp-custom-logo #menu-secondary ul { float: right; text-align: right; }
.rtl.display-header-text #menu-secondary,
.rtl.display-header-text #menu-secondary ul,
.rtl.wp-custom-logo #menu-secondary,
.rtl.wp-custom-logo #menu-secondary ul { float: left; text-align: left; }
.ltr.display-header-text #menu-secondary ul ul,
.ltr.wp-custom-logo #menu-secondary ul ul { text-align: left; }
.rtl.display-header-text #menu-secondary ul ul,
.rtl.wp-custom-logo #menu-secondary ul ul { text-align: right; }
/* Lists */
#menu-primary ul ul,
#menu-secondary ul ul {
width: 230px;
margin: 20px 0 0;
}
#menu-primary ul ul { top: 43px; }
#menu-secondary ul ul { top: 33px; }
#menu-primary .menu-items li:hover > ul,
#menu-primary .menu-items li:focus > ul,
#menu-primary .menu-items li.focus > ul,
#menu-secondary .menu-items li:hover > ul,
#menu-secondary .menu-items li:focus > ul,
#menu-secondary .menu-items li.focus > ul { margin: 0; }
.ltr #menu-primary ul ul,
.ltr #menu-secondary ul ul,
.ltr #menu-primary li:hover > ul,
.ltr #menu-primary li:focus > ul,
.ltr #menu-primary li.focus > ul,
.ltr #menu-secondary li:hover > ul,
.ltr #menu-secondary li:focus > ul,
.ltr #menu-secondary li.focus > ul { margin-left: -24px; }
.rtl #menu-primary ul ul,
.rtl #menu-secondary ul ul,
.rtl #menu-primary li:hover > ul,
.rtl #menu-primary li:focus > ul,
.rtl #menu-primary li.focus > ul,
.rtl #menu-secondary li:hover > ul,
.rtl #menu-secondary li:focus > ul,
.rtl #menu-secondary li.focus > ul { margin-right: -24px; }
#menu-primary.menu li li:hover > ul,
#menu-primary.menu li li:focus > ul,
#menu-primary.menu li li.focus > ul,
#menu-secondary.menu li li:hover > ul,
#menu-secondary.menu li li:focus > ul,
#menu-secondary.menu li li.focus > ul { margin: 0; }
#menu-primary ul ul ul,
#menu-secondary ul ul ul {
top: 0;
margin: 0;
}
.ltr #menu-primary ul ul ul,
.ltr #menu-secondary ul ul ul { left: 236px; margin-left: 20px; }
.rtl #menu-primary ul ul ul,
.rtl #menu-secondary ul ul ul { right: 236px; margin-right: 20px; }
/* List items */
.ltr #menu-secondary li { margin-left: 24px; }
.rtl #menu-secondary li { margin-right: 24px; }
.ltr #menu-secondary li li { margin-left: 0; }
.rtl #menu-secondary li li { margin-right: 0; }
/* List item links */
#menu-primary li a,
#menu-secondary li a {
display: block;
font-size: 0.8125rem;
line-height: 1;
text-transform: uppercase;
}
#menu-primary li a { padding: 0.75rem 0 1.25rem; }
.ltr #menu-primary li a { margin-right: 1.5rem; }
.rtl #menu-primary li a { margin-left: 1.5rem; }
#menu-secondary li a {
margin: 0;
padding: 0.75rem 0;
font-weight: 600;
}
#menu-primary li li a,
#menu-secondary li li a {
position: relative;
display: block;
width: 180px;
padding: 18px 25px;
font-size: 0.75rem;
font-weight: 400;
line-height: 1.5;
border-top: 1px solid;
}
/* === Search form === */
#menu-primary .search-form {
position: absolute;
top: -1px;
}
.ltr #menu-primary .search-form { right: 0; }
.rtl #menu-primary .search-form { left: 0; }
#menu-primary .search-toggle {
height: 34px;
padding: 0 10px;
line-height: 34px;
box-sizing: border-box;
}
.ltr #menu-primary .search-toggle { float: left; }
.rtl #menu-primary .search-toggle { float: right; }
#menu-primary .search-toggle:before {
content: '\f400';
font-size: 20px;
cursor: pointer;
padding: 0 0 1px;
vertical-align: top;
}
#menu-primary .search-field {
display: inline-block;
padding: 7px 8px;
width: 200px;
height: 34px;
border-width: 1px;
font-size: 0.9375rem;
opacity: 1;
box-sizing: border-box;
}
.ltr #menu-primary .search-field { margin-left: -2px; }
.rtl #menu-primary .search-field { margin-right: -2px; }
#menu-primary .search-form input[type="submit"] { display: none; }
}
/********************************************************************************************************
* ====== End Menus ======
********************************************************************************************************/
/********************************************************************************************************
* 1.11 - Plugins
*
* This section handles the output of specific plugins that the theme supports. The theme isn't limited
* to these plugins. It merely gives some extra love to these plugins.
********************************************************************************************************/
/**
* Clean My Archives
* @link http://themehybrid.com/plugins/clean-my-archives
*/
.clean-my-archives .month-year a { border: none; }
.clean-my-archives ul { list-style: none; }
.ltr .clean-my-archives ul { margin-left: 10px; }
.rtl .clean-my-archives ul { margin-right: 10px; }
.clean-my-archives li {
position: relative;
line-height: 1.75;
}
.ltr .clean-my-archives li { padding-left: 40px; }
.rtl .clean-my-archives li { padding-right: 40px; }
.clean-my-archives .day {
position: absolute;
display: inline-block;
font-weight: 600;
}
.ltr .clean-my-archives .day { left: 0; }
.rtl .clean-my-archives .day { right: 0; }
.clean-my-archives .comments-number {
display: inline-block;
font-size: 1rem;
font-style: italic;
}
.clean-my-archives .day-duplicate .day {
text-indent: -9999em;
border-left: 1px solid;
}
.ltr .clean-my-archives .day-duplicate .day { margin-left: 12px; }
.rtl .clean-my-archives .day-duplicate .day { margin-right: 12px; }
/**
* Whistles
* @link http://themehybrid.com/plugins/whistles
*/
.whistles {
width: 100%;
margin: 0 0 1.5rem;
}
.whistle-title:hover { cursor: pointer; }
.whistle-content { overflow: hidden; }
/* === Tabs === */
/* Unordered list. */
.whistles-tabs .whistles-tabs-nav {
position: relative;
z-index: 1;
list-style: none;
margin: 0;
}
/* Individual list item. */
.whistles-tabs-nav li { display: inline; }
.rtl .whistles-tabs-nav li { float: right; }
/* Link within list item. */
.whistles-tabs-nav li a {
display: inline-block;
padding: 0.75rem 1.5rem;
font-size: 0.9375rem;
font-weight: 700;
border: 1px solid;
}
.ltr .whistles-tabs-nav li a { border-right-width: 0; }
.rtl .whistles-tabs-nav li a { border-left-width: 0; }
.ltr .whistles-tabs-nav li:last-child a { border-right-width: 1px; }
.rtl .whistles-tabs-nav li:last-child a { border-left-width: 1px; }
/* Wraps all of the tab content panels. */
.whistles-tabs .whistles-tabs-wrap {
position: relative;
clear: both;
top: -1px;
padding: 1.5rem 1.5rem 0;
border: 1px solid;
}
/* === Toggle / Accordion === */
/* Title for individual section. */
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title {
margin: 0;
padding: 0.75rem 1.5rem;
font-size: 0.9375rem;
font-weight: 700;
border: 1px solid;
border-top-width: 0;
}
.whistles-toggle .whistle-title:first-child,
.whistles-accordion .whistle-title:first-child { border-top-width: 1px; }
/* Individual toggle section content. */
.whistles-toggle .whistle-content,
.whistles-accordion .whistle-content {
margin: -1px 0 0;
padding: 1.5rem 1.5rem 0 1.5rem;
border: 1px solid;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/********************************************************************************************************
* ====== End Plugins ======
********************************************************************************************************/
/********************************************************************************************************
* 2 - Fun Zone
*
* This section of the stylesheet is what I call the fun area. For the most part, you should feel free
* to overwrite the following in your child theme's `style.css` file if your design calls for it.
* Specifically, this deals with fonts and colors. Those things are really the things that give your
* child theme its uniqueness. Have fun with it. Go wild!
********************************************************************************************************/
/**
* 2.1 - Font Family Definitions
*
* This theme operates with three dinstinct font rules. The "primary" font is used for the majority of
* text throughout the theme. The "secondary" font is used for handling secondary use cases. The
* "headlines" font is specific to h1-h6 headers (with the exception of #site-description).
*
* If building a child theme for public release with custom fonts, the child theme should define only the
* font rules it needs. Copy the specific section below that you want to overwrite into the child theme.
* Make sure to include the `.font-*` class as this will maintain forward compatibility with future
* changes in the parent theme.
*/
/* ====== Primary Font ====== */
.font-primary,
body,
input,
textarea,
.label-checkbox,
.label-radio,
.required,
#site-description,
#reply-title small {
font-family: 'Droid Serif', 'Lora', 'Georgia', serif;
}
/* ====== Secondary Font ====== */
.font-secondary,
dt,
th,
legend,
label,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select,
option,
.wp-caption-text,
.gallery-caption,
.mejs-controls,
.wp-playlist-item-meta,
.entry-byline,
.entry-footer,
.chat-author cite,
.chat-author,
.comment-meta,
.menu,
.breadcrumb-trail,
.media-info .prep,
.comment-reply-link,
.comment-reply-login,
.clean-my-archives .day,
.whistle-title {
font-family: 'Open Sans', Arial, sans-serif;
}
/* ====== Headlines Font ====== */
.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans', Arial, sans-serif;
}
/**
* 2.2 - Color Definitions
*
* The following are all of the colors defined by the theme. The only other colors are part of the theme
* customizer options and should not be overwritten. If needed, copy the specific sections below into
* your child theme and make the necessary changes there.
*/
/*
* Fun Zone: The colors below are safe to overwrite depending on what you need to do. Have at it!
*/
/* ====== color: #656565 ====== */
body,
.media-shortcode-extend .media-info,
.wp-playlist-dark .wp-playlist-item {
color: #656565;
}
/* ====== border-color: #e3e3e3 ====== */
h1,
h2,
hr,
code,
pre,
.form-allowed-tags code,
fieldset,
legend,
input,
select,
textarea,
.gallery .gallery-icon a img,
.avatar,
.display-header-text #header,
.wp-custom-logo #header,
.entry,
.format-chat .chat-author,
.media-info li,
.wp-playlist-tracks,
.wp-playlist-item,
.archive-description,
.navigation,
.loop-nav,
#sidebar-subsidiary,
li.ping,
.comment-content,
.clean-my-archives .day-duplicate .day,
.whistles-tabs-nav li a,
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus,
.whistles-tabs .whistles-tabs-wrap,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.whistles-toggle .whistle-content,
.whistles-accordion .whistle-content {
border-color: #e3e3e3;
}
/* ====== color: #555 ====== */
h6,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a,
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus,
.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title:focus,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.whistles-accordion .whistle-title[aria-selected="true"],
label:hover,
label:focus,
label.focus,
.nav-links .current {
color: #555;
}
/* ====== color: #858585 ====== */
caption,
td,
label,
input,
textarea,
select,
.gallery .gallery-caption,
.page-links,
.navigation,
.loop-nav,
.widget_recent_entries .post-date,
.widget-entry-views .entry-view-count,
.gallery-count,
.comment-respond .must-log-in,
.comment-respond .logged-in-as,
.comments-closed,
.comment-notes,
.form-allowed-tags,
.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.wp-playlist-dark .wp-playlist-item-meta {
color: #858585;
}
/* ====== background: #252525 ====== */
#menu-primary,
#menu-primary .search-form > div,
#footer,
.audio-shortcode-wrap,
.media-shortcode-extend .media-info,
.media-info-toggle,
.entry-content .media-info-toggle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.wp-audio-shortcode.mejs-container,
.mejs-controls,
.mejs-volume-button .mejs-volume-slider,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark {
background: #252525;
}
/* ====== background: transparent ====== */
hr,
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-overlay-button,
.mejs-controls > .mejs-button button:hover,
.mejs-controls > .mejs-button button:focus,
#menu-primary .menu-toggle button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
#menu-primary .search-toggle,
#menu-primary .search-toggle:hover,
#menu-primary .search-toggle:focus {
background: transparent;
}
/* ====== background: #fff ====== */
html,
#container > .wrap,
#reply-title small a,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
background: #fff;
}
/* ====== Other colors ====== */
h1 { color: #303030; }
h2 { color: #353535; }
h3 { color: #404040; }
h4 { color: #454545; }
h5 { color: #505050; }
code {
color: #000;
background: #f6f6f6;
}
tr,
thead,
tfoot,
td { border-color: #f3f3f3; }
td { background: #fcfcfc; }
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
background: #f3f3f3;
border-color: #e3e3e3;
}
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
color: #555;
background: #efefef;
border-color: #d3d3d3;
}
.wp-caption .wp-caption-text {
color: #e3e3e3;
background: rgba( 0, 0, 0, 0.75 );
}
.gallery .gallery-icon a img { background: #f9f9f9; }
.gallery-icon a:hover img,
.galley-icon a:focus img { background: #f3f3f3; }
#menu-primary .menu-toggle button { color: rgba( 255, 255, 255, 0.75 ); }
#menu-primary li a,
#menu-secondary li li a,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus { color: rgba( 255, 255, 255, 0.75 ); }
@media only screen and (max-width: 1024px) {
#menu-secondary .wrap,
#menu-primary .search-form > div { background: #1f1f1f; }
#menu-primary li a,
#menu-secondary li a,
#menu-secondary .menu-toggle button {
color: rgba( 255, 255, 255, 0.75 );
background: #1f1f1f;
border-color: #1c1c1c;
}
#menu-primary li a:hover,
#menu-secondary li a:hover,
#menu-primary li a:focus,
#menu-secondary li a:focus {
color: #fff;
background: #191919;
}
}
#site-title a:hover,
#site-title a:focus { border-bottom-color: #d3d3d3; }
.entry-title,
.entry-title a { color: #252525; }
.entry-byline,
.entry-footer,
.comment-meta,
.wp-playlist-item-meta { color: rgba( 85, 85, 85, 0.75 ); }
.image-sizes .sep { color: #e3e3e3; }
.format-chat .chat-speaker-1 .chat-author,
.format-chat .chat-speaker-11 .chat-author { color: #3498db; }
.format-chat .chat-speaker-2 .chat-author,
.format-chat .chat-speaker-12 .chat-author { color: #f1c40f; }
.format-chat .chat-speaker-3 .chat-author,
.format-chat .chat-speaker-13 .chat-author { color: #e74c3c; }
.format-chat .chat-speaker-4 .chat-author,
.format-chat .chat-speaker-14 .chat-author { color: #2ecc71; }
.format-chat .chat-speaker-5 .chat-author,
.format-chat .chat-speaker-15 .chat-author { color: #f39c12; }
.format-chat .chat-speaker-6 .chat-author,
.format-chat .chat-speaker-16 .chat-author { color: #9b59b6; }
.format-chat .chat-speaker-7 .chat-author,
.format-chat .chat-speaker-17 .chat-author { color: #95a5a6; }
.format-chat .chat-speaker-8 .chat-author,
.format-chat .chat-speaker-18 .chat-author { color: #16a085; }
.format-chat .chat-speaker-9 .chat-author,
.format-chat .chat-speaker-19 .chat-author { color: #e67e22; }
.format-chat .chat-speaker-10 .chat-author,
.format-chat .chat-speaker-20 .chat-author { color: #1abc9c; }
.archive-description {
color: #757575;
background: #f9f9f9;
}
li.ping,
.comment-content { background: #f9f9f9; }
#footer a { color: rgba( 255, 255, 255, 0.75 ); }
.clean-my-archives .comments-number { color: #aaa; }
.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title { background: #f3f3f3; }
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus { background: #efefef; }
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
border-bottom-color: #fff;
}
.media-shortcode-extend .audio-info { border-color: #202020; }
.media-shortcode-extend .media-info li,
.wp-playlist-dark .wp-playlist-item { border-color: #353535; }
.wp-video-shortcode .mejs-controls,
.wp-playlist-dark .mejs-controls { border-color: #151515; }
.mejs-time-rail .mejs-time-float { border-color: #454545; }
.mejs-time-rail .mejs-time-float-corner { border-top-color: #fff; }
.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title:focus,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.whistles-accordion .whistle-title:focus,
.whistles-accordion .whistle-title[aria-selected="true"] {
background: #efefef;
}
.mejs-time-rail .mejs-time-total,
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
background: #454545;
}
.mejs-time-rail .mejs-time-current { background: rgba( 255, 255, 255, 0.35 ); }
.mejs-overlay-play .mejs-overlay-button::after { text-shadow: 1px 1px 2px #151515; }
.mejs-button button:focus { outline-color: #555; }
/* Menu colors */
@media only screen and (min-width: 1025px) {
.menu li > ul::before {
border-right-color: transparent;
border-bottom-color: #252525;
border-left-color: transparent;
}
.menu li li > ul::before {
border-top-color: transparent;
border-bottom-color: transparent;
}
.ltr .menu li li > ul::before { border-right-color: #252525; }
.rtl .menu li li > ul::before { border-left-color: #252525; }
#menu-primary li li a,
#menu-secondary li li a {
background: #1f1f1f;
border-color: #1d1d1d;
}
#menu-primary ul ul li a:hover,
#menu-secondary ul ul li a:hover,
#menu-primary ul ul li a:focus,
#menu-secondary ul ul li a:focus { background: #191919; }
#menu-primary .search-form .search-toggle::before {
color: rgba( 255, 255, 255, 0.75 );
}
#menu-primary .search-toggle:hover::before,
#menu-primary .search-toggle:focus::before { color: #fff; }
}
/* =/=/=/=/=/= End fun zone. =/=/=/=/=/= */
/*
* Colors Danger Zone: The white color is used in contrast to the 'primary' theme color. It's not recommended to
* overwrite this specific color section. If overwriting, it should be a very light color.
*/
::selection {
color: #fff; /* Don't combine with other elements. Breaks Firefox. */
}
blockquote,
blockquote a:hover,
blockquote a:focus,
.entry-content blockquote a:hover,
.entry-content blockquote a:focus,
.wp-calendar td.has-posts a,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
#menu-primary li.current-menu-item > a,
#menu-primary li a:hover,
#menu-primary li a:focus,
#menu-secondary li li a:hover,
#menu-secondary li li a:focus,
#menu-sub-terms li a,
.page-links a,
.page-links a:hover,
.page-links a:focus,
.widget-title > .wrap,
.widget-title > .wrap a,
#comments-number > .wrap,
#reply-title > .wrap,
.attachment-meta-title > .wrap,
.comment-reply-link,
.comment-reply-login,
.comment-reply-link:hover,
.comment-reply-link:focus,
.comment-reply-login:hover,
.comment-reply-login:focus,
.media-shortcode-extend a,
.media-shortcode-extend a:hover,
.media-shortcode-extend a:focus,
.media-info-toggle,
.entry-content .media-info-toggle,
.mejs-time .mejs-currenttime,
.mejs-time .mejs-duration,
.mejs-volume-button .mejs-volume-slider .mejs-volume-current,
.mejs-volume-button .mejs-volume-slider .mejs-volume-handle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark .wp-playlist-playing,
.wp-playlist-dark .wp-playlist-caption:hover,
.wp-playlist-dark .wp-playlist-caption:focus,
.wp-playlist-dark .wp-playlist-item:hover
.wp-playlist-dark .wp-playlist-item:focus,
.skip-link .screen-reader-text:focus {
color: #fff;
}
pre,
.form-allowed-tags code {
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, 0.5)), color-stop(.5, transparent), to(transparent));
background-image: -webkit-linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
background-image: -moz-linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
background-image: -o-linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
background-image: linear-gradient( rgba( 255, 255, 255, 0.5 ) 50%, transparent 50%, transparent );
}
blockquote { border-color: rgba( 255, 255, 255, 0.15 ); }
blockquote a,
.entry-content blockquote a {
color: rgba( 255, 255, 255, 0.75 );
border-color: rgba( 255, 255, 255, 0.25 );
}
blockquote a:hover,
blockquote a:focus,
.entry-content blockquote a:hover,
.entry-content blockquote a:focus { border-color: #fff; }
/* =/=/=/=/=/= End colors danger zone. =/=/=/=/=/= */
/********************************************************************************************************
* This concludes the fun area for making your child theme unique.
********************************************************************************************************/