/**
 * 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;  background: #224d69; font-size: 24px;padding: 10px; float: right;  margin: 10px 15px;   border-radius: 0px; color: #fff;  cursor: pointer; transition:all 0.2s; -webkit-transition:all 0.2s;}
#menuOnTop{display: none;}
label[for="menuOnTop"]
.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
}
label[for="menuOnTop"] .icon-bar+.icon-bar {
    margin-top: 4px;
}

.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 (min-width:1100px) and (max-width:1300px)  {
		.container {    width: 1100px; max-width: 100%;}
}
@media only screen and (max-width:960px) {
	.mainNavigation h1{
		max-width: 100%
			
	}
	#nav-menu li a{padding: 10px 15px;}
	.galleryLinksWrp{    margin-top: 0px;}
	.topSocial{display: none;}
	.mainNavigation .container{padding-left: 0px; padding-right: 0px;}
	.navbar-header{    float: left; }

#main-navigation .dropdown .dropdown-menu{position: relative; display: block; width: 100%; box-shadow: none;padding: 0px;}

#main-navigation .dropdown .dropdown-menu{visibility: visible; opacity: 1; top: 100%; background: transparent !important; padding-left: 30px; }

#main-navigation .dropdown.open .dropdown-menu {display: block;}


#main-navigation > li > a:not(.show-search){clear: both;}
	.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}
	

	
	#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{position: relative;background: #fff !important;   margin-bottom: 0px; z-index: 999;  width: 100%;  }
 #nav-menu {width: 100%; border-top: 0px solid #fff;   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);}
 #main-navigation .dropdown .dropdown-menu li a{}
 #publishingHome{display: none;}
 #navMenuWrp #publishingHome{display: inline-block; float: left;     margin: 7px 10px;}
  #nav-menu .container{padding: 0px;}
.navbar-collapse.collapse{display: none !important;}
.navbar-collapse.in{display: block !important;}
#menuOnTop:checked ~ label[for="menuOnTop"]{background-color: #6b9807; border-color: #398439; }

#main-navigation  li, #main-navigation .dropdown .dropdown-menu li:not(:last-child), #main-navigation .dropdown > a{display: block; border-bottom: 0px solid #ccc; width: 100%; border-bottom: 1px solid #ccc; }
#main-navigation .dropdown .dropdown-menu li a, #main-navigation a.active{ border: 0}

#main-navigation li a{width: 100%; color:#000 !important; float: none; border-right: 0px; border-radius: 0px; display: block; text-align: left;}
#nav-menu > ul > li{margin-left: 0px; padding-right: 0px; margin-right: 0px;}
.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;}

 .container > .navbar-collapse{margin-left: -15px; margin-right: -15px;        }
 .container > .navbar-header{margin: 0px; padding: 0px 15px;}
.navbar-nav{margin: 0px;float: none; } 

.navbar-right{float:none !important;}
 .navbar-nav > li{float: none !important;}
  #mainContainer{ padding: 30px 0px}
 #sidebar, #mainContainer main{width: 100%; margin-bottom: 20px;}
 #sidebar{clear: both;}
 #social-icons .menu{padding: 0px;}
 .social_links span{display: none;}
.social_links a i{padding-right: 0px;}
	.social_links li a{border-bottom: 0px; width: 40px; text-align: center;}
}
@media only screen and (max-width:860px) {

	#topMenuBar{background: #2f2f2f; margin-bottom: 0px; width: 100%}
	#topMenuBar li a{padding: 6px 10px;}
	.mainNavigation{margin-top: 0px;}
	.topHeader{height: 84px;}
	#social-icons{position: relative; right: 0px; width: 100%;     border-top: 1px solid rgba(255, 255, 255, 0.21)}
	#social-icons .menu > li > a{    padding: 10px 10px; line-height: normal;}
	.slider_box_area .slider_left_box, .slider_box_area .slider_container{display: block; width: 100%}
	
	


	#searchWrpNav{display: none !important;}
}

@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;}
	 .topSocial li a{    width: 32px;}
	 .btnTops > a span{display: none; }
	 #social-icons .menu > li.btnTops a i{font-size: 18px !important;}
}
@media only screen and (max-width:480px) {
	.journals .media-list .media{height: 75%}
	.journals .media-list .media .description{ min-height: 100px !important; }
	.journals .nav-pills>li>a{font-size: 11px}
	
	.menuRightBtns{ width: 100%; margin-bottom: 10px;}
	#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: 10px 3px;     font-size: 11px;}
	
	#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{ }

	.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; margin: 0 auto}
	.homepage-image, .issue-toc .thumbnail{width: 100%}
	#homeTabWrp .nav-tabs lia{width: 100%; margin-bottom: 9px; text-align: center}
	.article-summary .media-left, .issue-summary .media-left{display: block; width: 100%; text-align: center; margin-bottom: 20px;}
	.article-summary .media-left a, .issue-summary .media-left a{display: inline-block; border: 0px; float: none;}
	.article-summary .media-left img, .issue-summary .media-left img{    width: initial;}
	.article-summary .media-body, .issue-summary .media-body{ clear: both; }
	.issueTocPublishArticles .article-summary .media-heading, .issueTocPublishArticles .article-summary .meta{margin-right: 0px;}
	.issueTocPublishArticles .media-body .galleryLinksWrp{position: relative;}

	.page_submissions .alert-info{text-align: center;}
	.page_submissions .alert-info a{width: 100%; margin-right: 0px; margin-left: 0px;   margin-bottom: 5px;  margin-top: 5px;}

	.page_submissions h2{font-size: 24px; padding-bottom: 5px}
}
@media only screen and (max-width:320px) {
	#social-icons .menu > li{padding-right: 0px;}
}