/*
|--------------------------------------------------------------------------|
|                     Place your custom styles here                        |
|--------------------------------------------------------------------------|
*//* ===== Brand color override: Yellow -> Light Blue ===== */
:root{
  --brand: #00AEEF;
}

/* Links / hover */
a:hover,
a:focus{
  color: var(--brand);
}

/* Botones (si existen) */
.btn,
button,
input[type="submit"]{
  background-color: var(--brand);
  border-color: var(--brand);
}

.btn:hover,
button:hover,
input[type="submit"]:hover{
  filter: brightness(0.92);
}

/* Elementos típicos del theme (si usa "primary" en varios lados) */
.primary-color,
.text-primary{
  color: var(--brand) !important;
}

.bg-primary{
  background-color: var(--brand) !important;
}

.border-primary{
  border-color: var(--brand) !important;
}

/* Menú activo/hover (por si el amarillo está ahí) */
.primary-nav .nav a:hover,
.primary-nav .nav .active > a,
.primary-nav .nav .current-menu-parent > a,
.primary-nav .nav .current-menu-ancestor > a{
  color: var(--brand) !important;
}

/* ===============================
   BRAND COLOR: Yellow -> Celeste
   =============================== */

:root{
  --brand: #00AEEF; /* <-- tu celeste */
  --brand-rgb: 0, 174, 239; /* <-- mismo color en RGB */
}

/* Hover de links */
a:hover, a:focus, a:active{
  color: var(--brand) !important;
}

/* Inputs focus */
input:focus, textarea:focus{
  border-color: var(--brand) !important;
}

/* Botón principal del theme */
.t-btn{
  background-color: var(--brand) !important;
}
.t-btn.hero-btn-2{
  border-color: var(--brand) !important;
}
.t-btn.hero-btn-1:hover,
.t-btn.hero-btn-2:hover{
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
}

/* Preloader */
.spinner > div{
  background-color: var(--brand) !important;
}

/* Scroll up */
.scrollup{
  background-color: rgba(var(--brand-rgb), 0.6) !important;
}
.scrollup:hover{
  background-color: var(--brand) !important;
}

/* Menú activo/hover */
.primary-nav-list .active > a,
.primary-nav-list .menu-item > a:hover{
  color: var(--brand) !important;
}

/* Hero títulos con span */
.single-slide h1 span{
  color: var(--brand) !important;
}

/* Línea decorativa del título de sección */
.section-header h2:before{
  background-color: var(--brand) !important;
}

/* Acordeón activo */
.accordian-head.active{
  background-color: var(--brand) !important;
}

/* Títulos amarillos */
.single-cause h3,
.single-factor i,
.team-member .member-name,
.event-details h3,
.entry-title,
.Buildm-post .entry-title,
.post-details .entry-title{
  color: var(--brand) !important;
}

/* Barra de progreso/estado */
.status-bar > div{
  background-color: var(--brand) !important;
}

/* Overlay de galería */
.portfolio-item a:before{
  background-color: rgba(var(--brand-rgb), 0.5) !important;
}

/* Hover author */
.byline .author a:hover{
  color: var(--brand) !important;
}

/* Botón evento hover */
.t-btn.t-btn-ex-small.event-btn-1:hover{
  background-color: var(--brand) !important;
}

/* Hover en footer social */
.social-btn a:hover{
  border-color: var(--brand) !important;
  background-color: var(--brand) !important;
}

/* Breadcrumb hover */
.breadcrumb li a:hover{
  color: var(--brand) !important;
}

/* Comentarios */
.comment-author .nm:hover,
.comment-metadata a:hover,
.comment-form textarea:focus,
.comment-form input:focus,
.comment-reply-link{
  color: var(--brand) !important;
  border-color: var(--brand) !important;
}

/* Post social hover */
.post-social-btn.social-btn a:hover{
  border-color: var(--brand) !important;
  background-color: var(--brand) !important;
  color: #fff !important;
}

/* Client logo hover border */
.client-logo a:hover{
  border: 2px solid rgba(var(--brand-rgb), 0.7) !important;
}