/*
Theme Name: ARCHIVE
Theme URI: 
Author: Gustavo Serafim
Author URI: 
Description:
Version:
License:
License URI:
Tags:
Text Domain: archive
*/

@font-face {
    font-family: 'avril_spray_paintregular';
    src: url('fonts/avrilspraypaint-regular-webfont.woff2') format('woff2'),
         url('fonts/avrilspraypaint-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
	--color: #f7f7f7;
	--colorsub: #949494;
	--border: #575757;
	--colorlight: #232323;
	--colorlighthover: #323232;
	--colordestaque: #bf341e;
	--font-family: 'Noto Sans', sans-serif;
	--backdefault: #000;
	--sidebarwidth: 226px;
	--sidebarvideos: 450px;
}

input {
	font-family: var(--font-family);
}

body {
	font-family: var(--font-family);
	color: var(--color);
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	background: var(--backdefault);
	}

	a {
		color: var(--color);
	}

body::-webkit-scrollbar, #sidebargeral::-webkit-scrollbar {
  width: 13px;               /* width of the entire scrollbar */
  transition: all linear 0.2s;
}

body::-webkit-scrollbar-track, #sidebargeral::-webkit-scrollbar-track {
  background: var(--backdefault);
  transition: all linear 0.2s;
}

body::-webkit-scrollbar-thumb, #sidebargeral::-webkit-scrollbar-thumb {
  background-color: var(--border);
  border-radius: 20px;
  border: 3px solid var(--backdefault);
  transition: all linear 0.2s;
}

a {
	text-decoration: none;
	}
	
	#loader {
		position: fixed;
		z-index: 99999999;
		top: 0;
		left: 0;
		width: 0%;
		height: 3px;
		background: #ff0000;
		opacity: 1;
	}
	#loader.active {
		width: 80%;
		-webkit-transition: width 3s 0s ease-in-out;
		-moz-transition: width 3s 0s ease-in-out;
		-o-transition: width 3s 0s ease-in-out;
		transition: width 3s 0s ease-in-out;
	}
	#loader.ok {
		width: 100%;
		-webkit-transition: width 0.2s 0s ease-in-out;
		-moz-transition: width 0.2s 0s ease-in-out;
		-o-transition: width 0.2s 0s ease-in-out;
		transition: width 0.2s 0s ease-in-out;
	}
	#loader.fadeout {
		opacity: 0;
		-webkit-transition: opacity 0.1s 0s ease-in-out;
		-moz-transition: opacity 0.1s 0s ease-in-out;
		-o-transition: opacity 0.1s 0s ease-in-out;
		transition: opacity 0.1s 0s ease-in-out;
	}

#header {
	height: 60px;
	background: rgb(0 0 0 / 75%);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
    box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
}
#header .logo {
	float: left;
	margin: 15px 0 15px 30px;
}
#header .logo img {
	height: 35px;
	float: left;
}
#header .logo .menusidebar {
	float: left;
    margin-top: -4px;
    margin-right: 12px;
    margin-left: -12px;
    border-radius: 50%;
    padding: 8px;
    font-weight: 300;
    cursor: pointer;
}
#header .logo .menusidebar:hover {
	background: var(--colorlight);
	transition: all linear 0.2s;
}
#header .logo .menusidebar:active {
	background: var(--border);
}

#header .busca {
	position: absolute;
	width: 500px;
	height: 40px;
	left: 50%;
	margin-left: calc(-250px + 143px/2);
	border-radius: 23px;
	top: 12px;
	box-shadow: inset 0px 0px 5px 0px var(--color);
}
#header .busca input[type=text] {
	float: left;
	border: 0;
	padding: 9px 0px 13px 20px;
	margin: 0;
	background: transparent;
	width: calc(100% - 74px);
	font-size: 15px;
	outline: none;
	color: var(--color);
}
#header .busca button[type=submit] {
	float: right;
	border: 0;
	margin: 0;
	background: transparent;
	padding: 8px 15px 5px;
	cursor: pointer;
	outline: none;
	color: var(--color);
}

@media only screen and (max-width: 1000px) {
	#header .busca {
		left: auto;
		right: 12px;
		width: calc(100% - 290px);
	}
}

#sidebargeral {
	position: fixed;
	left: 0;
	top: 61px;
	width: var(--sidebarwidth);
	height: calc(100% - 87px);
	/*background: var(--backdefault);*/
	overflow: hidden;
	padding-bottom: 11px;
	padding-left: 0;
	padding-top: 15px;
	z-index: 999;
}
#menufechado #sidebargeral {
	left: calc(var(--sidebarwidth) - var(--sidebarwidth) - var(--sidebarwidth));
}

#sidebargeral:hover {
	overflow: auto;
	width: 239px;
	padding-right: 0px;
}
#sidebargeral ul, #sidebargeral ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: var(--color);
}
#sidebargeral ul {
	border-bottom: 1px solid var(--border);
	margin-bottom: 10px;
}
#sidebargeral ul li {
	border-radius: 10px;
	padding: 11px 16px 11px 16px;
	margin-bottom: 3px;
	margin-left: 10px;
    margin-right: 10px;
}
#sidebargeral ul li:hover {
	background: var(--colorlight);
}
body.home #sidebargeral ul li.menuhome,
body.post-type-archive-videos #sidebargeral ul li.menuvideos, body.tax-categoriasvideos #sidebargeral ul li.menuvideos,
body.post-type-archive-fotos #sidebargeral ul li.menufotos, body.tax-categoriasgaleria #sidebargeral ul li.menufotos, body.single-fotos #sidebargeral ul li.menufotos,
body.post-type-archive-musicas #sidebargeral ul li.menumusicas, body.tax-categoriasmusicas #sidebargeral ul li.menumusicas {
	background: var(--colorlight);
	font-weight: 500;
}
#sidebargeral ul a:last-child li {
	margin-bottom: 15px;
}
#sidebargeral ul li.titulo {
	background: transparent!important;
	cursor: default;
}
#sidebargeral ul li .material-symbols-outlined {
	float: left;
	margin-top: -3px;
	margin-right: 20px;
	font-weight: 300;
}
#sidebargeral ul li .count {
    font-size: 10px;
    font-weight: bold;
    background: var(--border);
    padding: 2px 7px;
    border-radius: 5px;
    display: inline-block;
    float: right;
}



#footer {
	padding-bottom: 7.64%;
    margin-bottom: 90px;
    margin-top: 40px;
    background-image: url(images/footer.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    clear: both;
}

