:root {
	--tempo_de_transicao: .5s;
}

* {
	font-family: 'Rubik', sans-serif;
}

html {
	overflow-x: hidden;
}


/* Transição ao passar o mouse em cima de links e botão entrar */
a:hover, a:link {
  transition: var(--tempo_de_transicao) ease-in-out !important;
 -webkit-transition: var(--tempo_de_transicao) ease-in-out !important;
 -moz-transition: var(--tempo_de_transicao) ease-in-out !important;
 -o-transition: var(--tempo_de_transicao) ease-in-out !important;
}
/* Fim de Transição ao passar o mouse em cima de links */



/* Destaca imagem de vídeo quando mouse está em cima */
@keyframes diminui-opacidade {
  from {opacity: 1; transform: scale(1)}
  to {opacity: 0.3; transform: scale(1.1)}
}

@keyframes aumenta-opacidade {
  from {opacity: 0.6; transform: scale(1.1)}
  to {opacity: 1; transform: scale(1)}
}

.imagem-video, .imagem-lateral, .banner-lateral {
	opacity: 1;
	animation-name: aumenta-opacidade;
	animation-duration: 0.6s;
}

.imagem-video:hover, .imagem-lateral:hover, .banner-lateral:hover {
	opacity: 0.3;
	transform: scale(1.1);
	animation-name: diminui-opacidade;
	animation-duration: 0.3s;
	animation-timing-function: ease-in-out;
}
/* FIM Destaca imagem de vídeo quando mouse está em cima */





/* Imagens do site  */
@keyframes pula-imagem {
  from {transform: scale(1)}
  to {transform: scale(1.2)}
}

@keyframes volta-imagem {
  from {transform: scale(1.2)}
  to {transform: scale(1)}
}

.imagem-que-pula {
	transform: scale(1);
	animation-name: volta-imagem;
	animation-duration: 0.6s;
}

.imagem-que-pula:hover {
	transform: scale(1.2);
	animation-name: pula-imagem;
	animation-duration: 0.3s;
	animation-timing-function: ease-in-out;
}


/* FIM Imagens do site  */





.botao-editar-video:hover {
	opacity: 0.9;
}


/* Remove botão de download de vídeos */
#video::-internal-media-controls-download-button {
    display:none;
}

#video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

#video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}
/* FIM Remove botão de download de vídeos */


.content-videos {
	margin-top: 180px;
}

.barra-pesquisa {
	position: fixed; 
	top: 125px; 
	z-index: 10000000; 
	width: 95%;
}

#resultado {
	position: fixed !important; 
	top: 160px; 
	z-index: 1000000;
}

.fundo-roxo {
	background-image: linear-gradient(to bottom, #b951c1, #d787e1);
}

.botao{
	padding: 8px 15px;
	border-radius:30px;
	background-image: linear-gradient(to bottom, #b951c1, #d787e1);
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	width:200px;
	text-align:center !important;
	color: white !important;
	white-space: nowrap;
	border: none;
	margin-bottom: 10px;
	border: 3px solid #b951c1;
}

.botao:hover{
	font-weight: bolder;
	color: #eee;
	background-image: linear-gradient(to top, #b951c1, #d787e1);
}

.custom-select {
	width: auto;
}

.data-posicao {
	background-color: white; color: black;
}

.videos-titulo {
	color: black;
}

.videos-titulo:hover {
	color: #f26b25;
	text-decoration: none;
}

.videos-stats {
	font-size: 0.8em;
	text-align: center !important;
}

.videos-stats:hover {
	color: #f26b25 !important;
	text-decoration: none !important;
}






/* Barra de embaralhar os vídeos */
.btn-group > .active {
	background-image:linear-gradient(to top, #f56e26 , #fcac22);
	color: white !important;
	font-weight: bolder;
}

.btn-group .active:hover {
	background-image:linear-gradient(to top, #f56e26 , #fcac22);
	color: white !important;
	font-weight: bolder;
}





.card-header, .bg-success {
	background-image:linear-gradient(to top, #f56e26 , #fcac22);
}

.active {
	background-color: #f26b25 !important;
}

.active:hover {
	color: black !important;
}

.btn-info, .btn-default {
	color: #777 !important;
	background-color: #eee !important;
	border: 3px solid white !important;
}

.btn-info:hover, .btn-default:hover {
	/*border-color: #f56e28 !important;*/
	border:3px solid #777 !important;
	color: black;
	font-weight: bolder;
}

.thumb-container {
	display: flex; 
	justify-content: center; 
	align-items: center; 
	height: 300px; 
	overflow: hidden; 
	margin-top: -40px; 
	margin-bottom: -40px; 
	padding: 0;
}

.imagem-video {
	-webkit-box-shadow: 5px 5px 27px -13px rgba(0,0,0,0.76); 
	box-shadow: 5px 5px 27px -13px rgba(0,0,0,0.76);
	height: 200px;"
}

.imagem-autor {
	width: 30px; height: 30px; border-radius: 15px; float: left;
}

.stats-direita {
	float: right; padding-right: 10px;
	font-size: 1em;
	display: none;
}

.crumb, .crumb-item a {
	text-align: center;
	font-size: 2rem;
	color: #777;
}

.crumb-item-active{
	color: #f26b25;	
}

.crumb-item a:hover {
	color: #b951c1 !important;
}

.btn-editar-perfil {
	background-color: #f26b25 !important;
	padding: 10px 20px;
	border-radius: 30px;
	color: white !important;
}

.btn-salvar-perfil {
	outline: none;
	border: none;
}

/* Isto vem por CDN */
.pagination {
	display: inline-flex !important;
}

.pagination * {
	color: #f15a29 !important;
}

.page-item.active .page-link {
	background-color:  #f15a29 !important;
	color: white !important;
	border-color: #f15a29 !important;
}

.input-group {
	position: fixed;
	top: 17px;	
	width: 50%;
}



/* Perfil */
.link-perfil-playlist {
	font-weight: bolder;
	color: #777;
  box-shadow: 5px 5px 27px -13px rgba(0,0,0,0.76);
}

.link-perfil-playlist:hover {
	color: #f15a29;
}

.imagem-perfil {
	margin: 0 auto;
	width: 90%;
	height: unset !important;
}

.imagem-perfil-link {
	text-align: center;
}