.publication {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2vmax;
  margin-top: max(20px, 3vmin);
  padding: 10px !important;
  color: var(--matteGraphite);
  overflow: hidden;
  font-family: OxygenRegular !important;
}

.publication .col {
  padding: 0 !important;
  margin: 0 !important;
  height: fit-content;
}

.publication .row {
  padding: 0 !important;
  margin: 0 !important;
  height: fit-content;
}

.publication .metadata-row {
  padding-top: max(5px, 0.3vmin) !important;
  padding-bottom: max(5px, 0.1vmin) !important;

  margin-top: max(5px, 0.3vmin) !important;
  margin-bottom: max(5px, 0.1vmin) !important;
}

.publication .title {
  padding-top: max(10px, 1vmin) !important;
  padding-bottom: max(10px, 1vmin) !important;
  font-size: max(13px, 3vmin);
  text-transform: capitalize;
  line-height: 1;
}

.publication .authors {
  font-size: max(12px, 2vmin);
  color: var(--comfortGraphite);
  vertical-align: text-bottom;
  display: inline-block;
}

.publication .authors .icon {
  height: max(14px, 2.5vmin);
  resize: both;
  vertical-align: middle;
  display: inline-block;
}

.publication .venue {
  font-size: max(12px, 2vmin);
  color: var(--comfortGraphite);
  vertical-align: middle;
  display: inline-block;
}

.publication .venue .icon {
  height: max(14px, 2.5vmin);
  resize: both;
  vertical-align: middle;
  display: inline-block;
}

.publication .date {
  font-size: max(12px, 2vmin);
  color: var(--comfortGraphite);
  vertical-align: middle;
  display: inline-block;
}

.publication .date .icon {
  height: max(14px, 2.5vmin);
  resize: both;
  vertical-align: middle;
  display: inline-block;
}

.publication .tag {
  padding: 5px;
  background-color: var(--titaniumWhite);
  color: var(--darkGraphite);
  margin: 3px;
  box-shadow: -1 -1 4px 2px var(--titanium);
  display: inline-block;

  font-size: max(12px, 2vmin);

  /*font-family: Karla;*/
}

.publication .action-btn {
  padding: 5px;
  display: inline-block;
}

.publication .abstract {
  padding-top: max(10px, 1vmin) !important;
  font-size: max(12px, 2vmin);
  color: var(--comfortGraphite);
  text-align: justify;
}


/* CITATION MODAL STYLING */
.cite-modal{
  overflow-y:hidden;
  position: relative;
  font-family: OxygenRegular;
  height:max(70vh, 350px);
  background-color: var(--bs-modal-bg);
}

.cite-modal-content {
  border: 0px !important;
}

.cite-modal-row {
  text-align: center;
}

.cite-modal-generated-row {
  margin-bottom: 0;
}

.copy-clipboard-btn-container {
  text-align: center;
  margin-top: 20px;
}

.copy-clipboard-btn-icon {
  vertical-align: middle;
  margin: auto;
}

.citation-format-dropdown{
  /*display: inline-block;*/
  margin-left: 10px;

  .btn{
    height: 16pt;
    min-width:200px !important;
    line-height: 14pt;
    font-size: 11pt !important;
    text-transform: capitalize;
    font-weight: bold;
  }
}

.generated-citation-container {
  margin: 10px;
  /*padding: 10px;*/

  .generated-citation {
    box-shadow: inset 0px 0px 10px 0px var(--titaniumFrost);

    max-height: 40vh !important;
    height: min(30vh, 350px) !important;
    overflow-y: scroll;
    overflow-x: wrap;
    margin-top: 10px;
    padding: 10px;

    text-align: left;
    white-space: pre-line;

    font-size:12px;
  }
}

.abstract-label {
  font-weight: bold;
}

.ap-header-link {
  text-decoration: none;
  color: inherit !important;
}

.ap-footer-row {
  margin-bottom: 3px !important;
}

.ap-offcanvas-body {
  text-align: center;
}