/*SLIDER HOME*/

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
	margin-bottom: 20px;
	margin-top: -65px;
	overflow: hidden;
	padding: 50px 0 17px 0;
}

.slick-slider a {
	position: absolute;
	width: 100%;
	height: 100%;
}

.slick-list
{
    position: relative;
    display: block;
    /*overflow: hidden;*/
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
	background-position: cover;
	
}
.slick-current {
	opacity: 1 !important;
}
.slick-track .padding {
	padding-bottom: 28%;
	margin: 0px 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	position: relative;
	transition: all linear 0.5s;
	transform: scale(0.98);
}
.slick-track .padding .bgslider2 {
	border-radius: 10px;
	transition: all linear 0.5s;
	box-shadow: 0px 0px 0px rgb(255 255 255 / 0%);
	box-sizing: border-box;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
    height: 100%;
    position: absolute;
	z-index: 999;
}
.slick-current .padding {
	transform: scale(1);
}
.slick-track .padding:hover {
}
.slick-track .padding .bgslider {
	position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.100) 0%, rgba(0,0,0,0.70) 0%, rgba(255,255,255,0) 80%);
	transition: opacity linear 1s, box-shadow linear 0.2s;
	opacity: 0;
	box-shadow: inset 0 0 0px 0px rgb(255 255 255 / 0%);
	border-radius: 10px;
}
.slick-track .padding .bgsliderblur {
	transition: all linear 0.5s;
	position: absolute;
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    top: 40px;
    left: 40px;
    z-index: -1;
    background-size: cover;
    background-position: center;
	filter: blur(0px) contrast(1) brightness(1);
}
.slick-current .padding .bgslider {
	opacity: 1;
}
.slick-current .padding .bgsliderblur {
	filter: blur(50px) contrast(3) brightness(1.2);
}
.slick-current .padding:hover .bgsliderblur {
	filter: blur(55px) contrast(3.3) brightness(1.5);
	transition: all linear 0.2s;
}
.slick-current .padding {
	background-size: auto 105%;
}
.slick-track .padding .bgslider .logo {
	position: absolute;
    height: 100%;
	transition: all linear 1s;
	opacity: 0;
	margin-left: 150px;
}
.slick-current .padding .bgslider .logo {
	opacity: 1;
	margin-left: 100px;
}
.slick-track .padding .bgslider .logo img {
	max-height: 100%;
}
	
}
.slick-current .padding {
	filter: blur(0px) !important;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
	opacity: 0.4;
	transition: all linear 0.5s;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    font-size: 36px;
    margin-top: -68px;
    cursor: pointer;
    padding: 50px 0;
	z-index: 999999;
}
.slick-prev.slick-arrow {
    left: 11px;
	left: 0;
    padding-right: 5px;
    padding-left: 19px;
}
.slick-next.slick-arrow {
    right: 1px;
	padding-right: 10px;
    padding-left: 13px;
}
.slick-dots {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 18px;
}
.slick-dots li {
	display: inline-block;
}
.slick-dots li button {
	background: rgb(255 255 255 / 42%);
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid rgb(0 0 0 / 55%);
    margin: 0 4px;
    display: block;
    float: left;
    padding: 0;
    backdrop-filter: blur(1px);
	cursor: pointer;
	transition: all linear 1s;
}
.slick-dots li.slick-active button {
	background: rgb(255 255 255 / 90%);
	border: 1px solid rgb(0 0 0 / 70%);
}

@media only screen and (max-width: 1300px) {
	.slick-track .padding {
		padding-bottom: 50%;
	}
	.slick-current .padding .bgslider .logo {
		margin-left: 20px;
	}
	.slick-arrow {
		margin-top: -51px;
	}
}

#content {
	width: calc(100% - 250px);
	float: right;
	background: var(--backdefault);
	margin-top: 60px;
	/*padding: 10px;*/
	padding-right: 10px;
	padding-top: 27px;
}
#content #content {
	width: 100%;
	margin-top: 0;
	padding-top: 0px;
	padding: 0px;
}

/*CARROSSEL HOME*/
.carouselcontainer {
	position: relative;
	margin-bottom: 30px;
	margin-top: 10px;
}
.carouselhome {
    position: relative;
    overflow: hidden;
	transition: all 0.2s;
	/*-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 1) 0%, rgb(0 0 0) 100%, transparent 100%);*/
}
.carouselcontainer:hover .carouselhome {
	/*-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 1) 0%, rgb(0 0 0) 95%, transparent 100%);*/
}

.carouselhome ul {
    width: 10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.carouselhome .corpolistasalbuns li {
    float: left;
	margin-right: 10px !important;
	background: var(--colorlight);
	border-radius: 11px;
	transition: all linear 0.1s;
}
.carouselhome .corpolistasalbuns li:hover {
	background: var(--colorlighthover);
}
.carouselhome .corpolistasalbuns li:first-child {
	margin-left: 10px;
}
.carouselhome .corpolistasalbuns li a {
	padding: 6px 15px 8px;
	display: block;
	font-weight: 500;
	color: var(--color);
	font-size: 14px;
}
.carouselhome .corpolistasalbuns li:last-child {
	margin-right: 20px !important;
}
.carouselhome .corpolistasalbuns li.active {
	background: var(--color);
}
.carouselhome .corpolistasalbuns li.active a {
	color: var(--colorlight);
}

.carouselcontainer .controles-carousel {
	transition: all 0.2s;
}
.carouselcontainer:hover .controles-carousel {

}
.carouselcontainer .controles-carousel .controles {
	position: absolute;
	top: 0;
	opacity: 1;
	transition: all 0.2s;
	color: var(--color);
}
.carouselcontainer .controles-carousel .controles.inactive {
	display: none;
}
.carouselcontainer .controles-carousel .controles .material-symbols-outlined {
	font-weight: 300;
}
.carouselcontainer .controles img {
	margin-top: 74px;
}
.carouselcontainer .controles.controle-prev {
	left: 0;
	background: linear-gradient(270deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 100%);
	padding: 4px 29px 3px 7px;
}
.carouselcontainer .controles.controle-next {
	right: 0;
	background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 37%, rgba(255,255,255,1) 100%);
	padding: 4px 7px 3px 29px;
}
.carouselcontainer .controles.controle-prev img {
	margin-left: 5px;
}
.carouselcontainer .controles.controle-next img {
	margin-left: -5px;
}

/*LISTA DE CONTEÚDO*/

