/* AUDIO */

.fraudio-container {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
}	

.fa-youtube-play {
	color: #B71C1C;
	padding: 0;
}	

/* PRIMEIRA LETRA */
.letra:first-letter {
	/*
	font-family: 'Kaushan Script', cursive !important;
	*/
	color: #616161 !important;
	font-weight:bold; 
	font-size:6em; 
	float:left; 
	padding:0; 
	margin: 10px 15px 0 0 !important; 
	background-color:none; 
	line-height:0.8em;
	border-bottom:0px solid #B71C1C;
}

.letra2:first-letter {
	color: #616161 !important;
	opacity:0.5;
	font-weight:bold; 
	font-size:4em; 
	float:left; 
	padding:0; 
	margin: 10px 15px 0 0 !important; 
	background-color:none; 
	line-height:0.5em;
	border-bottom:0px solid #B71C1C;
}

/* BLOCKQUOTE */
blockquote, .ast {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.4;
	font-family: Roboto, sans-serif !important;
	max-width: 35%;
	float: right;
	padding: 15px 10px;
	position: relative !important;
  	background: #eee;
	color: #555;
	text-align: center;
	margin: 0px;
	z-index:1 !important;
}

blockquote::before, blockquote::after, ast::before {
  	color: #B71C1C;
  	background: #FFFFFF;
  	font-family:'FontAwesome'; 
  	padding: 0 4px 0 4px;
  	font-size:20px;
  	position: absolute !important;
  	display:block;
}

blockquote::before {
  	content:"\f10d";
   	top: -20px !important;
  	left: 10px !important;
}

.ast::before {
  	content:"\f069";
	top: -15px !important;
	font-size:17px !important;
  	left: 10px !important;
}

/* CITACAO */
#citacao, .citacao  {
	margin: 0 5% !important;
	font-style:italic !important;
	font-size:0.95em !important;
}

#citacao hr {
	width: 30% !important;
	clear: both  !important;
}

.borda {
	padding-left:10px; 
	border-left:1px solid #B71C1C;
}

.borda2 {
	padding-left:15px; 
	border-left:4px solid #B71C1C;
}

.borda3 {
	padding-left:15px; 
  	border-image: linear-gradient(to bottom, #B71C1C,  rgb(255, 255, 255)) 6 / 0 0 0 1 / 3 stretch; 
	border-style: solid; 
	border-width: 1px;
}

.poesia {
	white-space: pre-wrap;
}

@media only screen and (max-width: 1024px) {
	.poesia {
		font-size: calc(16px + 6 * ((100vw - 320px) / 680));
	}
	blockquote  {
		font-size: calc(16px + 6 * ((100vw - 320px) / 680)) !important;
	}
}

#nota, .nota {
	color: #757575; 
	float: right; 
	font-size: 80%; 
	width: 50%;
	clear: both !important;
  	display:block;
	margin-right:5%;
}

