.offcanvas{
  background-color: var(--primary-color);
  color: var(--white-color);
  padding: 9.375rem 4.0625rem 2.5rem 4.0625rem;
}
.offcanvas.offcanvas-end{
  width: 31.25rem;
}
.offcanvas-header{
  position: relative;
}
.offcanvas-header .btn-close{
  position: absolute;
  right: 0.5rem;
  top: -5.5rem;
}
.offcanvas .btn-close{
  background-image: none;
}
.offcanvas .btn-close:active,
.offcanvas .btn-close:focus{
  box-shadow: none;
  border: none;
}
/* PUBLICATION SECTION */

.publication-image img{
  height: 100%;
  object-fit: cover;
}
.publication-subtitle{
  border-bottom: 1px solid var(--border-color);
}
.publication-item-top{
  background-color: var(--light-bg-color);
  margin-bottom: 3px;
  padding: 1.25rem 1.875rem;
}
.publication-item-bottom{
  background-color: var(--light-bg-color);
  padding: 0.75rem 1.875rem;
}
.publication-item-bottom p{
  font-size: 16px;
}

/* SUBSCRIBE  */
.subscribe-wrapper{
  padding: 4rem clamp(1rem, 5vw, 2.5rem);
}
/* INPUT */

.input-group input{
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--border-color);
  background-color: transparent;
  padding-left: 0;
}
.input-group input:focus{
  box-shadow: none;
  background-color: transparent;
  border-color: var(--border-color);
}
.input-group button{
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--border-color);
  background-color: transparent;
  padding-right: 0;
}
.input-group button:hover{
  background-color: transparent;
  border-color: var(--border-color);
}
.accordion-button:focus{
  outline: none !important;
  border: none !important;
  box-shadow: unset !important;
}
.accordion-button:not(.collapsed) {
  color: unset;
  background-color: white !important;
  box-shadow: unset !important;
}