/*

Theme Name:		        Jesús Morrás  — Child
Theme URI: 		        https://dox.forqy.website/
Description:            Child Theme de Jesús Morrás
Text Domain: 			jesusmorras
Version:				1.0.0

Template:		        dox
Template Version: 		1.3.2

Author: 		        FORQY
Author URI:             https://forqy.website/

License:				GPL-3.0-or-later
License URI:			https://www.gnu.org/licenses/gpl-3.0-standalone.html

*/

.fy-container {
  box-shadow: 0 !important
}

.fy-heading h1 {
 
  font-size: clamp(1rem, (0.75rem + 1.7vw), 1.5rem) !important;
  text-transform: uppercase;
}

.fy-heading__navigation .fy-navigation-list > li a {
 
  font-weight: 500;
  line-height: 2rem;
}

 

.fy-heading-xsmall .fy-heading-container {
 
  padding-top: 10px;
  padding-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
 
  font-weight: 300;
}



/*Estilos miniatura trabajos*/

.fy-post-slide.has-post-thumbnail .fy-post-image a {
  min-height: 0 !important /*480px;  si le quitas esto, se pone del tamaño que corresponde a las dimensiones, sino, es formato 4:5*/
} 


/*Estilos miniatura trabajos - Jesús 5-8-2025*/
.fy-post-slide.has-post-thumbnail .fy-post-container {
  transform: none;
  background-color: transparent !important;
  color: #ffffff;
  transition: none !important;
}

.fy-post-slide.has-post-thumbnail .fy-post-container a{ 
  color: #ffffff;
}

.fy-post-slide.has-post-thumbnail .fy-post-container a:hover { 
  border-color:  rgba(255,255,255,0.8); 
}

.fy-post-slide.has-post-thumbnail:hover .fy-post-container {
  transform: none !important;
  box-shadow: none !important;
}

/*Estilos imagen de fondo - 90% centrada*/
.fy-slide-image {
  width: 90% !important;
  height: 90% !important;
  left: 5% !important;
  top: 5% !important;
  object-fit: contain !important;
}

/*Estilos para Tumblr en redes sociales*/
.fy-socials .tumblr-social a:hover,
.cs-socials .tumblr-social a:hover {
  color: #000000 !important; /* Color negro para hover */
}

.fy-socials .tumblr-social .icon,
.cs-socials .tumblr-social .icon {
  width: 24px !important;
  height: 24px !important;
  fill: currentColor;
}

/* Estilos adicionales para el elemento Tumblr inyectado via JavaScript */
.tumblr-social a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tumblr-social .fy-icon {
  display: block !important;
  position: relative !important;
  z-index: 2 !important;
  color: currentColor !important;
  width: 24px !important;
  height: 24px !important;
}


.fy-logo {
font-size: 1.1rem;
font-size: clamp(0.5.rem, (1rem + 2vw), 2rem);
letter-spacing: 2px;
text-transform: uppercase;
}