.listavideosaudios ul.corpolistasalbuns {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.listavideosaudios ul.corpolistasalbuns li {
	float: left;
	width: calc(20% - 20px);
	padding: 0 10px;
	margin-bottom: 40px;
	height: 293px;
}
.listavideosaudios.listasinglevideo ul.corpolistasalbuns li {
	margin-bottom: 0;
	width: calc(20% - 20px);
}
@media only screen and (max-width: 1600px) {
	.listavideosaudios ul.corpolistasalbuns li {
		width: calc(25% - 20px);
	}
}
@media only screen and (max-width: 1200px) {
	.listavideosaudios ul.corpolistasalbuns li {
		width: calc(33.3% - 20px);
	}
}
@media only screen and (max-width: 980px) {
	.listavideosaudios ul.corpolistasalbuns li {
		width: calc(50% - 20px);
		height: 363px;
	}
}
@media only screen and (max-width: 640px) {
	.listavideosaudios ul.corpolistasalbuns li {
		height: auto;
		float: none;
		width: calc(100% - 20px);
	}
}
.listavideosaudios ul.corpolistasalbuns li .imagem.videos, .listavideosaudios ul.corpolistasalbuns li .imagem.musicas {
	padding-bottom: 56.25%;
	border-radius: 10px;
	background-size: cover;
	background-position: center;
	position: relative;
	overflow: hidden;
	margin-bottom: 5px;
	transition: all linear 0.1s;
}
.listavideosaudios ul.corpolistasalbuns li:hover .imagem.videos, .listavideosaudios ul.corpolistasalbuns li:hover .titulo {
	//color: var(--colordestaque);
	
}
.listavideosaudios ul.corpolistasalbuns li .imagem .hoverborder {
	box-shadow: inset 0 0 0px 0px rgb(255 255 255 / 0%);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
	transition: all linear 0.2s;
	z-index: 5;
}
.listavideosaudios ul.corpolistasalbuns li .imagem .duration {
	position: absolute;
    right: 10px;
    bottom: 10px;
    background: rgb(0 0 0 / 75%);
    border-radius: 3px;
    padding: 1px 5px 2px;
    font-weight: 400;
    font-size: 12px;
}
.listavideosaudios ul.corpolistasalbuns li:hover .imagem .hoverborder {
	box-shadow: inset 0 0 6px 0px rgb(255 255 255 / 100%);
}
.listavideosaudios ul.corpolistasalbuns li .imagem.videos .thumbshover {
	position: absolute;
	width: 300%;
	height: 100%;
	opacity: 0%;
	transition: 0s opacity;
}
.listavideosaudios ul.corpolistasalbuns li .imagem.videos:hover .thumbshover {
	animation: 2s left infinite;
	animation-timing-function: step-end;
	transition-delay: 1s;
	opacity: 100%;
}
.listavideosaudios ul.corpolistasalbuns li .imagem.videos .thumbshover .thumbs {
	width: 33.3333333%;
	float: left;
	background-size: cover;
	background-position: center;
}
.listavideosaudios ul.corpolistasalbuns li .imagem.videos .thumbshover .thumbs .masksize {
	padding-bottom: 56.25%;
}
@keyframes left {
  0% {
    left: 0%;
  }
  
  20% {
    left: -100%;
  }

  50% {
    left: -200%;
  }

}

.listavideosaudios ul.corpolistasalbuns li .imagem.musicas .imagemcapa {
	position: absolute;
	width: 100%;
	height: calc(100% - 20px);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 10px;
	z-index: 1;
	text-align: center;
}
.listavideosaudios ul.corpolistasalbuns li .imagem.musicas .imagemcapa img {
	height: 100%;
	border-radius: 3px;
}
.listavideosaudios ul.corpolistasalbuns li .imagem.musicas .imagembackground {
	position: absolute;
	width: 100%;
	height: 100%;
	filter: blur(30px);
	background-position: center;
}	
	
.listavideosaudios ul.corpolistasalbuns li .titulo {
	font-weight: 600;
	font-size: 15px;
	margin-top: 8px;
	transition: all linear 0.07s;
}
.listavideosaudios.listasinglevideo {
	margin-top: 70px;
}
.listavideosaudios .titulosessaolist {
	padding: 10px 0px 10px 10px;
    font-size: 20px;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    display: inline-block;
    border-bottom: 3px solid var(--colorlight);
    min-width: calc(50% - 20px);
}
.listavideosaudios.clipeoficialvideo {
	margin-top: 30px; 
}
.listavideosaudios.clipeoficialvideo ul.corpolistasalbuns li {
	width: calc(50% - 20px);
	height: auto;
	margin-bottom: 20px;
}

#sidebarvideosingle .listavideosaudios ul.corpolistasalbuns li .titulo {
	font-size: 13px;
}
.listavideosaudios ul.corpolistasalbuns a {
	color: var(--color);
}
.listavideosaudios ul.corpolistasalbuns li .views {
	margin-top: 7px;
	font-size: 12px;
	margin-bottom: 9px;
	color: var(--colorsub);
	margin-left: 1px;
}
.listavideosaudios ul.corpolistasalbuns li .views .material-symbols-outlined {
	font-size: 11px;
	display: inline-block;
	margin-bottom: -1px;
	margin-left: 10px;
}
.listavideosaudios ul.corpolistasalbuns li .categoriasvideos {
	margin-top: 5px;
}
.listavideosaudios ul.corpolistasalbuns li .categoriasvideos span {
	margin-bottom: 3px;
}
.listavideosaudios ul.corpolistasalbuns li .categoriasvideos img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	float: left;
	margin-right: 5px;
	margin-top: -2px;
}
.listavideosaudios ul.corpolistasalbuns li .categoriasvideos .catera, .listavideosaudios ul.corpolistasalbuns li .categoriasvideos .catvideo {
	float: left;
	background: var(--colorlight);
	border-radius: 25px;
	padding: 4px 10px 4px 6px;
	font-size: 10px;
}
.listavideosaudios ul.corpolistasalbuns li .categoriasvideos .catera {
	padding-top: 6px;
	margin-right: 5px;
}
.listavideosaudios ul.corpolistasalbuns li .categoriasvideos .catvideo {
	padding: 5px 12px 7px;
}
.listavideosaudios ul.corpolistasalbuns li .categoriasvideos .catera:hover, .listavideosaudios ul.corpolistasalbuns li .categoriasvideos .catvideo:hover {
	background: var(--colorlighthover);
}

