/********************************************************************************************************
 * 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: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 400;
}

/* ====== 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', 'Helvetica Neue', Helvetica, sans-serif;
}

/* ====== Headlines Font ====== */

.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', 'Helvetica Neue', Helvetica, sans-serif;
    font-weight: 500;
}

/**
 * 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: #444 ====== */

body,
.media-shortcode-extend .media-info,
.wp-playlist-dark .wp-playlist-item {
    color: #444;
}

#footer {
    color: #666;
}

/* ====== border-color: #eee ====== */

h1,
h2,
hr,
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,
.wp-playlist-tracks,
.wp-playlist-item,
.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-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: #EEE;
}

/* ====== 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,
.loop-pagination .current {
    color: #555;
}

/* ====== color: #777 ====== */

caption,
td,
label,
input,
textarea,
select,
.gallery .gallery-caption,
.page-links,
.loop-pagination,
.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: #777;
}

/* ====== background: #2c2f31 ====== */

#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: #2C2F31;
}

/* ====== 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: #555;
}

h2 {
    color: #555;
}

h3 {
    color: #555;
}

h4 {
    color: #555;
}

h5 {
    color: #555;
}

code {
    color: #222;
    background: #FFF198;
}

tr,
thead,
tfoot,
td {
    border-color: #EEE;
}

td {
    background: transparent;
}

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: #FFF;
    border-color: #E6E6E6;
}

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: #777;
    background: transparent;
    border-color: #D6D6D6;
}

.wp-caption .wp-caption-text {
    color: #E3E3E3;
    background: rgba(0, 0, 0, 0.75);
}

.gallery .gallery-icon a img {
    background: #FFF;
    border-color: #E6E6E6;
}

.gallery-icon a:hover img,
.galley-icon a:focus img {
    background: #FFF;
    border-color: #D6D6D6;
}

#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: 799px) {

    #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: #2C2F31;
        border-color: #282A2C;
    }

    #menu-secondary .menu-toggle button {
        color: #AAA;
        background: #F3F3F3;
    }

    #menu-primary li a:hover,
    #menu-secondary li a:hover,
    #menu-primary li a:focus,
    #menu-secondary li a:focus {
        color: #FFF;
        background: #282A2C;
    }
}

#site-title a:hover,
#site-title a:focus {
    border-bottom-color: #D6D6D6;
}

.entry-title,
.entry-title a {
    color: #555;
}

.entry-byline,
.entry-footer,
.comment-meta,
.wp-playlist-item-meta {
    color: rgba(85, 85, 85, 0.75);

}

.image-sizes .sep {
    color: #E6E6E6;
}

.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: #444;
    background: #F9F9F9;
    border-color: #F9F9F9;
}

li.ping,
.comment-content {
    background: transparent;
}

#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: #EEE;
    font-weight: 400;
}

.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus {
    background: #D6D6D6;
}

.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
    border-bottom-color: #FFF;
}

.media-shortcode-extend .audio-info {
    border-color: #282A2C;
}

.media-shortcode-extend .media-info li,
.wp-playlist-dark .wp-playlist-item {
    color: #666;
    border-color: #282A2C;
}

.wp-video-shortcode .mejs-controls,
.wp-playlist-dark .mejs-controls {
    border-color: #282A2C;
}

.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: #D6D6D6;
}

.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: 800px) {

    .menu li > ul::before {
        border-right-color: transparent;
        border-bottom-color: #282A2C;
        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: #282A2C;
    }

    .rtl .menu li li > ul::before {
        border-left-color: #282A2C;
    }

    #menu-primary li li a,
    #menu-secondary li li a {
        background: #2C2F31;
        border-color: #282A2C;
    }

    #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: #282A2C;
    }

    #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.
 ********************************************************************************************************/