/*
Theme Name: Fab Lab
Theme URI: 
Author: Mario Badilla - PEM
Author URI: 
Description: Plantilla personalizada para el sitio del Fab Lab
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.7
Version: 0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fab-lab
Tags: full-site-editing
*/

/* :where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
} */

* {
  scroll-behavior: smooth;
}

.no-link {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

.hide {
  visibility: hidden;
  display: none;
}
.single-proyectos .hide-front,
.page .hide-front {
  display: none;
}
@media (max-width: 780px) {
  .hide-sm {
    visibility: hidden;
    display: none;
  }
}
mark {
  padding: 0.25rem;
  border-radius: 0.1rem;
}
.hyphen {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.main-header {
  margin-bottom: 0 !important;
}

footer.wp-block-template-part {
  margin-top: 0 !important;
}

.barra-uned img {
  margin-bottom: -4px;
  margin-right: 8px;
}

footer.wp-block-template-part {
  margin-top: 0;
}

.banderita {
  line-height: 0;
}

.home .logo-sitio {
  --ease: all 300ms ease;
  transition: var(--ease);
  width: 0;
  height: 0;
}

.fade-in .logo-sitio {
  width: 150px;
  height: auto;
}

.barra-uned {
  --ease: all 300ms ease;
  transition: var(--ease);
}

.fade-in .barra-uned {
  height: 0;
  padding: 0 !important;
}
.fade-in .barra-uned p {
  display: none;
}
.w-full {
  max-width: 100vw;
}
.map iframe {
  max-width: 100%;
}

/*
* 
* Archivo de proyectos
* 
*/

.is-proyectos-query ul li {
  position: relative;
  aspect-ratio: 1;
  background: black;
  outline-color: black;
  transition: all 0.5s ease !important;
}
.is-proyectos-query ul li:hover {
  outline: 20px solid black;
  opacity: 1;
  z-index: 1;
}
.is-proyectos-query ul li:hover figure::after {
  opacity: 1;
}
.is-proyectos-query ul li:hover .wp-block-post-excerpt {
  display: block;
}
.is-proyectos-query ul li .wp-block-group {
  position: absolute !important;
  bottom: 8px;
  left: 8px;
  right: 8px;
  overflow-y: auto;
} 
.is-proyectos-query ul li:hover .wp-block-group {
  top: 8px;
  z-index: 2;
}
.is-proyectos-query ul li figure {
  margin: 0;
  padding: 0;
}
.is-proyectos-query ul li figure::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000;
  opacity: 0;
  transition: all 0.25s ease !important;
}
.is-proyectos-query ul li figure img {
  aspect-ratio: 1;
}
.is-proyectos-query .wp-block-post-title a {
  display: inline;
  padding: 2px 6px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.8);
}
.is-proyectos-query ul li:hover .wp-block-post-title a {
  background: transparent;
  color: white !important;
}
.is-proyectos-query ul li .wp-block-post-excerpt  {
  display: none;
  text-align: left;
  color: #ffffff;
  font-size: var(--wp--preset--font-size--small);
}
.is-proyectos-query .wp-block-post-excerpt__more-link {
  background-color: var(--wp--preset--color--amarillo);
  color: var(--wp--preset--color--contraste);
  padding: var(--wp--preset--spacing--10);

}
.is-proyectos-query .wp-block-query-pagination {
  margin-top: var(--wp--preset--spacing--20);
}

/*Aquí termina archivo de proyectos*/

.areas-tags .is-style-pill a {
  margin-bottom: 0.5rem;
}

/* 
* Galería horizontal
* 
*/
.scroll_container {
  height: calc(400px * 9);
  /*Se multiplica por el # de imagenes*/
}
.sticky_wrap {
  overflow: auto;
  position: sticky !important;
  top: 10% !important;
  left: 0;
  height: 648px;
}
.horizontal-scroll {
  display: flex;
  flex-wrap: nowrap;
  height: 600px;
  width: auto;
  position: abosolute;
  top: 0;
  left: 0;
}
.horizontal-scroll .wp-block-image {
  height: 100%;
  width: 400px;
  display: block;
  flex-shrink: 0;
}



/*Fix padding submenu*/
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
  padding: 1rem 0.5rem;
}
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content
  .wp-block-navigation__submenu-container {
  gap: 1rem;
}

/*Juicer Social Feed*/
.juicer-feed .feed-item .j-message,
.juicer-feed .feed-item .j-message p {
  font-weight: normal;
}
/*Mensaje de éxito*/
.nf-response-msg {
  padding: 1em;
  text-align: center;
  outline: none;
  margin-bottom: 4em;
}