@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Electrolize&display=swap');
body{font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Electrolize', sans-serif;}
.h3, h3{font-size: 28px;}
.current_issue_identification{font-size: 28px;}
.journal-logo{max-height: 120px;}
.nav-link{font-family: 'Roboto', sans-serif;}
.header{padding-left: 0%;padding-right: 0%;}
.upper-header{padding-left: 12%; padding-right: 12%;}
.lower-header{background-color: #00aeef; padding-left: 12%; padding-right: 12%;}
#navigationPrimary .nav-link{text-transform: none;font-size: 18px;}
#navigationPrimary .nav-link:hover{color: #fff; text-decoration: underline;}
#navigationPrimary{padding-bottom: 0px;}
.dropdown-item{font-family: 'Roboto', sans-serif;font-size: 16px;}
#navigationUser a, #user-nav-wraper a{font-size: 16px;}
#navigationUser a:hover, #user-nav-wraper a:hover{color: #fff; text-decoration: underline;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #fff;background-color: #444;border-radius: 0px;}
.current_issue_label{font-family: 'Electrolize', sans-serif; color: #00aeef; font-weight: 700; font-size: 22px;}
.section_title{font-family: 'Electrolize', sans-serif; color: #00aeef; font-weight: 700; font-size: 22px;}
.published{font-family: 'Roboto', sans-serif; font-size: 16px;}
p, li, a, blockquote{font-family: 'Roboto', sans-serif;}
.btn, .cmp_edit_link, .btn-primary, .btn-secondary, .block_make_submission_link, .cmp_edit_link{font-family: 'Roboto', sans-serif; font-size: 16px;}
.summary_title{font-family: 'Electrolize', sans-serif; font-weight: 600; font-size: 28px;}
.summary_meta{font-family: 'Roboto', sans-serif; font-size: 16px;}
#languageNav .show #languageToggleMenulanguageNav{color: #fff;}
.site-footer .block_make_submission_link{border-color: #fff;background-color: #fff;}
.site-footer .block_make_submission_link:hover{background-color:#444444; color: #fff;}
#user-nav-wraper a:hover{background-color: #222;}
footer p, footer li, footer a{font-size:16px;font-family: 'Roboto', sans-serif;}
footer .title{font-size:16px;font-family: 'Electrolize', sans-serif; }
footer a:hover{color: #fff; text-decoration: underline;}
.sidebar_wrapper+.additional-footer-info{border-top: 1px solid #333;}
.block_developed_by{display: none;}
.issue_summary_date{font-family: 'Roboto', sans-serif;}
.article_section_title{font-family: 'Electrolize', sans-serif; color: #00aeef; font-weight: 700; font-size: 18px; text-transform: none;}
#authorInfoCollapse{font-family: 'Roboto', sans-serif;}
.article_main_data{font-family: 'Roboto', sans-serif; font-size: 16px;}
.pdf-return-article a{font-family: 'Roboto', sans-serif;}
.pdf-return-article a:hover{color: #fff;}
.form-text{font-family: 'Roboto', sans-serif;}
#connect-orcid-button{font-family: 'Roboto', sans-serif; font-size: 16px;}
#connect-orcid-button:hover{color: #fff;}
.form-control{font-family: 'Roboto', sans-serif; font-size: 16px;}
label{font-family: 'Roboto', sans-serif; font-size: 16px;}
.homepage_image{background-size: cover !important;background-position: center !important;}
.col-left{float: left; margin-right: 30px; width: 60%}
.col-left img{max-width: 35%;}
.col-right{float: right; width: 30%;text-align: right;}
.col-right img{max-width: 50%;}
footer .block_language{border-radius: 0px !important;background-color: transparent !important;}
footer .block_language li{background-color: #000000 !important;}
footer .block_language a{color: #fff !important;}
#user-dashboard-link:hover .task_count{color: #fff;}
#user-dashboard-link:focus .task_count{color: #fff;}
.task_count:hover{color: #fff;}

@media only screen and (max-width: 960px) {
.col-left{float: none;margin-right: 0px;width: 100%;}
.col-right{float: none;width: 100%;padding-top: 30px;text-align: left;}
.col-right img{max-width: 20%;}
.col-md-7{flex: 0 0 45%;max-width: 45%;}
.col-md-5{flex: 0 0 55%;max-width: 55%;}
#nav-small{padding-bottom: 0px;}
#nav-small a{font-size: 16px;font-weight: 600;}
#modal-on-small .nav-link:hover{color:#00aeef; }
#modal-on-small .navigation-dropdown{top: 19px !important;}
#modal-on-small .dropdown.show a:hover{color: #fff;}
#modal-on-small .dropdown.show .dropdown-toggle{color: #fff;}
.upper-header, .lower-header{padding-left: 2%;padding-right: 2%;}
}
@media only screen and (max-width: 800px) {
.col-md-7{flex: 0 0 100%;max-width: 100%;}
.col-md-5{flex: 0 0 100%;max-width: 100%;}
#user-nav-wraper{margin-bottom: 2px;}
}
@media only screen and (max-width: 736px) {
#navigationUser li:first-child .nav-link{padding-left: 15px;}
}
@media only screen and (max-width: 568px) {
.col-left img{max-width: 60%;}
.col-right img{max-width: 40%;}
}
@media only screen and (max-width: 414px) {
#user-nav-wraper{display: table;width: 100%;}
#navigationUser{display: table; float: left;}
#languageNav{display: table;float: left;}
#navigationUser .nav-item{float: left;}
#navigationUser a, #user-nav-wraper a{font-size: 14px;}
.container-page img{width: 100%; height: auto;}
}