/**************************************

    File Name: colors.css
    Template Name: Forest Time
    Created By: HTML.Design
    http://themeforest.net/user/wpdestek

    **************************************/


/* COLORS 
**************************************/

.authorbox p a,
.pp a,
.sitemap-wrapper small,
.fa-user-circle-o,
.footer h5:hover,
a:hover,
a:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .nav-link.active,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .open > .nav-link {
    color: #0b87c2  ;
}


.search-form .btn:hover,
.search-form .btn:focus,
.search-form .btn {
    color: #ffffff ;
    background-color: #0b87c2  ;
}

.tag-cloud-single span,
.page-title i,
.btn:hover,
.sitemap-wrapper .year,
.btn:focus,
.navbar-inverse .navbar-toggler {
    color: #ffffff ;
    background-color: #0b87c2 ;
}

.blockquote {
    border-left-color: #0b87c2 ;
}

.footer .widget-title {
    border-color: #0b87c2 ;
}


/* OTHER COLORS 
**************************************/

.navbar-nav .nav-link.active.color-pink-hover,
.navbar-nav .nav-link.color-pink-hover:hover,
.navbar-nav .nav-link.color-pink-hover:focus {
    color: #deacca ;
}

.page-title .bg-pink,
.portfolio .blog-meta span.bg-pink,
.masonry-box:hover .blog-meta span.bg-pink,
.color-pink a {
    background-color: #deacca ;
}

.navbar-nav .nav-link.active.color-aqua-hover,
.navbar-nav .nav-link.color-aqua-hover:hover,
.navbar-nav .nav-link.color-aqua-hover:focus {
    color: #2ad2c9 ;
}

.page-title .bg-aqua,
.masonry-box:hover .blog-meta span.bg-aqua,
.color-aqua a {
    background-color: #2ad2c9 ;
}

.navbar-nav .nav-link.active.color-green-hover,
.navbar-nav .nav-link.color-green-hover:hover,
.navbar-nav .nav-link.color-green-hover:focus {
    color: #34bf49 ;
}

.page-title .bg-green,
.masonry-box:hover .blog-meta span.bg-green,
.color-green a {
    background-color: #0b87c2 ;
}

.navbar-nav .nav-link.active.color-red-hover,
.navbar-nav .nav-link.color-red-hover:hover,
.navbar-nav .nav-link.color-red-hover:focus {
    color: #ed1b2e ;
}

.page-title .bg-red,
.masonry-box:hover .blog-meta span.bg-red,
.color-red a {
    background-color: #ed1b2e ;
}

.navbar-nav .nav-link.active.color-yellow-hover,
.navbar-nav .nav-link.color-yellow-hover:hover,
.navbar-nav .nav-link.color-yellow-hover:focus {
    color: #ffb900 ;
}

.page-title .bg-yellow,
.masonry-box:hover .blog-meta span.bg-yellow,
.color-yellow a {
    background-color: #ffb900 ;
}

.navbar-nav .nav-link.active.color-grey-hover,
.navbar-nav .nav-link.color-grey-hover:hover,
.navbar-nav .nav-link.color-grey-hover:focus {
    color: #6f1683 ;
}

.portfolio .blog-meta span.bg-grey,
.page-title .bg-grey,
.masonry-box:hover .blog-meta span.bg-grey,
.color-grey a {
    background-color: #6f1683 ;
}

.fa-star-o,
.fa-star {
    color: #fbb034;
}

.topsocial .fa.fa-facebook {
    color: #4b6ea9;
}

.topsocial .fa.fa-google-plus {
    color: #e86142;
}

.topsocial .fa.fa-twitter {
    color: #1ab2f5;
}

.topsocial .fa.fa-linkedin {
    color: #0088c0;
}

.fa-bolt,
.topsocial .fa.fa-pinterest {
    color: #d73533;
}

.topsocial .fa.fa-youtube {
    color: #d44638;
}

.topsocial .fa.fa-instagram {
    color: #405de6;
}

.topsocial .fa.fa-flickr {
    color: #ff0084;
}

.footer.wb .btn {
    color: rgba(255, 255, 255, 1) ;
}

.bg-categories {
    background-color: #0b87c2 !important;
}

.title-color {
    color: #000 !important;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.liveblogtitle .title:hover {
    color: #0b87c2 !important; 
}

.side-cat-title {
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.side-cat-title:hover {
    color: #0b87c2 !important; 
}

.navbar .navbar-nav a.nav-link:hover {
    color: #0b87c2 !important;
}



.breadcrumb li a {
    color: #000 !important;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.breadcrumb li a:hover {
    color: #0b87c2 !important;
}

.cat-title .title {
    color: #000;
    text-decoration: none !important;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.cat-title .title:hover {
    color: #0b87c2 !important;
}

.pagination .page-item a {
    color: #edeff2 !important;
    background-color: #BCBCBC !important;
        outline: none !important;
    box-shadow: none !important; 
}

.page-item.active .page-link {
    background-color: #0b87c2 !important;
    color: #fff !important;
}

.content-title .title {
    color: #000 !important;
    text-decoration: none !important;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.content-title .title:hover {
    color: #0b87c2 !important;
}

.content-row-box a {
    color: #000 !important;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.content-row-box a:hover {
    color: #0b87c2 !important;
}

.login-box , .comment-say {
    color: #0b87c2 !important;
}

.login-box:hover , .comment-say:hover {
    color: #0b87c2 !important;
}

.button  {
    background-color: #0b87c2 !important;
    border : 0 !important;
    box-shadow: 0 !important;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

.button:hover  {
    background-color: #0b87c2 !important;
}



input {
    border-radius: 3px !important;
}




.check-icon {
    display: none;
}

.is-valid , .is-invalid {
    box-shadow: none !important; 
}

#valid-name-warning , #valid-username-warning , #valid-pass-warning , #valid-mail-warning , #valid-pass-warning , #valid-recaptcha-warning , #errormessage , #valid-editname-warning , #valid-editpass-warning {
    color: rgb(232, 10, 57);
}

.error-message {
    color: rgb(232, 10, 57);
}

.success-message {
    color : #0b87c2;
}