body.path-monitorizacao .page-title,
body.path-carteira-climatica .page-title {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-size: 60px;
  line-height: 78px;
  text-transform: uppercase;
  color: #FFFFFF;
  max-width: 284px;
  margin-left: 0;
  color: #209B9B;
  word-break: break-all;
}

body.path-carteira-climatica #block-titulodapagina {
  position: relative;
}

body.path-carteira-climatica #block-titulodapagina:before {
  content: '';
  background: url(../images/moeda_1.png) no-repeat;
  width: 100%;
  height: 100%;
  max-width: 333px;
  max-height: 333px;
  position: absolute;
  bottom: 35px;
  right: 25%
}

body.path-carteira-climatica #block-titulodapagina:after {
  content: '';
  background: url(../images/moeda_2.png) no-repeat;
  width: 100%;
  height: 100%;
  max-width: 333px;
  max-height: 333px;
  position: absolute;
  bottom: 35px;
  right: calc(25% - 228px);
}


body.path-monitorizacao .page-title::before {
  content: '';
  display: block;
  position: absolute;
  width: calc(((100vw - 1160px) / 2) + 275px);
  height: 40px;
  background-color: #FFDD00;
  left: 0;
  top: 60px;
}

.chart-wrapper {
  height: 550px;
  margin-bottom: 100px;
}

#monitoring {
  position: relative;
}

#monitoring .nav-right {
  position: absolute;
  right: 0;
  top: -330px;
}

#monitoring .nav-right a:link,
#monitoring .nav-right a:visited {
  height: 36px;
  width: 36px;
  border-radius: 9999px;
  border: solid 1px #209B9B;
  display: block;
}

#monitoring .nav-right a:hover,
#monitoring .nav-right a:focus {
  background-color: #209B9B;
}

#monitoring .nav-right a:after {
  font-family: 'viagem_clima';
  display: block;
  height: 100%;
  width: 100%;
  color: #209B9B;
  font-size: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\e902";
}

#monitoring .nav-right a:hover:after,
#monitoring .nav-right a:focus:after {
  color: #fff;
}


/* Carteira */

body.path-carteira-climatica .chart-wrapper {
  padding-top: 100px;
  position: relative;
}

body.path-carteira-climatica .chart-wrapper:before {
  content: '';
  position: absolute;

  height: 100px;
  width: 100px;
  right: 0;
  top: 70px;
}

body.path-carteira-climatica .chart-wrapper.costs:before {
  background: url(/modules/custom/get2cviagempeloclima/images/dinheiro.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;

}

body.path-carteira-climatica .chart-wrapper.water:before {
  background: url(/modules/custom/get2cviagempeloclima/images/agua.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

body.path-carteira-climatica .chart-wrapper.time:before {
  background: url(/modules/custom/get2cviagempeloclima/images/tempo.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

body.path-carteira-climatica .chart-wrapper.co2:before {
  background: url(/modules/custom/get2cviagempeloclima/images/CO2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.view-listagem-alimentacao.view-display-id-page_5 .view-header h3 {
  text-align: left;
  color: #222330;
}

/*Zoom galeria*/
.sl-overlay {
  background-color: #000 !important;
  z-index: 5556 !important;
}

.sl-wrapper {
  z-index: 5557 !important;
}

.sl-wrapper .sl-counter,
.sl-wrapper .sl-close,
.sl-wrapper .sl-navigation button {
  color: #fff !important;
}

.sl-wrapper .sl-counter {
  top: 20px !important;
  left: 50% !important;
}

#monitoring .imagens {
  display: flex;
  justify-content: space-around;
}

#monitoring .imagens {
  margin-bottom: 60px;
}


@media (max-width: 1159px) {
  body.path-monitorizacao .page-title::before {
    width: calc(4vw + 275px);
  }

  body.path-carteira-climatica .page-title {
    width: 100%;
    font-size: 24px !important;
    line-height: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    word-break: normal;
  }


  body.path-carteira-climatica #block-titulodapagina:before,
  body.path-carteira-climatica #block-titulodapagina:after {

    max-width: 165px;
    max-height: 165px;
    background-size: contain;
  }


  body.path-carteira-climatica #block-titulodapagina:before {
    right: 20%;
  }

  body.path-carteira-climatica #block-titulodapagina:after {
    right: calc(20% - 115px);
  }

  body.path-carteira-climatica #block-titulodapagina {
    height: 250px;
    display: flex;
    align-items: flex-end;
  }

  #monitoring .imagens {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }

  #monitoring .imagens a {
    margin-bottom: 60px;
  }

  #monitoring .imagens a:last-child {
    margin-bottom: 0px;
  }

}

@media (max-width: 768px) {

  body.path-carteira-climatica #block-titulodapagina:before {
    right: 43%;
    bottom: 70px;
  }

  body.path-carteira-climatica #block-titulodapagina:after {

    right: calc(46% - 131px);
    bottom: 70px;
  }

  body.path-carteira-climatica .chart-wrapper:before {
    top: 35px;
  }
}

@media (max-width: 348px) {
  body.path-carteira-climatica #block-titulodapagina:before {
    right: 41%;
    bottom: 70px;
  }

  body.path-carteira-climatica #block-titulodapagina:after {
    right: calc(40% - 115px);
    bottom: 70px;
  }
}