/* ==========================================================================
    Dark Mode
 ========================================================================== */

/* Toggle Button */

.dark-mode-toggle {
    background: none;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    padding: 0 15px;
    line-height: 76px;
    height: 76px;
    float: right;
    transition: color 300ms;
}

.dark-mode-toggle:hover {
    color: #f4bf00;
}

.dark-mode-toggle .fa-sun-o {
    display: none;
}

body.dark-mode .dark-mode-toggle .fa-sun-o {
    display: inline;
}

body.dark-mode .dark-mode-toggle .fa-moon-o {
    display: none;
}

/* Dark Mode Overrides */

html.dark-mode {
    background-color: #1a1b26;
}

body.dark-mode {
    background-color: #1a1b26;
    color: #c0c4d0;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #e0e4f0;
}

body.dark-mode a {
    color: #c0c4d0;
}

body.dark-mode a:hover {
    color: #00aeef;
}

/* Home Banner */

body.dark-mode #home-banner {
    background-color: #1a1b26;
}

body.dark-mode .menu-two .home-social li a {
    color: #c0c4d0;
}

body.dark-mode .menu-two .home-social li a:hover {
    color: #00aeef;
}

/* Navigation */

body.dark-mode #navigation .navbar:before {
    background-color: #13141c;
}

body.dark-mode #navigation .navbar-nav>li {
    background-color: #13141c;
}

body.dark-mode .logo {
    background-color: #13141c;
}

/* Alternate background sections (bg-color) */

body.dark-mode .bg-color {
    background-color: #222336;
}

body.dark-mode .bg-color:before {
    background-color: #222336;
}

/* About Section */

body.dark-mode .about-info {
    color: #b0b4c0;
}

body.dark-mode .about-section address {
    color: #b0b4c0;
}

/* Skill Section */

body.dark-mode .text-info {
    color: #b0b4c0;
}

body.dark-mode .progress {
    background-color: #2a2b3d;
}

body.dark-mode .rating-bar label,
body.dark-mode .rating-bar span {
    color: #c0c4d0;
}

/* Experience Section */

body.dark-mode .exprience-info {
    color: #b0b4c0;
}

body.dark-mode .exprience-section hr {
    border-color: #2a2b3d;
}

/* Contact Section */

body.dark-mode .contact-section li {
    border-bottom-color: #2a2b3d;
}

body.dark-mode .contact-section li,
body.dark-mode .contact-section li a {
    color: #c0c4d0;
}

body.dark-mode .contact-section li a:hover {
    color: #87c05e;
}

body.dark-mode .contact-section .social a {
    color: #c0c4d0;
}

/* Form inputs */

body.dark-mode .contact .form-control {
    background-color: #2a2b3d;
    border-color: #2a2b3d;
    color: #c0c4d0;
}

body.dark-mode .contact .form-control:focus {
    border-color: #87c05e;
}

body.dark-mode .contact .form-control::-webkit-input-placeholder {
    color: #808490;
}

body.dark-mode .contact .form-control:-moz-placeholder {
    color: #808490;
}

body.dark-mode .contact .form-control::-moz-placeholder {
    color: #808490;
}

body.dark-mode .contact .form-control:-ms-input-placeholder {
    color: #808490;
}

/* Buttons */

body.dark-mode .btn.btn-primary {
    background-color: #3c70b4;
    border-color: #3c70b4;
}

body.dark-mode .btn.btn-primary:before {
    background-color: #1a1b26;
}

body.dark-mode .btn.btn-primary:hover {
    color: #3c70b4;
}

/* General borders/dividers */

body.dark-mode hr {
    border-color: #2a2b3d;
}

body.dark-mode .post-content {
    border-color: #2a2b3d;
}

body.dark-mode .entry-summary {
    border-color: #2a2b3d;
}

body.dark-mode .post-action {
    border-color: #2a2b3d;
}

/* Footer */

body.dark-mode #footer {
    background-color: #6a9a4a;
}

/* Profile Section */

body.dark-mode .profile-info address a {
    color: #c0c4d0;
}

body.dark-mode .profile-info address a:hover {
    color: #87c05e;
}

body.dark-mode .portfolio li a {
    color: #c0c4d0;
}

body.dark-mode .portfolio li a:hover {
    color: #87c05e;
}

body.dark-mode .language-proficiency ul>li+li {
    border-left-color: #2a2b3d;
}

body.dark-mode .language-proficiency ul li ul li {
    color: #666;
}

/* Blog */

body.dark-mode .post-content h2 a {
    color: #e0e4f0;
}

body.dark-mode .post-content h2 a:hover {
    color: #87c05e;
}

body.dark-mode .post-action h3 a {
    color: #e0e4f0;
}

body.dark-mode .post-action h3 a:hover {
    color: #87c05e;
}

body.dark-mode .post-action span {
    color: #555;
}

/* Widget */

body.dark-mode h3.widget_title {
    border-bottom-color: #2a2b3d;
}

body.dark-mode .widget_search button[type=submit] {
    background-color: #13141c;
}

body.dark-mode .form-control {
    background-color: #2a2b3d;
    border-color: #2a2b3d;
    color: #c0c4d0;
}

body.dark-mode .form-control:focus,
body.dark-mode input[type="search"]:focus {
    border-color: #3c70b4;
}

/* Responsive: xs toggle button */
@media (max-width: 767px) {
    .dark-mode-toggle {
        line-height: 57px;
        height: 57px;
    }

    body.dark-mode #home-banner {
        background-color: #1a1b26;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .dark-mode-toggle {
        line-height: 64px;
        height: 64px;
    }
}