/*SINGLE VÍDEOS*/
#videoajax {
	position: absolute;
    top: 77px;
    left: calc(var(--sidebarwidth) + 14px);
    width: calc(100% - var(--sidebarwidth) - var(--sidebarvideos) - 26px);
    z-index: 999;
    overflow: hidden;
    border-radius: 10px;
    padding: 0px;
    /*background: var(--colorlight);*/
}
#videoajax .mask {
	padding-bottom: 56.25%;
	position: relative;
}
#videoajax iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	border-radius: 10px;
}
#videoajax.popup {
	position: fixed;
	right: 20px;
	bottom: 0px;
	top: auto;
	width: 370px;
	/*box-shadow: 0px 0px 5px 0px rgb(255 255 255 / 50%);*/
	border-radius: 10px;
	overflow: hidden;
	left: auto;
	border-radius: 10px 10px 0 0;
	background: var(--colorlight);
}
#videoajax.popup .mask {
	padding-bottom: 56.25%;
}
#videoajax .botoespopup {
	display: none;
}
#videoajax.popup .botoespopup {
	display: block;
    text-align: center;
    margin-bottom: 10px;
    margin-top: -13px;
}
#videoajax.popup .botoespopup span {
    display: inline-block;
    background: rgb(55 55 55 / 45%);
    border-radius: 50%;
    padding: 6px;
    font-size: 20px;
	cursor: pointer;
}
#videoajax.popup .botoespopup span:hover {
	background: rgb(55 55 55 / 75%);
}
#videoajax.popup .botoespopup a {
	color: var(--color);
}
.spacevideomask {
	width: calc(100% - var(--sidebarvideos));
	position: relative;
}
.spacevideomask .maskvideocontentiframe {
	padding-bottom: 56.25%;
}
.spacevideomask .bg {
	position: absolute;
    width: calc(100% + 100px);
    height: calc(100% + 100px);
    background-size: cover;
    /* z-index: -1; */
    filter: blur(70px);
    opacity: 0.4;
    top: -50px;
    left: -50px;
}
#videoajax h1 {
	padding: 10px 5px 0;
    font-size: 20px;
	display: none;
}
#videoajax.popup h1 {
	font-size: 13px;
    margin: 5px 0;
    padding: 8px 15px 20px;
    display: block;
}
#videoajax.popup iframe {
	border-radius: 10px 10px 0 0;
}
#videoembeedposition {
	width: calc(100% - var(--sidebarvideos));
	z-index: 9999;
	position: relative;
}
#videoembeed .titulovideo {
	margin-bottom: 20px;
}
#videoembeed .titulovideo h1 {
	padding: 10px 5px 10px;
    font-size: 20px;
	margin-top: 0;
}
#videoembeed .menuvideo {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#videoembeed .menuvideo li {
	float: left;
    background: rgb(55 55 55 / 45%);
    margin-right: 10px;
    border-radius: 20px;
    line-height: 39px;
    padding-right: 21px;
	font-weight: 600;
	color: var(--color);
	cursor: default;
}
#videoembeed .menuvideo li .material-symbols-outlined {
	float: left;
    padding: 6px;
    margin-left: 5px;
    margin-right: 2px;
    font-size: 28px;
    font-weight: 200;
}
#videoembeed .menuvideo.left {
	float: left;
}
#videoembeed .menuvideo.right {
	float: right;
}
#videoembeed .menuvideo li.era {
    background: transparent;
}
#videoembeed .menuvideo li.era a {
	color: var(--color);
}
#videoembeed .menuvideo li.itemlink:hover {
	background: rgb(51 51 51 / 50%);
	cursor: pointer;
}
#videoembeed .menuvideo li.era img {
	border-radius: 50%;
	width: 40px;
	float: left;
	margin-right: 10px;
}
#videoembeed .menuvideo li.like {
	padding: 0;
	cursor: pointer;
}
#videoembeed .menuvideo li.like .material-symbols-outlined {
	margin: 0;
}
#videoembeed .menuvideo li.like.liked .material-symbols-outlined {
	font-variation-settings:'FILL' 1;
	color: #bf341e;
}
#videoembeed .menuvideo li.like.unlike:hover .material-symbols-outlined {
	font-variation-settings:'FILL' 1;
	color: #bf341e;
}
#videoembeed .menuvideo li.like.liked:hover .material-symbols-outlined {
	font-variation-settings:'FILL' 0;
	color: var(--color);
}

.letras_video {
	margin-top: 20px;	
	
}
.letras_video .letra {
	background: var(--colorlight);
    padding: 1px 20px;
    border-radius: 10px;
	height: 70px;
	overflow: hidden;
}
.letras_video .letra .titulomusica {
	padding: 0px 0px 10px 0px;
    font-size: 20px;
    margin-top: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
    border-bottom: 3px solid var(--border);
    min-width: calc(50% - 20px);
	cursor: pointer;
}

#sidebarvideosingle {
	position: absolute;
	width: var(--sidebarvideos);
	right: 0;
	top: 70px;
	padding-bottom: 30px;
}
#sidebarvideosingle .listavideosaudios ul.corpolistasalbuns li {
    width: calc(100% - 20px);
	height: auto;
	margin-bottom: 0;
}
#sidebarvideosingle .listavideosaudios ul.corpolistasalbuns li .spaceimage {
	float: left;
	width: 200px;
    margin-right: 10px;
}

@media only screen and (max-width: 1500px) {
	#sidebarvideosingle {
		width: calc(var(--sidebarvideos) - 100px);
	}
	#sidebarvideosingle .listavideosaudios ul.corpolistasalbuns li .spaceimage {
		width: 120px;
	}
	#sidebarvideosingle .listavideosaudios ul.corpolistasalbuns li .categoriasvideos {
		display: none;
	}
	.spacevideomask {
		width: calc(100% - var(--sidebarvideos) + 100px);
	}
	#videoembeedposition {
		width: calc(100% - var(--sidebarvideos) + 100px);
	}
	#videoajax {
		width: calc(100% - var(--sidebarwidth) - var(--sidebarvideos) - 26px + 100px);
	}
}

@media only screen and (max-width: 1200px) {
	#sidebarvideosingle {
		display: none;
	}
	.spacevideomask {
		width: 100%;
	}
	#videoembeedposition {
		width: 100%;
	}
	#videoajax {
		width: calc(100% - var(--sidebarwidth) - 26px);
	}
	
	.listavideosaudios.listasinglevideo ul.corpolistasalbuns li {
		width: calc(25% - 20px);
	}
	.listavideosaudios.listasinglevideo {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 1000px) {
	#videoajax {
        width: calc(100% + 40px);
        left: 0;
		border-radius: 0px;
    }
	#videoajax iframe {
		border-radius: 0;
	}
	.spacevideomask .maskvideocontentiframe {
		padding-bottom: 64.25%;
	}
	.listavideosaudios.listasinglevideo ul.corpolistasalbuns li {
        width: calc(33.33% - 20px);
    }
}

