/*-----------------------------------------------------------
* 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(26, 179, 148, 0.3);
}

::-moz-selection {
	background: rgba(26, 179, 148, 0.3);
}

.base-color {
	color: #cfc5c5;
}

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

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

.follow-label:before,
.timeline-area:before,
.testimonial .testimonial-border,
.blog-content:before,
.blog .owl-dot.active span {
	background: #4590c2;
}

.testimonial .owl-dot.active span {
	background: #0db2f3 !important;
}

.skill-box .fill-skillbar {
	background: #4590c2 !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,
.portfolio .portfolio-icon a,
.portfolio .portfolio-icon a:first-child,
.blog-content button:hover,
.comments .comment-info a:hover,
.social a:hover {
	color: #cfc5c5;
}

.contact .form-item .form-control,
.comments .comment-info a {
	color: rgb(255, 255, 255);
}
.loader {
	border-top: 4px solid #1ab394 !important;
}

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

.portfolio .portfolio-item-content::before {
	background-color: rgba(189, 207, 209, 0.9);
}

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

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

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

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

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

.testimonial .testimonial-item::before {
	color: #1ab394;
}

/*-------------------------
      Flat Demo
-------------------------*/
.flat-demo .button-border,
.arshia-dark.flat-demo .button-border {
	background-color: #1ab394;
}

.flat-demo .pill-button:hover,
.flat-demo .pill-button.active {
	background-color: #0c9b7e;
}

.arshia-dark .hero-social li a:hover {
	color: #cfc5c5 !important;
}

.arshia-dark .header nav a:hover {
	color: #0c9b7e !important;
}