/* Estilização Contact Form 7 */

#name input{
	Width:80%;
	border-radius:5px;
}

#name_business input{
	Width:80%;
	border-radius:5px;
}

#cpf input{
	Width:80%;
	border-radius: 5px;
}

#cnpj input{
	Width:80%;
	border-radius: 5px;
}

#email input{
	Width:80%;	
	border-radius: 5px;
}

#telefone input{
	Width:80%;
	border-radius:5px;
}

#check-option select{
	Width:80%;
	border-radius:5px;
}

#messeger textarea{
	width:80%;
	border-radius:5px;
}

#sub-title{
	text-align:center;	
	font-weight: bold;
	font-size:24px;
}

#enviar input{
	background-color: #333333;
	border-radius:5px;
	width:150px;
}

#enviar input:hover{
	background-color:red;
}

/* Bloco Separador Guttenberg */

.vertical-bar{
	width:5px!important;
	height:400px!important;	
}

/* Estilização de Preço e Produto Woocommerce */
.woo-custom-installments-price.original-price {
	display:contents;
	font-weight: 650!important;
	color:red!important;
}

.price del, .wc-block-components-product-price del{
	font-size:14px;
	color: #000000;
	opacity: 0.5;
}

.single-product .wp-block-woocommerce-product-price .wc-block-components-product-price del{
	font-size: 16px;
	opacity:0.5;
}

.wc-block-grid__products{
	padding-left:5px;
	padding-right:5px;
}

.single-product .product .wp-block-woocommerce-related-products .wc-block-components-product-price del{
	color:#000000;
	opacity:0.5;
}

.wp-container-core-group-is-layout-20{
    align-items: flex-start!important;
		justify-content:space-evenly;
}

.woo-custom-installments-offer .amount{
		font-weight: 900!important;
}

.woo-custom-installments-group-main-price {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}

/* Nome do usuário */

.nome-usuario-shortcode {
    color: #fefefe; /* cor que quiser */
    font-weight: bold; 
    text-decoration: none; /* tira sublinhado */
}

/* Css Footer */

a.footer-dynamic-link {
  color: #F3F3F3 !important;
}
a.footer-dynamic-link:hover {
  color: #C2C2C2 !important; /* opcional: cor ao passar o mouse */
}


.nome-usuario-shortcode:hover {
    color: #cc3300; /* cor ao passar o mouse */
    text-decoration: underline; /* ou outro efeito */
}

/* Reponsividade para Smartphones */

@media (max-width: 480px){
		.vertical-bar{
				width:100%!important;
				height:2px!important;
		}
		.wp-container-core-group-is-layout-20{
				flex-wrap:wrap;
		}

}