/* default.css */

/* COLOR */

.nav-sticky.navbar-custom .navbar-nav li.active a,
.nav-sticky.navbar-custom .navbar-nav li a:hover,
.nav-sticky.navbar-custom .navbar-nav li a:focus,
.nav-sticky.navbar-custom .navbar-nav li a:active,
.navbar .navbar-nav .nav-link:hover, 
.navbar .navbar-nav .nav-link:active,
.navbar .navbar-nav .nav-link.active,
.navbar-custom .navbar-nav li.active a,
.navbar-custom .navbar-nav li a:hover,
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active,
.post-meta a:hover,
.blog-post-title:hover,
.text-primary,
.btn-outline-primary,
.features .features-box .features-icon,
.work .work-pra ul li:hover i,
.mobile .phone i,
.bg-soft-primary,
.link-post-content i {
  color: #d90000 !important;
  font-weight: bold;
}


/* BACKGROUND */
.bg-primary,
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.testimonial-circle span.ring2 img, 
span.ring4 img,
span.ring5 img,
span.ring6,
span.ring7,
span.ring8,
.mode-btn,
.mobile .phone i::after,
.home-1 .icon-text .icon {
  background-color: #656fe0 !important;
  color: #fff !important;
}

/* BORDER-COLOR */
.btn,
.btn-primary,
.btn-outline-primary,
.custom-form .form-control:focus,
.features .features-box:hover .features-icon,
.pricing-box,
.home-3 span.ring2 img, 
.ring4 img, 
.ring5 img,
.mode-btn,
.bg-soft-primary,
.border-primary,
.home-1 span.ring5 img {
  border-color: #656fe0 !important;
}

@media (min-width: 200px) and (max-width: 991px) {
  .navbar-custom .navbar-nav li.active a,
  .navbar-custom .navbar-nav li a:hover,
  .navbar-custom .navbar-nav li a:active {
    color: #d90000 !important;
  }
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary .open>.dropdown-toggle.btn-primary {
    box-shadow: 0px 8px 20px -6px rgb(101 111 224);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary .open>.dropdown-toggle.btn-primary {
  box-shadow: 0px 8px 20px -6px rgb(101 111 224);
  transform: translateY(-6px);
}

.bg-gradiant,
.bg-outline-gradiant:hover {
  background: linear-gradient(180deg, #D90000 0%, #D90000 100%);
  border-color: #D90000 !important;
  color: #fff !important;
  font-size: 20px;	
}

/*.bg-gradiant,
.bg-outline-gradiant:hover {
  background: linear-gradient(180deg, #656fe0 0%, #869dff 100%);
  border-color: #656fe0 !important;
  color: #fff !important;
}*/


.bg-gradiant2 {
/*.bg-outline-gradiant:hover {*/
  /*background-color: #D90000;*/
  border-color: #ffffff !important;
  color: #fff !important;
}

.text-gradiant {
  background: -webkit-linear-gradient(#656fe0, #869dff);
}

.home-5::before {
  background: rgba(113, 128, 235, .5) !important;
}

.home-2 .wave.-three {
  background-color: rgba(113, 128, 235, .2);
}

.features .features-box:hover .features-icon,
.bg-soft-primary,
.home-5::after,
.home-2 .wave,
.home-2 .wave.-two {
  background-color: rgba(113, 128, 235, .1) !important;
}

.info-img, 
.purple-img, 
.blue-img, 
.warning-img, 
.orange-img {
  display: none !important;
}
.primary-img {
  display: block !important;
}


body[data-layout-mode=dark] .navbar .navbar-nav .nav-link.active {
  color: #656fe0 !important;
}




/* Dropdown Button */
.dropbtn {
  background-color: #D90000;
  color: gray;
  padding: 16px;
  font-size: 14px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 260px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: silver;
	color:white;
}