/*
Theme Name:  ExecSearches Header (Divi Child)
Theme URI:   https://blog.execsearches.com/
Description: Header restyle for blog.execsearches.com. Navy top bar, white nav, gold Post a Job CTA. Works with Divi's native header rather than replacing it.
Author:      F. Jay Hall
Template:    Divi
Version:     3.0.0
*/

/* The custom bar injected by functions.php is retired; Divi's own top bar is styled instead. */
.es-utility-bar { display: none !important; }

/* Remove the "Select Page" mobile artifact */
.et_mobile_nav_menu .select_page,
.mobile_nav .select_page { display: none !important; }

/* ---- Tier 1: Divi's native top bar, restyled navy ---- */
#top-header { background-color: #001F3F !important; }
#top-header,
#top-header a,
#top-header #et-info-email,
#top-header .et-social-icon a { color: #C9D4E0 !important; }
#top-header a:hover,
#top-header .et-social-icon a:hover { color: #FFD700 !important; }

/* ---- Tier 2: main navigation ---- */
#main-header,
#main-header.et-fixed-header { background-color: #ffffff !important; border-bottom: 1px solid #E3E7EC; }
#top-menu > li > a { color: #3D4A5C; font-size: 13px; font-weight: 500; }
#top-menu > li > a:hover,
#top-menu > li.current-menu-item > a { color: #001F3F; opacity: 1 !important; }

/* ---- Gold "Post a Job" CTA ---- */
#top-menu li.es-cta a,
#mobile_menu li.es-cta a {
  background: #FFD700 !important;
  color: #001F3F !important;
  font-weight: 600;
  border-radius: 6px;
  padding: 9px 16px !important;
}
#top-menu li.es-cta a:hover,
#mobile_menu li.es-cta a:hover { background: #E6C200 !important; opacity: 1 !important; }
#top-menu li.es-cta { padding-right: 0; }
#mobile_menu li.es-cta a { display: inline-block; margin: 8px 5%; }

/* ---- Keep the logo clear of the nav links ----
   body-prefixed so these win over Divi's inline critical CSS */
@media (min-width: 981px) {
  body #main-header .logo_container { max-width: 200px !important; }
  body #main-header #logo { max-height: 38px !important; max-width: 190px !important; }
  body #main-header #et-top-navigation { padding-left: 210px !important; }
  body #main-header #top-menu > li { padding-right: 15px !important; }
  body #main-header #top-menu > li > a { font-size: 13px !important; color: #3D4A5C !important; }
  body #main-header #top-menu > li > a:hover,
  body #main-header #top-menu > li.current-menu-item > a { color: #001F3F !important; }
  body #main-header #top-menu > li.es-cta > a { color: #001F3F !important; }
}


/* ---- Clear the fixed header + top bar so content is not hidden underneath ---- */
@media (min-width: 981px) {
  body.et_fixed_nav.et_secondary_nav_enabled #page-container { padding-top: 111px !important; }
}


/* ---- Redesigned logo lockup (inline SVG, replaces the old flat blue image) ---- */
#logo {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MzYgOTYiIHdpZHRoPSI0MzYiIGhlaWdodD0iOTYiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iRXhlY1NlYXJjaGVzLmNvbSwgbm9ucHJvZml0IHB1YmxpYyBzZWN0b3IgY2FyZWVycyI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImVzQmFkZ2UiIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBBMkE1NCIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzEyNDk4RiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxRTZGRDkiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgoKICA8cmVjdCB4PSI0IiB5PSIxMiIgd2lkdGg9IjcyIiBoZWlnaHQ9IjcyIiByeD0iMjAiIGZpbGw9InVybCgjZXNCYWRnZSkiLz4KCiAgPGNpcmNsZSBjeD0iMzYiIGN5PSI0NCIgcj0iMTUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1LjUiLz4KICA8bGluZSB4MT0iNDciIHkxPSI1NSIgeDI9IjYwIiB5Mj0iNjgiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI2LjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgoKICA8Y2lyY2xlIGN4PSI3NiIgY3k9IjE2IiByPSI4IiBmaWxsPSIjRkZDODE0Ii8+CgogIDx0ZXh0IHg9Ijk2IiB5PSI1MiIgZm9udC1mYW1pbHk9IkhlbHZldGljYSBOZXVlLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjM0IiBmb250LXdlaWdodD0iNzAwIiBmaWxsPSIjMEEyQTU0IiBsZXR0ZXItc3BhY2luZz0iLTAuNSI+PHRzcGFuPkV4ZWNTZWFyY2hlczwvdHNwYW4+PHRzcGFuIGZvbnQtc2l6ZT0iMjYiIGZvbnQtd2VpZ2h0PSI1MDAiIGZpbGw9IiMxRTZGRDkiIGxldHRlci1zcGFjaW5nPSIwIj4uY29tPC90c3Bhbj48L3RleHQ+CgogIDx0ZXh0IHg9Ijk4IiB5PSI3NCIgZm9udC1mYW1pbHk9IkhlbHZldGljYSBOZXVlLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXNpemU9IjEwLjUiIGZvbnQtd2VpZ2h0PSI2MDAiIGZpbGw9IiM1QTZCODAiIGxldHRlci1zcGFjaW5nPSIxLjciPk5PTlBST0ZJVCDCtyBQVUJMSUMgU0VDVE9SIMK3IENBUkVFUlM8L3RleHQ+Cjwvc3ZnPgo=") !important;
}
@media (min-width: 981px) {
  body #main-header #logo { max-height: 44px !important; max-width: 210px !important; }
  body #main-header .logo_container { max-width: 220px !important; }
}
