/*
Theme Name: Hello Child 02
Theme URI: http://example.com/hello-child/
Template: hello-elementor
Author: Seu Nome
Author URI: http://example.com
Description: Tema filho do tema Hello
Version: 1.0.0.1747107550
Updated: 2025-05-13 00:39:10

*/

#course-settings {
    display: none;
}
.tutor-course-single-content-wrapper {
    background-color: #121212 !important;
}
.hide-comments {
    display: none !important;
}
.tutor-page-wrap {
    padding-top: 4%;
}
.tutor-single-course-sidebar-more>div:last-child {
    border: 0 !important;
}
.tutor-course-details-widget {
    border: 0 !important;
    background-color: #424242 !important;
    padding: 30px !important;
}
.tutor-wrap {
    padding-top: 4%;
}
.tutor-dashboard {
    background-color: #121212;
}
.courses-template-default {
    background-color: #121212 !important;
}
.tutor-color-black {
    color: #fff;
}
.tutor-course-content-list-item-title {
    color: #fff;
}
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) {
    color: #fff;
    border-bottom: 0;
}
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link {
    color: #fff;
}
.tutor-nav-link.is-active {
    color: #3e64de !important;
}
.tutor-btn-ghost {
    color: #fff;
}
.tutor-btn-ghost:hover {
    color: #ffa804;
}
.tutor-meta>* {
    color: #fff;
}
.tutor-nav .tutor-nav-more-icon {
    color: #fff;
}
.tutor-accordion-item-header.is-active {
    color: #fff;
    background-color: #6a6a6a;
}
.tutor-course-content-list-item {
    background-color: #424242;
}
.tutor-course-content-list-item:hover {
    background-color: #6a6a6a;
}
.tutor-course-content-list-item-icon {
    color: #fff;
}
.tutor-course-thumbnail {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.tutor-user-public-profile .tutor-user-profile-content h3 {
    color: #fff !important;
}
.tutor-user-public-profile .photo-area .pp-area .profile-name h3 {
    p-pcolor: #fff !important;
}
.tutor-accordion-item {
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: #424242;
}
.tutor-accordion-item-body-content {
    border-top: 0;
}
.tutor-course-single-content-wrapper .tutor-video-player .loading-spinner {
    background-color: #121212 !important;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header .tutor-course-topic-summary {
    color: #fff;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header:after {
    color: #fff;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
    background-color: #424242;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a {
    border: solid 1px;
    background-color: #424242;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    border-color: #6a6a6a !important;
    padding: 6px 8px !important;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-title {
    color: #fff;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-icon {
    color: #fff;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body {
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #fff00 !important;
    background-color: none;
}
.tutor-course-single-sidebar-wrapper {
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: #424242;
    width: 400px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    flex: 0 0 400px;
    padding: 10px;
    margin: 30px;
}
.tutor-course-single-sidebar-title {
    display: flex;
    background-color: #fff;
    background-color: #424242;
    height: 60px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    align-items: center;
    border-bottom: 0 !important;
    padding: 8px 16px;
}
#-single-lesson-2-9 .tutor-course-single-content-wrapper .tutor-course-single-sidebar-wrapper {
    background-color: #424242;
    border-top-color: #424242;
    border-right-color: #424242;
    border-bottom-color: #424242;
    border-left-color: #424242;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px !important;
    color: var(--tutor-body-color);
    background-color: #6a6a6a !important;
    outline: transparent solid 2px;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    border-radius: 10px !important;
    user-select: none;
    cursor: pointer;
    outline-offset: 2px;
    border-bottom: 0 !important;
    padding: 12px 44px 12px 16px;
}
.tutor-course-topic-title {
    color: #fff;
}
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-icon, .tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active .tutor-course-topic-item-title {
    color: #fff;
}
.tutor-video-player-wrapper {
    margin-right: 20px;
    background-color: #121212 !important;
}
.plyr--video {
    background-color: #121212;
    overflow: hidden;
}
.tutor-iconic-btn:hover, .tutor-iconic-btn:focus, .tutor-iconic-btn:active {
    color: #fff;
    background-color: rgba(var(--tutor-color-primary-rgb), 0.1);
    border-color: rgba(var(--tutor-color-primary-rgb), 0.1);
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    background-color: #121212;
}
.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer {
    background-color: #121212;
    border-top: #121212;
}
.tutor-btn-secondary {
    color: #fff;
    background-color: #c49e2c;
    border-color: #c49e2c;
}
.tutor-dashboard .tutor-dashboard-left-menu .tutor-dashboard-menu-item-icon {
    color: #fff;
}
.tutor-dashboard-menu-item-text {
    color: #fff;
}
.tutor-round-box {
    color: #fff;
}
.tutor-fs-3 {
    color: #fff;
}
.tutor-table tr td {
    color: #fff;
    background-color: #424242;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.tutor-table tr th {
    color: #fff;
    background-color: #6a6a6a;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-setting-social .tutor-social-field>div:first-child {
    color: #fff !important;
}
.tutor-dashboard .tutor-dashboard-content .tutor-dashboard-setting-social .tutor-social-field>div:first-child i {
    color: #fff !important;
}
.tutor-form-label {
    color: #fff !important;
}
.tutor-dashboard .tutor-dashboard-content>h3, .tutor-dashboard .tutor-dashboard-content>h4 {
    color: #fff !important;
}
.tutor-table tr td>a:not(.tutor-btn):not(.tutor-iconic-btn):not(.quiz-manual-review-action), .tutor-table tr td .tutor-table-link {
    color: #fff;
}
.tutor-table {
    border-color: #424242;
    --tutor-table-border-radius: 10px !important;
}
.tutor-table tr th:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
}
.tutor-table tr th:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.tutor-table tr td:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.05);
}
.tutor-table tr td:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.05);
}
.tutor-col-lg-4 {
    padding: 10px;
}
.tutor-comment-text .tutor-mt-4 {
    color: #000 !important;
}
.tutor-course-spotlight-wrapper .tutor-conversation .tutor-comments-list .tutor-single-comment .tutor-actual-comment {
    border: solid 1px !important;
    background-color: #131313 !important;
    border-color: #242424 !important;
}
.tutor-actual-comment {
    background-color: #131313 !important;
}
.tutor-course-card .tutor-course-name, .tutor-course-card .tutor-course-name a {
    color: #fff;
}
.tutor-meta-value, .tutor-meta a {
    color: #fff;
}
.tutor-thumbnail-uploader .thumbnail-wrapper {
    background-color: #424242;
}
.tutor-dashboard .tutor-dashboard-content #tutor_profile_cover_photo_editor #tutor_photo_meta_area>span {
    color: #fff;
}
.tutor-dashboard .tutor-dashboard-content #tutor_profile_cover_photo_editor #tutor_photo_meta_area>span>span {
    color: white;
}
.tutor-fs-5 {
    color: #fff;
}
.tutor-table-responsive {
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    border-radius: 10px !important;
}
.tutor-fs-5 .tutor-fw-medium .tutor-color-black .tutor-mb-16 {
    color: #fff;
}
.tutor-modal-content {
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.tutor-modal-content-white {
    background-color: #424242;
}
.tutor-iconic-btn {
    color: #fff;
}
.tutor-spotlight-mobile-progress-complete {
    padding-top: 20px;
    padding-right: 80px !important;
    padding-right: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-left: 40px;
    margin-top: 0;
    background-color: #424242;
    -moz-box-shadow: 0 0 16px 0 rgba(176,182,209,0.180862);
    -webkit-box-shadow: 0 0 16px 0 rgba(176,182,209,0.180862);
    -o-box-shadow: 0 0 16px 0 rgba(176,182,209,0.180862);
    box-shadow: 0 0 16px 0 rgba(176,182,209,0.180862);
}
button.plyr__control:hover {
    color: #000 !important;
    background-color: #ffa804 !important;
}
.plyr__control--overlaid {
    color: #c49e2c;
    background-color: #000 !important;
    border-color: #000;
}
.plyr--full-ui input[type=range] {
    color: #c49e2c !important;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background-color: #ffa804 !important;
    background-color: #c49e2c !important;
    border-color: #ffa804 !important;
    border-color: #c49e2c !important;
}
.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
    border: 0 !important;
    color: #fff !important;
}
.plyr__menu__container .plyr__control>span {
    color: #000 !important;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:acitve, .plyr--video .plyr__control[aria-expanded=true] {
    background-color: #c49e2c !important;
    border-color: #c49e2c !important;
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: #c49e2c !important;
    border-color: #c49e2c !important;
}
.tutor-color-muted {
    color: #fff;
}
.tutor-btn-primary {
    color: #fff;
    background-color: #c49e2c;
    border-color: #c49e2c;
}
.tutor-btn-primary:hover {
    color: #000;
    background-color: #ffa804;
    border-color: #ffa804;
}
.tutor-tab {
    background-color: #121212 !important;
}
.tutor-color-secondary {
    color: #fff;
}
.tutor-card {
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: #424242;
}
.tutor-single-course-sidebar .tutor-sidebar-card .tutor-card-body {
    background-color: #424242;
}
.tutor-card-footer {
    background-color: #424242;
}
.tutor-single-course-sidebar-more>div:first-child {
    border: 1px solid rgba(255, 255, 255, 0.05);
    background-color: #424242;
}
@media (max-width: 1199.98px) {
.tutor-course-single-content-wrapper.tutor-course-single-sidebar-open .tutor-course-single-sidebar-wrapper {
    background-color: #424242 !important;
}
.tutor-course-single-sidebar-wrapper {
    width: 100% !important;
    margin: 0 !important;
}
}
@media (max-width: 991px) {
.tutor-user-public-profile .profile-name span {
    color: #fff !important;
}
}
@media only screen and (max-width: 921px) {
.tutor-video-player-wrapper {
    margin-right: 0 !important;
}
.plyr--video {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}
}
@media (max-width: 767px) {
.tutor-course-single-content-wrapper {
    display: block;
}
.tutor-course-single-sidebar-wrapper {
    margin-top: 20px;
    width: 100%;
    order: 2;
}
.tutor-course-single-progress-wrapper {
    width: 100%;
    order: 1;
}
.tutor-course-single-sidebar-wrapper .tutor-course-progress {
    margin-bottom: 20px;
}
}
@media only screen and (max-width: 480px) {
.tutor-course-single-sidebar-wrapper {
    margin: 0 !important;
}
}
@media (min-width: 768px) {
.tutor-course-single-content-wrapper {
    display: flex;
    flex-direction: row-reverse;
}
.tutor-course-single-sidebar-wrapper {
    max-width: 30%;
    flex: 0 0 30%;
}
#tutor-single-entry-content {
    max-width: 70%;
    flex: 0 0 70%;
}
}

