/*============================
		COLOR Blue
==============================*/
::selection {
  background: #dd3747;
}

a,
a:focus {
  color: #dd3747;
}

a:hover,
a:active {
  color: #e34234;
}

.primary-menu ul.navbar-nav > li:hover > a:not(.btn),
.primary-menu ul.navbar-nav > li > a.active:not(.btn) {
  color: #dd3747;
}
.primary-menu
  ul.navbar-nav
  > li.dropdown
  .dropdown-menu
  li:hover
  > a:not(.btn) {
  color: #dd3747;
}
.primary-menu.navbar-line-under-text ul.navbar-nav > li > a:not(.btn):after {
  border-color: #dd3747;
}

/*=== Side Navigation ===*/
.idocs-navigation .nav .nav .nav-item .nav-link.active:after,
.idocs-navigation.docs-navigation-dark
  .nav
  .nav
  .nav-item
  .nav-link.active:after {
  border-color: #dd3747;
}

/* Accordion & Toggle */
.accordion .card-header a:hover.collapsed {
  color: #dd3747 !important;
}
.accordion:not(.accordion-alternate) .card-header a {
  background-color: #dd3747;
  color: #fff;
}

/* Nav */
.nav:not(.nav-pills) .nav-item .nav-link.active,
.nav:not(.nav-pills) .nav-item .nav-link:hover {
  color: #dd3747;
}

.nav-tabs .nav-item .nav-link.active {
  color: #0c2f55;
}
.nav-tabs .nav-item .nav-link.active:after {
  background-color: #dd3747;
}
.nav-tabs .nav-item .nav-link:not(.active):hover {
  color: #dd3747;
}
.nav-tabs.flex-column .nav-item .nav-link.active {
  color: #dd3747;
}

.nav-pills .nav-link:not(.active):hover {
  color: #dd3747;
}

#footer .nav .nav-item .nav-link:focus {
  color: #dd3747;
}
#footer .nav .nav-link:hover {
  color: #dd3747;
}
#footer .footer-copyright .nav .nav-link:hover {
  color: #dd3747;
}

/* Back to Top */
#back-to-top:hover {
  background-color: #dd3747;
}

/* Extras */
.bg-primary,
.badge-primary {
  background-color: #dd3747 !important;
}

.text-primary,
.btn-light,
.btn-outline-light:hover,
.btn-link,
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active {
  color: #dd3747 !important;
}

.btn-link:hover {
  color: #e34234 !important;
}

.text-muted {
  color: #8e9a9d !important;
}

.text-light {
  color: #dee3e4 !important;
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #e34234 !important;
}

.border-primary {
  border-color: #dd3747 !important;
}

.btn-primary {
  background-color: #dd3747;
  border-color: #dd3747;
}
.btn-primary:hover {
  background-color: #e34234;
  border-color: #e34234;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #e34234;
  border-color: #e34234;
}

.btn-primary.focus,
.btn-primary:focus {
  background-color: #e34234;
  border-color: #e34234;
}

.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #dd3747;
  border-color: #dd3747;
}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active:hover {
  background-color: #dd3747;
  border-color: #dd3747;
  color: #fff;
}

.progress-bar,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.dropdown-item.active,
.dropdown-item:active {
  background-color: #dd3747;
}

.page-item.active .page-link,
.custom-radio .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before,
.custom-control-input:checked ~ .custom-control-label:before {
  background-color: #dd3747;
  border-color: #dd3747;
}

.list-group-item.active {
  background-color: #dd3747;
  border-color: #dd3747;
}

.page-link {
  color: #dd3747;
}
.page-link:hover {
  color: #e34234;
}

hr.divider_small {
  margin: 2.5rem 0;
}

div.col-md-4 {
  display: flex;
  margin: 2rem 0;
}
div.col-md-4 .figure {
  margin: auto;
}
