/*------------------------------------*\
    Typography
\*------------------------------------*/

/**
* Text color
*/

.text-color {
  color: #6772e5 !important;
}


/**
* Text highlight
*/

.text-highlight {
  background-color: #6772e5;
}


/**
* Text underline
*/

.text-underline {
  border-bottom: 4px solid #6772e5;
}

/**
* Background color
*/

.background-color {
  background-color: #6772e5 !important;
}





/*------------------------------------*\
    Preloader
\*------------------------------------*/

#jpreBar {
  background-color: #6772e5;
}





/*------------------------------------*\
    Header
\*------------------------------------*/

.header .logo {
  background-color: #21D4FD; 
  background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}

.header .logo span:before {
  background-color: #21D4FD; 
  background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}





/*------------------------------------*\
    Navigation
\*------------------------------------*/

@media (max-width: 991px) {
  .navbar .nav > li.active > a {
    color: #6772e5;
  }
}

@media (min-width: 992px) {
  .navbar .nav > li > a:before {
    background-color: #6772e5;
  }
}


/**
* Nav trigger - close
*/

.nav-trigger.nav-trigger-close {
  background-color: #21D4FD; 
  background-image: linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
}





/*------------------------------------*\
    Section
\*------------------------------------*/

.section .section-title h2.has-sideline:before,
.section .section-title h3.has-sideline:before,
.section .section-title h4.has-sideline:before,
.section .section-title h5.has-sideline:before,
.section .section-title h6.has-sideline:before,
.section .section-title span.has-sideline:before {
  background-color: #6772e5;
}





/*------------------------------------*\
    Section - Profile
\*------------------------------------*/

/**
* Profile image
*/

.profile-image .image-wraper:before {
  border-top: 2px solid #6772e5;
  border-left: 2px solid #6772e5;
}

.profile-image .image-wraper:after {
  border-right: 2px solid #6772e5;
  border-bottom: 2px solid #6772e5;
}


/**
* Profile detail
*/

.profile-detail .line:before,
.profile-detail .line:after {
  background-color: #6772e5;
}





/*------------------------------------*\
    Section - Projects
\*------------------------------------*/

.projects > .inner-content:before {
  background-color: #6772e5;
}





/*------------------------------------*\
    Section - Work Process
\*------------------------------------*/

@media (min-width: 768px) {
  .work-process .item:before {
    background-color: #6772e5;
  }
}

@media (min-width: 768px) {
  .work-process .item:last-child:after {
    background-color: #6772e5;
  }
}





/*------------------------------------*\
    Section - Contact
\*------------------------------------*/

.contact > .col h3:before {
  background-color: #6772e5;
}