/*
Version: 2.1
File Description: Vivid Red Skin
*/
/* 1- Typography
-------------------------------------------------
-------------------------------------------------*/
a {
  color: #555555;

}

a:hover {
  color: #71864D;
  text-decoration: none;
}

a:focus,
a:active {
  color: #71864D;
}

mark,
.mark {
  background-color: #71864D;
  color: #ffffff;
}

.text-default {
  color: #71864D;
}

/* Tables
---------------------------------- */
.table.table-colored {
  border-bottom-color: #71864D;
}

.table-colored > thead > tr > th {
  border-color: #71864D;
  background-color: #71864D;
  color: #ffffff;
}

/* 2- Layout
-------------------------------------------------
-------------------------------------------------*/
.header-top.colored {
  background-color: #71864D;
  border-bottom: 1px solid #71864D;
}

.default-bg {
  background-color: #71864D;
  color: #ffffff;
}

.default-bg-50 {
  background-color: rgba(200, 39, 39, 0.5);
  color: #ffffff;
}


.default-hovered:hover:after,
.default-hovered:hover {
  background-color: #71864D;
}


/* Pager
---------------------------------- */
ul.pagination .page-item .page-link:hover,
ul.pagination .page-item .page-link:focus {
  background-color: #bc8775;
  border-color: #bc8775;
}

ul.pagination .page-item.active .page-link,
.page-item.active .page-link:hover,
.page-item.active .page-link:focus {
  background-color: #71864D;
  border-color: #71864D;
}

/* Breadcrumb
---------------------------------- */
.banner .breadcrumb .breadcrumb-item a:hover {
  color: #bc8775;
}

.banner .dark.breadcrumb-container {
  background-color: rgba(60, 51, 51, 0.6);
}



/* Collapse
---------------------------------- */
.collapse-style-2 .card-header a {
  background-color: #71864D;
}


/* Forms
---------------------------------- */
.default-bg .form-control {
  border-color: #bc8775;
}

.default-bg .input-group-addon {
  border-color: #bc8775;
}

/*Icons
---------------------------------- */
.icon.default-bg {
  background-color: #71864D;
}

.icon.light-bg {
  color: #71864D;
}

/*Listing Items
---------------------------------- */
.listing-item .overlay-container .badge {
  border: 1px solid #71864D;
  color: #71864D;
}

/*Modals
---------------------------------- */
.modal-content .modal-header {
  background-color: #71864D;
}


/* 6 Navigations
-------------------------------------------------
-------------------------------------------------*/
/* 6.1 Light Version
----------------------------------------------------------------------------- */
.header .navbar-nav li .nav-link:focus,
.header .navbar-nav li .nav-link:hover,
.header .navbar-nav .show > .nav-link,
.header .navbar-nav li .nav-link.show,
.header .navbar-nav .active.show > .nav-link,
.header .navbar-nav li.show .nav-link.active {
  color: #71864D;
}

.header .navbar-nav .active > .nav-link,
.header .navbar-nav li .nav-link.active {
  color: #71864D;
}

.header .navbar-nav li li a:focus,
.header .navbar-nav li li a:hover,
.header .navbar-nav li .show > a,
.header .navbar-nav li li a.show,
.header .navbar-nav li .active > a,
.header .navbar-nav li li a.active {
  color: #bc8775;
}

header:not(.dark) .mega-menu .menu > li > a:hover i,
header:not(.dark) .dropdown-menu > li > a:hover i,
header:not(.dark) .mega-menu .menu > li.active > a i,
header:not(.dark) .dropdown-menu > li.active > a i {
  color: #71864D;
}

.navbar-light .navbar-toggler:hover,
.navbar-light .navbar-toggler:focus {
  border-color: #bc8775;
}

/* Small devices (tablets, phones less than 767px) */
@media (max-width: 991px) {
  .header .navbar-nav .active .nav-link,
  .header .navbar-nav .active .nav-link:hover,
  .header .navbar-nav .active .nav-link:focus {
    color: #bc8775;
  }
  /* first level item hover and focus states */
  .header .navbar-nav li > a:hover,
  .header .navbar-nav li > a:focus,
  .header .navbar-nav .active > a,
  .header .navbar-nav .active > a:hover,
  .header .navbar-nav .active > a:focus {
    color: #bc8775;
  }
  /* second level item on hover/focus */
  .header .navbar-nav .show .dropdown-menu > li > a:hover,
  .header .navbar-nav .show .dropdown-menu > li > a:focus {
    color: #bc8775;
  }
  /* Arrow for parent menu item */
  .header .navbar-nav .dropdown.show > .dropdown-toggle::after {
    color: #71864D;
  }
}


/* Social icons block
---------------------------------- */
.social-links li a:hover {
  border-color: #bc8775;
  color: #bc8775;
}

.social-links.animated-effect-1 li a:after {
  background-color: #71864D;
}

.social-links.default li a {
  background-color: #71864D;
  border: 1px solid #bc8775;
}

.header-top:not(.dark) .social-links .dropdown.show > button > i:before {
  color: #71864D;
}

/*Header Dropdowns (search, cart etc)
---------------------------------- */
.header-dropdown-buttons .btn-group > .btn:hover {
  background-color: #71864D;
  border-color: #bc8775;
}

.header-dropdown-buttons .btn-group.show > .btn {
  background-color: #71864D;
  border-color: #bc8775;
}

.dark.header-top .dropdown-menu {
  border: 1px solid #262020;
  background: #312a2a;
}

.colored.header-top .dropdown-menu {
  border: 1px solid #71864D;
  background: #71864D;
}


/* Tags cloud block
---------------------------------- */
.tag a {
  background-color: #71864D;
  border: 1px solid #bc8775;
}

.tag a:hover {
  color: #71864D;
  border-color: #bc8775;
}