/* * @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.2; 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: 2em; } @media (min-width: 768px) { h1 { 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; } .teaser-card ul { list-style: none; } /*==========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; } @media (min-width: 0px) and (max-width: 767px) { h1.article--title { text-align: center; line-height: 1.2; font-size: 1.8em; } } .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 { text-align: center; } @media (min-width: 768px) { .article-header--metadata { text-align: left; 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) { .page-node-type-journal-article .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; } .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 */