/* Set Body Background */
 body { background-image: url('../../assets/img/2017-background.jpg'); background-color: rgba(0, 0, 0, 0.3); background-blend-mode: overlay; background-repeat: repeat-y; background-attachment: fixed; background-size: cover; background-position: center; }
 /* Adjust Body Background for Firefox */
 @-moz-document url-prefix() { body { background-color: rgba(0, 0, 0, 0.7); } }

 /* Clean Site From Annoying Focus Rings  */
 .form-control:focus { box-shadow: none !important; }
 .form-select:focus { box-shadow: none !important; }
 .form-check .form-check-input:focus { box-shadow: none !important; }

 /* Remove focus styling from Bootstrap 5 nav links */
 .nav-link:focus { outline: none !important; box-shadow: none !important; }

 /* Navigation Remove Focus */
 .nav-link:focus , .navbar-toggler:focus, .btn-close:focus { outline: none; box-shadow: none; }

 /* Navigation Bar Settings */
 .navbar-transparent { padding: 15px; background-color: rgba(0, 0, 0, 0.3) !important; transition: background-color 0.3s ease; /* background-color: transparent !important; */ }
 .navbar-fade { padding: 15px; padding-top: 5px; padding-bottom: 5px; background-color: rgba(33, 37, 41, 1.0) !important; transition: background-color 0.9s ease; }

 /* CSS For Sponsors Carousel */
 #logoContainer { min-width: 250px !important; }
 #logoContainer .carousel-item .col { padding: 0 5px; display: flex; justify-content: center; align-items: center; transition: transform 0.3s; }
 @media (max-width: 767px) {
  #logoContainer .carousel { max-width: 250px !important; }
  #logoContainer .carousel-inner img { min-height: 200px; margin-left: auto !important; margin-right: auto !important; padding: 0 5px; display: flex; justify-content: center; align-items: center; }
  #logoContainer .carousel-inner .carousel-item > div { display: none; min-height: 200px; }
  #logoContainer .carousel-inner .carousel-item.active .col { transform: translateX(0); }
  #logoContainer .carousel-inner .carousel-item-prev .col { transform: translateX(-100%); }
  #logoContainer .carousel-inner .carousel-item > div:first-child { display: block; }
 }
 #logoContainer .carousel-inner .carousel-item.active, #logoContainer .carousel-inner .carousel-item-next, #logoContainer .carousel-inner .carousel-item-prev { display: flex; }
 @media (min-width: 768px) {
  #logoContainer .carousel-inner .carousel-item-end.active, #logoContainer .carousel-inner .carousel-item-next { transform: translateX(20%); }
  #logoContainer .carousel-inner .carousel-item-start.active, #logoContainer .carousel-inner .carousel-item-prev { transform: translateX(-20%); }
  #logoContainer .carousel-control-prev { left: 12%; }
  #logoContainer .carousel-control-next { right: 12%; }
 }
 #logoContainer .carousel-inner .carousel-item-end, #logoContainer .carousel-inner .carousel-item-start { transform: translateX(0); }
 #logoContainer .carousel-inner img { max-height: 150px; }
 #logoContainer .carousel-indicators { position: absolute !important; bottom: -70px !important; right: 0 !important; left: 0 !important; z-index: 15 !important; }
 #logoContainer .carousel-indicators [data-bs-target] { border-radius: 100% !important; width: 15px !important; height: 15px !important; background-color: #FFF !important; }
 #logoContainer .carousel .carousel-indicators button { width: 15px !important; height: 15px !important; border-radius: 100% !important; }
 #logoContainer .carousel-control-prev { font-size: 40px; left: -50px !important; right: auto; }
 #logoContainer .carousel-control-next { font-size: 40px; right: -50px !important; left: auto; }
 @media (max-width: 768px) {
  #logoContainer {
   max-width: 250px; /* Max width for mobile devices */
  }
 }

 /* Footer Settings */
 .footer { background-color: #FFFFFF !important; }
 .footer hr.light-hr { background-color: black; height: 1px; border: none; /* Remove the default border */ }
 .footer .nav-gray-light { margin-left: 11px !important; }
 .footer .nav-gray-light .nav-link { color: #6C757D; font-size: 13px; font-weight: 500; }
 .footer .nav-gray-light .nav-link:hover, .nav-gray-light .nav-link:focus { color: #B6B6B6; }
 .footer .nav-gray-light .nav-link { padding: 0 !important; margin-right: 15px !important; }
 .footer .nav-menu-gray-light .nav-link { color: #6C757D; background-color: transparent; }
 .footer .nav-menu-gray-light .nav-link:hover, .nav-gray-light .nav-link:focus { color: #B6B6B6; }
 .footer .nav-contact-gray-light { color: #6C757D; background-color: transparent; }
 .footer .nav-contact-gray-light:hover, .nav-gray-light .nav-link:focus { color: #B6B6B6; }