:root{
	--primary: #386194;
}


#branding img{
	max-width: 123px;
}

#nome_instrumento img{
	max-height: 55px;
}

#player_wrapper{
	border-radius: 15px;
	overflow: hidden;
	max-width: 100%;
	background-size: cover;
	background-position: center bottom;
	min-height: calc(80vh - 20px);
}

#video_wrapper video{
	border-radius: 5px;
	max-width: 100%;
}

#square_video{
	border-radius: 5px;
	overflow: hidden;
}

#square_video video{
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	transform: translateX(-25%);
}

#square_video::before{
	content: "";
	display: block;
	position: relative;
	padding-top: 100%;
}

.play_video{
	border-radius: 55px;
	background-color: var(--primary);
	width: 78px;
	height: 78px;
	transition: .3s ease;
}

.play_video:hover{
	opacity: .8;
}

.pause_video{
	border-radius: 55px;
	background-color: var(--primary);
	width: 78px;
	height: 78px;
	opacity: .8;
	transition: .3s ease;
}

.pause_video:hover{
	opacity: .6;
}

.list,.next_video{
	stroke: var(--primary);
	transition: .3s ease;
}

.list:hover,.next_video:hover{
	opacity: .8;
}

ul.playlist_list{
	list-style-type: none;
	padding: 0;
}

ul.playlist_list li{
	margin-top: .5rem;
	margin-bottom: .5rem;
	padding-top: .5rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid #F5F5F5;
	padding-left: 1rem;
}

ul.playlist_list li a{
	color: #000000;
}

.modal-dialog-scrollable .modal-content{
	max-height: 50%!important;
}

h6{
	font-size: .7rem;
	font-weight: 200;
	text-transform: uppercase
}