/*********````********************************************************************
  ____                                  _____ _
 / ___|___  ___ _ __ ___   ___  ___    |_   _| |__   ___ _ __ ___   ___  ___
| |   / _ \/ __| '_ ` _ \ / _ \/ __|_____| | | '_ \ / _ \ '_ ` _ \ / _ \/ __|
| |__| (_) \__ \ | | | | | (_) \__ \_____| | | | | |  __/ | | | | |  __/\__ \
 \____\___/|___/_| |_| |_|\___/|___/     |_| |_| |_|\___|_| |_| |_|\___||___/

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


/************ Cyan Color CSS  **************************************

    Template Name: Clarks - Vcard Template
    Author: cosmos-themes
    Envato Profile: https://themeforest.net/user/cosmos-themes
    version: 1.0
    Copyright: 2019
    Modified: Cyan theme variant

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

header .social-links .social-link:hover {
    color: #17a2b8;
}

header .logo:before {
    background-color: #17a2b8;
}

header .menu-button:before {
    background-color: #17a2b8;
}

.main-btn {
    color: #17a2b8;
    border-color: #17a2b8;
}

.main-btn:hover {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

blockquote {
    border-color: #17a2b8;
}

.sub-heading h3:before {
    background: #17a2b8;
}

.skills-main-header .sub-heading h3:before,
.skill-subsection .sub-heading h3:before {
    background: #39FF14;
}

.education-main-header .sub-heading h3:before {
    background: #F5AE51;
}

.online-main-header .sub-heading h3:before {
    background: #9B30FF;
}

.preloader .loading-text span:before {
    color: #17a2b8;
}

.section-about .about-info p strong {
    color: #17a2b8;
}

.section-about .about-info .about-list li .title:before {
    background-color: #17a2b8;
}

.section-about .services .service-item i {
    color: #17a2b8;
}

.section-about .testimonials .testimonial-item .description:before {
    color: #17a2b8;
}

.section-about .testimonials .testimonial-item .rating li {
    color: #17a2b8;
}

.section-blog .blog-item .post-content .cat {
    color: #17a2b8;
}

.section-contact .contact-detail .contact-info li .title:before {
    background-color: #17a2b8;
}

.section-contact .contact-detail .social-media h4:before {
    background-color: #17a2b8;
}

.page.section-home .banner-text .animate-title {
    color: #17a2b8;
}

.section-portfolio .portfolio-filter ul li.active {
    background-color: #17a2b8;
}

.section-portfolio .portfolio-items .item figure {
    background: #17a2b8;
}

.section-resume .experience {
    border-color: #17a2b8;
}

.section-resume .education {
    border-color: #F5AE51;
}

.section-resume .skills {
    border-color: #39FF14;
}

.section-resume .online {
    border-color: #9B30FF;
}

.section-resume .experience h5 {
    color: #17a2b8;
}

.section-resume .education h5 {
    color: #F5AE51;
}

.section-resume .skills h5 {
    color: #39FF14;
}

.section-resume .online h5 {
    color: #9B30FF;
}

.section-resume .experience .event:after {
    -webkit-box-shadow: 0 0 0 4px #17a2b8;
    box-shadow: 0 0 0 4px #17a2b8;
}

.section-resume .education .event:after {
    -webkit-box-shadow: 0 0 0 4px #F5AE51;
    box-shadow: 0 0 0 4px #F5AE51;
}

.section-resume .skills .event:after {
    -webkit-box-shadow: 0 0 0 4px #39FF14;
    box-shadow: 0 0 0 4px #39FF14;
}

.section-resume .online .event:after {
    -webkit-box-shadow: 0 0 0 4px #9B30FF;
    box-shadow: 0 0 0 4px #9B30FF;
}

.section-resume .skills .skill-item .progress .progress-bar:after {
    border-color: #17a2b8;
}

.section-resume .skills .skill-item .progress .progress-bar {
    background-color: #17a2b8;
}

header .back-button:before {
    background-color: #17a2b8;
}

.single-blog .blog-category li {
    border-color: #17a2b8;
}

.single-blog .blog-category li a {
    color: #17a2b8;
}