@charset "UTF-8";
/**
* Theme Name: Stargazer
* Theme URI: http://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 Schema.org microdata. It also integrates with useful theme add-on plugins like Custom Background Extended, Custom Header Extended, Whistles, and more.
* Version: 1.0.0
* Author: Justin Tadlock
* Author URI: http://justintadlock.com
* Tags: one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, 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.
********************************************************************************************************/
/** src: local('☺') 'CenturyGothic' 'CenturyGothicBold' **/
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 21, 2014 */
@font-face {
font-family: 'CenturyGothic';
src: url('../../fonts/century_gothic/gothic-webfont.eot');
src: url('../../fonts/century_gothic/gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/century_gothic/gothic-webfont.woff') format('woff'),
url('../../fonts/century_gothic/gothic-webfont.ttf') format('truetype'),
url('../../fonts/century_gothic/gothic-webfont.svg#century_gothicregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CenturyGothicBold';
src: url('../../fonts/century_gothic/gothicb-webfont.eot');
src: url('../../fonts/century_gothic/gothicb-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/century_gothic/gothicb-webfont.woff') format('woff'),
url('../../fonts/century_gothic/gothicb-webfont.ttf') format('truetype'),
url('../../fonts/century_gothic/gothicb-webfont.svg#century_gothicbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CenturyGothicItalic';
src: url('../../fonts/century_gothic/gothici-webfont.eot');
src: url('../../fonts/century_gothic/gothici-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/century_gothic/gothici-webfont.woff') format('woff'),
url('../../fonts/century_gothic/gothici-webfont.ttf') format('truetype'),
url('../../fonts/century_gothic/gothici-webfont.svg#century_gothicitalic') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'CenturyGothicBoldItalic';
src: url('../../fonts/century_gothic/gothicbi-webfont.eot');
src: url('../../fonts/century_gothic/gothicbi-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/century_gothic/gothicbi-webfont.woff') format('woff'),
url('../../fonts/century_gothic/gothicbi-webfont.ttf') format('truetype'),
url('../../fonts/century_gothic/gothicbi-webfont.svg#century_gothicbold_italic') format('svg');
font-weight: normal;
font-style: normal;
}
@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');
}
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 13, 2014 */
@font-face {
font-family: 'OksanaRegular';
src: url('../../fonts/oksana/oksana-webfont.eot');
src: url('../../fonts/oksana/oksana-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/oksana/oksana-webfont.woff') format('woff'),
url('../../fonts/oksana/oksana-webfont.ttf') format('truetype'),
url('../../fonts/oksana/oksana-webfont.svg#oksanaregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OksanaSansFat';
src: url('../../fonts/oksana/oksanasansfat-webfont.eot');
src: url('../../fonts/oksana/oksanasansfat-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/oksana/oksanasansfat-webfont.woff') format('woff'),
url('../../fonts/oksana/oksanasansfat-webfont.ttf') format('truetype'),
url('../../fonts/oksana/oksanasansfat-webfont.svg#oksana_sansfat') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OksanaTextRegular';
src: url('../../fonts/oksana/oksanatext-webfont.eot');
src: url('../../fonts/oksana/oksanatext-webfont.eot?#iefix') format('embedded-opentype'),
url('../../fonts/oksana/oksanatext-webfont.woff') format('woff'),
url('../../fonts/oksana/oksanatext-webfont.ttf') format('truetype'),
url('../../fonts/oksana/oksanatext-webfont.svg#oksana_textregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LetoSans';
src: url('../../fonts/letosans/LetoSans.otf') format('opentype'),
url('../../fonts/letosans/letosans-webfont.woff2') format('woff2'),
url('../../fonts/letosans/letosans-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LetoSansBold';
src: url('../../fonts/letosans/letosans-bold-webfont.woff2') format('woff2'),
url('../../fonts/letosans/letosans-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LetoSansThin';
src: url('../../fonts/letosans/letosans-thin-webfont.woff2') format('woff2'),
url('../../fonts/letosans/letosans-thin-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/********************************************************************************************************
* ====== 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.
********************************************************************************************************/
/* ====== background: #fff ====== */
html, body {
height: 100%;
margin: 0;
min-width: 1110px;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
/* https://code.google.com/p/chromium/issues/detail?id=336476#c40 */
@-webkit-keyframes fontfix {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fontfix {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes fontfix {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fontfix {
0% { opacity: 0; }
100% { opacity: 1; }
}
/* === Descendants of #container === */
#container > .wrap,
#footer > .wrap,
#menu-primary > .wrap {
width: 980px;
min-width: 980px;
margin: 0 auto;
box-sizing: border-box;
}
#menu-primary > .wrap,
#footer > .wrap {
width: 990px;
padding: 0;
}
#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 19px; }
/* 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+. */
.custom-background #header,
.custom-background #main,
.custom-background #sidebar-subsidiary {
padding-left: 75px;
padding-right: 75px;
}
.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 === */
*, *:before, *:after {
/* Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7- */
-webkit-box-sizing: border-box;
/* Firefox (desktop or Android) 28- */
-moz-box-sizing: border-box;
/* Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+ */
box-sizing: border-box;
}
/* === Links === */
a {
color: #019fc4;
text-decoration: none;
border: none !important;
/*display: -webkit-box;*/
/*display: -webkit-flex;*/
/*display: -moz-box;*/
/*display: -ms-flexbox;*/
/*display: flex;*/
}
a:hover {
text-decoration: underline;
color: inherit;
}
.entry-content a,
.entry-summary a,
.comment-content a {
padding-bottom: 0px;
outline: none;
display: inline;
font-size: inherit;
}
a.img-hyperlink,
a.img-hyperlink:hover,
.entry-content a.permalink,
.entry-content a.comments-link {
padding: 0;
border: none;
display: inline;
font-size: inherit;
}
.entry-content p {
color: rgb(66,89,104);
margin: 1em 0;
min-height: 1em;
text-align: justify;
}
/* === Headers === */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'LetoSansBold', Arial, Helvetica, sans-serif;
margin: 1.5rem 0 1rem;
}
/* === 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-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;
}
/* === 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; }
/** календарь виджет **/
#sidebar-primary .widget_calendar {
padding: 10px 10px 0px 10px;
}
table.wp-calendar {
font: normal normal 11px Arial, Helvetica, sans-serif;
border-width: 1px;
border-collapse: collapse;
}
.widget_calendar > .widget-title > .wrap {
font: normal bold 12px/18px Arial, Helvetica, sans-serif;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
/*-webkit-text-stroke: 1px rgba(0,0,0,0.1);
text-shadow: #fff 0px 1px 1px;*/
}
.widget_calendar .wp-calendar caption {
font: normal 11px/18px Arial, Helvetica, sans-serif;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
/*-webkit-text-stroke: 1px rgba(0,0,0,0.1);
text-shadow: #fff 0px 1px 1px;*/
}
/* wp-calendar */
.wp-calendar td {
font: normal 11px Arial, Helvetica, sans-serif;
border-width: 1px;
border-style: solid;
border-color: #c0c8cf;
padding: 5px 2%;
vertical-align: middle;
text-align: center;
}
.wp-calendar th {
font: bold 10px Arial, Helvetica, sans-serif;
border-width: 1px;
border-style: solid;
border-color: #c0c8cf;
padding: 5px 2%;
vertical-align: middle;
text-align: center;
}
/* .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; }*/
/*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: 5px 1em;
/*font-size: 1.125rem;*/
border: 1px solid;
opacity: 0.75;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s 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 { 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.75em 1em;
font-size: 13px;
font-weight: 400;
border: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
select {
font: normal normal 13px/15px Arial, Helvetica, sans-serif;
padding: 0px;
}
textarea {
padding: 1.5rem;
}
/**
* Images
* --------------------------------------------------------------------------- */
img {
-moz-box-sizing: border-box;
box-sizing: border-box;
/*margin: 10px 0;*/
}
a img {}
a:hover img { opacity: 1; }
/* === Image sizes === */
.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; }
.wp-caption-text {
position: absolute;
bottom: 1.5rem;
padding: 0.75rem;
font-size: 0.9375rem;
}
.ltr .wp-caption-text { margin-right: 1.5rem; }
.rtl .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; }
/* === 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%;
}
/* === Clearing Floats === */
#header::after,
#branding::after,
#menu-secondary::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,
.loop-meta::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,
.widget::after,
.whistles::after,
.whistle-content::after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/********************************************************************************************************
* ====== 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 .sep::before,
/* Quotes. */
blockquote::before,
/* Lists */
.widget ul li::before,
.entry-content ul li::before,
.comment-content ul li::before,
/* Media player */
.wp-audio-shortcode .mejs-controls .mejs-button button::after,
.wp-video-shortcode .mejs-controls .mejs-button button::after,
.wp-video-shortcode .mejs-overlay-button::after,
.media-info-toggle::after,
/* 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,
/* 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 .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;
-moz-osx-font-smoothing: auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
/*-webkit-text-stroke: 1px rgba(0,0,0,0.1);
text-shadow: #fff 0px 1px 1px;*/
}
/* 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 .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 .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'; }
/* 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 { 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*="facebook.com"]::before { content: '\f203'; color: #3b5998; }
#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';
font-size: 25px;
font-weight: normal;
}
.breadcrumb-trail .sep::before {
content: '\f431';
font-weight: normal;
}
.printr_btn {
float: right;
clear: both;
}
.printer_button {
display: inline-block;
color: #6C7F8B;
opacity: 1;
}
.printer_button:before {
display: inline-block;
font-family: 'Genericons';
font-style: normal;
font-weight: normal;
font-variant: normal;
line-height: 1;
vertical-align: middle;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
content: '\f469';
font-size: 25px;
}
.ltr .breadcrumb-trail .sep::before {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.rtl .breadcrumb-trail .sep::before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
/* 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: '\f422'; }
.mejs-play button::after { content: '\f452'; }
.mejs-pause button::after { content: '\f448'; }
.mejs-volume-button button::after { content: '\f109'; }
/* 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'; }
*/
/********************************************************************************************************
* ====== End Genericons ======
********************************************************************************************************/
/********************************************************************************************************
* 1.5 - Header and Footer
*
* Handles the output of the main site header and footer content.
********************************************************************************************************/
/**
* Handles the output of the header content.
*/
#header,
#branding {
position: relative;
}
.display-header-text #header {}
#site-title {
margin: 0;
padding: 0;
font-size: 2.125rem;
border: none;
}
#site-title a:hover {
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 {
width: 980px;
min-width: 980px;
overflow: hidden;
padding: 15px 0 0;
font-family: 'LetoSans', Arial, Helvetica, sans-serif;
text-align: center;
}
.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 {
height: 100%;
width: 100%;
min-height: 500px;
padding: 20px 0 0 0;
word-wrap: break-word;
word-break: normal;
border-collapse: separate;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
}
#main_row {
position: relative;
margin: 0;
box-sizing: border-box;
overflow: hidden;
}
/* equalheights ... https://teamtreehouse.com/forum/div-wont-resize-to-fill-its-container */
.ltr.layout-2c-l #content,
.ltr.layout-2c-l #content:before {
width:770px;
box-sizing: border-box;
}
.ltr.layout-2c-l #content {
float:left;
border-right: 1px dashed #c4e8ef;
border-left: 0px;
padding-bottom: 9999px;
margin-bottom: -9999px;
box-sizing: border-box;
}
.ltr.layout-2c-l #content:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: 0;
background: #fff;
box-sizing: border-box;
}
.ltr.layout-2c-l #sidebar-primary,
.ltr.layout-2c-l #sidebar-primary:before {
width: 195px;
box-sizing: border-box;
}
.ltr.layout-2c-l #sidebar-primary {
float:left;
border-right: 0px;
border-left: 0px;
margin-left: 15px;
padding-bottom: 9999px;
margin-bottom: -9999px;
box-sizing: border-box;
}
.ltr.layout-2c-l #sidebar-primary:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
left: 770px;
box-sizing: border-box;
}
.ltr.layout-2c #content,
.ltr.layout-2c #content:before,
.ltr.layout-2c-r #content,
.ltr.layout-2c-r #content:before {
width:770px;
box-sizing: border-box;
}
.ltr.layout-2c #content,
.ltr.layout-2c-r #content {
float: right;
border-left: 1px dashed rgb(196, 232, 239);
border-right: 0px;
padding-left: 15px;
padding-bottom: 9999px;
margin-bottom: -9999px;
box-sizing: border-box;
}
.ltr.layout-2c #content:before,
.ltr.layout-2c-r #content:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
right: 0;
background: #fff;
box-sizing: border-box;
}
.ltr.layout-2c #sidebar-primary,
.ltr.layout-2c-r #sidebar-primary {
width: 195px;
box-sizing: border-box;
}
.ltr.layout-2c #sidebar-primary,
.ltr.layout-2c-r #sidebar-primary {
float:left;
border-right: 0px;
border-left: 0px;
margin-right: 15px;
margin-left: 0px;
padding-bottom: 9999px;
margin-bottom: -9999px;
box-sizing: border-box;
}
.ltr.layout-2c #sidebar-primary:before,
.ltr.layout-2c-r #sidebar-primary:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
z-index: -1;
right: 770px;
background: #fff;
box-sizing: border-box;
}
/* equalheights */
#sidebar-primary ul {
list-style: none;
}
.layout-2c .content_column,
.content_column {
width: 50%;
margin: 0;
padding: 0 15px 0 0;
float: left;
overflow: hidden;
}
.layout-2c .content_column_right,
.content_column_right {
width: 50%;
margin: 0;
padding: 0;
float: left;
overflow: hidden;
}
.entry-content {
padding: 0;
}
.main,
.mceContentBody {
font-weight: 400;
}
/**
* Breadcrumbs
*/
.breadcrumb-trail {
margin: 20px 0 0 0;
width:100%;
font: normal normal 13px/25px Arial, Helvetica, sans-serif;
height: 25px;
overflow: hidden;
}
.breadcrumb-trail > * {
vertical-align: baseline;
}
.breadcrumb-trail span.trail-begin,
.breadcrumb-trail span.trail-end {
display: inline-block;
color: rgb(108, 127, 139);
font: normal normal 13px/25px Arial, Helvetica, sans-serif;
}
.breadcrumb-trail .sep {
color: rgb(108, 127, 139);
font: normal normal 18px/22px Arial, Helvetica, sans-serif;
display: inline-block;
padding: 0;
}
.breadcrumb-trail a,
.breadcrumb-trail a:hover {
display: inline-block;
color: rgb(0, 159, 195);
opacity: 1;
}
/**
* Posts
*/
.entry {
overflow: hidden;
margin: 0 0 3rem;
padding: 0 15px 0 0;
border-bottom: 0px solid;
}
.entry:last-of-type {
margin: 0 0 1.5rem;
padding: 0 15px 0 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;
}
#content > .entry > .entry-footer {
margin: 0;
}
.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 { 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 { 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.
*/
.loop-meta { margin: 0 15px; }
.loop-description {
margin: 0 0 1.5rem;
padding: 1.5rem 1.5rem 0;
border: 1px solid;
}
/**
* Pagination
*/
/* === Single posts using === */
.page-links {
clear: both;
font-size: 1rem;
}
.loop-pagination .page-numbers,
.page-links .page-numbers,
.page-links a {
display: inline-block;
margin: 0 5px;
font-size: 1.25rem;
}
.loop-pagination .dots { margin: 0; }
.loop-pagination .current {
font-weight: 700;
}
.page-links a {
padding: 0 10px;
border: none;
}
/* === Single post navigation (between different posts) === */
.loop-pagination,
.loop-nav {
margin: 15px 0;
padding: 0 30px 0 15px;
border-top: #FFF 0px solid;
}
.loop-nav > .next,
.loop-nav > .prev {
width: 50%;
float: left;
text-align: left;
font: normal normal 14px/17px Arial, Helvetica, sans-serif;
color: #6C7F8B;
}
.loop-nav > .next,
.loop-nav > .next a {
text-align: right;
float: right;
}
.loop-nav > .prev a,
.loop-nav > .next a {
font: normal normal 14px/17px Arial, Helvetica, sans-serif;
}
/********************************************************************************************************
* ====== End Main ======
********************************************************************************************************/
/********************************************************************************************************
* 1.7 - Media
*
* This section deals with handling media and the output of media-related elements.
********************************************************************************************************/
/**
* Attachment meta
*
* Attachment meta is shown on attachment pages and along with the WordPress media player.
*/
.attachment-meta .media-info,
.attachment-meta .image-gallery { margin-bottom: 1.5rem; }
.attachment-meta .image-info,
.attachment-meta .image-gallery { width: 47.5%; }
.rtl .attachment-meta .image-info,
.ltr .attachment-meta .image-gallery { float: right; }
.ltr .attachment-meta .image-info,
.rtl .attachment-meta .image-gallery { float: left; }
.media-info ul {
margin: 0 0 1.5rem;
list-style: none;
}
.media-info li {
display: block;
padding: 5px 10px;
font-size: 1rem;
border-bottom: 1px dotted;
}
.media-info li:last-child { border: none; }
.media-info .prep,
.media-info .data {
display: block;
text-align: center;
}
.media-info .prep {
font-size: 0.9375rem;
text-transform: capitalize;
}
.media-info .prep { max-width: 30%; }
.media-info .data { max-width: 70%; }
.ltr .media-info .data { float: right; text-align: right; }
.rtl .media-info .data { float: left; text-align: left; }
.ltr .media-info .prep { float: left; text-align: left; }
.rtl .media-info .prep { float: right; text-align: right; }
/**
* Audio/Video shortcode extend
*
* This feature adds a toggle button to the WordPress media player for showing/hiding additional meta
* information about the media.
*/
.media-shortcode-extend {
margin-top: -1.5rem;
text-align: center;
}
.media-shortcode-extend .media-info {
overflow: hidden;
display: none;
padding: 1.5rem 1.5rem 0;
}
.media-shortcode-extend .audio-info { border-top: 1px solid; }
.media-shortcode-extend a,
.media-shortcode-extend a:hover { border: none; }
.media-shortcode-extend a:hover { text-decoration: underline; }
.media-info-toggle,
.entry-content .media-info-toggle {
position: relative;
display: inline-block;
margin: 0 auto 1.5rem;
padding: 10px 1.5rem;
font-size: 0.9375rem;
line-height: 16px;
border: none;
text-decoration: none;
}
.ltr .media-info-toggle { float: right; margin-right: 3rem; }
.rtl .media-info-toggle { float: left; margin-left: 3rem; }
/**
* WordPress media player.
*
* This overwrites various elements of the media player styles included. For the full media player styles,
* see the `css/mediaelement/medialement.css` stylesheet.
*/
.mejs-container { margin-bottom: 1.5rem; }
.wp-audio-shortcode.mejs-container { min-height: 100px !important; }
.mejs-controls {
width: 100%;
height: 50px;
padding: 10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wp-video-shortcode .mejs-controls {
border-top: 1px solid;
border-bottom: 1px solid;
opacity: 0.8;
}
.wp-audio-shortcode .mejs-controls { top: 25px; }
/* Fix for last item dropping below the controls. */
.mejs-controls > div:last-of-type {
position: relative;
clear: both;
float: right;
top: -31px;
}
.wp-audio-shortcode .mejs-mediaelement {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-overlay-loading span {
background: transparent url( 'css/mediaelement/images/loading.gif' ) 50% 50% no-repeat;
}
.mejs-button button {
height: 16px;
width: 16px;
background: transparent url( 'css/mediaelement/images/controls.png' ) no-repeat;
}
.mejs-fullscreen-button button,
.mejs-playpause-button button,
.mejs-volume-button button { background: none; }
.mejs-button button:focus { outline: 1px solid; }
.mejs-time .mejs-currenttime,
.mejs-time .mejs-duration {
font-size: 0.875rem;
}
.mejs-volume-button .mejs-volume-slider {
width: 40px;
margin-left: -10px;
}
.mejs-volume-button .mejs-volume-slider .mejs-volume-total,
.mejs-volume-button .mejs-volume-slider .mejs-volume-current {
top: 10px;
left: 50%;
width: 4px;
margin: 0 0 0 -2px;
}
.mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
left: 50%;
width: 20px;
height: 4px;
margin: 0 0 0 -10px;
}
.mejs-overlay-button {
width: 112px;
height: 112px;
margin: -56px 0 0 -56px;
}
.mejs-overlay-play .mejs-overlay-button::after {
content: '\f452';
padding: 18px;
font-size: 64px;
line-height: 64px;
border-radius: 50%;
opacity: 0.85;
}
.mejs-time-rail .mejs-time-float {
top: -38px;
height: 27px;
width: 50px;
margin-left: -25px;
border: 1px solid;
}
.mejs-time-rail .mejs-time-float-current {
width: 100%;
margin: 8px 0;
font-size: 0.75rem;
box-sizing: border-box;
}
.mejs-time-rail .mejs-time-float-corner {
top: 28px;
left: 20px;
}
/* Wrapper added when the audio player has an accompanying image. */
.audio-shortcode-wrap {
position: relative;
max-height: 136px;
overflow: hidden;
margin-bottom: 1.5rem;
}
.audio-image {
position: relative;
border: none;
margin: 0;
padding: 8px 0 0;
max-width: 20%;
max-height: 131px;
height: auto;
}
.ltr .audio-image { left: 0; padding-left: 8px; }
.rtl .audio-image { right: 0; padding-right: 8px; }
.audio-shortcode-wrap .wp-audio-shortcode {
position: absolute !important;
top: 50%;
margin-top: -1.5rem;
clear: none;
width: 79% !important;
}
.audio-shortcode-wrap .wp-audio-shortcode .mejs-controls { top: 0; }
.ltr .audio-shortcode-wrap .wp-audio-shortcode { left: 20%; }
.rtl .audio-shortcode-wrap .wp-audio-shortcode { left: 0; }
/********************************************************************************************************
* ====== 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: none;
color: #425967;
margin: 0;
}
.widget-title > .wrap,
#comments-number > .wrap,
#reply-title > .wrap,
.attachment-meta-title > .wrap {
display: block;
vertical-align: middle;
padding: 0;
font-family: 'LetoSans', Arial, Helvetica, sans-serif;
font-weight: 600;
line-height: 1em;
text-transform: uppercase;
font-size: 11px;
}
.widget-title > .wrap a { text-decoration: underline; }
/* Recent posts widget. */
.widget_recent_entries .post-date {
font-size: 0.875em; /* relative */
}
/* 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; }
/**
* Social menu
*
* The social menu is displayed in the footer next to the credit links.
*/
#menu-social {
/*padding-left: 55px;*/
}
#menu-social ul {
list-style: none;
list-style-type: none;
margin-top: 25px;
vertical-align: middle;
padding: 0;
position: relative;
}
#menu-social ul li {
display: inline-block;
border-right: 1px solid #6c7f8b;
list-style: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 5px;
}
#menu-social li:first-child {
padding-left: 0px;
}
#menu-social ul li:last-child {
border-right: none !important;
padding-right: 0px;
}
#menu-social li a {
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-variant: normal;
font-weight: 500;
line-height: 1em;
white-space: nowrap;
overflow: hidden;
float: right;
border-right: 1px solid #6c7f8b;
color: #6c7f8b;
text-decoration: none;
text-transform: uppercase;
vertical-align: bottom;
padding: 0px;
margin: 0px;
}
#menu-social li a:hover,
#menu-social li a:focus {
color: #019fc4;
}
.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,
.rtl.layout-1c #menu-social ul,
.rtl.layout-2c-l #menu-social ul,
.rtl.layout-2c-r #menu-social ul { text-align: center; }
/**
* 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 > .wrap { display: block !important; }
.menu-toggle { display: none; }
.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;
}
.menu li:hover > ul {
opacity: 1;
visibility: visible;
}
.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: 6px;
border-left: 0;
}
.rtl .menu li li > ul::before {
right: -6px;
border-right: 0;
border-left-width: 6px;
border-left-style: 6px;
}
.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 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: auto;
margin: 0;
}
.ltr.display-header-text #menu-secondary,
.ltr.display-header-text #menu-secondary ul { float: right; text-align: center; z-index: 1; margin-left: 0;}
.rtl.display-header-text #menu-secondary,
.rtl.display-header-text #menu-secondary ul { float: left; text-align: left; }
.ltr #menu-secondary ul ul { position:absolute; top: 39px; }
.ltr.display-header-text #menu-secondary ul ul {
min-width: 161px;
white-space: nowrap;
overflow: hidden;
text-align: left;
padding: 0 15px;
border-radius: 0px 10px 10px 10px;
-moz-border-radius: 0px 10px 10px 10px;
-webkit-border-radius: 0px 10px 10px 10px;
background: #c9eaf0;
border: 0px solid #c9eaf0;
z-index: 100;
}
.ltr.display-header-text #menu-secondary ul li.last ul {
white-space: nowrap;
overflow: hidden;
text-align: right !important;
padding: 0 15px;
margin-right: 0px;
right: 0;
border-radius: 10px 0px 10px 10px;
-moz-border-radius: 10px 0px 10px 10px;
-webkit-border-radius: 10px 0px 10px 10px;
background: #c9eaf0;
border: 0px solid #c9eaf0;
}
/* #menu-primary ul ul { top: 43px; } */
.ltr #menu-secondary ul > li:hover > .top_divider,
.ltr #menu-secondary ul > li:focus > .top_divider{
/* opacity is 1 in opened state (see below) */
opacity: 1;
visibility: visible;
z-index: 1;
}
.top_divider {
visibility: hidden;
display: block;
margin: 0 0 0 0;
height: 4px;
width: 141px;
background: #c9eaf0;
outline: none;
border: 0px solid #c9eaf0;
}
#menu-primary .menu-items li:hover > ul,
#menu-secondary .menu-items li:hover > ul,
#menu-secondary .menu-items li:focus > ul { margin: 0; }
/* .ltr #menu-primary ul ul, .ltr #menu-primary li:hover > ul, */
.ltr #menu-secondary ul ul,
.ltr #menu-secondary li:hover > ul,
.ltr #menu-secondary li:focus > ul {
margin-left: 0px;
}
#menu-primary.menu li li:hover > ul,
#menu-secondary.menu li li:hover > 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: 0;
vertical-align: bottom;
outline: none;
text-align: -webkit-match-parent;
}
.ltr #menu-secondary li li:not(:last-child) {
margin-left: 0;
border-bottom: 1px solid rgb(119,206,223);
}
.rtl #menu-secondary li li { margin-right: 0; }
/* List item links */
#menu-primary li a { font-weight: 400; }
#menu-primary li a {
text-transform: uppercase;
}
#menu-primary li a,
#menu-secondary li a {
display: block;
}
#menu-primary li a { padding: 0.75rem 0 0; }
.ltr #menu-primary li a { margin-right: 1.5rem; }
.ltr #menu-secondary-items > li > a {
color: inherit;
font: normal normal normal 14px/40px 'LetoSans', Arial, Helvetica, sans-serif;
padding: 0;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
}
#menu-primary li li,
#menu-secondary li li{
font: normal normal normal 13px/29px 'LetoSans', Arial, Helvetica, sans-serif;
}
#menu-primary li li a,
#menu-secondary li li a {
position: relative;
width: 100%;
padding: 0;
font: normal normal normal 13px/29px 'LetoSans', Arial, Helvetica, sans-serif;
vertical-align: middle;
text-decoration: none;
color:#425968;
border-top: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: auto;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
z-index: 1;
}
#menu-secondary-items > li {
background: #009aa8;
color: #fff;
width: 140px;
height: 35px;
}
.ltr #menu-secondary-items > li.current-menu-item,
.ltr #menu-secondary-items > li.current-menu-parent,
.ltr #menu-secondary-items > li:not(.starg_searchform):hover,
.ltr #menu-secondary-items > li:not(.starg_searchform):focus {
background-color: #C9EAF0;
background-image: url("../../images/IMG/secondary_menu_li.png");
background-repeat: no-repeat;
background-position: top left;
width: 141px;
height: 35px;
}
.ltr #menu-secondary-items > li.current-menu-item > a,
.ltr #menu-secondary-items > li.current-menu-parent > a,
.ltr #menu-secondary-items > li:not(.starg_searchform) > a:hover,
.ltr #menu-secondary-items > li:not(.starg_searchform) > a:focus,
.ltr #menu-secondary-items > li:not(.starg_searchform):hover > a,
.ltr #menu-secondary-items > li:not(.starg_searchform):hover > a {
color: #FFF;
text-decoration: none;
}
#menu-secondary-items > li a li a,
#menu-secondary-items > li a li a:hover,
#menu-secondary-items > li a li a:focus {
color: #019fc4;
opacity: 1;
z-index: 1;
}
#menu-secondary-items > li.starg_searchform {
background: transparent;
width: 222px;
height: 35px;
}
/* === Search form === */
#menu-primary .search-form {
position: absolute;
top: 0.375rem;
}
.ltr #menu-primary .search-form { right: 0; }
.rtl #menu-primary .search-form { left: 0; }
#menu-primary .search-form .toggle {
display: block;
text-decoration: none;
}
.ltr #menu-primary .search-form .toggle { float: right; }
.rtl #menu-primary .search-form .toggle { float: left; }
#menu-primary .search-form .toggle::before {
content: '\f400';
font-size: 18px;
line-height: 18px;
}
#menu-primary .search-form > div {
display: none;
z-index: 999;
clear: both;
position: relative;
width: 300px;
top: 8px;
padding: 16px 24px;
box-sizing: border-box;
}
#menu-primary .search-form input[type="search"] {
padding: 8px;
font-size: 1rem;
opacity: 1;
}
#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 {
clear: both;
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;
}
/**
* 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.
*/
body,
.media-shortcode-extend .media-info {
color: #425967;
}
/* ====== border-color: #e3e3e3 ====== */
h1,
h2,
code,
pre,
.form-allowed-tags code,
fieldset,
legend,
input,
select,
textarea,
.gallery .gallery-icon a img,
.avatar,
.display-header-text #header,
.entry,
.format-chat .chat-author,
.media-info li,
.loop-description,
.loop-pagination,
.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-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-toggle .whistle-title:hover,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.whistles-accordion .whistle-title[aria-selected="true"],
label:hover,
.loop-pagination .current {
color: #555;
}
/* ====== color: #858585 ====== */
caption,
td,
label,
input,
textarea,
select,
.gallery .gallery-caption,
.page-links,
.loop-pagination,
.loop-nav,
.widget_recent_entries .post-date,
.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 {
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,
.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 {
background: #252525;
}
/* ====== background: transparent ====== */
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-overlay-button,
.mejs-controls > .mejs-button button:hover,
.mejs-controls > .mejs-button button:focus {
background: transparent;
}
html,
#container > .wrap,
#reply-title small a,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
background: #FFFFFF;
}
/* ====== Other colors ====== */
h1, h2, h3, h4, h5 {
color: #019fc4;
}
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-text {
color: #e3e3e3;
background: rgba( 0, 0, 0, 0.75 );
}
.gallery .gallery-icon a img { background: #f9f9f9; }
.gallery-icon a:hover img { background: #f3f3f3; }
#menu-primary .menu-toggle { color: rgba( 255, 255, 255, 0.75 ); }
#site-title a:hover { border-bottom-color: #d3d3d3; }
h3.entry-title {
font-size: 18px;
padding-bottom: 0;
}
.entry-title,
.entry-content h1,
.entry-content h1.headliner,
.video-frame > h1 {
font: 24px/24px 'LetoSans', Arial, Helvetica, sans-serif;
padding: 0 0 15px 0;
margin: 0;
}
.entry-title, .entry-title a {
color: #565655;
font-weight: bold;
}
.entry-byline,
.entry-footer,
.comment-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; }
.loop-description {
color: #757575;
background: #f9f9f9;
}
li.ping,
.comment-content { background: #f9f9f9; }
.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 { 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 { border-color: #353535; }
.wp-video-shortcode .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[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.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 */
.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 {
border: none;
border-color: none;
}
#menu-primary ul ul li a:hover,
#menu-secondary ul ul li a:hover {
color: #019fc4;
}
#menu-secondary ul ul li.active a {
color: #019fc4;
}
#menu-primary .search-form .toggle::before {
color: rgba( 255, 255, 255, 0.75 );
}
#menu-primary .search-form .toggle:hover::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 {
background-color: #e2fbff !important;
color: #425967; /* Don't combine with other elements. Breaks Firefox. */
}
blockquote,
blockquote a:hover,
.entry-content blockquote a:hover,
.wp-calendar td.has-posts a,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
#menu-primary .menu-toggle:hover,
#menu-primary li.current-menu-item > a,
#menu-primary li a:hover,
#menu-secondary li li a:hover,
#menu-sub-terms li a,
.page-links a,
.page-links a:hover,
.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-login:hover,
.media-shortcode-extend a,
.media-shortcode-extend a:hover,
.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,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float {
color: rgb(0,159,195);
}
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,
.entry-content blockquote a:hover { border-color: #fff; }
/* =/=/=/=/=/= End colors danger zone. =/=/=/=/=/= */
/********************************************************************************************************
* This concludes the fun area for making your child theme unique.
********************************************************************************************************/
@media print {
.sidebar-primary { display: none; }
BODY { font-size: 10pt }
}
#menu-primary img {
margin: 0;
}
.yd_text {
margin: 10px 0;
}
.yd_text > label {
color: #555;
cursor: auto;
}
.yd_text > label:first-child {
font-weight: bold;
}
.yd_text input#submitBtn {
border-radius: 10px;
}
input#submitBtn:disabled {
background: rgb(231, 234, 236) none repeat scroll 0 0;
color: #aaa;
cursor: default;
}
.yd_text input#submitBtn:enabled {
background: #efefef none repeat scroll 0 0;
color: #019fc4;
cursor: pointer;
}
.yd_text input:focus.readonly {
background: #f3f3f3 none repeat scroll 0 0;
border-color: #e3e3e3;
opacity: 0.75;
cursor: auto;
transition: none;
}
.yd_text input#submitBtn:enabled:hover {
text-decoration: underline;
}
#menu-social #menu-item-2249 > a {
color: darkgreen;
font-weight: bold;
}
#paypal #amt {
width: 230px;
}
#paypal label {
line-height: 18px;
vertical-align: top;
}