/*-----------------------------------------------------------
* Template Name    : mandarine - 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: #ff8b45 !important;
}

.mnd-social li a:hover, .blog-link a:hover {
  color: #f05852 !important;
}

.bg-base-color {
  background-color: #ff8b45 !important;
}

.follow-label:before,
.skill-box .fill-skillbar,
.timeline-area:before,
.testimonial .testimonial-border,
.blog-content:before,
.blog .owl-dot.active span {
  background: #ff8b45;
}

.testimonial .owl-dot.active span {
  background: #ff8b45 !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: #ff8b45;
}

.loader {
  border-top: 4px solid #ff8b45 !important;
}

.timeline-icon {
  border: 1px solid #ff8b45;
  background-color: #ff8b45;
}

.portfolio .portfolio-item-content::before {
  background-color: rgba(255, 100, 94, 0.9);
}

.menu-toggler span {
  background-color: #ff8b45;
}

.timeline-item:before {
  border: 2px solid #ff8b45;
}

.timeline-item:before {
  border: 1px solid #ff8b45;
}

.header nav .nav-pills a.active {
  color: #ff8b45 !important;
}

.header nav a:hover {
  color: #ff8b45 !important;
}

.testimonial .testimonial-item::before {
  color: #ff8b45;
}

/*-------------------------
      Flat Demo
-------------------------*/
.base .button-border, .mandarine-dark.base .button-border {
  background-color: #ff8b45;
}

.base .pill-button:hover, .base .pill-button.active {
  background-color: #f05852;
}

.mandarine-dark .mnd-social li a:hover {
  color: #f05852 !important;
}

.mandarine-dark .header nav a:hover {
  color: #f05852 !important;
}