body{font-family:'Open Sans',sans-serif;font-size:13px;line-height:18px}
.clear {clear:both;}
.no-padding{padding:0}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 500; }
a {color:#888; text-decoration:none; transition:all 0.4s ease;}
a:hover, a:focus, a:active {color:#000; text-decoration:none; outline:0;}
.navbar-default .dropdown-menu>.active>a,.navbar-default .dropdown-menu>.active>a:hover,.navbar-default .dropdown-menu>li>a:hover{background-color:#fff!important}
.navbar-default .dropdown-menu>li>a,.navbar-default .dropdown-menu>li>a:focus{color:#fff}
.navbar-default .dropdown-menu{background-color:#f8f2f2}
.header_view .navbar-nav>.open>a,.header_view .navbar-nav>.open>a:focus,.header_view .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#fff;color:#4d4d4d}
.header_view .nav>li>a:active,.header_view .nav>li>a:focus,.header_view .nav>li>a:hover,.navbar-default .nav>li>a:active,.navbar-default .nav>li>a:focus,.navbar-default .nav>li>a:hover{background:0 0;font-weight:700}
.navbar-brand{font-size:25px}
.panel-default>.panel-heading,.pkp_block .title{border-color:#ddd;border-top-right-radius:5px;border-top-left-radius:5px}
.block_make_submission a{border:1px solid red}
.user_navigation{padding:2px}
#main_content{padding-top:20px}
.page-header{padding:0!important;margin-top:0!important}
#main-navigation li a{font-size:1.1em}
#main-navigation li a:hover{background:0 0;color:#3a3a3a;font-weight:700}
#main-site>div>div>h2{margin-top:10px}
.page-header h2{font-size:2em}
.media-list {margin-bottom:20px;}
.media ul.nav-pills{display:block;float:right;margin-top:10px}
.media.article-summary {margin-top:10px; margin-bottom:10px;}
.media .media-heading{font-size:15px; font-weight:700; ;margin-bottom:4px}
.media .media-body {border:1px solid #ddd; padding:10px;}
.media-left img{max-width:200px}
.media .nav-pills li a{border:1px solid #d5d5d6;margin-right:10px;padding:8px 10px;border-radius:4px;background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(246,246,246,.99) 47%,rgba(237,237,237,.97) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,rgba(255,255,255,1)),color-stop(47%,rgba(246,246,246,.99)),color-stop(100%,rgba(237,237,237,.97)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(246,246,246,.99) 47%,rgba(237,237,237,.97) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(246,246,246,.99) 47%,rgba(237,237,237,.97) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(246,246,246,.99) 47%,rgba(237,237,237,.97) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(246,246,246,.99) 47%,rgba(237,237,237,.97) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 )}
.article-details{margin-bottom:40px}
.pkp_page_article article h1.page-header{font-size:1.8em}
.article-details header small{color:#3a3a3a;margin-bottom:10px}
.article-details .article-summary,.article-references{margin:40px 0}
.article-details .issue_detail{margin-bottom:10px}
.article-details .panel-heading{font-weight:700}
.pkp_page_article .article-details h2{font-size:1.6em;font-weight:400}
.pkp_page_article .article-more-details .panel{border-radius:0;box-shadow:none;-webkit-box-shadow:none;border:1px solid #ebeaea}
.pkp_page_article .article-more-details .panel-default>.panel-heading{background:0 0;border-bottom:1px solid #ebeaea;color:#1d1d1d;font-size:1.2em}
.pkp_page_article .article-details .panel-default>.panel-heading{background:#f8f8f8;border-bottom:1px solid #ebeaea;color:#1d1d1d;font-size:1.2em}
.article-details .author .orcid a{vertical-align:top;margin-left:5px}
.article-details .author .orcid_icon{width:20px;height:20px}
.article-details .author-bios .biography{margin-bottom:0}
.article-details .author-bios .biography h3{font-size:1.3em}
.article-details .article_counter_read{display:inline-block;width:20px;height:10px;background:url(../images/bar_chart_icon.png) no-repeat top left;color:#fff}
.article-details .doi_link{background-size:20px!important;height:30px!important;background:url(../images/DOI_logo.svg) no-repeat center left;padding:5px 0 5px 30px}
h3{font-size:22px}
.current_issue .page-header h2 {font-size:24px}
.contact_section .email_header{font-size:1.7em}
.contact_section .fa{font-size:1.1em;margin-right:20px;color:#aaa}
.contact_section .contact .fa{font-size:1.4em;margin-bottom:10px}

.additional_content {padding-top:40px;}

.btn, .btn-default, .btn-primary, .btn-info {
	color: #fff;
	background-color: #6a6a6a;
	border-color: #666;
}

.btn:hover, .btn-default:hover, .btn-primary:hover, .btn-info:hover, 
.btn:focus, .btn-default:focus, .btn-primary:focus, .btn-info:focus, 
.btn:active, .btn-default:active, .btn-primary:active, .btn-info:active {
	color: #fff;
	background-color: #3a3a3a;
	border-color: #333;
}

.lead {font-size:18px; font-weight:700; color:#8a8a8a; line-height:22px;}

.panel-default > .panel-heading, .pkp_block .title {  color: #333; background-color:#e6e6e6; border-top-right-radius: 0; border-top-left-radius:0; border:0;}

.pkp_block.block_browse ul > li {font-weight:700;}
.pkp_block.block_browse ul > li ul li {font-weight:400; padding: 10px 0; line-height:1.2;}
.pkp_block.block_browse ul ul {margin-top:10px;}

.cmp_article_list.articles  {list-style-type:none; margin: 0 0 20px 0; padding:0;}
.pkp_page_catalog .article_count {margin-bottom:10px;}
.pkp_page_catalog .article_count span {display:inline-block; background:#eaeaea; padding:3px 8px; line-height:1;}

.alert.alert-info {background:#eee; border:1px solid #eaeaea; color:#2a2a2a; font-size:13px;}
.alert.alert-info a {font-weight:700;}

#main-content fieldset {padding-top:10px;}
#main-content legend {padding-top:30px; padding-bottom:12px; font-size:22px; line-height:1; margin-bottom:14px;}

.page_issue_archive .media .media-body {border:0; padding:0;}
.page_issue_archive .media {border:1px solid #ddd; padding:10px; margin:10px 0;}

.page_contact .contact_section h3 {margin-bottom:20px;}
.page_contact .contact_section h5.name {font-weight:bold; margin-bottom:12px;}
.page_contact .contact_section .title {margin-bottom:8px; }
.page_contact .contact_section .affiliation {}
.page_contact .contact_section .phone {margin-bottom:8px;}
.page_contact .contact_section .email {margin-bottom:8px;}
.page_contact .contact_section hr {margin-top:31px; margin-bottom:11px;}

@media (max-width:991px) {
	.page_contact .contact_section .contact.primary, 
	.page_contact .contact_section .contact.support, 
	.page_contact .contact_section .contact.mailingaddress {padding:10px 0;}
	.page_contact .contact_section .contact.primary {margin-bottom:0;}
	.page_contact .contact_section .contact.support {margin-bottom:60px;}
}



.site_header { background: #fff;  border: 1px solid #e1e1e1;}
#header-logo-container {text-align:left; padding:10px 0;}
#header-logo-container .header-logo-ext {display:none;}
#header-logo-container a span {display:none;}
#header-logo-main {display:inline-block; width:160px;}
#header-logo-main img {width:100%;}

#header-nav-container {display:none;}


#header-search-container .navbar-form {margin-top:0; margin-bottom:0; padding:0; float:right !important;}
#header-search-container #searchbox {border-top:0; border-left:0; border-right:0; padding:4px; border-bottom:1px solid #999; color:#333;}
#header-search-container #searchbox:hover, #header-search-container #searchbox:focus, #header-search-container #searchbox:active {border-bottom:1px solid #000; color:#000;} 
#header-search-container #searchbtn {background:#fff; color:#999; padding:5px; border:0; font-size:18px;}


#homepage-header-image {background-size:cover; background-position:center center; height:280px; margin-bottom:30px; position:relative;}
#homepage-header-text {position:absolute; left:30px; bottom:30px; color:#fff; line-height:1.5; padding-right:30px;}
.homepage-header-text-1 {font-size:17px; display:block;}
.homepage-header-text-2 {font-size:22px; text-transform:uppercase; display:block;}



#mainmenu-mobile-open {float:right; font-size:24px; color:#999; position:relative; top:11px; transition:all 0.5s ease;}
#mainmenu-mobile-open:hover, #mainmenu-mobile-open:focus, #mainmenu-mobile-open:active {color:#333;}

@media (min-width:479px) {
    #homepage-header-image {height:320px}
}

@media (min-width:576px) {
    #homepage-header-image {height:400px}
    #header-logo-main {width:200px;}
    #mainmenu-mobile-open {top:17px;}
    .homepage-header-text-1 {font-size:18px; }
    .homepage-header-text-2 {font-size:24px;}
}

@media (max-width:767px) {
    #header-nav-container {position:fixed; top:0; left:0; width:100%; min-height:100%; background:#fff; z-index:10000; padding:40px;}
    #mainmenu-mobile-close {float:right; font-size:24px; color:#999; transition:all 0.5s ease; position:relative; top:-20px; left:20px;}
    #mainmenu-mobile-close:hover, #mainmenu-mobile-close:focus, #mainmenu-mobile-close:active {color:#333;}
    #header-search-container, #header-search-container .navbar-form {float:none !important;}
    #header-search-container {padding-top:40px;}
    #header-search-container .form-group {display:inline-block; width: calc(100% - 50px); padding-left:10px;}
    #searchbox {width:100%;}
    #searchbtn {float:right;}

}

@media (min-width:768px) {
    #header-logo-container {text-align:center; padding:40px 0;}
    #header-logo-container .header-logo-ext {display:inline-block;}
    #header-logo-main {width:300px; margin-left:100px; margin-right:100px;}
    #header-nav-container {display:block; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; padding: 10px 0; margin-bottom:20px;}
    
    #mainmenu-mobile-open, #mainmenu-mobile-close {display:none;}
    #header-search-container .navbar-form {padding:4px 0 0 0;}
    .homepage-header-text-1 {font-size:20px; }
    .homepage-header-text-2 {font-size:25px;}
}

@media (min-width:992px) {
    #homepage-header-image {height:500px}
    #header-search-container {padding-top:6px;}
    #header-logo-ep, #header-logo-upt {height:60px; width:180px; background-position:center center; background-size:contain; background-repeat:no-repeat; position:relative; top:40px;}
    #header-logo-ep {background-image:url('images/hdr_ep.png');}
    #header-logo-upt {background-image:url('images/hdr_upt.png');}
    #header-search-container .navbar-form {padding:0;}
    .homepage-header-text-1 {font-size:25px; }
    .homepage-header-text-2 {font-size:30px;}
}

.user_navigation { background: #fff; border-bottom:1px solid #ddd;}
.user_navigation ul {list-style-type:none; margin-bottom:3px;}
.user_navigation ul li {display:inline-block; padding:2px;}
.user_navigation a { color: #999; font-weight:normal; transition:all 0.5s ease; background: rgba(255,255,255,0); font-size:12px; text-decoration:none; padding:4px 6px 6px 6px;}
.user_navigation a:hover { color: #555; font-weight:normal; background: rgba(255,255,255,0); text-decoration:none;}

.user_navigation .dropdown-menu li a { color: #ccc; }

#main-navigation > li a, #main-navigation > li ul li a  { color: #333; font-weight:400;}
#main-navigation > li a:hover, #main-navigation > li ul li a:hover { color: #000; font-weight:400;}

.editorial_team_block .profile .name {color: #000 } 

footer[role=contentinfo]{background:#3a3a3a;color:#fff;padding:40px 0;}

#footer-content {margin-bottom:30px;}
#footer-logos {text-align:center;}

#footer-logos a {display:block; padding:20px 0;}
#footer-logos a img {height:75px;}

@media (min-width:470px) { 
	#footer-logos a {display:inline; padding:0;}
	#footer-logos a img {height:60px;}
}

@media (min-width:599px) { 
	#footer-logos a img {height:75px;}
}

@media (min-width:992px) { 
	#footer-logos a img {height:100px;}
}