@charset "UTF-8";
  html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
ul,
ol,
li,
form,
label,
input,
textarea,
button,
select,
option,
table,
thead,
tbody,
tr,
th,
td,
blockquote {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
max-width: 100%;
height: auto;
display: block;
} * {
box-sizing: border-box;
}
@font-face {
font-family: 'Lato';
src: url(https://sparyon.com/wp-content/themes/tema-clean1.5.0-no-preloader/fonts/Lato-Regular.ttf) format('ttf'), url(https://sparyon.com/wp-content/themes/tema-clean1.5.0-no-preloader/fonts/Lato-Black.ttf) format('ttf');
font-weight: 400;
font-style: normal;
}
html,
body {
height: 100%;
}
body {
overflow: hidden;
scroll-behavior: smooth;
}
article ul,
article li {
list-style-type: disc;
margin: 0px 10px;
}
.content-wrapper ul li, .content-wrapper ol li{
margin-bottom:1em;
}
article ol li {
list-style-type: decimal;
}
.content-wrapper p a {
color: #276fbc;
text-decoration: underline;
font-weight: bold;
}
.content-wrapper ul {
margin-bottom: 1em;
}
.content-wrapper ul li::before {
content: "\2022";
color: #0073aa;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.tags ul li::before {
content: '';
}
img {
border-radius: 5px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}
body {
position: relative;
margin: 0;
font-size: 16px;
line-height: 1.5em;
font-family: 'Lato', sans-serif;
color: #333;
}
#banner1,
#banner2,
#banner3 {
display: flex;
justify-content: center;
width: 100%;
margin: 1em 0;
}
.myAds {
height: 2px;
}
.no-scroll {
overflow: initial;
}
.custom-logo {
max-width: 160px;
margin-left: 1em;
box-shadow: none;
}
h1 {
font-size: 24px;
margin: 1em 0;
}
h2 {
font-size: 20px;
margin: 1em 0;
}
h3 {
font-size: 18px;
margin: 1em 0;
}
p {
margin-bottom: 1em;
font-size: 16px;
line-height: 1.5;
}
a {
text-decoration: none;
color: #333;
font-weight: bold;
}
blockquote {
border-left: 4px solid #8c8c8c;
margin: 1em 0;
padding-left: 0.5em;
} .main-content {
max-width: 100%;
padding: 0 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-bottom: 2px solid #ccc;
background-color: #fdfdfd;
}
.content-wrapper {
max-width: 680px;
padding: 20px;
width: 100%;
}
.content-wrapper h2 {
border-left: 6px solid cornflowerblue;
padding-left: 4px;
}
.header-nav {
display: flex;
gap: 2em;
}
.header-post h1 {
font-size: 32px;
margin-bottom: 0;
line-height: 1.2;
}
.post-meta {
color: #555;
font-size: 14px;
margin: 4px 0;
}
h2.post-excerpt {
font-size: 18px;
font-weight: 400;
color: #666;
border: none;
}
.imagem-destaque {
width: 100%;
display: flex;
justify-content: center;
padding-bottom: 1em;
}
.wp-block-embed__wrapper iframe{ 
width:100%;
}
.wp-block-embed-youtube{
margin:0;
} #preloader {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 9999;
}
.loader {
border: 10px solid #f3f3f3;
border-top: 10px solid #bf34db;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 2s linear infinite;
position: absolute;
top: 50%;
left: 50%;
margin: -30px 0 0 -30px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
} #comments {
background: #f7f7f7;
display: flex;
flex-direction: column;
align-items: center;
}
h3#comments {
display: none;
}
.commentlist {
display: flex;
justify-content: center;
width: 100%;
max-width: 768px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
background-color: white;
border-radius: 5px;
background: #dfdfdf1a;
flex-direction: column;
}
.comment-body {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 1.5em;
background-color: white;
}
.children li {
box-shadow: initial;
padding: 20px 0 0px 20px;
margin-bottom: 0;
}
.reply {
text-align: right;
}
.comment-respond {
padding: 2em 0.5em;
}
.comment-list {
margin-top: 20px;
list-style-type: none;
padding-left: 0;
}
.comment-list li {
margin-bottom: 40px;
border: 1px solid #ddd;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 20px;
}
.comment-meta {
font-style: italic;
font-size: 14px;
}
.comment-author {
font-weight: bold;
font-size: 16px;
display: flex;
align-items: center;
gap: 8px;
}
.comment-author .avatar {
border-radius: 50%;
}
.comment-reply-link {
margin-left: 20px;
font-size: 14px;
padding: 6px;
border-radius: 5px;
background-color: #005d87;
color: white;
}
.comment-form {
margin-top: 40px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.comment-form-comment textarea {
border: 1px solid #ddd;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 10px;
font-size: 16px;
width: 100%;
resize: vertical;
margin-bottom: 1em;
}
.comment-notes {
margin-bottom: 20px;
font-size: 14px;
}
.form-submit {
text-align: right;
}
.comment-form input[type="text"],
.comment-form input[type="email"] {
border: 1px solid #ddd;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
padding: 10px;
font-size: 16px;
width: 100%;
margin-bottom: 10px;
}
.comment-form label {
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.submit.submit {
background-color: #2f3134;
color: #fff;
border: none;
padding: 10px 20px;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
}
.submit.submit-comments:hover {
background-color: #005d87;
}
.comment-form-cookies-consent label {
margin-bottom: 0;
}
.comment-form-cookies-consent {
display: flex;
margin: 1em 0;
gap: 8px;
}
.comment-reply-title {
text-align: center;
} .related-posts {
padding-top: 30px;
}
.related-posts h3 {
margin-bottom: 20px;
font-size: 24px;
font-weight: bold;
text-align: center;
}
.related-posts ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
.related-posts li {
width: 100%;
max-width: 315px;
margin: 0px 10px 20px 10px;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
border-radius: 5px;
overflow: hidden;
position: relative;
}
.related-post-thumbnail {
display: block;
width: 100%;
height: 160px;
background-size: cover;
background-position: center;
position: relative;
}
.related-post-thumbnail img {
display: none;
}
.related-post-title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
background: linear-gradient(to top, rgb(0, 0, 0, 0.9) 40%, rgb(0, 0, 0, 0.6) 80%, transparent 100%);
padding-top: 30px;
}
.related-post-thumbnail:hover .related-post-title {
transform: none;
}
.related-post-title a {
color: #fff;
text-decoration: none;
} header {
display: flex;
align-items: center;
justify-content: space-evenly;
padding: 10px 0;
box-shadow: 0px 3px 5px rgba(177, 177, 177, 0.34);
position: sticky;
z-index: 99999;
} .menu-header {
display: flex;
align-items: center;
}
.menu-main {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.menu-item {
margin-left: 4px;
}
header .menu-item a {
text-decoration: none;
color: #2A2A2A;
font-weight: bold;
padding: 10px;
transition: all 0.2s ease-in-out;
}
header .menu-item a:hover {
background-color: #f2f2f2;
}
header .menu-item.current_page_item {
background-color: #f2f2f2;
padding: 8px;
border-radius: 5px;
}
.page-title {
margin: 1em 18%;
} .post-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 1em
}
.post-small h2 {
font-size: 18px;
margin: 0;
}
.post-small a {
width: 100%;
}
.post-large,
.post-small {
width: 100%;
max-width: 600px;
padding: 15px;
align-items: center;
}
.post-large,
.post-small-wrapper {
border-bottom: 1px solid #ccc;
}
.post-small {
display: flex;
border-bottom: 1px solid #ccc;
min-width: 600px;
}
.post-small .post-image {
width: 100px;
height: 100px;
margin-right: 20px;
display: flex;
align-items: center;
}
.post-image img {
min-width: 100px;
}
.post-content-small {
flex: 1;
min-height: 100px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.post-large .post-content {
margin-top: 20px;
}
.post-small-wrapper {
min-width: 600px;
display: flex;
flex-direction: column;
align-items: center;
}
.titulo-cat {
max-width: calc(1200px - 8px);
padding-left: 0.2em;
border-left: 4px solid #0073aa;
}
.cat-containers {
margin: 1em auto 0;
} .popular-header {
display: flex;
align-items: flex-end;
padding: 1em 0;
margin-left: 1em;
}
.popular-header h2 {
border-left: none;
margin: 0;
}
.popular-header img {
box-shadow: none;
}
.popular-posts {
display: flex;
justify-content: center;
flex-direction: column;
padding: 0 20%;
}
.popular-posts ul {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: center;
column-gap: 3em;
row-gap: 1.5em;
margin: 1.5em 0;
}
.popular-posts ul li {
width: 100%;
max-width: 769px;
text-align: left;
display: flex;
padding-bottom: 1.5em;
border-bottom: 1px solid #ccc;
padding-right: 0.5em;
}
.post-info {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.post-info h3 {
margin: 0px 1em 0em 0em;
}
.post_rank {
justify-content: center;
align-items: center;
display: flex;
margin: 0 1em;
padding: 0.4em;
color: black;
border-radius: 5px;
font-size: 20px;
font-weight: bold;
height: 45px;
background-color: darkorange;
}
.btn_rank>.post_rank:nth-child(1) {
background: linear-gradient(to bottom, #ffcc00, #ff6600);
}
.arrow {
border: solid #0073aa;
border-width: 0 3px 3px 0;
display: inline-block;
padding: 4px;
}
.right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.left {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.up {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.btn_rank {
display: flex;
align-items: start;
}
.date_post {
font-size: 12px;
margin: 0;
color: #333;
font-weight: normal;
text-align: right;
} footer {
background-color: #f5f5f5;
font-size: 16px;
color: #333;
}
.footer-wrapper {
display: flex;
justify-content: center;
background-color: #f1f1f1;
}
.footer-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
color: #2A2A2A;
width: 75%;
}
.footer-section {
margin-bottom: 40px;
display: flex;
flex-direction: column;
}
.footer-section h3 {
font-size: 20px;
margin-bottom: 20px;
}
.menu-links-uteis li,
.menu-servicos li {
margin-bottom: 1em;
font-weight: 400;
}
.menu-links-uteis a,
.menu-servicos a {
color: #333333;
text-decoration: none;
transition: color 0.2s ease-in-out;
font-size: 14px;
}
.menu-links-uteis a:hover,
.menu-servicos a:hover {
color: #333;
}
.aviso-legal {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 3em;
background-color: #f1f1f1;
}
.aviso-legal p {
max-width: 900px;
font-size: 14px;
}
.aviso-legal span {
font-size: 20px;
margin: 10px;
font-weight: bold;
}
.aviso-legal-box {
border-radius: 5px;
padding: 1em;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
background-color: white;
}
.footer-credits {
text-align: center;
padding: 10px 0;
background-color: #d8d8d8;
}
.footer-credits p {
margin-bottom: 0;
}
.redes-sociais img {
box-shadow: none;
}
.redes-sociais {
flex-direction: row;
gap: 1em;
align-items: center;
} table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;
}
tbody tr:nth-child(even) {
background-color: #f2f2f2;
}
thead {
background-color: #007bff;
color: #fff;
}
th:first-child {
border-top-left-radius: 5px;
}
th:last-child {
border-top-right-radius: 5px;
}
tbody tr:first-child td:first-child {
border-top-left-radius: 5px;
}
tbody tr:first-child td:last-child {
border-top-right-radius: 5px;
} tbody td:hover {
background-color: #ddd;
}
@media (max-width: 768px) { h1 {
font-size: 20px;
margin: 1rem 0;
}
.page-title {
margin: 1em 18px;
}
h2,
h3 {
font-size: 18px;
}
.header-post h1 {
font-size: 26px;
}
header {
justify-content: left;
padding: 10px 0;
height: auto;
}
.menu-header {
display: flex;
flex-direction: column;
align-items: last baseline;
margin-bottom: 1em;
}
header .menu-item a {
text-align: center;
padding: 1em;
height: 60px;
width: 100%;
display: block;
}
.menu-item {
width: 100%;
}
header .menu-item a {
width: 100%;
border-bottom: 1px solid #ccc;
}
#searchform {
display: flex;
justify-content: center;
}
.post-small .post-image {
align-items: baseline;
margin: 0;
}
.related-posts li {
max-width: 100%;
}
.post-small {
flex-direction: row-reverse;
gap: 0.5em;
min-width: 300px;
}
.post-small a {
color: #101010;
;
}
.post-small h2 {
font-size: 16px;
}
.post-large,
.post-small {
max-width: 100%;
}
.popular-posts ul {
grid-template-columns: 1fr;
}
.popular-posts {
padding: 0;
}
.titulo-cat {
margin: 15px 15px 0;
width: 100%;
max-width: 300px;
}
footer p {
margin: 0;
}
.logged-in-as {
font-size: 16px;
}
.footer-container {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px;
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
}
.footer-section:last-child {
margin-right: 0;
}
.footer-section-all-rights {
display: none;
}
.footer-section {
width: 40%;
margin-right: 0;
margin-bottom: 20px;
}
.post-small-wrapper {
min-width: 100%;
}
.post-small-wrapper a {
width: 100%;
}
.footer-section:last-child {
margin-bottom: 0;
}
.footer-section-all-rights {
display: block;
width: 100%;
text-align: center;
margin-top: 20px;
font-size: 14px;
padding-top: 8px;
box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
}
.aviso-legal {
padding: 0.5em;
}
.content-wrapper {
border: none;
padding: 0;
max-width: 100%;
}
h2.post-excerpt {
font-size: 16px;
}
.menu-links-uteis a,
.menu-servicos a {
font-weight: 400;
font-size: 16px;
}
.footer-credits p {
font-size: 12px;
max-width: 100%;
}
.redes-sociais {
width: 100%;
justify-content: center;
}
}
@media (min-width: 769px) and (max-width: 1024px) { }
@media (min-width: 1025px) { }
.custom-logo{
max-width:110px;
} .wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"] {
width: 100%;
padding: 10px;
margin: 5px 0;
border: 1px solid #ccc;
border-radius: 4px;
} .wpcf7-form textarea {
width: 100%;
padding: 10px;
margin: 5px 0;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
} .wpcf7-form input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #45a049;
} .wpcf7-not-valid-tip {
color: red;
margin-top: 5px;
} .wpcf7-mail-sent-ok {
color: green;
margin-top: 5px;
} table {
border-collapse: collapse;
width: 100%;
margin: 28px 0 48px 0;
}
th, td {
padding: 10px;
text-align: left;
border-bottom: 1px solid #ddd;
border:1px solid #ccc;
}
th{
background-color:#7635f3;
color:white
}
.wp-block-table th:first-child,
.wp-block-table td:first-child {
font-weight: bold;
background-color: #7635f3; 
color: white;
}
tbody tr:nth-child(even) {
background-color: #f2f2f2;
}
thead {
background-color: #007bff;
color: #fff;
}
th:first-child {
border-top-left-radius: 5px;
}
th:last-child {
border-top-right-radius: 5px;
}
tbody tr:first-child td:first-child {
border-top-left-radius: 5px;
}
tbody tr:first-child td:last-child {
border-top-right-radius: 5px;
}
tbody td:hover {
background-color: #ddd;
}
@media (max-width: 768px){
.post-small {
flex-direction:column;
}
.post-small img, .post-small .post-image {
width: 100%;
}
.wp-block-table table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
}
figure.wp-block-table{
margin:0;
}
.content-wrapper h2 {
border-left: 6px solid #8dbd38;
font-size:22px;
line-height:1.3;
}
.content-wrapper{
max-width:768px;
}
.content-wrapper p{
line-height:1.8;
margin: 12px;
font-size:17px
}
.content-wrapper p a{
color:#276fbc;
text-decoration:underline;
}
.content-wrapper h1, {
font-size:24px;
margin:12px;
line-height:1.3;
}
.post-meta{
margin:10px;
}
.wp-block-button{
display:flex;
justify-content:center;
}
.wp-block-button__link{
padding:12px;
margin:12px;
color:#fff;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
@media(max-width:768px){
.header-post h1{
font-size:24px;
margin-top:26px;
line-height:1.3;
}
.content-wrapper h2{
font-size:22px;
line-height:1.3;
}
}