/*Para o menu Navigation*/


.arte-content [data-contains="navigation"] nav[data-mode] ul li a {
    width: 120px;
}

.arte-content nav[data-mode] > div {
    position: relative;
    width: 100%;
    max-width: 100%;
/*    overflow-x: auto;*/
    padding-bottom: 21px;
    display: inline-flex;
}

.arte-content [data-contains]:not([data-contains="gallery"]) a {
    color: #896066;
    text-decoration: underline;
}


.arte-content nav[data-mode] ul li a > div,
.arte-content nav[data-mode] ul li div > div {
padding-bottom: 6px;
display: block;
margin: 0 auto;
font-size: 12px;
font-weight: bold;
font-weight: 900;
font-family: LatoBlack;
text-transform: uppercase;
color: #8a6066 ;
/*opacity: 1;
*/}

.arte-content nav[data-mode] {
    position: relative;
    /*overflow-x: scroll;*/
    display: flex;
    margin-top: 47px !important;
}

[data-arte-display="false"] {
  opacity: .5;
}

[data-arte-display="true"] {
  opacity: 1;
}

.arte-chapter-disabled {
    opacity: 1 !important;
}


:root {
  --base:              #ffffff;
  --bg-blend:          multiply;
  --blur:              0px;
  --fg-blend:          screen;
  --foreground:        #734e54;
  --opacity:           1;
  --spacing:           0px;
}
.img-wrapper {
  background-color:    var(--base);
  display:             flex;
  flex:                1 1 100%;
  height:              100%;
  overflow:            hidden;
  padding:             var(--spacing);
  position:            relative;
}

.img-wrapper img {
  filter:              grayscale(100%) contrast(1) blur(var(--blur));
  flex:                1 0 100%;
  height:              100%;
  max-width:           100%;
  mix-blend-mode:      var(--bg-blend);
  object-fit:          cover;
  opacity:             var(--opacity);
  position:            relative;
  width:               100%;
}

.img-wrapper::before {
  background-color:    var(--foreground);
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  mix-blend-mode:      var(--fg-blend);
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
}

.img-container {
    color: #777;
    text-transform: uppercase;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 2.5;
    margin: 56px 0px;
}

.card {
  background-color: #f3eaeb;
  border-radius: 6px;
  padding: 8px;
  display: flex;
  margin: 32px 0px;
  position: relative
}

.card-imagem {
  width: 60%;
  margin: auto 0
}

.card-texto {
  text-decoration: none !important;
  width: 40%;
  margin: auto 0;
  padding: 0 12px;
  line-height: 1.3;
  color: #8b6268;
}

.fiozin {
  border-left: 1px solid rgba( 93, 93, 93, .3);
    padding-left: 16px;
    border-right: 1px solid rgba( 93, 93, 93, .3);
    padding-right: 16px;
}

.numerons {
  color: #896066;
    font-size: 40px;
    font-family: EstadoHeadlineBold, Georgia;
    border-bottom: 4px solid #896066;
}

.numerons-txt {
  font-size: 0.9em;
  font-weight: bold;
}

.numerons-cred {
  color: #777;
  border-top: 1px solid #ccc;
  font-family: 'LatoRegular',Georgia;
  font-size: 80%;
}

.numerons-box {
  padding: 32px 24px 24px 24px;
  background: rgba( 0, 0, 0, .05 );
  border-radius: 8px;
}

.numerons-txt {
  font-size: 1.1em;
  font-weight: bold;
}

h4 {
    font-family: 'LatoBlack',Georgia;
    font-size: .62em;
    text-transform: uppercase;
    font-weight: 700;
    color: #2575E8;
    word-break: break-word;
    color: #896066;
}

.bollet {
    color: #896066;
    font-size: 23px;
    vertical-align: bottom;
}

.numero-total {
    color: #896066;
    font-size: 40px;
    font-family: EstadoHeadlineBold, Georgia;
    border-bottom: 4px solid #896066;
}

.fiozin-total {
    text-align: center !important;
    background-color: #f3eaeb;
    border-radius: 8px;
    padding: 20px 50px;
}



blockquote p {
    color: #5d5d5d !important;
    font: 24px/28px 'FreightText-BlackItalic',Georgia!important;
    margin: 8px 0 0!important;
}


.arte-content blockquote::before {
    background-color: var(--arte-background);
    color: #896066;
    content: "“";
    display: inline-block;
    font-weight: bold;
    font-size: 96px;
    line-height: 1;
    margin-top: 0px;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -50%);
    padding: 0px 0.333em;
}

.arte-content blockquote {
    position: relative;
    display: flex;
    flex-direction: column;
    font-family: 'EstadoHeadlineBold', 'Estado Headline', serif;
    font-weight: bold;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    margin: 48px auto;
    padding: 32px 16px 24px;
    text-align: center;
    box-sizing: border-box;
}



.arte-content blockquote {
    border-top: 1px solid #d0d0d0 !important;
    border-bottom: 1px solid #d0d0d0! important;
}


/*FAZER AS TAGS FICAREM COM COLUNAGEM MENOR*/

.arte-column-s {
  max-width: 600px !important;
}

.tags, .infografico__tags {
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 32px !important;
}

/***********************************************/