/*!
 * Item: Plex
 * Description: Responsive One Page Template
 * Author/Developer: Exill
 * Author/Developer URL: https://themeforest.net/user/exill
 * Version: v1.0.1
 * License: Themeforest Standard Licenses: http://themeforest.net/licenses
 */

/*=========================================
=            Table of Contents            =
=========================================*/
/**
 * Bootstrap Template
 * Global Styles
 * Navbar
 * Home
 * About
 * Services
 * Portfolio
 * Testimonials
 * Pricing
 * Blog
 * Contact
 */
/*==========================================
=            Bootstrap Template            =
==========================================*/
:root {
  --custom: #dc3545;
}

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

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

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

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

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

.btn-custom:focus,
.btn-custom.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-custom.disabled,
.btn-custom:disabled {
  background-color: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.btn-custom:not(:disabled):not(.disabled):active,
.btn-custom:not(:disabled):not(.disabled).active,
.show>.btn-custom.dropdown-toggle {
  background-color: #bd2130;
  border-color: #b21f2d;
  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(220, 53, 69, 0.5);
}

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

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

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

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

.btn-outline-custom:not(:disabled):not(.disabled):active,
.btn-outline-custom:not(:disabled):not(.disabled).active,
.show>.btn-outline-custom.dropdown-toggle {
  background-color: #dc3545;
  border-color: #dc3545;
  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(220, 53, 69, 0.5);
}

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

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

.alert-custom {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}

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

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

.list-group-item-custom {
  background-color: #f5c6cb;
  color: #721c24;
}

.list-group-item-custom.list-group-item-action:hover,
.list-group-item-custom.list-group-item-action:focus {
  background-color: #f1b0b7;
  color: #721c24;
}

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

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

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

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

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

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

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

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

a {
  color: #dc3545;
}

a:hover {
  color: #a71d2a;
}

.color-scheme {
  color: #dc3545;
}

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

.single-section .section-heading .section-title:after {
  background-color: #dc3545;
}

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

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

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

.btn.button-outline:focus {
  background-color: rgba(34, 34, 34, 0.05) !important;
  border-color: #a71d2a !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: #dc3545;
}

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

/*=============================
=            About            =
=============================*/
.about-area .about-services .icon {
  color: #dc3545;
}

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

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

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

.portfolio-area .shufflejs .js-item .item-overlay .overlay-content .overlay-more {
  color: #dc3545;
}

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

/*===============================
=            Pricing            =
===============================*/
.pricing-area .single-plan .icon {
  color: #dc3545;
}

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

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

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

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