/*
Template Name: Uno - OPTIMIZED FOR BLACKBURN (Dark Mode)
Version: 2.0 (Cleaned)
*/

/*
================================================================
	Background Colors
================================================================
*/

    /* Global Black Backgrounds */
    body,
    .preloader,
    figure figcaption,
    header.showNav,
    .portfolio.horizontal-slider article::before,
    .portfolio.horizontal-slider article .overlay::before,
    .portfolio.grid article .article-wrapper::before,
    .portfolio.grid article .overlay::before,
    .project .cover.image .overlay::before,
    .project .cover.slider .overlay::before,
    .project .projects-navigation .previous,
    .project .projects-navigation .next,
    .project .projects-navigation .portfolio-page,
    .project .recent-projects article a::before,
    .project .recent-projects .overlay,
    .project.style-1 figure a::before,
    .gallery.horizontal-slider figure a::before,
    .gallery.grid figure a::before {
        background-color: #000;
    }

    /* Transparent/RGBA Backgrounds */
    .page-about-me.small .wrapper {
        background-color: rgba(0, 0, 0, 0.9);
    }

    /* White Elements (Icons/Active States) */
    header .menu-icon span,
    header:not(.showNav) > nav > ul > li.mega-menu > ul > li li:hover::before,
    .contact-form input[type="submit"]:hover {
        background-color: #fff;
    }

    /* Main Container Background */
    main {
        background-color: #050505;
    }

    /* Navigation Backgrounds */
    header > nav > ul > li:not(.mega-menu) li,
    header > nav > ul > li.mega-menu > ul {
        background-color: #060606;
    }
    
    /* Dropdown Line Separators */
    header > nav > ul > li.mega-menu > ul > li li::before {
        background-color: #959595;
    }

    /* Text Selection Color */
    ::selection,
    ::-moz-selection {
        background-color: #dedede;
    }


/*
================================================================
	Font Colors
================================================================
*/

    /* Global Text */
    body {
        color: #bfbfbf;
    }

    /* White Text (Headings, Active Links, Inputs) */
    a,
    h1, h2, h3, h4, h5, h6,
    .preloader p,
    header:not(.showNav) > nav > ul li:hover > a,
    header:not(.showNav) > nav > ul > li:not(.mega-menu) li.menu-item-has-children:hover::before,
    header > nav > ul > li a.active,
    footer .social-links ul li a:hover,
    .info-label .label,
    .portfolio.grid .filters p,
    .portfolio.grid .filters span.active,
    .portfolio.grid .filters span:hover,
    .project.style-1 .info .info-box .label,
    .project.style-1 .info .share a:hover,
    .gallery.grid .filters p,
    .gallery.grid .filters span.active,
    .gallery.grid .filters span:hover,
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form textarea {
        color: #fff;
    }

    /* Black Text (Hover States) */
    .contact-form input[type="submit"]:hover {
        color: #000;
    }

    /* Grey Text (Subtitles, Inactive Links) */
    header a,
    footer .social-links ul li a,
    .project.style-1 .info .share a {
        color: #959595;
    }

    /* Light Grey (Categories) */
    .portfolio.horizontal-slider article .overlay .categories,
    .portfolio.grid article .overlay .categories,
    .project .cover .overlay .categories {
        color: #b9b9b9;
    }

    /* Medium Grey (Filters) */
    .portfolio.grid .filters span,
    .gallery.grid .filters span {
        color: #777;
    }

    /* Dimmed Text */
    .project .projects-navigation .dimmed {
        color: #737373;
    }

    /* Selected Text Color */
    ::selection,
    ::-moz-selection {
        color: #000;
    }

    /* Placeholder Text Colors */
    form input::-webkit-input-placeholder,
    form textarea::-webkit-input-placeholder { color: #dedede; }
    form input::-moz-placeholder,
    form textarea::-moz-placeholder { color: #dedede; }
    form input:-ms-input-placeholder,
    form textarea:-ms-input-placeholder { color: #dedede; }

    /* Mobile Nav Text */
    @media only screen and (max-width : 1280px) {
        header a,
        header.showNav > nav > ul > li > a {
            color: #fff;
        }
    }


/*
================================================================
	Border Colors
================================================================
*/

    /* White Borders (Active/Hover) */
    .preloader .circle {
        border-color: #fff;
        border-right-color: transparent;
    }
    .contact-form input[type="text"]:hover,
    .contact-form input[type="email"]:hover,
    .contact-form textarea:hover,
    .contact-form input[type="text"]:focus,
    .contact-form input[type="email"]:focus,
    .contact-form textarea:focus {
        border-color: #fff;
    }

    /* Dark Borders (Dividers) */
    header > nav > ul > li.mega-menu > ul h2 {
        border-color: #333;
    }

    .project .projects-navigation {
        border-color: #0d0d0d;
    }

    /* Grey Borders (Default Inputs) */
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form textarea {
        border-color: #393939;
    }