.publications article.publication {
  margin-bottom: 2rem;
}

.publications .col > .form-group {
  position: relative;
}

.publications .banner {
  background-image: url(/themes/custom/ipcig/images/publications-banner.jpg);
  background-size: cover;
  background-color: var(--main-gray-color);
  height: 30vw;
}

.publications section:not(:first-child) {
  padding: 4rem 0;
}

.publications section:first-child {
  padding: 4rem 0;
}

.publications .form-group.search-form::before {
  display: inline-block;
  content: "";
  background-image: url('data:image/svg+xml,<svg class="bi bi-search" width="1em" height="1em" viewBox="0 0 16 16" fill="%230c6ab3" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M10.442 10.442a1 1 0 011.415 0l3.85 3.85a1 1 0 01-1.414 1.415l-3.85-3.85a1 1 0 010-1.415z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z" clip-rule="evenodd"/></svg>');
  background-repeat: no-repeat;
  -webkit-background-size: 2rem 2rem;
  background-size: 2rem 2rem;
  background-position: 0 0.25rem;
  width: 2.2rem;
  height: 2.4rem;
  position: absolute;
  right: 1.4rem;
  top: 1.2rem;
}

.publications section.publications-search {
  padding-top: 8rem;
  background-image: url("../../images/losangulo_esquerda.svg"),
    url("../../images/lonsagulo_direita.svg");
  background-position: left top, right top;
  background-repeat: no-repeat, no-repeat;
  background-size: 45rem;
}

.publications section.publications-search > div {
  margin-top: -4rem;
}

.publications #block-publications-block {
  background-color: var(--main-gray-color);
}

.publications #temporary-placeholder .container {
  background-size: contain;
  background-repeat: no-repeat;
  margin: 5rem auto;
  height: 900px;
  background-image: url(/themes/custom/ipcig/images/temporary-publications-placeholder.png);
}

.publications .publication .flex-preview {
  display: flex;
  flex-direction: column;
  margin: 6rem 0 4rem;
}

.publications .publication .flex-info {
  display: flex;
  flex-direction: column;
  margin: 3rem 0 0;
}

.publications .publication .thumb {
  min-width: 120px;
  width: 150px;
  margin: auto;
}

.publications .publication .thumb img {
  width: 100%;
  height: 100%;
}

.publications .publication h2 a {
  font-family: inherit;
  font-size: inherit;
}
.publications .publication h2 {
  font-family: "Nexa Bold";
  flex-grow: 1;
}

.publications a.btn {
  width: 28rem;
  font-size: 2.1rem;
  background-color: var(--main-blue-color);
  margin-top: 2rem;
  color: #ffffff;
}

.publications .publication a.flag {
  display: inline-block;
  height: 50px;
  width: 50px;
}

.publications .publication .info {
  font-family: "Gotham Light";
}

.publications .publication .container {
  margin-bottom: 4rem;
}

.publications .publication .info a,
.publications .publication .info span.separator {
  color: var(--main-text-color);
  font-family: "Gotham Light";
  font-size: 1.8rem;
  margin-left: -0.5rem;
}

.publications .publication .info span {
  color: var(--main-blue-color);
  margin-right: 1rem;
}

.publications .publication a.btn-download {
  font-family: "Nexa Light";
  font-size: 2.1rem;
  border-radius: 3rem;
  margin: 5rem 0;
}

.publications .publication a.flag {
  margin: 2rem 1rem 4rem;
}

.publications .publication .other-formats {
  margin-bottom: 6rem;
  margin-top: 1rem;
}

.publications .publication .other-formats h3 {
  margin: 2rem auto;
  max-width: 400px;
}

.publications .publication .other-formats p {
  margin: 2rem auto;
  max-width: 400px;
}

.publications .publication a.other-format-link {
  display: inline-block;
  height: 160px;
  width: 120px;
}

.publications .publication .other-formats .formats-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.frontpage .latest-publications .publications-scroll,
.publications .highlighted-publications .publications-scroll {
  width: 100%;
  margin: 4rem 0;
}

.frontpage
  .latest-publications
  .publications-scroll
  .views-element-container
  > div::-webkit-scrollbar,
.publications
  .highlighted-publications
  .publications-scroll
  .views-element-container
  > div::-webkit-scrollbar {
  display: none;
}

.frontpage
  .latest-publications
  .publications-scroll
  .views-element-container
  > div
  .publication-card,
.publications
  .highlighted-publications
  .publications-scroll
  .views-element-container
  > div
  .publication-card {
  flex: 0 0 auto;
  margin: 0 2rem;
}


.frontpage .latest-publications .publication-teaser h3,
.publications .highlighted-publications .publication-teaser h3 {
  min-height: 14.5rem;
  padding: 1rem;
}

.frontpage .latest-publications .publication-teaser h3 a,
.publications .highlighted-publications .publication-teaser h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-family: "Nexa Light";
  line-height: 1.2;
  color: var(--link-color, #ffffff);
  padding: 0;
  min-height: 6rem;
  font-weight: bold;
}

.frontpage .latest-publications .publication-teaser .fields,
.publications .highlighted-publications .publication-teaser .fields {
  border-bottom: none;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  font-family: "Nexa Bold";
  color: #ffffff;
  margin: 0;
}

