/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.title-comments,
.comment-reply-title {
    font-family: "Open Sans", Sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: var(--e-global-color-c1df445);
    margin: 0;
}

section#comments {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.comment-content,
.comment-content p,
.comments-area,
.comments-area a,
.e-bom-ter-em-mente p {
    font-family: "Open Sans", Sans-serif;
    font-size: 17px;
    line-height: 1.2em;
}

.e-bom-ter-em-mente p {
    font-family: "Open Sans", Sans-serif !important;
    font-size: 17px!important;
    line-height: 27px!important;
    color: #000000!important;
    margin-block-end: .9rem!important;
}

.e-bom-ter-em-mente a {
    color: #273a50;
}

.e-bom-ter-em-mente img {
    margin-top:16px;
    margin-bottom:16px;

    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    display: block;
    object-fit: contain;
}

.comments-area a {
    color: #273A50;
    font-size: 14px;
}

.comments-area b.fn a {
    font-size:17px;
    font-weight: 600;
}

.comments-area .says,
.comments-area .edit-link,
.logged-in-as {
    display: none;
}

div#respond {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#respond .form-submit #submit {
    border: 0px;
}

#respond .form-submit #submit:hover {
    text-decoration: underline;
}

p.comment-form-comment {
    margin-bottom: 16px;
}

.comment-form-comment {
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#comment {
    max-height: 120px;
    border: 1px solid #8c8ca2;
}

.comment-form-comment label {
    font-size: 14px;
}

.comment-respond {
    margin-top: 16px;
}

.comment-reply-title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.course-completed-msg {
    background: #f0f8ff;
    border-left: 4px solid #0073aa;
    padding: 12px;
    font-size: 16px;
    font-family: "Open Sans", Sans-serif;
}

.certificate-button {
    display: inline-block;

    line-height: 27px;
    color: var(--e-global-color-1d2928b);
    background-image: linear-gradient(90deg, #273A50 0%, #75A0AB 100%);
    border-radius: 8px 8px 8px 8px;
    padding: 08px 12px 8px 12px;

    font-family: "Open Sans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.certificate-button:hover {
    color: var(--e-global-color-1d2928b);
    text-decoration: underline;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not([disabled]):not(.wpProQuiz_button_reShowQuestion):not(.wpProQuiz_button_restartQuiz),
input.wpProQuiz_button {
    color: white;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem:not(.ld-sortable__item) label {
    line-height: 1.4em;
}

.custom-tooltip {
    position: absolute;
    transform: translateX(-50%);
    background-color: #f44336;
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 0.85em;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
    z-index: 9999;
}