@media only screen and (max-width: 800px) {
	.listavideosaudios.listasinglevideo ul.corpolistasalbuns li {
        width: calc(50% - 20px);
    }	
}
@media only screen and (max-width: 690px) {
	.listavideosaudios.listasinglevideo ul.corpolistasalbuns li {
        width: calc(100% + 3px);
		margin-bottom: 30px;
    }	
}

#musicplayer {
	position: fixed;
    z-index: 99999;
    bottom: 0;
    left: 0;
    width: 250px;
    height: 400px;
    /* border-radius: 10px; */
    /* background: rgb(255 255 255 / 20%); */
    /* backdrop-filter: blur(33px); */
    /* box-shadow: 0px 0px 5px rgb(0 0 0 / 30%); */
    display: none;
}
#musicplayer.ativado {
	display: block;
}
#musicplayer .mask {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(0 0 0 / 90%) 86%, rgb(0 0 0) 100%);
    opacity: 0.7;
}
#musicplayer audio {
	display: none !important;
}

#musicplayer #albumcover {
	position: absolute;
    left: 20px;
    top: 0;
    width: 210px;
    border-radius: 5px;
    z-index: 9;
}
#musicplayer #playerbotoes {
	position: absolute;
    left: 50%;
    margin-left: -74px;
    bottom: 25px;
    z-index: 999;
}
#musicplayer #playerbotoes span {
	float: left;
	cursor: pointer;
}
#musicplayer #playerbotoes span.prev, #musicplayer #playerbotoes span.next {
	margin-top: 8px;
    font-size: 29px;
    width: 27px;
    height: 30px;
}
#musicplayer #playerbotoes span.play, #musicplayer #playerbotoes span.pause {
	background: rgb(0 0 0 / 38%);
    border-radius: 50%;
    font-size: 33px;
    padding: 5px 16px 20px 8px;
    margin: 0 25px;
}
#musicplayer #playerbotoes span.pause {
	padding: 5px 18px 20px 6px;
}
#musicplayer #playerbotoes span.pause {
	display: none;
}
#musicplayer.tocando #playerbotoes span.play {
	display: none;
}
#musicplayer.tocando #playerbotoes span.pause {
	display: inline-block;
}
#musicplayer #playerbotoes span.desativado {
	cursor: default;
	color: rgb(255 255 255 / 30%);
}
#musicplayer #playercomandos {
	position: absolute;
    left: 20px;
    top: 230px;
    width: 210px;
    height: 100px;
    z-index: 9;
}
#musicplayer #playercomandos .musicatitulo {
	font-size: 18px;
    color: rgb(255 255 255);
	overflow: hidden;
	white-space: nowrap;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgb(0 0 0) 0%, rgb(0 0 0 / 60%) 80%, transparent 100%);
}
#musicplayer #playercomandos .dados {
	
}
#musicplayer #playercomandos .musicaalbum {
	font-weight: 300;
    font-size: 13px;
    color: rgb(255 255 255 / 70%);
    margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgb(0 0 0) 0%, rgb(0 0 0 / 60%) 80%, transparent 100%);
}
#musicplayer #playercomandos .times {
	font-weight: 300;
    font-size: 11px;
    margin: 0 1px;
    margin-bottom: 0;
    height: 18px;
}
#musicplayer #playercomandos .times .currenttime {
	float: left;
}
#musicplayer #playercomandos .times .totaltime {
	float: right;
}

#musicplayer #playercomandos .ui-slider-horizontal {
	height: 5px;
	border: 0;
	background: rgb(255 255 255 / 25%);
	cursor: pointer;
}
#musicplayer #playercomandos .ui-slider-horizontal .ui-slider-range-max {
	background: rgb(255 255 255 / 50%);
}

#musicplayer #playercomandos .ui-state-default, #musicplayer #playercomandos .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 0;
}
#musicplayer #playercomandos .ui-slider .ui-slider-handle {
	width: 10px;
    height: 10px;
	border-radius: 50%;
}
#musicplayer #playercomandos .ui-slider-horizontal .ui-slider-handle {
	top: -3px;
    margin-left: -3px;
	outline: none;
}
#musicplayer #playercomandos .ui-slider-horizontal .ui-slider-handle.ui-state-active {
	background: #fff;
	transform: scale(1.2);
	border: 0;
}

#musicplayer.style2 {
	background: rgb(66 66 66 / 65%);
    -webkit-backdrop-filter: blur(30px);
    backdrop-filter: blur(30px);
    width: 100%;
    right: 0;
    left: auto;
    height: 75px;
}
#musicplayer.style2 .mask {
	display: none;
}
#musicplayer.style2 #albumcover {
    width: 50px;
    height: 50px;
    top: 14px;
    left: 14px;
	z-index: 1;
}
#musicplayer.style2 #playercomandos {
    left: 0;
	top: 0;
    height: 75px;
    width: 100%;
}
#musicplayer.style2 #playercomandos .dados {
	position: absolute;
    top: 15px;
    left: 73px;
    width: calc(100% - 200px);
}
#musicplayer.style2 #playercomandos .dados .musicaalbum {
	margin-top: -2px;
}
#musicplayer.style2 .playertimeslider {
	position: absolute;
    width: 100%;
    top: -2px;
}
#musicplayer.style2 .playertimeslider .times {
	position: absolute;
	display: none;
}
#musicplayer.style2 #playercomandos .playertimeslider .ui-slider .ui-slider-handle {
	height: 13px;
    width: 5px;
    border-radius: 5px;
}
#musicplayer.style2 #playerbotoes {
	right: 24px;
	left: auto;
    margin-left: 0px;
    top: 16px;
}

/*ERAS*/

#contentera {
	margin: 0px -10px 0 20px;
}
#contentera .headerera {
	padding-bottom: 33%;
    margin: -27px 20px 50px 0;
    position: relative;
    background-size: cover;
    background-position: top center;
    border-radius: 10px;
}
#contentera .headerera h1 {
	position: absolute;
    width: 100%;
    bottom: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 50px;
}
.erascattitulo {
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 28px;
	margin-bottom: 20px;
	text-align: center;
}

