/**

 * 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: 9px 10px;   border-radius: 2px; color: #fff; border:1px solid #ddd; position: absolute; z-index: 1000; top:115px; right: 14px; 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;}



label[for="menuOnTop"] .icon-bar{display: block; width: 22px; height: 2px; border-radius: 1px;     background-color: #FFFFFF !important;} 

label[for="menuOnTop"] .icon-bar + .icon-bar {margin-top: 4px;}





@media only screen and (min-width:1100px) and (max-width:1300px)  {

		.container {    width: 1100px; max-width: 100%;}

}

@media only screen and (max-width:960px) {

	.slider_box_area .slider_left_box{clear: both;}

	.slider_container{padding-left: 0px;}

	.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%; }
	#main-navigation .dropdown.open .dropdown-menu {display: block;}*/

	#nav-menu li a{padding: 10px 15px;background: transparent !important; color: #000 !important;}
	#main-navigation .dropdown .dropdown-menu{position: relative; display: block; width: 100%; box-shadow: none;padding: 0px;}
	#nav-menu li:hover a,#main-navigation li:hover,#main-navigation li a:hover{background: #fff !important;}
	#main-navigation .dropdown .dropdown-menu{visibility: visible; opacity: 1; top: 100%; background: transparent !important; padding-left: 30px; }
	#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); background: #fff !important; }
	#main-navigation .dropdown.open .dropdown-menu {display: block;}

	#main-navigation  li, #main-navigation .dropdown .dropdown-menu li:not(:last-child), #main-navigation .dropdown > a{display: block; border-bottom: 1px solid #ccc; width: 100%;background: transparent !important; color: #000 !important; }



#main-navigation li a{width: 100%; float: none; border-right: 0px; border-radius: 0px; padding:6px 10px 6px 20px !important; display: block; text-align: left;}





	#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;   margin-bottom: 0px; z-index: 999;  width: 100%;  }

 #nav-menu {width: 100%; border-top: 1px solid #fff; padding-top: 10px;}

.navbar-collapse.collapse{display: none !important;}

.navbar-collapse.in{display: block !important;}

#menuOnTop:checked ~ label[for="menuOnTop"]{background:#ddd; border-color:#ddd }





#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;}

 #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;}

	

	.page_submissions .alert-info a{    margin-top: 10px;}

}

@media only screen and (max-width:860px) {



	#topMenuBar{background: #2f2f2f; margin-bottom: 0px; width: 100%}

	#topMenuBar li a{padding: 6px 10px;}

	.mainNavigation{margin-top: 84px;}

	.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%}

	

	.submission_checklist h2{font-size: 24px}





	#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;}

	 .page_submissions .alert-info a{width: 100%;     margin-top: 5px;    margin-bottom: 5px;}

	 .page_submissions .alert-info{text-align: center;}

}

@media only screen and (max-width:480px) {

	.journals .media-list .media{height: 100%}
	.journals .nav-pills>li>a{font-size: 11px}
	#homeTabWrp .nav-tabs li{width: 100%; margin-bottom: 10px;}

	.issueTocPublishArticles .article-summary .media-heading, .issueTocPublishArticles .article-summary .meta{margin-right: 0px;}

	.issueTocPublishArticles .media-body .galleryLinksWrp{position: relative;}

	.social_links{display: none;}

	#homeTabWrp .nav-tabs a{width: 100%}

	.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;     width: initial;}

	..additional_content .team-member{text-align: center; margin-bottom: 10px;}

	#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: 10px; width: 100%;}

	.homepage-image + .journal-description, .issue-toc .thumbnail + .description{margin-left: 0px !important; clear: both; padding-right: 0px;}

	

	.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}

		#tpAnnouncements{display: none;}

			.article-summary .cover + .media-body{clear: both; display: block;  padding-top: 20px;}



			.page_issue_archive .media-left, .page_issue_archive  .media-body{display: block; width: 100%}

			.page_issue_archive .media-left {text-align: center;}

			.page_issue_archive .media-left a{display: inline-block; margin-bottom: 10px;}

			  .page_issue_archive  h2{  font-size: 24px;}



}

@media only screen and (max-width:320px) {

	#social-icons .menu > li{padding-right: 0px;}

	.homepage-image, .issue-toc .thumbnail{margin-bottom: 10px;}

}