/*!
Theme Name: Divi Cursos 3D Education
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: courses3dedtheme
Domain Path: /languages
Version: 4.8.1.1
Updated: 2021-12-22 20:41:00
*/

/**
 * Make sure the lists show its values!
 */
.lesson-description ol, .lesson-description ul {
	padding: 0 0 1em 3em;
	margin: 1em auto;
}

.lesson-description ol {
	list-style: decimal;
}

.lesson-description ul {
	list-style: disc;
}

#popup-course #popup-content #learn-press-content-item .content-item-wrap .content-item-summary .content-item-description.lesson-description p,
#popup-course #popup-content #learn-press-content-item .content-item-wrap .content-item-summary .content-item-description.lesson-description {
	font-size: 17px;
}

/**
 * Make sure the "complete" button is not shown
 */
#learn-press-content-item .button-complete-lesson {
	display: none;
}

button.lp-button.lp-btn-finish-course {
	display: none !important;
}

/**
 * Hide the progress bar for the courses.
 */
.items-progress {
    display: none !important;
}

/**
 * Links as Buttons
 */

#popup-course .youtube-link,
#popup-course .yt-link,
#popup-course .basic-link,
#popup-course .button-link {
	color: white;
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 20px;
	border-radius: 5px;
	font-weight: bold;
}

#popup-course .basic-link,
#popup-course .button-link {
	background: var(--lp-secondary-color);
}

#popup-course .youtube-link,
#popup-course .yt-link {
	background: #FF0000;
}

#popup-course .button-link.center,
#popup-course .basic-link.center {
	display: block;
	text-align: center;
	margin: 0 auto 2rem auto;
	width: max-content;
}

/**
 * Leaves a space after buttons with images.
 */
.link-object.has-link.has-image {
	margin-bottom: 2rem;
}

/**
 * Social custom-made buttons
 */
a.whatsapp-share.whatsapp-button {
    background-color: #25D366;
    color: white;
    font-size: 15px;
    font-weight: 700;
    padding: 0.25rem 1rem;
    border-radius: 10px;
}

/**
 * Styles for Quizes
 */
.course-item-lp_quiz .quiz-status > div {
	background: #dfeaf2;
}

#popup-course #popup-content .submit-quiz .lp-button {
	margin: 0 10px;
}

#popup-course .quiz-result .result-grade svg.circle-progress-bar circle {
	stroke: var(--lp-secondary-color);
}

/**
 * Other lists controls and styles.
 */
h3.course-item-title.question-title {
    line-height: 1.25em;
}

li.mb-2 {
	margin-bottom: 2em;
}

ol.separated-list li,
ul.separated-list li {
    margin-bottom: 1rem;
}

.remove-botton-spacing {
	padding: 0;
	margin: 0 !important;
}

/**
 * Special text styles
 */
.lesson-description .word-spaced {
	margin: 1em auto !important;
	padding: 0;
	text-align: center;
}

/**
 * Special teachers styles.
 */
.teacher-feature-block {
	overflow: auto;
	margin: 0 0 1.5em 0;
}

.teacher-feature-block img {
	margin: 0 1em;
}

.teacher-feature-block img.at-right {
	float: right;
}

.teacher-feature-block img.at-left {
	float: left;
}

/**
 * WordCloud styles
 */
div#wordcloud-hr {
	width: 610px;
	height: 610px;
	display: block;
	margin: 2em auto;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
}

p.wordcloud.error {
    border: 2px solid red;
    border-radius: 5px;
    padding: 1rem;
    margin: 1rem 0 !important;
    font-weight: 700 !important;
}

/**
 * TagCloud Styles
 */
div#tagcloud-object {
	margin: 1rem 0;
}

div#tagcloud-object .user-word {
	display: inline-block;
    margin: 0.25rem;
	padding: 0.25rem 1rem;
    user-select: none;
    background-color: var(--lp-secondary-color);
    border-radius: 5px;
    color: white;
    font-weight: 700;
}

/**
 * Timer Styles
 */
div.has-countdown.countdown-object {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5rem;
}

span#countdown-timer {
    width: 15rem;
    font-size: 5rem;
    height: 4rem;
    text-align: center;
}

/**
 * Custom reply styles for commments in courses
 */
.learn-press-comments .before-submit.message {
	margin: 2rem 0;
}

.comment-body.custom-reply-body {
	position: relative;
	margin: 2rem 0;
	padding: 0 0 0 55px;
}

.comment-body.custom-reply-body .comment_avatar {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
}

.comment-body.custom-reply-body .comment_avatar img {
	border: 2px solid white;
	box-shadow: 5px 5px 10px -2px #808080;
	border-radius: 50%;
}

.comment-body.custom-reply-body .comment_postinfo {
	padding: 1rem 0 0 1rem;
	border-radius: 5px 5px 0 0;
}