.divisor  {
	content: url(https://1.bp.blogspot.com/-YU59sJ4UnM8/XzB-wN9cZWI/AAAAAAACZsY/RouazuJI0ecl_WZezmGsMHpL9HjpsXRYgCLcBGAsYHQ/s1600/Divisor.png);
	width:70%;
	opacity:0.5;
	margin:3px auto;
}

.divisor2  {
	content: url(https://1.bp.blogspot.com/-afErCAn07Iw/X40Tq2kRdTI/AAAAAAACfUY/1o-p1b9JdvY4fs5xp2adDuwrzq6NVsEMwCLcBGAsYHQ/s0/divisor.png);
	width:70%;
	opacity:0.5;
	margin:3px auto;
}

.inv {
	-webkit-transform: scaley(-1); 
	transform: scaley(-1);	
}

/* ORNAMENTOS */

#ornamento {
	width: 100%;
	position: relative;
	margin-right: 10px; 
}

.gradiente {
	border-image: linear-gradient(45deg, rgb(255, 255, 255), rgb(183, 28, 28)) 1 / 1 / 0 stretch; 
	border-style: solid; 
	border-width: 0px 0px 2px;
}

.gradiente2 {
	border-image: linear-gradient(45deg, rgb(183, 28, 28),  rgb(255, 255, 255)) 1 / 1 / 0 stretch; 
	border-style: solid; 
	border-width: 0px 0px 2px;
}

.margem {
	margin-top:15px;
}

.moldura {
	width: 60%;
	position: absolute;
	float: right;  
	right: 0; 
	opacity: 0.1;
}

.superior {
	content:url(https://1.bp.blogspot.com/--sGhlKtVdt0/X_ndkJP9TqI/AAAAAAACpno/745-P43jnAspuoU4-fRIPOHryqgk_U5RgCLcBGAsYHQ/s0/cant-alta.png);
}

.media {
	content:url(https://1.bp.blogspot.com/-uSPFluKAC8M/X_n05OcBEKI/AAAAAAACpoA/YwZslOU3JXAccKe0EkdOCJJlJZtsXpAWwCLcBGAsYHQ/s0/cant-centro.png);
	top: 50%; 
	margin-top: -40%;
}

.inferior {
	content:url(https://1.bp.blogspot.com/-SnALcnPDM2k/X_ndkHPYBtI/AAAAAAACpns/bJPYauJk5C42qM34rpBHfCGciK4e1BJPQCLcBGAsYHQ/s0/cant-baixa.png);
	bottom: 0; 	
}


.arabesco {
	width: 20%;
	position: absolute;
	float: right;  
	right: 0; 
	opacity: 0.1;
}

.cima {
	content:url(https://1.bp.blogspot.com/-3YkgHtOznvY/XxI9reKwh-I/AAAAAAACYE0/kFDP1v9Ad2YKS0pTSocUoF9eshcVztsmACLcBGAsYHQ/s1600/top.jpg);
}

.central {
	content:url(https://4.bp.blogspot.com/-kvZo2w13rK8/XxIy2SB5LcI/AAAAAAACYEo/_kcv7e72tfsJ8z1ZoI9sjUZJ1bAvdjrMgCLcBGAsYHQ/s1600/juca%2B2.jpg);
	top: 50%; 
	margin-top: -40%;
}

.baixo {
	content:url(https://2.bp.blogspot.com/-87k5qy3_VhA/XxI9rLJrAAI/AAAAAAACYEw/s3aJtiDtweIpOhspKvqyYDPd8wU_xQfeQCLcBGAsYHQ/s1600/bottom.jpg);
	bottom: 0; 	
}

/* FIGURE */
figure {
	display: block !important;
	max-width: 35% !important;
	height: auto !important;
    	position:relative !important;
    	box-sizing: border-box !important;
	overflow: hidden;
}

.dir {
	float: right !important;
	margin: 10px 0 5px 20px !important;
}

/*
	margin-left: 20px !important;
	margin-right: 0px !important;
	margin-top: 10px !important;
*/

.esq {
	float: left !important;
	margin: 10px 20px 5px 0 !important;
}

.centro {
	max-width: 90% !important;
	margin: 0 auto 15px !important;
}

.meio {
	max-width: 45% !important;
}

.haikai {
	max-width: 90% !important;
	text-align:center;
	clear:both !important
}

/*
figcaption {
  	position:absolute;
	color:#fff;
	background:#B71C1C; 
	padding:auto; 
	width:inherit;
	bottom:25px;
	height:25px;
	text-align:center;
	font-size:0.7em;
	font-weight: bold;
	
}
*/

figcaption {
  	position:absolute !important;
	color:#ffffff !important;
	width:100% !important;
	bottom:10px !important;
    	height:25px !important;
	ine-height:25px !important;
	font-size:0.7em !important;
	padding: 0 10px !important;
	background: rgba(0, 0, 0, 0.4)  !important;
	font-weight: normal !important;
	overflow:hidden !important;
    	box-sizing: border-box !important;
}

.credito {
	text-align:left;
}

.credir {
	float:right !important;
	color: ##EEEEEE !important;
	font-style: italic;
}

/*
.credir {
	position: absolute;
	bottom: 0px !important;
	right: 10px;
	color: #BDBDBD !important;
	font-style: italic;
}


@media only screen and (max-width: 1024px) {
	.credir {
		bottom: -25px !important;
		color: #757575 !important;
	}
}
*/

.fa-camera, .fa-paint-brush {
	margin: 0 5px !important;
}

.pontofinal {
	float:right;
	width:40px;
	margin-top:-20px;
	content:url(https://1.bp.blogspot.com/-L4yogph2b8o/YD8OL2bTGNI/AAAAAAACr6s/Mlg2qCrYEqw7SU0PwmJpBly8_mt7Nrk_QCLcBGAsYHQ/s0/favicon%2Bcarlosromero.png);
	border-radius:50%;
}




/* FOTO 2 COLUNAS */
#foto2 {
	display: flex; 
	width: 90%;
	margin: 0 auto;
	text-align:center;
	flex-wrap: wrap;
}

#foto2::after {
	clear:both;
}

#foto2 .foto2int {
	width: 48%;
}

#foto2 .foto2flex {
	margin: 0 auto !important;
	position:relative;
}

.foto3 {
	margin: 0 auto !important;
	position:relative;
	display:block;
}

.cap-ant {
  content:url(https://1.bp.blogspot.com/-6Dp8sAIxKGo/YApSrf1Ge9I/AAAAAAACqXw/EzsNn5ga86MeuVkx0cxQokoq3jRm0ZdygCLcBGAsYHQ/s0/CAP%2BANT.png);
  margin:-1em 0 1em;
  width:70%;
  float:right;
  clear:both;
  display:block;
}

.cap-pro {
  content:url(https://1.bp.blogspot.com/-ntwTP2eGkPc/YArkxjCH8KI/AAAAAAACqYE/b--JF0R_Vd4Em9cLlskR2-7OgYKQCZKOACLcBGAsYHQ/s0/CAP%2BPROX.png);
  width:70%;
  float:left;
  clear:both;
  display:block;
}

/* VIDEO LATERAL DIREITO */
.video {
	float:right;
	width:50%;
	max-height:200px;
	margin: 10px 0 5px 15px;
}

/* VIDEO LATERAL DIREITO SOMENTE SOM */
.disco {
	width: 100%;
}

.disco:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.quadrado1 {
    position: relative;
}

#quadrado2 {
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}


/* -------------------- POSTAGENS POPULARES ----------------------- */

#PopularPosts2 ul {
    background-color: transparent !important;
    text-align:center !important;
    display: flex;
    flex-wrap: wrap;
}

#PopularPosts2 li {
    padding:0 !important;
    margin: 0 auto 35px auto !important;
    width: 320px;
    height: 218.5px;
    position:relative;
}

#PopularPosts2 li.contador {
   counter-increment: item;
   position:relative;
 }

#PopularPosts2 li.contador:before {
   content: counter(item);
   color: white;
   font-size:3em;
   font-weight:bold;
   line-height:1em;
   position:absolute;
   top:0;
   left:0.1em;
   display:block;
   border:0px solid #000;
   opacity:0.7;
 }

#PopularPosts2 img {
    padding: 0px;
    width:100%;
    overflow:hidden;
    object-fit: cover;
}

