body{
  background-color: #eb4f0a !important;  

}

.text-white{
  color: white;
}

.text-laranja{
  color: #ff8f14;
}

.pb-20{
  padding-bottom: 20%;
}


.tracking-in-contract {
	-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2022-12-13 22:4:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
 @-webkit-keyframes tracking-in-contract {
    0% {
      letter-spacing: 1em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      letter-spacing: normal;
      opacity: 1;
    }
  }
  @keyframes tracking-in-contract {
    0% {
      letter-spacing: 1em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      letter-spacing: normal;
      opacity: 1;
    }
  }

  .bricks-wrapper .grid-sizer, .bricks-wrapper .brick {
    width: 32%;
}

.lead, .attention-getter {
    font-family: var(--font-1);
    font-weight: 300;
    font-size: var(--text-md);
    line-height: var(--vspace-1_25);
    color: #000000;
}

.bricks {
    --brick-padding: 1rem;
    padding-top: var(--vspace-1);
    padding-bottom: var(--vspace-1);
}
  
.bricks .masonry {
    max-width: 1520px;
    width: 42%;
    margin: 0 auto var(--vspace-2);
    overflow: hidden;
}

.grid-figure{
  cursor: pointer;
  margin: 0px;
  padding: 2px;
}
.grid-figure img{
  height: 33%;
  width: 100%;
  transition: transform .2s;
}

.grid-figure img:hover{
  mix-blend-mode: overlay;
  overflow: hidden;
  transform: scale(1.009);
}


#feed {
  width: 100%;
  height: auto;
  padding-bottom: 2em;
}
@media screen and (max-width: 870px) {
  #feed{
  /* padding: 0px; */
  height: auto;
}
}

#ficha-obra{
  margin: 0 0 var(--vspace-1) 0 !important;
  padding: var(--vspace-1) var(--vspace-1_5) !important;
  border-left: 2px solid #000000 !important;
  position: relative !important;
}
#ficha-obra cite{
 color: #ffffff; 
 border: none; 
 font-size: var(--base-font-size);
}

h1{
  color: white;
    /* font-size: x-large; */
    padding-top: 1em;
    font-family: var(--font-6);
}

figcaption{
  font-family: var(--font-1);
  font-weight: 400;
  font-size: var(--text-sm);
  line-height: var(--vspace-0_75);
  font-style: normal;
  color: white;
  text-align: left;
}

.hashtag{
  font-weight: 600;
}

#Play{
  position: absolute;
  bottom: 5%;
  left: 5%;
  width: 15%;
}

blockquote {
  margin: 0 auto !important;
  padding: 0px !important;
  border-left: 0px solid var(--color-text-dark) !important;
  position: inherit !important;
}

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

blockquote cite, blockquote cite a, blockquote cite a:visited {
  color: #ffffff;
  border: none;
  font-size: var(--base-font-size);
}

blockquote {
  margin: 0 0 var(--vspace-1) 0;
  padding: var(--vspace-1) var(--vspace-1_5);
  border-left: 2px solid #dd614a;
  position: relative;
}

blockquote cite:before {
  content: "\2014 \0020";
}