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.

429 lines
34 KiB

.masonry-layout .masonry-item {
width: 30.5%;
background-color: #f6f6f2;
border: 0;
margin: 0.5%;
padding: 0; }
.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-title-banner .field--name-title {
color: #fff; }
.article-title-banner .field--name-title:hover {
text-decoration: underline; }
.article-title {
color: #fff; }
.article-header--metadata a {
color: #fff; }
.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; }
.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
@media (min-width: 992px) {
div#toc-sections {
display: block; } }
.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 {
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
.header-top {
border-bottom: 1px solid #d4d3d3; }
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuY3NzIiwic291cmNlcyI6WyJzdHlsZS5jc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLm1hc29ucnktbGF5b3V0IC5tYXNvbnJ5LWl0ZW0ge1xuICB3aWR0aDogMzAuNSU7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmNmY2ZjI7XG4gIGJvcmRlcjogMDtcbiAgbWFyZ2luOiAwLjUlO1xuICBwYWRkaW5nOiAwOyB9XG5cbi5wYWdlLW5vZGUtdHlwZS1sYW5kaW5nLXBhZ2UgLm1haW4tY29udGVudCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmOGY5ZmE7IH1cblxuLnRlYXNlci1jYXJkIHtcbiAgYm94LXNoYWRvdzogMCAwLjEyNXJlbSAwLjI1cmVtIHJnYmEoMCwgMCwgMCwgMC4wNzUpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQ6ICNmZmY7XG4gIG1hcmdpbi1ib3R0b206IDE2cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuICAudGVhc2VyLWNhcmQuZ3JlZW4gLnRlYXNlci1jYXJkX19jYXRlZ29yeSxcbiAgLnRlYXNlci1jYXJkLmdyZWVuIC50ZWFzZXItY2FyZF9faWNvbiB7XG4gICAgYmFja2dyb3VuZDogIzIyNmYyMzsgfVxuICAudGVhc2VyLWNhcmQucmVkIC50ZWFzZXItY2FyZF9fY2F0ZWdvcnksXG4gIC50ZWFzZXItY2FyZC5yZWQgLnRlYXNlci1jYXJkX19pY29uIHtcbiAgICBiYWNrZ3JvdW5kOiAjZDIyYjJlOyB9XG4gIC50ZWFzZXItY2FyZC5ibHVlIC50ZWFzZXItY2FyZF9fY2F0ZWdvcnksXG4gIC50ZWFzZXItY2FyZC5ibHVlIC50ZWFzZXItY2FyZF9faWNvbiB7XG4gICAgYmFja2dyb3VuZDogIzEzNzdiYTsgfVxuICAudGVhc2VyLWNhcmQudGVhbCAudGVhc2VyLWNhcmRfX2NhdGVnb3J5LFxuICAudGVhc2VyLWNhcmQudGVhbCAudGVhc2VyLWNhcmRfX2ljb24ge1xuICAgIGJhY2tncm91bmQ6ICMzNzg2OGU7IH1cbiAgLnRlYXNlci1jYXJkLnB1cnBsZSAudGVhc2VyLWNhcmRfX2NhdGVnb3J5LFxuICAudGVhc2VyLWNhcmQucHVycGxlIC50ZWFzZXItY2FyZF9faWNvbiB7XG4gICAgYmFja2dyb3VuZDogIzcyMDFhMTsgfVxuICAudGVhc2VyLWNhcmQuYXF1YSAudGVhc2VyLWNhcmRfX2NhdGVnb3J5LFxuICAudGVhc2VyLWNhcmQuYXF1YSAudGVhc2VyLWNhcmRfX2ljb24ge1xuICAgIGJhY2tncm91bmQ6ICMxZmU1YWE7IH1cbiAgLnRlYXNlci1jYXJkIHAge1xuICAgIHBhZGRpbmctYm90dG9tOiAwOyB9XG4gIC50ZWFzZXItY2FyZF9fYm9keSB7XG4gICAgZmxleDogMSAxIGF1dG87XG4gICAgcGFkZGluZzogMS4yNXJlbTsgfVxuICAudGVhc2VyLWNhcmRfX3RpdGxlIHtcbiAgICBmb250LWZhbWlseTogXCJMaWJyZSBCYXNrZXJ2aWxsZVwiLCBHZW9yZ2lhLCBUaW1lcyBOZXcgUm9tYW4sIFNlcmlmO1xuICAgIGZvbnQtc2l6ZTogMi4ycmVtO1xuICAgIGxpbmUtaGVpZ2h0OiAyLjhyZW07XG4gICAgZm9udC13ZWlnaHQ6IDYwMDsgfVxuICAudGVhc2VyLWNhcmRfX2F1dGhvcixcbiAgLnRlYXNlci1jYXJkIC5maWVsZC0tbmFtZS1maWVsZC1hZmZpbGlhdGlvbi1jb250cmlidXRvciB7XG4gICAgZm9udC1mYW1pbHk6IFwiTGF0b1wiLCBIZWx2ZXRpY2EgTmV1ZSwgQXJpYWwsIFNhbnMtc2VyaWY7XG4gICAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbiAgICBmb250LXNpemU6IDEuOHJlbTtcbiAgICBwYWRkaW5nLXRvcDogNHB4OyB9XG4gIC50ZWFzZXItY2FyZF9fY2F0ZWdvcnkge1xuICAgIGNvbG9yOiAjZmZmO1xuICAgIHBhZGRpbmc6IDAuNXJlbSAxLjI1cmVtO1xuICAgIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7IH1cbiAgLnRlYXNlci1jYXJkX19pY29uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIHBhZGRpbmc6IDEwcHg7XG4gICAgY29sb3I6ICNmZmY7IH1cbiAgLnRlYXNlci1jYXJkIGltZyB7XG4gICAgd2lkdGg6IDEwMCU7IH1cblxuLyo9PT09bHAgYXJ0aWNsZSBwcmV2aWV3IGNhcmRzPT09PT09PT09PT09PT09PT09Ki9cbi5wcmV2aWV3LWNhcmRfX2dyaWQtcm93IHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOyB9XG5cbi5wcmV2aWV3LWNhcmQge1xuICBib3gtc2hhZG93OiAwIDJweCAxNHB4IHJnYmEoMTAwLCAxMDAsIDEwMCwgMC4xKSwgMCAycHggMnB4IHJnYmEoMTAwLCAxMDAsIDEwMCwgMC4xKTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2U0ZTRlNDsgfVxuXG4ucHJldmlldy1jYXJkIHtcbiAgbWFyZ2luOiAwIDFlbSAyZW0gMWVtO1xuICBoZWlnaHQ6IDI1MHB4OyB9XG5cbi5wcmV2aWV3LWNhcmQ6bGFzdC1jaGlsZCB7XG4gIG1hcmdpbjogMCAwIDJlbSAxZW07IH1cblxuLnByZXZpZXctY2FyZDpmaXJzdC1jaGlsZCB7XG4gIG1hcmdpbjogMCAxZW0gMnJlbSAwOyB9XG5cbi5wcmV2aWV3LWNhcmRfX2NhcHRpb24ge1xuICBtYXJnaW46IDEwcHg7IH1cblxuLyo9PT09PT09PT09TGFuZGluZyBQYWdlIEhlcm8gSW1hZ2U9PT09PT09PT09PSovXG4uaGVybyB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7IH1cbiAgLmhlcm8gLmhlYWRlci10b3BfX2NvbnRhaW5lciB7XG4gICAgcGFkZGluZzogM3JlbSAwIDJyZW0gMDsgfVxuXG4uc2xpY2stYXJyb3cge1xuICB6LWluZGV4OiA5OTk7IH1cblxuLnNsaWNrLW5leHQge1xuICByaWdodDogMDsgfVxuXG4uc2xpY2stcHJldiB7XG4gIGxlZnQ6IDA7IH1cblxuLnBhZ2Utbm9kZS10eXBlLWpvdXJuYWwtYXJ0aWNsZSAubWFpbi1jb250ZW50X19zZWN0aW9uIHtcbiAgcGFkZGluZy10b3A6IDA7IH1cblxuLmFydGljbGUtdGl0bGUtYmFubmVyIHtcbiAgaGVpZ2h0OiA1MDBweDtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7IH1cblxuLmFydGljbGUtaW5mby0td3JhcHBlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIGxlZnQ6IDUwJTtcbiAgdHJhbnNmb3Jt