/**
 * Template: ms-lms-starter-theme
 * Theme Name: MasterStudy Templates Child for ELCRA
 * Theme URI: https://starter.stylemixthemes.com/
 * Author: Opencom, StylemixThemes
 * Author URI: https://stylemixthemes.com/
 * Description: MasterStudy Templates Child Theme is the child theme for the MasterStudy Templates. With this child theme, you can customize your eLearning website appearance without changing the original templates.
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: classes, courses, Education, education center, e-commerce, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
 * Text Domain: elcra
 * Version: 1.0.2
 */


summary::after,
.masterstudy-course-player-lesson a[target="_blank"]::after,
[data-type="exercise-writing"]::after,
[data-type="exercise-thinking"]::after
{
	content: '';
	display: inline-block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
}

summary::after,
[data-type="exercise-writing"]::after,
[data-type="exercise-thinking"]::after
{
	right: -2rem;
	top: -0.5rem;
	height: 2rem;
	width: 2rem;
}

.masterstudy-course-player-lesson a[target="_blank"]::after {
	right: -1.6rem;
	top: -0.25rem;
	height: 1.5rem;
	width: 1.5rem;
}

.masterstudy-course-player-lesson a[target="_blank"] {
    position: relative;
    margin-right: 2rem;
	display: inline-block;
}

[data-type="exercise-writing"],
[data-type="exercise-thinking"] {
	position: relative;
	display: block;
	width: 100%;
    max-width: calc(100% - 2rem) !important;
}

/* icon on the left */
summary,
.masterstudy-course-player-lesson a[target="_blank"][data-type="library"] {
  position: relative;
  margin-right: 0;
  padding-left: 2.25rem;
}

summary::after,
.masterstudy-course-player-lesson a[target="_blank"][data-type="library"]::after
{
    background-size: contain;
	background-repeat: no-repeat;
    right: auto;
    left: 0;
}


/* image with external link */
.masterstudy-course-player-lesson a[target="_blank"]:has(img) {
	display: inline-block;
	margin-right: 0;
}

.masterstudy-course-player-lesson a[target="_blank"]:has(img)::after {
	right: 0px;
	bottom: 0px;
	background-color: #ffffffdd;
	opacity: 0.1;
	transition: opacity 100ms ease;
}

.masterstudy-course-player-lesson a[target="_blank"]:has(img):hover::after {
	opacity: 1;
}


/* custom card */
.opencom-card-flip-title {
	display: inline-block;
	position: relative;
}
.opencom-card-flip-title::after {
	position: absolute;
	content: '';
	background-image: url('https://lms.elcraproject.eu/wp-content/uploads/2025/06/mceclip0.png');
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 0;
	right: 0;
	opacity: 0.5;
	height: 2rem;
	width: 2rem;
}
.opencom-card-flip:hover .opencom-card-flip-title::after {
	opacity: 1;
}


/* icons */
.masterstudy-course-player-lesson a[target="_blank"]::after {
	background-image: url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M0 0h48v48H0z' fill='none'/%3E%3Cpolygon points='44,30 40,30 40,38 8,38 8,10 20,10 20,6 4,6 4,42 44,42 '/%3E%3Cpolygon points='26,26.828 40,12.828 40,24 44,24 44,6 26,6 26,10 37.172,10 23.172,24'/%3E%3C/svg%3E");
}
.masterstudy-course-player-content_dark-mode .masterstudy-course-player-lesson a[target="_blank"]::after {
	background-image: url("data:image/svg+xml,%3Csvg width='22px' height='22px' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M0 0h48v48H0z' fill='none'/%3E%3Cpolygon fill='white' points='44,30 40,30 40,38 8,38 8,10 20,10 20,6 4,6 4,42 44,42 '/%3E%3Cpolygon fill='white' points='26,26.828 40,12.828 40,24 44,24 44,6 26,6 26,10 37.172,10 23.172,24'/%3E%3C/svg%3E");
}

.masterstudy-course-player-lesson a[target="_blank"][data-type="library"]::after {
	  background-image: url('https://lms.elcraproject.eu/wp-content/uploads/2025/06/mceclip0-10.png.webp');
}

summary::after {
	  background-image: url('https://lms.elcraproject.eu/wp-content/uploads/2025/06/mceclip0.png');
}

[data-type="exercise-writing"]::after {
	background-image: url('https://lms.elcraproject.eu/wp-content/uploads/2025/06/mceclip6-4.png')
}

[data-type="exercise-thinking"]::after {
	background-image: url('https://lms.elcraproject.eu/wp-content/uploads/2025/07/blobid0.png')
}



/* Link container per griglie di link*/

.link-container a[target="_blank"]::after {
	right: -1ch;
	top: calc(50% - 10px);
}
.link-container a {
	transform-origin: center;
	transition: transform 100ms ease;
}
.link-container a:hover,
.link-container a:focus-visible
{
	transform: scale(1.05);
	color: black;
}


/* styling */

.masterstudy-single-course-description__image img {
	max-height: 595px !important;
	margin-bottom: 1rem;
	border-radius: 16px;
}

.course-container .stm_lms_courses__single--info_preview a {
	border-radius: 16px;
}

.course-container .stm_lms_courses__single--image a img {
	aspect-ratio: 4/3;
	object-fit: contain;
	background-color: #D2E6D1;
}


.masterstudy-instructor-public__name {
	margin-top: 1rem;
}

.masterstudy-course-card__image
img {
	object-fit: cover;
}

.course-container .stm_lms_courses__single .stm_lms_courses__single__inner,
.course-container .stm_lms_courses__single .stm_lms_courses__single--info
{
	border-radius: 16px;
	background-color: #F5FEF5;
}

.masterstudy-course-player-lesson a > img {
	display: block;
}

/* utilities */

.d-grid {
	display: grid;
}

.d-flex {
	display: flex;
}



/* animations */

.fade-in-child-divs > div {
  opacity: 0;
  animation: fade-in-child-divs 0.5s ease-in forwards;
}

.fade-in-child-divs > div:nth-child(1) { animation-delay: 0.2s; }
.fade-in-child-divs > div:nth-child(2) { animation-delay: 0.3s; }
.fade-in-child-divs > div:nth-child(3) { animation-delay: 0.4s; }
.fade-in-child-divs > div:nth-child(4) { animation-delay: 0.5s; }
.fade-in-child-divs > div:nth-child(5) { animation-delay: 0.6s; }
.fade-in-child-divs > div[data-delay] { animation-delay: attr(delay); }

@keyframes fade-in-child-divs {
  from { opacity: 0; }
  to   { opacity: 1; }
}