.sd-sharing-enabled, .jetpack-likes-widget-wrapper{
	display:none !important;
}
.header-inner{
	display:none !important;
}
#site-header{
	display:none !important;
}

/* Estilo geral do layout */
.tutor-site-wrap {
    display: flex !important; /* Usa flexbox para a disposição dos elementos */
    flex-direction: row !important; /* Define a direção dos itens como linha */
}

/* Barra lateral com o conteúdo do curso */
.tutor-course-single-sidebar-wrapper {
    order: 2 !important; /* Coloca a barra lateral à direita */
    flex: 0 0 600px !important; /* Define a largura da barra lateral */
    max-width: 100% !important; /* Largura máxima da barra lateral */
    overflow: auto !important; /* Adiciona rolagem se o conteúdo exceder a largura */
}
.tutor-course-list{
	padding-bottom: 60px !important;
}

.tutor-course-card .tutor-course-name a{
	color: #0a00b4;
}
.tutor-course-card .tutor-course-name a:hover{
	color: #0a00b4;
}
/* Ajusta a largura da div que contém o título */
.tutor-course-topic-single-header-title, .tutor-single-page-top-bar {
    display: none !important;
}

/* Conteúdo principal do curso */
.tutor-course-single-content-wrapper {
    order: 1 !important; /* Coloca o conteúdo principal à esquerda */
    flex: 1 !important;
    padding-top: 20px !important;
    padding-left: 10px !important;
}

/* Reduzir a largura do player de vídeo */
.plyr__video-embed {
    max-width: 100% !important; /* Define a largura máxima do player */
    margin: 0 auto !important; /* Centraliza o player horizontalmente */
    padding-bottom: 54% !important; /* Mantém a proporção 16:9 (ajuste conforme necessário) */
    position: relative !important; /* Permite o posicionamento absoluto do iframe */
    height: 0 !important; /* Altura inicial para permitir a altura baseada no padding-bottom */
    overflow: hidden !important; /* Oculta qualquer parte do iframe que exceda o contêiner */
}

/* Ajustar o iframe dentro do player de vídeo */
.plyr__video-embed iframe {
    position: absolute !important; /* Posiciona o iframe absolutamente dentro do contêiner */
    top: 0 !important; /* Alinha o iframe ao topo do contêiner */
    left: 0 !important; /* Alinha o iframe à esquerda do contêiner */
    width: 100% !important; /* Faz com que o iframe ocupe 100% da largura do contêiner */
    height: 100% !important; /* Faz com que o iframe ocupe 100% da altura do contêiner */
}

.
/* Ajusta o estilo do título */
.tutor-fs-5 {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #0a00b4; /* Define a cor do texto como azul */
}


/* Altera o fundo da caixa de comentário para cinza */
.tutor-comment-textarea textarea {
    background-color: #979595; /* Define a cor de fundo como cinza claro */
    border: none;
    padding: 10px;             /* Adiciona um pouco de preenchimento dentro da caixa, opcional */
    border-radius: 4px;        /* Adiciona bordas arredondadas, opcional */
}

/* Estilo do placeholder */
.tutor-comment-textarea textarea::placeholder {
    color: #ffffff; /* Define a cor do placeholder como branco */
    opacity: 1;     /* Garante que o texto do placeholder seja completamente opaco */
}

/* Estilo do botão de envio de comentário */
.tutor-comment-submit-btn .tutor-btn {
    background-color: #0600b4; /* Define a cor de fundo como azul */
    border-color: #0600b4;     /* Define a cor da borda como azul */
    color: #ffffff;            /* Define a cor do texto como branco */
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    position: relative;        /* Necessário para o pseudoelemento ::after */
    overflow: hidden;          /* Garante que o texto não transborde */
}


/* Altera a cor do botão ao passar o mouse sobre ele */
.tutor-comment-submit-btn .tutor-btn:hover {
    background-color: #ffe006; /* Cor de fundo ao passar o mouse */
    border-color: #ffe006;     /* Cor da borda ao passar o mouse */
    color: #0600b4;            /* Cor do texto ao passar o mouse */
}

.tutor-comment-submit-btn .tutor-btn:hover::after {
    color: #0600b4;            /* Cor do novo texto ao passar o mouse */
}

/* Ajusta o padding da parte inferior do contêiner de comentários */
.tutor-pb-32 {
    padding-bottom: 1px !important;
}

/* Ajusta o padding do contêiner da conversa */
.tutor-course-spotlight-wrapper .tutor-conversation {
    padding: 1px !important;
}

.tutor-course-filter{
	padding-top: 20px;
}

/* Ajusta o layout responsivo */
@media (max-width: 768px) {
	.tutor-course-filter{
		padding-top:20px !important;
		padding-right:10px;
		align-items: center;
		width: 100%;
	}
    .tutor-site-wrap {
        flex-direction: column !important; /* Empilha os itens em telas menores */
    }
	.tutor-course-topic-single-header-title, .tutor-single-page-top-bar {
    display: flex !important;
		width: 100%;
}
    .tutor-course-single-sidebar-wrapper,
    .tutor-course-single-content-wrapper {
      padding: 0 !important;
			width: 100%;
    }
    .plyr__video-embed {
        width: 100% !important; /* Ajusta a largura máxima do player de vídeo em telas menores */
        padding-bottom: 56.25% !important; /* Mantém a proporção 16:9 */
    }

    .plyr__video-embed iframe {
        height: 100% !important; /* Mantém a altura do iframe preenchendo o contêiner */
    }
}

/* Estilo geral do layout */
.tutor-site-wrap {
    display: flex !important; /* Usa flexbox para a disposição dos elementos */
    flex-direction: row !important; /* Define a direção dos itens como linha */
}

