/*
Theme Name: MTS Interactive Child – MANOMETRÍA E INSTRUMENTACIÓN, S.L.
Theme URI: https://mei.es
Description: Tema hijo de Interactive (MyThemeShop) modificado a medida para MEI.
Author: Kalía Corrales (SEORIA)
Author URI: https://seoria.es
Template: mts_interactive
Version: 1.0.0
Text Domain: mts-interactive-child-mei
*/

/* =========================================================
   1) IMÁGENES / LISTADOS / SLIDERS
   ========================================================= */

/* Miniatura en listados (imagen a la izquierda) */
.article a.post-image.post-image-left {
  max-width: 22%;
}

/* Slider: sin sombra + ancho máximo */
.flexslider {
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0);
  max-width: 400px;
}

/* Bordes redondeados en imágenes */
#sidebar .wp-post-image,
.post-img img {
  border-radius: 1%;
}


/* =========================================================
   2) MIGAS DE PAN / ELEMENTOS DE CABECERA
   ========================================================= */

.breadcrumb .breaking {
  height: fit-content;
}

.big-posts h2.title {
    display: none;
}

/* =========================================================
   3) TIPOGRAFÍA / ICONOS
   ========================================================= */

.latestPost-categories ul li i {
  font-family: 'FontAwesome';
  font-weight: 100;
}

/* Margen superior en H6 */
h6 {
  margin-top: 12px;
}

/* ======== CATEGORÍAS / ICONOS ======== */
.latestPost-categories .container ul {
	display: flex;
	overflow-x: auto;
	width: 100%;
}

.latestPost-categories ul li i {
	font-family: 'FontAwesome';
	font-weight: 100;
}

.latestPost-categories ul li .name {
	min-inline-size: max-content;
}

.latestPost-categories ul li:nth-child(2) {
	padding-left: 10px;
	padding-right: 10px;
}
.latestPost-categories ul li a:hover .name {
	color: #02317f;
}

.latestPost-categories ul li:nth-child(8) a:hover,
.latestPost-categories ul li:nth-child(8) a:hover .name,
.latestPost-categories ul li:nth-child(9) a:hover,
.latestPost-categories ul li:nth-child(9) a:hover .name,
.latestPost-categories ul li:nth-child(10) a:hover,
.latestPost-categories ul li:nth-child(10) a:hover .name,
.latestPost-categories ul li:nth-child(11) a:hover,
.latestPost-categories ul li:nth-child(11) a:hover .name {
  color: #b1001b;
}

/* =========================================================
   4) MENÚS / WIDGETS / SIDEBAR
   ========================================================= */

/* Altura / separación del menú dentro de widgets */
.widget .menu li {
  margin-bottom: 9px;
}

/* Espacio en widget concreto (Achilles) */
#media_image-3 {
  padding: 10px 0px;
}

/* Altura de arriba (banner Ariba) */
.ariba-banner {
  margin-bottom: 17px;
}


/* =========================================================
   5) LISTADOS DE POSTS (NOVEDADES)
   ========================================================= */

.latestPost {
  width: 100%;
  float: left;
  position: relative;
  /* margin-bottom: 30px; */
}

/* (comentado en origen)
.advanced-recent-posts li,
.popular-posts li,
.category-posts li,
.related-posts-widget li,
.author-posts-widget li {
  list-style: none !important;
  margin: 0;
  overflow: hidden;
  transition: all 0.25s linear;
  color: #aaa;
  padding: 12px 0px;
  border-bottom: 1px solid #E5E5E5;
}
*/


/* =========================================================
   6) BLOQUE VÍDEO YOUTUBE (PREVIEW + PLAY)
   ========================================================= */

.contenedor {
  display: block;
  margin: 20px auto;
  width: 100%;
  max-width: 600px;
}

.reproductor {
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  cursor: hand;
  cursor: pointer;
}

img.imagen-previa {
  display: block;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
}

div.youtube-play {
  height: 64px;
  width: 64px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  opacity: 0.7;
  position: absolute;
  background: url("https://cdn2.iconfinder.com/data/icons/social-icons-color/512/youtube-64.png") no-repeat;
}

div.youtube-play:hover {
  opacity: 1;
}

#youtube-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/* =========================================================
   7) POPUPS (Popup Maker) - BOTÓN CERRAR
   ========================================================= */

.pum-theme-8050 .pum-content + .pum-close,
.pum-theme-tema-por-defecto .pum-content + .pum-close {
  background-color: #02317f;
}


/* =========================================================
   8) FOOTER
   ========================================================= */

/* Espacios entre widgets del footer */
#site-footer .widget {
  margin-bottom: 10px;
}

.canalyoutube {
  margin-top: 30px;
}


/* =========================================================
   9) RESPONSIVE
   ========================================================= */

@media screen and (max-width: 1024px) {
  header .container {
    display: flex;
    justify-content: space-between;
    align-content: baseline;
  }

  header .widget_search {
    max-width: 200px;
  }
}

@media screen and (max-width: 900px) {
  .big-posts {
    display: none;
  }

  .sidebar.sidebar-left {
    max-width: 236px;
    width: 28.19%;
    float: left;
  }
}

@media screen and (max-width: 480px) {
  header .container {
    display: table;
  }

  .widget.widget_search {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
}