#PopularPosts2 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%,rgba(0, 0, 0,0.7));
}


#PopularPosts2 .autor {
    background:#B71C1C;
    text-transform:uppercase;
    padding: 4px 8px !important;
    margin-bottom:5px;
    font-size: 1em !important;
    line-height:1em !important;
    position:absolute;
    left:15px;
    color:#FFFFFF !important;
    font-family: 'Roboto', sans-serif;
    font-weight:bold;
    text-align:left !important;
    top:57%;
    overflow:hidden !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#PopularPosts2 .titulo2 {
        padding: 0 15px;
        font-size: 1.8em;
        line-height:1em ;
        width:100% ;
     	color:#FFFFFF !important;
    	font-family: 'Roboto', sans-serif;
    	font-weight:bold;
    	text-align:left !important;
        position: absolute;
        top: 70%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
}


/* ------------------------------------------------------------- */

/* MODIFICA LAYOUT DO POLLDADDY */

.css-answer-group, .css-answer-group.pds-answer-group, .pds-box, .pds-answer-group {
	padding: 0px 0px !important;
}

#pds-sharing, .pds-pd-link {
	display: none !important;
}

.css-box.pds-box, css-box {
	border: 0px !important;
}

.css-votebutton-outer.pds-votebutton-outer, .css-votebutton-outer {
	width: 100% !important;
	display: inline-block !important;
}

.css-vote-button.pds-vote-button, .css-vote-button {
	width: 10% !important;
	float: left !important;
}

.css-links.pds-links, .css-links {
	width: 70% !important;
	float: right !important;
}

.css-vote.pds-vote, .css-vote {
	height: 20px !important;
}

.css-answer.pds-answer, .css-answer, .pds-box.pds-answer, pds-box, .pds-answer  {
	border-bottom: 0px !important;
}

/* POSTAGENS DE ENTREVISTAS */
.p30 {
	padding: 0 30px 0 30px !important;
	font-style: italic !important;
}

.desloca {
	padding-left: 30px;
}

.italico {
	font-style: italic !important;
}

.desloca2 {
	padding-left: 60px;
}

.centraliza {
	margin: 0 auto;
	text-align:center;
	display:block
}

.pergunta {
  	padding-left: 20px;
	font-style: italic;
	font-weight: 500;
	font-color: #757575 !important;
}

.entrevista {
	margin: 10px 0px 15px 0px;
  	padding: 10px 20px 10px 20px;
	background-color: #FFF9C4;
}

