/*-----------------------------------------------------------
* Template Name    : Arshia - Fully Responsive Personal Template
* Author           : Retrina Group
* Version          : 1.0.0
* Created          : June 2020
* File Description : Color sass file of the template
*------------------------------------------------------------*/
::selection {
    background: rgba(255, 100, 94, 0.3);
  }
  
  ::-moz-selection {
    background: rgba(255, 100, 94, 0.3);
  }
  
  .base-color {
    color: #ff645e !important;
  }
  
  .hero-social li a:hover, .blog-link a:hover {
    color: #f05852 !important;
  }
  
  .bg-base-color {
    background-color: #ff645e !important;
  }
  
  .follow-label:before,
  .skill-box .fill-skillbar,
  .timeline-area:before,
  .testimonial .testimonial-border,
  .blog-content:before,
  .blog .owl-dot.active span {
    background: #ff645e;
  }
  
  .testimonial .owl-dot.active span {
    background: #ff645e !important;
  }
  
  .menu li a,
  header .navbar-brand span,
  header .navbar-brand b,
  .pill-button,
  .pill-button:hover,
  .ability ul li:before,
  .timeline-icon,
  .timeline-year,
  .language-skill ul li i,
  .contact .form-item .form-control,
  .portfolio .portfolio-icon a,
  .portfolio .portfolio-icon a:first-child,
  .comments .comment-info a,
  .blog-content button:hover,
  .comments .comment-info a:hover,
  .social a:hover {
    color: #ff645e;
  }
  
  .loader {
    border-top: 4px solid #ff645e !important;
  }
  
  .timeline-icon {
    border: 1px solid #ff645e;
    background-color: #ff645e;
  }
  
  .portfolio .portfolio-item-content::before {
    background-color: rgba(255, 100, 94, 0.9);
  }
  
  .menu-toggler span {
    background-color: #ff645e;
  }
  
  .timeline-item:before {
    border: 2px solid #ff645e;
  }
  
  .timeline-item:before {
    border: 1px solid #ff645e;
  }
  
  .header nav .nav-pills a.active {
    color: #ff645e !important;
  }
  
  .header nav a:hover {
    color: #ff645e !important;
  }
  
  .testimonial .testimonial-item::before {
    color: #ff645e;
  }
  
  /*-------------------------
        Flat Demo
  -------------------------*/
  .flat-demo .button-border, .arshia-dark.flat-demo .button-border {
    background-color: #ff645e;
  }
  
  .flat-demo .pill-button:hover, .flat-demo .pill-button.active {
    background-color: #f05852;
  }
  
  .arshia-dark .hero-social li a:hover {
    color: #f05852 !important;
  }
  
  .arshia-dark .header nav a:hover {
    color: #f05852 !important;
  }