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

  :root {
    --custom: #793dfc
  }
  
  .table-custom,
  .table-custom>td,
  .table-custom>th {
    background-color: #d19ef7
  }
  
  .table-hover .table-custom:hover {
    background-color: #d19ef7
  }
  
  .table-hover .table-custom:hover>td,
  .table-hover .table-custom:hover>th {
    background-color: #d19ef7
  }
  
  .btn-custom {
    background-color: #793dfc;
    border-color: #793dfc;
    color: #fff
  }
  
  .btn-custom:hover {
    background-color: #7c01ff;
    border-color: #7c01ff;
    color: #fff
  }
  
  .btn-custom.focus,
  .btn-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 173, 125, .5)
  }
  
  .btn-custom.disabled,
  .btn-custom:disabled {
    background-color: #793dfc;
    border-color: #793dfc;
    color: #fff
  }
  
  .btn-custom:not(:disabled):not(.disabled).active,
  .btn-custom:not(:disabled):not(.disabled):active,
  .show>.btn-custom.dropdown-toggle {
    background-color: #7c01ff;
    border-color: #793dfc;
    color: #fff
  }
  
  .btn-custom:not(:disabled):not(.disabled).active:focus,
  .btn-custom:not(:disabled):not(.disabled):active:focus,
  .show>.btn-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(38, 173, 125, .5)
  }
  
  .btn-outline-custom {
    border-color: #793dfc;
    color: #793dfc
  }
  
  .btn-outline-custom:hover {
    background-color: #793dfc;
    border-color: #793dfc;
    color: #fff
  }
  
  .btn-outline-custom.focus,
  .btn-outline-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 158, 102, .5)
  }
  
  .btn-outline-custom.disabled,
  .btn-outline-custom:disabled {
    background-color: transparent;
    color: #793dfc
  }
  
  .btn-outline-custom:not(:disabled):not(.disabled).active,
  .btn-outline-custom:not(:disabled):not(.disabled):active,
  .show>.btn-outline-custom.dropdown-toggle {
    background-color: #793dfc;
    border-color: #793dfc;
    color: #fff
  }
  
  .btn-outline-custom:not(:disabled):not(.disabled).active:focus,
  .btn-outline-custom:not(:disabled):not(.disabled):active:focus,
  .show>.btn-outline-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 158, 102, .5)
  }
  
  .badge-custom {
    background-color: #793dfc;
    color: #fff
  }
  
  a.badge-custom:focus,
  a.badge-custom:hover {
    background-color: #7c01ff;
    color: #fff
  }
  
  a.badge-custom.focus,
  a.badge-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(0, 158, 102, .5);
    outline: 0
  }
  
  .alert-custom {
    background-color: #ccece0;
    border-color: #d19ef7;
    color: #793dfc
  }
  
  .alert-custom hr {
    border-top-color: #d19ef7
  }
  
  .alert-custom .alert-link {
    color: #001f14
  }
  
  .list-group-item-custom {
    background-color: #d19ef7;
    color: #793dfc
  }
  
  .list-group-item-custom.list-group-item-action:focus,
  .list-group-item-custom.list-group-item-action:hover {
    background-color: #d19ef7;
    color: #793dfc
  }
  
  .list-group-item-custom.list-group-item-action.active {
    background-color: #793dfc;
    border-color: #793dfc;
    color: #fff
  }
  
  .bg-custom {
    background-color: #793dfc!important
  }
  
  a.bg-custom:focus,
  a.bg-custom:hover,
  button.bg-custom:focus,
  button.bg-custom:hover {
    background-color: #7c01ff!important
  }
  
  .border-custom {
    border-color: #793dfc!important
  }
  
  .text-custom {
    color: #793dfc!important
  }
  
  a.text-custom:focus,
  a.text-custom:hover {
    color: #793dfc!important
  }
  
  ::-moz-selection {
    background-color: #793dfc;
    color: #fff
  }
  
  ::selection {
    background-color: #793dfc;
    color: #fff
  }
  
  a:not(.btn) {
    color: #793dfc
  }
  
  a:not(.btn):focus,
  a:not(.btn):hover {
    color: #793dfc
  }
  
  .color-scheme {
    color: #793dfc
  }
  
  .background-scheme {
    background-color: #793dfc
  }
  
  .btn.button-scheme {
    background-color: #7c01ff!important;
    border: 1px solid #7c01ff!important
  }
  
  .btn.button-scheme:focus {
    background-color: #793dfc!important;
    border-color: #793dfc!important;
    box-shadow: none!important
  }
  
  .btn.button-outline {
    background-color: transparent!important;
    border: 1px solid #793dfc!important;
    color: #222!important
  }
  
  .btn.button-outline:focus {
    background-color: rgba(34, 34, 34, .05)!important;
    border-color: #793dfc!important;
    box-shadow: none!important
  }
  
  .lightbox-wrapper .lightbox-content .section-heading.page-heading>.animated-bar {
    background-color: #7c01ff
  }
  
  #about .info-section .info-content .content-subtitle {
    color: #793dfc
  }
  
  #about .info-section .info-content .content-follow li a:focus,
  #about .info-section .info-content .content-follow li a:hover {
    color: #793dfc
  }
  
  #about .services-section .single-service:hover {
    border-bottom-color: #7c01ff
  }
  
  #about .services-section .single-service .service-icon {
    color: #793dfc
  }
  
  #about .testimonials-section .single-review .review-icon {
    color: #793dfc
  }
  
  #about .pricing-section .single-plan .plan-icon {
    color: #793dfc
  }
  
  #resume .resume-section .resume-item {
    border-left-color: #793dfc
  }
  
  #resume .resume-section .resume-item .item-arrow:before {
    background-color: #793dfc
  }
  
  #resume .resume-section .resume-item .item-arrow:after {
    border-left-color: #793dfc
  }
  
  #resume .skills-section .single-skill .skill-progress .progress-bar {
    background-color: #793dfc
  }
  
  #portfolio .portfolio-section .filter-control>li.tab-active,
  #portfolio .portfolio-section .filter-control>li:hover {
    color: #d19ef7
  }
  
  #portfolio .portfolio-section .filter-control>li.tab-active:before,
  #portfolio .portfolio-section .filter-control>li:hover:before {
    background-color: #d19ef7
  }
  
  #portfolio .portfolio-section .portfolio-grid .portfolio-wrapper .item-content .content-more {
    color: #793dfc
  }
  
  #blog .blog-section .single-post .post-img .content-date {
    background-color: #793dfc
  }
  
  #contact .contact-section .contact-form .form-group .form-control:focus {
    border-bottom: 1px solid #d19ef7
  }
  
  #contact .contact-section .contact-info .list-info .info-icon i {
    color: #793dfc
  }