/*ERAS CAROUSEL*/
.carouselhome.carouseleras {
	-webkit-mask-image: linear-gradient(90deg, transparent 1%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 91%, transparent 99%);
}
.carouseleras {
	margin-bottom: 50px;
}
.carouselhome.carouseleras .corpolistasalbuns li {
	width: 300px;
	padding: 0;
	background: none;
	height: auto;
}
.carouselhome.carouseleras .corpolistasalbuns {
	margin-left: 100px;
}
.carouselcontainer .controles.controle-prev
.carouselhome.carouseleras {
	padding: 0px;
}
.carouselhome.carouseleras .corpolistasalbuns li a {
	padding: 0;
}
.carouselhome.carouseleras .corpolistasalbuns li:last-child {
	padding-right: 200px;
}

.carouselcontainer .controles-carousel .controles {
	background: none;
	padding-top: 67px;
	padding-bottom: 68px;
}
.carouselcontainer .controles-carousel .controles span {
    font-size: 30px;
}
.caouselhomecontainer .controles-carousel .controles {
	padding-top: 1px;
	padding-bottom: 0;
}
.caouselhomecontainer .controles.controle-prev {
	background: linear-gradient(270deg, rgba(2,0,36,0) 0%, rgba(0,0,0,1) 37%, rgba(0,0,0,1) 100%);
}
.caouselhomecontainer .controles.controle-next {
	background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,0,0,1) 37%, rgba(0,0,0,1) 100%);
}

/*ERA LOVE SUX*/

#contentera.love-sux .headerera {
	background-image: url(eras/love-sux.jpg);
}

/*ERA UMS*/
#contentera.under-my-skin .headerera {
	background-image: url(eras/ums.jpg);
}

/*ERA LG*/

#contentera.let-go .headerera {
	background-image: url(eras/lg.jpg);
}


/*ERA TBDT*/
#contentera.the-best-damn-thing .headerera {
	background-image: url(eras/tbdt.jpg);
}

/* FOTOS */

#headerfotos {
	width: calc(100% + 10px);
    padding-bottom: 56%;
    background-image: url(images/headerfotos.jpg);
    background-size: cover;
    background-position: bottom center;
    position: relative;
    margin-bottom: -420px;
    margin-top: -30px;
}
.titulopaginas {
	font-weight: 500;
    font-size: 40px;
    margin-bottom: 15px;
    padding: 3px 0;
    position: relative;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 50%);
    letter-spacing: -0.03em;
	text-transform: uppercase;
	font-family: var(--font-titulos);
	text-align: center;
	}
.titulopaginas.titulocenter {
    text-align: center;
}
.titulopaginas.titulocenter span {
    background: #ffffff26;
    border-radius: 10px;
    display: inline-block;
    padding: 5px 21px 10px;
}
.titulopaginas a {
	color: inherit;
}
body.post-type-archive-fotos #content, body.tax-categoriasgaleria #content, body.single-fotos #content {
	background: #a7587d;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin-right: 10px;
    width: calc(100% - 260px);
}
body.post-type-archive-fotos #content #content, body.tax-categoriasgaleria #content #content, body.single-fotos #content #content {
	border-radius: 0;
    margin: -26px -10px 0 0;
    padding: 0;
    width: calc(100% + 10px);
}

.categoriaslistathumbs {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 0;
}

.categoriaslistathumbs li {
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	width: 25%;
	background-size: cover;
	background-position: center;
	transition: all linear 0.15s;
	overflow: hidden;
	background-color: rgba(0,0,0,0.5);
}
.categoriaslistathumbs.thumbsmenores li {
	width: 16.66666666666667%;
}
.categoriaslistathumbs li .imagem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 1;
	transition: all linear 0.15s;
	transform: scale(1);
}
.categoriaslistathumbs li:hover .imagem {
	transform: scale(1.05)
}
.categoriaslistathumbs li .mask {
	padding-bottom: 100%;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(141,141,141,0) 17%, rgb(10 10 10 / 85%) 82%, rgb(10 10 10 / 95%) 100%, rgb(10 10 10) 100%);
	z-index: 2;
	position: relative;
}
.categoriaslistathumbs li .conteudo {
	position: absolute;
	margin: 0 20px 0 20px;
	bottom: 20px;
    color: #fff;
	text-shadow: 2px 2px 3px #000;
	z-index: 3;
}
.categoriaslistathumbs li .conteudo .nome {
	font-weight: 500;
    font-size: 23px;
	text-transform: uppercase;
	font-family: var(--font-titulos);
}
.categoriaslistathumbs li .conteudo .count {
    font-size: 15px;
}

.corpofotos {
	position: relative;
	margin: 0 0 0 15px;
	}
	
.corpofotos .thumbnail {
	width: calc(16.6% - 14px);
    float: left;
    text-align: center;
    margin: 0 7px 15px 7px;
    padding: 0;
    transition: all linear 0.2s;
    background: rgb(255 255 255 / 16%);
    border-radius: 10px;
    overflow: hidden;
}
.corpofotos .thumbnail img {
	width: 100%;
}
.corpofotos .thumbnail .thumb {
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
}
.corpofotos .thumbnail:hover {
	-webkit-transform: scale(1.05);
	}
.corpofotos .thumbnail span {
	display: block;
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-style: italic;
	color: #000;
	}
	
.corpofotos .thumbnail .ultimosalbunstitulo {
	font-weight: bold;
    font-style: normal;
    color: #000;
    font-size: inherit;
    padding: 0 15px;
    display: inline-block;
    height: 49px;
    overflow: hidden;
	margin-bottom: -5px;
	font-family: var(--font-titulos);
	}
	
body.home .corpofotos .thumbnail .ultimosalbunstitulo {
	color: #fff;
}
	
.corpofotos .thumbnail .visualizacoes {
	font-style: normal;
	}
	
.titulosgaleriahome {
	margin-top: 50px;
}

#expandlink {
	position: relative;
    text-align: center;
	clear: both;
	margin-bottom: 70px
}
#expandlink .line {
	position: absolute;
    width: 100%;
    height: 1px;
    background: var(--colorlighthover);
    margin-top: 35px;
}
#expandlink span {
	background: var(--backdefault);
    padding: 0;
    border-radius: 23px;
    position: relative;
    border: 7px solid var(--backdefault);
    cursor: pointer;
    font-size: 55px;
    font-weight: 100;
}
#expandlink span:hover {
	transform: rotate(20deg);
	transition: all linear 0.2s;
}
#expandlink span:active {
	transform: rotate(90deg);
	transition: all linear 0.2s;
}
/* MÚSICAS */

