/* =========================================
   TOP UTILITY BAR
========================================= */

.ipd-utility-bar{
  background:#4A7ABC;
  font-size:13px;
  color:#fff;
  padding:5px 0;
}

.ipd-utility-bar .wrapper{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.ipd-utility-bar a{
  color:#fff;
  text-decoration:none;
  margin:0 4px;
}

.ipd-utility-bar a:hover{
  text-decoration:underline;
}

/* Google Translate inline */
#google_translate_wrapper{
  display:inline-block;
  vertical-align:middle;
  margin-left:6px;
}

/* Tighten Google Translate height */
#google_translate_element *{
  line-height:1 !important;
  font-size:13px !important;
  padding:0 !important;
  margin:0 !important;
}

#google_translate_element iframe{
  height:20px !important;
}

/* Hide translate on small screens */
@media (max-width:700px){
  #google_translate_wrapper{
    display:none;
  }

  .ipd-utility-bar .wrapper{
    justify-content:center;
    text-align:center;
  }
}






/* =========================================
   IPD MAIN NAV – CLEAN VERSION
========================================= */

/* ---------- BASE ---------- */
.nav{
  position:relative;
  z-index:9999;
}

.nav ul{
  list-style:none;
  margin:0;
  padding:0;
}

/* ---------- HEADER ---------- */
.ipd-main-header{
  background:#0F3D59;
  padding:4px 0;            /* tighter header */
}

.ipd-main-header .wrapper{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.logo img{
  height:40px;
}

/* ---------- DESKTOP MENU ---------- */
.menu{
  display:flex;
  align-items:center;
}

.menu li a,
.drop-label{
  padding:8px 16px;         /* slim desktop padding */
  line-height:1.2;
  color:#fff;
  text-decoration:none;
  display:block;
}

.menu li:hover > a,
.menu li:hover > .drop-label{
  background:#9c0f17;
}

/* Dropdown */
.dropdown{ position:relative; }

.submenu{
  display:none;
  position:absolute;
  background:#0F3D59;
  min-width:180px;
}

.dropdown:hover .submenu{ display:block; }

.submenu a{
  padding:8px 14px;
}

.submenu a:hover{
  background:#4A7ABC;
}

/* ---------- BURGER ---------- */
.burger{
  display:none;
  cursor:pointer;
  padding:8px;
  flex-direction:column;
  gap:3px;
  width:38px;
}

.burger span{
  display:block;
  height:3px;
  width:24px;
  background:#fff;
  border-radius:2px;
}

/* Hide toggle checkboxes */
#menu-toggle,
#drop1,#drop2,#drop3,#drop4,#drop5,#drop6{
  display:none;
}

/* ---------- MOBILE ---------- */
@media (max-width:1000px){

  .burger{ display:flex; }

  .menu{
    display:none;
    flex-direction:column;
    width:100%;
    margin-top:8px;
    border-top:1px solid rgba(255,255,255,0.2);
  }

  /* Show menu */
  #menu-toggle:checked ~ .menu{
    display:flex;
  }

  /* Hide burger when open */
  #menu-toggle:checked + .burger{
    display:none;
  }

  .menu li{
    width:100%;
    border-bottom:1px solid rgba(255,255,255,0.15);
  }

  .menu li a,
  .drop-label{
    padding:14px 20px;
    text-align:left;
  }

  /* Mobile dropdowns */
  .submenu{
    position:static;
    display:none;
  }

  #drop1:checked + .drop-label + .submenu,
  #drop2:checked + .drop-label + .submenu,
  #drop3:checked + .drop-label + .submenu,
  #drop5:checked + .drop-label + .submenu,
  #drop6:checked + .drop-label + .submenu,
  #drop4:checked + .drop-label + .submenu{
    display:block;
  }
}






/* =========================================
   FORCE WHITE LINKS IN IPD HEADER
   Works against table / legacy CSS
   ========================================= */

.ipd-utility-bar a,
.ipd-utility-bar a:link,
.ipd-utility-bar a:visited,
.ipd-utility-bar a:active,
.ipd-main-header a,
.ipd-main-header a:link,
.ipd-main-header a:visited,
.ipd-main-header a:active,
.ipd-main-header .drop-label,
.nav a,
.nav .drop-label {
    color: #ffffff !important;
}

/* Hover */
.ipd-utility-bar a:hover,
.ipd-main-header a:hover,
.nav a:hover,
.nav .drop-label:hover {
    color: #ffffff !important;
}

















/* Desktop layout */
.nav .search-form {
  display: flex;
  align-items: center;
}

.search-box {
  padding: 6px 10px;
  border-radius: 3px;
  border: 1px solid #ccc;
  font-size: 14px;
}

.search-btn {
  margin-left: 5px;
  padding: 6px 12px;
  border: none;
  background-color: #ff6600;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}

/* Mobile layout */
@media screen and (max-width: 768px) {
  /* Hide the menu but keep search */
  .nav .menu {
    display: none;
  }

  .nav .burger {
    display: block;
  }

  /* Make search form full width on mobile */
  .nav .search-form {
    flex: 1;
    margin-left: 0;
  }

  .search-box {
    width: 70%;
  }

  .search-btn {
    width: 28%;
  }
  
  
  
/* Burger icon adjustments for mobile */
.burger {
  display: none;           /* hide on desktop */
  flex-direction: column;
  width: 35px;             /* slightly wider */
  height: 35px;            /* taller for more space */
  justify-content: center;  /* center the bars vertically */
  align-items: flex-start;  /* keep bars left-aligned if needed */
  cursor: pointer;
  margin-right: 10px;
}

.burger span {
  display: block;
  height: 4px;             /* thickness of bars */
  width: 100%;
  background-color: #fff;
  border-radius: 2px;
  margin: 4px 0;           /* explicit vertical spacing between bars */
}

/* Show burger only on mobile */
@media screen and (max-width: 768px) {
  .burger {
    display: flex;
  }
}


/* Hide search when burger menu is active */
#menu-toggle:checked ~ .search-form {
  display: none;
}

/* Optional: animate hiding smoothly */
.search-form {
  transition: all 0.3s ease;
}