/*!
  * Item: Kitzu
  * Description: Personal Portfolio Template
  * Author/Developer: Exill
  * Author/Developer URL: https://themeforest.net/user/exill
  * Version: v2.0.1
  * License: Themeforest Standard Licenses: https://themeforest.net/licenses
  */

/*----------- ADD YOUR CUSTOM CSS STYLES BELOW -----------*/

.navbar .navbar-nav .nav-link {
  color: #e6e6e6;
  font-size: 15px;
  padding: 0;
  letter-spacing: 1px;
}

.navbar .navbar-nav .nav-link:hover {
  color: aqua;
  font-weight: bolder;
  letter-spacing: 1.2px;
}

/* homepage 中间的可变文字 */
.is-visible {
  color: aqua;
}


.home-area .fixed-wrapper .social-icons i.icon {
  font-size: 23px;
  color: #f3f3f3;
}

.home-area .fixed-wrapper .social-icons i.icon:hover {
  color: aqua;
}



/* About me page */
.info-section .info-content .content-subtitle{
  color: aqua;
}

.lightbox-wrapper .lightbox-content .section-heading.page-heading>.animated-bar{
  background-color: aqua;
}

.info-section .info-content .content-info .single-info a{
  color: aqua;
}

.info-section .info-content .btn {
  background-color: aqua !important;
  font-weight: 600;
  color: #000000 !important;
  /* border: 1px solid aqua; */
}
.info-section .info-content .btn:hover {
  background-color: #fff !important;
  color: rgb(0, 0, 0) !important;
  border: 1px solid #e6e6e6 !important;
}


.services-section .single-service .service-icon {
  color: aqua;
}


.info-section .info-content .content-follow li a{
  font-size: 23px;
  color: #f3f3f3 !important;
}

.info-section .info-content .content-follow li a:hover{
  color: aqua !important;
}


.testimonials-section .single-review .review-icon{
  color: aqua;
}



/* Portfolio page */
.portfolio-section{
  display: flex;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
}

.portfolio-section .filter-control>li:hover, .portfolio-section .filter-control>li.tab-active{
  color: aqua;
}

.portfolio-section .filter-control>li:hover:before, .portfolio-section .filter-control>li.tab-active:before{
  background-color: aqua;
}

.portfolio-section .portfolio-grid .portfolio-wrapper .item-content .content-more {
  color: aqua;
}
a:not(.btn){
  color: aqua;
}

:root {
  --custom: aqua;
}


/* Resume page */
.resume-section .resume-item .item-arrow:before {
  background-color: aqua;
}

.resume-section .resume-item .item-arrow:after{
  border-left-color: aqua;
}

.resume-section .resume-item{
  border-left: 2px solid aqua;
}

.skills-section .single-skill .skill-progress .progress-bar{
  background-color: aqua;
}


.btn.button-scheme{
  background-color: aqua !important;
  color: #000000 !important;
  font-weight: 600;
  border: 1px solid aqua;
}

.btn.button-scheme:hover{
  background-color: #fff !important;
  color: rgb(0, 0, 0) !important;
  border: 1px solid #e6e6e6 !important;
}


/* Contact page */
.contact-section .contact-info .list-info .info-icon i{
  color: aqua;
}


.lightbox-wrapper .lightbox-content .section-heading>.section-title {
  display: inline-block;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: -0.25px;
  line-height: 100%;
  margin-bottom: 0;
  position: relative;
  z-index: 9;
}