/*
Theme Name: Tema Liderazgo y comunicación
Description: Tema hijo de Greenshift con personalizaciones para Liderazgo y comunicación.
Author: Álvaro de Lera
Template: greenshift
Version: 1.0.0
Text Domain: lyc-theme
*/

/** Variables de colores personalizados */
:root {
	--lyc-primary-color: #000;
	--lyc-secondary-color: #fc4617;
}

.wp-block-navigation__submenu-container {
	border-radius: 8px;
	overflow: hidden;
}

/* Efecto de traslación con rebote tipo muelle */
@keyframes rubberBandEffect {
	from {
		transform: translateX(0px);
	}
	to {
		transform: translateX(-25px);
	}
}

.anamata-cta-btn .gspb-buttonbox-icon {
	animation-name: rubberBandEffect;
	animation-duration: 10s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-timing-function: linear(
		0 0%,
		0.6 1.5%,
		0.9 2.5%,
		1 3.5%,
		1 5%,
		-0.4 5.5%,
		0.2 7%,
		-0.1 8.5%,
		0 9.5%,
		0 100%
	);
}

/* Keyframes for the path drawing animation */
@keyframes drawPathByScrolling {
	to {
		stroke-dashoffset: 0;
	}
}

.swiper .swiper-slide:nth-child(even) .timeline-card img {
	transform: rotate(10deg);
}

/******** FLUENT FORM INPUTS ***********/
.fluent-form-wrapper {
	input[type="text"].ff-el-form-control,
	input[type="email"].ff-el-form-control,
	input[type="url"].ff-el-form-control,
	input[type="tel"].ff-el-form-control,
	input[type="number"].ff-el-form-control,
	input[type="password"].ff-el-form-control,
	input[type="search"].ff-el-form-control,
	input[type="date"].ff-el-form-control,
	textarea.ff-el-form-control,
	select.ff-el-form-control {
		border-radius: 4px;
		background-color: white;
		border: 1px solid #747778;
		padding: 8px 24px;
		font-size: 1rem;
		line-height: 140%;
		font-family: "General Sans", sans-serif;

		&:focus {
			color: black;
			border-radius: 4px;
			background-color: #c7efd74d;
			border: 1px solid #0a030d;
		}
	}

	input[type="checkbox"] {
		width: 20px;
		height: 20px;
		margin-right: 10px;
		accent-color: black;
	}

	.ff-el-group.ff-el-input--content {
		margin-bottom: 0;
	}

	form {
		button[type="submit"].ff-btn-submit {
			background-color: var(--gs-colorcolor3);
			color: white;
			border-radius: 100px;
			padding: 16px 32px;
			font-size: 1.2rem;
			line-height: 160%;
			margin-top: 30px;

			&:after {
				content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTggMTgiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC45OTk4IDEwLjQ3NVYxNy4wNUwxNy4wNDk4IDguOTk5NTVMOC45OTk4IDAuOTQ5OTUxVjcuNTI0OTVIMC45NDk4MDRWMTAuNDc1SDguOTk5OFoiIGZpbGw9IndoaXRlIi8+PC9zdmc+");
				display: inline-block;
				width: 18px;
				height: 18px;
				margin-left: 20px;
			}
		}

		&.frm-fluent-form button[type="submit"].ff-btn-submit.ff_btn_style:hover {
			opacity: 1;
		}
	}
}

/**
 * Estilos para el área de cursos
 */

.editor-styles-wrapper .sensei-lms-course-navigation-module__title,
.sensei-lms-course-navigation-module__title {
	line-height: 1.1;
}
.sensei-lms-course-navigation-lesson.current-lesson
	.sensei-lms-course-navigation-lesson__title {
	color: var(--lyc-secondary-color);
}
.sensei-lms-course-navigation-lesson.current-lesson
	.sensei-lms-course-navigation-lesson__title:hover {
	font-weight: 500;
}
.sensei-lms-course-navigation-lesson__title {
	font-weight: 400;
}

