/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ @import url(http://fonts.googleapis.com/css?family=Coda); @import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700); @import url(http://fonts.googleapis.com/css?family=Fjalla+One); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } body { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-smoothing: antialiased; text-rendering: optimizeLegibility; background: #f8f8f8; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #505050; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } p a { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; } table { border-collapse: collapse; border-spacing: 0; } select { display: inline-block; height: 20px; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid white; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; margin-left: 0px; } @font-face { font-family: 'typicons'; src: url("../fonts/typicons.eot"); src: url("../fonts/typicons.eot?#iefix") format("embedded-opentype"), url("../fonts/typicons.woff") format("woff"), url("../fonts/typicons.ttf") format("truetype"), url("../fonts/typicons.svg#typicons") format("svg"); font-weight: normal; font-style: normal; } /* -- Clearfix (For Collapsing Elements) -- */ .clearfix:after { content: ""; display: table; clear: both; } .hide { display: none !important; } .wrapper-default * { box-sizing: border-box; } .wrapper-default { margin-top: 110px; min-height: 1000px; } @media screen and (min-width: 960px) { .wrapper-default { margin-top: 210px; } } .wrapper-default h2 { text-align: center; font-size: 20px; margin: 20px auto; } @media screen and (min-width: 960px) { .wrapper-default h2 { font-size: 32px; line-height: 42px; } } h1, h2, h3, h4, h5, h6 { font-family: 'Fjalla One', sans-serif; } i { font-style: italic !important; } input[type='text'], input[type='email'], input[type='password'] { text-decoration: none; outline: none; border: none; border-radius: 2px; height: 22px; padding: 0px 2px; } input[type='submit'] { border: none; border-radius: 2px; outline: none; height: 22px; cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 2px; } img { width: 100%; } dl { background: #f4f4f4; padding: 5px; } dl dt { float: left; clear: left; margin: 0 0 10px 0px; min-width: 10%; font-weight: 700; } dl dd { display: block; margin-bottom: 10px; } button { text-decoration: none; outline: none; border: none; cursor: pointer; font-family: 'Coda'; } .generic-button { color: white; background: #247CB3; border-radius: 2px; } .link { text-decoration: none; color: #247CB3; display: inline-block; font-family: "Coda", sans-serif; font-size: 14px; } .link:hover { text-decoration: underline; } header.sticky { height: 40px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (min-width: 960px) { header.sticky { height: 50px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } } header { position: fixed; z-index: 900; top: 0; width: 100%; height: 40px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: #247CB3; } @media screen and (min-width: 960px) { header { height: 100px; } } header .header-wrapper { min-width: 978px; max-width: 1280px; margin: 0 auto; height: 0px; } header .header-wrapper h1.sticky-h1 { background: url(../images/logo-tagline-3.png) no-repeat; font-size: 0px; height: 31px; margin-top: 10px; width: 350px; float: left; background-size: 40%; background-position: 0px -37px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-left: 5px; margin-top: 7px; } @media screen and (min-width: 960px) { header .header-wrapper h1.sticky-h1 { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 7px; background-position: 0px -57px; background-size: 60%; height: 36px; margin-left: 13px; } } header .header-wrapper h1 { background: url(../images/logo-tagline-3.png) no-repeat; font-size: 0px; height: 31px; margin-top: 10px; width: 350px; float: left; background-size: 40%; background-position: 0px -37px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-left: 5px; margin-top: 7px; } @media screen and (min-width: 960px) { header .header-wrapper h1 { background: url(../images/logo-tagline-3.png) no-repeat; font-size: 0px; height: 85px; margin-top: 10px; width: 350px; float: left; background-size: 90%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-left: 13px; } } header .header-wrapper nav.sticky-nav { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 0px; } header .header-wrapper nav { float: right; min-width: 578px; max-width: 1080px; height: 50px; margin-top: 25px; position: relative; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile-closed { right: -100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: rgba(0, 0, 0, 0.3); } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-mobile-closed { display: none; } } header .header-wrapper nav .nav-mobile-open { right: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; background: rgba(0, 0, 0, 0.8); } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-mobile-open { display: none; } } header .header-wrapper nav .nav-mobile { position: fixed; overflow: auto; width: 100%; height: 100%; top: 40px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: block; z-index: 999; } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-mobile { display: none; } } header .header-wrapper nav .nav-mobile ul { margin-top: 0px; } header .header-wrapper nav .nav-mobile ul .other-journals-li-open { max-height: 2000px; -webkit-transition: all 1.4s ease; transition: all 1.4s ease; border: none; } header .header-wrapper nav .nav-mobile ul .other-journals-li-closed { max-height: 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border: none; } header .header-wrapper nav .nav-mobile ul .browse-journal-li-open { max-height: 2000px; -webkit-transition: all 1.4s ease; transition: all 1.4s ease; border: none; } header .header-wrapper nav .nav-mobile ul .browse-journal-li-closed { max-height: 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border: none; } header .header-wrapper nav .nav-mobile ul .browse-journal-li li { background: #247CB3; } header .header-wrapper nav .nav-mobile ul .browse-year-closed { max-height: 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; padding: 0px 0px !important; border-top: none; } header .header-wrapper nav .nav-mobile ul .browse-year { background: #0E517B !important; } header .header-wrapper nav .nav-mobile ul .browse-year label { font-size: 0px; } header .header-wrapper nav .nav-mobile ul .browse-year label select { display: block; margin: -30px auto 6px auto; width: 50%; height: 30px; } header .header-wrapper nav .nav-mobile ul .browse-year-open { max-height: 200px; -webkit-transition: all 0.4s ease !important; transition: all 0.4s ease !important; } header .header-wrapper nav .nav-mobile ul .browse-year-open form { background: #0E517B; position: relative; } header .header-wrapper nav .nav-mobile ul li { max-height: 32px; line-height: 32px; background: #0E517B; border-top: 1px solid white; border-bottom: 1px solid #888888; text-indent: 5px; color: white; font-family: "Coda", sans-serif; font-size: 16px; cursor: pointer; overflow: hidden; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile ul li span { float: right; margin-right: 15px; font-size: 20px; } header .header-wrapper nav .nav-mobile ul li a { color: white; text-decoration: none; display: block; } header .header-wrapper nav .nav-mobile .sub-ul li { font-size: 14px; padding: 2px 0px; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-bottom: none; background: #0E517B; box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.2); } header .header-wrapper nav .nav-mobile .sub-ul .jmir-li-open { background: #247CB3; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .mhealth-li-open { background: #65AD8C; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .research-protocols-li-open { background: #837a7a; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .serious-games-li-open { background: #4A5A67; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .medical-informatics-li-open { background: #82ABB9; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .ijmr-li-open { background: #22B2C1; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .med2-li-open { background: #6CB3B1; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .human-factors-li-open { background: #008C9E; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .mental-health-li-open { background: #45936C; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .rehab-li-open { background: #15638E; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .publichealth-li-open { background: #01538A; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .cancer-li-open { background: #584677; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .mededu-li-open { background: #6678A6; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .bioinform-li-open { background: #474760; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .preprints-li-open { background: #666666; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .iproc-li-open { background: #6F7D80; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul .challenges-li-open { background: #686466; text-indent: 10px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-mobile .sub-ul a { text-decoration: none; color: white; display: block; } header .header-wrapper nav .icon-search { background: url("../images/icon-search.png") no-repeat; background-size: 70%; background-position: center; position: absolute; top: 10px; z-index: 999; left: 86%; display: block; width: 30px; height: 30px; } @media screen and (min-width: 960px) { header .header-wrapper nav .icon-search { position: absolute; left: 85%; top: 8px; z-index: 999; } } header .header-wrapper nav .icon-arrow { background: url("../images/icon-arrow.png") no-repeat; background-size: 100%; background-position: center; top: 4px; display: block; z-index: 999; cursor: pointer; width: 15px; height: 15px; } header .header-wrapper nav .btn-show-advanced-search { position: absolute; background: none; color: white; left: 1.8%; width: auto; top: 10px; width: 32px; height: 32px; font-size: 0px; } @media screen and (min-width: 460px) { header .header-wrapper nav .btn-show-advanced-search { left: 2%; } } @media screen and (min-width: 600px) { header .header-wrapper nav .btn-show-advanced-search { left: 2%; } } @media screen and (min-width: 700px) { header .header-wrapper nav .btn-show-advanced-search { left: 2.2%; } } @media screen and (min-width: 800px) { header .header-wrapper nav .btn-show-advanced-search { left: 2.4%; } } @media screen and (min-width: 900px) { header .header-wrapper nav .btn-show-advanced-search { left: 2.5%; } } @media screen and (min-width: 960px) { header .header-wrapper nav .btn-show-advanced-search { left: -1px; top: 10px; } } header .header-wrapper nav .nav-desktop { visibility: hidden; float: right; } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-desktop { display: block; visibility: visible; } } header .header-wrapper nav .nav-desktop .search-bar { visibility: hidden; margin-right: 0%; background: #247CB3; border-top: 1px solid white; width: 100%; position: fixed; top: 40px; left: 0px; } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-desktop .search-bar { visibility: visible; margin-right: 8px; width: auto; position: relative; top: 0px; background: none; border-top: none; } } header .header-wrapper nav .nav-desktop .search-bar .search-basic { position: relative; visibility: hidden; background: #247CB3; padding: 5px 0px; width: 100%; } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-desktop .search-bar .search-basic { visibility: visible; position: relative; } } header .header-wrapper nav .nav-desktop .search-bar .search-basic span { position: absolute; top: 15px; left: 4%; color: #c8c8c8; font-size: 17px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); -webkit-filter: FlipH; filter: FlipH; -ms-filter: "FlipH"; visibility: hidden; } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-desktop .search-bar .search-basic span { visibility: visible; position: absolute; top: 14px; left: 40px; color: #c8c8c8; font-size: 17px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); -webkit-filter: FlipH; filter: FlipH; -ms-filter: "FlipH"; } } header .header-wrapper nav .nav-desktop .search-bar .search-basic .search-arrow-sticky { left: 219px; top: 13px; color: white; background: #247CB3; border-radius: 1px; text-align: center; padding-top: 3px; height: 23px; font-size: 18px; width: 26px; cursor: pointer; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; visibility: visible; } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-desktop .search-bar .search-basic .search-arrow-sticky { visibility: visible; left: 261px; top: 9px; color: white; background: #247CB3; border-radius: 1px; text-align: center; padding-top: 3px; height: 27px; font-size: 18px; width: 37px; cursor: pointer; line-height: 25px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } } header .header-wrapper nav .nav-desktop .search-bar .search-basic .search-arrow { left: 86.1%; top: 6px; color: #247CB3; background: none; border-radius: 1px; text-align: center; padding-top: 3px; height: 35px; font-size: 18px; width: 37px; cursor: pointer; line-height: 30px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; visibility: hidden; } @media screen and (min-width: 460px) { header .header-wrapper nav .nav-desktop .search-bar .search-basic .search-arrow { left: 89.5%; } } @media screen and (min-width: 600px) { header .header-wrapper nav .nav-desktop .search-bar .search-basic .search-arrow { left: 91.4%; } } @media screen and (min-width: 700px) { header .header-wrapper nav .nav-desktop .search-bar .search-basic .search-arrow { left: 92.2%; } } @media screen and (min-width: 768px) { header .header-wrapper nav .nav-desktop .search-bar .search-basic .search-arrow { left: 92.6%; } } @media screen and (min-width: 900px) { header .header-wrapper nav .nav-desktop .search-bar .search-basic .search-arrow { left: 93.2%; } } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-desktop .search-bar .search-basic .search-arrow { visibility: visible; left: 261px; top: 9px; color: white; background: #247CB3; border-radius: 1px; text-align: center; padding-top: 3px; height: 27px; font-size: 18px; width: 37px; cursor: pointer; line-height: 25px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } } header .header-wrapper nav .nav-desktop .search-bar label { font-size: 0px; } header .header-wrapper nav .nav-desktop .search-bar .basic-input { width: 94%; height: 40px; text-indent: 20px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: relative; margin-left: 3%; } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-desktop .search-bar .basic-input { width: 256px; height: 30px; left: 0px; margin-top: 3px; margin-left: 0px; margin-right: 0px; text-indent: 20px; border: 1px solid white; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; position: inherit; } } header .header-wrapper nav .nav-desktop .search-bar .sticky-input { width: 240px; height: 26px; margin-top: 12px; margin-left: 0px; text-indent: 21px; border: 1px solid white; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } header .header-wrapper nav .nav-desktop .btn-sign-up { height: 24px; margin-top: 11px; border-radius: 2px; } header .header-wrapper nav .nav-desktop .btn-sign-up a { line-height: 25px; background: #5CB85C; padding: 0px 5px; } header .header-wrapper nav .nav-desktop li { float: left; margin-right: 10px; } header .header-wrapper nav .nav-desktop li input[type='email'] { width: 135px; height: 26px; } header .header-wrapper nav .nav-desktop li a, header .header-wrapper nav .nav-desktop li label { font-family: 'Coda', sans-serif; font-size: 12px; color: #FFFFFF; line-height: 50px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.22); display: block; text-decoration: none; } header .header-wrapper nav .nav-desktop li a span, header .header-wrapper nav .nav-desktop li label span { font-size: 24px; } header .header-wrapper nav .nav-desktop li a { background: none; padding: 0px 0px; -webkit-transition: all .25s; transition: all .25s; } header .header-wrapper nav .nav-desktop li a:hover { background: #0E517B; color: white; -webkit-transition: all .25s; transition: all .25s; padding: 0px 10px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } header .header-wrapper nav .nav-desktop .for-authors-li { display: none; } @media screen and (min-width: 960px) { header .header-wrapper nav .nav-desktop .for-authors-li { display: block; } } header .header-wrapper nav .nav-desktop li:nth-child(8) { margin-right: 0px; } header #journal-nav { display: none; } @media screen and (min-width: 960px) { header #journal-nav { display: block; background: white; } } header .journal-specific-nav-wrapper-sticky { top: 50px !important; display: none; box-shadow: 0px 0px px 0px transparent; -webkit-transition: all .4s; transition: all .4s; } @media screen and (min-width: 960px) { header .journal-specific-nav-wrapper-sticky { display: block; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); } } header .journal-specific-nav-wrapper { display: none; width: 100%; position: fixed; top: 100px; left: 0px; background-color: none; z-index: 850; -webkit-transition: all .4s; transition: all .4s; } @media screen and (min-width: 960px) { header .journal-specific-nav-wrapper { display: block; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); background-color: white; } } header .journal-specific-nav-wrapper .inner-nav-container { width: 100%; max-width: 1280px; margin: 0 auto; bottom: 0; display: none; } @media screen and (min-width: 960px) { header .journal-specific-nav-wrapper .inner-nav-container { display: block; } } header .journal-specific-nav-wrapper .journal-title-h2 { font-family: 'Roboto'; font-size: 18px; color: #247CB3; line-height: 20px; float: left; font-weight: 700; } header .journal-specific-nav-wrapper .journal-title-h2 h2 { margin-top: 5px; text-indent: 5px; } header .journal-specific-nav-wrapper .journals-drop-down-container { min-width: 320px; } header .journal-specific-nav-wrapper .journal-specific-nav { float: right; height: 34px; } header .journal-specific-nav-wrapper .journal-specific-nav ul { float: left; } header .journal-specific-nav-wrapper .journal-specific-nav ul li { float: left; } header .journal-specific-nav-wrapper .journal-specific-nav .current-upcoming-ul li { height: 22px; margin: 6px 3px; } header .journal-specific-nav-wrapper .journal-specific-nav .current-upcoming-ul li a { display: block; color: #247CB3; height: 22px; line-height: 24px; font-size: 12px; font-family: "Coda", sans-serif; text-decoration: none; padding: 0px; } header .journal-specific-nav-wrapper .journal-specific-nav .current-upcoming-ul li a:hover { border-bottom: 1px solid #247CB3; } header .journal-specific-nav-wrapper .journal-specific-nav .browse-by-year-ul li { margin: 5px; } header .journal-specific-nav-wrapper .journal-specific-nav .browse-by-year-ul li label { font-size: 12px; font-family: "Roboto-Regular", sans-serif; color: #505050; } header .journal-specific-nav-wrapper .journal-specific-nav .browse-by-year-ul li select { display: inline-block; height: 30px; padding: 5px 12px; font-size: 12px; line-height: 30px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; margin-left: 0px; margin-top: -3px; } header .journal-specific-nav-wrapper .journal-specific-nav .browse-by-year-ul li a { display: block; color: #247CB3; height: 20px; line-height: 20px; font-size: 12px; font-family: "Roboto-Regular", sans-serif; padding: 0px; } header .journal-specific-nav-wrapper .journal-specific-nav .browse-by-issue-author-title-theme { margin-top: 2px; } header .journal-specific-nav-wrapper .journal-specific-nav .browse-by-issue-author-title-theme li { margin: 5px 3px; font-size: 12px; font-family: "Roboto-Regular", sans-serif; line-height: 20px; color: #505050; } header .journal-specific-nav-wrapper .journal-specific-nav .browse-by-issue-author-title-theme li a { display: block; color: #247CB3; height: 20px; line-height: 24px; font-size: 12px; font-family: "Coda", sans-serif; padding: 0px; text-decoration: none; } header .journal-specific-nav-wrapper .journal-specific-nav .browse-by-issue-author-title-theme li a:hover { border-bottom: 1px solid #247CB3; } header .journal-specific-nav-wrapper .journal-specific-nav .browse-by-issue-author-title-theme li:last-child { margin-right: 7px; } .journal-tagline-issn { position: relative; min-height: 30px; margin-top: 32px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .journal-tagline-issn .tagline-left { float: left; width: 77%; } .journal-tagline-issn .tagline-right { float: right; width: 19%; } .journal-tagline-issn .tagline-right img { margin-top: 10px; } @media screen and (min-width: 655px) { .journal-tagline-issn .tagline-right img { width: 70%; } } @media screen and (min-width: 700px) { .journal-tagline-issn .tagline-right img { width: 80%; float: right; } } @media screen and (min-width: 844px) { .journal-tagline-issn .tagline-right img { width: 60%; float: right; } } @media screen and (min-width: 960px) { .journal-tagline-issn .tagline-right img { margin-top: 15px; width: 40%; } } @media screen and (min-width: 960px) { .journal-tagline-issn { margin-top: 150px; position: relative; top: -20px; } } .journal-tagline-issn h2 { font-size: 20px; padding-top: 12px; line-height: 32px; width: 100%; } @media screen and (min-width: 490px) { .journal-tagline-issn h2 { padding-top: 20px; } } @media screen and (min-width: 600px) { .journal-tagline-issn h2 { padding-top: 30px; } } @media screen and (min-width: 655px) { .journal-tagline-issn h2 { padding-top: 20px; } } @media screen and (min-width: 700px) { .journal-tagline-issn h2 { font-size: 32px; padding-top: 25px; margin-top: 0px; } } @media screen and (min-width: 844px) { .journal-tagline-issn h2 { padding-top: 30px; } } @media screen and (min-width: 1250px) { .journal-tagline-issn h2 { padding-top: 40px; } } .journal-tagline-issn h3 { font-family: "Roboto-Light", sans-serif; float: left; display: block; width: 100%; font-size: 14px; color: #247CB3; line-height: 22px; padding: 0px; text-align: left; background: none; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); font-weight: 400; border-bottom: 1px solid #c8c8c8; } @media screen and (min-width: 700px) { .journal-tagline-issn h3 { font-size: 18px; color: #247CB3; line-height: 30px; padding: 0px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.5); font-weight: 400; border-bottom: none; } } .journal-tagline-issn h3 span { font-family: "Roboto", sans-serif; } .section-h2 { color: #247CB3; font-size: 18px; margin: 20px 0px 0px 0px; } @media screen and (min-width: 700px) { .section-h2 { font-size: 28px; margin: 40px 0px 40px 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } } .btn-journals-sticky, .btn-journals-close-sticky { display: none; } @media screen and (min-width: 960px) { .btn-journals-sticky, .btn-journals-close-sticky { display: block; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } } .btn-journals, .btn-journals-close { margin-top: 0px; margin-right: 0px !important; position: relative; background: #247CB3; height: 32px; font-size: 14px; padding-left: 15px; padding-right: 44px; line-height: 33px; color: white; font-family: 'Fjalla One', sans-serif; font-weight: 300; cursor: pointer; display: none; border-bottom: none; border-top: none; } @media screen and (min-width: 960px) { .btn-journals, .btn-journals-close { display: block; border-bottom: 1px solid white; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-top: 1px solid white; } } .btn-journals a, .btn-journals-close a { font-family: 'Fjalla One', sans-serif; text-decoration: none; color: white; } .btn-journals span, .btn-journals-close span { font-size: 20px; line-height: 28px; position: absolute; top: 0px; right: 0px; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); color: white; width: 35px; text-align: center; height: 32px; border-left: 1px solid white; } .btn-journals .journals-ul, .btn-journals-close .journals-ul { float: none; display: none; position: absolute; top: 33px; left: 0px; width: 100%; overflow: scroll; background: #247CB3; } .btn-journals .journals-ul li, .btn-journals-close .journals-ul li { display: none; float: none; margin: 0px 0px; padding: 0px; text-indent: 7px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } @media screen and (min-width: 960px) { .btn-journals .journals-ul li, .btn-journals-close .journals-ul li { display: block; border-bottom: 1px solid white; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } } .btn-journals .journals-ul li a, .btn-journals-close .journals-ul li a { font-family: 'Fjalla One', sans-serif; font-size: 14px; text-decoration: none; color: white; margin-left: 8px; display: block; } .btn-journals .journals-ul li:last-child, .btn-journals-close .journals-ul li:last-child { margin-bottom: 0px; } .btn-journals .journals-ul .jmir-li:hover, .btn-journals-close .journals-ul .jmir-li:hover { background: #247CB3; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .mhealth-li:hover, .btn-journals-close .journals-ul .mhealth-li:hover { background: #65AD8C; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .resprot-li:hover, .btn-journals-close .journals-ul .resprot-li:hover { background: #837a7a; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .games-li:hover, .btn-journals-close .journals-ul .games-li:hover { background: #4A5A67; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .medinform-li:hover, .btn-journals-close .journals-ul .medinform-li:hover { background: #82ABB9; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .ijmr-li:hover, .btn-journals-close .journals-ul .ijmr-li:hover { background: #22B2C1; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .med20-li:hover, .btn-journals-close .journals-ul .med20-li:hover { background: #6CB3B1; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .humanfactors-li:hover, .btn-journals-close .journals-ul .humanfactors-li:hover { background: #008C9E; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .mental-li:hover, .btn-journals-close .journals-ul .mental-li:hover { background: #45936C; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .rehab-li:hover, .btn-journals-close .journals-ul .rehab-li:hover { background: #15638E; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .publichealth-li:hover, .btn-journals-close .journals-ul .publichealth-li:hover { background: #01538A; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .cancer-li:hover, .btn-journals-close .journals-ul .cancer-li:hover { background: #584677; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .mededu-li:hover, .btn-journals-close .journals-ul .mededu-li:hover { background: #6678A6; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .bioinform-li:hover, .btn-journals-close .journals-ul .bioinform-li:hover { background: #474760; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .preprints-li:hover, .btn-journals-close .journals-ul .preprints-li:hover { background: #666666; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .iproc-li:hover, .btn-journals-close .journals-ul .iproc-li:hover { background: #6F7D80; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .btn-journals .journals-ul .challenges-li:hover, .btn-journals-close .journals-ul .challenges-li:hover { background: #686466; text-indent: 12px; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .sign-in { position: fixed; display: none; z-index: 666; /* center the element */ right: 0; left: 0; top: 41px; margin-right: auto; margin-left: auto; /* give it dimensions */ min-height: 10em; width: 33%; max-width: 600px; min-width: 320px; background: #247CB3; box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2); border-radius: 1px; } @media screen and (min-width: 960px) { .sign-in { top: 25%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } } .sign-in form { width: 88%; margin: 0 auto; position: relative; } .sign-in h4 { color: white; margin-top: 10px; padding-top: 15px; font-size: 18px; } .sign-in label { font-size: 0px; } .sign-in button { background: none; } .sign-in span { background: none; position: absolute; right: -5px; top: 5px; color: white; font-size: 28px; } .sign-in input[type='email'], .sign-in input[type='password'] { display: block; width: 100%; height: 36px; padding: 0px; text-indent: 5px; margin: 0px; margin: 10px 0px; } .sign-in input[type='submit'] { background: #5CB85C; color: white; box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2); float: right; magin: 0px; padding: 0px; height: 36px; width: 20%; font-size: 16px; } .sign-in a, .sign-in p { color: white; font-size: 12px; } .sign-in a { padding: 0px; text-decoration: none; border-bottom: 1px solid white; padding-bottom: 1px; margin-left: 5px; } .sign-in p { display: block; margin-bottom: 10px; } .signup-li.show, .signup-li-alt.show { display: block; } .signup-li { position: fixed; bottom: 0px; right: -222%; width: 100%; margin: 0px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: none; } @media screen and (min-width: 769px) { .signup-li { position: fixed; bottom: 15%; right: 0px; width: 35%; max-width: 320px; margin: 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } } .signup-li form { background: #5CB85C; padding: 20px 20px 10px 20px; border-top: #5CB85C; border-bottom: #5CB85C; border-left: #5CB85C; box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2); position: relative; } .signup-li form label { font-size: 0px !important; } .signup-li h4 { color: white; font-size: 18px; font-weight: 300; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .signup-li button { position: absolute; top: 6px; right: 5px; border-radius: 2px; background: none; color: white; font-size: 28px; } .signup-li label { font-size: 0px; } .signup-li input[type='email'] { width: 100%; height: 34px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding: 0px; display: block; text-indent: 5px; } .signup-li input[type='submit'] { height: 32px; background: #00b2fc; background: #247CB3; color: white; font-size: 14px; font-family: 'Roboto-Light', sans-serif; display: block; float: right; margin: 10px 0px; width: 33%; } .signup-li-alt { position: fixed; display: none; z-index: 666; /* center the element */ right: 0; left: 0; top: 25%; margin-right: auto; margin-left: auto; /* give it dimensions */ min-height: 10em; width: 33%; max-width: 600px; min-width: 300px; } .signup-li-alt form { background: #5CB85C; padding: 20px 20px 10px 20px; box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2); position: relative; } .signup-li-alt form label { font-size: 0px !important; } .signup-li-alt form h4 { color: white; font-size: 20px; font-weight: 300; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); padding-bottom: 20px; margin-top: -26px; } .signup-li-alt form button { position: absolute; top: 0px; right: 9px; border-radius: 2px; background: none; color: white; font-size: 32px; } .signup-li-alt form input[type='email'] { width: 100%; height: 34px; margin-right: 0px; margin-top: 0px; padding-left: 0px; padding: 0px; display: block; text-indent: 5px; } .signup-li-alt form input[type='submit'] { height: 32px; background: #00b2fc; background: #247CB3; color: white; font-size: 14px; font-family: 'Roboto-Light', sans-serif; display: block; float: right; margin: 10px 0px; width: 33%; } .journal-list { margin-left: 60px; } .journal-list label { display: block; margin-bottom: 5px; font-weight: 400; } @media screen and (max-width: 740px) { .journal-list { width: 90%; margin: auto; } } @media screen and (max-width: 740px) { .overflow--scroll { max-height: 200px; overflow: scroll; } } .mobile-note { display: none; } @media screen and (max-width: 740px) { .mobile-note { display: block; text-align: center; margin-bottom: 10px; } } .signup__error--text { color: white; font-size: 12px; font-weight: 400; border: 1px solid white; border-radius: 2px; margin-bottom: 5px; } .signup__error--text-is--hidden { display: none; } .signup__error--text-is--visible { display: block; } .add-journal-notification { margin-left: 0px !important; margin-right: 5px; } .signup-li-social { margin-left: 60px; } @media screen and (max-width: 740px) { .signup-li-social { margin-left: 5%; } } .popup__form-buttons { margin-right: 60px; text-align: right; } @media screen and (max-width: 740px) { .popup__form-buttons { margin-right: 5%; margin-top: 10px; } } .wrapper { width: 100%; width: 93.75%; max-width: 1280px; margin: -50px auto 50px auto; } .main-content { width: 100%; margin: 130px auto; position: relative; min-height: 2000px; } @media screen and (min-width: 960px) { .main-content { margin: 200px auto; } } .journal-description { padding: 20px 5%; margin: 20px auto; background: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } .journal-description p { font-size: 16px; line-height: 24px; } @media screen and (min-width: 960px) { .journal-description p { font-size: 18px; line-height: 26px; } } .hero-heading { font-family: "Coda", sans-serif; color: white; text-align: center; position: absolute; } .hero { width: 220px; height: 600px; background-position: center; background-size: 100%; overflow: auto; position: fixed; top: 110px; left: 0px; bottom: 0px; } .recent-additions { text-align: center; } .recent-additions ul li { text-align: left; margin: 10px 0px; position: relative; } .recent-additions ul li:first-child { margin-left: 0px; } .recent-additions ul li:last-child { margin-right: 0px; } .featured { height: 36px; line-height: 36px; background: #0E517B; color: white; text-align: center; box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1); } .addition { width: 220px; background: white; } .addition .peer-review-article-ul li:nth-child(odd) { background: #f1f1f1; } .addition .peer-review-article-ul li { box-shadow: 0px 0px 0px 0px transparent; padding: 5px; text-align: center; } .addition .peer-review-article-ul li h3 { font-family: "Coda", sans-serif !important; font-size: 12px; line-height: 15px; text-align: left; width: 96%; margin-left: 2%; } .addition .peer-review-article-ul li .btn-addition-peer-review-me { text-align: right; float: right; font-size: 10px; color: white; background: #247CB3; text-decoration: none !important; padding: 2px 4px; margin-right: -5px; margin-bottom: -5px; margin-top: 10px; } .addition-card-title { width: 94%; margin: 5px auto; font-family: "Coda", sans-serif; } .btn-addition-read-more { background: #247CB3; color: white; font-family: "Coda", sans-serif; font-size: 13px; text-decoration: none; padding: 2px 6px; float: right; -webkit-transition: all .25s; transition: all .25s; } .btn-addition-read-more span { font-size: 16px; margin-right: 4px; } .btn-addition-read-more:hover { background: #0E517B; -webkit-transition: all .25s; transition: all .25s; } .category-type-heading { background: #f1f1f1; font-family: "Coda", sans-serif; font-size: 12px; display: inline-block; float: left; } .category-type-heading a { text-decoration: none; color: #247CB3; display: block; padding: 0px 4px; -webkit-transition: all .25s; transition: all .25s; } .category-type-heading a:hover { color: white; background: #247CB3; -webkit-transition: all .25s; transition: all .25s; padding: 0px 7px; } .category-type-heading span { margin: 0px 3px; font-size: 14px; } .alignRight { text-align: right; display: inline-block; float: right; font-size: 10px; } .sister-journal-branding { background: #22B2C1; color: white; width: 100%; text-align: center; } .sister-journal-branding h3 { font: 14px; padding: 20px 0px 10px 0px; text-align: center; margin: 0 2% 0 2%; } .sister-journal-branding li { box-shadow: 0px 0px 0px 0px transparent !important; display: inline-block; margin: 0px 3% 20px 3% !important; } .sister-journal-branding li a { font-family: "Coda", sans-serif; font-size: 10px; color: white; text-decoration: none; padding: 5px; border-radius: 3px; border: 1px solid white; } .theme-branding { background: #247CB3; color: white; width: 100%; text-align: center; } .theme-branding h3 { font: 14px; padding: 20px 0px 10px 0px; text-align: center; margin: 0 2% 0 2%; } .theme-branding li { box-shadow: 0px 0px 0px 0px transparent !important; display: inline-block; margin: 0px 3% 20px 3% !important; } .theme-branding li a { font-family: "Coda", sans-serif; font-size: 10px; color: white; text-decoration: none; padding: 5px; border-radius: 3px; border: 1px solid white; } .theme-mini-card { margin: 0px 0px; border-bottom: 1px solid #f1f1f1; padding-top: 5px; } .theme-mini-card img { float: left; width: 20%; } .theme-mini-card h3 { float: right; width: 80%; font-size: 12px; line-height: 15px; } .theme-mini-card a { color: #247CB3; background: none; } .open-peer-review-branding { background: white; color: #505050; width: 100%; } .open-peer-review-branding h3 { font: 14px; padding: 20px 0px; text-align: center; margin: 0 2% 0 2%; } .journal-mini-card { margin: 0px 0px; border-bottom: 1px solid #f1f1f1; padding-top: 5px; } .journal-mini-card img { float: left; width: 20%; } .journal-mini-card h3 { float: right; width: 80%; font-size: 12px; line-height: 15px; } .journal-mini-card a { color: #22B2C1; background: none; } .recent-articles-wrapper { width: 100%; margin: 0 auto 60px auto; text-align: center; } @media screen and (min-width: 1300px) { .recent-articles-wrapper { width: 100%; } } .recent-articles-wrapper .article-date-h4 { text-align: left; margin-left: 5px; font-size: 12px; color: #a1a1a1; } .recent-articles-wrapper ul { width: 100%; display: none; } .recent-articles-wrapper ul li { margin: 20px auto 20px auto; width: 300px; height: 460px; background: #f6f6f6; display: inline-block; vertical-align: top; } @media screen and (min-width: 660px) { .recent-articles-wrapper ul li { margin: 20px 5px 20px 5px; } } @media screen and (min-width: 960px) { .recent-articles-wrapper ul li { margin: 20px 20px 20px 20px; } } @media screen and (min-width: 1281px) { .recent-articles-wrapper ul li { margin: 20px 5px 20px 5px; } } .recent-articles-wrapper ul li .recent-article-card { width: 100%; height: 460px; overflow: hidden; position: relative; background: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-img-wrapper { position: relative; height: 200px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-img-wrapper img { width: 100%; background: none; padding: 0px; border-radius: 0px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-img-wrapper img { -webkit-filter: url("../js/filters.svg#grayscale"); filter: url("../js/filters.svg#grayscale"); /* Firefox 3.5+ */ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */ } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-img-wrapper img:hover { filter: none; /* Applies to FF + IE */ -webkit-filter: grayscale(0); } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-img-wrapper span { position: absolute; color: #247CB3; background: #247CB3; color: white; bottom: -10px; right: 10px; width: 24px; height: 24px; cursor: pointer; border-radius: 2px; -webkit-transition: all .25s; transition: all .25s; font-size: 18px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-img-wrapper span:hover { position: absolute; color: #247CB3; background: white; ottom: -10px; right: 10px; width: 24px; height: 24px; cursor: pointer; border-radius: 2px; -webkit-transition: all .26s; transition: all .26s; box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.22); } .recent-articles-wrapper ul li .recent-article-card .recent-article-tag-wrapper { width: 89%; margin-top: 24px; text-align: left; margin: 24px 5px 0px 5px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-tag-wrapper a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none; margin-left: 0px; font-size: 12px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-tag-wrapper a:hover { text-decoration: underline; } .recent-articles-wrapper ul li .recent-article-card .open-access-icon { background: none; color: #909090; position: absolute; top: 218px; right: 5px; } .recent-articles-wrapper ul li .recent-article-card .title-link { font-size: 15px; text-decoration: none; color: #247CB3; font-weight: 700; } .recent-articles-wrapper ul li .recent-article-card .title-link:hover { text-decoration: underline; } .recent-articles-wrapper ul li .recent-article-card .recent-article-title-wrapper { width: 96%; margin: 0px auto 5px auto; } .recent-articles-wrapper ul li .recent-article-card .recent-article-title-wrapper h2, .recent-articles-wrapper ul li .recent-article-card .recent-article-title-wrapper h3, .recent-articles-wrapper ul li .recent-article-card .recent-article-title-wrapper h4, .recent-articles-wrapper ul li .recent-article-card .recent-article-title-wrapper h5, .recent-articles-wrapper ul li .recent-article-card .recent-article-title-wrapper h6 { font-family: 'Roboto-Light', sans-serif; } .recent-articles-wrapper ul li .recent-article-card .recent-article-title-wrapper h3 { line-height: 19px; font-size: 13px; color: #828282; text-align: left; } .recent-articles-wrapper ul li .recent-article-card .recent-article-title-wrapper h4 { float: right; font-size: 12px; font-weight: 700; } .recent-articles-wrapper ul li .recent-article-card .recent-article-title-wrapper .date { position: absolute; bottom: 8px; right: 10px; color: #888888; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper { width: 100%; margin: 0 auto; position: absolute; bottom: 0px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper button { background: #888888; color: white; border-radius: 0px; margin: 0px; width: 50%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper button span { font-size: 16px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper { position: absolute; width: 100%; background: white; z-index: 8; left: 0; padding: 0px 0px 75px 0px; text-align: left; overflow: auto; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper h3 { text-align: center; padding: 10px 0px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper button { background: #247CB3; width: auto; margin-right: 10px; margin-top: 10px; height: 24px; line-height: 24px; border-radius: 2px; padding: 0px 10px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper .author-orcid { background: url("../images/Orcid-ID-Logo-Colour.png") no-repeat; width: 24px; height: 36px; background-size: 16px; background-position: center; display: inline-block; -webkit-transition: all 0.25s; transition: all 0.25s; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper .author-orcid:hover { border-bottom: none !important; background-size: 20px; background-position: center; -webkit-transition: all 0.25s; transition: all 0.25s; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper .author-li { background: #f4f4f4; width: 100%; height: 36px; margin: 0px; line-height: 36px; text-indent: 10px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper .author-li a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper .author-li a:hover { border-bottom: 1px solid #247CB3; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper .author-li:nth-child(even) { background: white; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper .btn-close-author-abstract { background: none; position: absolute; top: -5px; right: 0px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-view-authors-wrapper .view-authors-wrapper .btn-close-author-abstract span { color: #247CB3; font-size: 28px; cursor: pointer; position: absolute; top: 0px; right: 0px; } .recent-articles-wrapper ul li .recent-article-card .view-abstract-wrapper { position: absolute; background: white; z-index: 8; left: 0; padding: 35px 10px 75px 10px; overflow: auto; text-align: left; } .recent-articles-wrapper ul li .recent-article-card .view-abstract-wrapper .btn-close-author-abstract { background: none; position: absolute; top: 0px; right: 10px; } .recent-articles-wrapper ul li .recent-article-card .view-abstract-wrapper .btn-close-author-abstract span { color: #247CB3; font-size: 28px; cursor: pointer; position: absolute; top: 0px; right: 0px; } .recent-articles-wrapper ul li .recent-article-card .view-abstract-wrapper h2 { text-align: left; margin: 0px 0px 10px 0px; font-size: 20px; } .recent-articles-wrapper ul li .recent-article-card .view-abstract-wrapper p { font-size: 14px; font-family: 'Roboto-Light', sans-serif; color: grey; margin-bottom: 10px; } .recent-articles-wrapper ul li .recent-article-card .view-abstract-wrapper p span { font-weight: 700; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-details-links-wrapper { width: 100%; margin: 0 auto; position: absolute; bottom: 35px; left: 5px; text-align: left; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-details-links-wrapper ul { margin-top: 5px; margin-bottom: 5px; float: left; width: 68%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-details-links-wrapper ul li { height: 20px; background: none; display: inline-block; margin: 0px; margin-right: 0px; width: auto; font-size: 11px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-details-links-wrapper ul li span { color: #247CB3; font-size: 16px; display: none; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-details-links-wrapper ul li a { color: #247CB3; font-family: "Coda", sans-serif; text-decoration: none; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-details-links-wrapper ul li a:hover { text-decoration: underline; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper { width: 100%; position: absolute; top: -36px; left: 0px; -webkit-transition: all .4s; transition: all .4s; background-color: #585858; background: rgba(36, 124, 179, 0.7); height: 36px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open { width: 100%; position: absolute; top: 0px; left: 0px; -webkit-transition: all .4s; transition: all .4s; background-color: #585858; background: rgba(36, 124, 179, 0.7); height: 36px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul { height: 36px; float: left; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul li, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul li { height: 36px; width: 20%; float: left; margin: 0px; text-align: center; background: none; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-download-hidden, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-share-hidden, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-cite-hidden, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-metrics-hidden, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-download-hidden, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-share-hidden, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-cite-hidden, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-metrics-hidden { position: absolute; top: 36px; bottom: 0px; left: 0px; right: 0px; background: white; height: 400px; width: 100%; float: none; border-bottom: 2px solid #247CB3; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-download-hidden span, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-share-hidden span, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-cite-hidden span, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-metrics-hidden span, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-download-hidden span, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-share-hidden span, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-cite-hidden span, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-metrics-hidden span { color: #247CB3; font-size: 28px; cursor: pointer; position: absolute; top: 0px; right: 0px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-download-hidden button, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-share-hidden button, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-cite-hidden button, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper ul .recent-article-card-nav-li-metrics-hidden button, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-download-hidden button, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-share-hidden button, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-cite-hidden button, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open ul .recent-article-card-nav-li-metrics-hidden button { background: none; position: absolute; top: 0px; right: 10px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .download-options-wrapper, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .download-options-wrapper, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper { width: 96%; margin: 0 auto; display: table; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .download-options-wrapper ul, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper ul, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .download-options-wrapper ul, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper ul { height: 100%; margin: 20px auto; float: left; text-align: center; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .download-options-wrapper ul li, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper ul li, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .download-options-wrapper ul li, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper ul li { width: 33%; height: 88px; float: left; display: inline-block; text-align: center; margin: 0px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .download-options-wrapper ul li a, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper ul li a, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .download-options-wrapper ul li a, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper ul li a { width: 88px; height: 88px; padding: 0px; display: inline-block; margin: 0px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .download-options-wrapper ul li .download-html, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper ul li .download-html, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .download-options-wrapper ul li .download-html, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper ul li .download-html { background: url("../images/html.png"); background-size: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .download-options-wrapper ul li .download-pdf, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper ul li .download-pdf, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .download-options-wrapper ul li .download-pdf, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper ul li .download-pdf { background: url("../images/pdf.png"); background-size: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .download-options-wrapper ul li .download-xml, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper ul li .download-xml, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .download-options-wrapper ul li .download-xml, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper ul li .download-xml { background: url("../images/xml.png"); background-size: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .download-options-wrapper p, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper p, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .download-options-wrapper p, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper p { color: grey; font-family: "Roboto-Light", sans-serif; font-size: 16px; line-height: 24px; text-align: center; margin-top: 48px; margin-bottom: 24px; padding: 0 10px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper ul, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper ul { height: 44px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper li, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper li { width: 25% !important; text-align: center; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper a, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper a { width: 44px; height: 44px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper span, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper span { position: relative !important; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper .mendeley-icon, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper .mendeley-icon { background: url("../images/mendeley.png") no-repeat; background-size: 38%; background-position: top center; margin-top: 4px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .share-options-wrapper .btn-copy, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .share-options-wrapper .btn-copy { background: #247CB3; outline: none; border-radius: 2px; text-decoration: none; cursor: pointer; position: relative; width: auto; padding: 2px 20px; right: 0px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .at_flat_counter, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .at_flat_counter { font-size: 11px !important; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .citations-options-wrapper h3, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .citations-options-wrapper h3 { margin-top: 48px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .citations-options-wrapper ul, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .citations-options-wrapper ul { clear: both; margin-top: 20px; margin-bottom: 20px; float: none; height: auto; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .citations-options-wrapper li, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .citations-options-wrapper li { clear: both; width: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .citations-options-wrapper li button.btn-ref, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .citations-options-wrapper li button.btn-ref { background: #247CB3; position: relative; color: white; float: left; left: 0px; width: auto; padding: 2px 5px; border-radius: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; width: 60px; margin-left: 0px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .citations-options-wrapper li p, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .citations-options-wrapper li p { float: left; text-align: left; color: #585858; font-family: "Roboto-Light", sans-serif; font-size: 12px; line-height: 34px; margin-left: 5px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .citations-options-wrapper .metrics-options-wrapper img, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .citations-options-wrapper .metrics-options-wrapper img { width: auto; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper button.btn-citation, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open button.btn-citation { background: #247CB3 !important; outline: none; border-radius: 0px; text-decoration: none; cursor: pointer; position: relative !important; width: 100%; padding: 0px; height: 36px; left: 0px; margin: 1px auto 0px auto !important; line-height: 8px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper button, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open button { margin: 6px 0px 0px 0px; height: 24px; width: 24px; color: white; text-align: center; font-size: 14px; font-family: 'Coda', sans-serif; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .btn-download-article-card, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .btn-download-article-card { background: url("../images/document_download.png") no-repeat; background-size: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .btn-share-article-card, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .btn-share-article-card { background: url("../images/share.png") no-repeat; background-size: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .btn-bookmark-article-card, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .btn-bookmark-article-card-active, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .btn-bookmark-article-card, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .btn-bookmark-article-card-active { background: url("../images/bookmark.png") no-repeat; background-size: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .btn-bookmark-article-card-active, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .btn-bookmark-article-card-active { background-position: 0px -24px; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .btn-cite-article-card, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .btn-cite-article-card { background: url("../images/cite.png") no-repeat; background-size: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .btn-cite-article-card, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .btn-cite-article-card { background: url("../images/cite.png") no-repeat; background-size: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .btn-metrics-article-card, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .btn-metrics-article-card { background: url("../images/chart.png") no-repeat; background-size: 100%; } .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper .btn-cite, .recent-articles-wrapper ul li .recent-article-card .recent-article-card-nav-wrapper-open .btn-cite { padding-top: 5px; } .view-authors-wrapper, .view-abstract-wrapper { -webkit-transition: all .4s; transition: all .4s; top: 400%; bottom: 0px; } .view-authors-wrapper.show, .view-abstract-wrapper.show { -webkit-transition: all .4s; transition: all .4s; top: -424px; } .view-authors-wrapper.keepShow, .view-abstract-wrapper.keepShow { -webkit-transition: all .4s; transition: all .4s; top: -424px; } .btn-view-authors { position: absolute; bottom: 0px; left: 0px; width: 50%; z-index: 9; color: #888888; height: 30px; box-sizing: border-box; font-size: 13px; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, #E3E3E3), color-stop(1, #F0F0F0)); background-image: -webkit-linear-gradient(right, #E3E3E3 50%, #F0F0F0 100%); background-image: -webkit-linear-gradient(left, #E3E3E3 50%, #F0F0F0 100%); background-image: linear-gradient(to right, #E3E3E3 50%, #F0F0F0 100%); } .btn-view-abstract { position: absolute; bottom: 0px; right: 0px; width: 50%; z-index: 9; color: #888888; height: 30px; box-sizing: border-box; font-size: 13px; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, #E3E3E3), color-stop(1, #F0F0F0)); background-image: -webkit-linear-gradient(right, #E3E3E3 50%, #F0F0F0 100%); background-image: -webkit-linear-gradient(left, #E3E3E3 50%, #F0F0F0 100%); background-image: linear-gradient(to right, #E3E3E3 50%, #F0F0F0 100%); } .open-peer-review-index * { box-sizing: border-box; } .open-peer-review-wrapper, .open-peer-review-index { width: 100%; margin: 0 auto; text-align: center; } @media screen and (min-width: 1300px) { .open-peer-review-wrapper, .open-peer-review-index { width: 100%; } } .open-peer-review-wrapper ul, .open-peer-review-index ul { width: 100%; } .open-peer-review-wrapper ul li, .open-peer-review-index ul li { display: inline-block; margin: 20px 1%; width: 46.9%; min-width: 300px; height: auto; text-align: left; vertical-align: top; } .open-peer-review-wrapper ul li .open-peer-review-card, .open-peer-review-index ul li .open-peer-review-card { width: 100%; height: auto; background: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } .open-peer-review-wrapper ul li .open-peer-review-card .recent-article-title-wrapper, .open-peer-review-index ul li .open-peer-review-card .recent-article-title-wrapper { width: 96%; margin: 0px auto; } .open-peer-review-wrapper ul li .open-peer-review-card .recent-article-title-wrapper h3, .open-peer-review-index ul li .open-peer-review-card .recent-article-title-wrapper h3 { font-size: 16px; line-height: 22px; padding-top: 5px; padding-bottom: 5px; font-family: 'Roboto-Light', sans-serif; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } @media screen and (min-width: 700px) { .open-peer-review-wrapper ul li .open-peer-review-card .recent-article-title-wrapper h3, .open-peer-review-index ul li .open-peer-review-card .recent-article-title-wrapper h3 { font-size: 17px; line-height: 26px; padding-top: 10px; padding-bottom: 10px; } } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper { width: 100%; margin-top: 10px; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-dates-wrapper, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-dates-wrapper { float: left; width: 100%; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-dates-wrapper h4, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-dates-wrapper h4 { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 12px; color: #646464; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-dates-wrapper h4 span, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-dates-wrapper h4 span { font-weight: 400; color: #646464; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .addthis-extra, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .addthis-extra { margin-top: 10px; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-action-wrapper, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-action-wrapper { width: 100%; margin: 10px auto; } @media screen and (min-width: 700px) { .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-action-wrapper, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .open-peer-review-card-action-wrapper { width: auto; } } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .peer-review-me-li, .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .peer-review-me-twitter-li, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .peer-review-me-li, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .peer-review-me-twitter-li { background: none !important; display: inline-block !important; width: 44% !important; min-width: 1px !important; margin-left: 0px !important; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .peer-review-me-twitter-li, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .peer-review-me-twitter-li { text-align: right; float: right; margin-right: 0px; margin-top: 25px; } @media screen and (min-width: 700px) { .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-details-wrapper .peer-review-me-twitter-li, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-details-wrapper .peer-review-me-twitter-li { margin-top: 0px; } } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper { width: 96%; margin: 0 auto; height: 120px; overflow: hidden; background: white; position: relative; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper p, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper p { color: #585858; font-family: 'Roboto-Light', sans-serif; font-size: 14px; line-height: 18px; background: white; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper .btn-read-more-peer-review-abstract, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper .btn-read-more-peer-review-abstract { background: #247CB3; color: white; border-radius: 2px; float: right; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper-background-open, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper-background-open { width: 96%; margin: 0 auto; height: 120px; overflow: auto; background: white; position: relative; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper-background-open p, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper-background-open p { color: #585858; font-family: 'Roboto-Light', sans-serif; font-size: 14px; line-height: 18px; background: white; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper-background-open .btn-read-more-peer-review-abstract, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-card-abstract-wrapper-background-open .btn-read-more-peer-review-abstract { background: #247CB3; color: white; border-radius: 2px; float: right; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-background, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-background { position: absolute; top: 100%; background: white; width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } .open-peer-review-wrapper ul li .open-peer-review-card .open-peer-review-background-open, .open-peer-review-index ul li .open-peer-review-card .open-peer-review-background-open { position: absolute; top: 0%; background: white; width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } .open-peer-review-wrapper ul li .open-peer-review-card .btn-close-peer-review-background, .open-peer-review-index ul li .open-peer-review-card .btn-close-peer-review-background { background: #247CB3; color: white; float: right; border-radius: 2px; } .review-link { text-decoration: none; background: #247CB3; color: white; border-radius: 2px; padding: 4px 0px; height: 28px; line-height: 28px; font-size: 12px; font-family: 'Coda', sans-serif; display: block; text-align: center; } @media screen and (min-width: 700px) { .review-link { text-decoration: none; background: #247CB3; color: white; border-radius: 2px; padding: 2px 4px; height: 28px; line-height: 28px; font-size: 12px; font-family: 'Coda', sans-serif; display: inline; margin: 10px auto; } } .open-peer-review__item { display: block; margin: 40px auto; width: 80%; min-width: 300px; } @media screen and (min-width: 700px) { .open-peer-review__item p { font-size: 16px !important; line-height: 24px !important; } } .open-peer-review__item h2 { font-size: 24px; margin-bottom: 20px; text-align: center; } @media screen and (min-width: 700px) { .open-peer-review__item h3 { font-size: 22px !important; line-height: 30px !important; } } .open-peer-review-card { padding: 20px 2%; width: 96% !important; min-width: 287px !important; } .open-peer-review-card-abstract-wrapper { height: auto !important; } .table-peer-review { background: white; width: 100%; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } .table-peer-review thead { background: #247CB3; color: white; } .table-peer-review tr:nth-child(even) { background: #f1f1f1; } .td-null { text-align: center; font-style: italic; } #news-demo { height: 100%; } #news-demo article { position: absolute; height: auto; min-height: 100%; } #news-demo .slide-read-post { border-radius: 2px; background: #247CB3; color: white; display: inline; width: 100px; padding: 2px 5px; margin-left: 5%; margin-top: 10px; } @media screen and (min-width: 1100px) { #news-demo .slide-read-post { margin-left: 10%; } } #news-demo .image-content { position: absolute; top: 0px; bottom: 0px; left: 0px; } #news-demo a { text-decoration: none; } .slide-peer-review { width: 100%; height: 100%; background: white; position: relative; } .slide-peer-review .shortened-text { height: 80px; overflow: hidden; margin-bottom: 5px; } @media screen and (min-width: 1070px) { .slide-peer-review .shortened-text { height: 125px; } } @media screen and (min-width: 1100px) { .slide-peer-review .shortened-text { height: 100px; } } @media screen and (min-width: 1200px) { .slide-peer-review .shortened-text { height: 150px; } } @media screen and (min-width: 1260px) { .slide-peer-review .shortened-text { height: 200px; } } .slide-peer-review .shortened-text ul { list-style-type: disc; list-style-position: inside; } .slide-peer-review .shortened-text a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none; } .slide-peer-review .shortened-text a:hover { text-decoration: underline; } .slide-peer-review h2 { font-family: "Roboto-Light", sans-serif; line-height: 24px; font-size: 17px; width: 90%; margin: 5px auto; } @media screen and (min-width: 960px) { .slide-peer-review h2 { margin: 10px auto 10px auto; font-size: 24px; line-height: 32px; } } @media screen and (min-width: 1100px) { .slide-peer-review h2 { margin: 20px auto 20px auto; font-size: 24px; line-height: 32px; width: 80%; } } .slide-peer-review h2 a { color: #247CB3; } .slide-peer-review h2 a:hover { border-bottom: 1px solid #247CB3; } .slide-peer-review p { width: 90%; margin: 0px auto; font-size: 13px; color: #6E6E6E; } @media screen and (min-width: 960px) { .slide-peer-review p { margin: 0px auto 5px auto; font-size: 14px; line-height: 22px; } } @media screen and (min-width: 1100px) { .slide-peer-review p { width: 80%; } } @media screen and (min-width: 960px) { .slide-peer-review ul { margin: 0px auto 5px auto; font-size: 14px; line-height: 22px; } } @media screen and (min-width: 1100px) { .slide-peer-review ul { width: 80%; } } .slide-header-old { width: 100%; height: 24px; background: #d1d1d1; background-image: -webkit-linear-gradient(-90deg, #F1F1F1 50%, #DCDCDC 100%); background-image: -webkit-linear-gradient(270deg, #F1F1F1 50%, #DCDCDC 100%); background-image: linear-gradient(-180deg, #F1F1F1 50%, #DCDCDC 100%); } @media screen and (min-width: 960px) { .slide-header-old { height: 48px; } } .slide-header-old h3 { font-family: "Coda", sans-serif; } @media screen and (min-width: 960px) { .slide-header-old h3 { line-height: 48px; font-size: 20px; } } .slide-header-old h3 a { color: #247CB3; text-decoration: none; height: 48px; display: inline-block; -webkit-transition: all .25s; transition: all .25s; padding-right: 5px; } .slide-header-old h3 a:hover { color: white; text-decoration: none; background: #247CB3; -webkit-transition: all .25s; transition: all .25s; } .slide-header-old h3 span { margin-right: 5px; margin-left: 5px; } .slide-footer { width: 100%; height: 30px; position: absolute; bottom: 0px; left: 0px; background-image: -webkit-linear-gradient(-90deg, #F1F1F1 50%, #DCDCDC 100%); background-image: -webkit-linear-gradient(270deg, #F1F1F1 50%, #DCDCDC 100%); background-image: linear-gradient(-180deg, #F1F1F1 50%, #DCDCDC 100%); } .slide-footer p { font-size: 12px; width: 100%; margin-left: 5px; line-height: 22px; margin-top: 3px; margin-bottom: 0px; } .slide-footer p span { font-weight: 700; margin: 0px 5px; } .slide-footer p::first-letter { font-weight: inherit; font-size: 12px; } .slide-footer a { position: absolute; right: 5px; bottom: 5px; height: 20px; font-family: "Coda", sans-serif; color: white; background: #247CB3; padding: 0px 5px; border-radius: 2px; font-size: 12px; line-height: 21px; -webkit-transition: all .25s; transition: all .25s; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); z-index: 44; } .slide-footer a:hover { color: #247CB3; background: white; -webkit-transition: all .25s; transition: all .25s; } .slide-testimonial { background-image: -webkit-linear-gradient(-90deg, #247CB3 50%, #0E517B 100%); background-image: -webkit-linear-gradient(270deg, #247CB3 50%, #0E517B 100%); background-image: linear-gradient(-180deg, #247CB3 50%, #0E517B 100%); width: 100%; height: 100%; position: relative; } .slide-testimonial h2 { color: white; font-family: "Roboto-Light", sans-serif; font-size: 22px; line-height: 36px; width: 90%; margin: 10px auto; } @media screen and (min-width: 800px) { .slide-testimonial h2 { margin: 20px auto; } } @media screen and (min-width: 880px) { .slide-testimonial h2 { margin: 20px auto 40px auto; } } @media screen and (min-width: 960px) { .slide-testimonial h2 { margin: 40px auto 40px auto; width: 80%; } } @media screen and (min-width: 1024px) { .slide-testimonial h2 { font-size: 26px; line-height: 38px; } } @media screen and (min-width: 1100px) { .slide-testimonial h2 { margin: 60px auto 40px auto; } } @media screen and (min-width: 1150px) { .slide-testimonial h2 { font-size: 32px; line-height: 44px; } } .slide-testimonial p { width: 90%; text-align: right; margin: 0 auto; color: white; } @media screen and (min-width: 960px) { .slide-testimonial p { width: 80%; font-size: 16px; } } @media screen and (min-width: 1100px) { .slide-testimonial p { width: 80%; font-size: 18px; margin-bottom: 10px; } } .slide-testimonial .JMIRquote-link { color: white; background: none; border-radius: 2px; border: 1px solid white; padding: 5px 10px !important; display: inline-block !important; width: auto !important; font-family: "Coda", sans-serif; font-size: 12px; position: absolute; bottom: 20px; left: 5%; -webkit-transition: all .25s; transition: all .25s; } @media screen and (min-width: 960px) { .slide-testimonial .JMIRquote-link { left: 10%; } } @media screen and (min-width: 1024px) { .slide-testimonial .JMIRquote-link { bottom: 40px; font-size: 16px; } } @media screen and (min-width: 1200px) { .slide-testimonial .JMIRquote-link { bottom: 60px; } } .slide-testimonial .JMIRquote-link:hover { color: #247CB3; background: white; border-radius: 2px; border: 1px solid transparent; padding: 5px 10px !important; display: inline-block !important; width: auto !important; font-family: "Coda", sans-serif; font-size: 12px; position: absolute; bottom: 25px; left: 5%; -webkit-transition: all .25s; transition: all .25s; } @media screen and (min-width: 960px) { .slide-testimonial .JMIRquote-link:hover { left: 10%; } } @media screen and (min-width: 1024px) { .slide-testimonial .JMIRquote-link:hover { bottom: 45px; font-size: 16px; } } @media screen and (min-width: 1200px) { .slide-testimonial .JMIRquote-link:hover { bottom: 65px; } } .slide-announcement { width: 100%; height: 100%; position: relative; background: white; } .slide-announcement .announcement-title { float: left; width: 51%; padding: 16px 2% 0px 2%; } @media screen and (min-width: 900px) { .slide-announcement .announcement-title { width: 56%; padding: 25px 2% 0px 2%; } } @media screen and (min-width: 1100px) { .slide-announcement .announcement-title { width: 56%; padding: 40px 2% 0px 3%; } } .slide-announcement .announcement-title h2 { font-family: "Roboto-Light", sans-serif; font-size: 16px; line-height: 24px; } @media screen and (min-width: 800px) { .slide-announcement .announcement-title h2 { font-size: 18px; line-height: 26px; } } @media screen and (min-width: 900px) { .slide-announcement .announcement-title h2 { font-size: 22px; line-height: 30px; } } @media screen and (min-width: 960px) { .slide-announcement .announcement-title h2 { font-size: 24px; line-height: 34px; } } @media screen and (min-width: 960px) { .slide-announcement .announcement-title h2 { font-size: 28px; line-height: 38px; } } @media screen and (min-width: 960px) { .slide-announcement .announcement-title h2 { font-size: 28px; line-height: 42px; } } .slide-announcement .announcement-title h2 a { color: #247CB3; } .slide-announcement .announcement-title h2 a:hover { border-bottom: 1px solid #247CB3; } .slide-announcement .announcement-text { float: right; width: 41%; padding: 25px 2% 0px 2%; } @media screen and (min-width: 900px) { .slide-announcement .announcement-text { width: 33%; } } @media screen and (min-width: 1100px) { .slide-announcement .announcement-text { padding: 40px 2% 0px 2%; } } @media screen and (min-width: 1200px) { .slide-announcement .announcement-text { padding: 70px 3% 0px 2%; } } .slide-announcement .announcement-text p { font-size: 13px; color: #6E6E6E; } @media screen and (min-width: 800px) { .slide-announcement .announcement-text p { font-size: 14px; line-height: 22px; } } @media screen and (min-width: 900px) { .slide-announcement .announcement-text p { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 1200px) { .slide-announcement .announcement-text p { font-size: 18px; line-height: 26px; } } .slide-announcement .announcement-text p a { color: #247CB3; font-family: "Coda", sans-serif; } .slide-announcement .announcement-text p a:hover { text-decoration: underline; } .slide-announcement .announcement-text p::first-letter { font-weight: 400; font-size: 16px; } @media screen and (min-width: 800px) { .slide-announcement .announcement-text p::first-letter { font-size: 18px; line-height: 22px; } } @media screen and (min-width: 900px) { .slide-announcement .announcement-text p::first-letter { font-size: 22px; line-height: 24px; } } @media screen and (min-width: 1200px) { .slide-announcement .announcement-text p::first-letter { font-size: 24px; line-height: 26px; } } .slide-announcement .announcement-text a { color: white; background: #247CB3; border-radius: 2px; height: 30px; line-height: 30px; display: inline-block; font-family: "Coda", sans-serif; font-size: 13px; padding: 0px 5px; margin-top: 10px; -webkit-transition: all .25s; transition: all .25s; } .slide-announcement .announcement-text a:hover { background: #10293E; -webkit-transition: all .25s; transition: all .25s; } .slide-theme { width: 100%; height: 100%; position: relative; background: white; } .slide-theme .shortened-text { height: 60px; overflow: hidden; margin-bottom: 5px; } @media screen and (min-width: 1024px) { .slide-theme .shortened-text { height: 80px; } } @media screen and (min-width: 1070px) { .slide-theme .shortened-text { height: 120px; } } @media screen and (min-width: 1100px) { .slide-theme .shortened-text { height: 100px; } } @media screen and (min-width: 1200px) { .slide-theme .shortened-text { height: 140px; } } @media screen and (min-width: 1260px) { .slide-theme .shortened-text { height: 160px; } } .slide-theme .theme-meta { float: left; width: 40%; height: 100%; background: #247CB3; text-align: center; position: absolute; } @media screen and (min-width: 900px) { .slide-theme .theme-meta { width: 30%; } } .slide-theme .theme-meta h2 { color: white; text-align: center; width: 93%; margin: 20px auto; font-size: 14px; line-height: 24px; } @media screen and (min-width: 800px) { .slide-theme .theme-meta h2 { font-size: 16px; line-height: 28px; } } @media screen and (min-width: 960px) { .slide-theme .theme-meta h2 { margin: 40px auto; font-size: 16px; line-height: 28px; } } @media screen and (min-width: 1024px) { .slide-theme .theme-meta h2 { margin: 40px auto; font-size: 18px; line-height: 34px; } } @media screen and (min-width: 1100px) { .slide-theme .theme-meta h2 { margin: 50px auto; font-size: 18px; line-height: 34px; } } .slide-theme .theme-meta ul { margin-top: 25px; } .slide-theme .theme-meta ul li { display: inline-block; } .slide-theme .theme-meta ul li a { font-size: 14px; border: none; line-height: 24px; } .slide-theme .theme-meta a { color: white; border: 1px solid white; font-family: "Coda", sans-serif; border-radius: 2px; display: inline-block; margin: 0px 5px; padding: 2px 5px; -webkit-transition: all .25s; transition: all .25s; } .slide-theme .theme-meta a:hover { color: #247CB3; background: white; -webkit-transition: all .25s; transition: all .25s; } .slide-theme .theme-article { float: right; width: 60%; height: 100%; } @media screen and (min-width: 900px) { .slide-theme .theme-article { width: 70%; } } .slide-theme .theme-article .meta-p { color: #9B9B9B; font-size: 12px; font-weight: 700; text-align: center; margin: 0px; } .slide-theme .theme-article .slide-image-wrapper { float: left; width: 38%; position: relative; height: 100%; } .slide-theme .theme-article .slide-image-wrapper a { font-family: "Coda", sans-serif; border: 1px solid #247CB3; border-radius: 2px; display: block; width: 94%; margin: 15px auto; color: #247CB3; text-align: center; padding: 8px 0px; -webkit-transition: all .25s; transition: all .25s; } @media screen and (min-width: 900px) { .slide-theme .theme-article .slide-image-wrapper a { margin: 25px auto; } } @media screen and (min-width: 1024px) { .slide-theme .theme-article .slide-image-wrapper a { margin: 33px auto; } } @media screen and (min-width: 1200px) { .slide-theme .theme-article .slide-image-wrapper a { margin: 45px auto; padding: 15px 0px; font-size: 18px; } } .slide-theme .theme-article .slide-image-wrapper a:hover { font-family: "Coda", sans-serif; border: 1px solid #247CB3; border-radius: 2px; display: block; width: 94%; margin: 15px auto; color: white; background: #247CB3; text-align: center; padding: 8px 0px; -webkit-transition: all .25s; transition: all .25s; } @media screen and (min-width: 900px) { .slide-theme .theme-article .slide-image-wrapper a:hover { margin: 25px auto; } } @media screen and (min-width: 1024px) { .slide-theme .theme-article .slide-image-wrapper a:hover { margin: 33px auto; } } @media screen and (min-width: 1200px) { .slide-theme .theme-article .slide-image-wrapper a:hover { margin: 45px auto; padding: 15px 0px; font-size: 18px; } } .slide-theme .theme-article .slide-title-wrapper { float: right; width: 58%; padding: 0px 2%; } .slide-theme .theme-article .slide-title-wrapper .meta-p { text-align: left; font-size: 9px; margin-top: 5px; } @media screen and (min-width: 960px) { .slide-theme .theme-article .slide-title-wrapper .meta-p { font-size: 14px; } } .slide-theme .theme-article .slide-title-wrapper .meta-p span { margin-right: 5px; } @media screen and (min-width: 960px) { .slide-theme .theme-article .slide-title-wrapper .meta-p { margin-top: 10px; } } @media screen and (min-width: 1100px) { .slide-theme .theme-article .slide-title-wrapper .meta-p { margin-top: 10px; } } .slide-theme .theme-article .slide-title-wrapper h2 { font-family: "Roboto-Light", sans-serif; font-size: 14px; line-height: 20px; } @media screen and (min-width: 960px) { .slide-theme .theme-article .slide-title-wrapper h2 { margin: 10px auto 20px auto; font-size: 16px; line-height: 22px; } } @media screen and (min-width: 1100px) { .slide-theme .theme-article .slide-title-wrapper h2 { line-height: 26px; } } @media screen and (min-width: 1200px) { .slide-theme .theme-article .slide-title-wrapper h2 { font-size: 18px; line-height: 28px; } } .slide-theme .theme-article .slide-title-wrapper h2 a { color: #247CB3; } .slide-theme .theme-article .slide-title-wrapper h2 a:hover { border-bottom: 1px solid #247CB3; } .slide-journal { width: 100%; height: 100%; position: relative; background: white; } .slide-journal .shortened-text { height: 60px; overflow: hidden; margin-bottom: 5px; } @media screen and (min-width: 1024px) { .slide-journal .shortened-text { height: 80px; } } @media screen and (min-width: 1070px) { .slide-journal .shortened-text { height: 120px; } } @media screen and (min-width: 1100px) { .slide-journal .shortened-text { height: 100px; } } @media screen and (min-width: 1200px) { .slide-journal .shortened-text { height: 140px; } } @media screen and (min-width: 1260px) { .slide-journal .shortened-text { height: 160px; } } .slide-journal .theme-meta { float: left; width: 40%; height: 100%; background: #22B2C1; text-align: center; position: absolute; } @media screen and (min-width: 900px) { .slide-journal .theme-meta { width: 30%; } } .slide-journal .theme-meta h2 { color: white; text-align: center; width: 93%; margin: 20px auto; font-size: 14px; line-height: 24px; } @media screen and (min-width: 800px) { .slide-journal .theme-meta h2 { font-size: 16px; line-height: 28px; } } @media screen and (min-width: 960px) { .slide-journal .theme-meta h2 { margin: 12px auto; font-size: 16px; line-height: 28px; } } @media screen and (min-width: 1024px) { .slide-journal .theme-meta h2 { margin: 40px auto; font-size: 18px; line-height: 34px; } } @media screen and (min-width: 1100px) { .slide-journal .theme-meta h2 { margin: 50px auto; font-size: 18px; line-height: 34px; } } .slide-journal .theme-meta ul { margin-top: 12px; } .slide-journal .theme-meta ul li { display: inline-block; } .slide-journal .theme-meta ul li a { font-size: 14px; border: none; line-height: 24px; } .slide-journal .theme-meta a { color: white; border: 1px solid white; font-family: "Coda", sans-serif; border-radius: 2px; display: inline-block; margin: 0px 5px; padding: 2px 5px; -webkit-transition: all .25s; transition: all .25s; } .slide-journal .theme-meta a:hover { color: #22B2C1; background: white; -webkit-transition: all .25s; transition: all .25s; } .slide-journal .theme-meta .theme-footer { width: 100%; height: 30px; position: absolute; bottom: 24px; left: 0px; border-top: 1px solid #277A82; background-image: -webkit-linear-gradient(-90deg, #22B2C1 50%, #277A82 100%); background-image: -webkit-linear-gradient(270deg, #22B2C1 50%, #277A82 100%); background-image: linear-gradient(-180deg, #22B2C1 50%, #277A82 100%); text-align: center; } .slide-journal .theme-meta .theme-footer li { display: inline-block; } .slide-journal .theme-meta .theme-footer a { font-size: 12px; border: none; line-height: 24px; } .slide-journal .theme-article { float: right; width: 60%; height: 100%; } @media screen and (min-width: 900px) { .slide-journal .theme-article { width: 70%; } } .slide-journal .theme-article .meta-p { color: #9B9B9B; font-size: 12px; font-weight: 700; text-align: center; margin: 5px 0px; } .slide-journal .theme-article .slide-image-wrapper { float: left; width: 38%; position: relative; height: 100%; } .slide-journal .theme-article .slide-image-wrapper a { font-family: "Coda", sans-serif; border: 1px solid #22B2C1; border-radius: 2px; display: block; width: 94%; margin: 5px auto; color: #22B2C1; text-align: center; padding: 8px 0px; -webkit-transition: all .25s; transition: all .25s; } @media screen and (min-width: 900px) { .slide-journal .theme-article .slide-image-wrapper a { margin: 25px auto; } } @media screen and (min-width: 1024px) { .slide-journal .theme-article .slide-image-wrapper a { margin: 33px auto; } } @media screen and (min-width: 1200px) { .slide-journal .theme-article .slide-image-wrapper a { margin: 45px auto; padding: 15px 0px; font-size: 18px; } } .slide-journal .theme-article .slide-image-wrapper a:hover { font-family: "Coda", sans-serif; border: 1px solid #22B2C1; border-radius: 2px; display: block; width: 94%; margin: 5px auto; color: white; background: #22B2C1; text-align: center; padding: 8px 0px; -webkit-transition: all .25s; transition: all .25s; } @media screen and (min-width: 900px) { .slide-journal .theme-article .slide-image-wrapper a:hover { margin: 25px auto; } } @media screen and (min-width: 1024px) { .slide-journal .theme-article .slide-image-wrapper a:hover { margin: 33px auto; } } @media screen and (min-width: 1200px) { .slide-journal .theme-article .slide-image-wrapper a:hover { margin: 45px auto; padding: 15px 0px; font-size: 18px; } } .slide-journal .theme-article .slide-title-wrapper { float: right; width: 58%; padding: 0px 2%; } .slide-journal .theme-article .slide-title-wrapper .meta-p { text-align: left; font-size: 9px; margin-top: 5px; } @media screen and (min-width: 960px) { .slide-journal .theme-article .slide-title-wrapper .meta-p { font-size: 14px; } } .slide-journal .theme-article .slide-title-wrapper .meta-p span { margin-right: 5px; } @media screen and (min-width: 960px) { .slide-journal .theme-article .slide-title-wrapper .meta-p { margin-top: 10px; } } @media screen and (min-width: 1100px) { .slide-journal .theme-article .slide-title-wrapper .meta-p { margin-top: 10px; } } .slide-journal .theme-article .slide-title-wrapper h2 { font-family: "Roboto-Light", sans-serif; font-size: 14px; line-height: 20px; } @media screen and (min-width: 960px) { .slide-journal .theme-article .slide-title-wrapper h2 { margin: 10px auto 20px auto; font-size: 16px; line-height: 22px; } } @media screen and (min-width: 1100px) { .slide-journal .theme-article .slide-title-wrapper h2 { line-height: 26px; } } @media screen and (min-width: 1200px) { .slide-journal .theme-article .slide-title-wrapper h2 { font-size: 18px; line-height: 28px; } } .slide-journal .theme-article .slide-title-wrapper h2 a { color: #22B2C1; } .slide-journal .theme-article .slide-title-wrapper h2 a:hover { border-bottom: 1px solid #22B2C1; } .slider-open-peer-review { background: white; height: 100%; width: 100%; } .slider-open-peer-review .content-inner { width: 100%; height: 100%; margin: 0 auto; } .slider-open-peer-review .content-inner .peer-review-left { width: 39.5%; height: 100%; background: white; float: left; border-right: 1px solid #dedede; } .slider-open-peer-review .content-inner .peer-review-left h2 { color: #247CB3; font-size: 14px; line-height: 19px; padding: 5px 5px 5px 5px; margin: 0px 2.5%; } @media screen and (min-width: 900px) { .slider-open-peer-review .content-inner .peer-review-left h2 { font-size: 18px; line-height: 26px; margin: 5px 2.5%; } } .slider-open-peer-review .content-inner .peer-review-left h4 { color: grey; padding: 5px 5px 0px 5px; margin-top: 0px; font-size: 10px; margin: 0px 2.5% 0px 2.5%; } @media screen and (min-width: 900px) { .slider-open-peer-review .content-inner .peer-review-left h4 { font-size: 12px; line-height: 12px; } } @media screen and (min-width: 1280px) { .slider-open-peer-review .content-inner .peer-review-left h4 { font-size: 14px; line-height: 14px; } } .slider-open-peer-review .content-inner .peer-review-left p { display: none; width: 95%; color: grey; font-size: 12px; line-height: 19px; font-family: 'Roboto-Light', sans-serif; } @media screen and (min-width: 960px) { .slider-open-peer-review .content-inner .peer-review-left p { display: block; height: 65px; overflow: auto; margin: 2px 2.5%; } } @media screen and (min-width: 1024px) { .slider-open-peer-review .content-inner .peer-review-left p { height: 80px; font-size: 14px; line-height: 22px; margin: 5px 2.5%; } } @media screen and (min-width: 1100px) { .slider-open-peer-review .content-inner .peer-review-left p { height: 100px; } } @media screen and (min-width: 1280px) { .slider-open-peer-review .content-inner .peer-review-left p { height: 175px; } } .slider-open-peer-review .content-inner .peer-review-left a { display: block; border-radius: 2px; font-size: 12px; margin: 10px 10% 5px 3%; text-align: center; font-family: "coda", san-serif; padding: 0px; } @media screen and (min-width: 900px) { .slider-open-peer-review .content-inner .peer-review-left a { margin: 30px 10% 30px 3%; width: 95%; } } @media screen and (min-width: 960px) { .slider-open-peer-review .content-inner .peer-review-left a { margin: 10px 10% 10px 3%; } } .slider-open-peer-review .content-inner .peer-review-left .peer-review-dates-containter h4 { float: left; margin-right: 0px; margin-top: 0px; font-size: 10px; line-height: 12px; } @media screen and (min-width: 900px) { .slider-open-peer-review .content-inner .peer-review-left .peer-review-dates-containter h4 { font-size: 12px; line-height: 12px; } } .slider-open-peer-review .content-inner .peer-review-right { width: 60%; height: 100%; background: white; float: right; } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content { height: 100%; background: white; } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content li { height: 50%; background: white; } @media screen and (min-width: 900px) { .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content li { border-bottom: 1px solid #dedede; height: 48%; } } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content li h2 { font-size: 14px; line-height: 22px; color: #247CB3; padding: 2px; margin: 5px 0px; } @media screen and (min-width: 900px) { .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content li h2 { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 1024px) { .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content li h2 { font-size: 18px; line-height: 26px; margin: 10px 0px 30px 0px; } } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content li h4 { font-size: 11px; padding: 2px; } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content li a { display: block; float: right; color: white; font-size: 10px; background: #247CB3; float: right; padding: 0px 4px; border-radius: 2px; margin-right: 5px; font-family: "coda", san-serif; } @media screen and (min-width: 900px) { .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content li a { font-size: 14px; } } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content .peer-review-dates-btn-holder { width: 100%; } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content .peer-review-dates-containter { float: left; } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content .peer-review-dates-containter h4 { margin-right: 10px; margin-top: 0px; font-size: 10px; line-height: 12px; display: block; color: grey; } @media screen and (min-width: 900px) { .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content .peer-review-dates-containter h4 { font-size: 12px; line-height: 14px; } } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content .peer-review-dates-containter .h4-float-left { float: left; } .slider-open-peer-review .content-inner .peer-review-right .peer-review-right-content .peer-review-dates-containter .h4-float-right { float: right; } .slider-annoucements { background: white; width: 100%; } .slider-annoucements .content-inner { width: 100%; height: 100%; } .slider-annoucements .content-inner .left-annoucement { float: left; width: 49.5%; height: 100%; border-right: 1px solid #247CB3; } .slider-annoucements .content-inner .right-annoucement { float: right; width: 49.5%; height: 100%; } .slider-annoucements h2 { color: #247CB3; font-size: 14px; line-height: 22px; width: 90%; margin: 10px auto 0px auto !important; } @media screen and (min-width: 768px) { .slider-annoucements h2 { font-size: 15px; } } @media screen and (min-width: 900px) { .slider-annoucements h2 { font-size: 18px; line-height: 24px; } } @media screen and (min-width: 1200px) { .slider-annoucements h2 { font-size: 20px; line-height: 28px; margin: 20px auto 0px auto !important; } } .slider-annoucements h4 { color: grey; padding: 5px; margin-top: 10px; } .slider-annoucements .announcement-text-holder { height: 100px; overflow: auto; color: grey; } @media screen and (min-width: 768px) { .slider-annoucements .announcement-text-holder { height: 110px; } } @media screen and (min-width: 800px) { .slider-annoucements .announcement-text-holder { height: 130px; } } @media screen and (min-width: 900px) { .slider-annoucements .announcement-text-holder { height: 140px; } } @media screen and (min-width: 960px) { .slider-annoucements .announcement-text-holder { height: 170px; } } @media screen and (min-width: 1080px) { .slider-annoucements .announcement-text-holder { height: 200px; } } @media screen and (min-width: 1170px) { .slider-annoucements .announcement-text-holder { height: 230px; } } @media screen and (min-width: 1350px) { .slider-annoucements .announcement-text-holder { height: 250px; } } .slider-annoucements .announcement-text-holder p { width: 90%; margin: 0px auto !important; color: grey; font-size: 12px; line-height: 19px; font-family: 'Roboto-Light', sans-serif; } @media screen and (min-width: 960px) { .slider-annoucements .announcement-text-holder p { font-size: 14px; line-height: 22px; } } .slider-annoucements .announcement-text-holder h3 { width: 90%; margin: 0px auto !important; color: grey; } .slider-annoucements a { float: right; border-radius: 2px; margin-right: 5%; margin-top: 10px; font-family: "Coda", sans-serif; font-size: 12px; padding: 0px 3px; } .slider-theme { background: white; width: 100%; } .slider-theme .content-inner { width: 100%; height: 100%; } .slider-theme .content-inner .theme-cover { width: 32%; float: left; background: #247CB3; height: 100%; text-align: center; } .slider-theme .content-inner .theme-cover .h3-sister-journal { width: 100%; background: #646464; font-size: 12px; text-align: center; text-indent: 0px; } @media screen and (min-width: 960px) { .slider-theme .content-inner .theme-cover .h3-sister-journal { font-size: 14px; padding: 3px 0px; } } .slider-theme .content-inner .theme-cover h2 { text-align: center; margin: 10% 5% 10% 5%; font-size: 14px; line-height: 20px; } @media screen and (min-width: 800px) { .slider-theme .content-inner .theme-cover h2 { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 960px) { .slider-theme .content-inner .theme-cover h2 { font-size: 18px; line-height: 26px; } } @media screen and (min-width: 1024px) { .slider-theme .content-inner .theme-cover h2 { font-size: 20px; line-height: 28px; margin: 20% 5% 10% 5%; } } .slider-theme .content-inner .theme-cover a.button-link { border-radius: 2px; margin-right: 0px; margin-top: 10px; background: white; color: #247CB3; display: block; width: 66%; margin: 10px auto 0px auto; font-family: "Coda", sans-serif; font-size: 12px; } @media screen and (min-width: 1024px) { .slider-theme .content-inner .theme-cover a.button-link { font-size: 14px; } } .slider-theme .content-inner .theme-content-wrapper { width: 68%; float: left; background: #236BA2; height: 100%; } .slider-theme .content-inner .theme-content-wrapper .theme-article { background: white; width: 100%; height: 33.33%; border-bottom: 1px solid #dedede; } .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-image-wrapper { width: 21.829044%; height: 100%; background: white; float: left; } .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-image-wrapper img { width: 100%; } .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-title-wrapper { width: 78.170956%; height: 100%; background: white; float: left; color: grey; } .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-title-wrapper h3 { font-size: 12px; margin: 5px 2%; line-height: 17px; overflow: auto; max-height: 32px; } @media screen and (min-width: 800px) { .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-title-wrapper h3 { font-size: 14px; line-height: 22px; max-height: 40px; } } @media screen and (min-width: 900px) { .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-title-wrapper h3 { font-size: 14px; line-height: 22px; max-height: 55px; } } @media screen and (min-width: 960px) { .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-title-wrapper h3 { font-size: 14px; line-height: 22px; max-height: 60px; margin: 5px 2%; } } @media screen and (min-width: 1024px) { .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-title-wrapper h3 { font-size: 16px; line-height: 22px; max-height: 80px; } } @media screen and (min-width: 1100px) { .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-title-wrapper h3 { font-size: 16px; line-height: 24px; max-height: 80px; } } .slider-theme .content-inner .theme-content-wrapper .theme-article .theme-article-title-wrapper a.button-link { margin: 5px 2%; padding: 2px 5px; border-radius: 2px; font-size: 12px; font-family: "Coda", sans-serif; } .slider-journal { background: white; width: 100%; } .slider-journal .content-inner { width: 100%; height: 100%; } .slider-journal .content-inner .journal-cover { width: 32%; float: left; background: #65AD8D; height: 100%; text-align: center; } .slider-journal .content-inner .journal-cover h5 { border-top: 1px solid white; border-bottom: 1px solid white; width: 100%; margin: 0px auto 10px auto; font-size: 12px; line-height: 17px; padding: 2px; font-family: "Roboto-Light", sans-serif; } @media screen and (min-width: 800px) { .slider-journal .content-inner .journal-cover h5 { font-size: 14px; line-height: 20px; width: 90%; border: 1px solid white; } } @media screen and (min-width: 960px) { .slider-journal .content-inner .journal-cover h5 { margin: 10px auto 20px auto; } } @media screen and (min-width: 1100px) { .slider-journal .content-inner .journal-cover h5 { font-size: 16px; line-height: 22px; } } @media screen and (min-width: 1260px) { .slider-journal .content-inner .journal-cover h5 { font-size: 18px; line-height: 26px; margin: 10px auto 30px auto; } } .slider-journal .content-inner .journal-cover ul { display: none; margin: 5px 0px 0px 0px; font-size: 12px; } @media screen and (min-width: 960px) { .slider-journal .content-inner .journal-cover ul { display: block; margin: 10px 0px 0px 0px; } } @media screen and (min-width: 960px) { .slider-journal .content-inner .journal-cover ul { display: block; margin: 20px 0px 0px 0px; font-size: 14px; } } @media screen and (min-width: 1260px) { .slider-journal .content-inner .journal-cover ul { display: block; margin: 20px 0px 0px 0px; font-size: 16px; } } .slider-journal .content-inner .journal-cover ul li { display: inline-block; margin: 0px 5px 5px 0px; } .slider-journal .content-inner .journal-cover ul li a { text-decoration: none; color: white; border-bottom: 1px solid white; } .slider-journal .content-inner .journal-cover .h3-sister-journal { width: 100%; background: #646464; font-size: 12px; text-align: center; text-indent: 0px; } @media screen and (min-width: 960px) { .slider-journal .content-inner .journal-cover .h3-sister-journal { font-size: 14px; padding: 3px 0px; } } .slider-journal .content-inner .journal-cover h2 { text-align: center; margin: 10px 5% 10px 5%; font-size: 15px; line-height: 22px; } @media screen and (min-width: 800px) { .slider-journal .content-inner .journal-cover h2 { font-size: 16px; line-height: 24px; } } @media screen and (min-width: 960px) { .slider-journal .content-inner .journal-cover h2 { font-size: 18px; line-height: 27px; } } @media screen and (min-width: 1100px) { .slider-journal .content-inner .journal-cover h2 { font-size: 20px; line-height: 28px; margin: 20px 5% 10px 5%; } } @media screen and (min-width: 1100px) { .slider-journal .content-inner .journal-cover h2 { font-size: 22px; line-height: 32px; margin: 20px 5% 10px 5%; } } .slider-journal .content-inner .journal-cover a.button-link { border-radius: 2px; background: white; color: #65AD8D; display: block; width: 50%; margin: 0px auto 10px auto; font-family: "Coda", sans-serif; font-size: 12px; } @media screen and (min-width: 960px) { .slider-journal .content-inner .journal-cover a.button-link { font-size: 14px; } } .slider-journal .content-inner .journal-content-wrapper { width: 68%; float: left; background: #65AD8D; height: 100%; } .slider-journal .content-inner .journal-content-wrapper .journal-article { background: grey; width: 100%; height: 33.33%; border-bottom: 1px solid #dedede; } .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-image-wrapper { width: 21.829044%; height: 100%; background: white; float: left; } .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-image-wrapper img { width: 100%; } .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-title-wrapper { width: 78.170956%; height: 100%; background: white; float: left; color: grey; } .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-title-wrapper h3 { font-size: 12px; margin: 5px 2%; line-height: 17px; overflow: auto; max-height: 32px; } @media screen and (min-width: 800px) { .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-title-wrapper h3 { font-size: 14px; line-height: 22px; max-height: 40px; } } @media screen and (min-width: 900px) { .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-title-wrapper h3 { font-size: 14px; line-height: 22px; max-height: 55px; } } @media screen and (min-width: 960px) { .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-title-wrapper h3 { font-size: 14px; line-height: 22px; max-height: 60px; margin: 5px 2%; } } @media screen and (min-width: 1024px) { .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-title-wrapper h3 { font-size: 16px; line-height: 22px; max-height: 80px; } } @media screen and (min-width: 1100px) { .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-title-wrapper h3 { font-size: 16px; line-height: 24px; max-height: 80px; } } .slider-journal .content-inner .journal-content-wrapper .journal-article .journal-article-title-wrapper a.button-link { margin: 5px 2%; padding: 2px 5px; border-radius: 2px; font-size: 12px; font-family: "Coda", sans-serif; background: #65AD8D; } .slider-testimonial { background: white; width: 100%; } .slider-testimonial .content-inner { width: 100%; height: 100%; } .slider-testimonial .content-inner .top-testimonial { width: 100%; height: 49%; background: white; text-align: center; color: grey; border-bottom: 1px solid #dedede; } .slider-testimonial .content-inner .top-testimonial .testimonial-h2 { font-size: 18px; line-height: 26px; font-family: 'Roboto'; padding-top: 20px; padding-bottom: 10px; } @media screen and (min-width: 800px) { .slider-testimonial .content-inner .top-testimonial .testimonial-h2 { font-size: 20px; line-height: 24px; } } @media screen and (min-width: 900px) { .slider-testimonial .content-inner .top-testimonial .testimonial-h2 { font-size: 22px; line-height: 28px; padding-bottom: 20px; } } @media screen and (min-width: 960px) { .slider-testimonial .content-inner .top-testimonial .testimonial-h2 { font-size: 26px; line-height: 34px; padding-bottom: 25px; padding-top: 30px; } } @media screen and (min-width: 1240px) { .slider-testimonial .content-inner .top-testimonial .testimonial-h2 { font-size: 28px; line-height: 36px; padding-bottom: 25px; padding-top: 50px; } } .slider-testimonial .content-inner .top-testimonial .avatar-container { border-radius: 50%; background: #247CB3; width: 60px; height: 60px; margin: 10px auto; } .slider-testimonial .content-inner .top-testimonial .user-h3, .slider-testimonial .content-inner .top-testimonial .affiliation-h4 { color: #247CB3; margin-bottom: 10px; display: inline-block; } @media screen and (min-width: 960px) { .slider-testimonial .content-inner .top-testimonial .user-h3, .slider-testimonial .content-inner .top-testimonial .affiliation-h4 { font-size: 16px; line-height: 24px; } } .slider-testimonial .content-inner .top-testimonial .affiliation-h4 { color: grey; } .slider-testimonial .content-inner .bottom-testimonials { width: 100%; height: 50%; color: grey; } .slider-testimonial .content-inner .bottom-testimonials .testimonial-content-wrapper { width: 80%; margin: 0 auto; } .slider-testimonial .content-inner .bottom-testimonials .left-testimonial { float: left; width: 50%; height: 100%; border-right: 1px solid #dedede; } .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .user-h3, .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .affiliation-h4 { color: #247CB3; margin-bottom: 10px; text-align: right; display: inline-block; font-size: 11px; } @media screen and (min-width: 800px) { .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .user-h3, .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .affiliation-h4 { font-size: 12px; line-height: 17px; } } @media screen and (min-width: 960px) { .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .user-h3, .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .affiliation-h4 { font-size: 14px; line-height: 22px; } } .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .affiliation-h4 { color: grey; font-size: 10px; } @media screen and (min-width: 800px) { .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .affiliation-h4 { font-size: 11px; line-height: 17px; } } @media screen and (min-width: 960px) { .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .affiliation-h4 { font-size: 13px; line-height: 22px; } } .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .testimonial-h2 { font-size: 12px; font-family: 'Roboto'; padding-top: 5px; padding-bottom: 5px; line-height: 17px; } @media screen and (min-width: 800px) { .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .testimonial-h2 { font-size: 14px; line-height: 19px; padding-top: 10px; } } @media screen and (min-width: 960px) { .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .testimonial-h2 { font-size: 16px; line-height: 22px; padding-top: 20px; } } @media screen and (min-width: 1100px) { .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .testimonial-h2 { font-size: 18px; line-height: 26px; padding-top: 20px; } } @media screen and (min-width: 1240px) { .slider-testimonial .content-inner .bottom-testimonials .left-testimonial .testimonial-h2 { font-size: 20px; line-height: 28px; padding-top: 20px; } } .slider-testimonial .content-inner .bottom-testimonials .right-testimonial { float: left; width: 49%; height: 100%; } .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .user-h3, .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .affiliation-h4 { color: #247CB3; margin-bottom: 10px; text-align: right; display: inline-block; font-size: 11px; } @media screen and (min-width: 800px) { .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .user-h3, .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .affiliation-h4 { font-size: 12px; line-height: 17px; } } @media screen and (min-width: 960px) { .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .user-h3, .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .affiliation-h4 { font-size: 14px; line-height: 22px; } } .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .affiliation-h4 { color: grey; font-size: 10px; } @media screen and (min-width: 800px) { .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .affiliation-h4 { font-size: 11px; line-height: 17px; } } @media screen and (min-width: 960px) { .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .affiliation-h4 { font-size: 13px; line-height: 22px; } } .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .testimonial-h2 { font-size: 12px; font-family: 'Roboto'; padding-top: 5px; padding-bottom: 5px; line-height: 17px; } @media screen and (min-width: 800px) { .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .testimonial-h2 { font-size: 14px; line-height: 19px; padding-top: 10px; } } @media screen and (min-width: 960px) { .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .testimonial-h2 { font-size: 16px; line-height: 22px; padding-top: 20px; } } @media screen and (min-width: 1100px) { .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .testimonial-h2 { font-size: 18px; line-height: 26px; padding-top: 20px; } } @media screen and (min-width: 1240px) { .slider-testimonial .content-inner .bottom-testimonials .right-testimonial .testimonial-h2 { font-size: 20px; line-height: 28px; padding-top: 20px; } } .slider-tweets .doi-link, .slider-cited .doi-link { text-decoration: none; color: #247CB3; border-bottom: 1px solid #247CB3; padding-bottom: 0px; font-size: 11px; } .slider-tweets .h2-slider-title, .slider-cited .h2-slider-title { text-align: left; text-indent: 10px; background: #969696; color: white; font-size: 14px; } .slider-tweets .h2-slider-title span, .slider-cited .h2-slider-title span { color: color; font-size: 14px; float: right; padding: 0px 5px; background: #247CB3; text-indent: 0px; } .slider-tweets .content-inner, .slider-cited .content-inner { width: 100%; height: 100%; } .slider-tweets .content-inner .left, .slider-cited .content-inner .left { width: 29.5%; height: 100%; float: left; background: white; text-align: center; position: relative; } .slider-tweets .content-inner .left .charts, .slider-cited .content-inner .left .charts { position: absolute; bottom: 22px; width: 100%; height: 80px; } .slider-tweets .content-inner .left h2, .slider-cited .content-inner .left h2 { color: #247CB3; font-size: 12px; line-height: 19px; margin: 5px auto 5px auto; width: 90%; text-align: left; } .slider-tweets .content-inner .left .google-scholar-small, .slider-cited .content-inner .left .google-scholar-small { background: #d34836; width: 100%; border-top: 2px solid #c8c8c8; height: 50%; } .slider-tweets .content-inner .left .google-scholar-small h3, .slider-tweets .content-inner .left .google-scholar-small p, .slider-cited .content-inner .left .google-scholar-small h3, .slider-cited .content-inner .left .google-scholar-small p { display: inline-block; line-height: 30%; } .slider-tweets .content-inner .left .google-scholar-small h3, .slider-cited .content-inner .left .google-scholar-small h3 { color: #f0f0f0; font-size: 12px; margin-bottom: 10px; padding: 2px; } .slider-tweets .content-inner .left .scopus-small, .slider-cited .content-inner .left .scopus-small { background: #3c6976; width: 100%; height: 50%; } .slider-tweets .content-inner .left .scopus-small h3, .slider-tweets .content-inner .left .scopus-small p, .slider-cited .content-inner .left .scopus-small h3, .slider-cited .content-inner .left .scopus-small p { display: inline-block; line-height: 30%; } .slider-tweets .content-inner .left .scopus-small h3, .slider-cited .content-inner .left .scopus-small h3 { color: #f0f0f0; font-size: 12px; margin-bottom: 10px; padding: 2px; text-align: left; } .slider-tweets .content-inner .middle, .slider-cited .content-inner .middle { width: 40.9%; height: 100%; float: left; border-left: 1px solid #dedede; border-right: 1px solid #dedede; background: white; text-align: center; position: relative; } .slider-tweets .content-inner .middle .top-article-title-wrapper, .slider-cited .content-inner .middle .top-article-title-wrapper { max-height: 100px; } .slider-tweets .content-inner .middle .top-article-title-wrapper h2, .slider-cited .content-inner .middle .top-article-title-wrapper h2 { color: #247CB3; font-size: 16px; line-height: 22px; margin-top: 5px; margin-bottom: 5px; } .slider-tweets .content-inner .middle .charts, .slider-cited .content-inner .middle .charts { width: 100%; text-align: center; position: absolute; bottom: 15px; border-top: 2px solid #c8c8c8; } .slider-tweets .content-inner .middle .charts .google-scholar, .slider-cited .content-inner .middle .charts .google-scholar { background: #d34836; } .slider-tweets .content-inner .middle .charts .scopus, .slider-cited .content-inner .middle .charts .scopus { background: #3c6976; } .slider-tweets .content-inner .middle .charts .google-scholar, .slider-tweets .content-inner .middle .charts .scopus, .slider-cited .content-inner .middle .charts .google-scholar, .slider-cited .content-inner .middle .charts .scopus { width: 50%; padding: 0px 0px 5px 0px; float: left; } .slider-tweets .content-inner .middle .charts .google-scholar h3, .slider-tweets .content-inner .middle .charts .scopus h3, .slider-cited .content-inner .middle .charts .google-scholar h3, .slider-cited .content-inner .middle .charts .scopus h3 { color: white; font-size: 12px; margin-bottom: 10px; background: rgba(0, 0, 0, 0.2); } .slider-tweets .content-inner .middle .charts .google-scholar p, .slider-tweets .content-inner .middle .charts .scopus p, .slider-cited .content-inner .middle .charts .google-scholar p, .slider-cited .content-inner .middle .charts .scopus p { color: white; margin: 0px; margin-bottom: 5px; padding: 0px; } .slider-tweets .content-inner .middle .charts canvas, .slider-cited .content-inner .middle .charts canvas { margin: 0 auto; } .slider-tweets .content-inner .right, .slider-cited .content-inner .right { width: 29.2%; height: 100%; float: left; background: white; text-align: center; position: relative; } .slider-tweets .content-inner .right .charts, .slider-cited .content-inner .right .charts { position: absolute; bottom: 22px; width: 100%; height: 80px; } .slider-tweets .content-inner .right h2, .slider-cited .content-inner .right h2 { color: #247CB3; font-size: 12px; line-height: 19px; margin: 5px auto 5px auto; width: 90%; text-align: left; } .slider-tweets .content-inner .right .google-scholar-small, .slider-cited .content-inner .right .google-scholar-small { background: #d34836; width: 100%; border-top: 2px solid #c8c8c8; height: 50%; } .slider-tweets .content-inner .right .google-scholar-small h3, .slider-tweets .content-inner .right .google-scholar-small p, .slider-cited .content-inner .right .google-scholar-small h3, .slider-cited .content-inner .right .google-scholar-small p { display: inline-block; line-height: 30%; } .slider-tweets .content-inner .right .google-scholar-small h3, .slider-cited .content-inner .right .google-scholar-small h3 { color: #f0f0f0; font-size: 12px; margin-bottom: 10px; padding: 2px; } .slider-tweets .content-inner .right .scopus-small, .slider-cited .content-inner .right .scopus-small { background: #3c6976; width: 100%; height: 50%; } .slider-tweets .content-inner .right .scopus-small h3, .slider-tweets .content-inner .right .scopus-small p, .slider-cited .content-inner .right .scopus-small h3, .slider-cited .content-inner .right .scopus-small p { display: inline-block; line-height: 30%; } .slider-tweets .content-inner .right .scopus-small h3, .slider-cited .content-inner .right .scopus-small h3 { color: #f0f0f0; font-size: 12px; margin-bottom: 10px; padding: 2px; } /* News */ #news-demo { margin-bottom: 20px; border-bottom: 1px solid grey; display: none; } @media screen and (min-width: 960px) { #news-demo { display: block; } } .sy-box { display: none; } @media screen and (min-width: 960px) { .sy-box { display: block; } } .news-slider { /* Style the actual content */ /* JMIR Specific Styling */ padding-bottom: 0px; } @media screen and (min-width: 700px) { .news-slider { padding-bottom: 0px; } } .news-slider .text-content { position: absolute; top: 0; left: 0; right: 0; background-color: none; width: 100%; height: 100%; } .news-slider .text-content h2 { margin: 0; } .news-slider .text-content p { margin: 1em 0; } .news-slider .text-content a.button-link { text-decoration: none; background: #247CB3; color: white; padding: 3px; } .news-slider .image-content { line-height: 0; } .news-slider .image-content img { width: 100%; } .news-slider .news-pager { text-align: right; display: block; margin: 0.2em 0 0; padding: 0; list-style: none; } .news-slider .news-pager li { display: inline-block; padding: 0.6em; margin: 0 0 0 1em; } .news-slider .news-pager li.sy-active a { color: #31ace2; } .news-slider .news-pager li a { font-weight: 500; text-decoration: none; display: block; color: #222; } .text-content { padding: 0px; color: white; } .text-content p { padding: 5px; } .hastip { background: #4e332a; color: white; padding: 5px; border-radius: 2px; } footer { width: 100%; background: url(../images/irongrip.png); min-height: 400px; } footer h3 { text-align: center; color: white; font-size: 16px; padding: 10px 0px; background: rgba(0, 0, 0, 0.1); } footer h3 span { color: #a1a1a1; font-size: 14px; margin-left: 10px; } footer p { color: white; text-align: center; padding: 20px 0px; } footer .other-links-wrapper { width: 100%; max-width: 1280px; text-align: center; margin: 0 auto; } footer .other-links-wrapper .other-links-parent-li { display: block; width: auto; margin: 20px 0px; padding: 20px; vertical-align: top; } @media screen and (min-width: 850px) { footer .other-links-wrapper .other-links-parent-li { display: inline-block; width: 20%; margin: 20px 0px; padding: 20px; vertical-align: top; } } footer .other-links-wrapper .other-links-parent-li h3 { background: none; text-align: left; } footer .other-links-wrapper .other-links-parent-li ul li { margin-bottom: 5px; text-align: left; } footer .other-links-wrapper .other-links-parent-li ul li a { color: #C8C8C8; -webkit-transition: all 0.4s; transition: all 0.4s; font-size: 12px; } footer .other-links-wrapper .other-links-parent-li ul li a:hover { color: #247CB3; -webkit-transition: all 0.4s; transition: all 0.4s; } footer .other-links-wrapper a { color: white; text-decoration: none; } footer .social-media-wrapper { text-align: center; width: 100%; max-width: 1280px; margin: 30px auto 20px auto; } footer .social-media-wrapper ul li { display: inline-block; } footer .social-media-wrapper ul li a { color: white; text-decoration: none; font-size: 0px; -webkit-transition: all 0.4s; transition: all 0.4s; } footer .social-media-wrapper ul li a span { font-size: 36px; -webkit-transition: all 0.4s; transition: all 0.4s; } footer .social-media-wrapper ul li a:hover { color: #247CB3; text-decoration: none; font-size: 0px; -webkit-transition: all 0.4s; transition: all 0.4s; } footer .social-media-wrapper ul li a:hover span { font-size: 36px; -webkit-transition: all 0.4s; transition: all 0.4s; } footer .other-logos-wrapper { text-align: center; width: 100%; } footer .other-logos-wrapper h3 { color: white; padding-top: 30px; background: none; padding-bottom: 0px; } footer .other-logos-wrapper .other-logos-ul { background: white; text-align: center; margin-top: 20px; } footer .other-logos-wrapper .other-logos-ul li { display: inline-block; margin-right: 20px; } footer .other-logos-wrapper .other-logos-ul li a { text-align: center; display: inline-block; background: url(../images/3rd-party-logos.png) no-repeat; height: 43px; line-height: 0px; color: transparent; -webkit-filter: url("../js/filters.svg#grayscale"); filter: url("../js/filters.svg#grayscale"); /* Firefox 3.5+ */ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */ } footer .other-logos-wrapper .other-logos-ul li a:hover { filter: none; /* Applies to FF + IE */ -webkit-filter: grayscale(0); } footer .other-logos-wrapper .other-logos-ul li .doaj { width: 168px; } footer .other-logos-wrapper .other-logos-ul li .oaspa { width: 89px; background-position: -170px 0px; } footer .other-logos-wrapper .other-logos-ul li .cross-ref { width: 84px; background-position: -261px 0px; } footer .other-logos-wrapper .other-logos-ul li .cope { width: 48px; background-position: -346px 0px; } footer .other-logos-wrapper .other-logos-ul li .open-access { width: 86px; background-position: -396px 0px; } footer .other-logos-wrapper .other-logos-ul li .pub-med { width: 111px; background-position: -483px 0px; } footer .other-logos-wrapper .other-logos-ul li .pub-med-central { width: 123px; background-position: -606px 0px; } footer .other-logos-wrapper .other-logos-ul li .stm { width: 68px; background-position: -728px 0px; } footer .other-logos-wrapper .other-logos-ul li .trendMD-logo { width: 104px; background-position: -798px 0px; } .footers { padding: 0px 0px; } .body-article { background: white; } body.metrics { background: white; } .inner-wrapper { margin-top: 100px; } @media screen and (min-width: 960px) { .inner-wrapper { margin-top: 210px; } } .main-article ol, .main-article ul { list-style-type: disc; margin-left: 3%; width: 97%; list-style-position: inherit; } .main-article li ul, .main-article li ol { list-style-type: circle; padding-left: 10px; } .btn-scroll-top { display: none; background: #247CB3; border-radius: 2px; text-decoration: none; color: white; padding: 3px 6px; margin-top: 5px; margin-left: 3.125%; } @media screen and (min-width: 1170px) { .btn-scroll-top { display: block; } } .btn-scroll-top a { color: white; text-decoration: none; font-size: 12px; } .btn-citation { background: #247CB3 !important; outline: none; border-radius: 0px; color: white; text-decoration: none; cursor: pointer; position: relative !important; width: 100%; padding: 0px; height: 36px; left: 0px; line-height: 8px; } @media screen and (min-width: 700px) { .btn-citation { border-radius: 2px; } } .btn-citation-mobile { margin: 10px auto 0px auto !important; } @media screen and (min-width: 700px) { .btn-citation-mobile { display: none; } } .btn-citation-desktop, .btn-metadata-options-toggle, .btn-download-options-toggle { display: none; } @media screen and (min-width: 700px) { .btn-citation-desktop, .btn-metadata-options-toggle, .btn-download-options-toggle { display: block; width: auto; height: 20px; line-height: 20px; padding: 0px 8px; text-align: left; margin-bottom: 5px; background: #247CB3; border-radius: 2px; color: white; } } @media screen and (min-width: 700px) { .btn-citation-desktop { margin-top: 5px; } } .display-override { display: block !important; -webkit-transition: all .25s; transition: all .25s; } .references-list { list-style-type: decimal; list-style-position: inside; padding-left: 0px; } .main-article-content { width: 100%; min-height: 1000px; background: rgba(77, 222, 222, 0); float: left; } @media screen and (min-width: 700px) { .main-article-content { width: 65%; min-height: 1000px; background: rgba(77, 222, 222, 0); float: left; } } @media screen and (min-width: 1170px) { .main-article-content { width: 56%; float: right; position: inherit; margin: 0 2%; } } .main-article-content.sticky { width: 100%; min-height: 1000px; background: rgba(77, 222, 222, 0); float: left; } @media screen and (min-width: 700px) { .main-article-content.sticky { width: 65%; min-height: 1000px; background: rgba(77, 222, 222, 0); float: left; } } @media screen and (min-width: 1170px) { .main-article-content.sticky { width: 56%; float: none; position: inherit; margin-right: auto; margin: 0 auto; } } .h4-original-paper { font-size: 12px; color: #4A4A4A; margin-top: 10px; } @media screen and (min-width: 600px) { .h4-original-paper { font-size: 14px; } } .h4-original-paper span { font-size: 16px; margin-right: 3px; } .theme-tags { width: 100%; } .theme-tags h4 { font-size: 12px; margin-top: 7px; } .tags li { line-height: 20px; font-size: 10px; float: left; } @media screen and (min-width: 600px) { .tags li { font-size: 12px; line-height: 25px; } } .tags li { margin-right: 5px; margin-top: 0px; } .tags a { background: none; color: #247CB3; text-decoration: none; font-family: "Coda", sans-serif; display: inline-block; } .tags a:hover { text-decoration: underline; } .cited-title h2 { text-align: left; font-family: "Roboto", sans-serif; font-size: 18px; line-height: 22px; font-family: "Roboto-Light", sans-serif; margin-top: 10px; } .author-no-link-container { margin-top: 10px; border-bottom: 1px solid #999999; padding-bottom: 10px; } .authors-no-link { font-style: italic; } .crossref-citing-info { margin: 30px 0px; } .crossref-citing-info p a { color: #247CB3; text-decoration: none; } .cited-ul li { padding: 5px; } .cited-ul li:nth-child(odd) { background: #f4f4f4; } .note { font-style: italic; font-size: 12px; } .tweetations-nav ul { margin: 10px 0px; } .tweetations-nav ul li { display: inline-block; padding: 2px 5px; margin-right: 5px; margin-bottom: 10px; font-family: "Coda", sans-serif; } .tweetations-nav ul li a { text-decoration: none; font-family: "Coda", sans-serif; color: #247CB3; } .tweetations-nav ul li a:hover { border-bottom: 1px solid #247CB3; } .article-bookmark { position: absolute; top: 50px; right: 11px; } @media screen and (min-width: 700px) { .article-bookmark { float: left; height: 100%; width: 5%; position: inherit; margin-top: 2px; } } .article-bookmark .icon-bookmark { background: url("../images/icon-bookmark.png") no-repeat; background-size: 100%; background-position: 0px 0px; padding: 5px; } .article-title { height: 100%; width: 100%; margin-top: 10px; } @media screen and (min-width: 700px) { .article-title { float: left; height: 100%; width: 95%; } } .article-title h2 { text-align: left; font-family: "Roboto", sans-serif; font-size: 18px; line-height: 22px; } @media screen and (min-width: 600px) { .article-title h2 { font-size: 24px; line-height: 30px; } } .authors-container { width: 100%; } .authors { width: 100%; text-align: left; } .authors .author-affiliation-details { background: white; width: 100%; padding: 10px 0px; -webkit-transition: all 0.4s; transition: all 0.4s; } @media screen and (min-width: 960px) { .authors .author-affiliation-details { position: inherit; top: 0; left: 0; } } .authors .author-affiliation-details h3 { margin-left: 3.125%; } .authors .author-affiliation-details p { width: 100%; font-size: 12px; } .authors ul { width: 100%; } .authors ul li { display: inline-block; height: 28px; line-height: 28px; } .authors ul li a { background: none; color: #247CB3; font-size: 12px; margin: 0px; padding: 0px; text-decoration: none; font-family: "Coda", sans-serif; } .authors ul li a:hover { border-bottom: 1px solid #247CB3; } .authors ul li .author-orcid { background: url("../images/Orcid-ID-Logo-Colour.png") no-repeat; width: 24px; height: 28px; background-size: 16px; background-position: center; display: inline-block; -webkit-transition: all 0.25s; transition: all 0.25s; } .authors ul li .author-orcid:hover { border-bottom: none !important; background-size: 18px; background-position: center; -webkit-transition: all 0.25s; transition: all 0.25s; } .authors ul li .author-view-options { position: fixed; top: -100%; height: 80px; width: 100%; left: 0%; border-bottom: 2px solid #c6c6c6; -webkit-transition: all 0.4s; transition: all 0.4s; } .authors ul li .author-view-options a { display: block; background: #247CB3; color: white; width: 100; height: 50%; border-top: 1px solid white; text-align: center; line-height: 40px; text-decoration: none; font-family: "Coda", sans-serif; } .authors ul li .author-view-options button { width: 100%; background: #c6c6c6; text-align: left; text-indent: 5px; border: none; } .authors ul li .author-view-options button span { color: white; font-size: 14px; color: #247CB3; margin-right: 5px; } .authors ul li .author-view-options-open { position: fixed; top: 40px; height: 80px; width: 100%; left: 0%; border-bottom: 2px solid #c6c6c6; z-index: 999; -webkit-transition: all 0.4s; transition: all 0.4s; } .authors ul li .author-view-options-open a { display: block; background: #247CB3; color: white; width: 100; height: 50%; border-top: 1px solid white; text-align: center; line-height: 40px; text-decoration: none; font-family: "Coda", sans-serif; } .authors ul li .author-view-options-open button { width: 100%; background: #c6c6c6; text-align: left; text-indent: 5px; border: none; } .authors ul li .author-view-options-open button span { color: white; font-size: 14px; color: #247CB3; margin-right: 5px; } .corresponding-author-and-affiliations { width: 100%; position: relative; margin: 10px 0px; } .corresponding-author-and-affiliations button { background: #247CB3; border-radius: 2px; height: 30px; color: white; margin: 0px; width: 48%; } @media screen and (min-width: 960px) { .corresponding-author-and-affiliations button { display: none; } } .corresponding-author-and-affiliations .btn-corresponding-author-open { background: #f4f4f4; color: #247CB3; } .corresponding-author-and-affiliations .btn-corresponding-author { float: left; } .corresponding-author-and-affiliations .btn-close-corresponding-author-details { width: 100%; background: #247CB3; color: white; border-radius: 0px; margin-bottom: 5px; } .corresponding-author-and-affiliations .btn-close-corresponding-author-details span { font-size: 16px; } @media screen and (min-width: 960px) { .corresponding-author-and-affiliations .btn-close-corresponding-author-details { display: none; } } .corresponding-author-and-affiliations .corresponding-author-details { background: #f4f4f4; width: 100%; position: fixed; top: 41px; left: -200%; padding: 10px 0px 10px 0px; -webkit-transition: all 0.4s; transition: all 0.4s; } @media screen and (min-width: 960px) { .corresponding-author-and-affiliations .corresponding-author-details { position: inherit; top: 0; left: 0; } } .corresponding-author-and-affiliations .corresponding-author-details h3 { margin-left: 3.125%; } .corresponding-author-and-affiliations .corresponding-author-details p { width: 93.75%; font-size: 12px; margin-left: 3.125%; } .corresponding-author-and-affiliations .corresponding-author-details a { color: #247CB3; font-family: "Coda", sans-serif; text-decoration: none; } .corresponding-author-and-affiliations .corresponding-author-details a:hover { border-bottom: 1px solid #247CB3; } .corresponding-author-and-affiliations .corresponding-author-details-open { background: #f4f4f4; width: 100%; position: fixed; top: 41px; left: 0%; padding: 0px 0px 10px 0px; -webkit-transition: all 0.4s; transition: all 0.4s; border-bottom: 4px solid #247CB3; z-index: 999; } @media screen and (min-width: 960px) { .corresponding-author-and-affiliations .corresponding-author-details-open { position: inherit; top: 0; left: 0; } } .corresponding-author-and-affiliations .corresponding-author-details-open h3 { margin-left: 3.125%; } .corresponding-author-and-affiliations .corresponding-author-details-open p { width: 93.75%; font-size: 12px; margin-left: 3.125%; } .corresponding-author-and-affiliations .btn-author-affiliations { float: right; } .corresponding-author-and-affiliations .btn-close-author-affiliation-details { width: 100%; background: #247CB3; color: white; border-radius: 0px; margin-bottom: 5px; } .corresponding-author-and-affiliations .btn-close-author-affiliation-details span { font-size: 16px; } .article-content a { color: #247CB3; font-family: "Coda", sans-serif; text-decoration: none; } .article-content a:hover { border-bottom: 1px solid #247CB3; } .article-content h3 { margin: 10px 0px 5px 0px; } @media screen and (min-width: 600px) { .article-content h3 { font-size: 18px; margin: 20px 0px 10px 0px; } } .article-content h4 { margin: 20px 0px 5px 0px; } .article-content .h4-border-top { padding-top: 20px; border-top: 1px solid #f4f4f4; } .article-content .h4-border-top a { color: #247CB3; text-decoration: none; } .article-content h5 { font-style: italic; font-size: 14px; } .article-content p, .article-content li { font-size: 14px; line-height: 21px; color: #4A4A4A; font-family: "Roboto-Light", sans-serif; margin-bottom: 5px; } @media screen and (min-width: 600px) { .article-content p, .article-content li { font-size: 16px; line-height: 24px; } } .article-content p a, .article-content li a { color: #247CB3; text-decoration: none; } .article-content .italics { font-style: italic; margin: 10px 0px; padding: 10px 0px; } .article-content img { width: 100%; } figure { margin: 10px 0px; padding: 10px 0px; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; } figure a { color: #247CB3; text-decoration: none; text-align: center; font-family: "Coda", sans-serif; } figure a:hover { border-bottom: 1px solid #247CB3; } .figure-table { overflow: scroll; } .figure-table img { width: auto; } .figure-table table { width: 100%; background: white; margin-bottom: 12px; } .figure-table thead { background: #f1f1f1; border-top: 1px solid #444; } .figure-table thead td { font-weight: 700; } .figure-table tbody tr:hover { background: #e8e8e8; } .figure-table tbody tr { background: #ffffff; } .figure-table tbody tr:last-child { border-bottom: 1px solid #444; } figcaption span { font-size: 16px; } blockquote { width: 98%; border-left: 1px solid #f4f4f4; padding-left: 2%; margin: 10px 0px; font-style: italic; font-weight: 300; } ol { list-style-type: decimal; width: 94%; margin-left: 6%; } ol li a { color: #247CB3; text-decoration: none; -ms-word-break: break-all; /* Be VERY careful with this, breaks normal words wh_erever */ word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #tooltip { font-family: "Roboto-Light", sans-serif; } #tooltip a { color: white; text-decoration: none; font-weight: 700; font-size: 14px; } .abstract-sub-heading { font-weight: 700; } .h4-article-volume-issue { margin: 5px 0px; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 700; } .keywords-ul li { display: inline; margin-right: 5px; font-size: 14px; line-height: 21px; color: #4A4A4A; font-family: "Roboto-Light", sans-serif; } .trendMD { width: 100%; margin: 15px 0px; } .trendMD h3 { padding-top: 10px; text-align: center; } .h3-main-heading { border-bottom: 1px solid #4A4A4A; font-size: 16px; } .article-view-options { margin-top: 10px; } @media screen and (min-width: 600px) { .article-view-options { margin-top: 10px; } } .article-view-options ul { width: 100%; border-bottom: 1px solid #247CB3; } .article-view-options ul .tab-active { background: white; position: relative; border-left: 1px solid #247CB3; border-right: 1px solid #247CB3; } .article-view-options ul .tab-active a { color: #247CB3; } .article-view-options ul .tab-active:after { content: ""; border-bottom: 1px solid white; width: 100%; position: absolute; top: 100%; left: 0; } .article-view-options ul .tab-active:before { content: ""; border-bottom: 1px solid #247CB3; width: 100%; position: absolute; top: 0; left: 0; } .article-view-options ul li { float: left; background: #247CB3; margin-left: 5px; font-size: 11px; } @media screen and (min-width: 600px) { .article-view-options ul li { font-size: 16px; margin-left: 10px; height: 30px; line-height: 30px; } } @media screen and (min-width: 700px) { .article-view-options ul li { font-size: 15px; margin-left: 5px; height: 30px; line-height: 30px; } } .article-view-options ul li a { text-decoration: none; color: white; padding: 0px 2px; } @media screen and (min-width: 600px) { .article-view-options ul li a { padding: 0px 10px; } } @media screen and (min-width: 700px) { .article-view-options ul li a { padding: 0px 8px; } } .aside-left-alt-1 { position: fixed; -webkit-backface-visibility: hidden; width: 100%; height: 36px; bottom: 0px; left: 0px; z-index: 701; } .aside-left-alt-1 ul li { width: 100%; color: #4A4A4A; height: 30px; } .aside-left-alt-1 ul li a { color: #247CB3; font-family: "Coda", sans-serif; text-decoration: none; margin-left: 3.125%; height: 30px; line-height: 30px; } .aside-left-alt-1 ul li a:hover { border-bottom: 1px solid #247CB3; } @media screen and (min-width: 700px) { .aside-left-alt-1 { width: 30%; height: auto; float: right; position: inherit; } } @media screen and (min-width: 1170px) { .aside-left-alt-1 { width: 20%; float: left; } } @media screen and (min-width: 700px) { .aside-left-alt-1.sticky { width: 30%; height: auto; float: right; position: fixed; -webkit-backface-visibility: hidden; top: 110px; left: 68%; max-height: 275px; } } .aside-left-alt-2 { position: fixed; -webkit-backface-visibility: hidden; width: 100%; height: 36px; bottom: 0px; z-index: 701; } .aside-left-alt-2 ul li { width: 100%; color: #4A4A4A; height: 30px; } .aside-left-alt-2 ul li a { color: #247CB3; font-family: "Coda", sans-serif; text-decoration: none; margin-left: 3.125%; height: 30px; line-height: 30px; } .aside-left-alt-2 ul li a:hover { border-bottom: 1px solid #247CB3; } @media screen and (min-width: 700px) { .aside-left-alt-2 { width: 30%; height: auto; float: right; position: inherit; } } @media screen and (min-width: 1170px) { .aside-left-alt-2 { width: 20%; float: left; } } @media screen and (min-width: 1170px) { .aside-left-alt-2.sticky { width: 210px; height: auto; float: left; position: fixed; -webkit-backface-visibility: hidden; top: 110px; max-height: 275px; } } .aside-left { position: fixed; -webkit-backface-visibility: hidden; width: 100%; height: 56px; bottom: 0px; left: 0px; background: #EAEAEA; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 701; } .aside-left ul li { width: 100%; color: #4A4A4A; height: 30px; } .aside-left ul li a { color: #247CB3; font-family: "Coda", sans-serif; text-decoration: none; margin-left: 3.125%; height: 30px; line-height: 30px; } .aside-left ul li a:hover { border-bottom: 1px solid #247CB3; } @media screen and (min-width: 700px) { .aside-left { width: 30%; height: auto; float: right; position: inherit; -webkit-transition: all 0.4s; transition: all 0.4s; } } @media screen and (min-width: 1170px) { .aside-left { width: 20%; float: left; -webkit-transition: all 0.4s; transition: all 0.4s; } } @media screen and (min-width: 1170px) { .aside-left.sticky { position: fixed; top: 110px; left: 2%; max-height: 275px; -webkit-transition: all 0.4s; transition: all 0.4s; } } @media screen and (min-width: 700px) { .aside-left.sticky-alt { position: fixed; -webkit-backface-visibility: hidden; top: 110px; left: 68%; max-height: 275px; -webkit-transition: all 0.4s; transition: all 0.4s; } } .aside-left-open { position: fixed; -webkit-backface-visibility: hidden; width: 100%; bottom: 0px; left: 0px; background: #EAEAEA; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 701; padding-bottom: 55px; } @media screen and (min-width: 700px) { .aside-left-open { width: 30%; height: 300px; float: right; position: inherit; -webkit-transition: all 0.4s; transition: all 0.4s; padding-bottom: 0px; } } @media screen and (min-width: 1170px) { .aside-left-open { width: 20%; float: left; -webkit-transition: all 0.4s; transition: all 0.4s; } } .aside-left-open ul li { width: 100%; color: #4A4A4A; height: 30px; } .aside-left-open ul li a { color: #247CB3; font-family: "Coda", sans-serif; text-decoration: none; margin-left: 3.125%; height: 30px; line-height: 30px; } .aside-left-open ul li a:hover { border-bottom: 1px solid #247CB3; } .btn-share-TOC { background: #247CB3; height: 30px; padding: 0px 9px 0px 0px; color: white; border-radius: 2px; font-size: 13px; margin: 9px 0px; } .icon-share { background: url("../images/share.png") no-repeat; background-size: 50%; background-position: center; width: 30px; height: 16px; display: inline-block; } .hide-h3 { display: none; } @media screen and (min-width: 700px) { .hide-h3 { display: block; height: 32px; line-height: 32px; } } .btn-TOC { outline: none; text-decoration: none; background: #247CB3; width: 100%; text-align: left; color: white; line-height: 56px; margin: 0px; padding: 0px; font-size: 16px; } @media screen and (min-width: 700px) { .btn-TOC { background: none; display: none; height: 32px; line-height: 32px; color: #505050; font-size: 16px; font-family: "Fjalla One", sans-serif; } } .icon-TOC { background: url("../images/icon-TOC.png") no-repeat; background-size: 50%; background-position: center; width: 40px; height: 52px; display: inline-block; } @media screen and (min-width: 700px) { .icon-TOC { background: url("../images/icon-TOC-black.png") no-repeat; background-size: 50%; background-position: center; width: 32px; height: 32px; display: inline-block; } } .icon-Citations { background: url("../images/cite.png") no-repeat; background-size: 50%; background-position: center; padding: 16px; } .icon-Citations-black { background: url("../images/cite-black.png") no-repeat; background-size: 100%; background-position: center; padding: 7px; margin-right: 5px; } .icon-share-black { background: url("../images/share-black.png") no-repeat; background-size: 50%; background-position: center; width: 30px; height: 16px; display: inline-block; } .aside-right { width: 30%; height: 300px; position: fixed; -webkit-backface-visibility: hidden; bottom: 0px; right: 0px; height: 36px; z-index: 850; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .aside-right h3 { font-family: "Fjalla One", sans-serif; font-size: 16px; text-align: left; margin-top: 15px; } @media screen and (min-width: 700px) { .aside-right { margin-top: 7px; width: 30%; height: auto; float: right; position: inherit; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } } @media screen and (min-width: 1170px) { .aside-right { width: 19.963537%; } } @media screen and (min-width: 1170px) { .aside-right.sticky { width: 19.963537%; position: fixed; -webkit-backface-visibility: hidden; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; top: 110px; right: 1%; } } @media screen and (min-width: 1400px) { .aside-right.sticky { right: 2%; } } @media screen and (min-width: 1600px) { .aside-right.sticky { right: 3%; } } @media screen and (min-width: 1700px) { .aside-right.sticky { right: 4%; } } @media screen and (min-width: 1800px) { .aside-right.sticky { right: 5%; } } @media screen and (min-width: 1900px) { .aside-right.sticky { right: 6.3%; } } @media screen and (min-width: 2000px) { .aside-right.sticky { right: 7.5%; } } @media screen and (min-width: 2100px) { .aside-right.sticky { right: 8.5%; } } @media screen and (min-width: 2200px) { .aside-right.sticky { right: 9.5%; } } @media screen and (min-width: 2300px) { .aside-right.sticky { right: 10.5%; } } @media screen and (min-width: 2400px) { .aside-right.sticky { right: 11.2%; } } @media screen and (min-width: 2500px) { .aside-right.sticky { right: 12%; } } @media screen and (min-width: 2600px) { .aside-right.sticky { right: 12.7%; } } @media screen and (min-width: 2700px) { .aside-right.sticky { right: 13.3%; } } @media screen and (min-width: 2800px) { .aside-right.sticky { right: 13.9%; } } @media screen and (min-width: 700px) { .aside-right.sticky .btn-download-options { display: none; } } @media screen and (min-width: 1170px) { .aside-right.sticky .btn-download-options { position: initial; bottom: initial; right: initial; } } .aside-right.sticky .article-download-options-wrapper { width: 100%; position: initial; bottom: initial; right: initial; } .aside-right.sticky .article-download-options-wrapper ul { text-align: left; } .aside-right.sticky .sharing-options-wrapper { position: initial; width: 100%; bottom: initial; background: white; z-index: 699; } .aside-right.sticky .citation-options-wrapper { position: initial; width: 100%; bottom: initial; background: white; z-index: 699; } .btn-download-options { position: absolute; bottom: 0px; right: 0px; background: #5CB85C; color: white; margin: 0px; height: 56px; line-height: 30px; width: 100px; font-family: "Coda", sans-serif; font-size: 12px; z-index: 702; } @media screen and (min-width: 700px) { .btn-download-options { position: inherit; display: none; -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; text-align: left; background: #999999; height: 30px; line-height: 28px; } } .btn-download-options span { font-size: 28px; margin-right: 5px; display: inline-block; } .article-download-options-wrapper { position: fixed; width: 100%; right: -100%; bottom: 36px; background: #5CB85C; -webkit-transition: all 0.4s; transition: all 0.4s; text-align: center; } .article-download-options-wrapper h3 span { margin-right: 5px; font-size: 20px; } @media screen and (min-width: 700px) { .article-download-options-wrapper { position: inherit; -webkit-transition: all 0.4s; transition: all 0.4s; background: white; } } @media screen and (min-width: 1170px) { .article-download-options-wrapper { width: 100%; -webkit-transition: all 0.4s; transition: all 0.4s; } } .article-download-options-wrapper ul { text-align: left; } .article-download-options-wrapper ul li { height: 44px; display: inline-block; margin: 10px 0px; } .article-download-options-wrapper ul li a { width: 44px; height: 44px; padding: 0px; display: inline-block; margin: 0px; text-decoration: none; } .article-download-options-wrapper ul li a:hover { text-decoration: none; border-bottom: none; } .article-download-options-wrapper ul li .icon-html { background: url("../images/html.png"); background-size: 100%; } .article-download-options-wrapper ul li .icon-pdf { background: url("../images/pdf.png"); background-size: 100%; } .article-download-options-wrapper ul li .icon-xml { background: url("../images/xml.png"); background-size: 100%; } .icon-html { background: url("../images/html.png"); background-size: 100%; } .icon-pdf { background: url("../images/pdf.png"); background-size: 100%; } .article-download-options-wrapper-open { position: fixed; width: 100%; right: 0%; bottom: 56px; background: #5CB85C; -webkit-transition: all 0.4s; transition: all 0.4s; text-align: left; padding: 20px 0px; } @media screen and (min-width: 700px) { .article-download-options-wrapper-open { position: inherit; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0px 0px; } } .article-download-options-wrapper-open ul li { height: 44px; display: inline-block; margin: 10px 0px 10px 10px; } .article-download-options-wrapper-open ul li a { width: 44px; height: 44px; padding: 0px; display: inline-block; margin: 0px; text-decoration: none; } .article-download-options-wrapper-open ul li a:hover { text-decoration: none; border-bottom: none; } .article-download-options-wrapper-open ul li .icon-html { background: url("../images/html.png"); background-size: 100%; } .article-download-options-wrapper-open ul li .icon-pdf { background: url("../images/pdf.png"); background-size: 100%; } .article-download-options-wrapper-open ul li .icon-xml { background: url("../images/xml.png"); background-size: 100%; } .btn-close-citation, .btn-close-sharing, .btn-close-download, .btn-close-TOC { position: absolute; border-radius: 2px; border: 1px solid white; color: white; background: none; padding: 5px 10px; } @media screen and (min-width: 700px) { .btn-close-citation, .btn-close-sharing, .btn-close-download, .btn-close-TOC { display: none; } } .btn-close-citation, .btn-close-TOC, .btn-close-download { top: 10px; right: 10px; } .btn-close-sharing { top: 10px; right: 30px; } .btn-sharing-options { background: url("../images/share.png") no-repeat; background-size: 50%; background-position: center; margin: 0px 0px 0px 0px; height: 56px; width: 56px; color: white; text-align: center; font-size: 14px; font-family: 'Coda', sans-serif; position: absolute; bottom: 0px; right: 96px; background-color: #10293E; z-index: 703; } @media screen and (min-width: 700px) { .btn-sharing-options { display: none; } } .sharing-options-wrapper { position: fixed; width: 100%; bottom: -100%; background: #10293E; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 699; padding: 0px 0px 10px 0px; } @media screen and (min-width: 700px) { .sharing-options-wrapper { position: inherit; -webkit-transition: all 0.4s; transition: all 0.4s; background: white; } } .sharing-options-wrapper-open { position: fixed; width: 100%; left: 0px; bottom: 56px; background: #10293E; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 699; padding: 40px 10px; } @media screen and (min-width: 700px) { .sharing-options-wrapper-open { position: inherit; background: white; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 0px 0px; } } .sharing-options-wrapper-open ul li span { color: white; } .btn-close-sidebar-section-export, .btn-close-sidebar-section-download { border: 1px solid #247CB3; border-radius: 2px; margin-top: 5px; margin-right: 10px; background: white; -webkit-transition: all .25s; transition: all .25s; } .btn-close-sidebar-section-export .typcn-times, .btn-close-sidebar-section-download .typcn-times { color: #247CB3; font-size: 10px; -webkit-transition: all .25s; transition: all .25s; } .btn-close-sidebar-section-export:hover, .btn-close-sidebar-section-download:hover { background: #247CB3; -webkit-transition: all .25s; transition: all .25s; } .btn-close-sidebar-section-export:hover .typcn-times, .btn-close-sidebar-section-download:hover .typcn-times { color: white; -webkit-transition: all .25s; transition: all .25s; } .btn-citation-options { background: url("../images/cite.png") no-repeat; background-size: 50%; background-position: center; margin: 0px 0px 0px 0px; height: 56px; width: 56px; color: white; text-align: center; font-size: 14px; font-family: 'Coda', sans-serif; position: absolute; bottom: 0px; right: 152px; background-color: #334654; z-index: 704; } @media screen and (min-width: 700px) { .btn-citation-options { display: none; } } .citation-options-wrapper { position: fixed; width: 100%; bottom: -100%; background: #334654; -webkit-transition: all 0.4s; transition: all 0.4s; z-index: 699; } .citation-options-wrapper h3 { color: #505050; background: none; height: 30px; line-height: 30px; font-family: "Fjalla One", sans-serif; font-size: 16px; text-align: left; } .citation-options-wrapper h3 span { font-size: 16px; } .citation-options-wrapper p, .citation-options-wrapper li, .citation-options-wrapper a { color: white; font-size: 12px; margin-left: 3.125%; } @media screen and (min-width: 700px) { .citation-options-wrapper p, .citation-options-wrapper li, .citation-options-wrapper a { color: #4A4A4A; font-size: 12px; line-height: 18px; font-family: "Roboto-Light", sans-serif; margin-left: 0; } } .citation-options-wrapper a { font-weight: 700; border-bottom: 1px solid white; text-decoration: none; } @media screen and (min-width: 700px) { .citation-options-wrapper a { color: #247CB3; text-decoration: none; font-weight: 300; } } .citation-options-wrapper a { font-family: "Coda", sans-serif; } .citation-options-wrapper a:hover { text-decoration: underline; } @media screen and (min-width: 700px) { .citation-options-wrapper { position: inherit; -webkit-transition: all 0.4s; transition: all 0.4s; background: white; } } .citation-options-wrapper-open { position: fixed; width: 100%; top: 40px; left: 0px; bottom: 56px; background: #334654; -webkit-transition: all 0.4s; transition: all 0.4s; padding: 40px 0px; z-index: 699; overflow: scroll; } @media screen and (min-width: 700px) { .citation-options-wrapper-open { position: inherit; -webkit-transition: all 0.4s; transition: all 0.4s; background: white; padding: 20px 0px; } } .citation-options-wrapper-open h3 { text-align: center; color: white; padding: 5px 0px; margin-bottom: 10px; } .citation-options-wrapper-open h3 i { display: none; } @media screen and (min-width: 700px) { .citation-options-wrapper-open h3 i { display: initial; } } .citation-options-wrapper-open p a { margin-left: 0px; } .citation-options-wrapper-open p, .citation-options-wrapper-open li, .citation-options-wrapper-open a { color: white; font-size: 12px; margin-left: 0; } @media screen and (min-width: 700px) { .citation-options-wrapper-open p, .citation-options-wrapper-open li, .citation-options-wrapper-open a { color: #4A4A4A; background: white; font-size: 13px; line-height: 21px; font-family: "Roboto-Light", sans-serif; margin-left: 0; } } .citation-options-wrapper-open #copyText p { color: #444444; } .citation-options-wrapper-open .export-article-endnote a, .citation-options-wrapper-open .export-article-bibtex a, .citation-options-wrapper-open .export-article-refman a { background: #247CB3; color: white; font-family: "Coda", sans-serif; text-decoration: none; padding: 0px 5px; border-radius: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; width: 60px; height: 30px; line-height: 30px; border: none; margin: 0px 0px 12px 0px !important; display: inline-block; text-align: center; } .citation-options-wrapper-open .export-article-mendeley, .citation-options-wrapper-open .export-article-citeulike { background: #247CB3; color: white; font-family: "Coda", sans-serif; border-bottom: none; height: 36px; line-height: 36px; text-decoration: none; text-align: center; } .citation-options-wrapper-open .export-article-mendeley a, .citation-options-wrapper-open .export-article-citeulike a { border: none; font-weight: 400; } .citation-options-wrapper-open .export-article-mendeley { margin-bottom: 12px; } .citation-options-wrapper-open .export-article-citeulike { margin-bottom: 0px; } .citation-options-wrapper-open .hide-p { display: none; } @media screen and (min-width: 700px) { .citation-options-wrapper-open .hide-p { display: initial; } } .citation-options-wrapper-open a { font-weight: 700; border-bottom: 1px solid white; text-decoration: none; } .author-copyright { width: 93.75%; margin: 20px auto; } .author-copyright h4 { color: white; text-align: center; padding-top: 10px; } .author-copyright p { color: white; text-align: left; font-size: 12px; } .close-footnote { background: none; border: 1px solid white; color: white; } .no-touch .close-footnote { display: none; } .issueNav a { font-size: 14px; margin-right: 10px; } .viewYearNav { text-align: center; } .viewYearNav a { font-size: 14px; margin-right: 10px; } .next { font-family: "Coda", sans-serif !important; margin-left: 10px !important; font-size: 16px !important; } .previous { font-family: "Coda", sans-serif !important; margin-right: 10px !important; font-size: 16px !important; } .TOC-wrapper { margin-top: 110px; min-height: 1000px; } @media screen and (min-width: 430px) { .TOC-wrapper { max-width: 400px; margin: 110px auto 0px auto; } } @media screen and (min-width: 600px) { .TOC-wrapper { max-width: 100%; width: 100%; margin: 110px auto 0px auto; } } @media screen and (min-width: 960px) { .TOC-wrapper { margin-top: 210px; } } .TOC-wrapper .article-view-options ul { margin-bottom: 20px; } .TOC-wrapper .article-view-options ul .tab-active { background: #f9f9f9; } .TOC-wrapper .article-view-options ul .tab-active:after { border-bottom: 1px solid #f9f9f9; } .TOC-wrapper .article-view-options ul a { font-family: "Coda", sans-serif; } .TOC-wrapper .article-view-options ul a:hover { text-decoration: none; border-bottom: none; } .TOC-wrapper h2 { text-align: center; font-size: 18px; line-height: 28px; margin-bottom: 20px; } @media screen and (min-width: 700px) { .TOC-wrapper h2 { font-size: 24px; line-height: 34px; } } .TOC-wrapper .loading-image { width: 40px; margin: 0 auto; } .TOC-wrapper .link-issue-pdf, .TOC-wrapper .link-issue-citations { display: inline-block; height: 32px; line-height: 32px; background: #247CB3; color: white; font-size: 14px; padding: 0px 7px; border-radius: 2px; margin-bottom: 10px; } .TOC-wrapper .link-issue-pdf:hover, .TOC-wrapper .link-issue-citations:hover { border-bottom: none; text-decoration: none; } .TOC-wrapper .heading-citations-closed li, .TOC-wrapper .heading-citations-open li { display: inline-block; margin-right: 10px; } .TOC-wrapper .heading-citations-closed li a, .TOC-wrapper .heading-citations-open li a { background: none; border-radius: 0px; padding: 0px; } .TOC-wrapper .heading-citations-closed { display: none; } .TOC-wrapper .heading-citations-open { display: block; } .TOC-wrapper .h3-theme-tag { margin-bottom: 20px; margin-top: 30px; } .TOC-wrapper .h3-theme-tag a { font-family: 'Fjalla One', sans-serif; font-weight: 300; font-size: 18px; line-height: 28px; } @media screen and (min-width: 700px) { .TOC-wrapper .h3-theme-tag a { font-size: 24px; line-height: 34px; } } .TOC-wrapper .h3-theme-tag a:hover { border-bottom: 1px solid #247CB3; } .TOC-wrapper a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none; } .TOC-wrapper a:hover { border-bottom: 1px solid #247CB3; } .TOC-wrapper h2 { font-size: 24px; margin-bottom: 20px; } .TOC-wrapper h3 { font-family: "Roboto-Light", sans-serif; font-size: 14px; line-height: 20px; } .TOC-wrapper h4 { font-family: "Roboto", sans-serif; font-size: 12px; line-height: 20px; } .toc-article-card, .toc-article-card-no-image { width: 100%; height: auto; position: relative; overflow: hidden; background: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); margin-bottom: 20px; } .toc-article-card .image-wrapper, .toc-article-card-no-image .image-wrapper { width: 100%; position: relative; } .toc-article-card .image-wrapper a:hover, .toc-article-card-no-image .image-wrapper a:hover { border-bottom: none; text-decoration: none; } .toc-article-card .image-wrapper span, .toc-article-card-no-image .image-wrapper span { position: absolute; color: #247CB3; background: #247CB3; color: white; bottom: 15px; right: 10px; width: 24px; height: 24px; cursor: pointer; border-radius: 2px; -webkit-transition: all .25s; transition: all .25s; font-size: 18px; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); text-align: center; } .toc-article-card .image-wrapper span:hover, .toc-article-card-no-image .image-wrapper span:hover { position: absolute; color: #247CB3; background: white; bottom: 15px; right: 10px; width: 24px; height: 24px; cursor: pointer; border-radius: 2px; -webkit-transition: all .26s; transition: all .26s; box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.22); text-align: center; } @media screen and (min-width: 600px) { .toc-article-card .image-wrapper, .toc-article-card-no-image .image-wrapper { float: left; width: 33%; } } @media screen and (min-width: 770px) { .toc-article-card .image-wrapper, .toc-article-card-no-image .image-wrapper { float: left; width: 20%; } } .toc-article-card .image-wrapper img, .toc-article-card-no-image .image-wrapper img { width: 100%; } .toc-article-card .details, .toc-article-card-no-image .details { box-sizing: border-box; width: 96%; height: 100%; margin: 0 auto; padding: 0px 12px; } @media screen and (min-width: 600px) { .toc-article-card .details, .toc-article-card-no-image .details { float: right; width: 55%; } } @media screen and (min-width: 770px) { .toc-article-card .details, .toc-article-card-no-image .details { float: right; width: 78%; margin: 0px 1% 0px 0px; } } .toc-article-card .title, .toc-article-card-no-image .title { width: 100%; margin: 5px auto; } .toc-article-card .title a, .toc-article-card-no-image .title a { font-family: "Roboto-Light", sans-serif; font-weight: 700; } @media screen and (min-width: 500px) { .toc-article-card .title a, .toc-article-card-no-image .title a { font-size: 18px; line-height: 26px; } } .toc-article-card .authors, .toc-article-card-no-image .authors { width: 100%; margin: 5px auto; } .toc-article-card .authors li, .toc-article-card-no-image .authors li { display: inline-block; margin: 0px 5px 0px 0px; height: 24px; vertical-align: top; } @media screen and (min-width: 500px) { .toc-article-card .authors li, .toc-article-card-no-image .authors li { height: 30px; line-height: 30px; } } .toc-article-card .authors li a, .toc-article-card-no-image .authors li a { font-size: 12px; } @media screen and (min-width: 500px) { .toc-article-card .authors li a, .toc-article-card-no-image .authors li a { font-size: 14px; line-height: 22px; } } .toc-article-card .authors .author-orcid, .toc-article-card-no-image .authors .author-orcid { background: url("../images/Orcid-ID-Logo-Colour.png") no-repeat; width: 24px; height: 19px; background-size: 16px; background-position: center; display: inline-block; -webkit-transition: all 0.25s; transition: all 0.25s; } .toc-article-card .authors .author-orcid:hover, .toc-article-card-no-image .authors .author-orcid:hover { border-bottom: none !important; background-size: 18px; background-position: center; -webkit-transition: all 0.25s; transition: all 0.25s; } .toc-article-card .meta, .toc-article-card-no-image .meta { width: 100%; margin: 0px auto; padding-bottom: 5px; } @media screen and (min-width: 500px) { .toc-article-card .meta h4, .toc-article-card-no-image .meta h4 { font-size: 14px; line-height: 22px; } } .toc-article-card .meta .toc-citations, .toc-article-card-no-image .meta .toc-citations { margin-top: 10px; margin-bottom: 10px; } .toc-article-card .meta .download-citations, .toc-article-card-no-image .meta .download-citations { background: white; padding: 0px; color: #505050; border-radius: 2px; margin: 0px 0px 0px 0px; font-weight: 700; float: left; } .toc-article-card .meta ul, .toc-article-card-no-image .meta ul { float: left; margin-left: 10px; } .toc-article-card .meta ul li, .toc-article-card-no-image .meta ul li { display: inline-block; margin-right: 10px; background: none; } .toc-article-card .meta ul li a, .toc-article-card-no-image .meta ul li a { background: none; padding: 0px; border-radius: 0px; } .toc-article-card .download-options ul, .toc-article-card-no-image .download-options ul { position: relative; } .toc-article-card .download-options ul li, .toc-article-card-no-image .download-options ul li { height: 44px; display: inline-block; margin: 10px 0px; } .toc-article-card .download-options ul li a, .toc-article-card-no-image .download-options ul li a { width: 44px; height: 44px; padding: 0px; display: inline-block; margin: 0px; text-decoration: none; } .toc-article-card .download-options ul li a:hover, .toc-article-card-no-image .download-options ul li a:hover { border-bottom: none; } .toc-article-card .download-options ul li a.icon-html, .toc-article-card-no-image .download-options ul li a.icon-html { background: url("../images/html.png"); background-size: 100%; } .toc-article-card .download-options ul li a.icon-pdf, .toc-article-card-no-image .download-options ul li a.icon-pdf { background: url("../images/pdf.png"); background-size: 100%; } .toc-article-card .download-options ul li a.icon-xml, .toc-article-card-no-image .download-options ul li a.icon-xml { background: url("../images/xml.png"); background-size: 100%; } .toc-article-card .download-options ul li .btn-abstract, .toc-article-card-no-image .download-options ul li .btn-abstract { background: #247CB3; padding: 0px 5px; color: white; height: 30px; border-radius: 2px; line-height: 30px; position: absolute; right: 2%; top: 29px; } .toc-article-card-no-image { min-height: 180px; } @media screen and (min-width: 600px) { .toc-article-card-no-image .details { float: none; width: 80%; margin: 20px auto; } } .TOC-abstract-open { background: white; position: fixed; left: 0%; right: 0%; top: 90px; z-index: 888; bottom: 0; padding: 30px 10px 30px 10px; border-top: 4px solid #247CB3; overflow: auto; -webkit-transition: all 0.8s; transition: all 0.8s; } @media screen and (min-width: 600px) { .TOC-abstract-open { top: 170px; left: 10%; right: 10%; border-top: none; box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2); padding: 40px; } } @media screen and (min-width: 960px) { .TOC-abstract-open { top: 170px; left: 15%; right: 15%; } } @media screen and (min-width: 1260px) { .TOC-abstract-open { top: 170px; left: 20%; right: 20%; } } .TOC-abstract-open .btn-close-TOC-abstract { float: right; background: #247CB3; color: white; border-radius: 2px; } .TOC-abstract-open .btn-close-TOC-abstract span { font-size: 15px; } .TOC-abstract-open h2 { font-size: 17px; line-height: 24px; text-align: left; } .TOC-abstract-open p { font-size: 14px; line-height: 21px; font-family: "Roboto-Light", sans-serif; } .TOC-abstract { background: white; position: fixed; left: 0%; right: 0%; top: 200%; z-index: 888; bottom: 0; padding: 15px 10px 30px 10px; border-top: 4px solid #247CB3; overflow: auto; -webkit-transition: all 0.8s; transition: all 0.8s; } @media screen and (min-width: 600px) { .TOC-abstract { left: 10%; right: 10%; border-top: none; box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2); padding: 40px; } } @media screen and (min-width: 960px) { .TOC-abstract { left: 15%; right: 15%; } } @media screen and (min-width: 1260px) { .TOC-abstract { left: 20%; right: 20%; } } .TOC-abstract .btn-close-TOC-abstract { float: right; background: #247CB3; color: white; border-radius: 2px; } .TOC-abstract .btn-close-TOC-abstract span { font-size: 15px; } .TOC-abstract h2 { font-size: 17px; line-height: 24px; } .TOC-abstract p { font-size: 14px; line-height: 21px; font-family: "Roboto-Light", sans-serif; } .h3-view-year { text-align: center; font-family: "Fjalla One", sans-serif; margin-top: 30px; margin-bottom: 20px; border-top: 1px solid #d4d4d4; padding-top: 70px; } .h3-view-year .vol-link { font-family: "Fjalla One", sans-serif; font-size: 24px; line-height: 30px; } .themes-ul { text-align: center; } .themes-ul li { display: inline-block; vertical-align: top; margin: 8px; } .theme-card { width: 300px; height: 340px; background: white; vertical-align: top; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); position: relative; } .theme-card .theme-title-holder { width: 96%; margin: 5px auto; } .theme-card h3 { text-align: left; } .theme-card .image-wrapper { width: 100%; } .theme-card .image-wrapper img { width: 100%; } .a-to-z-links-wrapper { text-align: center; } .a-to-z-links-wrapper ul li { display: inline-block; margin: 3px; } .a-to-z-links-wrapper .active { color: #505050; } .authors-list { margin: 40px auto; } .authors-list h3 { font-family: "Fjalla One", sans-serif; font-size: 18px; margin-bottom: 10px; } .authors-list ol { width: 100%; margin: 0px; background: white; padding: 10px 0px; list-style-type: none; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } .authors-list ol h3 { font-family: "Fjalla One", sans-serif; font-size: 18px; margin-bottom: 10px; margin: 0px 5px; padding: 5px 2px; } .authors-list ol li { margin: 0px 5px; padding: 10px 2px; } .authors-list ol li:nth-child(even) { background: #f9f9f9; } .titles-list-parent-li { margin: 20px 0px !important; } .titles-list li { margin: 5px 0px; } .titles-list-ul { max-width: 800px; margin: 0 auto; } .title-card { background: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } .title-card-content { width: 96%; margin: 0 auto; padding: 5px 0px; } .title-card-content h3 { font-family: 'Roboto', sans-serif; margin: 5px 0px; font-size: 16px; border-bottom: 1px solid #f1f1f1; } .title-card-content p { font-size: 12px; } .browse-title-list-author li { display: inline-block; font-style: italic; margin: 0px; color: #4A4A4A; font-size: 12px; } .download-options ul { position: relative; } .download-options ul li { height: 44px; display: inline-block; margin: 10px 0px; } .download-options ul li a { width: 44px; height: 44px; padding: 0px; display: inline-block; margin: 0px; text-decoration: none; } .download-options ul li a:hover { border-bottom: none; } .download-options ul li a.icon-html { background: url("../images/html.png"); background-size: 100%; } .download-options ul li a.icon-pdf { background: url("../images/pdf.png"); background-size: 100%; } .download-options ul li a.icon-xml { background: url("../images/xml.png"); background-size: 100%; } .download-options ul li .btn-abstract { background: #247CB3; padding: 0px 5px; color: white; height: 30px; border-radius: 2px; line-height: 30px; position: absolute; right: 2%; top: 29px; } .a-member-publication { font-family: "Coda", sans-serif !important; font-size: 14px !important; } .announcements-wrapper { margin-top: 110px; min-height: 1000px; } @media screen and (min-width: 960px) { .announcements-wrapper { margin-top: 210px; margin-bottom: 210px; } } .announcements-wrapper img { width: auto; } .announcements-wrapper h2 { font-size: 24px; margin-bottom: 20px; text-align: center; } .announcements-wrapper .read-more { font-family: "Coda", sans-serif; color: white; background: #247CB3; text-decoration: none; padding: 2px 4px; border-radius: 2px; float: right; } .announcements-wrapper a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none; } .announcements-wrapper a:hover { border-bottom: 1px solid #247CB3; } .announcements-ul { margin: 0 auto; max-width: 900px; } .announcements-ul li { margin: 40px 0px; } .announcement-card { background: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); padding: 15px 10px; } @media screen and (min-width: 960px) { .announcement-card { padding: 30px 80px; } } .announcement-card ul { list-style: disc; list-style-position: inside; } .announcement-card h3 { font-size: 18px; line-height: 26px; margin: 10px 0px; } @media screen and (min-width: 960px) { .announcement-card h3 { font-size: 24px; line-height: 34px; } } .announcement-card p, .announcement-card li { font-family: "Roboto-Light", sans-serif; margin: 10px 0px; } @media screen and (min-width: 960px) { .announcement-card p, .announcement-card li { font-size: 18px; line-height: 26px; } } .announcement { margin: 0 auto; max-width: 900px; background: white; padding: 24px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } .announcement h2 { text-align: left; margin: 24px 0px; line-height: 36px; } .announcement ul { list-style: disc; list-style-position: inside; } .announcement h3 { font-size: 22px; line-height: 30px; margin: 20px 0px; } @media screen and (min-width: 960px) { .announcement h3 { font-size: 24px; line-height: 34px; } } .announcement p, .announcement li { font-family: "Roboto-Light", sans-serif; margin: 10px 0px; } @media screen and (min-width: 960px) { .announcement p, .announcement li { font-size: 18px; line-height: 26px; } } .membership-wrapper { margin: 110px auto 0px auto; min-height: 1000px; max-width: 1200px; } @media screen and (min-width: 430px) { .membership-wrapper { margin: 110px auto 0px auto; } } @media screen and (min-width: 960px) { .membership-wrapper { margin-top: 210px; } } .membership-more-info { min-width: 240px; cursor: pointer; } .a-select-membership { color: white !important; background: #247CB3 !important; border-radius: 2px; text-decoration: none; -webkit-transition: all .25s; transition: all .25s; font-size: 12px; -webkit-transition: all .4s; transition: all .4s; height: 24px !important; line-height: 24px !important; border-radius: 2px !important; padding: 0px 5px !important; margin-left: 5px !important; } .a-select-membership:hover { background: #0E517B; -webkit-transition: all .25s; transition: all .25s; } input[type="image"] { width: auto; display: inline-block; border: none; } .form-wrapper * { box-sizing: border-box; } .form-wrapper { box-sizing: border-box; min-height: 888px; margin: 20px auto; background: #f9f9f9; padding: 5px 2%; } @media screen and (min-width: 700px) { .form-wrapper { padding: 20px 0%; } } .form-wrapper h3 { text-align: center; } .form-wrapper h3 span { font-size: 26px; } .form-wrapper h4 { margin-top: 5px; margin-bottom: 10px; font-size: 18px; line-height: 27px; } @media screen and (min-width: 700px) { .form-wrapper h4 { margin-top: 20px; } } .membership-form { width: 100%; padding: 20px 0px; margin: 20px auto; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); background: white; } @media screen and (min-width: 700px) { .membership-form { padding: 20px 10%; margin: 20px auto; } } .membership-form a:hover { border-bottom: none; } .membership-form img { width: auto; height: auto; } .membership-form label { width: 100%; margin: 20px auto; display: block; } .membership-form input { width: 100%; padding: 2px 2%; display: block; height: 44px; margin: 5px auto 15px auto; border: 1px solid #247CB3; } .membership-form input[type="checkbox"], .membership-form input[type="radio"] { height: auto; width: auto; display: inline-block; margin-right: 10px; } .membership-form input[type="submit"] { width: 50%; margin: 20px 0px 20px 0px; font-size: 18px; font-family: "Coda", sans-serif; background: #5CB85C; color: white; border: none; } .membership-form input[type="button"] { width: 50%; margin: 20px 0px 20px 0px; font-size: 18px; font-family: "Coda", sans-serif; background: #444444; color: white; border: none; } .membership-form input[type="image"] { width: auto; display: inline-block; border: none; } .membership-form textarea { display: block; resize: none; border-radius: 1px; border: 1px solid #247CB3; width: 100%; padding: 0px; height: 150px; } .form-section { padding: 10px; margin: 10px auto; } @media screen and (min-width: 700px) { .form-section { margin: 50px auto; padding: 20px; } } .form-section dl dt { min-width: 15%; float: none; } @media screen and (min-width: 700px) { .form-section dl dt { float: left; } } @media screen and (min-width: 700px) { .form-section dl dd { margin-left: 10px; } } .btn-choose-membership { background: #247CB3; color: white; font-size: 12px; -webkit-transition: all .4s; transition: all .4s; padding: 0px 5px; height: 24px; line-height: 26px; border-radius: 2px; } .btn-choose-membership:hover { background: #0E517B; -webkit-transition: all .4s; transition: all .4s; } .text-holder { background: white; border-radius: 1px; padding: 20px 10%; margin: 40px auto; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } .psi-img { width: 100%; } @media screen and (min-width: 700px) { .psi-img { width: 20%; float: left; } } .psi-info { width: 100%; } @media screen and (min-width: 700px) { .psi-info { width: 60%; float: left; margin-left: 5px; } } .psi-info p { display: inline-block; width: 90%; padding: 0px 5%; } .membership-info-popup { width: 93.75%; position: fixed; top: 25%; left: 50%; margin-left: -46.875%; background: white; } .btn-menu-mobile, .btn-menu-mobile-close { cursor: pointer; color: white; font-size: 0px; position: fixed; top: 0px; right: 4px; z-index: 999; background: none; height: 40px; } @media screen and (min-width: 960px) { .btn-menu-mobile, .btn-menu-mobile-close { display: none; } } .icon-menu { background: url("../images/icon-menu.png") no-repeat; background-size: 90%; background-position: center; width: 32px; height: 32px; display: block; } .icon-menu-close { background: url("../images/icon-x.png") no-repeat; background-size: 100%; background-position: center; width: 32px; height: 32px; display: block; } .btn-menu-mobile-search, .btn-menu-mobile-search-close { cursor: pointer; color: white; font-size: 0px; position: fixed; top: 0px; right: 50px; z-index: 999; background: none; height: 40px; } @media screen and (min-width: 960px) { .btn-menu-mobile-search, .btn-menu-mobile-search-close { display: none; } } .btn-menu-mobile-search .icon-search-mobile, .btn-menu-mobile-search-close .icon-search-mobile { background: url("../images/icon-search-white.png") no-repeat; background-size: 60%; background-position: center; width: 32px; height: 32px; display: block; } .btn-menu-mobile-user { cursor: pointer; color: white; font-size: 0px; position: fixed; top: 0px; right: 90px; z-index: 999; background: none; height: 40px; } @media screen and (min-width: 960px) { .btn-menu-mobile-user { display: none; } } .btn-menu-mobile-user .icon-user { background: url("../images/icon-user.png") no-repeat; background-size: 60%; background-position: center; width: 32px; height: 32px; display: block; } .btn-mobile-twitter-follow { cursor: pointer; color: white; font-size: 0px; position: fixed; top: 5px; right: 113px; z-index: 999; background: none; height: 32px; } @media screen and (min-width: 960px) { .btn-mobile-twitter-follow { display: none; } } .btn-mobile-twitter-follow .icon-twitter-follow { background: url("../images/icon-twitter-follow.png") no-repeat; background-size: 60%; background-position: center; width: 32px; height: 32px; display: block; } .btn-mobile-twitter-follow img { width: 32%; } .mobile-sign-in-options-closed { position: fixed; top: -100px; left: 0px; width: 100%; border-bottom: 1px solid #dedede; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 822; } .mobile-sign-in-options-closed button { display: block; width: 100%; margin: 0px; background: #247CB3; height: 36px; color: white; font-size: 16px; border-bottom: 1px solid #0E517B; border-top: 1px solid white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.22); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .mobile-sign-in-options-closed a { text-decoration: none; color: white; } .mobile-sign-in-open { position: fixed; top: 40px; left: 0px; width: 100%; border-bottom: 1px solid #dedede; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 822; } .mobile-sign-in-open button { display: block; width: 100%; margin: 0px; background: #247CB3; height: 36px; color: white; font-size: 16px; border-bottom: 1px solid #0E517B; border-top: 1px solid white; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.22); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .mobile-sign-in-open a { text-decoration: none; color: white; } .search-advanced { position: fixed; z-index: 749; /* center the element */ right: 0; left: 0; top: 91px; margin-right: auto; margin-left: auto; /* give it dimensions */ min-height: 10em; width: 100%; bottom: 0; min-width: 320px; background: #0E517B; background: rgba(14, 81, 123, 0.95); overflow: auto; } @media screen and (min-width: 700px) { .search-advanced { top: 20%; border-top: 4px solid #c6c6c6; } } .search-advanced .btn-close-advanced-search { border-radius: 2px; color: #247CB3; background: #f6f6f6; margin-right: 3.125%; margin-top: 8px; float: right; } .search-advanced .btn-close-advanced-search span { font-size: 14px; } .search-advanced .search-advanced-inner-wrapper { width: 100%; max-width: 640px; margin: 0px auto; } .search-advanced select { display: inline-block; height: 30px; font-size: 12px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: none; border-radius: 2px !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } @media screen and (min-width: 700px) { .search-advanced select { height: 40px; } } .search-advanced .input-wrapper { width: 100%; padding-bottom: 0px; margin-left: 0%; margin-bottom: 10px; } .search-advanced .input-wrapper p { width: 93.75%; margin: 0px auto; color: white; padding: 10px 0px; border-bottom: 1px solid white; } @media screen and (min-width: 700px) { .search-advanced .input-wrapper p { font-size: 18px; } } .search-advanced .input-wrapper .advanced-search-field, .search-advanced .input-wrapper .advanced-search-criteria { width: 93.75%; margin: 5px auto; line-height: 20px; font-size: 12px !important; color: white; } .search-advanced .input-wrapper .advanced-search-field select, .search-advanced .input-wrapper .advanced-search-criteria select { width: 100%; } @media screen and (min-width: 700px) { .search-advanced .input-wrapper .advanced-search-field select, .search-advanced .input-wrapper .advanced-search-criteria select { height: 40px; } } .search-advanced .input-wrapper .advanced-search-field input[type="text"], .search-advanced .input-wrapper .advanced-search-criteria input[type="text"] { width: 100%; height: 30px; padding: 0px; text-indent: 5px; } @media screen and (min-width: 700px) { .search-advanced .input-wrapper .advanced-search-field input[type="text"], .search-advanced .input-wrapper .advanced-search-criteria input[type="text"] { height: 40px; } } .search-advanced .search-add-criteria-wrapper { width: 100%; padding-top: 10px; margin-left: 0%; margin-bottom: 20px; } .search-advanced .search-add-criteria-wrapper .advanced-search-field-and-or-not { width: 45.3125%; float: left; margin-left: 3.125%; margin-bottom: 5px; line-height: 20px; font-size: 12px !important; color: white; } .search-advanced .search-add-criteria-wrapper .advanced-search-field-and-or-not select { width: 100%; } @media screen and (min-width: 700px) { .search-advanced .search-add-criteria-wrapper .advanced-search-field-and-or-not select { height: 40px; } } .search-advanced .search-add-criteria-wrapper .advanced-search-field-small { width: 45.3125%; float: right; margin-right: 3.125%; margin-bottom: 5px; line-height: 20px; font-size: 12px !important; color: white; } .search-advanced .search-add-criteria-wrapper .advanced-search-field-small select { width: 100%; } .search-advanced .search-add-criteria-wrapper .advanced-search-criteria { width: 93.75%; margin: 5px auto; line-height: 20px; font-size: 12px !important; color: white; } .search-advanced .search-add-criteria-wrapper .advanced-search-criteria input[type="text"] { width: 100%; height: 30px; padding: 0px; text-indent: 5px; } @media screen and (min-width: 700px) { .search-advanced .search-add-criteria-wrapper .advanced-search-criteria input[type="text"] { height: 40px; } } .search-advanced .search-add-criteria-wrapper .btn-remove-criteria { width: 93.75%; height: 30px; margin: 0px; margin-left: 3.125%; margin-bottom: 10px; text-align: center; background: #C6C6C6; color: #247CB3; border-radius: 2px; } @media screen and (min-width: 700px) { .search-advanced .search-add-criteria-wrapper .btn-remove-criteria { float: left; width: 20%; } } .search-advanced .btn-add-criteria { width: 93.75%; margin-left: 3.125%; margin-bottom: 5px; padding: 0px; background: #1FB5FC; color: white; height: 30px; line-height: 30px; font-size: 14px; border-radius: 2px; padding-bottom: 20px; } .search-advanced .submit-label { width: 93.75%; margin: 0px auto; line-height: 0px !important; padding-bottom: 30px; } .search-advanced .submit-label input[type="submit"] { width: 100%; background: #5cb85c; color: white; height: 30px; line-height: 30px; font-size: 14px; } .login-wrapper { margin-top: 110px; width: 100%; min-height: 1000px; } @media screen and (min-width: 430px) { .login-wrapper { max-width: 400px; margin: 110px auto 0px auto; } } @media screen and (min-width: 600px) { .login-wrapper { max-width: 100%; width: 100%; margin: 110px auto 0px auto; } } @media screen and (min-width: 960px) { .login-wrapper { margin-top: 210px; } } .login-wrapper h2 { text-align: center; font-size: 24px; margin-bottom: 20px; } .login-wrapper .login-register-form { width: 100%; margin: 0px auto 50px auto; max-width: 600px; } .login-wrapper .login-register-form h3 { margin: 20px 0px 10px 0px; } .login-wrapper .login-register-form p { font-size: 12px; } .login-wrapper label { display: block; width: 100%; margin: 20px auto; } .login-wrapper input, .login-wrapper textarea { display: block; width: 100%; height: 36px; border: 1px solid #247CB3; margin: 5px auto; text-indent: 10px; padding: 0px; border-radius: 2px; } .login-wrapper textarea { height: 100px; } .login-wrapper input[type="submit"], .login-wrapper input[type="button"] { display: block; width: 100%; height: 36px; border: 1px solid #247CB3; margin: 15px 0px; float: right; text-indent: 10px; padding: 0px; background: #5CB85C; color: white; font-family: "Coda", sans-serif; border: none; border-radius: 0px; font-size: 14px; } .login-wrapper input[type="button"] { background: #0E517B; } .login-wrapper ul { text-align: center; margin-top: 20px; } .login-wrapper ul li { display: inline-block; margin-left: 15px; } .login-wrapper ul li a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none; } .login-wrapper ul li a:hover { border-bottom: 1px solid #247CB3; } .login-wrapper form { margin: 20px auto; } input[type='checkbox'] { height: auto; margin-left: 10px; } select { border: 1px solid #247CB3; height: 30px; } .wrapper-default { width: 100%; } .wrapper-default .article-view-options ul { margin-bottom: 20px; } .wrapper-default .article-view-options ul .tab-active { background: #f9f9f9; } .wrapper-default .article-view-options ul .tab-active:after { border-bottom: 1px solid #f9f9f9; } .wrapper-default .article-view-options ul a { font-family: "Coda", sans-serif; } .td-p-download { display: block; } .td-p-download a { padding: 0px 5px; } .td-graph { padding: 0px; } .top-articles-table-wrapper { width: 100%; overflow: scroll; } @media screen and (min-width: 768px) { .top-articles-table-wrapper { overflow: visible; } } .top-articles-table-wrapper table { margin: 0px auto; width: 100%; max-width: 100%; background: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } .top-articles-table-wrapper table thead { background: #247CB3; } .top-articles-table-wrapper table thead a { color: white; font-size: 12px; font-family: "Coda", sans-serif; border-bottom: 1px solid white; } .top-articles-table-wrapper table thead a:hover { border-bottom: 1px solid #0E517B; } .top-articles-table-wrapper table thead .link-active { border-bottom: 1px solid #0E517B; } .top-articles-table-wrapper table td { text-align: left; } .top-articles-table-wrapper table th { color: white; padding: 20px 5px; font-size: 14px; background: #247CB3; text-align: center; } .top-articles-table-wrapper table td { font-size: 14px; padding: 30px 10px; max-width: 700px; min-width: 68px; } .top-articles-table-wrapper table .td-graph { padding: 0px !important; border-bottom: 1px solid #f1f1f1; } .top-articles-table-wrapper table .td-graph div { display: none; } @media screen and (min-width: 768px) { .top-articles-table-wrapper table .td-graph div { display: block; } } .top-articles-table-wrapper .icon-html:hover, .top-articles-table-wrapper .icon-pdf:hover { border-bottom: none; } .top-articles-table-wrapper a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none; font-size: 16px; } .top-articles-table-wrapper a:hover { border-bottom: 1px solid #247CB3; } .top-articles-table-wrapper .pinned td { overflow: auto; } .top-articles-title-td { max-width: 700px; min-width: 200px !important; font-size: 16px; line-height: 24px; } .top-articles-title-td a { max-width: 700px; } .top-articles-author { font-family: "Roboto",sans-serif; } @media screen and (min-width: 768px) { .top-articles-author { display: inline-block; } } .td-rank { vertical-align: top !important; font-family: "Fjalla One", sans-serif; } .rank { font-family: "Fjalla One", sans-serif; padding: 0px 10px 0px 0px; } .td-digits { font-family: "Fjalla One", sans-serif; text-align: center !important; vertical-align: top; line-height: 24px; } @media screen and (min-width: 768px) { .td-digits { vertical-align: middle; } } .double-links-ul li { display: inline-block; margin-right: 2%; margin-bottom: 10px; } .double-links-ul li a { display: inline-block; color: #247CB3; text-decoration: none; font-family: "Coda", sans-serif; } .double-links-ul li a:hover { border-bottom: 1px solid #247CB3; } .double-links-ul span { margin-right: 5px; } .td-download { vertical-align: top !important; } @media screen and (min-width: 768px) { .td-download { vertical-align: middle !important; } } .link-active { border-bottom: 1px solid #0E517B; color: #247CB3; } .relative { position: relative; } .stats-tooltip { position: absolute; z-index: 500; background: #247CB3; padding: 10px; border-radius: 2px; color: white; font-size: 16px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); top: 80px; left: 13px; } .touch .stats-tooltip { display: none; } .note-p { font-size: 9px; font-style: italic; } .no-touch .note-p { display: none; } .h2-404 { font-size: 68px; line-height: 68px; text-align: center; margin-top: 100px; } @media screen and (min-width: 960px) { .h2-404 { margin-top: 300px; font-size: 144px; line-height: 144px; } } .h3-404 { font-size: 24px; line-height: 24px; text-align: center; margin-top: 20px; } @media screen and (min-width: 960px) { .h3-404 { font-size: 42px; line-height: 42px; } } .p-404-wrapper { width: 90%; margin: 20px auto; background: white; padding: 20px 5%; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } @media screen and (min-width: 960px) { .p-404-wrapper { width: 50%; } } .p-404-wrapper p { margin: 10px auto; } .p-404-wrapper a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none; font-size: 16px; } .p-404-wrapper a:hover { border-bottom: 1px solid #247CB3; } .touch a:hover { border-bottom: none !important; text-decoration: none !important; } .touch .recent-article-card-nav-wrapper { top: 0px !important; } .altmetric-embed img { width: auto; } .addthis_toolbox a:hover { border-bottom: none; text-decoration: none; } .addthis-float { float: none; margin-bottom: 20px; } @media screen and (min-width: 700px) { .addthis-float { float: right; margin-bottom: 0px; } } .addthis-extra a { display: inline-block !important; } .addthis-extra span { box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3); border-radius: 2px; } .generic-ul { width: 100%; text-align: center; } .generic-ul li { display: inline-block !important; background: none !important; text-align: center !important; width: auto !important; min-width: 10px !important; margin: 20px 10px !important; } .generic-ul li a { background: none; font-family: "Coda", sans-serif; font-size: 16px; text-decoration: none; color: #247CB3; border-radius: 0px; padding: 0px; margin: 0 10px; } .generic-ul li a:hover { border-bottom: 1px solid #247CB3; padding: 0px; margin: 0 10px; } .choose-journals { width: 320px; min-height: 410px; max-height: 440px; overflow: auto; position: fixed; margin-left: -160px; background: white; box-shadow: 0px 1px 10px 4px rgba(0, 0, 0, 0.3); -webkit-transition: all .4s; transition: all .4s; z-index: 999; } .choose-journals h3 { text-align: center; margin-top: 20px; font-size: 16px; line-height: 24px; } .choose-journals p { text-align: center; color: #888888; } .choose-journals form { width: 95%; margin: 10px auto; } .choose-journals label { display: block; margin-bottom: 10px; font-size: 12px; } .choose-journals input[type="submit"] { background-color: #5CB85C; color: white; font-family: "Coda", sans-serif; font-size: 14px; height: 32px; margin-top: 10px; margin-right: 14px; float: right; } .choose-journals input[type="button"] { background-color: #0E517B; color: white; font-family: "Coda", sans-serif; font-size: 14px; height: 32px; border: none; outline: none; border-radius: 2px; cursor: pointer; float: right; margin-top: 10px; } .choose-journals.show { -webkit-transition: all .4s; transition: all .4s; bottom: 0; left: 50%; } @media screen and (min-width: 600px) { .choose-journals.show { bottom: 30%; padding: 20px; } } .choose-journals.hide { -webkit-transition: all .4s; transition: all .4s; top: -100%; } .cite-popup-wrapper { width: 300px; min-height: 200px; max-height: 300px; overflow: auto; position: fixed; margin-left: -150px; background: white; box-shadow: 0px 1px 10px 4px rgba(0, 0, 0, 0.3); -webkit-transition: all .4s; transition: all .4s; z-index: 999; } .cite-popup-wrapper button { background: #247CB3; color: white; display: inline-block; font-size: 14px; position: absolute; right: 13px; top: 10px; border-radius: 2px; } .cite-popup-wrapper span { font-size: 14px; color: white; } .cite-popup-wrapper .align-left { text-align: left; padding: 10px; font-size: 14px; } .cite-popup-wrapper textarea { width: 278px; min-height: 180px; margin: 10px; border: 1px solid #247CB3; border-radius: 1px; resize: none; padding: 0px; } @media screen and (min-width: 600px) { .cite-popup-wrapper textarea { width: 468px; margin: 15px; } } @media screen and (min-width: 600px) { .cite-popup-wrapper { width: 500px; margin-left: -250px; box-shadow: 10px 10px 20px 0px rgba(0, 0, 0, 0.5); } } .cite-popup-wrapper h3 { margin: 10px 0px 0px 10px; font-size: 18px; } @media screen and (min-width: 600px) { .cite-popup-wrapper h3 { margin: 15px 0px 0px 15px; } } .cite-popup-wrapper p { text-align: center; margin: 0px 0px 10px 0px; font-size: 12px; } @media screen and (min-width: 600px) { .cite-popup-wrapper p { margin: 0px 0px 15px 0px; } } .cite-popup-wrapper.show { top: 10%; left: 50%; -webkit-transition: all .4s; transition: all .4s; } @media screen and (min-width: 600px) { .cite-popup-wrapper.show { top: 25%; } } .cite-popup-wrapper.hide { top: -100%; left: 50%; -webkit-transition: all .4s; transition: all .4s; } @media screen and (min-width: 600px) { .cite-popup-wrapper.hide { top: -100%; } } .cms-wrapper { min-height: 2000px; margin: 110px auto 50px auto; } @media screen and (min-width: 960px) { .cms-wrapper { margin: 210px auto 50px auto; } } .cms-block { margin: 20px auto; text-align: left; } .cms-wrapper *, .cms-block * { box-sizing: border-box; } .cms-wrapper, .cms-block { font-size: 15px; line-height: 23px; color: #505050; font-family: "Roboto-Light", sans-serif; } @media screen and (min-width: 768px) { .cms-wrapper, .cms-block { font-size: 18px; line-height: 26px; } } .cms-wrapper br, .cms-block br { display: none; } .cms-wrapper h1, .cms-wrapper h2, .cms-wrapper h3, .cms-wrapper h4, .cms-wrapper h5, .cms-wrapper h6, .cms-block h1, .cms-block h2, .cms-block h3, .cms-block h4, .cms-block h5, .cms-block h6 { color: #505050; font-family: "Fjalla One", sans-serif; margin: 20px 0px; } .cms-wrapper h1, .cms-block h1 { font-size: 32px; line-height: 42px; } .cms-wrapper h2, .cms-block h2 { font-size: 26px; line-height: 36px; } .cms-wrapper h3, .cms-block h3 { font-size: 20px; line-height: 30px; } .cms-wrapper h4, .cms-block h4 { font-size: 18px; line-height: 28px; } .cms-wrapper h5, .cms-block h5 { font-size: 16px; line-height: 26px; } .cms-wrapper h6, .cms-block h6 { font-size: 14px; line-height: 24px; } .cms-wrapper p, .cms-block p { font-family: "Roboto-Light", sans-serif; margin: 20px 0px; text-align: left; } .cms-wrapper p a, .cms-wrapper li a, .cms-block p a, .cms-block li a { margin: 0px !important; text-decoration: none; font-size: inherit; font-family: inherit; } .cms-wrapper p a:hover, .cms-wrapper li a:hover, .cms-block p a:hover, .cms-block li a:hover { border-bottom: none; text-decoration: underline; } .cms-wrapper a, .cms-block a { font-family: "Coda", sans-serif; text-decoration: none; color: #247CB3; padding: 0px; background: none; display: inline-block; border-radius: 0px; font-size: 14px; } .cms-wrapper a:hover, .cms-block a:hover { border-bottom: 1px solid #247CB3; } .cms-wrapper ul, .cms-block ul { margin: 20px 0px; list-style-type: disc; list-style-position: inside; } .cms-wrapper ul li ul, .cms-block ul li ul { list-style-type: circle; margin: 5px 0px 5px 5px; } .cms-wrapper ol, .cms-block ol { margin: 20px 0px; list-style-type: decimal; list-style-position: inside; } .cms-wrapper ol li ol, .cms-block ol li ol { list-style-type: lower-roman; margin: 5px 0px 5px 5px; } .cms-wrapper table, .cms-block table { background: white; padding: 10px; } .cms-wrapper th, .cms-block th { font-family: "Fjalla One", sans-serif; font-weight: normal; width: auto; vertical-align: top; } .cms-wrapper td, .cms-block td { vertical-align: top; border-bottom: 1px solid #f1f1f1; } .cms-wrapper img, .cms-block img { width: auto; } .cms-wrapper .img-100-percent, .cms-block .img-100-percent { width: 100%; } .search-wrapper { margin: 110px auto 50px auto; } @media screen and (min-width: 960px) { .search-wrapper { margin: 210px auto 50px auto; } } .search-wrapper h2 { font-size: 22px; line-height: 30px; text-align: center; margin: 20px 0px; } @media screen and (min-width: 700px) { .search-wrapper h2 { font-size: 32px; line-height: 46px; } } .search-wrapper h3 { font-size: 16px; line-height: 24px; margin: 15px 0px; } @media screen and (min-width: 700px) { .search-wrapper h3 { font-size: 22px; line-height: 30px; } } .search-wrapper p { font-size: 14px; line-height: 20px; margin-bottom: 10px; } .search-wrapper a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none; } .search-wrapper a:hover { border-bottom: 1px solid #247CB3; } .search-wrapper table { background: white; border: 1px solid #247CB3; } .search-wrapper th { text-align: left; background: #247CB3; color: white; font-family: "Fjalla One", sans-serif; font-size: 18px; padding: 10px; } .search-wrapper tr:nth-child(even), .search-wrapper .search-tr-initial-row { background: #f1f1f1; } .search-wrapper td { padding: 10px; } .search-wrapper input[type="text"] { background: white; border: 1px solid #247CB3; width: 98%; min-width: 100px; padding: 0px 1%; height: 36px; } .search-wrapper select { margin-top: 5px; } .search-wrapper button { font-family: "Coda", sans-serif; } .search-wrapper .btn-primary { background: #5CB85C; border-radius: 2px; color: white; float: right; font-size: 18px; padding: 10px 20px; margin: 10px 0px 30px 0px; } .search-wrapper .addRow, .search-wrapper .deleteRow { height: 38px; padding: 0px 10px; line-height: 38px; font-size: 14px; color: white; border-radius: 2px; } .search-wrapper .addRow { background: #247CB3; margin-bottom: 5px; } .search-wrapper .deleteRow { background: #0E517B; } .search-wrapper .pull-right { margin: 20px 0px; } .search-wrapper .pull-right button { background: #247CB3; border-radius: 2px; color: white; font-size: 14px; } .search-wrapper .pull-right button span { margin: 0px 5px; } .btn-close-footnote { background: none; border-radius: 2px; padding: 2px 5px; border: 1px solid white; } .red-text { color: red; } .tweeter, .citation, .views, .altMetrics-chart { margin: 40px auto; background: #f9f9f9; width: 90%; padding: 20px 5%; } .tweeter h3, .citation h3, .views h3, .altMetrics-chart h3 { font-size: 22px; margin: 5px auto 20px auto; } .tweeter p, .citation p, .views p, .altMetrics-chart p { margin: 20px 0px; } .tweeter a, .citation a, .views a, .altMetrics-chart a { font-family: "Coda", sans-serif; color: #247CB3; text-decoration: none !important; } .tweeter a:hover, .citation a:hover, .views a:hover, .altMetrics-chart a:hover { border-bottom: 1px solid #247CB3; } .tweeter canvas, .citation canvas, .views canvas, .altMetrics-chart canvas { background: white; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3); margin-bottom: 30px; } .altMetrics-chart .altmetric-embed { background: white !important; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3); padding: 20px; } .altMetrics-chart .right { box-shadow: 0px 0px 0px 0px transparent !important; } #_altmetric_popover_el { z-index: 11 !important; } #_altmetric_popover_el * { z-index: 11 !important; box-shadow: 0px 0px 0px 0px transparent !important; } .tocArticle .title { font-size: 16px; line-height: 22px; } .tocArticle .image-wrapper { display: none; } @media screen and (min-width: 600px) { .tocArticle .image-wrapper { display: block; } } .btn-show-beta-search-info { background: #247CB3; color: white; padding: 10px 0px; margin: 0px auto 20px auto; font-size: 14px; width: 100%; -webkit-transition: all .4s; transition: all .4s; } @media screen and (min-width: 960px) { .btn-show-beta-search-info { display: none; } } .btn-show-beta-search-info:hover { background: #0E517B; -webkit-transition: all .4s; transition: all .4s; } .btn-close-search-info { position: absolute; top: 10px; right: 10px; background: #247CB3; padding: 3px 5px; color: white; font-size: 14px; } @media screen and (min-width: 960px) { .btn-close-search-info { display: none; } } .search { width: 100%; overflow: auto; } .search table { min-width: 525px; width: 100%; } .search .text-holder { display: none; position: relative; } @media screen and (min-width: 960px) { .search .text-holder { display: block; } } .journal-description { position: relative; overflow: hidden; } .journal-description a { font-family: "Coda", sans-serif; text-decoration: none; color: #247CB3; } .journal-description a:hover { border-bottom: 1px solid #247CB3; } .journal-description.max-height-low { max-height: 200px; -webkit-transition: all .4s; transition: all .4s; } .journal-description.max-height-high { max-height: 2000px; -webkit-transition: all .4s; transition: all .4s; } .white-gradient { /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(32%, rgba(255, 255, 255, 0.68)), color-stop(73%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.68) 32%, white 73%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.68) 32%, white 73%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ display: block; width: 100%; position: absolute; bottom: 0px; left: 0px; height: 75px; } .btn-reveal-journal-description, .btn-close-journal-description { position: absolute; bottom: 20px; right: 20px; padding: 10px; border-radius: 2px; color: white; background: #247CB3; -webkit-transition: all .4s; transition: all .4s; } .btn-reveal-journal-description:hover, .btn-close-journal-description:hover { background: #0E517B; -webkit-transition: all .4s; transition: all .4s; } .btn-editorial-policy { width: 100%; position: fixed; left: 0px; background: #247CB3; color: white; bottom: 0px; font-size: 18px; height: 52px; line-height: 52px; -webkit-transition: all .4s; transition: all .4s; } .btn-editorial-policy .icon-TOC { height: 18px; } @media screen and (min-width: 768px) { .btn-editorial-policy { display: none; } } .btn-editorial-policy.hidden { bottom: -100%; -webkit-transition: all 1s; transition: all 1s; } .btn-close-editorial-policy { position: absolute; right: 3.125%; top: 10px; background: #247CB3; border-radius: 2px; color: white; font-size: 14px; } @media screen and (min-width: 768px) { .btn-close-editorial-policy { display: none; } } .left-fixed { position: fixed; width: 100%; height: 100%; top: 100%; left: 0; -webkit-transition: all .4s; transition: all .4s; overflow: scroll; } @media screen and (min-width: 768px) { .left-fixed { width: 30%; max-width: 450px; top: 83px; margin-right: 5%; left: auto; height: auto; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3); } } @media screen and (min-width: 960px) { .left-fixed { top: 184px; } } @media screen and (min-width: 960px) { .left-fixed-sticky { top: 100px; -webkit-transition: all .25s; transition: all .25s; } } .left-fixed.show { top: 40px; bottom: 0px; -webkit-transition: all 1s; transition: all 1s; height: auto; background: white; } .right-initial { width: 100%; background: white; padding: 20px; overflow: scroll; margin-top: 23px; box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.3); } @media screen and (min-width: 768px) { .right-initial { float: right; width: 60%; } } .h2-editorialpolicy-mobile { display: block; text-align: center; } @media screen and (min-width: 768px) { .h2-editorialpolicy-mobile { display: none; } } .h2-editorialpolicy-desktop { display: none; } @media screen and (min-width: 768px) { .h2-editorialpolicy-desktop { display: block; margin-bottom: 0px !important; } } .ul-fixed { list-style-type: none; padding: 10px 2.5% 20px 2.5%; background: white; margin: 0px !important; } .ul-fixed h3 { margin: 0px 0px 0px 0px; font-size: 16px; } .ul-fixed h3 i { display: none; } @media screen and (min-width: 768px) { .ul-fixed h3 i { display: inline-block; height: 30px !important; } } .ul-fixed li:nth-child(odd) { background: #f1f1f1; } @media screen and (min-width: 768px) { .ul-fixed li:nth-child(odd) { background: white; } } .ul-fixed li { display: block; background: #f9f9f9; padding: 0px 5px; } @media screen and (min-width: 768px) { .ul-fixed li { background: white; padding: 3px 5px; } } .ul-fixed li a { font-size: 14px; line-height: 36px; display: block; } @media screen and (min-width: 768px) { .ul-fixed li a { line-height: 15px; font-size: 12px; } } .ul-fixed li a:hover { border: none; } @media screen and (min-width: 768px) { .ul-fixed li a:hover { text-decoration: underline; } } .book, .book .book-cover, .book::after, .book::before { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .list-inline { padding-left: 0; list-style: none; display: table-cell; vertical-align: middle; } .list-inline > li { display: inline-block; margin-left: 2em; } .list-inline > li:first-child { margin-left: 0; } .book { cursor: pointer; display: block; width: 270px; height: 390px; position: relative; background: white; z-index: 1; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 5px 10px 0 rgba(0, 0, 0, 0.2); overflow: hidden; -webkit-transition: box-shadow .3s linear; transition: box-shadow .3s linear; } .book .book-cover { width: inherit; height: inherit; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: rotateY(0); transform: rotateY(0); -webkit-transition: all .45s ease; transition: all .45s ease; background-image: -webkit-linear-gradient(180deg, #f1f1f1 2%, #FFFFFF 7%); background-image: -webkit-linear-gradient(0deg, #f1f1f1 2%, #FFFFFF 7%); background-image: linear-gradient(90deg, #f1f1f1 2%, #FFFFFF 7%); } .book:hover { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.4); } .book:hover .book-cover { -webkit-transform: rotateY(-25deg); transform: rotateY(-25deg); box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.2); } .book::after, .book::before { content: ''; display: block; width: inherit; height: inherit; position: absolute; z-index: -1; top: 0; background: white; border: 1px solid #d9d9d9; } .book::before { left: -3px; } .book::after { content: 'Nam sit amet dignissim ipsum, vel vestibulum dolor. Morbi ex purus, faucibus eget molestie ut, luctus et leo. Donec sem neque, fermentum non massa eu, ultrices aliquet ipsum. Nam purus odio, tristique ac laoreet eleifend, ornare eget eros. Phasellus rhoncus venenatis purus. Nam pharetra convallis accumsan. Nulla hendrerit turpis et sagittis congue. Pellentesque finibus euismod diam, vitae gravida risus congue nec. Suspendisse pellentesque consectetur sapien, vitae molestie risus feugiat sit amet. In id nunc elit. Fusce at luctus urna. Quisque pellentesque, enim nec iaculis mattis, magna risus consequat elit, id vehicula turpis nibh id neque. Phasellus sed tristique ligula. Mauris ac condimentum mi. Donec eu viverra augue. Vestibulum quis eros a sapien ullamcorper venenatis quis non ipsum. Nam sit amet dignissim ipsum, vel vestibulum dolor. Morbi ex purus, faucibus eget molestie ut, luctus et leo. Donec sem neque, fermentum non massa eu, ultrices aliquet ipsum. Nam purus odio, tristique ac laoreet eleifend, ornare eget eros. Phasellus rhoncus venenatis purus. Nam pharetra convallis accumsan. Nulla hendrerit turpis et sagittis congue. Pellentesque finibus euismod diam, vitae gravida risus congue nec. Suspendisse pellentesque consectetur sapien, vitae molestie risus feugiat sit amet. In id nunc elit. Fusce at luctus urna. Quisque pellentesque, enim nec iaculis mattis, magna risus consequat elit, id vehicula turpis nibh id neque. Phasellus sed tristique ligula. Mauris ac condimentum mi. Donec eu viverra augue. Vestibulum quis eros a sapien ullamcorper venenatis quis non ipsum. Nam sit amet dignissim ipsum, vel vestibulum dolor. Morbi ex purus, faucibus eget molestie ut, luctus et leo. Donec sem neque, fermentum non massa eu, ultrices aliquet ipsum. Nam purus odio, tristique ac laoreet eleifend, ornare eget eros. Phasellus rhoncus venenatis purus. Nam pharetra convallis accumsan. Nulla hendrerit turpis et sagittis congue. Pellentesque finibus euismod diam, vitae gravida risus congue nec. Suspendisse pellentesque consectetur sapien, vitae molestie risus feugiat sit amet. In id nunc elit. Fusce at luctus urna. Quisque pellentesque, enim nec iaculis mattis, magna risus consequat elit, id vehicula turpis nibh id neque. Phasellus sed tristique ligula. Mauris ac condimentum mi. Donec eu viverra augue. Vestibulum quis eros a sapien ullamcorper venenatis quis non ipsum. Phasellus sed tristique ligula. Mauris ac condimentum mi. Donec eu viverra augue. Vestibulum quis eros a sapien ullamcorper venenatis quis non ipsum. Phasellus sed tristique ligula. Mauris ac condimentum mi. Donec eu viverra augue. Vestibulum quis eros a sapien ullamcorper venenatis quis non ipsum. Phasellus sed tristique ligula. Mauris ac condimentum mi. Donec eu viverra augue. Vestibulum quis eros a sapien ullamcorper venenatis quis non ipsum.'; left: -16px; font-size: 7px; line-height: 11px; text-align: justify; padding: 5px; } .owl-wrapper-outer { min-height: 332px; margin-top: 20px; margin-bottom: 20px; } .slider-card { position: relative; min-height: 330px; margin: 0; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } @media screen and (min-width: 581px) { .slider-card { min-height: 330px; margin: 20px 8px; } } .slider-card-background { background: white; } .slider-card-peer-review-background { background: #f1f1f1; } .slide-header-sister-journal-color { background: rgba(0, 140, 158, 0.7); } .slide-header-color { background: #848484; } .slide-header { position: absolute; width: 100%; height: 30px; } .slide-header .slide-header-h3 { color: white; font-size: 18px; } .slide-header .slide-header-h3 a { color: white; text-decoration: none; display: block; line-height: 30px; font-family: 'Coda',sans-serif; } .slide-header .slide-header-h3 a span { margin: 0px 5px; } .btn-slider-read-more { position: absolute; bottom: 5px; right: 5px; border: 1px solid; font-size: 14px; display: block; text-decoration: none; width: 78px; height: 24px; line-height: 24px; text-align: center; font-family: 'Coda',sans-serif; } .btn-slider-read-more-white { color: white; border-color: white; -webkit-transition: all .25s; transition: all .25s; } .btn-slider-read-more-white:hover { background: white; color: #247CB3; border-color: white; -webkit-transition: all .25s; transition: all .25s; } .btn-slider-read-more-main-color { color: #247CB3; border-color: #247CB3; -webkit-transition: all .25s; transition: all .25s; } .btn-slider-read-more-main-color:hover { color: white; background: #247CB3; border-color: #247CB3; -webkit-transition: all .25s; transition: all .25s; } .btn-slider-read-more-sister-journal-color { color: #008C9E; border-color: #008C9E; -webkit-transition: all .25s; transition: all .25s; } .btn-slider-read-more-sister-journal-color:hover { color: white; border-color: #008C9E; background: #008C9E; -webkit-transition: all .25s; transition: all .25s; } .owl-theme .owl-controls .owl-page span { background: #247CB3 !important; } .slider-theme-card-background { background: #247CB3; } .slide-theme-title-wrapper { width: 83.211678832%; margin: 0px auto 0px auto; padding-top: 40px; height: 56px; } .slide-theme-title-wrapper h3 { font-family: 'Fjalla One', sans-serif; font-size: 18px; line-height: 27px; text-align: left; color: white; } .slide-theme-title-wrapper a { text-decoration: none; } .slide-theme-article-list-image-wrapper { width: 83.211678832%; margin: 0 auto; height: 156px; background: no-repeat center; background-size: cover; box-sizing: border-box; border: 1px solid white; position: relative; } .slide-theme-article-list-title-wrapper { position: absolute; bottom: 0px; width: 96%; padding: 5px 2%; background: rgba(100, 100, 100, 0.9); } .slide-theme-article-link { color: white; font-size: 14px; line-height: 23px; font-family: 'Coda', sans-serif; text-decoration: none; display: block; margin-left: 5px; } .slide-theme-image-link { display: block; height: 100%; } .slide-theme-view-themes-ul { width: 100%; } .slide-theme-view-themes-ul li { width: 47%; position: absolute; bottom: 5px; height: 30px; border-radius: 1px; } .slide-theme-view-themes-ul li a { background: white; color: #247CB3; display: block; line-height: 30px; text-align: center; text-decoration: none; font-family: 'Coda', sans-serif; -webkit-transition: all .25s; transition: all .25s; } .slide-theme-view-themes-ul li a:hover { background: #0E517B; color: white; -webkit-transition: all .25s; transition: all .25s; } .slide-theme-view-themes-ul li:first-child { left: 2%; } .slide-theme-view-themes-ul li:last-child { right: 2%; } .slide-recent-article-content-wrapper { width: 100%; height: 330px; background: no-repeat center; background-size: cover; } .slide-recent-article-title-link-wrapper { position: absolute; bottom: 0px; width: 100%; height: 125px; background: rgba(100, 100, 100, 0.9); } .slide-recent-article-title-link-wrapper h4 { width: 92.70072992%; margin: 5px auto 0px auto; font-size: 15px; line-height: 21px; font-family: 'Roboto',sans-serif; } .slide-recent-article-title-link-wrapper h4 a { color: white; text-decoration: none; } .slide-issue-cover-title-big { font-size: 20px; line-height: 28px; } .slide-issue-cover-title-small { font-size: 10px; } .slide-sister-journal-image-issue-wrapper { width: 100%; height: 184px; overflow: hidden; } .slide-sister-journal-issue-ul { text-align: center; } .slide-sister-journal-issue-ul li:first-child { left: 0px; border-right: 1px solid #008c9e; } .slide-sister-journal-issue-ul li:last-child { right: 0px; } .slide-sister-journal-issue-ul li { box-sizing: border-box; display: block; width: 50%; bottom: 0px; position: absolute; border-top: 1px solid #008C9E; } .slide-sister-journal-issue-ul li a { display: block; border-radius: 1px; background: white; color: #008C9E; height: 30px; line-height: 30px; text-decoration: none; font-family: 'Coda',sans-serif; -webkit-transition: all .25s; transition: all .25s; } .slide-sister-journal-issue-ul li a:hover { background: #008c9e; color: white; -webkit-transition: all .25s; transition: all .25s; } .slide-sister-journal-name-article-titles-wrapper { width: 100%; } .slide-sister-journal-journal-title { color: #008C9E; width: 96.4%; margin: 10px auto 0 auto; } .slide-sister-journal-journal-title a { color: #008C9E; text-decoration: none; font-size: 16px; } .slide-sister-journal-latest-article-label { font-size: 11px; color: #444444; margin-left: 1.8%; width: 96.4%; } .slide-sister-journal-latest-article-label span { font-size: 16px; } .slide-sister-journal-article-title { font-family: "Roboto-Light", sans-serif; font-size: 16px; line-height: 24px; color: #444444; width: 96.4%; margin: 0 auto; } .slide-sister-journal-article-title-link { font-family: 'Coda', sans-serif; font-size: 16px; color: #008C9E; line-height: 24px; text-decoration: none; } .slide-peer-review-content-wrapper { width: 92%; height: 238px; position: absolute; top: 40px; left: 50%; margin-left: -46%; background: white; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.33); } .slide-peer-review-title { font-family: 'Roboto-Light', sans-serif; font-size: 16px; line-height: 24px; color: #247CB3; width: 92.125984251%; margin: 10px auto; } .slide-peer-review-date-added, .slide-peer-review-date-period-header { font-size: 11px; width: 92.125984251%; margin: 0px auto 0px auto; color: #444444; } .slide-peer-review-date-added span, .slide-peer-review-date-period-header span { font-family: 'Roboto-Light', sans-serif; font-size: 12px; } .slide-peer-review-date-period-text { width: 92%; margin-left: 4%; font-size: 12px; } .slide-peer-review-abstract { width: 92.125984251%; margin: 0px auto 5px auto; font-size: 12px; line-height: 16px; } .slide-peer-review-me-link { position: absolute; height: 30px; line-height: 30px; text-decoration: none; width: 92%; top: 288px; left: 50%; margin-left: -46%; background: #247CB3; color: white; font-family: 'Coda',sans-serif; text-align: center; } .slide-announcement-image-wrapper { width: 100%; height: 184px; overflow: hidden; } .slide-announcement-image-wrapper img { width: 100%; } .slide-announcement-title { font-family: 'Coda', sans-serif; font-size: 16px; line-height: 24px; width: 92.70072992%; margin: 5px auto; } .slide-announcement-title a { color: #247CB3; text-decoration: none; } .slide-announcement-date { color: #444444; font-size: 12px; width: 92.70072992%; margin: 5px auto; } .slide-announcement-date span { font-size: 16px; } .slide-announcement-text { color: #444444; font-size: 12px; width: 92.70072992%; margin: 5px auto; } .slide-stats-content-wrapper { height: 300px; width: 100%; position: absolute; top: 30px; } .slide-stats-content-li { height: 60px; width: 100%; line-height: 60px; background-image: -webkit-linear-gradient(-90deg, #FFFFFF 0%, #F4F4F4 100%); background-image: -webkit-linear-gradient(270deg, #FFFFFF 0%, #F4F4F4 100%); background-image: linear-gradient(-180deg, #FFFFFF 0%, #F4F4F4 100%); } .slide-stats-content-li h4 { float: left; width: 70%; display: block; text-indent: 5px; } .slide-stats-content-li span { float: right; width: 28%; display: block; } .testimonial { background: white; padding: 10px; margin: 40px auto; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } @media screen and (min-width: 450px) { .testimonial { font-size: 28px; padding: 20px; color: #247CB3; margin-left: 5%; } } @media screen and (min-width: 1280px) { .testimonial { background: white; padding: 40px 20px; margin: 40px auto; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); } } .testimonial-quote { font-family: 'Roboto-Light',sans-serif; font-size: 16px; line-height: 24px; width: 90%; margin: 20px auto; color: #505050; } @media screen and (min-width: 500px) { .testimonial-quote { font-size: 18px; line-height: 26px; } } @media screen and (min-width: 960px) { .testimonial-quote { font-size: 20px; line-height: 32px; } } @media screen and (min-width: 1280px) { .testimonial-quote { font-size: 26px; line-height: 38px; } } .testimonial-header { width: 90%; text-align: center; line-height: 27px; font-size: 18px; color: #247CB3; margin-left: 5%; } .testimonial-header span { margin: 10px; } @media screen and (min-width: 500px) { .testimonial-header { font-size: 20px; line-height: 28px; } } @media screen and (min-width: 960px) { .testimonial-header { text-align: left; font-size: 24px; } } @media screen and (min-width: 1280px) { .testimonial-header { font-size: 28px; } } .testimonial-name, .testimonial-affiliation { width: 90%; text-align: right; font-size: 14px; margin: 0px 5%; } @media screen and (min-width: 1280px) { .testimonial-name, .testimonial-affiliation { width: 90%; text-align: right; font-size: 14px; margin: 0px 5%; } } .spinner { margin: 100px auto; width: 64px; height: 64px; position: relative; } .cube1, .cube2 { background-color: #247CB3; width: 20px; height: 20px; position: absolute; top: 0; left: 0; -webkit-animation: cubemove 1.8s infinite ease-in-out; animation: cubemove 1.8s infinite ease-in-out; } .cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes cubemove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes cubemove { 25% { transform: translateX(42px) rotate(-90deg) scale(0.5); -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { transform: translateX(42px) translateY(42px) rotate(-179deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { transform: translateX(42px) translateY(42px) rotate(-180deg); -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .journal-title-h2 { position: relative; } .tooltip__ui--right { display: block; padding: 5px 5px 5px 10px; border-radius: 2px; background: rgba(66, 66, 66, 0.9); background: white; box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.4); position: absolute; box-sizing: border-box; width: 154px; left: 101%; top: -7px; cursor: pointer; } .tooltip__ui--right:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent rgba(66, 66, 66, 0.9) transparent transparent; border-color: transparent white transparent transparent; position: absolute; left: -12px; top: 50%; margin: -12px 0px 0px 0px; } .tooltip__ui--right:before { content: '\e122'; font-family: 'typicons'; font-size: 14px; display: block; position: absolute; color: white; color: #247CB3; top: 5px; right: 10px; } @media screen and (max-width: 959px) { .tooltip__ui--right { display: none; } } .tooltip__ui--right p { color: white; color: #444444; font-family: "Roboto", sans-serif; font-size: 12px; line-height: 18px; font-weight: 400; width: 75%; } .tooltip__ui--left { display: block; padding: 5px 10px 5px 5px; border-radius: 2px; background: rgba(66, 66, 66, 0.9); background: white; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4); position: absolute; box-sizing: border-box; width: 154px; right: 101%; top: -5px; cursor: pointer; } .tooltip__ui--left:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 0 12px 12px; border-color: transparent rgba(66, 66, 66, 0.9) transparent transparent; border-color: transparent transparent transparent white; position: absolute; right: -12px; top: 50%; margin: -12px 0px 0px 0px; } .tooltip__ui--left:before { content: '\e122'; font-family: 'typicons'; font-size: 14px; display: block; position: absolute; color: white; color: #247CB3; top: 4px; left: 10px; } @media screen and (max-width: 959px) { .tooltip__ui--left { display: none; } } .tooltip__ui--left p { color: white; color: #444444; font-family: "Roboto", sans-serif; font-size: 12px; line-height: 16px; font-weight: 400; padding-left: 18px; } .btn-hero-submit { background: #0E517B !important; color: white !important; padding: 0px 20px !important; border-radius: 2px !important; margin-top: 5px !important; line-height: 40px !important; } .payment-table { box-sizing: border-box; } .payment-table * { box-sizing: border-box; text-rendering: optimizeLegibility; font-weight: 400; } .payment-table { box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); background: white; padding: 70px 5%; margin: 20px auto; min-width: 300px; overflow: scroll; } .payment-table select { width: 100%; } .payment-table__row { border-bottom: 1px solid #d4d4d4; } .payment-table__form { min-width: 100%; } .payment-table__table { min-width: 100%; } .payment-table__header tr { border-bottom: 1px solid #d4d4d4; } .payment-table__column-heading { font-size: 18px; color: #4A4A4A; font-family: "Fjalla One", sans-serif; white-space: nowrap; padding: 10px 10px; font-weight: normal; text-align: center; } .payment-table__column-heading--last { text-align: right; } .payment-table__column-heading--first { text-align: left; } .payment-table__column-heading--new-section { padding: 40px 0px 0px 0px; } .payment-table__column-heading--left { text-align: left; } .payment-table__column-heading--right { text-align: right; } .payment-table__row--total { border-bottom: none; } .payment-table__table-cell { font-family: "Roboto-Light", sans-serif; font-size: 16px; line-height: 26px; color: #4A4A4A; padding: 20px 0px; max-width: 500px; } .payment-table__table-cell input[type='text'] { border: 1px solid #247CB3; height: 32px; margin-left: 10px; text-align: center; } .payment-table__table-cell input[type='submit'] { height: 32px; padding: 0px 15px; } .payment-table__table-cell--heading { width: auto; display: inline-block; } .payment-table__table-cell--last { text-align: right; white-space: nowrap; } .payment-table__table-cell--discount { color: red !important; } .payment-table__table-cell--total { font-weight: bold; } .payment-table__table-cell--align-center { text-align: center; } .payment-table__table-cell--product-description { min-width: 270px; } .payment-table__img--product { display: inline-block; width: 66px; } .promo-code--is-visible { display: block; } .promo-code--is-hidden { display: none; } .promo-code__submit-btn { background: #247CB3; color: white; border-radius: 2px; border: none; outline: none; height: 32px; padding: 0px 10px; cursor: pointer; } .promo-code__name--is-hidden { display: none; } .promo-code__name--is-visible { display: block; } .btn--more { background: #247CB3; color: white; font-family: "Coda", sans-serif; display: inline-block; border-radius: 2px; box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); margin-left: 10px; } .btn--with-icon { background: #247CB3; color: white; font-family: "Coda", sans-serif; border-radius: 2px; padding: 0 5px; height: 32px; font-size: 14px; box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2); } .btn--with-icon span { padding: 0px; } .payment-options { margin-top: 120px; } .payment-options h3 { font-size: 24px; } .payment-options span { margin-right: 10px; } .popup * { box-sizing: border-box; text-rendering: optimizeLegibility; font-weight: 100; } .popup { position: fixed; background: #247CB3; box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2); border-radius: 2px; width: 700px; left: 50%; top: 160px; margin-left: -350px; padding: 10px 0px; z-index: 1000; } @media screen and (max-width: 740px) { .popup { width: 90%; margin-left: -45%; top: 48px; } } .popup:before { content: ""; position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); z-index: -1; } .popup--is-hidden { display: none; } .popup--is-visible { display: block; } .popup__content { width: 680px; margin: auto; padding: 20px; background: white; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 740px) { .popup__content { width: 90%; } } .popup__heading { font-size: 20px !important; padding: 20px 0px; } @media screen and (max-width: 740px) { .popup__heading { padding: 10px 0px; font-size: 16px; } } .popup__sub-heading { font-family: 'Roboto-Light', sans-serif; font-size: 20px; color: #666666; line-height: 30px; text-align: left; padding-left: 60px; } .popup__text { font-family: 'Roboto-Light', sans-serif; font-size: 16px; color: #666666; line-height: 24px; text-align: left; padding: 0px 0px 20px 0px; } @media screen and (max-width: 740px) { .popup__text { font-size: 14px; line-height: 21px; } } .popup .btn--with-icon { width: 80px; display: block; margin-top: 20px; margin-bottom: 0px; text-align: center; text-decoration: none; } .popup .btn--with-icon span { margin-right: 0px; } .btn--increment { display: inline-block; padding: 0px 5px; font-family: "Coda", sans-serif; color: white; font-size: 16px; background: #0E517B; border-radius: 2px; margin-left: 3px; } .address { margin: 0 auto; padding: 12px 5%; } .page-heading--no-wrapper { font-size: 22px; line-height: 30px; margin: 210px 0px 40px 0px; text-align: center; } .btn--submit { background: #247CB3; color: white; padding: 16px; font-size: 16px; font-family: "Coda", sans-serif; height: auto !important; text-decoration: none; } .btn__close--red { background: none; color: #CF4647; font-size: 20px; position: relative; top: 2px; } .btn__close--red:hover { color: red; } .text--big { font-size: 16px; line-height: 24px; padding: 24px 0px; } .text-box { background: white; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3); padding: 24px; margin: 12px auto; } .text-box--padding { padding: 2%; } .text-box--padding-big { padding: 5%; } .content__block { width: 100%; margin: 24px auto; } .content__block p, .content__block li { font-size: 16px; line-height: 24px; } .content__block p a { text-decoration: none; font-family: inherit; font-size: inherit; line-height: inherit; color: #247CB3; } .content__h3 { font-size: 20px; margin: 12px 0px; } .content__h4 { font-size: 18px; margin: 12px 0px; } .link { margin-right: 12px; } p .link { margin-right: 0px; } li .link { margin-right: 0px; } .table--text-heavy { table-layout: fixed; width: 100%; } @media screen and (max-width: 600px) { .table--text-heavy { width: auto; } } .table--text-heavy th { border-bottom: 1px solid #f1f1f1; } .table--text-heavy th, .table--text-heavy td { font-size: 16px; } .table--text-heavy td { word-wrap: break-word; } .table--text-heavy a { line-height: 20px; } .table--text-heavy a:hover { text-decoration: none; border-bottom: none; } .button--social-login { display: inline-block; width: 200px; text-align: center; border-radius: 2px; height: 44px; line-height: 37px; text-decoration: none; color: white; } .button--social-login span { font-size: 24px; } .button--social-login.facebook { background: #3a5795; } .button--social-login.linkedin { background: #006fa6; } .grid * { box-sizing: border-box; } .grid { width: 100%; } [class*="grid__col--"] > .grid { width: 100%; } @media (min-width: 1100px) { .grid { max-width: 1280px; } } .grid--max-none { width: 100%; } [class*="grid__col--"] > .grid--max-none { width: 100%; } .vert-align--top { vertical-align: top; } .button--social-login { display: inline-block; width: 200px; text-align: center; border-radius: 2px; height: 44px; line-height: 37px; text-decoration: none; color: white; } .button--social-login span { font-size: 24px; } .button--social-login.facebook { background: #3a5795; } .button--social-login.linkedin { background: #006fa6; } .social--signin { text-align: center; margin-top: 12px; } .grid:after, .grid--max-none:after { content: ""; display: table; clear: both; } .srt { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .centered, .grid, .grid--max-none { float: none; margin-left: auto; margin-right: auto; } .display--inline-block { display: inline-block; } .width--auto { width: auto; } @media (min-width: 769px) { .grid__col--1 { width: 6.5873%; } .grid__col--2 { width: 15.07937%; } .grid__col--3 { width: 23.57143%; } .grid__col--4 { width: 32.06349%; } .grid__col--5 { width: 40.55556%; } .grid__col--6 { width: 49.04762%; } .grid__col--7 { width: 57.53968%; } .grid__col--8 { width: 66.03175%; } .grid__col--9 { width: 74.52381%; } .grid__col--10 { width: 83.01587%; } .grid__col--11 { width: 91.50794%; } .grid__col--12 { width: 100%; } } @media (min-width: 1px) and (max-width: 768px) { [class^="grid__col--"] { margin-top: em(12px); margin-bottom: em(12px); } } @media (min-width: 769px) { [class^="grid__col--"] { float: left; min-height: 1px; padding-left: 10px; padding-right: 10px; } [class^="grid__col--"] + [class^="grid__col--"] { margin-left: 1.90476%; } [class^="grid__col--"]:last-of-type { float: right; } } .ads-wrapper { width: 100%; background: #e9e9e9; padding: 12px 0px 24px 0px; margin-bottom: 24px; } .ads-wrapper span { font-size: 11px; line-height: 11px; } @media screen and (max-width: 767px) { .ads-wrapper { padding: 0px 0px; width: 300; margin: 12px auto 12px auto; background: none; } .ads-wrapper span { margin-left: 12px; } } @media screen and (max-width: 339px) { .TOC-wrapper .ads-wrapper { padding: 0px 0px; position: relative; left: -10px; margin: 12px auto 12px auto; } } .ad { width: 728px; margin: 0px auto; } @media screen and (max-width: 767px) { .ad { width: 320px; margin: 0px auto 0px auto; } } .ad--sky { width: 160px; height: 600px; float: right; } .ad--sky span { font-size: 11px; line-height: 11px; } @media screen and (max-width: 600px) { .ad--sky { float: none; width: 300px; height: 250px; margin: 0px auto 12px auto; } } .print-only { display: none !important; }