.comment-body.custom-reply-body .comment_postinfo:before {
	content: ' ';
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-right: 10px solid #f8f8f8;
	width: 0;
	height: 0;
	margin-left: -25px;
	margin-right: 15px;
}

.comment-body.custom-reply-body .comment_postinfo .fn {
	font-weight: 700;
	font-size: 1.15rem;
	color: #000;
}

.comment-body.custom-reply-body .comment_postinfo .comment-edit-link {
	font-size: 12px;
}

.comment-body.custom-reply-body .comment_postinfo .fn a.url {
	color: #000;
}

.comment-body.custom-reply-body .comment_area {
	min-height: 3rem;
	border-radius: 0 0 5px 5px;
	padding: 0 0 2rem 1rem;
}

.comment-body.custom-reply-body .comment_area,
.comment-body.custom-reply-body .comment_postinfo {
	background-color: #f8f8f8;
	margin: 0 0 0 30px;
}

.comment-body.custom-reply-body .comment_area .comment-content {
	font-size: 1rem;
	text-align: justify;
	margin-right: 1.5rem;
}

.comment-body.custom-reply-body .comment_area .reply-container {
	position: absolute;
	top: -12px;
    right: -8px;
}

.comment-body.custom-reply-body .comment_area .reply-container .et_pb_button {
	font-size: 13px;
	background-color: white;
	color: var(--lp-secondary-color);
	border-color: var(--lp-secondary-color);
}

.comment-body.custom-reply-body .comment_area .reply-container .et_pb_button:after,
.comment-body.custom-reply-body .comment_area .reply-container .et_pb_button:before {
	font-size: 22px;
}

.comment-body.custom-reply-body .comment_date {
	position: absolute;
	font-size: 13px;
	bottom: 0;
	right: 10px;
}

.comment-respond #reply-title small {
	display: inline;
}

.comment-reply-title #cancel-comment-reply-link {
    background-color: #b10b0b;
    padding: 0.25rem 1rem;
    color: white;
    border-radius: 5px;
    font-size: 15px;
    margin-left: 1rem;
}

ul.children .comment-body.custom-reply-body {
	margin-left: 2.5rem;
}

div#learn-press-item-comments{
	margin-top: -80px;
}

li.comment.byuser {
	list-style-type: none;
}

li.comment.et-pb-non-builder-comment {
	list-style-type: none;
}

.comment_like {
    margin-left: 55px;
    width: fit-content;
    background-color: #f8f8f8;
    padding: 0 1rem 0.5rem 1rem;
	border-radius: 0 0 5px 5px;
	cursor: pointer;
	user-select: none;
}

.comment_like:hover > span > i,
.comment_like .liked {
	color: #0345fc;
}

/**
 * Courses fields
 */
input.input-field {
	padding: 0.5rem;
}

input.full-width {
    width: 100%;
}

input.input-field.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

input.input-field.larger {
	font-size: 1.25rem;
}

/**
 * Submit buttons
 */
button.wordcloud-button {
	background-color: var(--lp-secondary-color);
    color: white;
    border-radius: 3px;
    padding: 5px 30px;
    height: 45px;
    vertical-align: top;
    border: none;
}

/**
 * Span highlights
 */
span.highlight.alert {
	color: red;
	font-size: 1.1 rem;
	font-weight: bold;
}

/**
 * Disclaimer that may be shown at some pages.
 */
.disclaimer {
    border: 1px solid #e8af13;
    padding: 1rem;
    border-radius: 10px;
    background: #fff4d4;
}

/**
 * Styles the comment reply section
 */
.learn-press-comments .comment-respond {
	padding: 1rem;
}

.learn-press-comments .comment-form-comment #comment {
	width: 100%;
	border: none;
	background-color: #f8f8f8;
	resize: none;
	border-radius: 5px;
	padding: 0.75rem;
	font-size: 1rem;
}

/**
 * Fixes some issues with questionaires
 */
.answer-options .answer-option input[type=checkbox]::after,
.answer-options .answer-option input[type=radio]::after {
	top: 20px;
	left: 10px;
}

.quiz-result p.result-message {
	font-size: 0;
}

.quiz-result p.result-message::after {
    font-size: initial;
}

/**
 * Add currency to prices in front-end
 */
span.price::before {
    content: "USD";
}

/**
 * Make sure course title is not capitalized in the course view
 */
#learn-press-course-curriculum.course-curriculum ul.curriculum-sections .section-header .section-left .section-title {
	text-transform: initial;
}

/**
 * New icons to show in the lessons display
 */
.course-curriculum .course-item.course-item-lp_lesson .section-item-link::before,
.course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
	min-width: 25px;
    text-align: center;
	font-family: "Font Awesome 6 Free";
}

