@charset "UTF-8";
/* CSS Document - DDeveloped by Soluti (http://solutibrasil.com.br | contato@solutibrasil.com.br) */

/* Pallete
-------------------------------------------------- */
:root {
  --black: #000000;
  --white: #ffffff;
  --grey-1: #f4f2f2;
  --grey-2: #e2e2e2;
  --grey-3: #aaaaaa;
  --grey-4: #636363;
  --grey-5: #1d1d1d;
  --yellow: #f9a51a;
  --light-yellow: #feedd1;
  --orange: #ff8d54;
  --green: #65bc9e;
  --blue: #64c3d9;
  --light-blue: #e0f3f7;
  --dark-blue: #14326d;
  --red: #c43d3d;
  --brown: #614a3c;
}

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

article h1,
.ck-article h1 {
  color: var(--black);
}

ul li::marker,
ol li::marker,
.ck-article ul li::marker,
.ck-article ol li::marker,
.ck-article .entry-read-more-item-label,
.ck-article .secondary-text,
.featured-item * {
  color: var(--yellow);
}

blockquote {
  color: var(--black);
}

.highlighted h4 {
  color: var(--black);
}

.entry-item-card-list {
  background-color: var(--white);
}

.entry-item-card .entry-item-card-image::before {
  background-color: var(--black);
}

.entry-item-card-wrap .entry-item-card-category p {
  color: var(--yellow);
}

a .icon-border {
  stroke: var(--black);
}

a .icon-logo,
a:hover .icon-background {
  fill: var(--black);
}

a .icon-background,
a:hover .icon-logo {
  fill: var(--white);
}

.error-page {
  background-color: var(--grey-1);
}

body {
  background: var(--white);
}

section.bg > figcaption.credit {
  color: var(--grey-4);
}

hr {
  background-color: var(--grey-2);
}

.search-line {
  background: var(--grey-1);
}

.search-line input {
  background: var(--grey-1);
}

ul.share {
  --bg-color: var(--white);
  --fg-color: var(--black);
  --side-color: var(--fg-color);
}

ul.share a:hover .icon-logo,
ul.share .icon-background {
  fill: var(--bg-color);
}

ul.share a:hover .icon-background,
ul.share .icon-logo {
  fill: var(--fg-color);
}

ul.share .icon-border {
  stroke: var(--side-color);
}

.back-to-top {
  background-color: var(--grey-4);
  color: var(--white);
}

.color-white {
  color: var(--white);
}

/* General
-------------------------------------------------- */
ul {
  list-style: none;
}

.entry-content ul {
  list-style: unset;
}

.highlighted li a {
  background-size: 2.2em 2.2em;
  background-repeat: no-repeat;
  background-position: left center;
}

ul.share li {
  list-style: none;
}

ul.share svg * {
  transition: all 0.4s ease;
}

.loading {
  --size: 3.25rem;
}

.loading-size-3 {
  --size: 3rem;
}

.loading-size-2 {
  --size: 2rem;
}

.loading-size-1-4 {
  --size: 1.4rem;
}

.loading:before {
  display: inline-block;
  vertical-align: middle;
  width: var(--size);
  height: var(--size);
  margin: auto auto;
  border-color: inherit;
  border-right-color: transparent;
  content: "";
  border-width: 0.25rem;
  border-style: solid;
  border-radius: 50%;
  animation: spin 1.2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.background-dotted-image::before {
  content: "";
  position: absolute;
  width: 400%;
  height: 400%;
  z-index: -1;
  background-image: radial-gradient(#f9a51a 1%, rgba(255, 255, 255, 0) 20%);
  background-size: 0.5em 0.5em;
  transform: translate(calc(-25%), calc(-25%)) rotate(12deg);
}

.dotted-background {
  position: relative;
}

.dotted-background::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url("../images/dotted-background.png");
}

.entry-item-card-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.entry-item-card .entry-item-card-image::before {
  content: " ";
  transition: opacity 0.25s ease-out;
}

.entry-item-card:hover .entry-item-card-image::before {
  opacity: 0.4;
}

.list-style-disc {
  list-style: disc;
}

.list-style-position-inside {
  list-style-position: inside;
}

@media screen and (min-width: 45em) {
  .error-page article {
    padding-right: 20em;
    background-image: url("../images/fatima-triste.svg");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
    box-sizing: border-box;
  }
}

.back-to-top {
  transition: all 0.5s;
  opacity: 0.9;
}

.arrow-icon::before {
  content: "";
  border-width: 1px;
  border-top-style: solid;
  border-left-style: solid;
}

.arrow-icon.up::before {
  transform: rotate(45deg);
}

.arrow-icon.down::before {
  transform: rotate(180deg);
}