/* FIXA O QUADRO DE ENTREVISTAS

#Image1 {
  	position: -webkit-sticky !important;
  	position: sticky !important;
  	top: 0 !important;
	z-index: 100 !important;
	max-width:100% !important;
}
 */

/* CAIXAS DO RODAPÉ DAS POSTAGENS */
fieldset {
  	display: block;
  	margin: 30px 0 40px 0 !important;
  	padding: 20px 20px;
	border: 0px solid transparent !important;
	border-radius: 4px !important;
  	background: #F5F5F5;
  	transparency: 0 !important;
	z-index:100;
}

legend {
	font-size:1.2rem !important;
	border-radius: 4px !important;
	text-transform: uppercase !important;
	color: #333134 !important;
	padding: 3px 10px !important;
	font-weight: bold !important;
	width: auto !important;
	background: #ffffff !important;
	display:block !important;
	margin: 0 auto  !important;
}

sup {
	color: #B71C1C !important;
	font-size:0.7em !important;
	font-weight:bold;
	margin-left:3px;
}	

.ref {
	font-size:0.7em !important;
	line-height:1.5;
	max-width: 40% !important;
	float: right !important;
	padding: 5px 20px !important;
	position: relative !important;
	color: #757575 !important;
	text-align: left! important;
	margin: 0 0 5px 15px  !important;
  	border: 1px solid #B71C1C !important;
	border-radius: 2px !important;
}

.ref2 {
	font-size:0.9em !important;
	border: 0px !important;
	color: #B71C1C !important;
}

/* CAIXA DE CITAÇÕES
blockquote {
	font: 100 20px / 1.4 'Oswald', cursive !important;
	max-width: 34%;
	margin: 0 0 1px 5px;
	padding: 15px 10px;
	float: right;
	position: relative !important;
  	background: #B71C1C;
	color: #FFFFFF;
	text-align: center;	
}

blockquote::before, blockquote::after {
  	color: #B71C1C;
  	background: #FFFFFF;
  	font-family:'FontAwesome';
  	padding: 0 4px 0 4px;
  	font-size:20px;
  	position: absolute !important;
  	display:block;
}

blockquote::before {
  	content:"\f10d";
   	top: -20px !important;
  	left: 10px !important;
}

blockquote::after {
  	content:"\f10e";
  	bottom: -20px !important;
  	right: 10px !important;
} 

*/
/* CAIXA DO FANCYBOX */
.fancybox-slide--iframe .fancybox-content {
    	width  : 800px;
    	height : 600px;
    	max-width  : 80%;
    	max-height : 80%;
    	margin: 0;
}


/* MOLDURA DE COMPARTILHAR
.compartilhe {
	border: 1px solid #cccccc;
	padding: 1px 5px 1px 5px;
	float: right;
	font-size: 10px;
	color: #757575;
	width: auto;
	text-align: center;
	margin-top: -25px;
}
*/

.quadro {
	display: inline-block;
	background-color: #E0E0E0;
	padding: 10px;
	margin-bottom: 40px;
	width:100%;
	}

.fotopeq {
	height:auto;
	width:20%;
	max-width:20%;
	align: top;
	float: left;
	margin: 10px 20px 5px 0;
	}

.frase {
	overflow:hidden;
}

.textopeq, .textoita {
	font-size: 14px !important;
	line-height: 18px !important;
	margin-top: 8px;
	}

.textoita {
	font-style: italic;
	color: #616161;
	text-align: right;
	}

.filmposter {
	width:15%;
	height:auto;
	max-width:15%;
	align: top;
	float: right !important;
	margin: 0 auto auto 20px !important;
	}

/*
.bio { 
	margin-top:10px;
	font-size: 14px;
	}
*/

.fa fa-camera {
	padding: 0 5px !important;
	}

*
	{
	box-sizing: border-box;
	}

/*
*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
	}

body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
p,
pre,
blockquote,
figure,
hr 
ul[class],
ol[class],
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

embed,
iframe,
img,
object,
video {
  display: block;
  max-width: 100%;
}

[hidden] {
  	display: none !important;
	opacity: 0;
  	visibility: hidden;
}

img {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
*/


#relacionados {
	width:100%; 
	background: #333134;
	text-align:center;
	padding:10px 0 10px 0;
}

.leiamais {
	font-size:calc(1em + 0.5vw);
	color:#ffffff;
	opacity:0.8;
	display:block;
	margin:0 0 10px 0;
}

.relacionado, .relacionado a {
	font-family: 'Kaushan Script', cursive;
	font-size:calc(1.5em + 0.5vw);
	color:#ffffff;
	margin:0 0 10px 0;
	text-decoration:none;
	display:block;
}