.frontpage .latest-publications .publication-teaser .fields .field,
.publications .highlighted-publications .publication-teaser .fields .field {
  font-size: 1.4rem;
  font-family: "Nexa Bold";
  color: var(--link-color, #ffffff);
}

/* Background of publications cards */
.frontpage .latest-publications .publication-card:nth-child(4n + 1),
.publications .highlighted-publications .publication-card:nth-child(4n + 1) {
  background-color: var(--main-blue-color);
}

.frontpage .latest-publications .publication-card:nth-child(4n + 2),
.publications .highlighted-publications .publication-card:nth-child(4n + 2) {
  background-color: var(--main-yellow-color);
  --link-color: var(--main-blue-color);
}

.frontpage .latest-publications .publication-card:nth-child(4n + 3),
.publications .highlighted-publications .publication-card:nth-child(4n + 3) {
  background-color: var(--main-orange-color);
}

.frontpage .latest-publications .publication-card:nth-child(4n + 4),
.publications .highlighted-publications .publication-card:nth-child(4n + 4) {
  background-color: var(--main-green-color);
}

.frontpage .latest-publications .publication-card .fields .field,
.publications .highlighted-publications .publication-card .fields .field {
  padding-left: 4rem;
  position: relative;
}

.frontpage .latest-publications .publication-card .fields .field:before,
.publications
  .highlighted-publications
  .publication-card
  .fields
  .field:before {
  content: "";
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url(/themes/custom/ipcig/images/teaser-icon.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-image: url(/themes/custom/ipcig/images/teaser-icon.svg);
  background-color: var(--link-color, #ffffff);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 1rem;
  bottom: 0.1rem;
}

.frontpage
  .latest-publications
  .publication-card
  .fields
  .field--name-field-type {
  display: inline;
}

.publications
  .highlighted-publications
  .publication-card
  .fields
  .field--name-field-datepub {
  display: none;
}

.publications .facts-figures {
  background: var(--main-gray-color);
}

.publications .statistics span {
  display: inline-block;
  height: 15rem;
  width: 15rem;
  border-radius: 50%;
  font-family: "Nexa Bold";
  font-size: 3rem;
  line-height: 13.5rem;
  margin-bottom: 2rem;
  border: 1.3rem solid var(--main-blue-color);
}

.publications .statistics h2 {
  font-weight: 800;
}

.publications .statistics .downloads-num span {
  border-color: var(--main-green-color);
}

.publications .statistics .downloads-num span,
.publications .statistics .downloads-num h2 {
  color: var(--main-green-color);
}

.publications .statistics .publications-num span {
  border-color: var(--main-orange-color);
}

.publications .statistics .publications-num span,
.publications .statistics .publications-num h2 {
  color: var(--main-orange-color);
}
.publications .statistics p {
  font-style: italic;
}

.publications .paper-submission .submit-description {
  margin: 2rem 0 1rem;
}

.publications .paper-submission .submit-description span {
  color: var(--main-blue-color);
}

.publications section.publication-types {
  padding-top: 0;
  margin-top: -6rem;
}

.publications .types {
  list-style: none;
  padding: 0;
  margin: 4rem 0 10rem;
}

.publications .types .pub-type {
  display: flex;
  flex-direction: column;
  margin: 3rem 1rem 0;
}

.publications .types .pub-type .space {
  min-width: 12rem;
}

.publications .types .pub-type .initials {
  height: 10rem;
  min-width: 10rem;
  width: 10rem;
  font-size: 4rem;
  font-family: "Nexa Bold";
  line-height: 11rem;
  border-radius: 50%;
  background: var(--main-orange-color);
  text-align: center;
  color: white;
  margin: 2rem auto 3rem;
}

.publications .types .pub-type .description {
  font-family: "Gotham Light";
  border-bottom: 2px solid var(--main-green-color);
}

.publications .types .pub-type .description span,
.publications .types .pub-type .description span a {
  font-family: "Nexa Bold";
  color: var(--main-green-color);
}

.publications .types .pub-type .description p {
  display: inline;
}

.publications .highlighted-publications .publication-card .thumb img {
  height: 20rem;
  width: 100%;
}

/* submit your paper page styles */

.submit-your-paper form #authors-fieldset-wrapper .author-info,
.submit-your-paper .pub-info {
  display: flex;
}

.submit-your-paper .pub-info {
  flex-direction: column;
}

.submit-your-paper
  form
  #authors-fieldset-wrapper
  .author-info
  fieldset:first-of-type {
  margin-right: 2rem;
}

.submit-your-paper form #authors-fieldset-wrapper button {
  background-color: #ffffff;
  color: var(--medium-blue-color);
  font-size: 3rem;
  padding: 0;
  border-radius: 3rem;
  width: 4rem;
  height: 4rem;
  margin-top: 0;
  border: 2px solid;
}

.submit-your-paper form .form-item-preferred-email {
  margin-top: -2rem;
}

.submit-your-paper .submit-row {
  text-align: center;
  margin: 2rem 0 4rem;
}

.submit-your-paper .submit-row .alert {
  margin-top: 2rem;
}

.submit-your-paper .submit-row button {
  width: 28rem;
  font-size: 2.1rem;
  padding: 0.375rem 0.75rem;
  height: 5.1rem;
}

@media screen and (min-width: 768px) {
  .publications .publication .flex-preview {
    flex-direction: row;
  }

  .publications .publication .thumb {
    min-width: 120px;
    width: unset;
    margin: unset;
  }

  .publications .publication .flex-info {
    margin: 0 0 0 3rem;
  }

  .publications .types .pub-type .initials {
    margin: 0 2rem 2rem 0;
  }

  .publications .types .pub-type {
    flex-direction: row;
  }
  .publications .types .pub-type:nth-child(2n) {
    flex-direction: row-reverse;
  }
}