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

/*=========================================
=            Table of Contents            =
=========================================*/
/**
 * Global Styles
 * Bootstrap Reset
 * Navbar Area
 * Services Area
 * Portfolio Area
 * Testimonials Area
 * Blog Area
 * Contact Area
 */
/*=====  End of Table of Contents  ======*/
/*=======================================
=            Bootstrap Reset            =
=======================================*/
.table-custom,
.table-custom > th,
.table-custom > td {
  background-color: #bdddff;
}

.table-hover .table-custom:hover {
  background-color: #a3cfff;
}

.table-hover .table-custom:hover > td,
.table-hover .table-custom:hover > th {
  background-color: #a3cfff;
}

.btn-custom {
  color: #007bff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-custom:hover {
  color: #007bff;
  background-color: #006adb;
  border-color: #0062cc;
}

.btn-custom:focus, .btn-custom.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-custom.disabled, .btn-custom:disabled {
  color: #007bff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-custom:not(:disabled):not(.disabled):active, .btn-custom:not(:disabled):not(.disabled).active,
.show > .btn-custom.dropdown-toggle {
  color: #007bff;
  background-color: #0062cc;
  border-color: #005dc2;
}

.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 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-custom {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}

.btn-outline-custom:hover {
  color: #007bff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-custom:focus, .btn-outline-custom.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-custom.disabled, .btn-outline-custom:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-custom:not(:disabled):not(.disabled):active, .btn-outline-custom:not(:disabled):not(.disabled).active,
.show > .btn-outline-custom.dropdown-toggle {
  color: #007bff;
  background-color: #007bff;
  border-color: #007bff;
}

.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 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-custom {
  color: #007bff;
  background-color: #007bff;
}

.badge-custom[href]:hover, .badge-custom[href]:focus {
  color: #007bff;
  text-decoration: none;
  background-color: #0062cc;
}

.alert-custom {
  color: #00428a;
  background-color: #d1e7ff;
  border-color: #bdddff;
}

.alert-custom hr {
  border-top-color: #a3cfff;
}

.alert-custom .alert-link {
  color: #002a57;
}

.list-group-item-custom {
  color: #00428a;
  background-color: #bdddff;
}

.list-group-item-custom.list-group-item-action:hover, .list-group-item-custom.list-group-item-action:focus {
  color: #00428a;
  background-color: #a3cfff;
}

.list-group-item-custom.list-group-item-action.active {
  color: #007bff;
  background-color: #00428a;
  border-color: #00428a;
}

.bg-custom {
  background-color: #007bff !important;
}

a.bg-custom:hover, a.bg-custom:focus,
button.bg-custom:hover,
button.bg-custom:focus {
  background-color: #0062cc !important;
}

.border-custom {
  border-color: #007bff !important;
}

.text-custom {
  color: #007bff !important;
}

a.text-custom:hover, a.text-custom:focus {
  color: #0062cc !important;
}

/*===============================
=            Globals            =
===============================*/
::-moz-selection {
  color: #fff;
  background-color: #007bff;
}
::selection {
  color: #fff;
  background-color: #007bff;
}

a {
  color: #007bff;
}

a:hover {
  color: #0056b3;
}

.btn.button-scheme {
  background-color: #007bff !important;
  border: 1px solid #007bff !important;
}

.btn.button-scheme:focus {
  box-shadow: none !important;
  border-color: #0056b3 !important;
  background-color: #0056b3 !important;
}

.btn.button-outline {
  background-color: transparent !important;
  border: 1px solid #007bff !important;
  color: #222 !important;
}

.btn.button-outline:focus {
  box-shadow: none !important;
  border-color: #0056b3 !important;
  background-color: rgba(34, 34, 34, 0.05) !important;
}

/*===================================
=            Navbar Area            =
===================================*/
.navbar.scrolled.navbar-dark .navbar-nav .show > .nav-link, .navbar.scrolled.navbar-dark .navbar-nav .active > .nav-link, .navbar.scrolled.navbar-dark .navbar-nav .nav-link.show, .navbar.scrolled.navbar-dark .navbar-nav .nav-link.active {
  color: #007bff;
}

.navbar.scrolled .hamburger-inner, .navbar.scrolled .hamburger-inner::before, .navbar.scrolled .hamburger-inner::after {
  background-color: #007bff;
}

/*=====================================
=            Services Area            =
=====================================*/
.services-area .single-service .icon {
  color: #007bff;
}

/*======================================
=            Portfolio Area            =
======================================*/
.portfolio-area .filter-control li:hover, .portfolio-area .filter-control li.tab-active {
  color: #4da3ff;
}

.portfolio-area .filter-control li:hover:before, .portfolio-area .filter-control li.tab-active:before {
  background-color: #4da3ff;
}

/*=========================================
=            Testimonials Area            =
=========================================*/
.testimonials-area .single-review .quote-icon {
  color: #007bff;
}

/*=================================
=            Blog Area            =
=================================*/
.blog-area .card .card-body .post-summary .author-name {
  color: #007bff;
}

.blog-area .card .card-body .post-summary .author-name:hover, .blog-area .card .card-body .post-summary .author-name:focus {
  color: #0056b3;
}

/*====================================
=            Contact Area            =
====================================*/
.contact-area .contact-form .form-group .form-control:focus {
  border-bottom: 1px solid #80bdff;
}

.contact-area .contact-info .media .info-icon .icon {
  color: #007bff;
}