/* Pres Automotive Verhuur header styling */
#header [data-row="middle"] {
  background: #1a1a1a !important;
  min-height: 74px !important;
  border: 0 !important;
  box-shadow: none !important;
}
#header [data-row="middle"] .ct-container {
  min-height: 74px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 34px;
}
#header [data-row="middle"] [data-column] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#header [data-row="middle"] [data-column="middle"] { justify-content: center; }
#header [data-row="middle"] [data-column="end"] { justify-content: flex-end; }
#header .site-branding,
#header .site-logo-container {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  display: flex !important;
  align-items: center !important;
}
#header .site-logo-container img,
#header .custom-logo,
#header .default-logo {
  display: block !important;
  margin: 0 !important;
  max-height: 48px !important;
  width: auto !important;
}
#header .header-menu-1 .menu {
  display: flex;
  align-items: center !important;
  justify-content: center;
  gap: 34px;
}
#header .header-menu-1 .menu > li > a,
#header .header-menu-1 .ct-menu-link {
  color: rgba(255,255,255,.72) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#header .header-menu-1 .menu > li:hover > a,
#header .header-menu-1 .menu > li > a:hover,
#header .header-menu-1 .current-menu-item > a,
#header .header-menu-1 .current-menu-ancestor > a { color: #fff !important; }
#header .header-menu-1 .menu > li.current-menu-item > a,
#header .header-menu-1 .menu > li.current-menu-ancestor > a { position: relative; }
#header .header-menu-1 .menu > li.current-menu-item > a::after,
#header .header-menu-1 .menu > li.current-menu-ancestor > a::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -10px;
  height: 2px;
  background: #2563eb;
  border-radius: 2px;
}
#header .ct-toggle-dropdown-desktop .ct-icon {
  fill: rgba(255,255,255,.72) !important;
  color: rgba(255,255,255,.72) !important;
}
#header .menu > li:hover .ct-toggle-dropdown-desktop .ct-icon,
#header .menu > li.current-menu-item .ct-toggle-dropdown-desktop .ct-icon,
#header .menu > li.current-menu-ancestor .ct-toggle-dropdown-desktop .ct-icon {
  fill: #fff !important;
  color: #fff !important;
}
#header .ct-header-search { color: #fff !important; margin-right: 18px; }
#header .ct-header-search .ct-icon {
  fill: #fff !important; color: #fff !important; width: 18px; height: 18px;
}
#header .ct-header-cta .ct-button,
#header .ct-button {
  background: #2563eb !important;
  border: 1px solid #2563eb !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 12px 22px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
#header .ct-header-cta .ct-button:hover,
#header .ct-button:hover {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}
.ct-header, #header, #header .ct-sticky-container, #header [data-device="desktop"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#header [data-row] { border: 0 !important; box-shadow: none !important; }
@media (max-width: 999px) {
  #header [data-row="middle"] { min-height: 72px !important; }
  #header [data-row="middle"] .ct-container { min-height: 72px !important; }
  #header .site-logo-container img,
  #header .custom-logo,
  #header .default-logo { max-height: 42px !important; }
}
