/*
Theme Name: Fiocruz História Viva
Description: Fiocruz História Viva TEMA
Author: Loja Interativa
Version: 4.0.0
*/
@import url("./styles/tokens/index.css");
@import url("./styles/fonts/index.css");
@import url("./styles/base.css");
@import url("./styles/demo.css");
@import url("./styles/list-row.css");
@import url("./styles/image-group.css");
@import url("./styles/footer.css");
@import url("./styles/header.css");
@import url("./styles/banner.css");
@import url("./styles/menu.css");
@import url("./styles/noticias.css");

.wrapper {
  width: 100vw;
  padding-right: 40px;
  padding-left: 40px;
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
}
.content-wrapper {
  margin-top: 65px;
}

.content-wrapper > .content {
  max-width: 45%;
}

.content-wrapper .image {
  width: 500px;
  height: 500px;
  object-fit: cover;
}

.content-wrapper > .demo-image-right > .abstract {
  top: -74px;
  right: -245px;
}

.content-wrapper > .demo-image-left > .abstract {
  top: -33px;
  right: -18px;
}

.content-text-wrapper {
  margin-bottom: 160px;
  position: relative;
}

.content-text-wrapper > .content {
  width: 70%;
}

.content-text-wrapper img {
  position: absolute;
  right: -545px;
  top: -222px;
}

.embed-wrapper {
  position: relative;
  z-index: 9;
}

.nf-form-content {
  max-width: 100% !important;
}

.nf-form-content input[type="button"] {
  background: #ec096d !important;
  color: #fff !important;
  border-radius: 8px;
  min-width: 200px;
}

.nf-form-content input[type="button"]:hover {
  background: #ec096d !important;
  color: #fff !important;
  filter: brightness(0.6);
}

@media (max-width: 1300px) {
  .wrapper {
    overflow: hidden;
  }
}

@media (max-width: 800px) {
  .embed-wrapper {
    height: 300px;
  }

  .content-wrapper > .content {
    max-width: 100%;
  }

  .content-text-wrapper > .content {
    width: 100%;
  }

  .content-wrapper > .content p {
    font-size: 1.125rem !important;
  }

  .content-text-wrapper img {
    display: none;
  }

  .content-wrapper > .demo-image-right > .abstract {
    top: -40px;
    right: -68px;
    width: 350px;
    height: 350px;
  }
}

@media (max-width: 400px) {
  .content-wrapper > .demo-image-right {
    display: none;
  }

  .content-wrapper > .demo-image-left {
    display: none;
  }
}