/* ----------------------------------------------------------------
	Colors

	Replace the HEX Code with your Desired Color HEX
-----------------------------------------------------------------*/
a,
a:hover,
.btn-outline-primary,
.btn-outline-primary.disabled, .btn-outline-primary:disabled,
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus,
.navbar-primary .navbar-nav .nav-link:hover, .navbar-primary .navbar-nav .nav-link:focus,
.btn-outline-gradient,
.btn-link,
.btn-link:hover,
.border-sub-light a.list-group-item:hover,
.list-group-item-action:hover, .list-group-item-action:focus,
.list-group-color-default i,
.sent-msg,
.breadcrumb .breadcrumb-item a:hover i,
.icon-primary i:before,
.navbar-top a:hover,
.navbar-dark .navbar-top a:hover,
.footer-dark .widget a:hover,
.portfolio-card .portfolio-card-body .info-title2 a:hover,
.post .post-info a:hover,
.post-item .post-item-desc .post-meta a:hover,
.post-item .post-item-desc h4 a:hover,
.post-item .item-link:hover,
.post-item .item-link:hover i,
.post-item .post-quote > blockquote:before,
.page-link:hover,
.sidebar .widget a:hover,
.tags a:hover,
.sidebar .widget .widget-post .details a:hover,
.post-navigation .post-next:hover:before,
.post-navigation .post-prev:hover:before,
.post-navigation .post-next:hover h6, .post-navigation .post-next:hover p,
.post-navigation .post-prev:hover h6, .post-navigation .post-prev:hover p,
.post-navigation .all-post:hover,
.post2 .post2-content a:hover, .post2 .post-content-right a:hover, .post2 .post2-content a:hover i, .post2 .post-content-right a:hover i,
.feature h4 span,
.team-area .team-name a:hover,
.team-area .team-position,
.skill.skill-text-in .skill-item p,
.content-left .content-left-area .content-left-icon i {
   color: #0060ae;	
}

.text-primary,
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active,
.dropdown-item.active,
.icon-gradient i::before, .text-gradient,
.primary-hover a:hover,
a.primary-hover:hover,
.primary-hover li:hover,
.nav-tabs.tab-line .nav-link.active {
   color: #0060ae!important;
}

::selection {
   background: #0060ae;
}

::-moz-selection {
   background: #0060ae;
}

.bg-primary::selection, .bg-gradient::selection {
  color: #0060ae;
}

.bg-primary, .bg-gradient::-moz-selection {
  color: #0060ae;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .counter-gradient-text .counter-area-icon, .counter-gradient-text .counter-area-digit {
    color: #0060ae !important;
  }
}

.btn-primary,
.btn-primary.disabled, .btn-primary:disabled,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.btn-outline-gradient:before,
.page-item.active .page-link,
.owl-carousel.dots-primary .owl-dots .owl-dot span:after,
.owl-carousel .owl-nav [class*="owl-"]:hover,
.skill-item .progress-bar {
   background-color: #0060ae;
}

.nav-tabs .nav-link.active,
.nav-tabs.tab-border .nav-link.active,
.accordion-primary .accordion-title,
.accordion.toggle-icon-round .accordion-title a:after {
   background: #0060ae;
}

.bg-primary {
   background-color: #0060ae!important;
}

#preloader {
  background-image: linear-gradient(45deg, #0060ae, #0060ae);
}

.form-control:focus,
.btn-primary,
.btn-primary.disabled, .btn-primary:disabled,
.btn-outline-primary,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.feature-area.f-style-3:hover,
.owl-carousel .owl-nav [class*="owl-"]:hover {
   border-color: #0060ae;
}

.border-primary,
.portfolio-cont-filter li a:hover, .portfolio-cont-filter li a.active {
   border-color: #0060ae!important;	
}

.nav-tabs.tab-line .nav-link.active,
.btn-link:after {
   border-bottom: 2px solid #0060ae;
}

.tags a:hover {
  border: 1px solid #0060ae;
}

.testi-area.testi-area-border .testi-area-wrap:hover .testi-text p {
  border: 2px solid #0060ae;
}

.testi-area.testi-area-border .testi-area-wrap:hover .testi-text p:before {
   border-color: #0060ae transparent transparent transparent;
}

.border-dashed-left {
  border-left: dashed 1px #0060ae;
}

.owl-carousel.dots-primary .owl-dots .owl-dot span {
  box-shadow: inset 0 0 0 2px #0060ae;
}

.navbar-nav .dropdown-menu:before,
.nav-tabs.tab-gradient .nav-link.active,
.bg-gradient,
.bg-gradient-overlay:after,
.navbar-primary.navbar-sticky-gdn,
.portfolio-cont-filter  li a:hover, .portfolio-cont-filter  li a.active,
.area-box-portfolio .box-h-work:before,
.area-box-portfolio:hover .box-h-work:before,
.portfolio-card .portfolio-card-header:before,
.portfolio-card:hover .portfolio-card-header:before,
.blockquote.gradient-line:after,
.accordion-gradient .accordion-title a,
.feature-area.f-style-1:before,
.pricing .promo span,
.pricing .price-foo a:hover,
.divider-gradient:before,
.team.team-overlay .team-area .team-img:before,
.team.team-overlay .team-area:hover .team-img:before,
.team-member-2 .team-member-details,
.skill.skill-gradient .progress-bar {
   background: -moz-linear-gradient(150deg, #76787a 0%, #112f8e 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #76787a), color-stop(100%, #112f8e));
    background: -webkit-linear-gradient(150deg, #76787a 0%, #112f8e 100%);
    background: -o-linear-gradient(150deg, #76787a 0%, #112f8e 100%);
    background: -ms-linear-gradient(150deg, #38b8e9 0%, #2a579b 100%);
    background: linear-gradient(150deg, #38b8e9 0%, #2a579b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',gradientType=1 );
}

.divider-gradient:after {
  background: -moz-linear-gradient(150deg, #112f8e 0%, #76787a 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #112f8e), color-stop(100%, #76787a));
  background: -webkit-linear-gradient(150deg, #112f8e 0%, #76787a 100%);
  background: -o-linear-gradient(150deg, #112f8e 0%, #76787a 100%);
  background: -ms-linear-gradient(150deg, #112f8e 0%, #76787a 100%);
  background: linear-gradient(150deg, #112f8e 0%, #76787a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',gradientType=1 );
}

.text-gradient,
.icon-gradient i:before,
.counter-gradient-text .counter-area-icon, .counter-gradient-text .counter-area-digit {
  background: -moz-linear-gradient(150deg, #76787a 0%, #112f8e 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #76787a), color-stop(100%, #112f8e));
  background: -webkit-linear-gradient(150deg, #76787a 0%, #112f8e 100%);
  background: -o-linear-gradient(150deg, #76787a 0%, #112f8e 100%);
  background: -ms-linear-gradient(150deg, #76787a 0%, #112f8e 100%);
  background: linear-gradient(150deg, #76787a 0%, #112f8e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-one', endColorstr='$color-two',gradientType=1 );
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -o-text-fill-color: transparent;
  text-fill-color: transparent;
}