/**
 * Custom CSS - Vayvo Progression Child
 *
 * Añade aquí tus estilos personalizados.
 * Este archivo se carga después del tema padre y del style.css del tema hijo.
 */

/* ==========================================================================
   Variables (opcional)
   ========================================================================== */

:root {
	/* --classics-primary: #22b2ee; */
	/* --classics-secondary: #08070e; */
}


/* ==========================================================================
   Global
   ========================================================================== */

/* Ejemplo:
body {
	color: #ffffff;
}
*/

.single-video_skrn #yourRecomendation {
	display: none !important;
}

.caracteristicas-rutas img {
   max-width: 100px !important;
   width: 100% !important;
}

.button-inka .icon::before {
    font-family: elementskit !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.condition-and-content-inka a {
	color: #097a58 !important;
}

form a {
	color: #097a58 !important;
}

/* ==========================================================================
   Header / Navegación
   ========================================================================== */

/* Ejemplo:
#masthead-pro {
	background-color: #08070e;
}
*/


/* ==========================================================================
   Videos / TV Series - Episode Description (Leer más / Leer menos)
   ========================================================================== */

.progression-episode-list-short-description.is-truncatable .progression-episode-list-short-description-content.is-collapsed {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.progression-episode-list-short-description.is-truncatable .progression-episode-list-short-description-content.is-expanded {
	display: block;
	overflow: visible;
	-webkit-line-clamp: unset;
	line-clamp: unset;
}

.progression-episode-list-short-description.is-truncatable .progression-episode-read-more-btn {
	display: inline-block;
	margin-top: 8px;
	padding: 0;
	border: 0;
	background: none;
	color: rgba(255,255,255,0.65);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: color 0.2s ease;
}

.progression-episode-list-short-description.is-truncatable .progression-episode-read-more-btn:hover,
.progression-episode-list-short-description.is-truncatable .progression-episode-read-more-btn:focus {
	color: rgba(255,255,255,0.85);
	outline: none;
}


/* ==========================================================================
   Footer
   ========================================================================== */

/* Ejemplo:
#footer-pro {
	padding-top: 40px;
}
*/


/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 767px) {
	/* Estilos para móvil */
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* Estilos para tablet */
}