/*

Template Color CSS File

Color code: #da3a40

Author: Codingest
Template Name: Infinite
*/

/*a tag*/
a:hover {
    color: #797979;
}

a:focus, a:active {
    color: #797979;
}

#infinity-outline {
    stroke: #da3a40;
}

/*navigation*/
.navbar-toggle {
    background-color: #da3a40 !important;
}

.navbar-inverse .navbar-toggle {
    border-color: #da3a40 !important;
}

.btn-custom {
    background-color: #da3a40;
    border-color: #da3a40;
}

.btn-custom:hover {
    background-color: #8c2529 !important;
    border-color: #8c2529 !important;
}

.btn-custom:focus {
    background-color: #8c2529 !important;
    border-color: #8c2529 !important;
}

.btn-custom:active {
    background-color: #8c2529 !important;
    border-color: #8c2529 !important;
}

.btn-error-back {
    background-color: #da3a40 !important;
    border-color: #da3a40 !important;
}

.text-category {
    color: #da3a40;
}

/*navbar color style*/
.navbar-inverse .navbar-nav .active a::after {
    background-color: #da3a40;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #da3a40;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff !important;
    background-color: rgba(255,255,255,0.25);
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #8e8e8e;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #da3a40;
}

.home-slider-item .item-info .label-slider-category {
    background-color: #da3a40;
}

.label-post-category {
    background-color: #da3a40;
}

.read-more {
    color: #da3a40;
}

.widget-title .title::after {
    background-color: #da3a40;
}

.ramdom-post-slider .item-info .label-slider-category {
    background-color: #da3a40;
}

.w-tag-list li a:hover {
    background-color: #da3a40;
}

.page-breadcrumb .breadcrumb .breadcrumb-item a {
    color: #da3a40;
}

.post-content .post-meta a:hover {
    color: #da3a40;
}

.post-content .post-tags .tag-list li a:hover {
    border-color: #da3a40;
    background-color: #da3a40;
}

.related-posts .related-post-title .title::after {
    background-color: #da3a40;
}

.pagination .active a {
    border: 1px solid #da3a40 !important;
    background-color: #da3a40 !important;
    color: #fff !important;
}

.f-random-list li .title a:hover {
    color: #da3a40;
}

.newsletter button {
    background: #da3a40;
}

.label-slider-category {
    background-color: #da3a40;
}

.random-post-slider .owl-prev:hover .random-arrow-prev {
    color: #da3a40;
}

.random-post-slider .owl-next:hover .random-arrow-next {
    color: #da3a40;
}

.post-detail-slider .owl-prev:hover .post-detail-arrow-prev {
    color: #da3a40;
}

.post-detail-slider .owl-next:hover .post-detail-arrow-next {
    color: #da3a40;
}

.leave-reply .form-control:focus {
    border-color: #da3a40;
}

.page-contact .form-control:focus {
    border-color: #da3a40;
}

.form-input:focus {
    border-color: #da3a40;
}

.link-forget:hover {
    color: #da3a40;
}

.filters .active::after {
    background: #da3a40;
}

.filters .btn:focus:after, .filters .btn:hover:after, .filters .btn:active:after {
    background: #da3a40;
}

.gallery-categories ul li a:hover, .gallery-categories ul li a:focus, .gallery-categories ul li a:active {
    background-color: #da3a40 !important;
    border-color: #da3a40 !important;
    color: #fff !important;
}

.newsletter .newsletter-button {
    background-color: #da3a40;
    border: 1px solid #da3a40;
}

.newsletter .newsletter-button:hover {
    background-color: #8c2529;
    border: 1px solid #8c2529;
}

.switcher-box .open-switcher {
    background-color: #da3a40;
}

.nav-footer li a:hover {
    color: #da3a40;
}

.widget-list li .w-meta a:hover {
    color: #da3a40;
}

.reactions .col-reaction:hover .btn-reaction {
    background-color: #da3a40;
}

.reactions .progress-bar-vertical .progress-bar {
    background-color: #da3a40;
}

.reactions .btn-reaction-voted {
    background-color: #da3a40;
}

.poll .result .progress .progress-bar {
    background-color: #da3a40;
}

.profile-buttons ul li a:hover {
    color: #da3a40;
    border-color: #da3a40;
}

.custom-checkbox input[type="checkbox"]:checked + .checkbox-icon {
    background-color: #da3a40;
    border: 1px solid #da3a40;
}

.comment-section .nav-tabs .active {
    border-bottom: 2px solid #da3a40;
}

.comment-section .comments .comment-list li .right .btn-reply {
    color: #da3a40;
}

.spinner > div {
    background-color: #da3a40;
}

.cookies-warning a {
    color: #da3a40 !important;
}

@media (max-width: 768px) {

    .pagination .page-previous a {
        border: 1px solid #da3a40 !important;
        color: #da3a40 !important;
        background-color: transparent !important;
    }

    .pagination .page-next a {
        border: 1px solid #da3a40 !important;
        color: #da3a40 !important;
        background-color: transparent !important;
    }

    .pagination > li > a, .pagination > li > span {
        background-color: #da3a40 !important;
        border: 1px solid #da3a40 !important;
        color: #fff !important;
    }
}