@media (min-width: 800px) {
.tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky {
    background-color: #424242;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
}

.btn-nav {
	background-color: #4E1212; /* fundo vermelho queimado (tom institucional principal) */
	color: #fff;               /* texto branco */
	padding: 12px 14px;        /* espaçamento interno */
	border-radius: 6px;        /* cantos arredondados */
	font-weight: 600;          /* texto em seminegrito */
	text-decoration: none;
	display: inline-flex;      /* alinhamento horizontal de ícone + texto */
	align-items: center;
	gap: 6px;                  /* espaço entre ícone e texto */
	transition: background-color 1.6s ease, color 1.6s ease; /* transição suave ao passar o mouse */
	font-size: 16px;           /* tamanho de fonte padrão para botões */
}

.btn-nav:hover {
	background-color: #c49e2c; /* amarelo queimado ao passar o mouse */
	color: #000;               /* texto fica preto */
}

.btn-icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	display: inline-block;
	vertical-align: middle;
	fill: currentColor; /* herda a cor do texto (útil para SVGs) */
}

.rotate-180 {
	transform: rotate(180deg); /* rotação usada geralmente para ícones de seta ou toggle */
}

.header-icon {
	fill: currentColor;        /* cor baseada no contexto */
	width: 24px;
	height: 24px;
	transition: background-color 1.6s ease, color 1.6s ease;
}

