/* Custom Desktop Styles */

body {
  padding: 25px 0px;
  background: linear-gradient(to bottom, #f7faff, #e4eaf5);
}

/* Tablets and Mobile Phones */
@media only screen and (max-width: 1024px) {
  body {
    padding-top: 0px;
  }
}


/* 1900px and centers it */
.maxw-1900 {
  max-width: 1900px;
  margin: 0 auto;
  background-color: #fff;
}

/* Longer, smoother fade for carousel items */
.carousel-fade .carousel-item {
  opacity: 0;
  transition: opacity 2s ease-in-out; 
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  opacity: 1;
}

.navbar .nav-link.btn.btn-danger {
  background-color: var(--bs-danger) !important;
  color: #fff !important;
}
.navbar .nav-link.btn.btn-danger:hover {
  background-color: #c9302c !important; /* or any hover color you prefer */
  color: #fff !important;
}



/* Ideal HTML Branding */
#nebraska-web-designers {
  margin: 0 auto !important;
  display: block;
  padding: 25px 0px;
  background-color: #000000;
}
#nebraska-web-designers .idealhtml {
  display: block;
  margin: 0 auto;
  text-align: center;
}
#nebraska-web-designers .idealhtml img {
  margin: 0 auto !important;
  display: block !important;
}

/* Custom Mobile Styles */

@media (max-width: 576px) {
  .navbar-brand {
    font-size: 0.9rem;
  }
}

/* Colors */
/* Tailwind */

.bg-red-500 {
  background-color: #ef4444;
}

.bg-blue-800 {
  background-color: #052c65;
  color:#ffffff;
}

.bg-orange-500 {
  background-color: #df7d2a;
  color:#ffffff;
}

.bg-cyan-800{background-color: #055160;color:#ffffff;}
.bg-cyan-800 a {color:#ffffff!important;}

.bg-gray-200 {background-color:#e9ecef;color:#101010;}

.bg-primary-d {background-color:#dc3545;color:#ffffff;}

.blockquote-footer {
  color: #ffffff;
}

.bg-darker {background-color:#111111;}