.course-curriculum .course-item.course-item-lp_lesson.course-youtube .section-item-link::before {
    content: "\f167";
	font-family: "Font Awesome 6 Brands";
}

.course-curriculum .course-item.course-item-lp_lesson.gallery .section-item-link::before {
    content: "\f302";
}

.course-curriculum .course-item.course-item-lp_lesson.link .section-item-link::before,
.course-curriculum .course-item.course-item-lp_lesson.course-link .section-item-link::before {
    content: "\f0c1";
	font-weight: 600;
}

.course-curriculum .course-item.course-item-lp_lesson.quote .section-item-link::before {
    content: "\f10d";
	font-weight: 600;
}

.course-curriculum .course-item.course-item-lp_lesson.forum .section-item-link::before {
    content: "\f086";
}

.course-curriculum .course-item.course-item-lp_lesson.course-poll .section-item-link::before {
    content: "\f681";
	font-weight: 600;
}

.course-curriculum .course-item.course-item-lp_lesson.dynamic-activity .section-item-link::before {
    content: "\f621";
	font-weight: 600;
}

.course-curriculum .course-item.course-item-lp_lesson.course-wordcloud.dynamic-activity .section-item-link::before {
    content: "\f509";
	/*font-family: "Font Awesome 6 Brands";
	font-weight: 400;*/
}

.course-curriculum .course-item.course-item-lp_lesson.countdown.dynamic-activity .section-item-link::before {
    content: "\f017";
	font-weight: 400;
}

.course-curriculum .course-item.course-item-lp_lesson.course-video .section-item-link::before {
    content: "\f144";
	font-weight: 600;
}

.course-curriculum .course-item.course-item-lp_lesson.next-course .section-item-link::before {
    content: "\f061";
	font-weight: 600;
}

.course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
    content: "\f044";
}

/**
 * Definitions currently not used.
 */
.course-curriculum .course-item.course-item-lp_lesson.single-comment .section-item-link::before {
    content: "\f4ad";
}

.course-curriculum .course-item.course-item-lp_lesson.teacher-comment .section-item-link::before {
    content: "\f51c";
	font-weight: 600;
}

/**
 * Changes to the introduction page of the courses.
 */
.meta-item.meta-item-lesson, .meta-item.meta-item-lesson::before {
    display: none;
}

.lp-archive-courses .course-meta__pull-left .meta-item__value label,
.lp-archive-courses .course-meta__pull-left .meta-item::before {
	color: white;
	opacity: 0.6;
}

.lp-archive-courses .course-detail-info::after {
	display: none;
}

/**
 * Changes the small hover issue in the courses page
 */
.lp-archive-courses .course-content .course-categories a:hover {
	color: white;
}

/**
 * Some changes to some pages to make it more obvious that there is more content
 * after the QR code.
 */
.course-item-popup.postid-691.viewing-course-item-702 .content-item-wrap,
.course-item-popup.postid-838.viewing-course-item-907 .content-item-wrap {
	margin-top: 0px;
}

.course-item-popup.postid-691.viewing-course-item-702 .content-item-summary,
.course-item-popup.postid-838.viewing-course-item-907 .content-item-summary {
	padding-top: 25px;
}

.course-item-popup.postid-691.viewing-course-item-702 h3.course-item-title.lesson-title,
.course-item-popup.postid-838.viewing-course-item-907 h3.course-item-title.lesson-title {
	margin-bottom: 12px;
}

/**
 * Changes to make sure the Copyright bar at the bottom of the page is visible
 */
#popup-course #popup-content {
	margin: 70px 0 90px 0;
}

#popup-course #popup-footer {
	height: 90px;
	max-width: calc(100% - 475px);
}

#popup-course #popup-footer .course-item-nav {
	margin: 0 auto;
    max-width: 792px;
}

.bottom-notice.notice.copyright-notice {
	height: 40px;
	background: var(--lp-secondary-color);
    color: white;
	display: flex;
    justify-content: center;
    align-items: center;
}

#popup-course #popup-footer .course-item-nav__name {
	right: initial;
}

#popup-course #popup-footer .prev .course-item-nav__name {
	left: initial;
}

@media screen and (max-width: 1280px){
	#popup-course #popup-footer {
		max-width: 100%;
    	padding: 0;
	}

	#popup-course #popup-footer .course-item-nav {
		padding: 0 5px;
	}
}

/**
 * Hide specific things while in print mode
 */
@media print {
	input#sidebar-toggle,
	div#popup-header,
	div#popup-sidebar,
	div#popup-footer,
	.print-button,
	.hide-on-print,
	ul.learn-press-breadcrumb {
		display: none !important;
	}

	input.input-field {
		border: none;
		padding: 0;
	}
}