/*
    A dark color scheme for Clean Education
*/

body,
.rtl blockquote {
    background-color: #333;
}

.site {
    background-color: #222;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}

body,
button,
input,
select,
textarea {
    color: #ccc;
}

a {
    color: #e8554e;
}

a:hover,
a:focus,
a:active {
    color: #ccc;
}

.readmore a,
#featured-section .readmore a,
#courses-section .content-prev,
#courses-section .content-next,
#testimonial-section .content-prev,
#testimonial-section .content-next {
    background-color: transparent;
    border-color: #ccc;
    color: #ccc;
}

.readmore a:hover,
.readmore a:focus,
#featured-section .readmore a:hover,
#featured-section .readmore a:focus,
#courses-section .content-prev:hover,
#courses-section .content-next:hover,
#courses-section .content-prev:focus,
#courses-section .content-next:focus {
    background-color: #e8554e;
    border-color: #e8554e;
    color: #fff;
}

.sticky-post {
    background-color: #e8554e;
    color: #fff;
}

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

.entry-title a:hover,
.entry-title a:focus,
.section-title a:hover,
.section-title a:focus {
    color: #e8554e;
}

.site-main > article,
#masthead,
#header-secondary-menu,
#breadcrumb-list,
#content {
    border-color: #444;
}

/* Site Header */
.site-branding .site-title a {
    color: #fff;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
    color: #e8554e;
}

.site-description {
    color: #ccc;
}

/* Menu */
.main-navigation li,
.main-navigation .menu {
    border-color: #444;
}

.main-navigation a {
    color: #ccc;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #e8554e;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
    color: #e8554e;
}

@media screen and (min-width: 56.875em) {
    .main-navigation ul ul {
        border-color: #444;
    }
    .main-navigation ul ul li {
        background-color: #222;
        border-color: #444;
    }
    .main-navigation ul ul:before {
        border-color: #444 transparent;
    }
    .main-navigation ul ul:after {
        border-color: #222 transparent;
    }
}

/* Sections */
#news-ticker,
#featured-section,
#logo-section,
#portfolio-section,
#news-section,
#supplementary,
#testimonial-section {
    background-color: #111;
}

#news-ticker {
    border-color: #444;
}

#news-ticker,
.news-ticker-title,
.news-ticker-title a,
#featured-section,
#logo-section,
#portfolio-section,
#news-section,
#supplementary,
#testimonial-section,
#featured-section .entry-title,
#featured-section .entry-title a,
#featured-section a,
#portfolio-section .section-title,
#portfolio-section .section-title a,
#news-section {
    color: #ccc;
}

.news-ticker-title a:hover,
.news-ticker-title a:focus,
#featured-section .entry-title a:hover,
#featured-section .entry-title a:focus,
#featured-section a:hover,
#featured-section a:focus,
#portfolio-section .section-title a:hover,
#portfolio-section .section-title a:focus {
    color: #e8554e;
}

#news-section .hentry, #events-section .hentry {
    background-color: #222;
    border-color: #111;
    color: #ccc;
}

#news-section .entry-header .entry-meta a,
#events-section .entry-header .entry-meta a {
    background-color: #e8554e;
}

#news-section .entry-footer,
#events-section .entry-footer {
    background-color: #e8554e;
}

#events-section .section-content-wrap {
    border-color: #111;
}

#testimonial-section .section-heading-wrap {
    color: #ccc;
}

#testimonial-section .entry-container {
    background-color: #222;
    border-color: #000;
}

#testimonial-section .entry-title {
    background-color: #e8554e;
}

#our-professors-section .featured-content-image img {
    border-color: #111;
}

#our-professors-section .featured-content-image a:hover img,
#our-professors-section .featured-content-image a:focus img {
    border-color: #e8554e;
}

/* Slider */
#slider-section .entry-container {
    background: #222; /* Show a solid color for older browsers */
    background: rgba(34, 34, 34, 0.7);
}

#slider-section .entry-container:hover,
#slider-section .entry-container:focus {
    background: #222; /* Show a solid color for older browsers */
    background: rgba(34, 34, 34, 1);
}

#slider-section .entry-title,
#slider-section .entry-title a,
#slider-section .entry-summary {
    color: #fff;
}

#slider-section .entry-title a:hover,
#slider-section .entry-title a:focus {
    color: #e8554e;
}

#slider-section .entry-summary a {
    color: #e8554e;
}

#slider-section .entry-summary a:hover,
#slider-section .entry-summary a:focus {
    color: #fff;
}

#slider-section .entry-summary .readmore a,
#slider-section .cycle-prev,
#slider-section .cycle-next {
    background-color: #ddd;
    border-color: #ddd;
    color: #1a1a1a;
}

#slider-section .entry-summary .readmore a:hover,
#slider-section .entry-summary .readmore a:focus,
#slider-section .cycle-prev:hover,
#slider-section .cycle-prev:focus,
#slider-section .cycle-next:hover,
#slider-section .cycle-next:focus {
    background-color: #e8554e;
    border-color: #e8554e;
    color: #fff;
}

#slider-section .cycle-pager span.cycle-pager-active {
    background-color: #e8554e;
    color: #e8554e;
}

/* Footer */
#colophon {
    background-color: #000;
    color: #bbb;
}

#colophon a,
#colophon .nav-footer a {
    color: #bbb;
}

#colophon a:hover,
#colophon a:focus,
#colophon .nav-footer a:hover,
#colophon .nav-footer a:focus,
#colophon .nav-footer .current-menu-item a {
    color: #e8554e;
}

#supplementary .widget-title,
#supplementary .widget-title a,
#supplementary a {
    color: #ccc;
}

#supplementary .widget-title a:hover,
#supplementary .widget-title a:focus,
#supplementary a:hover,
#supplementary a:focus {
    color: #e8554e;
}


/* Scroll Up */
#scrollup {
    background-color: #222;
    border-color: #222;
    color: #fff;
}

#scrollup:hover,
#scrollup:focus {
    background-color: #e8554e;
    border-color: #e8554e;
    color: #fff;
}

/* Form Elements */
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
    background-color: #e8554e;
    border-color: #e8554e;
    color: #fff;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #ddd;
    border-color: #ddd;
    color: #1a1a1a;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
    background-color: #000;
    border-color: #444;
    color: #ddd;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    background-color: #ddd;
    border-color: #ddd;
    color: #1a1a1a;
}


/* Entry Meta */
.entry-meta a,
.entry-footer a,
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags,
.post-password-form label,
.comment-form label,
.widecolumn label,
.widecolumn .mu_register label {
    color: #bbb;
}

.entry-meta a:hover,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.required {
    color: #e8554e;
}


/* Pagination */
#nav-below a,
#nav-below .page-numbers,
#nav-below .wp-pagenavi span.extend {
    background-color: transparent;
    border-color: #ccc;
    color: #ccc;
}

#nav-below a:hover,
#nav-below a:focus
.post-navigation a:hover,
.post-navigation a:focus,
#nav-below .page-numbers.current {
    background-color: #e8554e;
    border-color: #e8554e;
    color: #fff;
}

#nav-below .wp-pagenavi span.pages {
    color: #ccc;
}

.site-main #infinite-handle span button {
    background-color: transparent;
    border-color: #ccc;
    color: #ccc;
}

.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus {
    background-color: #e8554e;
    border-color: #e8554e;
    color: #fff;
}
