lmmi_journal_theme/css/style.css

.page-node-type-landing-page .main-content {
  background-color: #f8f9fa; }

.teaser-card {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  background: #fff;
  margin-bottom: 16px;
  position: relative; }

.teaser-card p {
  padding-bottom: 0; }

.teaser-card__body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.teaser-card__title {
  font-family: "Libre Baskerville", Georgia, Times New Roman, Serif;
  font-size: 2.2rem;
  line-height: 2.8rem;
  font-weight: 600; }

.teaser-card__author {
  font-family: "Lato", Helvetica Neue, Arial, Sans-serif;
  text-transform: uppercase;
  font-size: 1.8rem; }

.teaser-card__category {
  background: #226f23;
  color: #fff;
  padding: .5rem 1.25rem;
  text-transform: uppercase; }

.teaser-card__icon {
  position: absolute;
  top: 0;
  right: 0;
  background: #226f23;
  padding: 10px;
  color: #fff; }

/*====lp article preview cards==================*/
.preview-card__grid-row {
  display: flex;
  justify-content: space-between; }

.preview-card {
  box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1);
  border: 1px solid #e4e4e4; }

.preview-card {
  margin: 0 1em 2em 1em;
  height: 250px; }

.preview-card:last-child {
  margin: 0 0 2em 1em; }

.preview-card:first-child {
  margin: 0 1em 2rem 0; }

.preview-card__caption {
  margin: 10px; }

/*==========Landing Page Hero Image===========*/
.hero {
  background: blue;
  background: url(../img/DS2_2648.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  height: 250px;
  display: flex;
  align-items: center; }

.page-node-type-journal-article .main-content__section {
  padding-top: 0; }

.article-title-banner .bg-image {
  height: 400px;
  overflow: hidden; }

.field--name-field-journal-article-abstract .field__label {
  font-size: 2rem; }

.node--type-journal-article .field--name-body figure {
  margin-left: initial;
  margin-right: initial;
  float: left; }

.node--type-journal-article .field--name-body figure img {
  border: 1px solid #ccc;
  padding: 4px;
  width: 200px;
  float: left;
  margin-right: 1rem;
  margin-top: 1rem; }

.node--type-journal-article a[id^="footnote"] {
  border: 1px solid #5d5d5d;
  background: #5d5d5d;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  padding: 2px 3px;
  font-size: 1.1rem;
  vertical-align: super; }

.article-header--metadata {
  display: flex;
  justify-content: space-between; }

.article-header--metadata .left, .article-header--metadata .right {
  flex-direction: column;
  align-items: flex-end; }

.article-header--metadata .right {
  justify-content: flex-end;
  text-align: right; }

.article-title-banner {
  position: relative; }

.article-info--wrapper {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.article--contributor {
  font-size: 27px;
  font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif;
  font-weight: bold;
  font-style: italic; }

.article--contributor__affiliation {
  font-size: 18px;
  text-transform: uppercase; }

.article--type {
  font-size: 18px;
  text-transform: uppercase; }

.article--date-published {
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 6px; }

.node__main-content {
  grid-area: main; }

.toc-sticky-wrapper {
  height: 100%;
  grid-area: toc; }

@media (min-width: 992px) {
  .node__container {
    display: grid;
    column-gap: 2rem;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto;
    grid-template-areas: 'main toc'; } }

/* popup container */
.popup {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */ }

/* popup text */
.popup .popuptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the popup text - see examples below! */
  position: absolute;
  z-index: 1; }

/* Show the popup text when you mouse over the popup container */
.popup:hover .popuptext {
  visibility: visible; }

.sf-menu ul {
  width: 16em !important; }

.link-info {
  display: block;
  font-style: italic;
  color: #909090; }

.toc {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 100px;
  margin-top: 2rem; }

.toc-block--wide .toc--title[aria-expanded='true'] h2::after {
  content: '\f068'; }

.toc-block--wide .toc--title[aria-expanded='false'] h2::after {
  content: '\f067'; }

.toc-block--wide .toc--title h2::after {
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  font-weight: 400;
  line-height: 20px;
  font-size: 2rem;
  background: #ccc;
  padding: 10px; }

.toc-block--wide .toc--title h2 {
  border: 1px dotted #ccc;
  padding: 0px;
  padding-left: 10px;
  line-height: 40px;
  margin-bottom: 0px;
  background: #f5f3f3; }

.toc-block--wide .toc--list {
  border: 1px dotted #ccc;
  border-top: 0px; }

.region-sidebar-second {
  height: 1000px; }

@media (min-width: 992px) {
  .toc-container .toc-block--wide {
    position: -webkit-sticky;
    /* Safari */
    position: sticky;
    top: 300px; } }

.toc-desktop {
  display: block !important; }

.toc-mobile {
  display: none !important; }

/*on-scroll menu */
.fixed-header-enabled.onscroll .header-container ul.menu {
  text-align: right; }

/*================================================*/
/*change header title fontsize*/
.col-md-12 .site-name a {
  font-size: 40px; }

.header-top__container {
  padding: 60px 0 55px; }

/*change padding above content*/
.main-content__section, .sidebar__section {
  padding: 60px 0 70px; }

/*modify issue info on landing page*/
.path-frontpage .layout.layout--twocol-bricks {
  display: block; }

.path-frontpage .block-region-second-above {
  display: flex;
  justify-content: flex-start;
  font-size: 1.8rem; }

.path-frontpage .block-region-second-above > * {
  margin-right: 1rem;
  display: flex; }

.path-frontpage .block-region-second-above > .block-entity-fieldnodetitle::after {
  content: ","; }

.path-frontpage .block-region-second-above > .block-entity-fieldnodefield-issue-year::after {
  content: ","; }

.path-frontpage .block-region-second-above .field--name-field-issue-number {
  display: flex; }

/*tweak images added to articles*/
details#journal-article-text-tab img,
.path-frontpage .node--view-mode-teaser img {
  border: 1px solid #ccc;
  padding: 4px;
  width: 200px;
  float: left;
  margin-right: 1rem;
  margin-top: 1rem; }

.field__label {
  /*font-family: 'Merriweather', Georgia, Times New Roman, Serif;*/
  /*font-family: 'Merriweather', Georgia, Times New Roman, Serif;*/
  /*font-family: 'Merriweather', Georgia, Times New Roman, Serif;*/
  font-family: 'Libre Baskerville', serif; }

.field--name-field-issue-number .field__label {
  font-family: inherit;
  font-weight: initial; }

.path-frontpage .node--view-mode-teaser {
  padding: 0 0 30px 0;
  margin-bottom: 30px; }

.logo {
  width: 110px; }

/*headings*/
.hff-01 h1,
.hff-01 h2,
.hff-01 h3,
.hff-01 h4,
.hff-01 h5,
.hff-01 h6,
.hff-01 .tp-caption__title,
.hff-01 .tp-caption__subtitle,
.sff-01 .site-name,
.slff-01 .site-slogan,
.hff-01 .nav-tab__title {
  font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif; }

.site-name {
  font-size: 12rem; }

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlcyI6WyJzdHlsZS5jc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLnBhZ2Utbm9kZS10eXBlLWxhbmRpbmctcGFnZSAubWFpbi1jb250ZW50IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjlmYTsgfVxuXG4udGVhc2VyLWNhcmQge1xuICBib3gtc2hhZG93OiAwIDAuMTI1cmVtIDAuMjVyZW0gcmdiYSgwLCAwLCAwLCAwLjA3NSkgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgbWFyZ2luLWJvdHRvbTogMTZweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG4gIC50ZWFzZXItY2FyZCBwIHtcbiAgICBwYWRkaW5nLWJvdHRvbTogMDsgfVxuICAudGVhc2VyLWNhcmRfX2JvZHkge1xuICAgIGZsZXg6IDEgMSBhdXRvO1xuICAgIHBhZGRpbmc6IDEuMjVyZW07IH1cbiAgLnRlYXNlci1jYXJkX190aXRsZSB7XG4gICAgZm9udC1mYW1pbHk6IFwiTGlicmUgQmFza2VydmlsbGVcIiwgR2VvcmdpYSwgVGltZXMgTmV3IFJvbWFuLCBTZXJpZjtcbiAgICBmb250LXNpemU6IDIuMnJlbTtcbiAgICBsaW5lLWhlaWdodDogMi44cmVtO1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7IH1cbiAgLnRlYXNlci1jYXJkX19hdXRob3Ige1xuICAgIGZvbnQtZmFtaWx5OiBcIkxhdG9cIiwgSGVsdmV0aWNhIE5ldWUsIEFyaWFsLCBTYW5zLXNlcmlmO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7XG4gICAgZm9udC1zaXplOiAxLjhyZW07IH1cbiAgLnRlYXNlci1jYXJkX19jYXRlZ29yeSB7XG4gICAgYmFja2dyb3VuZDogIzIyNmYyMztcbiAgICBjb2xvcjogI2ZmZjtcbiAgICBwYWRkaW5nOiAuNXJlbSAxLjI1cmVtO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7IH1cbiAgLnRlYXNlci1jYXJkX19pY29uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJhY2tncm91bmQ6ICMyMjZmMjM7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICBjb2xvcjogI2ZmZjsgfVxuXG4vKj09PT1scCBhcnRpY2xlIHByZXZpZXcgY2FyZHM9PT09PT09PT09PT09PT09PT0qL1xuLnByZXZpZXctY2FyZF9fZ3JpZC1yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47IH1cblxuLnByZXZpZXctY2FyZCB7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDE0cHggcmdiYSgxMDAsIDEwMCwgMTAwLCAwLjEpLCAwIDJweCAycHggcmdiYSgxMDAsIDEwMCwgMTAwLCAwLjEpO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTRlNGU0OyB9XG5cbi5wcmV2aWV3LWNhcmQge1xuICBtYXJnaW46IDAgMWVtIDJlbSAxZW07XG4gIGhlaWdodDogMjUwcHg7IH1cblxuLnByZXZpZXctY2FyZDpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luOiAwIDAgMmVtIDFlbTsgfVxuXG4ucHJldmlldy1jYXJkOmZpcnN0LWNoaWxkIHtcbiAgbWFyZ2luOiAwIDFlbSAycmVtIDA7IH1cblxuLnByZXZpZXctY2FyZF9fY2FwdGlvbiB7XG4gIG1hcmdpbjogMTBweDsgfVxuXG4vKj09PT09PT09PT1MYW5kaW5nIFBhZ2UgSGVybyBJbWFnZT09PT09PT09PT09Ki9cbi5oZXJvIHtcbiAgYmFja2dyb3VuZDogYmx1ZTtcbiAgYmFja2dyb3VuZDogdXJsKC4uL2ltZy9EUzJfMjY0OC5qcGcpO1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAyNTBweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjsgfVxuXG4ucGFnZS1ub2RlLXR5cGUtam91cm5hbC1hcnRpY2xlIC5tYWluLWNvbnRlbnRfX3NlY3Rpb24ge1xuICBwYWRkaW5nLXRvcDogMDsgfVxuXG4uYXJ0aWNsZS10aXRsZS1iYW5uZXIgLmJnLWltYWdlIHtcbiAgaGVpZ2h0OiA0MDBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjsgfVxuXG4uZmllbGQtLW5hbWUtZmllbGQtam91cm5hbC1hcnRpY2xlLWFic3RyYWN0IC5maWVsZF9fbGFiZWwge1xuICBmb250LXNpemU6IDJyZW07IH1cblxuLm5vZGUtLXR5cGUtam91cm5hbC1hcnRpY2xlIC5maWVsZC0tbmFtZS1ib2R5IGZpZ3VyZSB7XG4gIG1hcmdpbi1sZWZ0OiBpbml0aWFsO1xuICBtYXJnaW4tcmlnaHQ6IGluaXRpYWw7XG4gIGZsb2F0OiBsZWZ0OyB9XG4gIC5ub2RlLS10eXBlLWpvdXJuYWwtYXJ0aWNsZSAuZmllbGQtLW5hbWUtYm9keSBmaWd1cmUgaW1nIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAjY2NjO1xuICAgIHBhZGRpbmc6IDRweDtcbiAgICB3aWR0aDogMjAwcHg7XG4gICAgZmxvYXQ6IGxlZnQ7XG4gICAgbWFyZ2luLXJpZ2h0OiAxcmVtO1xuICAgIG1hcmdpbi10b3A6IDFyZW07IH1cblxuLm5vZGUtLXR5cGUtam91cm5hbC1hcnRpY2xlIGFbaWRePVwiZm9vdG5vdGVcIl0ge1xuICBib3JkZXI6IDFweCBzb2xpZCAjNWQ1ZDVkO1xuICBiYWNrZ3JvdW5kOiAjNWQ1ZDVkO1xuICBjb2xvcjogI2ZmZjtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gIHBhZGRpbmc6IDJweCAzcHg7XG4gIGZvbnQtc2l6ZTogMS4xcmVtO1xuICB2ZXJ0aWNhbC1hbGlnbjogc3VwZXI7IH1cblxuLmFydGljbGUtaGVhZGVyLS1tZXRhZGF0YSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsgfVxuICAuYXJ0aWNsZS1oZWFkZXItLW1ldGFkYXRhIC5sZWZ0LCAuYXJ0aWNsZS1oZWFkZXItLW1ldGFkYXRhIC5yaWdodCB7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7IH1cbiAgLmFydGljbGUtaGVhZGVyLS1tZXRhZGF0YSAucmlnaHQge1xuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgdGV4dC1hbGlnbjogcmlnaHQ7IH1cblxuLmFydGljbGUtdGl0bGUtYmFubmVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG5cbi5hcnRpY2xlLWluZm8tLXdyYXBwZXIg