/*
Theme Name:     KnowHow Child Theme
Theme URI: 		http://herothemes.com/
Description:    Child theme for KnowHow 
Author: 		Chris Mooney (Swish Themes)
Author URI: 	http://herothemes.com
Template:       knowhow
Version:        1.0.0
*/

@import url("../knowhow/style.css");


/* ------- Insert custom styles below this line ------- */

/* ====== Pre-header (barra superior con el menú "sup") — adaptado al diseño de knowhow ====== */
#preheader { background: #f5f5f5; border-bottom: 1px solid #e6e6e6; font-size: 13px; line-height: 1.4; }
#preheader .ht-container { display: flex; justify-content: flex-end; align-items: center; }
#preheader ul.preheader-nav { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; }
#preheader ul.preheader-nav li { margin: 0; position: relative; }

/* Separador "/" entre ítems, igual que el menú principal de knowhow */
#preheader ul.preheader-nav > li + li::before { content: "/"; color: #ccc; margin: 0 4px; }

#preheader ul.preheader-nav a { display: inline-block; color: #888; padding: 9px 6px; text-decoration: none; }
#preheader ul.preheader-nav a:hover,
#preheader ul.preheader-nav li.current-menu-item > a,
#preheader ul.preheader-nav li.current-menu-ancestor > a { color: #1a1a1a; }

/* Submenús: blancos con borde gris y sombra suave, como #primary-nav ul ul */
#preheader ul.preheader-nav li ul { position: absolute; right: 0; top: 100%; min-width: 190px; margin: 0; padding: 6px 0; list-style: none; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 2px rgba(0,0,0,0.1); display: none; z-index: 9000; }
#preheader ul.preheader-nav li:hover > ul { display: block; }
#preheader ul.preheader-nav li ul li { display: block; }
#preheader ul.preheader-nav li ul li::before { content: none; }
#preheader ul.preheader-nav li ul a { display: block; padding: 6px 14px; color: #444; white-space: nowrap; }
#preheader ul.preheader-nav li ul a:hover { color: #1a1a1a; background: #f5f5f5; }

/* Responsive */
@media (max-width: 768px) {
  #preheader .ht-container, #preheader ul.preheader-nav { justify-content: center; }
}

/* ====== Pre-header en móvil: se oculta la barra y va al menú hamburguesa ====== */
@media screen and (max-width: 720px) {
  #preheader { display: none; }
}

/* Bloque del menú "sup" dentro del hamburger (#mobile-menu), destacado del menú principal */
#primary-nav-mobile ul li.preheader-mh-title {
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 16px 0 8px;
  margin-top: 6px;
  border-top: 2px solid #5DA1E1; /* línea de acento que separa del menú principal */
  opacity: .85;
}
#primary-nav-mobile ul li.preheader-mh-item {
  background: rgba(255,255,255,.05);
  border-left: 3px solid #5DA1E1;
  padding-left: 12px;
}
#primary-nav-mobile ul li.preheader-mh-item a {
  color: #fff;
  font-weight: 600;
}
#primary-nav-mobile ul li.preheader-mh-item a:hover {
  color: #5DA1E1;
}

/* ====== Formulario de contacto (template-contact.php) ====== */
.mxform p { margin: 0 0 18px; }
.mxform label { display: block; font-weight: 600; margin: 0 0 6px; color: #383838; }
.mxform label .req { color: #c0392b; }
.mxform input[type="text"], .mxform input[type="email"], .mxform textarea {
  width: 100%; max-width: 520px; padding: 10px 12px; border: 1px solid #ccc;
  border-radius: 3px; font: 15px/1.4 'Open Sans', Helvetica, Arial, sans-serif; box-sizing: border-box;
}
.mxform input:focus, .mxform textarea:focus { border-color: #5DA1E1; outline: none; }
.mxform .button { cursor: pointer; }
.mxform .mxform-hp { position: absolute !important; left: -9999px !important; height: 0; overflow: hidden; }
.mxform-field-error { display: block; color: #c0392b; font-size: 13px; margin-top: 4px; }
.mxform-success { background: #eaf6e9; border: 1px solid #b5dcb0; color: #2e7d32; padding: 14px 16px; border-radius: 3px; }
.mxform-error { background: #fdecea; border: 1px solid #f5c6c0; color: #c0392b; padding: 14px 16px; border-radius: 3px; }