@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}

body{
font-size:.9rem;	
	}

@font-face {
	font-family: 'Conv_Britannic T Medium';
	src: url('fonts/Britannic T Medium.eot');
	src: local('☺'), url('fonts/Britannic T Medium.woff') format('woff'), url('fonts/Britannic T Medium.ttf') format('truetype'), url('fonts/Britannic T Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


form label{
margin-bottom:0 !important;
margin-top:.5rem !important;
}
img{
	max-width: 100%;
}

.theme_bg{
	background-color:#017050;	
	}
.theme_bg_secodary{
	background-color:/*#b79b2a*/ /*#123c30*/ #000;	
	
	}
.theme_bg_teritary{
background-color:#000;	
	}
	
		

.theme_text{
	color:#017050;	
	}
.theme_text_secodary{
	color:#927605;	
	
	}		
a{
text-decoration:none;	
	}	
a:hover{
text-decoration:none;
color:#000;	
	}


p{
text-align:justify;	
	}
.header{
	background-color:#017050;	
	padding:10px 0 0 0;
	}
	
.header_inner{
background:url(../images/college-sketch-inner.png)	no-repeat 100px -20px ;
	}
	
.logo{
	
background:url(../images/cpsp-logo.png) no-repeat;
padding-left:110px;
	
	}		
.jcpsp-logo{
	font-family: 'Conv_Britannic T Medium';
	color:#FFF;
	font-size:3.625rem;	
	text-shadow:2px 2px #000 ;
	opacity:1;
	}	
	
	
	
.logo h1{
	line-height:0.7 !important;
	font-weight:100 !important;
	opacity:1;	
	margin-top:15px;
	}	

.logo small{
	font-weight:100;
	font-size:1rem;
	text-transform:uppercase;
	color:#fff;
	padding:2px 5px;
	text-shadow:none !important;	
	opacity:1;
	font-weight: bold;
	}	
	

	
.header p{
	color:#FFF;
	font-size:.93rem;	
	margin-bottom:0 !important;
	opacity:1;
	}	
.journal-index-desc p{
	line-height:16px !important;
	font-size:.75rem !important;
	padding-bottom:0 !important;	
	margin-bottom:0 !important;
	color:lightgray;
	font-style:italic;
	}	
.journal-index-desc{
	padding-bottom:3px;	
	}	
	
.jcpsp-nav li{
	display:inline;
	color:#FFF;
	}	
.jcpsp-nav li a{
	text-decoration:none;	
	padding:9px 10px;
	color:#FFF;
	font-size:.8rem;
	text-transform:uppercase;
	padding-bottom: 7px;
	}	
	
@media only screen and (max-width: 500px) {
.header small{
display:none;	
	}	
	}

@media only screen and (max-width: 1199px) {
.jcpsp-nav li a{

	padding:12px 10px 10px 10px;
	font-size:.7rem;
	}		
	}

@media only screen and (max-width: 991px) {
.jcpsp-nav li{

line-height:40px;
	}
.jcpsp-nav li a{
	font-size:.8rem;

	}		
			
	}	
.jcpsp-nav1{
	background-color:#017050 !important;
}	

.jcpsp-nav li a:hover{
	background-color:#017050;	
	}	
		
.jcpsp-sidebar{
/*border-right:#CCC 1px solid;
*/	
	}	
.jcpsp-sidebar ul{
	list-style:none;	
	}	
.jcpsp-sidebar li a{
	color:#000;	
	padding:5px 30px 5px 10px;
	text-decoration:none;
	}
.jcpsp-sidebar li{
	line-height:64px;
	background-color:#f3f3f3;	
	}	
		
.jcpsp-sidebar li:hover{
	background-color:#b79b2a;	
	}	
		
.jcpsp-sidebar h4{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#fff;	
	margin-bottom:0;
	font-size:1rem;
	font-weight: bold;
	}
		
.jcpsp-sidebar li{
	line-height:35px;	
	}	
	
	
.line-breaker{
	border:#CCC 1px dashed;	
	}	
.email_alert, .journal_browser{
	background-color:#f3f3f3;
	padding:10px;		
	}	

.journal_browser{
	text-align:center;
	padding:10px 0;	
	}	
	
.journal_browser select{
	padding:5px;	
	} 	
.journal_browser input[type=submit]{
	padding:2px 10px;
	
	
	}	
.email_alert input[type='email']{
	width:150px;
	padding:2px 0;
	
	}	
.email_alert input[type=submit]{
	padding:2px 2px;
	}	
form  label{
font-weight:600;	
	}	
	
.footer{
	padding:1rem;
/*	position:fixed;
	bottom:0;
	width:100%;*/
	
	}
	
.footer ul li{
	list-style:none;
	}
	
.footer ul li a{
	color:#000;
	
	} 	
.footer h4{
	color:#000;
	font-size:1.2rem;
	}	
	
.copyright{
	
	color:#000;
	
	}	
.copyright p{
	margin-bottom:0;
	color:#000;
	}	
.footer .jcpsp-logo{
	color:#fff;
		text-shadow:2px 2px #000 ;
	}	
.special_issue a:hover{
	color:#000;
	text-decoration:none;
	
	}	
	
.s_btn{
color:#fff;	
	}
	
.contact-sidebar img{
width:30px;
height:30px;
color:#FFF;	
	}	

/* E Pub Search */

  #example_length{
    display: none;
  }
  #example_filter label{
     display: flex;
     font-size: initial;
  }
  input[type="search"] {
  padding-left: 10px;
  height: 34px;
  width: 400px;
  padding-right: 10px;
  border: 1px solid #cdcdcd;
  margin-left: 5px;
  margin-top: -5px;
  border-color: rgba(0, 0, 0, .15);
  background-color: white;
}
.pagination{
   float: right;
   margin-top: 20px;
}
.page-item.active .page-link{
  z-index: 1;
  color: #fff;
  background-color: #224a3d;
  border-color: #e5e9ee;
}
.page-link {
  color: black;
}
@media screen and (min-width: 769px){
.d-sm-block1 {
    display: none!important;
}
}

