/*
Theme: Uno
Theme URI: http://www.codesymbol.com/themes/uno/
Version: 2.0.12
Author: CodeSymbol
Author URI: https://themeforest.net/user/codesymbol/
*/



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

    body,
    .preloader,
    figure:not(.wp-caption):not(.wp-block-gallery):not(.wp-block-image):not(.wp-block-embed):not(.gallery-item) figcaption:not(.blocks-gallery-item__caption),
    header.showNav,
    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close,
    .mfp-container .arrow-left,
    .mfp-container .arrow-right,
    .flexslider:not(.gallery) .prev,
    .flexslider:not(.gallery) .next,
    .flexslider.full li .image-caption,
    .team-member::before,
    .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,
    .gallery.slideshow.kenburns #slideshow .slide-caption,
    .gallery.slideshow.flexslider .prev,
    .gallery.slideshow.flexslider .next,
    .landing-slideshow::before,
    .landing-strips .strips .column::after,
    .blog .posts article figure a::before,
    .blog.has-sidebar .sidebar .widget_media_gallery .gallery-icon a::after {
        background-color: #000;
    }
    .landing-strips-pages .strips .column a {
        background-color: rgba(0, 0, 0, 0.8);
    }
    .landing-strips-pages .strips .column a:hover {
        background-color: rgba(0, 0, 0, 1);
    }

    header .menu-icon span,
    header:not(.showNav) > nav > ul > li.mega-menu > ul > li li:hover::before,
    .gallery.slideshow.vertical-nav.flexslider .nav .bullets .line::after,
    .gallery.slideshow.horizontal-nav.flexslider .nav .bullets .line::after,
    .gallery.slideshow.flexslider .nav .bullets div.active,
    .gallery.slideshow.flexslider .nav .bullets div:hover,
    .blog-single .head .meta > div::after {
        background-color: #fff;
    }
    .blog article .meta .date::after,
    .blog article .meta .categories::after,
    .blog-single article .head .meta .date::after,
    .blog-single article .head .meta .categories::after,
    .blog-single article .comments .comment-respond .form-submit input[type="submit"],
    .page .comments .comment-respond .form-submit input[type="submit"],
    main table th,
    .wp-block-table th,
    .wp-calendar-table th {
        background-color: #ccc;
    }

    .swiper-pagination .pagination-line,
    .blog-single article .cover.quote figure,
    main blockquote,
    code,
    pre.wp-block-preformatted,
    .blog article .sign {
        background-color: #313131;
    }

    main {
        background-color: #050505;
    }

    header > nav > ul > li:not(.mega-menu) li,
    header > nav > ul > li.mega-menu > ul {
        background-color: #060606;
    }

    header > nav > ul > li.mega-menu > ul > li li::before {
        background-color: #959595;
    }

    .gallery.slideshow.flexslider .nav .bullets div {
        background-color: #555;
    }


    .mfp-bg.mfp-with-zoom.mfp-ready {
        background: #0b0b0b;
    }

    ::selection,
    ::-moz-selection {
        background-color: #dedede;
    }

    @media only screen and (max-width : 768px) {

        .landing-strips-pages .strips .column a {
            background-color: #000;
        }
    }

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

    body {
        color: #bfbfbf;
    }

    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.mega-menu > ul > li.heading.menu-item > a,
    header > nav > ul li.current-menu-ancestor > a,
    header > nav > ul li.current-menu-item > a,
    footer .social-links ul li a:hover,
    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close,
    .mfp-container .arrow-left,
    .mfp-container .arrow-right,
    .info-box .label,
    .flexslider:not(.gallery) .prev,
    .flexslider:not(.gallery) .next,
    .team-member .overlay .name,
    .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,
    .gallery.slideshow.flexslider .prev,
    .gallery.slideshow.flexslider .next,
    .blog .posts article .read-more,
    .wpcf7 form input[type="text"],
    .wpcf7 form input[type="email"],
    .wpcf7 form input[type="url"],
    .wpcf7 form input[type="tel"],
    .wpcf7 form textarea,
    .blog.has-sidebar .sidebar .widget_search input[type="text"],
    .blog-single article .comments .comment-respond textarea,
    .blog-single article .comments .comment-respond input[name="author"],
    .blog-single article .comments .comment-respond input[name="email"],
    .blog-single article .comments .comment-respond input[name="subject"],
    .page .comments .comment-respond textarea,
    .page .comments .comment-respond input[name="author"],
    .page .comments .comment-respond input[name="email"],
    .page .comments .comment-respond input[name="subject"],
    .blog-single .sidebar .widget_search input[type="text"],
    .blog-single .sidebar .widget_recent_comments span,
    .blog-single .sidebar .widget_calendar caption,
    .blog .search-not-found input[type="text"],
    .post-password-form input[type="password"],
    .wp-block-calendar table caption,
    .wp-block-search input,
    .is-style-outline .wp-block-button__link,
    .wp-block-button__link.is-style-outline {
        color: #fff;
    }
    
    .blog-single article .cover.quote figcaption {
        color: #a4a4a4;
    }

    header a,
    footer .social-links ul li a,
    .team-member .overlay .title,
    .project.style-1 .info .share a {
        color: #959595;
    }

    .portfolio.horizontal-slider article .overlay .categories,
    .portfolio.grid article .overlay .categories,
    .project .cover .overlay .categories {
        color: #b9b9b9;
    }

    .portfolio.grid .filters span,
    .gallery.grid .filters span {
        color: #777;
    }

    .project .projects-navigation .dimmed {
        color: #737373;
    }

    .wpcf7 form input[type="submit"],
    main table th,
    .wp-block-table th,
    .wp-calendar-table th,
    main table th a,
    .wp-block-table th a,
    .wp-calendar-table th a,
    table th,
    table th a,
    main table tbody th,
    table tbody th,
    table tbody th a {
        color: #000000;
    }

    ::selection,
    ::-moz-selection {
        color: #000;
    }

    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;
    }

    @media only screen and (max-width : 1280px) {

        header a,
        header.showNav > nav > ul > li > a {
            color: #fff;
        }
    }


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

    .preloader .circle {
        border-color: #fff;
        border-right-color: transparent;
    }
    .blog.has-sidebar .sidebar .widget_search input[type="text"]:hover,
    .blog.has-sidebar .sidebar .widget_search input[type="text"]:focus {
        border-color: #fff;
    }

    header > nav > ul > li.mega-menu > ul > li.heading.menu-item > a {
        border-color: #333;
    }

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

    .blog.has-sidebar .sidebar .widget_search input[type="text"] {
        border-color: #393939;
    }
    .blog-single article .comments .comment-respond textarea,
    .blog-single article .comments .comment-respond input[name="author"],
    .blog-single article .comments .comment-respond input[name="email"],
    .blog-single article .comments .comment-respond input[name="subject"],
    .page .comments .comment-respond textarea,
    .page .comments .comment-respond input[name="author"],
    .page .comments .comment-respond input[name="email"],
    .page .comments .comment-respond input[name="subject"],
    .wp-block-search input {
        border-color: #333;
    }
    .blog-single article .comments .comment-respond textarea:hover,
    .blog-single article .comments .comment-respond input[name="author"]:hover,
    .blog-single article .comments .comment-respond input[name="email"]:hover,
    .blog-single article .comments .comment-respond input[name="subject"]:hover,
    .blog-single article .comments .comment-respond textarea:focus,
    .blog-single article .comments .comment-respond input[name="author"]:focus,
    .blog-single article .comments .comment-respond input[name="email"]:focus,
    .blog-single article .comments .comment-respond input[name="subject"]:focus,
    .page .comments .comment-respond textarea:hover,
    .page .comments .comment-respond input[name="author"]:hover,
    .page .comments .comment-respond input[name="email"]:hover,
    .page .comments .comment-respond input[name="subject"]:hover,
    .page .comments .comment-respond textarea:focus,
    .page .comments .comment-respond input[name="author"]:focus,
    .page .comments .comment-respond input[name="email"]:focus,
    .page .comments .comment-respond input[name="subject"]:focus,
    .blog .search-not-found input[type="text"]:hover,
    .blog .search-not-found input[type="text"]:focus,
    .post-password-form input[type="password"]:hover,
    .post-password-form input[type="password"]:focus {
        border-color: #fff;
    }

    .wpcf7 form input[type="text"],
    .wpcf7 form input[type="email"],
    .wpcf7 form input[type="url"],
    .wpcf7 form input[type="tel"],
    .wpcf7 form textarea,
    .blog .search-not-found input[type="text"],
    .post-password-form input[type="password"],
    .wp-block-table td,
    main table td,
    main table th,
    .wp-calendar-table th,
    .wp-calendar-table td {
        border-color: #2f2f2f;
    }

    .wpcf7 form input[type=submit] {
        border-color: #757575;
    }

    .wpcf7 form input[type="text"]:hover,
    .wpcf7 form input[type="email"]:hover,
    .wpcf7 form input[type="url"]:hover,
    .wpcf7 form input[type="tel"]:hover,
    .wpcf7 form textarea:hover,
    .wpcf7 form input[type="text"]:focus,
    .wpcf7 form input[type="email"]:focus,
    .wpcf7 form input[type="url"]:focus,
    .wpcf7 form input[type="tel"]:focus,
    .wpcf7 form textarea:focus,
    .wpcf7 form input[type="submit"]:hover,
    .blog-single .sidebar .widget_search input[type="text"]:hover,
    .blog-single .sidebar .widget_search input[type="text"]:focus {
        border-color: #ccc;
    }

    .wpcf7 form input.wpcf7-not-valid,
    .wpcf7 form textarea.wpcf7-not-valid {
        border-color: #dc3232!important;
    }