/**
 * Copyright (c) 2013-2017 OpenJournalSystems.com All Rights Reserved.
 * The unauthorized reproduction or distribution of this copyrighted work is illegal and punishable under US federal laws.  
*/


label[for="menuOnTop"]{display: none; font-size: 24px;padding: 3px 10px;   background: #ffffff;  border-radius: 0%; color: #22483d; position: fixed; z-index: 1000; top:4px; left: 4px; cursor: pointer; transition:all 0.2s; -webkit-transition:all 0.2s;}
#menuOnTop{display: none;}

.menuOnTopClose{ transition:all 0.2s; -webkit-transition:all 0.2s;box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed;  top: 0px; background: #fff; color: #333 !important; padding: 10px; font-size: 20px !important; }
.menuOnTopClose{left: -200px;  color: #22483d !important;}
.showOnMobile{display: none !important;}
@media only screen and (max-width:960px) {
	.topHeader{position: fixed; top: 0px; left: 0px; right: 0px; z-index: 2 ;    } 
	.banneWrapper{margin-top: 53px; height: auto;}
	.topHeader .navbar-toggle{margin: 10px; float: left;}
	.mobileShowMyAccount a{color: #fff; padding: 15px;}
.navbar-default .navbar-nav>li:first-child a{padding-left: 10px;}


	#header-title h1{margin: 0px; padding: 0px;}
	#header-title img{display: block;}
	.container{width: 100% !important}
	

	#searchWrpNav{display: none !important;}
	#nav nav.main-menu {background: #22483d;}
	.main-menu ul{padding: 0px; text-align:left;}
	.main-menu ul li{ text-align:left;}
	#mainWrp > *{display: block; width: 100%; padding: 10px; padding-top: 0px}
	.sidebar .blockTitle{display: block; margin-bottom: 20px;}
	.hideOnMobile{display: none !important;}
	.showOnMobile{display: block !important;}


    #main, .sidebarOn #main{width: 100%}
    #right-sidebar{width: 100%;}
    label[for="menuOnTop"]{ display: inline-block;}
    label[for="menuOnTop"] .fa-times{ display: none;}


 #main-navigation{ box-shadow: 0px 0px 10px rgba(0,0,0,0.5); position: fixed; left: -200px; top: 0px; background: #fff; margin-bottom: 0px; bottom: 0px; z-index: 999; visibility: hidden; width: 200px; transition:all 0.2s; -webkit-transition:all 0.2s; }
 #nav-menu {display: block;}
#menuOnTop:checked ~ #nav-menu #main-navigation{position: fixed; display: block; left:0px; visibility: visible; overflow: auto;}
#menuOnTop:checked ~ label[for="menuOnTop"]{left: 200px;}
#menuOnTop:checked ~ label[for="menuOnTop"] .fa-bars{display: none;}
#menuOnTop:checked ~ label[for="menuOnTop"] .fa-times{display: block;}
#main-navigation  li{display: block; border-bottom: 1px solid #ccc; width: 100%; }
#main-navigation li:last-child{border-bottom: 0px;}
#main-navigation li a{width: 100%; float: none; border-right: 0px; padding:10px 10px !important; display: block;}
.header_right, .header_left, .search_header{width: initial}
.brandingLogos{margin-left: 66px;}
#header #access{margin-left: 10px;}
.search_header{position: absolute; top: 0px; right: 10px;}
#header{float: left; width: 100%}

 .navbar-toggle{display: block;}
 .navbar-header{width: 100%}
 .container > .navbar-collapse{margin-left: -15px; margin-right: -15px;     border-top: 1px solid transparent; border-color: #e7e7e7;    }
 .container > .navbar-header{margin: 0px;}
.navbar-nav{margin: 0px;float: none; } 
#nav-menu{clear: both; }
.navbar-right{float:none !important;}
 .navbar-nav > li{float: none !important;}
 #sidebar, #mainContainer main{width: 100%}
 .topSocial{margin-left: 54px;}


.menuRightBtns {  
 
    margin-top: 0px;
float: initial;
}

}

@media only screen and (max-width:700px) {
	.topmenu{display: none;}
	 .header_left{width: 100%}
	 #social-icons .menu > li > a{padding-left: 10px; padding-right: 10px;}

	 .form-control{width: 100%}
	 .footerBottom div{clear: both !important; width: 100%;}
	 .journals .media-list .media{width: 100% !important; margin-bottom: 20px;    padding-bottom: 20px; border-right:0px !important }
	 .journals .media-list .media .description{    min-height: inherit;}
}
@media only screen and (max-width:480px) {
	.mainNavigation{margin-top: 70px}
	#header #access{margin-left: 0px; width: 100%}
	#header #access li a{    padding: 8px 8px 8px 8px;}
	#main h2{line-height: 25px}
	.journals .media-list .nav-pills{font-size: 10px;}
	.homepage-image {}
	.homepage-image img{margin-left: auto; margin-right: auto}
	#social-icons .menu > li{padding: 0px; padding-right: 5px;   line-height: 14px;    font-size: 12px;}
	#social-icons .menu > li > a{padding: 8px 3px;     font-size: 9px;}
	
	#social-icons .menu{padding-left: 0px;}
	.homepage-image, .issue-toc .thumbnail{margin-bottom: 20px;}
	.homepage-image + .journal-description, .issue-toc .thumbnail + .description{margin-left: 0px !important; clear: both;}
	
	.topHeader{    height: 70px;}
	#social-icons{border-top: 1px solid #ccc; float: left !important; text-align: left;     width: 100%; }
	.journals .media-list .media .media-left{width: 100%;display: block; padding-right: 0px; margin-bottom: 20px;}
	.journals .media-list .media .media-left img{max-width: 100%; padding-right: 0px}
	.homepage-image, .issue-toc .thumbnail{width: 100%}
	.newDropDown ul:before{left: 20px; right: inherit;}
.newDropDown ul{left: 0px; right: inherit; }
}
@media only screen and (max-width:320px) {
	#social-icons .menu > li{padding-right: 0px;}
}