/*
Theme Name: Hello Child
Theme URI: http://example.com/hello-child/
Description: Tema filho do tema Hello - versão clara
Author: Seu Nome
Author URI: http://example.com
Template: hello-elementor
Version: 1.1.0
*/

/* Oculta configurações */
#course-settings {
	display: none;
}

/* ======== PÁGINA DE AULA ======== */
.tutor-course-single-content-wrapper {
	background-color: #ffffff !important;
	color: #000000 !important;
}

/* Esconde comentários */
.hide-comments {
	display: none !important;
}

/* ======== PÁGINA DE INFORMAÇÃO DO CURSO ======== */
.tutor-page-wrap {
	padding-top: 4%;
}

.tutor-single-course-sidebar-more>div:last-child {
	border: 0px !important;
}

.tutor-course-details-widget {
	border: 0px !important;
	background-color: #a8bfed !important;
	padding: 30px !important;
	color: #000000 !important;
}

/* ======== PÁGINA DO PAINEL DO CLIENTE ======== */
.tutor-wrap {
	padding-top: 4%;
}

.tutor-dashboard {
	background-color: #ffffff !important;
	color: #000000 !important;
}

/* Fundo geral */
.courses-template-default {
	background-color: #ffffff !important;
	color: #000000 !important;
}

/* Texto padrão */
.tutor-color-black,
.tutor-course-content-list-item-title,
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs),
.tutor-nav-link,
.tutor-meta>*,
.tutor-course-topic-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-title,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-icon,
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a,
.tutor-course-content-list-item-icon {
	color: #000000 !important;
}

/* Ativo */
.tutor-nav-link.is-active {
	color: #3E64DE !important;
}

/* Botões */
.tutor-btn-ghost {
	color: #000000;
}

.tutor-btn-ghost:hover {
	color: #3E64DE;
}

.tutor-btn-primary {
	border-color: #122451;
	background-color: #122451;
	color: #fff;
}
.tutor-btn-primary:hover {
	border-color: #FFA804;
	background-color: #FFA804;
	color: #000;
}

/* ======== PAINEL LATERAL ======== */
.tutor-course-single-sidebar-wrapper {
	flex: 0 0 400px;
	width: 400px;
	background-color: #a8bfed !important;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 30px;
	border-radius: 10px;
	padding: 10px;
	color: #000000 !important;
}

/* Cabeçalho do painel lateral */
.tutor-course-single-sidebar-title {
	display: flex;
	align-items: center;
	padding: 8px 16px;
	height: 60px;
	background-color: #ffffff !important;
	border-bottom: 0px !important;
	border-radius: 10px;
	color: #000000 !important;
}

/* Accordion (tópicos do curso) */
.tutor-course-single-sidebar-wrapper .tutor-accordion-item-header {
	font-size: 16px;
	font-weight: 500;
	color: #000000 !important;
	background-color: #d9e5ff !important;
	border-bottom: 0px !important;
	padding: 12px 44px 12px 16px;
	border-radius: 10px !important;
	margin-bottom: 15px !important;
	cursor: pointer;
}

/* Itens do curso */
.tutor-course-single-sidebar-wrapper .tutor-course-topic-item a {
	background-color: #ffffff;
	color: #000000 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item.is-active a {
	border: solid 1px #3E64DE !important;
	border-radius: 10px;
	padding: 6px 8px !important;
	background-color: #a8bfed !important;
}

/* ======== PLAYER DE VÍDEO ======== */
.plyr--video {
	background: #ffffff !important;
	overflow: hidden;
}

button.plyr__control:hover {
	color: #000 !important;
	background-color: #FFA804 !important;
}

.plyr__control--overlaid {
	background: #3E64DE !important;
	color: #fff !important;
}

.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
	background: #122451 !important;
	border-color: #122451 !important;
	color: #fff !important;
}

/* ======== TABELAS E DASHBOARD ======== */
.tutor-table tr td {
	background: #ffffff !important;
	color: #000000 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.tutor-table tr th {
	background: #a8bfed !important;
	color: #000000 !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* ======== RESPONSIVO ======== */
@media (min-width: 768px) {
	.tutor-course-single-content-wrapper {
		display: flex;
		flex-direction: row-reverse;
	}

	.tutor-course-single-sidebar-wrapper {
		flex: 0 0 30%;
		max-width: 30%;
	}

	#tutor-single-entry-content {
		flex: 0 0 70%;
		max-width: 70%;
	}
}

@media (max-width: 767px) {
	.tutor-course-single-content-wrapper {
		display: block;
	}

	.tutor-course-single-sidebar-wrapper {
		width: 100%;
		margin-top: 20px;
	}
}

/* Rodapé */
footer, .site-footer {
	background-color: #ffd54f !important;
	color: #000000 !important;
	text-align: center;
	padding: 10px 0;
}
