You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

411 lines
33 KiB

.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.green .teaser-card__category,
.teaser-card.green .teaser-card__icon {
background: #226f23; }
.teaser-card.red .teaser-card__category,
.teaser-card.red .teaser-card__icon {
background: #d22b2e; }
.teaser-card.blue .teaser-card__category,
.teaser-card.blue .teaser-card__icon {
background: #1377ba; }
.teaser-card.teal .teaser-card__category,
.teaser-card.teal .teaser-card__icon {
background: #37868e; }
.teaser-card.purple .teaser-card__category,
.teaser-card.purple .teaser-card__icon {
background: #7201a1; }
.teaser-card.aqua .teaser-card__category,
.teaser-card.aqua .teaser-card__icon {
background: #1fe5aa; }
.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,
.teaser-card .field--name-field-affiliation-contributor {
font-family: "Lato", Helvetica Neue, Arial, Sans-serif;
text-transform: uppercase;
font-size: 1.8rem;
padding-top: 4px; }
.teaser-card__category {
color: #fff;
padding: 0.5rem 1.25rem;
text-transform: uppercase; }
.teaser-card__icon {
position: absolute;
top: 0;
right: 0;
padding: 10px;
color: #fff; }
.teaser-card img {
width: 100%; }
6 years ago
/*====lp article preview cards==================*/
.preview-card__grid-row {
display: flex;
6 years ago
justify-content: space-between; }
6 years ago
.preview-card {
box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1);
6 years ago
border: 1px solid #e4e4e4; }
6 years ago
.preview-card {
margin: 0 1em 2em 1em;
6 years ago
height: 250px; }
6 years ago
6 years ago
.preview-card:last-child {
margin: 0 0 2em 1em; }
6 years ago
.preview-card:first-child {
6 years ago
margin: 0 1em 2rem 0; }
6 years ago
.preview-card__caption {
6 years ago
margin: 10px; }
6 years ago
6 years ago
/*==========Landing Page Hero Image===========*/
.hero {
display: flex;
align-items: center; }
.hero .header-top__container {
padding: 3rem 0 2rem 0; }
.slick-arrow {
z-index: 999; }
.slick-next {
right: 0; }
.slick-prev {
left: 0; }
.page-node-type-journal-article .main-content__section {
padding-top: 0; }
.article-title-banner {
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative; }
.article-info--wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff; }
6 years ago
.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; }
6 years ago
.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; }
6 years ago
.node--type-journal-article a[id^='footnote'] {
6 years ago
border: 1px solid #5d5d5d;
background: #5d5d5d;
color: #fff;
border-radius: 4px;
text-decoration: none;
6 years ago
padding: 2px 3px;
font-size: 1.1rem;
vertical-align: super; }
6 years ago
6 years ago
.article-header--metadata {
display: flex;
justify-content: space-between; }
.article-header--metadata .left,
.article-header--metadata .right {
6 years ago
flex-direction: column;
align-items: flex-end; }
.article-header--metadata .right {
justify-content: flex-end;
text-align: right; }
.article-header--metadata .article--contributor {
6 years ago
font-size: 27px;
font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif;
font-weight: bold;
font-style: italic; }
.article-header--metadata .field--name-field-affiliation-string,
.article-header--metadata .article--contributor__affiliation {
6 years ago
font-size: 18px;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
font-family: sans-serif; }
6 years ago
.article-header--metadata .article--type {
6 years ago
font-size: 18px;
text-transform: uppercase; }
.article-header--metadata .article--type a {
color: #fff; }
.article-header--metadata .article--date-published {
6 years ago
font-size: 18px;
text-transform: uppercase;
margin-top: 6px; }
.article-header--metadata .article--date-published .field__label {
display: none; }
.article-title-banner {
padding: 0; }
.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'; } }
6 years ago
/* 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; }
:target {
display: block;
position: relative;
top: -100px;
visibility: hidden; }
.sf-menu ul {
width: 16em !important; }
.link-info {
display: block;
font-style: italic;
color: #909090; }
6 years ago
.toc {
position: -webkit-sticky;
/* Safari */
position: sticky;
top: 100px;
margin-top: 0 !important;
margin-bottom: 0 !important; }
.node .toc-tree {
border: none;
padding: 0; }
6 years ago
.toc-block--wide {
position: -webkit-sticky;
/* Safari */
position: sticky;
top: 100px;
margin-top: 2rem; }
6 years ago
.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 {
text-align: left;
6 years ago
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;
padding-top: 1rem; }
.toc-block--wide .toc--list ol {
list-style-type: none;
padding-left: 0;
font-family: "Libre Baskerville", Georgia, Times New Roman, Serif;
font-size: 1.8rem;
line-height: 1.8; }
.toc-block--wide .toc--list a {
display: block;
padding-left: 1rem; }
.toc-block--wide .toc--list a:hover {
background: #ccc; }
6 years ago
.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; }
6 years ago
6 years ago
/*on-scroll menu */
.fixed-header-enabled.onscroll .header-container ul.menu {
text-align: right; }
6 years ago
/*================================================*/
6 years ago
/*change header title fontsize*/
.col-md-12 .site-name a {
6 years ago
font-size: 40px; }
6 years ago
.header-top__container {
6 years ago
padding: 60px 0 55px; }
6 years ago
/*change padding above content*/
.main-content__section, .sidebar__section {
6 years ago
padding: 60px 0 70px; }
6 years ago
/*modify issue info on landing page*/
.path-frontpage .layout.layout--twocol-bricks {
6 years ago
display: block; }
6 years ago
.path-frontpage .block-region-second-above {
display: flex;
justify-content: flex-start;
6 years ago
font-size: 1.8rem; }
6 years ago
.path-frontpage .block-region-second-above > * {
margin-right: 1rem;
6 years ago
display: flex; }
6 years ago
6 years ago
.path-frontpage .block-region-second-above > .block-entity-fieldnodetitle::after {
content: ","; }
.path-frontpage .block-region-second-above > .block-entity-fieldnodefield-issue-year::after {
content: ","; }
6 years ago
.path-frontpage .block-region-second-above .field--name-field-issue-number {
6 years ago
display: flex; }
6 years ago
/*tweak images added to articles*/
details#journal-article-text-tab img,
.path-frontpage .node--view-mode-teaser img {
6 years ago
border: 1px solid #ccc;
padding: 4px;
width: 200px;
float: left;
margin-right: 1rem;
6 years ago
margin-top: 1rem; }
6 years ago
.field__label {
6 years ago
/*font-family: 'Merriweather', Georgia, Times New Roman, Serif;*/
/*font-family: 'Merriweather', Georgia, Times New Roman, Serif;*/
/*font-family: 'Merriweather', Georgia, Times New Roman, Serif;*/
6 years ago
font-family: 'Libre Baskerville', serif; }
6 years ago
.field--name-field-issue-number .field__label {
6 years ago
font-family: inherit;
6 years ago
font-weight: initial; }
6 years ago
.path-frontpage .node--view-mode-teaser {
6 years ago
padding: 0 0 30px 0;
6 years ago
margin-bottom: 30px; }
6 years ago
6 years ago
.logo {
6 years ago
width: 110px; }
6 years ago
/*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 {
6 years ago
font-family: 'Libre Baskerville', Georgia, Times New Roman, Serif; }
6 years ago
.site-name {
6 years ago
font-size: 12rem; }
6 years ago
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlcyI6WyJzdHlsZS5jc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLnBhZ2Utbm9kZS10eXBlLWxhbmRpbmctcGFnZSAubWFpbi1jb250ZW50IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y4ZjlmYTsgfVxuXG4udGVhc2VyLWNhcmQge1xuICBib3gtc2hhZG93OiAwIDAuMTI1cmVtIDAuMjVyZW0gcmdiYSgwLCAwLCAwLCAwLjA3NSkgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgbWFyZ2luLWJvdHRvbTogMTZweDtcbiAgcG9zaXRpb246IHJlbGF0aXZlOyB9XG4gIC50ZWFzZXItY2FyZC5ncmVlbiAudGVhc2VyLWNhcmRfX2NhdGVnb3J5LFxuICAudGVhc2VyLWNhcmQuZ3JlZW4gLnRlYXNlci1jYXJkX19pY29uIHtcbiAgICBiYWNrZ3JvdW5kOiAjMjI2ZjIzOyB9XG4gIC50ZWFzZXItY2FyZC5yZWQgLnRlYXNlci1jYXJkX19jYXRlZ29yeSxcbiAgLnRlYXNlci1jYXJkLnJlZCAudGVhc2VyLWNhcmRfX2ljb24ge1xuICAgIGJhY2tncm91bmQ6ICNkMjJiMmU7IH1cbiAgLnRlYXNlci1jYXJkLmJsdWUgLnRlYXNlci1jYXJkX19jYXRlZ29yeSxcbiAgLnRlYXNlci1jYXJkLmJsdWUgLnRlYXNlci1jYXJkX19pY29uIHtcbiAgICBiYWNrZ3JvdW5kOiAjMTM3N2JhOyB9XG4gIC50ZWFzZXItY2FyZC50ZWFsIC50ZWFzZXItY2FyZF9fY2F0ZWdvcnksXG4gIC50ZWFzZXItY2FyZC50ZWFsIC50ZWFzZXItY2FyZF9faWNvbiB7XG4gICAgYmFja2dyb3VuZDogIzM3ODY4ZTsgfVxuICAudGVhc2VyLWNhcmQucHVycGxlIC50ZWFzZXItY2FyZF9fY2F0ZWdvcnksXG4gIC50ZWFzZXItY2FyZC5wdXJwbGUgLnRlYXNlci1jYXJkX19pY29uIHtcbiAgICBiYWNrZ3JvdW5kOiAjNzIwMWExOyB9XG4gIC50ZWFzZXItY2FyZC5hcXVhIC50ZWFzZXItY2FyZF9fY2F0ZWdvcnksXG4gIC50ZWFzZXItY2FyZC5hcXVhIC50ZWFzZXItY2FyZF9faWNvbiB7XG4gICAgYmFja2dyb3VuZDogIzFmZTVhYTsgfVxuICAudGVhc2VyLWNhcmQgcCB7XG4gICAgcGFkZGluZy1ib3R0b206IDA7IH1cbiAgLnRlYXNlci1jYXJkX19ib2R5IHtcbiAgICBmbGV4OiAxIDEgYXV0bztcbiAgICBwYWRkaW5nOiAxLjI1cmVtOyB9XG4gIC50ZWFzZXItY2FyZF9fdGl0bGUge1xuICAgIGZvbnQtZmFtaWx5OiBcIkxpYnJlIEJhc2tlcnZpbGxlXCIsIEdlb3JnaWEsIFRpbWVzIE5ldyBSb21hbiwgU2VyaWY7XG4gICAgZm9udC1zaXplOiAyLjJyZW07XG4gICAgbGluZS1oZWlnaHQ6IDIuOHJlbTtcbiAgICBmb250LXdlaWdodDogNjAwOyB9XG4gIC50ZWFzZXItY2FyZF9fYXV0aG9yLFxuICAudGVhc2VyLWNhcmQgLmZpZWxkLS1uYW1lLWZpZWxkLWFmZmlsaWF0aW9uLWNvbnRyaWJ1dG9yIHtcbiAgICBmb250LWZhbWlseTogXCJMYXRvXCIsIEhlbHZldGljYSBOZXVlLCBBcmlhbCwgU2Fucy1zZXJpZjtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGZvbnQtc2l6ZTogMS44cmVtO1xuICAgIHBhZGRpbmctdG9wOiA0cHg7IH1cbiAgLnRlYXNlci1jYXJkX19jYXRlZ29yeSB7XG4gICAgY29sb3I6ICNmZmY7XG4gICAgcGFkZGluZzogMC41cmVtIDEuMjVyZW07XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTsgfVxuICAudGVhc2VyLWNhcmRfX2ljb24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICBjb2xvcjogI2ZmZjsgfVxuICAudGVhc2VyLWNhcmQgaW1nIHtcbiAgICB3aWR0aDogMTAwJTsgfVxuXG4vKj09PT1scCBhcnRpY2xlIHByZXZpZXcgY2FyZHM9PT09PT09PT09PT09PT09PT0qL1xuLnByZXZpZXctY2FyZF9fZ3JpZC1yb3cge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47IH1cblxuLnByZXZpZXctY2FyZCB7XG4gIGJveC1zaGFkb3c6IDAgMnB4IDE0cHggcmdiYSgxMDAsIDEwMCwgMTAwLCAwLjEpLCAwIDJweCAycHggcmdiYSgxMDAsIDEwMCwgMTAwLCAwLjEpO1xuICBib3JkZXI6IDFweCBzb2xpZCAjZTRlNGU0OyB9XG5cbi5wcmV2aWV3LWNhcmQge1xuICBtYXJnaW46IDAgMWVtIDJlbSAxZW07XG4gIGhlaWdodDogMjUwcHg7IH1cblxuLnByZXZpZXctY2FyZDpsYXN0LWNoaWxkIHtcbiAgbWFyZ2luOiAwIDAgMmVtIDFlbTsgfVxuXG4ucHJldmlldy1jYXJkOmZpcnN0LWNoaWxkIHtcbiAgbWFyZ2luOiAwIDFlbSAycmVtIDA7IH1cblxuLnByZXZpZXctY2FyZF9fY2FwdGlvbiB7XG4gIG1hcmdpbjogMTBweDsgfVxuXG4vKj09PT09PT09PT1MYW5kaW5nIFBhZ2UgSGVybyBJbWFnZT09PT09PT09PT09Ki9cbi5oZXJvIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjsgfVxuICAuaGVybyAuaGVhZGVyLXRvcF9fY29udGFpbmVyIHtcbiAgICBwYWRkaW5nOiAzcmVtIDAgMnJlbSAwOyB9XG5cbi5zbGljay1hcnJvdyB7XG4gIHotaW5kZXg6IDk5OTsgfVxuXG4uc2xpY2stbmV4dCB7XG4gIHJpZ2h0OiAwOyB9XG5cbi5zbGljay1wcmV2IHtcbiAgbGVmdDogMDsgfVxuXG4ucGFnZS1ub2RlLXR5cGUtam91cm5hbC1hcnRpY2xlIC5tYWluLWNvbnRlbnRfX3NlY3Rpb24ge1xuICBwYWRkaW5nLXRvcDogMDsgfVxuXG4uYXJ0aWNsZS10aXRsZS1iYW5uZXIge1xuICBoZWlnaHQ6IDUwMHB4O1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4uYXJ0aWNsZS1pbmZvLS13cmFwcGVyIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDUwJTtcbiAgbGVmdDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbiAgY29sb3I6ICNmZmY7IH1cblxuLmZpZWxkLS1uYW1lLWZpZWxkLWpvdXJuYWwtYXJ0aWNsZS1hYnN0cmFjdCAuZmllbGRfX2xhYmVsIHtcbiAgZm9udC1zaXplOiAycmVtOyB9XG5c