.editor-styles-wrapper .sensei-course-theme__main-content.wp-block-post-title,
.editor-styles-wrapper .sensei-course-theme__main-content .wp-block-post-title,
.sensei-course-theme.wp-block-post-title,
.sensei-course-theme .wp-block-post-title {
	font-size: var(--font-size-1) !important;
	line-height: 1 !important;
	font-weight: 800 !important;
}
.wp-block-sensei-lms-ui h2.wp-block-heading,
.wp-block-sensei-lms-ui h2.wp-block-heading strong {
	font-size: var(--font-size-2) !important;
	line-height: 1.05 !important;
	font-weight: 600 !important;
}
.wp-block-sensei-lms-ui h3.wp-block-heading,
.wp-block-sensei-lms-ui h3.wp-block-heading strong {
	font-size: var(--font-size-3) !important;
	line-height: 1.1 !important;
	font-weight: 600 !important;
}
.wp-block-sensei-lms-ui h4.wp-block-heading,
.wp-block-sensei-lms-ui h4.wp-block-heading strong {
	font-size: var(--font-size-4) !important;
	line-height: 1.2 !important;
	font-weight: 600 !important;
	color: var(--lyc-primary-color) !important;
}
.lesson-template-default .entry-content p {
	font-weight: 400 !important;
	color: #1e1e1e;
}
.lesson-template-default .entry-content p a {
	color: var(--lyc-primary-color);
}
.lesson-template-default .entry-content p.lesson-text--tag-style {
	color: var(--lyc-primary-color);
}

.lesson-template-default
	.editor-styles-wrapper
	.sensei-course-theme__main-content
	.wp-block-button
	.wp-block-button__link,
.lesson-template-default.sensei-course-theme
	.wp-block-button
	.wp-block-button__link,
.lesson-template-default .sensei-course-theme__button .wp-block-button__link {
	border-radius: 100px !important;
	border: 1px solid var(--lyc-primary-color) !important;
	background-color: white !important;
	color: var(--lyc-primary-color) !important;
	padding: 0.43em 1.11em !important;
}
.lesson-template-default
	.editor-styles-wrapper
	.sensei-course-theme__main-content
	.wp-block-button
	.wp-block-button__link:hover,
.lesson-template-default.sensei-course-theme
	.wp-block-button
	.wp-block-button__link:hover,
.lesson-template-default
	.sensei-course-theme__button
	.wp-block-button__link:hover {
	background-color: var(--lyc-primary-color) !important;
	color: #fff !important;
}

.lesson-template-default
	.editor-styles-wrapper
	.sensei-course-theme__main-content
	.wp-block-button.is-primary,
.lesson-template-default
	.editor-styles-wrapper
	.sensei-course-theme__main-content
	.wp-block-button.wp-block-button:not(.is-style-outline, .is-style-link),
.lesson-template-default.sensei-course-theme .wp-block-button.is-primary,
.lesson-template-default.sensei-course-theme
	.wp-block-button.wp-block-button:not(.is-style-outline, .is-style-link),
.lesson-template-default.sensei-course-theme__button.is-primary,
.lesson-template-default.sensei-course-theme__button.wp-block-button:not(.is-style-outline, .is-style-link) {
	background-color: unset;
	border: 0;
}

#private_message .wp-block-sensei-lms-button-contact-teacher{
	border:0;
}

/**
 * Estilos para el área de usuario
 */

.wp-block-sensei-lms-course-list select {
	border-radius: 100px;
	padding-inline: 40px;
	border-color: #c4c4c4;
}

h2.lyc-messages-title {
	font-size: 1.7rem;
}

.lyc-profile-course-actions {
	display: flex;
	flex-direction: column;
	align-items: center;

	.wp-block-button .wp-block-button__link {
		font-weight: 400 !important;
	}
}

.lyc-user-avatar {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
}

/**
 * Estilos para el perfil del alumno
 */
body.learner-profile {
	#learner-info {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 1rem;
		padding-inline: 10px;

		.lyc-learner-avatar img {
			width: 120px;
			aspect-ratio: 1/1;
			border-radius: 50%;
			overflow: hidden;
		}
		h2 {
			margin: 0;
		}

		.lyc-learner-actions {
			display: flex;
			justify-content: center;
			column-gap: 1rem;
		}
	}
}

.sensei-progress-bar__progress.has-background.has-secondary-background-color{
	background-color:#000!important;
}