/*==========================================
=            Bootstrap Template            =
==========================================*/
:root {
  --custom: #007bff;
}

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

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

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

.btn-custom {
  background-color: #cc2026;
  border-color: #cc2026;
  color: #fff;
}

.btn-custom:hover {
  background-color: #cc2026;
  border-color: #cc2026;
  color: #fff;
}

.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 {
  background-color: #cc2026;
  border-color: #cc2026;
  color: #fff;
}

.btn-custom:not(:disabled):not(.disabled):active,
.btn-custom:not(:disabled):not(.disabled).active,
.show>.btn-custom.dropdown-toggle {
  background-color: #cc2026;
  border-color: #cc2026;
  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 0.2rem rgba(0, 123, 255, 0.5);
}

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

.btn-outline-custom:hover {
  background-color: #cc2026;
  border-color: #cc2026;
  color: #fff;
}

.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 {
  background-color: transparent;
  color: #007bff;
}

.btn-outline-custom:not(:disabled):not(.disabled):active,
.btn-outline-custom:not(:disabled):not(.disabled).active,
.show>.btn-outline-custom.dropdown-toggle {
  background-color: #cc2026;
  border-color: #cc2026;
  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 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-custom {
  background-color: #cc2026;
  color: #fff;
}

.badge-custom[href]:hover,
.badge-custom[href]:focus {
  background-color: #cc2026;
  color: #fff;
  text-decoration: none;
}

.alert-custom {
  background-color: #cce5ff;
  border-color: #b8daff;
  color: #cc2026;
}

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

.alert-custom .alert-link {
  color: #cc2026;
}

.list-group-item-custom {
  background-color: #b8daff;
  color: #cc2026;
}

.list-group-item-custom.list-group-item-action:hover,
.list-group-item-custom.list-group-item-action:focus {
  background-color: #9fcdff;
  color: #cc2026;
}

.list-group-item-custom.list-group-item-action.active {
  background-color: #cc2026;
  border-color: #cc2026;
  color: #fff;
}

.bg-custom {
  background-color: #cc2026 !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: #cc2026 !important;
}

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

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

/*=====================================
=            Global Styles            =
=====================================*/
::-moz-selection {
  background-color: #cc2026;
  color: #fff;
}

::selection {
  background-color: #cc2026;
  color: #fff;
}

a {
  color: #cc2026;
}

a:hover {
  color: #cc2026;
}

.color-scheme {
  color: #cc2026;
}

.background-scheme {
  background-color: #cc2026;
}

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

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

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

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

/*==============================
=            Navbar            =
==============================*/
.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: #cc2026;
}

/*============================
=            Home            =
============================*/
.home-area .cd-headline.clip b.is-visible:after {
  background-color: #cc2026;
}
/*=================================
=            Portfolio            =
=================================*/

.portfolio-area .filter-control>li:hover,
.portfolio-area .filter-control>li.tab-active {
  color: #cc2026;
}

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

.portfolio-area .portfolio-grid .portfolio-wrapper .item-content .content-more {
  color: #cc2026;
}

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