@media screen and (max-width: 768px){
.d-sm-block1 {
    display: block!important;
}
	}
	


/*   Nav Start        */





.classynav ul li {
  display: inline-block;
  clear: both;
  position: inherit;
  z-index: 10;
}

.classynav ul li a {
  padding: 0 12px;
  display: block;
  height: 35px;
  font-size: 14px;
  line-height: 34px;
}

.classycloseIcon,
.dd-trigger {
  position: absolute;
  display: none;
}

.classycloseIcon {
  top: 20px;
  right: 20px;
  z-index: 12;
}

.classycloseIcon .cross-wrap {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: relative;
}

.classycloseIcon .cross-wrap span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 6px;
  background: #232323;
}

.classycloseIcon .cross-wrap span.top {
  top: 12px;
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.classycloseIcon .cross-wrap span.bottom {
  bottom: 12px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.classy-navbar-toggler {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: none;
}

.classy-navbar-toggler .navbarToggler {
  display: inline-block;
  cursor: pointer;
}

.classy-navbar-toggler .navbarToggler span {
  position: relative;
  background-color: white;
  border-radius: 3px;
  display: block;
  height: 3px;
  margin-top: 5px;
  padding: 0;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  width: 30px;
  cursor: pointer;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(1) {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
  top: 8px;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(2) {
  opacity: 0;
}

.classy-navbar-toggler .navbarToggler.active span:nth-of-type(3) {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
  top: -8px;
}

.breakpoint-on .classy-navbar-toggler,
.breakpoint-on .classycloseIcon {
  display: block;
}

.breakpoint-on .classy-navbar .classy-menu {
  background-color: rgba(25, 32, 37, .9);
  position: fixed;
  top: 0;
  left: -310px;
  z-index: 1000;
  width: 240px;
  height: 100%;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  padding: 0;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
}

.breakpoint-on .classy-navbar .classy-menu.menu-on {
  left: 0
}

.breakpoint-on .classynav ul li {
  display: block;
  position: relative;
  clear: both;
  z-index: 10;
}

.breakpoint-on .classynav ul li a {
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
}

.breakpoint-on .classynav {
  padding-top: 60px;
}

.active_nav {
  color: white !important;
  background: #000 !important;
  border: 1px solid black;
}