/* Fav #60c3ff 

ElsevierSans,Arial,Helvetica,Roboto,Lucida Sans Unicode,Microsoft Sans Serif,Segoe UI Symbol,STIXGeneral,Cambria Math,Arial Unicode MS,sans-serif
*/

/* Default background color #2c3e50 of bootstrap3 theme */

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');

@media (min-width: 768px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand, .header_view>.container .navbar-brand, .header_view>.container-fluid .navbar-brand {
        margin-left: 10px;
    }
}

@media (min-width: 768px) {
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 360px;
    }
}

@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 19.5px;
        padding-bottom: 19.5px;
		/*margin-top: 60px;*/
		margin-top: 70px;
		font-size: 15px;
    }

	.navbar-nav {
        float: left;
        margin: 0;
        font-family: "Saira","Anta",sans-serif;
        font-weight: 400;
    }
}

/*@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 9.5px;
        padding-bottom: 9.5px;
        margin-top: 10px;
    }
} */


a {
    /*color: #186fbc;*/
	/* color :#0370d1; */
	color : #0964b5;
    text-decoration: none;
}

a:hover, a:focus {
    color: #48b3fb;
    text-decoration: underline;
}

.journal-description, p {
	text-align : justify; 
	line-height: 1.5;
} 

/* Page Header Information */
.page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #cdcdcd;
}

.navbar-header .site-name {
    margin: 0;
    font-family: "Kanit";
}


/*.navbar-default .nav>li>a, .header_view .nav>li>a {
    color: #0074af;
}*/

.navbar-brand-logo img {
    height: auto;
    width: auto;
}

.navbar-default .navbar-brand, .header_view .navbar-brand {
   color: #0a74b5;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .header_view .navbar-nav>.open>a, .header_view .navbar-nav>.open>a:hover, .header_view .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #0074af;
}

/* Menu hover green to blue 03/Apr/2025 */
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus, .navbar-default .nav > li > a:active, .header_view .nav > li > a:hover, .header_view .nav > li > a:focus, .header_view .nav > li > a:active {
  /*color: #18bc9c;*/
  color: #6ceaff;
  background: transparent;
}

.navbar-default, .header_view {
  /*  background-color: #405972;   
  background-color: #2c3e50;  */
  
  /*background-color: #2d5772;*/
  background-color: #264355;
}

.navbar-brand {
    float: left;
   /* height: 90px;*/

	height: 100px;
    padding: 9.5px 15px;
    font-size: 40px;
    line-height: 21px;
}


.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0074af;
}


#nav-menu>li>a:hover, #nav-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0074af;
}

/* Menu Height and width */
.nav>li>a {
    position: relative;
    display: block;
    padding: 5px 15px;
} 

body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    /* line-height: 1.42857143;*/
	line-height: 1.7;
    /*color: #2c3e50;*/
	color : #3c4955;
    background-color: #fff;
}

h2, .h2 {
    font-size: 20px;
}

h1, .h1 {
    font-size: 22px;
}

h3, .h3 {
    font-size: 18px;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Titillium Web","Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 505;
    line-height: 1.1;
    color: inherit;
}

/* Button color */
.btn-default, .pkp_block.block_make_submission a {
    color: #fff;
    background-color: #3996d9;
    border-color: #95a5a6;
}

.btn, .pkp_block.block_make_submission a {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 5px 10px;
    font-size: 15px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

	/* Added to move the login button to the center */
	/*margin-left: 340px;*/
}

.form-control {
    display: block;
    width: 500px;
    height: 40px;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #2c3e50;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dce4ec;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/* To move the search box and button little bottom */
.navbar-form {
  margin-top: 50.5px;
}

/* Right Panel Heading style 
.panel-default>.panel-heading, .pkp_block .title {
    color: #2c3e50;
    background-color: #dae8fd;
    border-color: #a8c5f1;
} */

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.6;
    /* color: #7b8a8b; */
	color: #484848;
    white-space: nowrap;
}

.moon {
  border-radius: 50%;
  height: 115px; 
  width:130px;
 /* background-color: #2badd9;*/
  float: left;
 /*  shape-outside: inset(1% round 50%);
  margin-left: 20px;
  margin-bottom: 10px; */
}

.para-head {
    font-size: 14px;
	padding: 0px 0px;
	color: #6e2c30;
	font-weight: bold;
	margin-top: 20px;
}

.para-subhead {
	padding: 3px 0px;
	color: #6e2c30;
	margin-bottom: 10px;
}


/* space between order list */
ul, ol {
    line-height: 1.6;
}

/* Move the search box left side 
@media (min-width: 992px) {
    .pull-md-right {
        float: left;
        margin-left: 125px;
    }
} */