#albumcontent {
	float: left;
    width: calc(100% - var(--sidebarvideos));
    margin: 0;
    padding-top: 0px;
    overflow: hidden;
    position: relative;
    background: #0e0e0e;
}
.bgalbummusica {
	top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    opacity: 0.7;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, transparent 100%);
}
.bgalbummusica .maskbg {
	position: absolute;
    width: 100%;
    max-height: 100%;
    height: 500px;
    filter: blur(65px);
    background-size: cover;
}
#headeralbummusica {
    position: relative;
}
#headeralbummusica .mask {

}
#headeralbummusica .mask .cover {
	float: left;
    width: 240px;
    margin: 40px 20px 20px 40px;
    border-radius: 10px;
	box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
}
#headeralbummusica .infosalbum {
	float: left;
	width: calc(100% - 360px);
	margin-top: 40px;
	height: 240px;
}
#headeralbummusica .infosalbum .vertical {
	height: 240px;
	vertical-align: middle;
	display: table-cell;
}
#headeralbummusica .infosalbum h1 {
    font-size: 35px;
    margin: -15px 0 15px 0;
    line-height: 42px;
}
#headeralbummusica .infosalbum .vertical .count, #headeralbummusica .infosalbum .vertical .era {
	background: rgb(0 0 0 / 25%);
	border-radius: 25px;
    padding: 4px 10px 5px;
    font-size: 10px;
	display: inline-block;
}
#headeralbummusica .infosalbum .vertical .era {
	padding: 0 10px 0 0;
    line-height: 28px;
    background: transparent;
	transition: all linear 0.2s;
}
#headeralbummusica .infosalbum .vertical .era:hover {
	background: rgb(0 0 0 / 10%);
}
#headeralbummusica .infosalbum .vertical .era a {
	color: var(--color);
}
#headeralbummusica .infosalbum .vertical .era img {
	float: left;
	width: 30px;
	border-radius: 50%;
	margin-right: 6px;
}
.albumplaylist {
	z-index: 2;
	position: relative;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.albumplaylist li {
	padding: 15px 40px;
    border-bottom: 1px solid rgb(255 255 255 / 8%);
}
.albumplaylist li .playmusicabutton {
	border-radius: 50%;
    border: 1px solid #fff;
    padding: 4px 3px 5px 6px;
    float: left;
    margin-top: -3px;
    margin-right: 12px;
    cursor: pointer;
}
.albumplaylist li .counttrack {
	display: inline-block;
	text-align: right;
	width: 17px;
	margin-right: 8px;
}
.albumplaylist li .timeformated {
	float: right;
	margin-right: 10px;
}
.albumplaylist li .downloadbutton {
	border-radius: 50%;
    border: 1px solid #fff;
    padding: 6px 4px 4px 5px;
    float: left;
    margin-top: -3px;
    cursor: pointer;
    float: right;
    color: #000;
    background: #fff;
}

.tagsalbum {
	z-index: 2;
	position: relative;
	list-style-type: none;
	margin: 20px 40px 30px;
	padding: 0;
	text-align: center;
}
.tagsalbum li {
	margin: 0 5px 0 0;
    padding: 7px 12px;
    display: inline-block;
    background: rgb(255 255 255 / 5%);
    border-radius: 5px;
    font-size: 12px;
    font-weight: 300;
}
.tagsalbum li:last-child {
	margin-right: 0;
}

#albumsidebar {
	float: left;
    width: 320px;
    min-height: 500px;
    margin-top: 85px;
}

#albumsidebar .corpolistasalbuns li {
	float: none;
	width: calc(100% - 40px);
	border-bottom: 1px solid rgb(255 255 255 / 8%);
	padding: 20px;
	margin-bottom: 0;
}

#albumsidebar .corpolistasalbuns li .imagem.musicas {
	float: left;
    width: 130px;
    height: 130px;
    padding-bottom: 0;
    margin-right: 20px;
}

#sidebarvideosingle.sidebarmusicas {
	position: relative;
    float: right;
    top: -7px;
}

/* MÚSICAS ARCHIVE */

.homedestaquesultimos {
	
}
.homedestaquesultimos .albumdestaque {
	float: left;
	width: 25%;
}
.homedestaquesultimos .albumdestaque .cover {
	padding-bottom: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	border-radius: 10px;
	background-color: #fff;
}
.homedestaquesultimos .listadestaque {
	float: right;
	width: 75%;
}

.search_content {
	margin: auto;
	max-width: calc(100% - 320px);
}
.listasearch {
	width: calc(100% - 370px);
	float: left;
}
.listavideosaudios.listasearch ul.corpolistasalbuns li {
	float: none;
    width: calc(100% - 50px);
    padding: 0;
    height: auto;
    margin-bottom: 10px;
    background: #212121;
    padding: 5px;
    border-radius: 10px;
}
.listavideosaudios.listasearch ul.corpolistasalbuns li .spaceimage {
	float: left;
	width: 35%;
	margin-right: 20px;
}
.listavideosaudios.listasearch ul.corpolistasalbuns li .imagem.videos {
	margin-bottom: 0;
}
.listavideosaudios.listasearch ul.corpolistasalbuns li .imagem.musicas {
	padding-bottom: 100%;
	margin-bottom: 0;
}
.listavideosaudios.listasearch ul.corpolistasalbuns li .imagem.musicas .imagemcapa {
	height: 100%;
	margin-top: 0;
}
.listavideosaudios.listasearch ul.corpolistasalbuns li .titulo {
	font-size: 17px;
	margin-top: 0;
	padding-top: 10px;
}

.listavideosaudios.listasearch.listaalbunsmusica ul.corpolistasalbuns li {
	width: calc(33.3% - 60px);
    margin-right: 20px;
    float: left;
    height: 400px;
    padding: 20px;
	margin-bottom: 20px;
}
.listavideosaudios.listasearch.listaalbunsmusica ul.corpolistasalbuns li .spaceimage {
	float: none;
    width: calc(100% + 30px);
    margin: -15px 0 6px -15px;
}

.sidebarsearch {
	float: right;
	width: 350px;
}
.sidebarsearch ul {
	background: var(--colorlight);
    margin-bottom: 10px;
	list-style-type: none;
    margin: 0;
    padding: 10px 0 7px;
    color: var(--color);
	border-radius: 10px;
	margin-bottom: 20px;
}
.sidebarsearch ul li {
	border-radius: 10px;
    padding: 11px 16px 11px 16px;
    margin-bottom: 3px;
    margin-left: 10px;
    margin-right: 10px;
	list-style-type: none;
    color: var(--color);
	border-radius: 10px;
}
.sidebarsearch ul li.titulo:hover {
	background: transparent;
}
.sidebarsearch ul li:hover, .sidebarsearch ul li.current {
	background: var(--colorlighthover);
}
.sidebarsearch ul li .material-symbols-outlined {
    float: left;
    margin-top: -3px;
    margin-right: 15px;
    font-weight: 300;
}

