/*------------------------------------------------
    Background Color
------------------------------------------------*/

.icons-menu span,
#author .slick-prev:hover:before, 
#author .slick-prev:focus:before, 
#author .slick-next:hover:before, 
#author .slick-next:focus:before,
.btn-fill:hover, 
.btn-fill:focus,
.wpcf7 input[type="submit"]:hover, 
.wpcf7 input[type="submit"]:focus, 
p.form-submit input[type="submit"]:hover, 
p.form-submit input[type="submit"]:focus,
#subscribe #subscribe-submit input[type=submit],
.backtotop,
nav.navigation.pagination .page-numbers.current,
nav.navigation.pagination .page-numbers:hover,
nav.navigation.pagination .page-numbers:focus,
.reply a:hover,
.reply a:focus,
#author .slick-prev:hover, 
#author .slick-prev:focus, 
#author .slick-next:hover, 
#author .slick-next:focus,
.site-footer {
    background-color: #d41616;
}

/*------------------------------------------------
    Color
------------------------------------------------*/
a,
.site-title a:hover,
.site-title a:focus,
.tp-skills-horizontalbar .percent-value,
.icons-menu li a.active .fa,
#services ul.nav-tabs li.active a .fa,
#services ul.nav-tabs li.active span,
.portfolio-title h4 a:hover,
.portfolio-title h4 a:focus,
.load-more:hover .fa, 
.load-more:hover, 
.load-more:focus .fa, 
.load-more:focus,
.blog-posts-wrapper .entry-title a:hover,
.blog-posts-wrapper .entry-title a:focus,
.entry-meta .cat-links a:hover,
.entry-meta .cat-links a:focus,
span.posted-on a:hover time,
span.posted-on a:focus time,
span.posted-on a:hover time:hover,
span.posted-on a:focus time:focus,
.wp-custom-header-video-button:before,
ul.address-block li a:hover,
ul.address-block li a:focus,
.picker_close i,
ul.trail-items li a:hover, 
ul.trail-items li,
.navigation.pagination .next.page-numbers:hover:before, 
.navigation.pagination .prev.page-numbers:hover:before,
.single-blog-wrapper .byline a:hover,
.single-blog-wrapper .byline a:focus,
span.comments-links a:hover,
span.comments-links a:focus,
.single-blog-wrapper .nav-links a:hover,
.single-blog-wrapper .nav-links a:focus,
.navigation.post-navigation .nav-previous a:hover:before,
.navigation.post-navigation .nav-previous a:focus:before,
.navigation.post-navigation .nav-next a:hover:after,
.navigation.post-navigation .nav-next a:focus:after,
.author-name a:hover,
.author-name a:focus,
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-content a:hover time,
.comment-content a:focus time,
.comment-content a:hover time:hover,
.comment-content a:focus time:focus,
ol.children .odd .comment-meta .comment-content .url:hover,
ol.children .odd .comment-meta .comment-content .url:focus,
#comments ol.children .comment-metadata a:hover time,
#comments ol.children .comment-metadata a:focus time,
.site-info a,
#services ul.nav-tabs li.active h6,
#services ul.nav-tabs li.active span,
.blog-posts-wrapper .entry-meta a:hover:hover,
.blog-posts-wrapper .entry-meta a:hover:focus,
.single-blog-wrapper .nav-links a:hover, 
.posts-navigation .nav-links a:hover,
.single-blog-wrapper .nav-links a:focus, 
.posts-navigation .nav-links a:focus,
.navigation.post-navigation .nav-previous a:hover:before, 
.navigation.posts-navigation .nav-previous a:hover:before,
.navigation.post-navigation .nav-previous a:focus:before, 
.navigation.posts-navigation .nav-previous a:focus:before,
.navigation.post-navigation .nav-next a:hover:after, 
.navigation.posts-navigation .nav-next a:hover:after,
.navigation.post-navigation .nav-next a:focus:after, 
.navigation.posts-navigation .nav-next a:focus:after,
span.comments-link a:hover,
span.comments-link a:focus,
.icons-menu ul li.active a .fa,
ul.social-icons li a,
#secondary .widget a:hover,
#secondary .widget a:focus,
#secondary .widget .social-icons a,
.entry-title,
span.byline a:focus {
    color: #d41616;
}

#colophon .widget a,
#colophon .widget-title,
#colophon li,
.site-info,
.copy-right,
.site-info a,
#colophon .widget.widget_search input[type="search"],
#colophon .widget.widget_search button.search-submit,
.footer-widgets-area,
.footer-widgets-area time {
    color: #fff;
}

#colophon .widget a:hover,
#colophon .widget a:focus,
.site-info a:hover,
.site-info a:focus {
    color: #ddd;
}
/*------------------------------------------------
    Border Color
------------------------------------------------*/

#services ul.nav-tabs li.active span,
.slick-dots li button:before,
.navigation.pagination .next.page-numbers:hover:before, 
.navigation.pagination .prev.page-numbers:hover:before,
ul.social-icons li a {
    border-color: #d41616;
}

.icons-menu span:after {
    border-bottom-color: #d41616;
}

#colophon ul.social-icons li a {
    border-color: #fff;
}

#colophon .widget.widget_search ::-webkit-input-placeholder {
    color: #fff;
}
#testimonial {
    filter: none;
}
#testimonial .overlay {
    opacity: 0.5;
}
#testimonial .testimonials-content p {
    color: #fff;
}
#site-details h1 {
    font-family: 'Yesteryear', cursive;
    font-weight: 400;
    text-transform: none;
    font-size: 40px;
}

.video-title h1 {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
}

#header-featured-image .video-title h2 {
    font-family: 'Dynalight', cursive;
    letter-spacing: 0;
    font-weight: 400;
    text-transform: none;
    font-size: 52px;
    padding-top: 0;
}

.entry-title,
#header-featured-image .page-detail .page-title,
.testimonials-content h2 {
    font-family: 'Dynalight', cursive;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 400;
}

.blog-posts-wrapper .entry-title {
    font-family: 'Rajdhani', sans-serif;
}
#colophon ul.social-icons li a {
    color: #fff;
}

@media screen and (min-width: 600px) {
    #header-featured-image .video-title h2 {
        font-size: 72px;
    }
}

@media screen and (min-width: 767px) {
    #header-featured-image .video-title h2 {
        font-size: 100px;
    }

    .entry-title,
    .testimonials-content h2 {
        font-size: 52px;
    }
}

@media screen and (min-width: 992px) {
    .video-title h1 {
        font-size: 52px;
    }
    #header-featured-image .video-title h2 {
        font-size: 130px;
    }
}

@media screen and (max-width: 992px) {
    .menu-active .site-branding {
        background-color: #d41616 ;
        border-bottom: 1px solid #ddd;
    }

    .dropdown-toggle {
        border-left: 1px solid #ddd;
    }

    .main-navigation li {
        background-color: #d41616 ;
    }

    .main-navigation #primary-menu > li > a,
    .main-navigation ul ul a,
    .main-navigation ul ul li:last-child > a {
        border-bottom: 1px solid #ddd;
    }
    .dropdown-toggle:focus {
        border-left-color: #ddd;
    }
    .video-title h1 {
        font-size: 42px;
    }
}

@media screen and (max-width: 767px) {
    .video-title h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 600px) {
    .video-title h1 {
        font-size: 22px;
    }
}