/*
Template Name: Dos
Template URL: https://www.codesymbol.com/templates/dos/
Version: 1.0
Author: CodeSymbol
Author URL: https://themeforest.net/user/codesymbol/
*/



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

    body,
    .page .cover.image-with-text::before,
    .portfolio .swiper-slide .img::before,
    .text-slider,
    .loader {
        background-color: #0A0A0A;
    }

    ::selection,
    ::-moz-selection,
    .tabs .head li {
        background-color: #959595;
    }

    .tabs .head li.active {
        background-color: #d2d2d2;
    }

    .accordion h3 {
        background-color: #848484;
    }

    header > nav > ul > li li {
        background-color: #111;
    }

    header > nav > ul > li ul:hover li::before,
    header > nav > ul > li ul ul:hover li::before,
    header > nav > ul > li ul ul ul:hover li::before,
    .swiper-container .swiper-next .line,
    .swiper-container .swiper-prev .line,
    .swiper-container .swiper-next::before,
    .swiper-container .swiper-prev::before,
    .swiper-container .swiper-next::after,
    .swiper-container .swiper-prev::after {
        background-color: #828282;
    }

    .swiper-pagination-bullet {
        background: #828282;
    }

    header > nav > ul > li li::before,
    header .menu-icon span,
    header > nav > ul > li ul li:hover::before,
    header > nav > ul > li ul ul li:hover::before,
    header > nav > ul > li ul ul ul li:hover::before,
    .swiper-container .swiper-next:hover .line,
    .swiper-container .swiper-prev:hover .line,
    .swiper-container .swiper-next:hover::before,
    .swiper-container .swiper-prev:hover::before, 
    .swiper-container .swiper-next:hover::after,
    .swiper-container .swiper-prev:hover::after,
    .slider .swiper-container .swiper-next .line,
    .slider .swiper-container .swiper-prev .line,
    .slider .swiper-container .swiper-next::before,
    .slider .swiper-container .swiper-prev::before, 
    .slider .swiper-container .swiper-next::after,
    .slider .swiper-container .swiper-prev::after,
    .text-slider .content a::after {
        background-color: #e6e6e6;
    }

    .swiper-pagination-bullet-active,
    .swiper-pagination-bullet-active::before {
        background: #e6e6e6;
    }

    .page .content .name::after,
    .page .cover.image-with-text::after,
    .slider .swiper-slide h1:after,
    .projects-grid h1::after,
    .single-project h1::after,
    .blog h1::after,
    .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"],
    .accordion .tab.active h3,
    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;
    }

    .slider .swiper-slide .content::before,
    .text-slider .slides li::before,
    .projects-grid article .img::after,
    header.mobile-tablet > nav,
    .text-slider .content a .wrap::before,
    .blog-single article .cover.gallery .nav .next,
    .blog-single article .cover.gallery .nav .prev {
        background-color: #000000;
    }

    .slider .swiper-pagination .pagination-line,
    .loader span::before,
    .blog-single article .comments .comment-respond .form-submit input[type="submit"]:hover,
    .page .comments .comment-respond .form-submit input[type="submit"]:hover,
    .post-password-form input[type="submit"]:hover,
    .blog-single article .cover.gallery .nav .next::before,
    .blog-single article .cover.gallery .nav .next::after,
    .blog-single article .cover.gallery .nav .prev::before,
    .blog-single article .cover.gallery .nav .prev::after {
        background-color: #ffffff;
    }

    .slider .swiper-pagination-bullet,
    .slider .swiper-pagination-bullet-active,
    .slider .swiper-pagination-bullet-active::before {
        background: #fff;
    }


    header.mobile-tablet > nav > ul,
    header.mobile-tablet > nav > ul > li ul,
    header.mobile-tablet > nav > ul > li ul ul,
    header.mobile-tablet > nav > ul > li ul ul ul,
    header.mobile-tablet > nav ul li,
    header.mobile-tablet > nav > ul > li ul li,
    header.mobile-tablet > nav > ul > li ul ul li,
    header.mobile-tablet > nav > ul > li ul ul ul li {
        background-color: transparent;
    }