/* Barra lateral com o conteúdo do curso */
.tutor-course-single-sidebar-wrapper {
    order: 2 !important; /* Coloca a barra lateral à direita */
    flex: 0 0 600px !important; /* Define a largura da barra lateral */
    max-width: 100% !important; /* Largura máxima da barra lateral */
    overflow: auto !important; /* Adiciona rolagem se o conteúdo exceder a largura */
}
.tutor-course-list{
	padding-bottom: 60px !important;
}

.tutor-course-card .tutor-course-name a{
	color: #0a00b4;
}
.tutor-course-card .tutor-course-name a:hover{
	color: #0a00b4;
}
/* Ajusta a largura da div que contém o título */
.tutor-course-topic-single-header-title, .tutor-single-page-top-bar {
    display: none !important;
}

/* Conteúdo principal do curso */
.tutor-course-single-content-wrapper {
    order: 1 !important; /* Coloca o conteúdo principal à esquerda */
    flex: 1 !important;
    padding-top: 20px !important;
    padding-left: 10px !important;
}

/* Reduzir a largura do player de vídeo */
.plyr__video-embed {
    max-width: 100% !important; /* Define a largura máxima do player */
    margin: 0 auto !important; /* Centraliza o player horizontalmente */
    padding-bottom: 54% !important; /* Mantém a proporção 16:9 (ajuste conforme necessário) */
    position: relative !important; /* Permite o posicionamento absoluto do iframe */
    height: 0 !important; /* Altura inicial para permitir a altura baseada no padding-bottom */
    overflow: hidden !important; /* Oculta qualquer parte do iframe que exceda o contêiner */
}

/* Ajustar o iframe dentro do player de vídeo */
.plyr__video-embed iframe {
    position: absolute !important; /* Posiciona o iframe absolutamente dentro do contêiner */
    top: 0 !important; /* Alinha o iframe ao topo do contêiner */
    left: 0 !important; /* Alinha o iframe à esquerda do contêiner */
    width: 100% !important; /* Faz com que o iframe ocupe 100% da largura do contêiner */
    height: 100% !important; /* Faz com que o iframe ocupe 100% da altura do contêiner */
}

.
/* Ajusta o estilo do título */
.tutor-fs-5 {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #0a00b4; /* Define a cor do texto como azul */
}


/* Altera o fundo da caixa de comentário para cinza */
.tutor-comment-textarea textarea {
    background-color: #979595; /* Define a cor de fundo como cinza claro */
    border: none;
    padding: 10px;             /* Adiciona um pouco de preenchimento dentro da caixa, opcional */
    border-radius: 4px;        /* Adiciona bordas arredondadas, opcional */
}

/* Estilo do placeholder */
.tutor-comment-textarea textarea::placeholder {
    color: #ffffff; /* Define a cor do placeholder como branco */
    opacity: 1;     /* Garante que o texto do placeholder seja completamente opaco */
}

/* Estilo do botão de envio de comentário */
.tutor-comment-submit-btn .tutor-btn {
    background-color: #0600b4; /* Define a cor de fundo como azul */
    border-color: #0600b4;     /* Define a cor da borda como azul */
    color: #ffffff;            /* Define a cor do texto como branco */
    border-radius: 8px;
    font-size: 20px;
    font-weight: bold;
    position: relative;        /* Necessário para o pseudoelemento ::after */
    overflow: hidden;          /* Garante que o texto não transborde */
}


/* Altera a cor do botão ao passar o mouse sobre ele */
.tutor-comment-submit-btn .tutor-btn:hover {
    background-color: #ffe006; /* Cor de fundo ao passar o mouse */
    border-color: #ffe006;     /* Cor da borda ao passar o mouse */
    color: #0600b4;            /* Cor do texto ao passar o mouse */
}

.tutor-comment-submit-btn .tutor-btn:hover::after {
    color: #0600b4;            /* Cor do novo texto ao passar o mouse */
}

/* Ajusta o padding da parte inferior do contêiner de comentários */
.tutor-pb-32 {
    padding-bottom: 1px !important;
}

/* Ajusta o padding do contêiner da conversa */
.tutor-course-spotlight-wrapper .tutor-conversation {
    padding: 1px !important;
}

.tutor-course-filter{
	padding-top: 20px;
}

.plyr__control--overlaid, .plyr__controls__item, .plyr__control{
	border: none !important;
}


/* Ajusta o layout responsivo */
@media (max-width: 768px) {
	.tutor-course-filter{
		padding-top:20px !important;
		padding-right:10px;
		align-items: center;
		width: 100%;
	}
    .tutor-site-wrap {
        flex-direction: column !important; /* Empilha os itens em telas menores */
    }
	.tutor-course-topic-single-header-title, .tutor-single-page-top-bar {
    display: flex !important;
		width: 100%;
}
    .tutor-course-single-sidebar-wrapper,
    .tutor-course-single-content-wrapper {
      padding: 0 !important;
			width: 100%;
    }
    .plyr__video-embed {
        width: 100% !important; /* Ajusta a largura máxima do player de vídeo em telas menores */
        padding-bottom: 56.25% !important; /* Mantém a proporção 16:9 */
    }

    .plyr__video-embed iframe {
        height: 100% !important; /* Mantém a altura do iframe preenchendo o contêiner */
    }
	.elementor-kit-27258 button, .elementor-kit-27258 input[type="button"], .elementor-kit-27258 input[type="submit"], .elementor-kit-27258 .elementor-button{
		padding: 12px;
	}
	.tutor-accordion-item-header{
		font-size:15px !important;
	}
}
}