/*

2025-06-27 THE FOLLOWING IS ADDED FOR THE PURPOSES OF LAUNCHING BOOTSTRAP 5 CHANGES WITH MINIMAL DISRUPTION. THE PLAN IS TO EVENTAULLY MOVE THESE INTO THE TRAKMT.CSS SHEET ONCE CONFLICTS ARE MITIGATED.

*/
  
  .carousel-indicators [data-bs-target] {
    height: 20px;
    background-color: #e4002b;
  }

  .custom-navbar {
    background-color: #e4002b;
    color: white;
  }

  /* Optional: make sure all navbar text and toggler is white */
  .custom-navbar .navbar-brand,
  .custom-navbar .nav-link,
  .custom-navbar .nav-link.active,
  .custom-navbar .navbar-toggler {
    color: white;
  }

  .custom-navbar .nav-link:hover,
  .custom-navbar .nav-link:focus {
    color: #ffd4db; /* or any light variation for hover */
  }

  /* Optional: make sure the toggler icon is visible */
  .custom-navbar .navbar-toggler-icon {
    filter: invert(1);
  }

  @media (min-width: 1600px) {
    .container.wide-6 { max-width: 1500px; }
  }

  @media (min-width: 1700px) {
    .container.wide-6 { max-width: 1600px; }
  }

  @media (min-width: 1800px) {
    .container.wide-6 { max-width: 1700px; }
  }

  .logo-img {
    max-height: 60px;
    height: auto;
  }

  @media (min-width:1400px) {
    form#site-search input[type="search"] {
      width: 350px;
    }
  }

  .btn-darksearch {
    color: #fff;
    background-color: #161616;
    border-color: #161616;
  }

  .btn-darksearch:hover {
    background-color: #0f0f0f;
    border-color: #0f0f0f;
  }

/***** MODAL MODIFICATIONS *****/
  
.modal-trigger-text {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: #e4002b;
  text-decoration: underline;
  cursor: pointer;
}

.modal-trigger-text:hover,
.modal-trigger-text:focus {
  text-decoration: none;
  outline: none;
}

/***** HOME PAGE ADJUSTMENTS FOR UPDATED HOME LAYOUT. SHOULD BE FIXED IN TRAKMT.COM AFTER LAUNCH *****/

@media (min-width: 1400px) {
  #carousel-home {
    margin: 10px 0 30px;
  }
}

@media (min-width: 1600px) {
  .container-mod.wide-5.homeSpecial {
    max-width: 1692px;
  }
}

.container-additional-products,
.container-company-info {
	padding:0 !important;
}

.container-additional-products,
.container-company-info {
	background-color: none;
}

#additional-products {
  background-color: initial;
}


/**************************************/
/***** UNIVERSAL ACCORDION STYLES *****/
/**************************************/

.accordion .accordion-button {
  background-color: #f5f5f5;
  font-weight: 700;
  padding: 1rem;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s ease-in-out;
  gap: 1rem;
}

/* Text container */
.accordion .accordion-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  font-size: inherit;
  color: inherit;
}

/* Optional subtext */
.accordion .accordion-label .desc {
  font-weight: normal;
  font-size: 0.95rem;
  color: #000;
  margin-top: 0.25rem;
}

/***********************************/
/***** CUSTOM ACCORDION STYLES *****/
/***********************************/

/* SOFTWARE ACCORDION */
#accordion-software .accordion-label,
[id^="accordion-workbench-"] .accordion-label {
  color: #e4002b;
}

@media (min-width:992px) {
  #accordion-software .accordion-label,
  [id^="accordion-workbench-"] .accordion-label {
    font-size: 1.5rem;
  }
}

#accordion-software .desc {
  font-size: 1rem;
}

/* LOCATIONS ACCORDION */

  #accordion-locations .accordion-body {
    padding: 0;
  }

  #accordion-locations .accordion-body ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  #accordion-locations .accordion-body ul li a {
    display: block;
    padding: 12px 10px 15px 25px;
    text-decoration: none;
    background-color: #f0f0f0;
    border-bottom: 1px solid #ccc;
    font-size: 1rem;
    color: #333;
  }

#accordion-locations .accordion-body ul li a:hover {
    background-color: #fff;
  }

  @media (min-width:1024px) {
    #accordion-locations .accordion-body ul li a {
      padding: 12px 10px 15px 20px;
    }
  }

/**********************************************************/
/***** LINK FIX FOR <a> TAGS W/O HREF - NEW BOOTSTRAP *****/
/**********************************************************/

.modal-text-link {
  color: #e4002b !important;
  cursor: pointer;
}

/*************************************************/
/***** FIX FOR HOME PAGE PRODUCT BLOCK LINKS *****/
/*************************************************/

.products-container a,
.cnc-block a,
.product-box a,
.event-title a,
.see-all-link a {
  text-decoration: none;
}