/*
================================================================
================================================================
	Font Colors
================================================================
================================================================
*/

    body,
    .wpcf7 form label input[type="text"]:hover,
    .wpcf7 form label input[type="email"]:hover,
    .wpcf7 form label input[type="url"]:hover,
    .wpcf7 form label input[type="tel"]:hover,
    .wpcf7 form label textarea:hover,
    .wpcf7 form label input[type="submit"]:hover,
    .wpcf7 form label input[type="text"]:focus,
    .wpcf7 form label input[type="email"]:focus,
    .wpcf7 form label input[type="url"]:focus,
    .wpcf7 form label input[type="tel"]:focus,
    .wpcf7 form label textarea:focus,
    .blog-single article .cover.quote blockquote::before,
    .blog-single article .cover.quote blockquote::after,
    .accordion h3::before {
        color: #ccc;
    }


    header > nav > ul:hover > li a,
    header > nav > ul > li ul:hover li a,
    header > nav > ul > li ul ul:hover li a,
    header > nav > ul > li ul ul ul:hover li a,
    footer .social-links:hover a,
    .social-profiles ul:hover a,
    .portfolio .swiper-slide .discover span {
        color: #828282;
    }

    a,
    h1, h2, h3, h4, h5, h6,
    header > nav > ul > li:hover a,
    header > nav > ul > li ul li:hover a,
    header > nav > ul > li ul ul li:hover a,
    header > nav > ul > li ul ul ul li:hover a,
    header > nav > ul > li ul li.active a, 
    header > nav > ul > li ul ul li.active a,
    header > nav > ul > li ul ul ul li.active a,
    footer .copyrights .text1,
    footer .copyrights a,
    footer .social-links,
    footer .social-links a:hover,
    .social-profiles ul a:hover,
    .slider .swiper-slide .discover span,
    header.mobile-tablet > nav > ul > li > a,
    header.mobile-tablet > nav > ul > li li a,
    header.mobile-tablet > nav > ul > li:hover a,
    header.mobile-tablet > nav > ul > li ul li:hover a,
    header.mobile-tablet > nav > ul > li ul ul li:hover a,
    header.mobile-tablet > nav > ul > li ul ul ul li:hover a,
    header.mobile-tablet > nav > ul:hover > li a,
    header.mobile-tablet > nav > ul > li ul:hover li a,
    header.mobile-tablet > nav > ul > li ul ul:hover li a,
    header.mobile-tablet > nav > ul > li ul ul ul:hover li a {
        color: #e6e6e6;
    }

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

    .tabs .head li,
    .accordion .tab.active h3,
    .accordion .tab.active h3::before,
    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;
    }


    form input::-webkit-input-placeholder,
    form textarea::-webkit-input-placeholder {
        color: #fff;
    }
    form input::-moz-placeholder,
    form textarea::-moz-placeholder {
        color: #fff;
    }
    form input:-ms-input-placeholder,
    form textarea:-ms-input-placeholder {
        color: #fff;
    }


    .wpcf7 form label input[type="text"],
    .wpcf7 form label input[type="email"],
    .wpcf7 form label input[type="url"],
    .wpcf7 form label input[type="tel"],
    .wpcf7 form label textarea {
        color: #fff;
    }


    .blog article .number {
        color: #151515;
    }
    .blog article a:hover,
    .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,
    .wpcf7 form input[type="submit"],
    .is-style-outline .wp-block-button__link,
    .wp-block-button__link.is-style-outline {
        color: #fff;
    }
    
    .blog-single article .cover.quote figcaption {
        color: #a4a4a4;
    }

/*
================================================================
================================================================
	Border Colors
================================================================
================================================================
*/
    
    .blog article,
    .blog-single article .content,
    .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"],
    .tabs .content,
    .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;
    }

    .accordion .content {
        border-color: #848484;
    }

    .social-profiles ul:hover a {
        border-color: #828282;
    }

    .social-profiles ul a:hover,
    .social-profiles a {
        border-color: #e6e6e6;
    }

    .wpcf7 form label input[type="text"],
    .wpcf7 form label input[type="email"],
    .wpcf7 form label input[type="url"],
    .wpcf7 form label input[type="tel"],
    .wpcf7 form label 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 label input[type=submit] {
        border-color: #757575;
    }

    .wpcf7 form label input[type="text"]:hover,
    .wpcf7 form label input[type="email"]:hover,
    .wpcf7 form label input[type="url"]:hover,
    .wpcf7 form label input[type="tel"]:hover,
    .wpcf7 form label textarea:hover,
    .wpcf7 form label input[type="text"]:focus,
    .wpcf7 form label input[type="email"]:focus,
    .wpcf7 form label input[type="url"]:focus,
    .wpcf7 form label input[type="tel"]:focus,
    .wpcf7 form label textarea:focus,
    .wpcf7 form label 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 label input.wpcf7-not-valid,
    .wpcf7 form label textarea.wpcf7-not-valid {
        border-color: #dc3232!important;
    }