/*
Theme Name: Melissa Child
Theme URI: http://birdwp.com/wp-melissa/
Template: melissa
Author: Alexey Trofimov (BirdwpThemes)
Author URI: https://themeforest.net/user/birdwpthemes
Description: Melissa is a modern, clean and easy to use personal blog WordPress theme with great attention to details. This theme supports video background for the header area, has several different page layouts, and supports all WordPress post formats. In addition, Melissa is fully responsive and looks good on mobile devices. Use it to make something cool!
Tags: blog,grid-layout,one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,featured-images,flexible-header,footer-widgets,post-formats,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.2.2.1755209452
Updated: 2025-08-15 00:10:52

*/

/* ===== Vars básicas ===== */
:root { --nav-h: 6rem; --ink: #4B5563; --xpad: clamp(16px, 6vw, 40px); }

/* (1) Anula el header con imagen del tema */
.bwp-header-bg{ background:none !important; min-height:0 !important; height:0 !important; padding:0 !important; }
.bwp-header-bg-overlay{ display:none !important; }
.bwp-header-simple .bwp-header-content-container{ min-height:0 !important; margin:0 !important; padding:0 !important; }

/* (2) Cabecera fija, blanca y full-width */
.bwp-main-navigation-container{
  position: fixed; top: 0; left: 0; right: 0;
  height: var(--nav-h);
  display: flex; align-items: center; gap: 24px;
  padding: 0 var(--xpad);
  background: #fff;
  z-index: 10000;
  /* línea + sombra sutil para el efecto “pasa por debajo” */
  border-bottom: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 1px 6px rgba(0,0,0,.06);
}

/* Empuja el menú a la derecha */
.bwp-logo-container{ margin-right: auto; }

/* (3) Logo: tamaño similar a la referencia */
.bwp-logo-container .custom-logo{
  max-height: 25px; height: auto; width: auto;
}

/* (4) Menú: color y espaciado */
ul.sf-menu{ display: flex; gap: 8px; }
ul.sf-menu > li > a{
  color: var(--ink) !important;
  font-weight: 100;
  line-height: calc(var(--nav-h) - 16px) !important;
  padding: 0 12px;
  border-radius: 6px;
  text-decoration: none !important;
  font-size: 1.3rem;
}
/* hover/activo con gris claro (opcional, como la captura 1) */
ul.sf-menu > li > a:hover,
ul.sf-menu > li.sfHover > a,
ul.sf-menu > li.current-menu-item > a{
  background: #E5E7EB; /* gris claro */
}
/* caret del dropdown al mismo tono */
.sf-arrows .sf-with-ul:after{ border-top-color: var(--ink) !important; }

/* Submenús: blancos, legibles y por encima */
.sf-menu .sub-menu{
  background:#fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
  z-index:10001;
  top: 100%;
}
.sf-menu .sub-menu a{ color: var(--ink) !important; font-weight: 500; }

/* (5) Compensar el contenido para que no quede tapado por la barra fija */
body{ padding-top: var(--nav-h); }
.admin-bar body{ padding-top: calc(var(--nav-h) + 32px); }
@media (max-width: 782px){ .admin-bar body{ padding-top: calc(var(--nav-h) + 46px); } }

/* (6) Desactiva la “sticky navigation” alternativa del tema para no duplicar */
.bwp-sticky-navigation-wrap{ display: none !important; }

/* (7) Ajuste de la rejilla de posts */
#bwp-blog-posts-wrap{ margin-top: 12px !important; }

.bwp-widget-line {
	display: none;
}

.bwp-footer-widgets-container .bwp-footer-col-1, .bwp-footer-widgets-container .bwp-footer-col-2 {
	border: 0px;
}
.bwp-widget {
	margin-bottom: 10px;
}

#bwp-footer-wrap {
	display: none;
}

.footer-link, .footer-link > a {
	color: #d1d5db !important;
}

.footer-link:hover, .footer-link > a:hover {
	color: #f19d70 !important;
}

.footer-title{
	font-size: 2rem;
	color: white;
}

.list-no-list {
	list-style-type: none;
	padding-inline-start: 0px;
}