#erro404 {
	width: 100%;
    max-width: 605px;
    padding-bottom: 25.95%;
    background-image: url(images/404.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: 150px auto 0;
    font-size: 0;
    background-size: 100%;
}

/* MENU SUSPENSO */

#menufechado #sidebargeral {
	left: calc(var(--sidebarwidth) - var(--sidebarwidth) - var(--sidebarwidth));
}

#menufechado #content {
	width: calc(100% - 20px);
}
#menufechado #content #content {
	width: 100%;
}
#menufechado #videoajax {
	width: calc(100% - var(--sidebarvideos) - 26px);
    left: 10px;
}
#menufechado #videoajax.popup {
	width: 370px;
    left: auto;
}

@media only screen and (max-width: 1000px) {
	#menufechado #sidebargeral {
		left: 0;
		z-index: 10000;
	}
	#sidebargeral {
		left: -239px;
		position: fixed;
		background: rgb(0 0 0 / 80%);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
		overflow: auto;
		width: 239px;
		padding-right: 0px;
		height: calc(100% - 86px);
		top: 60px;
	}
	#content, #menufechado #content {
		width: calc(100% - 50px);
	}
	#content #content {
		width: 100%;
	}
}

@media only screen and (max-width: 1500px) {
	#sidebarvideosingle {
		width: calc(var(--sidebarvideos) - 100px);
	}
	#sidebarvideosingle .listavideosaudios ul.corpolistasalbuns li .spaceimage {
		width: 120px;
	}
	#sidebarvideosingle .listavideosaudios ul.corpolistasalbuns li .categoriasvideos {
		display: none;
	}
	.spacevideomask {
		width: calc(100% - var(--sidebarvideos) + 100px);
	}
	#videoembeedposition {
		width: calc(100% - var(--sidebarvideos) + 100px);
	}
	#videoajax {
		width: calc(100% - var(--sidebarwidth) - var(--sidebarvideos) - 26px + 100px);
	}
	#menufechado #videoajax {
		width: calc(100% - var(--sidebarvideos) - 26px + 100px);
	}
}

@media only screen and (max-width: 1200px) {
	#sidebarvideosingle {
		display: none;
	}
	.spacevideomask {
		width: 100%;
	}
	#videoembeedposition {
		width: 100%;
	}
	#videoajax {
		width: calc(100% - var(--sidebarwidth) - 26px);
	}
	
	.listavideosaudios.listasinglevideo ul.corpolistasalbuns li {
		width: calc(25% - 20px);
	}
	.listavideosaudios.listasinglevideo {
		margin-top: 30px;
	}
	#menufechado #videoajax {
		width: calc(100% - 26px);
	}
}

@media only screen and (max-width: 1000px) {
	#videoajax, #menufechado #videoajax {
        width: calc(100% + 40px);
        left: 0;
		border-radius: 0px;
		top: 59px;
    }
	#videoajax iframe {
		border-radius: 0;
	}
	.spacevideomask .maskvideocontentiframe {
		padding-bottom: 64.25%;
	}
	.listavideosaudios.listasinglevideo ul.corpolistasalbuns li {
        width: calc(33.33% - 20px);
    }
}

@media only screen and (max-width: 800px) {
	.listavideosaudios.listasinglevideo ul.corpolistasalbuns li {
        width: calc(50% - 20px);
    }	
}
@media only screen and (max-width: 690px) {
	.listavideosaudios.listasinglevideo ul.corpolistasalbuns li {
        width: calc(100% + 3px);
		margin-bottom: 30px;
    }	
}

#erascontent {
	overflow: hidden;
	position: relative;
	z-index: 11;
	margin-bottom: 20px;
}
#erascontent ul, #erascontent ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#erascontent ul.clipes {
	overflow: hidden;
	margin-bottom: 50px;
}
#erascontent ul.clipes li {
	float: left;
	background: #fff;
	border-radius: 10px;
	position: relative;
	margin-right: 20px;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center;
	width: calc(22.2% - 20px);
	overflow: hidden;
}
#erascontent ul.clipes li .mask {
	position: relative;
	padding-bottom: 56.25%;
	background: linear-gradient(180deg, rgba(2,0,36,0) 0%, rgb(0 0 0 / 56%) 66%, rgb(0 0 0 / 65%) 80%);
	box-shadow: inset 0 0 0px 0px rgb(255 255 255 / 0%);
	transition: all linear 0.2s;
}
#erascontent ul.clipes li .mask:hover {
	box-shadow: inset 0 0 6px 0px rgb(255 255 255 / 100%);
}
#erascontent ul.clipes li:first-child {
	width: calc(33.3333% - 20px);
}
#erascontent ul.clipes li:first-child .mask {
	padding-bottom: 77.6%;
}
#erascontent ul.clipes li .mask .content {
	position: absolute;
	bottom: 0;
	margin: 0 20px 20px 20px;
    width: calc(100% - 40px);
}
#erascontent ul.clipes li .mask .content .titulo {
	font-size: 22px;
    font-weight: 600;
}
#erascontent ul.clipes li .mask .content .views {
	margin-top: 5px;
	font-size: 12px;
	color: var(--colorsub);
	transition: all linear 0.2s;
}
#erascontent ul.clipes li .mask:hover .content .views {
	margin-bottom: 5px;
}
#erascontent ul.clipes li .mask .content .views .material-symbols-outlined {
	font-size: 11px;
	display: inline-block;
	margin-bottom: -1px;
	margin-left: 10px;
}
#erascontent ul.clipes li .mask .content .duration {
	position: absolute;
    right: 0px;
    bottom: 0px;
    background: rgb(0 0 0 / 75%);
    border-radius: 3px;
    padding: 1px 5px 2px;
    font-weight: 400;
    font-size: 12px;
}

.titulopageeras {
	font-size: 21px;
    font-weight: 600;
	height: 36px;
    margin-bottom: 20px;
}
.titulopageeras .titulo {
	float: left;
	margin-top: 4px;
}
.titulopageeras .material-symbols-outlined {
	float: left;
	background: var(--colorlight);
    border-radius: 50%;
    padding: 6px 5px 6px 7px;
	transition: all linear 0.2s;
	margin-left: 10px;
}
.titulopageeras:hover .material-symbols-outlined {
	margin-left: 15px;
}