/*
Theme Name: Stal Child
Theme URI: http://stal.qodeinteractive.com
Description: A child theme of Stal
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Text Domain: stal
Template: stal
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reemplaza el color de los enlaces dentro de los acordeones */
.qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-active a,
.qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-hover a {
    color: #54705d !important;
}

/* También el propio título del acordeón */
.qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-active,
.qodef-accordion.qodef-layout--simple .qodef-accordion-title.ui-state-hover {
    color: #54705d !important;
}

::selection {
  background-color: rgb(94,116,97); /* fondo al seleccionar */
  color: #ffffff;                  /* color del texto mientras se selecciona */
}



/* -------------------------------
   Títulos de portafolio (h4/h6) con transición y hover
---------------------------------*/
h4.qodef-ps-related-title a,
h6.qodef-ps-related-title a,
.qodef-portfolio-list.qodef-item-layout--info-on-hover 
.qodef-e-content .qodef-e-content-inner .qodef-e-title a {
  transition: color 0.3s ease; /* transición suave al cambiar color */
}

/* Hover: cambiar color de títulos al pasar el cursor */
h4.qodef-ps-related-title a:hover,
h6.qodef-ps-related-title a:hover,
.qodef-portfolio-list.qodef-item-layout--info-on-hover 
.qodef-e-content .qodef-e-content-inner .qodef-e-title a:hover {
  color: rgb(94,116,97);
}

/* -------------------------------
   Categorías del portafolio en color fijo
---------------------------------*/
.qodef-portfolio-list.qodef-item-layout--info-on-hover 
.qodef-e-content .qodef-e-content-inner .qodef-e-info-category a {
  color: rgb(94,116,97); /* color verde fijo, sin hover */
}

/* Ocultar datos de fecha, categoría y compartir de las fichas de portfolio */
.qodef-porfolio-single-layout--images-small .qodef-portfolio-single-item .qodef-portfolio-info 
{display: none;
}


#qodef-page-footer .widget.widget_nav_menu div>ul>li:before {
    content: "";
    position: relative;
    margin-right: 15px;
    width: 6px;
    height: 6px;
    top: -2px;
    display: inline-block;
    background-color: white;
}


/* Dar fondo verde al menu en sticky y añadir los textos de los enlaces en blanco para que se vea correctamente */


.qodef-header-sticky .qodef-header-sticky-inner {
    background-color: #5e7461;
}

.qodef-menu-item-text
{
    color: white;
}

.qodef-menu-item-inner
{
    color: white;
}

/* Eliminar la opción de clicar en el portfolio */

.portfolio-item a {
  pointer-events: none;
  cursor: default;
}
/* Centrar contenido en la zona de iconos */

.qodef-icon-with-text.qodef-layout--top .qodef-m-content {
    line-height: 1em;
    text-align: center;
}

/* Ediciones en menú para espacios, colores y centrado de elementos */
.qodef-side-area-opener,
.qodef-side-area-opener--predefined {
    display: none !important;
}

.widget.widget_stal_core_search_opener.qodef-header-widget-area-one {
    display: none !important;
}

#qodef-page-header .qodef-header-logo-link img:not(.qodef--main) {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-left: 25px !important;
}

#qodef-page-header .qodef-header-logo-link img.qodef--main {
 margin-left: 25px !important;
}

#qodef-page-header .qodef-widget-holder {
    display: none;
    align-items: center;
    height: 100%;
}

.qodef-header-navigation {
    height: 100%;
    margin-right: 25px;
}

/* Quitar en las entradas de blog la barra superior de contacto */

#qodef-top-area{
    display: none;
}


/* Color verde en todas los iconos de las entradas del blog */
.qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-category:before, .qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-date:before, .qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-tags:before {
    position: relative;
    font-family: Ionicons;
    color: #5e7461 !important;
    font-size: 18px;
    margin-right: 5px;
    line-height: 1em;
}
.qodef-social-share.qodef-layout--dropdown .qodef-social-share-dropdown-opener {
    display: block;
    font-size: 22px;
    color: #5e7461 !important;
}

/* Color verde en todas los enlaces al blog */
.qodef-e-title.entry-title a {
    transition: color 0.3s ease;
}

.qodef-e-title.entry-title a:hover {
    color: #5e7461 !important;
}

/* Color verde en todas las páginas */
#qodef-page-header-inner {
    background-color: #5e7461 !important;
}

/* Transparente solo en la página de inicio */
.home #qodef-page-header-inner,
.front-page #qodef-page-header-inner {
    background-color: transparent !important;
}

.qodef-blog article.format-quote .qodef-e-quote-author-position {
    color: #5e7461;
}

.qodef-blog article.format-quote .qodef-icon-linea-icons {
    color: #5e7461;
}





@media (max-width: 768px), (hover: none) {

  /* Forzar estado visible SIEMPRE */
  .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content {
    position: absolute !important;
    left: 20px !important;
    bottom: 20px !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;

    z-index: 2 !important;
  }

  /* Eliminar cualquier ocultación en el padre */
  .qodef-portfolio-list.qodef-item-layout--info-on-hover article:hover .qodef-e-content {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  /* MUY IMPORTANTE: algunos Qode usan overlay interno */
  .qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e-inner,
  .qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e-media-inner {
    opacity: 1 !important;
  }
}

@media (max-width: 768px), (hover: none) {

  .qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e-content {
    display: block !important;
    height: auto !important;
    clip-path: none !important;
  }

}


@media (max-width: 768px), (hover: none) {

  .qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e-content,
  .qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e-content-inner {
    
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    display: block !important;
  }

}

@media (max-width: 768px), (hover: none) {

  .qodef-portfolio-list.qodef-item-layout--info-on-hover .qodef-e-content-inner * {
    opacity: 1 !important;
    transform: none !important;
  }

}