.tutor-lesson-back-btn {
	background-color: #4E1212; /* botão circular de "voltar" em lições (vermelho queimado) */
	color: #fff;               /* ícone branco */
	padding: 10px;
	border-radius: 50%;        /* formato redondo */
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease, color 0.3s ease;
}

.tutor-lesson-back-btn:hover {
	background-color: #c49e2c !important; /* amarelo queimado */
	color: #000;                           /* ícone preto */
}

.tutor-video-player-wrapper {
    margin-left: 20px; /* espaçamento lateral para o player de vídeo em desktop */
}

.tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-header {
    padding-left: 12px; /* margem interna da seção de título da lição */
}

@media (max-width: 767px) {
    .tutor-course-topic-single-header {
        padding-left: 8px; /* ajuste para telas pequenas */
    }
    .tutor-video-player-wrapper {
        margin-left: 0px; /* remove margem lateral no mobile */
    }
}

.tutor-iconic-btn {
    width: 40px;
    height: 40px; /* botões icônicos como seta de voltar */
}

.tutor-course-single-sidebar-wrapper {
    margin: 0px; /* remove margens da sidebar do curso */
}

.tutor-course-single-header {
    _background-color: #8B0000 !important; /* linha comentada: seria o cabeçalho do curso em vermelho queimado */
    color: white;
}


