/* bloco aplicado apenas ao artigo de teste (article#post-47738) e main div (para não apanhar a sidebar e o resto) */
/* para isso, defino o scope para todas as regras de formatação :*/
/* quando estiver tudo formatado, altero o scope para abranger todos os artigos que quisermos */
 
@scope (article.post.type-post div#main) {
	p.botaoredondo{
		text-align: center;
		margin: auto;
		border: 2px solid #B22222;
		font-weight:800;
		padding: 15px 33px;
		border-radius: 99px;
		width: fit-content;
		color: #B22222;
		font-size: 1.125em;
		}
	p.botaoredondo a{
		color: #B22222;
		text-decoration:none;
		}
	p, p a, li a{
		color:black
		} 

	.content-inner .entry-content h2, .page .entry-content h2, .single-post .entry-content h2 {
		color:black;
		font-size:1.5rem;
		text-align:left;
		}
	h3 {
		color:black;
		font-size:1.2rem;
		text-align:left;
	}
	h4 {
		color:black;
		font-size:1rem;
		font-weight:700;
	}
	ul.lista {
		padding-left: 2em;
		}
	blockquote p{
		padding: 1em 0;
		font-weight:500;
		margin: auto;
		text-align:center;
		line-height: 1.6;
		color: #3F0705;
		font-size: 1.2em;
		width: 80%;
			}
	
	.wp-block-pullquote blockquote, 
	.wp-block-pullquote p {
    color: #8b0000;
	}
	.wp-block-pullquote {
	    font-size: 1em;
	    padding: 0;
	}
	_blockquote p:before {
	 content: '\201c';
	}

	_blockquote p:after {
	 content: '\201d';
	}
	blockquote{
	border:0
	} 
	
 ul.lista,
 ul.wp-block-list,
 ol.lista,
 ol.wp-block-list {
    padding-left: 3em;	
}
}

/* infelizmente não consigo fazer o mesmo no editor ... tenho que definir regra a regra */
/* para incluir as regra no editor tenho que aplicar o selector à class .editor-styles-wrapper */
.editor-styles-wrapper p.botaoredondo{
    text-align: center;
    margin: auto;
    border: 2px solid #B22222;
    padding: 15px 33px;
    border-radius: 99px;
    width: fit-content;
    font-weight:800;
    color: #B22222;
	font-size: 1.125em;
}
.editor-styles-wrapper p {color:black} 

.editor-styles-wrapper p.botaoredondo a, 
.editor-styles-wrapper p a,
.editor-styles-wrapper li a  {
	color: #B22222;text-decoration:none;
	}

	
.editor-styles-wrapper h2 {
	color:black;
	font-size:1.5rem;
	text-align:left;
	}

.editor-styles-wrapper h3 {
	color:black;
	font-size:1.2rem;
	text-align:left;
	}

.editor-styles-wrapper h4 {
		color:black;
		font-size:1rem;
		font-weight:700;
	}
	
.editor-styles-wrapper ul.lista,
.editor-styles-wrapper ul.wp-block-list,
.editor-styles-wrapper ol.lista,
.editor-styles-wrapper ol.wp-block-list {
    padding-left: 3em;	
}

.editor-styles-wrapper blockquote{
	border:0
	} 
	
.editor-styles-wrapper blockquote p{
	padding: 1em 0;
	font-weight:500;
    margin: auto;
    text-align:center;
    line-height: 1.6;
    color: #3F0705;
    font-size: 1.2em;
    width: 80%;
	}
	
.editor-styles-wrapper .wp-block-pullquote blockquote, 
.editor-styles-wrapper .wp-block-pullquote p {
color: #8b0000;
}
.editor-styles-wrapper .wp-block-pullquote {
	font-size: 1em;
	padding: 0;
}
	
	
.editor-styles-wrapper _blockquote p:before {
 content: '\201c';
}

.editor-styles-wrapper _blockquote p:after {
 content: '\201d';
}
