/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

html {
  scroll-behavior: auto !important;
}
/* =====================================================
   MENU FIJO DESKTOP + MOBILE
===================================================== */
#g-navigation {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
  background: #c62828 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease;
}
/* =====================================================
   ESPACIO PARA EL HEADER
===================================================== */
#g-page-surround {
  margin-top: 130px !important;
}
/* =====================================================
   ANCLAS
===================================================== */
/* =====================================================
   MENU LINKS
===================================================== */
.g-main-nav .g-menu-item-container {
  transition: all 0.3s ease;
  position: relative;
}
/* =====================================================
   HOVER
===================================================== */
.g-main-nav .g-menu-item-container:hover .g-menu-item-title {
  color: #ffd54f !important;
}
/* =====================================================
   MENU ACTIVO
===================================================== */
.g-main-nav .g-menu-item-container.menu-activo .g-menu-item-title {
  color: #ffd54f !important;
  font-weight: 700;
}
/* =====================================================
   LINEA MENU ACTIVO
===================================================== */
.g-main-nav .g-menu-item-container.menu-activo::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 3px;
  background: #ffd54f;
  border-radius: 20px;
}
/* =====================================================
   MENU MOVIL HELIUM
===================================================== */
.g-offcanvas-toggle {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 9999999 !important;
}
/* ICONO HAMBURGUESA */
.g-offcanvas-toggle i {
  color: #fff !important;
  font-size: 28px !important;
}
/* =====================================================
   EVITA MOVIMIENTO HORIZONTAL
===================================================== */
html, body {
  overflow-x: hidden;
}
/* =====================================================
   RESPONSIVE
===================================================== */
@media (max-width: 768px) {
  #g-page-surround {
    margin-top: 90px !important;
  }
  #incio, #cronograma, #ponencias, #memorias, #contacto, #ejes {
    scroll-margin-top: 330px !important;
  }
}
.g-menu-item-container .g-menu-item-title {
  transition: color 0.4s ease, opacity 0.4s ease, transform 0.4s ease;
}
.g-menu-item-container::after {
  transition: all 0.4s ease;
}
/*# sourceMappingURL=custom_18.css.map */