/*-----------------------------------------------------------
* Template Name    : Oliver - Fully Responsive Personal Template
* Author           : Toonalite
* Version          : 1.0.0
* Created          : September 2021
* File Description : Main Css file of the template
*------------------------------------------------------------*/

/*-------------------------
         General
-------------------------*/
.base-color{
    color: #ff713c ;
}
.pill-button span{
    background-color: #ff713c ;
}
.pill-button:hover{
    color: #ff713c ;
}
.pill-button:hover::before{
    background-color: #ff713c ;
}
.title-shape{
    background-color: #ff713c ;
}
.circle{
    background-color: #ff713c ;
}
/*-------------------------
        Preloader
-------------------------*/
.loading-page .counter p{
    color: #ff713c;
}
.loading-page .counter hr{
    background: #ff713c;
}
.loading-page .counter .color{
    color: #ff713c;
}
/*-------------------------
         Header
-------------------------*/
.navbar-brand{
    color: #ff713c ;
}
.navbar-brand:hover{
    color: #ff713c ;
}
.header ul li a.active , .header ul li a:hover , .header ul li a:focus{
    color: #ff713c  !important;
}
/*-------------------------
         Hero
-------------------------*/
.hero-content .line {
    background-color: #ff713c;
  }
/*-------------------------
        Skills
-------------------------*/
.skills .skillsbar-bar{
    background-color: #ff713c ;
}
.skills-bar-percent{
    color: #ff713c ;
}
/*-------------------------
        Services
-------------------------*/
.services-box span{
    background-color: #ff713c ;
}
/*-------------------------
        Portfolio
-------------------------*/
.portfolio-filter li a.active{
    border: 1px solid #ff713c !important ;
}
.portfolio-filter li a:hover span{
    background-color: #ff713c ;
}
.portfolio-filter li a.active, .portfolio-filter li a:hover{
    color: #ff713c ;
}
/*-------------------------
         Client
-------------------------*/
.client-content h6:first-of-type{
    color: #ff713c ;
    border-bottom: 1px solid #ff713c ;
}
.client .owl-carousel .owl-dot span{
    border: 1px solid #ff713c ;
}
.client .owl-carousel .owl-dot.active span {
    background-color: #ff713c ;
}
/*-------------------------
          Blog
-------------------------*/
.blog-date{
    background-color: #ff713c ;
}
.blog-content a:hover{
    color: #ff713c ;
}
.blog-content a:hover::before{
    background-color: #ff713c ;
}
/*-------------------------
        Contact
-------------------------*/
.contact-box .contact-content .contact-icon i{
    color: #ff713c ;
}
.contact-form .form-control-plaintext{
    color: #ff713c ;
}
/*-------------------------
        Footer
-------------------------*/
.copyright p a , .copyright p a:hover{
    color: #ff713c ;
}
.footer-social ul li a:hover{
    color: #ff713c ;
}
/*-------------------------
      Return to top
-------------------------*/
.return-to-top{
    background-color: #ff713c ;
}
/*-------------------------
     Inner Pages Hero
-------------------------*/
.page-hero .page-hero-content h5{
    color: #ff713c ;
}
.page-hero-content ul li i{
    color: #ff713c ;
}
.page-hero-content ul li:hover a{
    color: #ff713c ;
}
/*-------------------------
       Pagination
-------------------------*/
.pagination-box .page-item.active .page-link, 
.pagination-box .page-link:hover{
    border: 1px solid #ff713c ;
    background-color: #ff713c ;
}
/*-------------------------
    Blog Single Content
-------------------------*/
.blog-single-post .blog-single-author h6{
    color: #ff713c ;
}
.blog-single-post .blog-single-opinion{
    border: 1px solid #ff713c ;
}
.blog-single-post .blog-single-content h3{
    color: #ff713c ;
}
.blog-single-post .blog-single-content ul li i{
    color: #ff713c ;
}
.comments-box{
    border: 1px solid #ff713c ;
}
.comments-box .comments-content .comments-user h6{
    color: #ff713c ;
}
.comments-box .comments-content .comments-user a:hover{
    color: #ff713c ;
}
.comments-form .form-control{
    color: #ff713c ;
}
/*-------------------------
    Blog Single Aside 
-------------------------*/
.author-name h6{
    color: #ff713c ;
}
.categories-box ul li a:hover{
    color: #ff713c ;
}
.categories-box ul li span{
    background-color: #ff713c ;
}
.recent-content a:hover h5{
    color: #ff713c ;
}
.tags .tags-box a{
    border: 1px solid #ff713c ;
}
.project-details-content ul li h6 span{
    color: #ff713c ;
}
/*-------------------------
        404 Error
-------------------------*/
.error-content h1{
    color: #ff713c ;
}
/*-------------------------
       oliver Dark
-------------------------*/
.oliver-dark .circle{
    background-color: #ff713c ;
}
.oliver-dark .pagination-box .page-item.active .page-link, 
.oliver-dark .pagination-box .page-link:hover{
    border: 1px solid #ff713c  ;
    background-color: #ff713c  ;
}