/* Move the user navigation left side 
.row {
    margin-right: 370px;
    margin-left: -15px;
} */


/* Navigation bar text color */
.navbar-default .nav>li>a, .header_view .nav>li>a {
    color: #e1e1e1;
}

/* To make a submission button full length 29-01-2025*/
.pkp_block.block_make_submission a {
  display: block;
  }


 /* Left menu with javascript */


.wrapper-menu-content {
    /*width: 400px;*/
    margin: 0 auto;
    position: relative;
    margin-left:160px;
}

.nav-menu {
    position: fixed;
  /*  left: 0;
    right; 0;
    top: 0;
	 width: 100px;
	*/
    
    display: block;
   
    padding: 4px 0;
    height: 100px;
    z-index: 100;
    color:#7a7a7a;
}

.nav-menu a {
    /*font-family: helvetica;*/
color:#7a7a7a;    
    padding: 2px; 4px;
    display: block;
   /* float: left;*/
    text-decoration: none;
    margin-right: 4px;
    
    
    width: 100%;
    
	font-size:13px;
	line-height: 2.5;
}

.nav-menu a:hover {
    background-color: #e4f1ff;
    /*color:#1d6abd; */
	font-weight: 500;
	
}

.nav-menu a.active {
    background: white;
    color:#1573d9; 
	font-weight: 500;
}

.fixed {
    position: fixed;
    top: 0
} 

/* Left menu with JS */


/* Move to Top button CSS */
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 700px;
  display: none;
}


.panel-body, .pkp_block .content {
    padding: 10px;
}

/* Added to move the login button to the center on 21-Apr-2025
.form-group {
  margin-bottom: 15px;
  margin-left: 210px;
}

.checkbox {
  margin-left: 210px;
}  */
/* End Added to move the login button to the center on 21-Apr-2025 */

/*h3 a {
	color: #747474;
}*/

h3.media-heading {
	font-size: 15px;
}

.links a {
    color: #bcbdbf;
    text-decoration: none;
    font-size: 13px	;
}

.links a:hover {
    /*color: #6e757b;*/
    text-decoration: underline;
}

.footer h4 {
    color: #fff;
}


footer[role="contentinfo"] {
    background: #264355;
    padding: 2em;
    margin-top: 4em
}

.footer p {
    color: #bcbdbf;	
}

a.pdf {
    color: #257fc1;
    background-color: #ffffff;
    border-color: #429aad;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAABGdBTUEAALGPC/xhBQAAATZJREFUOBHVUTFLw0AYzV2yd1PBP6AdHYKjk0MCgls3tyylP0GK4D8QBAXB2UlIyN7FIX9A6NKhdOnmEOiQa3xP7guhHKXc5sHxvnvfey/3XVSapjdBEDy3bXsK9F5KqRUyxhoJLwwDYXzT6LUXetUojhkUhuEFYOYROrNeWo94Q1mLsiyvtNYjEEsh9+CSWnqgWYiuCzTGzPGed3mef+CLZxA/QrQRYQ837FFDLT30Sr8LxOgn2O8QfOFNhkVR3MM0hPBTxKzJsUcNtfTQK5ouUAjgZdM0FcRvURTVGOkWeM1t65o9aqjt+f5KlSTJFpXabdjzD/AhjuMnnquqmgCm2AOeXYuBravR5zDeN88Y7bzPu+rIRe5yhwSJx/WG0vPC/xG49prNbVpz5Ax/ceXuH87ajOwXFL5zqj68AcMAAAAASUVORK5CYII=') 22px center no-repeat;
}


a.pdf:hover {
    color: #fff;
    background-color: #257fc1;
    border-color: #ffffff;
}


.para-head-small {
    font-size: 12px;
    padding: 0px 0px;
    color: #026fbf;
    font-weight: bold;
}

/* Home Layout */
.panel.issue-toc,
.container .issue-toc,
.row .issue-toc {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

/* Rainbow Glow */

/* Base Button */
.glow-btn {
  /*position: relative; */
  padding: 8px 14px;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease;
  color: #fff;
  background: #333;
  text-align: center;
}

.glow-btn.rainbow {
  /* background: linear-gradient(270deg, #ff0080, #ff8c00, #40e0d0, #8a2be2, #ff0080);*/
  background: linear-gradient(270deg, #0054ff, #ff8c00, #40e0d0, #2b6ee2, #113854);
  background-size: 1000% 1000%;
  animation: rainbow 8s ease infinite;
}
.glow-btn.rainbow:hover {
  box-shadow: 0 0 20px #fff, 0 0 40px #fff;
}

@keyframes rainbow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}