|
|
|
/*
|
|
|
|
* @file
|
|
|
|
* Overall specifications for Magazine+.
|
|
|
|
*/
|
|
|
|
body {
|
|
|
|
font-size: 15px;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 1.6;
|
|
|
|
color: #2d2d2d;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
text-rendering: optimizelegibility; }
|
|
|
|
|
|
|
|
/*Paragraphs and links*/
|
|
|
|
p {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0 0 15px 0; }
|
|
|
|
|
|
|
|
p.large {
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 1.45; }
|
|
|
|
|
|
|
|
p.highlighted {
|
|
|
|
background-color: #f4f4f4;
|
|
|
|
display: inline-block;
|
|
|
|
padding: 10px 40px;
|
|
|
|
margin-bottom: 45px;
|
|
|
|
border-radius: 50px;
|
|
|
|
font-size: 16px; }
|
|
|
|
|
|
|
|
.region--gray-background p.highlighted {
|
|
|
|
background-color: #ffffff; }
|
|
|
|
|
|
|
|
.region--light-typography p.highlighted {
|
|
|
|
background-color: rgba(255, 255, 255, 0.1); }
|
|
|
|
|
|
|
|
a {
|
|
|
|
-webkit-transition: all 0.2s ease-in-out;
|
|
|
|
-moz-transition: all 0.2s ease-in-out;
|
|
|
|
-ms-transition: all 0.2s ease-in-out;
|
|
|
|
-o-transition: all 0.2s ease-in-out;
|
|
|
|
transition: all 0.2s ease-in-out;
|
|
|
|
text-decoration: none; }
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
text-decoration: none; }
|
|
|
|
|
|
|
|
a:focus {
|
|
|
|
outline: none;
|
|
|
|
text-decoration: none; }
|
|
|
|
|
|
|
|
p a {
|
|
|
|
text-decoration: underline; }
|
|
|
|
|
|
|
|
p a:hover,
|
|
|
|
p a:focus {
|
|
|
|
text-decoration: none; }
|
|
|
|
|
|
|
|
.region--light-typography.region--dark-background a.is-active {
|
|
|
|
color: #ddd; }
|
|
|
|
|
|
|
|
a.link--bordered,
|
|
|
|
.link--bordered a {
|
|
|
|
border-bottom-width: 1px;
|
|
|
|
border-bottom-style: solid;
|
|
|
|
text-decoration: none;
|
|
|
|
display: inline-block; }
|
|
|
|
|
|
|
|
a.link--bordered:hover,
|
|
|
|
.link--bordered a:hover {
|
|
|
|
border-bottom-width: 1px;
|
|
|
|
border-bottom-style: solid;
|
|
|
|
text-decoration: none;
|
|
|
|
border-color: transparent; }
|
|
|
|
|
|
|
|
.region--light-typography a.link--bordered,
|
|
|
|
.region--light-typography .link--bordered a {
|
|
|
|
border-color: #ffffff;
|
|
|
|
text-decoration: none; }
|
|
|
|
|
|
|
|
.region--light-typography a.link--bordered:hover,
|
|
|
|
.region--light-typography .link--bordered a:hover {
|
|
|
|
border-color: transparent;
|
|
|
|
text-decoration: none; }
|
|
|
|
|
|
|
|
a.link--hover-style-2,
|
|
|
|
.link--hover-style-2 a {
|
|
|
|
-webkit-transition: all 0.3s;
|
|
|
|
-moz-transition: all 0.3s;
|
|
|
|
-ms-transition: all 0.3s;
|
|
|
|
-o-transition: all 0.3s;
|
|
|
|
transition: all 0.3s;
|
|
|
|
position: relative;
|
|
|
|
display: block; }
|
|
|
|
|
|
|
|
a.link--hover-style-2:before,
|
|
|
|
.link--hover-style-2 a:before {
|
|
|
|
position: absolute;
|
|
|
|
left: -15px;
|
|
|
|
top: 50%;
|
|
|
|
margin-top: -5px;
|
|
|
|
font-family: "FontAwesome";
|
|
|
|
font-size: 10px;
|
|
|
|
line-height: 1;
|
|
|
|
-webkit-transition: all 0.3s;
|
|
|
|
-moz-transition: all 0.3s;
|
|
|
|
-ms-transition: all 0.3s;
|
|
|
|
-o-transition: all 0.3s;
|
|
|
|
transition: all 0.3s;
|
|
|
|
-webkit-transition-delay: 0s;
|
|
|
|
/* Safari */
|
|
|
|
transition-delay: 0s;
|
|
|
|
opacity: 0;
|
|
|
|
filter: alpha(opacity=0);
|
|
|
|
content: "\f105"; }
|
|
|
|
|
|
|
|
a.link--hover-style-2:hover,
|
|
|
|
.link--hover-style-2 a:hover {
|
|
|
|
padding-left: 20px;
|
|
|
|
text-decoration: none; }
|
|
|
|
|
|
|
|
a.link--hover-style-2:hover:before,
|
|
|
|
.link--hover-style-2 a:hover:before {
|
|
|
|
left: 0;
|
|
|
|
opacity: 1;
|
|
|
|
filter: alpha(opacity=100);
|
|
|
|
-webkit-transition-delay: 0.1s;
|
|
|
|
/* Safari */
|
|
|
|
transition-delay: 0.1s; }
|
|
|
|
|
|
|
|
.region--light-typography.region--dark-background a.link--hover-style-2:before,
|
|
|
|
.region--light-typography.region--dark-background .link--hover-style-2 a:before {
|
|
|
|
color: #ffffff; }
|
|
|
|
|
|
|
|
.region--light-typography.region--dark-background .text--dark,
|
|
|
|
.region--light-typography.region--black-background .text--dark {
|
|
|
|
color: #ffffff; }
|
|
|
|
|
|
|
|
.region--light-typography.region--colored-background .text--colored,
|
|
|
|
.region--light-typography.region--black-background .text--colored {
|
|
|
|
color: #ffffff; }
|
|
|
|
|
|
|
|
.text--drop-cap:first-letter {
|
|
|
|
float: left;
|
|
|
|
font-size: 5em;
|
|
|
|
line-height: 0.8;
|
|
|
|
padding-top: 0px;
|
|
|
|
padding-right: 12px; }
|
|
|
|
|
|
|
|
/*Regions with light and dark typography*/
|
|
|
|
.region--light-typography {
|
|
|
|
color: #ffffff; }
|
|
|
|
|
|
|
|
.subfooter.region--light-typography.region--dark-background,
|
|
|
|
.subfooter.region--light-typography.region--black-background {
|
|
|
|
color: #9c9c9c; }
|
|
|
|
|
|
|
|
.region--light-typography a,
|
|
|
|
.region--light-typography a.link--dark,
|
|
|
|
.region--light-typography .link--dark a {
|
|
|
|
color: #ffffff;
|
|
|
|
text-decoration: underline; }
|
|
|
|
|
|
|
|
.region--light-typography a:hover,
|
|
|
|
.region--light-typography a:focus,
|
|
|
|
.region--light-typography a.link--dark:hover,
|
|
|
|
.region--light-typography a.link--dark:focus,
|
|
|
|
.region--light-typography .link--dark a:hover,
|
|
|
|
.region--light-typography .link--dark a:focus {
|
|
|
|
color: #ffffff;
|
|
|
|
text-decoration: none; }
|
|
|
|
|
|
|
|
/*Basic elements*/
|
|
|
|
img {
|
|
|
|
height: auto;
|
|
|
|
max-width: 100%; }
|
|
|
|
|
|
|
|
img.img--bordered,
|
|
|
|
.img--bordered img {
|
|
|
|
border-width: 1px;
|
|
|
|
border-style: solid;
|
|
|
|
border-color: #e7e7e7; }
|
|
|
|
|
|
|
|
.region--light-typography img.img--bordered,
|
|
|
|
.region--light-typography .img--bordered img {
|
|
|
|
border-color: rgba(255, 255, 255, 0.15); }
|
|
|
|
|
|
|
|
code,
|
|
|
|
pre {
|
|
|
|
word-wrap: break-word;
|
|
|
|
word-break: break-all;
|
|
|
|
white-space: pre;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
font-family: 'Source Code Pro', Consolas, Monaco, Courier; }
|
|
|
|
|
|
|
|
pre {
|
|
|
|
background: #f4f4f4;
|
|
|
|
border: none;
|
|
|
|
border-left: 5px solid #d3d1cd;
|
|
|
|
-webkit-border-radius: 0px;
|
|
|
|
-moz-border-radius: 0px;
|
|
|
|
border-radius: 0px;
|
|
|
|
color: #2d2d2d;
|
|
|
|
padding: 20px;
|
|
|
|
font-size: 14px;
|
|
|
|
max-height: 62px;
|
|
|
|
overflow: hidden;
|
|
|
|
margin: 40px 0 40px 45px; }
|
|
|
|
|
|
|
|
pre:hover {
|
|
|
|
max-height: 10000px;
|
|
|
|
-webkit-transition: all ease-in-out 2s;
|
|
|
|
-moz-transition: all ease-in-out 2s;
|
|
|
|
-o-transition: all ease-in-out 2s;
|
|
|
|
-ms-transition: all ease-in-out 2s;
|
|
|
|
transition: all ease-in-out 2s; }
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
padding: 10px 20px;
|
|
|
|
margin: 0 0 25px;
|
|
|
|
border-top: none;
|
|
|
|
border-left: 5px solid #eee;
|
|
|
|
position: relative;
|
|
|
|
font-style: italic; }
|
|
|
|
|
|
|
|
blockquote p {
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 1.65; }
|
|
|
|
|
|
|
|
.paragraph-responsive-typography-enabled blockquote p {
|
|
|
|
font-size: calc(1.5*(0.9em + 0.3vw)); }
|
|
|
|
|
|
|
|
p + blockquote {
|
|
|
|
margin-top: 30px; }
|
|
|
|
|
|
|
|
blockquote:before {
|
|
|
|
content: "";
|
|
|
|
width: 170px;
|
|
|
|
height: 5px;
|
|
|
|
background-color: #f4f4f4;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0; }
|
|
|
|
|
|
|
|
blockquote p:first-child:before {
|
|
|
|
content: "- "; }
|
|
|
|
|
|
|
|
blockquote footer {
|
|
|
|
font-style: normal;
|
|
|
|
color: #2d2d2d; }
|
|
|
|
|
|
|
|
.region--light-typography blockquote footer {
|
|
|
|
color: #ffffff; }
|
|
|
|
|
|
|
|
.region--gray-background blockquote:before {
|
|
|
|
background-color: #eaeaea; }
|
|
|
|
|
|
|
|
.region--colored-background blockquote:before,
|
|
|
|
.region--black-background blockquote:before,
|
|
|
|
.region--dark-background blockquote:before {
|
|
|
|
background-color: #ffffff; }
|
|
|
|
|
|
|
|
hr {
|
|
|
|
border-top: 1px solid #f4f4f4;
|
|
|
|
margin-bottom: 40px;
|
|
|
|
margin-top: 40px; }
|
|
|
|
|
|
|
|
.region--gray-background hr {
|
|
|
|
border-color: #e7e7e7; }
|
|
|
|
|
|
|
|
.region--light-typography hr {
|
|
|
|
border-color: #ffffff; }
|
|
|
|
|
|
|
|
/*Headings*/
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6 {
|
|
|
|
line-height: 1.20;
|
|
|
|
padding: 0;
|
|
|
|
margin: 20px 0 15px 0;
|
|
|
|
font-weight: 400; }
|
|
|
|
|
|
|
|
.headings-wide-spacing-enabled h1,
|
|
|
|
.headings-wide-spacing-enabled h2,
|
|
|
|
.headings-wide-spacing-enabled h3,
|
|
|
|
.headings-wide-spacing-enabled h4,
|
|
|
|
.headings-wide-spacing-enabled h5,
|
|
|
|
.headings-wide-spacing-enabled h6 {
|
|
|
|
letter-spacing: 0.2em;
|
|
|
|
text-transform: uppercase; }
|
|
|
|
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
|
|
margin: 2.75rem 0 1rem;
|
|
|
|
font-family: 'Libre Baskerville', serif;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 1.15; }
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
margin-top: 0;
|
|
|
|
font-size: 2.441em; }
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-size: 1.953em; }
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
font-size: 1.563em; }
|
|
|
|
|
|
|
|
h4 {
|
|
|
|
font-size: 1.25em; }
|
|
|
|
|
|
|
|
h1.title {
|
|
|
|
margin-top: 0; }
|
|
|
|
|
|
|
|
h1.page-title {
|
|
|
|
margin-bottom: 20px; }
|
|
|
|
|
|
|
|
/*resposinve text align*/
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.lg-text-center {
|
|
|
|
text-align: center; } }
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.md-text-center {
|
|
|
|
text-align: center; } }
|
|
|
|
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.sm-text-center {
|
|
|
|
text-align: center; } }
|
|
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.xs-text-center {
|
|
|
|
text-align: center; } }
|
|
|
|
|
|
|
|
/*Block title*/
|
|
|
|
.block-title {
|
|
|
|
margin-bottom: 30px;
|
|
|
|
margin-top: 0;
|
|
|
|
line-height: 1.2;
|
|
|
|
font-size: 30px; }
|
|
|
|
|
|
|
|
.block-title--large {
|
|
|
|
font-size: 40px;
|
|
|
|
margin-bottom: 15px; }
|
|
|
|
|
|
|
|
.block-title--extra-large {
|
|
|
|
font-size: 50px;
|
|
|
|
margin-bottom: 15px; }
|
|
|
|
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
.block-title--large {
|
|
|
|
font-size: 30px; }
|
|
|
|
.block-title--extra-large {
|
|
|
|
font-size: 35px; } }
|
|
|
|
|
|
|
|
.headings-wide-spacing-enabled .block-title--large {
|
|
|
|
letter-spacing: 0.55em;
|
|
|
|
text-transform: uppercase; }
|
|
|
|
|
|
|
|
h2.block-title {
|
|
|
|
padding-bottom: 15px;
|
|
|
|
margin: 0 0 20px 0;
|
|
|
|
border-bottom-width: 2px;
|
|
|
|
border-bottom-style: solid;
|
|
|
|
border-bottom-color: #eeeeee;
|
|
|
|
line-height: 1.2;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-weight: 400; }
|
|
|
|
|
|
|
|
.region--light-typography h2.block-title {
|
|
|
|
border-bottom-color: rgba(255, 255, 255, 0.1); }
|
|
|
|
|
|
|
|
h2.title,
|
|
|
|
nav > h2,
|
|
|
|
.block-search > h2 {
|
|
|
|
font-size: 30px;
|
|
|
|
padding-top: 15px;
|
|
|
|
margin: 0 0 40px 0;
|
|
|
|
border-width: 2px 0 0 0;
|
|
|
|
border-top-style: solid;
|
|
|
|
border-color: #eeeeee;
|
|
|
|
font-weight: 400;
|
|
|
|
text-align: center; }
|
|
|
|
|
|
|
|
.sidebar__section h2.title,
|
|
|
|
.sidebar__section nav > h2,
|
|
|
|
.sidebar__section .block-search > h2,
|
|
|
|
.slideout__section h2.title,
|
|
|
|
.slideout__section nav > h2,
|
|
|
|
.slideout__section .block-search > h2,
|
|
|
|
.footer__section h2.title,
|
|
|
|
.footer__section nav > h2,
|
|
|
|
.footer__section .block-search > h2,
|
|
|
|
.footer-bottom__section h2.title,
|
|
|
|
.footer-bottom__section nav > h2,
|
|
|
|
.footer-bottom__section .block-search > h2,
|
|
|
|
.subfooter__section h2.title,
|
|
|
|
.subfooter__section nav > h2,
|
|
|
|
.subfooter__section .block-search > h2 {
|
|
|
|
font-size: 18px;
|
|
|
|
padding-top: 8px;
|
|
|
|
padding-bottom: 25px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
border-width: 0 0 2px 0;
|
|
|
|
border-bottom-style: solid;
|
|
|
|
border-color: #eeeeee;
|
|
|
|
text-transform: uppercase;
|
|
|
|
text-align: left; }
|
|
|
|
|
|
|
|
.region--light-typography h2.title,
|
|
|
|
.region--light-typography nav > h2,
|
|
|
|
.region--light-typography .block-search > h2 {
|
|
|
|
border-color: rgba(255, 255, 255, 0.1); }
|
|
|
|
|
|
|
|
/*footer regions*/
|
|
|
|
@media (max-width: 991px) {
|
|
|
|
.footer__section h2.title,
|
|
|
|
.footer__section nav > h2,
|
|
|
|
.footer__section .block-search > h2,
|
|
|
|
.footer-bottom__section h2.title,
|
|
|
|
.footer-bottom__section nav > h2,
|
|
|
|
.footer-bottom__section .block-search > h2,
|
|
|
|
.subfooter__section h2.title,
|
|
|
|
.subfooter__section nav > h2,
|
|
|
|
.subfooter__section .block-search > h2 {
|
|
|
|
margin-bottom: 20px; } }
|
|
|
|
|
|
|
|
/* Content region overrides */
|
|
|
|
.region-content h2.title,
|
|
|
|
.region-content nav > h2,
|
|
|
|
.region-content .block-search > h2 {
|
|
|
|
margin: 20px 0; }
|
|
|
|
|
|
|
|
/*spacing*/
|
|
|
|
.bottom-spacing-small {
|
|
|
|
padding-bottom: 25px; }
|
|
|
|
|
|
|
|
.bottom-spacing-medium {
|
|
|
|
padding-bottom: 50px; }
|
|
|
|
|
|
|
|
.bottom-spacing-large {
|
|
|
|
padding-bottom: 90px; }
|
|
|
|
|
|
|
|
.masonry-layout .masonry-item {
|
|
|
|
width: 100%;
|
|
|
|
background-color: #f6f6f2;
|
|
|
|
border: 0;
|
|
|
|
margin: 0.5%;
|
|
|
|
padding: 0; }
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
.masonry-layout .masonry-item {
|
|
|
|
width: 30.5%; } }
|
|
|
|
|
|
|
|
.page-node-type-landing-page .main-content {
|
|
|
|
background-color: #f8f9fa; }
|
|
|
|
|
|
|
|
.teaser-card {
|
|
|
|
border-radius: 6px; }
|
|
|
|
|
|
|
|
.teaser-card__icon {
|
|
|
|
border-radius: 0 6px 0 0; }
|
|
|
|
|
|
|
|
.teaser-card img {
|
|
|
|
border-radius: 6px 6px 0 0; }
|
|
|
|
|
|
|
|
.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;
|
|
|
|
background: #C23F5C; }
|
|
|
|
|
|
|
|
.teaser-card.red .teaser-card__category,
|
|
|
|
.teaser-card.red .teaser-card__icon {
|
|
|
|
background: #d22b2e;
|
|
|
|
background: #837F44; }
|
|
|
|
|
|
|
|
.teaser-card.blue .teaser-card__category,
|
|
|
|
.teaser-card.blue .teaser-card__icon {
|
|
|
|
background: #1377ba;
|
|
|
|
background: #763241; }
|
|
|
|
|
|
|
|
.teaser-card.teal .teaser-card__category,
|
|
|
|
.teaser-card.teal .teaser-card__icon {
|
|
|
|
background: #37868e;
|
|
|
|
background: #163743; }
|
|
|
|
|
|
|
|
.teaser-card.purple .teaser-card__category,
|
|
|
|
.teaser-card.purple .teaser-card__icon {
|
|
|
|
background: #7201a1;
|
|
|
|
background: #49A2C2; }
|
|
|
|
|
|
|
|
.teaser-card.aqua .teaser-card__category,
|
|
|
|
.teaser-card.aqua .teaser-card__icon {
|
|
|
|
background: #1fe5aa;
|
|
|
|
background: #32763D; }
|
|
|
|
|
|
|
|
.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: 5px 10px;
|
|
|
|
color: #fff;
|
|
|
|
font-size: 2rem; }
|
|
|
|
|
|
|
|
.teaser-card img {
|
|
|
|
width: 100%; }
|
|
|
|
|
|
|
|
/*====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 {
|
|
|
|
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; }
|
|
|
|
|
|
|
|
.field--name-field-media-video-embed-field iframe {
|
|
|
|
max-width: 100%; }
|
|
|
|
|
|
|
|
.align-right {
|
|
|
|
margin: 1em 0 1em 1em; }
|
|
|
|
|
|
|
|
.align-left {
|
|
|
|
margin: 1em 16px 1em 0; }
|
|
|
|
|
|
|
|
figure.align-left {
|
|
|
|
margin: 1em 16px 1em 0; }
|
|
|
|
|
|
|
|
.align-center img {
|
|
|
|
display: block;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto; }
|
|
|
|
|
|
|
|
.node__main-content .field__label {
|
|
|
|
font-size: 16px;
|
|
|
|
text-transform: none;
|
|
|
|
font-weight: bold; }
|
|
|
|
|
|
|
|
.node__main-content .field__item {
|
|
|
|
font-size: 16px; }
|
|
|
|
|
|
|
|
.footnote-list .container.item-list, .footnote-list .item-list.block-cite-this-block {
|
|
|
|
width: inherit; }
|
|
|
|
|
|
|
|
.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 {
|
|
|
|
padding: 0;
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
left: 50%;
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
color: #fff; }
|
|
|
|
|
|
|
|
.field--name-field-journal-article-abstract .field__label {
|
|
|
|
font-size: 2rem; }
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
font-style: normal; }
|
|
|
|
|
|
|
|
.node--type-journal-article .field--name-body figure.align-right {
|
|
|
|
margin: 1em 0 1em 1em; }
|
|
|
|
|
|
|
|
.node--type-journal-article .field--name-body figure.align-left {
|
|
|
|
margin: 1em 1em 1em 0; }
|
|
|
|
|
|
|
|
.node--type-journal-article .field--name-body figure .align-center img {
|
|
|
|
display: block;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto; }
|
|
|
|
|
|
|
|
.node--type-journal-article .field--name-body figure img {
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
padding: 4px;
|
|
|
|
margin-right: 1rem;
|
|
|
|
margin-top: 1rem; }
|
|
|
|
|
|
|
|
.node--type-journal-article .see-footnote {
|
|
|
|
border: 1px solid #5d5d5d;
|
|
|
|
background: #5d5d5d;
|
|
|
|
color: #fff;
|
|
|
|
border-radius: 4px;
|
|
|
|
text-decoration: none;
|
|
|
|
padding: 1px 3px;
|
|
|
|
font-size: 1.1rem; }
|
|
|
|
|
|
|
|
.footnotes .footnote-multi {
|
|
|
|
float: none;
|
|
|
|
vertical-align: none;
|
|
|
|
position: initial;
|
|
|
|
top: initial;
|
|
|
|
font-size: initial; }
|
|
|
|
|
|
|
|
.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 .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 {
|
|
|
|
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 {
|
|
|
|
font-size: 18px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
font-family: sans-serif; }
|
|
|
|
|
|
|
|
.article-header--metadata .article--type {
|
|
|
|
font-size: 18px;
|
|
|
|
text-transform: uppercase; }
|
|
|
|
|
|
|
|
.article-header--metadata .article--type a {
|
|
|
|
color: #fff; }
|
|
|
|
|
|
|
|
.article-header--metadata .article--date-published {
|
|
|
|
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'; } }
|
|
|
|
|
|
|
|
.footnote-list .footnotes a:after {
|
|
|
|
content: '.' !important; }
|
|
|
|
|
|
|
|
.footnote-list .footnotes {
|
|
|
|
font-size: 16px; }
|
|
|
|
|
|
|
|
.footnote-list .footnotes a {
|
|
|
|
/*font-weight: bold;*/ }
|
|
|
|
|
|
|
|
.footnote-list .footnotes a:after {
|
|
|
|
content: '.'; }
|
|
|
|
|
|
|
|
.footnote-list .item-list ul li span {
|
|
|
|
font-size: 15px;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
padding-left: 5px;
|
|
|
|
margin-bottom: 1rem; }
|
|
|
|
|
|
|
|
.field--entity-reference-target-type-taxonomy-term .field__label {
|
|
|
|
border-bottom: 0px;
|
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
|
|
|
float: left; }
|
|
|
|
|
|
|
|
.field--entity-reference-target-type-taxonomy-term .field__label:after {
|
|
|
|
content: ':';
|
|
|
|
margin-right: 16px; }
|
|
|
|
|
|
|
|
.field--name-field-cc-license h3 {
|
|
|
|
font-size: 16px;
|
|
|
|
font-weight: bold;
|
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
|
|
|
float: left; }
|
|
|
|
|
|
|
|
.field--name-field-cc-license h3:after {
|
|
|
|
content: ':';
|
|
|
|
margin-right: 16px; }
|
|
|
|
|
|
|
|
.field--name-field-cc-license p {
|
|
|
|
display: inline; }
|
|
|
|
|
|
|
|
.field--name-field-article-subjects {
|
|
|
|
border-bottom: 0px; }
|
|
|
|
|
|
|
|
.field--entity-reference-target-type-taxonomy-term,
|
|
|
|
.field--entity-reference-target-type-taxonomy-term.field__item {
|
|
|
|
margin: 0 0; }
|
|
|
|
|
|
|
|
h3.field-group-format-toggler.accordion-item a {
|
|
|
|
color: #2e2e2e;
|
|
|
|
border-bottom: 1px solid #2e2e2e;
|
|
|
|
display: block;
|
|
|
|
/*@extend h2;*/
|
|
|
|
font-size: 30px; }
|
|
|
|
|
|
|
|
.back-to-top {
|
|
|
|
display: none; }
|
|
|
|
|
|
|
|
.footnote-list > div {
|
|
|
|
padding: 0; }
|
|
|
|
|
|
|
|
.bibcite-reference {
|
|
|
|
font-size: 15px;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
padding-left: 5px;
|
|
|
|
margin-bottom: 1rem; }
|
|
|
|
|
|
|
|
.field--name-field-bibcite-fn-works-cited .field__label {
|
|
|
|
border-bottom: 1px solid #333;
|
|
|
|
font-size: 30px;
|
|
|
|
font-weight: normal;
|
|
|
|
margin-top: 1rem; }
|
|
|
|
|
|
|
|
.footnote-list:before {
|
|
|
|
content: 'Notes';
|
|
|
|
font-size: 30px;
|
|
|
|
font-family: "Libre Baskerville", Georgia, Times New Roman, Serif; }
|
|
|
|
|
|
|
|
/* 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: 0 !important;
|
|
|
|
margin-bottom: 0 !important; }
|
|
|
|
|
|
|
|
.node .toc-tree {
|
|
|
|
border: none;
|
|
|
|
padding: 0; }
|
|
|
|
|
|
|
|
@media (min-width: 992px) {
|
|
|
|
div#toc-sections {
|
|
|
|
display: block; } }
|
|
|
|
|
|
|
|
.toc-block--wide {
|
|
|
|
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 {
|
|
|
|
text-align: left;
|
|
|
|
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 a {
|
|
|
|
display: block;
|
|
|
|
padding-left: 1rem;
|
|
|
|
font-family: "Lato", Helvetica Neue, Arial, Sans-serif;
|
|
|
|
font-weight: normal;
|
|
|
|
font-size: 16px;
|
|
|
|
border-bottom: 1px dotted #ccc;
|
|
|
|
margin-bottom: 0.5rem;
|
|
|
|
padding-bottom: 0.5rem; }
|
|
|
|
|
|
|
|
.toc-block--wide .toc--list a strong {
|
|
|
|
font-weight: normal; }
|
|
|
|
|
|
|
|
.toc-block--wide .toc--list a:hover {
|
|
|
|
background: #ccc; }
|
|
|
|
|
|
|
|
.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; }
|
|
|
|
|
|
|
|
.field--name-field-journal-article-keywords {
|
|
|
|
margin: 1em; }
|
|
|
|
|
|
|
|
.field--name-field-journal-article-keywords .field__item a {
|
|
|
|
color: #fff;
|
|
|
|
background: #5d5d5d;
|
|
|
|
padding: 2px 4px;
|
|
|
|
border-radius: 5px; }
|
|
|
|
|
|
|
|
.header-top {
|
|
|
|
border-bottom: 1px solid #d4d3d3; }
|
|
|
|
|
|
|
|
.block-cite-this-block {
|
|
|
|
padding-right: 15px;
|
|
|
|
padding-left: 15px;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
|
|
|
width: 1170px; }
|
|
|
|
|
|
|
|
.block-cite-this-block .title {
|
|
|
|
text-align: left;
|
|
|
|
border-bottom: 1px solid #333;
|
|
|
|
border-top: none !important; }
|
|
|
|
|
|
|
|
.field--name-field-bibcite-fn-works-cited {
|
|
|
|
text-indent: -28px;
|
|
|
|
padding-left: 28px; }
|
|
|
|
|
|
|
|
.citeproc-container-title {
|
|
|
|
font-style: italic; }
|
|
|
|
|
|
|
|
.citeproc-title {
|
|
|
|
font-style: italic; }
|
|
|
|
|
|
|
|
.citeproc-title.no-italics {
|
|
|
|
font-style: normal; }
|
|
|
|
|
|
|
|
.bibcite-citation {
|
|
|
|
display: inline; }
|
|
|
|
|
|
|
|
span.endnote-text {
|
|
|
|
float: left; }
|
|
|
|
|
|
|
|
.article_attachment a {
|
|
|
|
line-height: calc(155% + 0.2vw);
|
|
|
|
font-size: calc(0.9em + 0.3vw);
|
|
|
|
text-decoration: underline; }
|
|
|
|
|
|
|
|
.article_attachment .file {
|
|
|
|
background-image: none;
|
|
|
|
padding-left: 0px; }
|
|
|
|
|
|
|
|
.article_attachment .file:before {
|
|
|
|
display: inline-block;
|
|
|
|
font: normal normal normal 18px/1 FontAwesome;
|
|
|
|
font-size: 1.8em;
|
|
|
|
margin-right: 5px;
|
|
|
|
text-rendering: auto;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
content: '\f15b'; }
|
|
|
|
|
|
|
|
.article_attachment .file--video:before {
|
|
|
|
content: '\f1c8'; }
|
|
|
|
|
|
|
|
.article_attachment .file--audio:before {
|
|
|
|
content: '\f1c7'; }
|
|
|
|
|
|
|
|
.article_attachment .file--application-pdf:before {
|
|
|
|
content: '\f1c1'; }
|
|
|
|
|
|
|
|
/*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=style.css.map */
|