@media (min-width: 1200px) {
  .tutor-ml-auto.tutor-d-xl-none {
    display: none !important; /* remove botão "Voltar" redundante no desktop */
  }
}

.tutor-course-single-sidebar-wrapper .tutor-accordion-item-body {
    background-color: transparent !important; /* fundo da lista de tópicos na sidebar */
}
/* Corrigir cor da seta de voltar */
.tutor-iconic-btn svg,
.tutor-icon-angle-left,
.tutor-icon-left {
    color: #FFFFFF !important;
    fill: #FFFFFF !important; /* deixa o ícone branco */
}

.tutor-course-topic-item.is-active a {
    background-color: rgba(255, 255, 255, 0.08); /* leve destaque branco translúcido */
    border-radius: 4px;
}

/* Corrigir cor dos ícones da lista lateral */
.tutor-course-topic-item-icon,
.tutor-course-topic-icon,
.tutor-icon-play,
.tutor-icon-lock,
.tutor-icon-check {
    color: #b00808 !important;   /* cor base dos ícones */
    fill: #c49e2c !important;    /* cor de preenchimento dos ícones (amarelo queimado) */
}

/* (opcional) Override da cor primária global */
:root {
    --tutor-color-primary: #FFFFFF !important; /* #c49e2c afeta títulos, botões, links nativos */
}

/* Botões "Próximo" e "Anterior" */
.tutor-course-single-navigation button,
.tutor-course-single-navigation .tutor-btn {
    background-color: #92003b !important; /* vermelho queimado escuro */
    color: #c49e2c !important;             /* texto amarelo queimado */
    border: none;
    border-radius: 6px;
    padding: 10px 18px;
}
.tutor-course-single-navigation .tutor-btn:hover {
    background-color: #c49e2c !important; /* hover amarelo */
}

/* Chrome, Edge, Safari */
html {
    overflow-y: overlay; /* ou 'auto', se overlay não funcionar */
}

html::-webkit-scrollbar {
    width: 8px;
    background: transparent; /* esconde o trilho */
}

html::-webkit-scrollbar-track {
    background: transparent; /* esconde o trilho */
}

html::-webkit-scrollbar-thumb {
    background-color: rgba(120, 120, 120, 0.4); /* apenas o thumb visível */
    border-radius: 4px;
    border: none;
}

/* Firefox */
body {
    scrollbar-width: thin;
    scrollbar-color: rgba(120, 120, 120, 0.4) transparent;
}