/* Justify text for all paragraphs */
p {
    text-align: justify;
    text-justify: inter-word;
}

/* Optional: Justify text for article abstracts */
.abstract {
    text-align: justify;
    text-justify: inter-word;
}

/* Optional: Justify text for article body content */
.article-body {
    text-align: justify;
    text-justify: inter-word;
}

/* Optional: Justify text in sections like Introduction or Conclusion */
.section {
    text-align: justify;
    text-justify: inter-word;
}

/* Keyframe Animations */
@keyframes slideIn {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideInRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Apply animations */
.container {
  transform: translateY(0);
  opacity: 1;
  animation: slideIn 0.8s ease-out; /* Slide in animation */
}

header {
  animation: fadeIn 1s ease-out; /* Fade-in effect */
}

.main-conten

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

body {
    background-color: #DEEFF5;
}

@media (max-width:992px) {
    .pkp_structure_head {
        height: clamp(100px, 30vw, 300px);
    }
}


.pkp_site_name .is_img img {
    max-height: 100%;
    border-radius: 10px;
    border-style: solid;
    border-color: white;

}

.pkp_structure_footer {
    background-color: #3187A2;
    color: white;

}

.pkp_structure_footer_wrapper {
    background-color: #3187A2;
}

.pkp_structure_main .page .page_title {
    color: #47a6c7;
}


.pkp_structure_main .page {
  
    border-style: solid;
    border-radius: 20px;
    border-color: #3187A2;
    padding: 10px;
}
/* Justify text for all paragraphs */
p {
    text-align: justify;
    text-justify: inter-word;
}

/* Optional: Justify text for article abstracts */
.abstract {
    text-align: justify;
    text-justify: inter-word;
}

/* Optional: Justify text for article body content */
.article-body {
    text-align: justify;
    text-justify: inter-word;
}

/* Optional: Justify text in sections like Introduction or Conclusion */
.section {
    text-align: justify;
    text-justify: inter-word;
}

/* Keyframe Animations */
@keyframes slideIn {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideInRight {
  0% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Apply animations */
.container {
  transform: translateY(0);
  opacity: 1;
  animation: slideIn 0.8s ease-out; /* Slide in animation */
}

header {
  animation: fadeIn 1s ease-out; /* Fade-in effect */
}

.main-conten

.hover {
	width: 100%;
	<!--border-collapse: collapse-->;
    border: 0px solid #1C6EA4;
    border-radius: 30px 0px 30px 0p;

}
.hover th{
	height: 45px;
	background: #1e6292;
	color: #ffffff;
}
.hover td{
	height: 40px;
	padding-top: 1px;
	vertical-align: middle;
	border-bottom: 1px solid #1e6292;
	text-align: center;
}
.hover td a{
	width: 100%;
	display: block;
}
.hover tr{
	background: #1e6292f;
	color: #1e6292;
}
.hover tr:hover{
	background-color: #1e6292; <!--2c5876-->;
}
.hover tr a{
	<!--color: #FFFFFF; <!--#f78b4a;-->
	color: #2c5876; <!--1EAD2B;
	transition-property: transform, opacity;
}
.hover a:hover{
	color: #FFFFFF; <!--#f78b4a;
	transition-property: transform, opacity;
	font-size: 18px; 
}
.warning {
   color: red;    
}
#bigtext {
color: #FFFFFF;
background: #1e6292;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }
  
.pkp_site_name .is_img img{
	display: inline-block;
	max-height: 130px;
	max-width: 130%;
	width: auto;
	height: auto;
	border: 5px hidden #1C6EA4;
    
}
.pkp_structure_page{
	margin-top: 0px;
	margin-bottom: 0px;
}
.pkp_site_name_wrapper, .pkp_navigation_primary_row{
	padding-left: 10px;
	padding-right: 10px;
}
.pkp_site_name{
	padding-top: 5px;
	padding-bottom: 2px;
}
.obj_Editorial.Team .is_img img{
	display: inline-block;
	max-height: 87px;
	max-width: 87%;
	width: auto;
	height: auto;
	border: 5px hidden #1C6EA4;
}
.obj_article_details .abstract{
	text-align: justify;
	font:tahoma, geneva,sans-serif;
}
.block_make_submission_link{
	animation-name: blinker;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	color: rgb(255, 255, 255); 
	font-size: 16px; 
	padding: 6px; 
	border-radius: 20px; 
	font-size: 20px !important;
	line-height: 50px !important;
	/* border-radius: 15px; */
}

.block_make_submission_link:hover {
	background: #80FF66; 
	transition-property : color, border, border-radius, transform, opacity, box-shadow, width, padding; 
	transition-duration: 1s;
}

.block_make_submission_link:active {
	background: linear-gradient(to right, rgb(28, 110, 164) 0%, rgb(35, 136, 203) 50%, rgb(20, 78, 117) 100%); 
	box-shadow: rgb(0, 0, 0) 5px 5px 15px 5px; 
	border: none; <!--2px solid rgb(28, 110, 164)--> 
	display: inline-block;
}

@keyframes blinker{
	0%{opacity: 1.0}
	50%{opacity: 0.0}
	100%{opacity: 1.0}
}
a,
    span {
        color: rgb(0, 0, 255);
    }
    
#pageFooter a:hover, #pageFooter a:focus {
	color: #006A42;
}
#pageFooter a:active { 
	color: #FEC010;
}

/* Normal state */
a {
    color: blue; /* Link color */
    text-decoration: none;
}

/* Hover state */
a:hover {
    color: red; /* Hover color */
}

/* Active state: when clicked */
a:active {
    color: green; /* Color after clicking */
}

/* Keep the hover color on clicked link */
a.clicked {
    color: red; /* Hover color */
}

/* JavaScript to add 'clicked' class on click */
document.querySelectorAll('a').forEach(function (link) {
    link.addEventListener('click', function () {
        // Remove 'clicked' class from all links
        document.querySelectorAll('a').forEach(function (link) {
            link.classList.remove('clicked');
        });
        // Add 'clicked' class to the clicked link
        this.classList.add('clicked');
    });
});
/* Normal state for sidebar links */
#customblock-sidebar-1 a {
    color: blue; /* Default link color */
    text-decoration: none;
    font-size: 14px;
}

/* Hover state for sidebar links */
#customblock-sidebar-1 a:hover {
    color: red; /* Hover color */
}

/* Active state: when clicked */
#customblock-sidebar-1 a:focus, #customblock-sidebar-1 a:active {
    color: green; /* Active (clicked) color */
}

/* Keep the hover color on clicked link */
#customblock-sidebar-1 a.clicked {
    color: red; /* Hover color */
}

/* Optional: Styling for the block title */
#customblock-sidebar-1 .title {
    font-weight: bold;
    font-size: 16px;
    color: #333;
}

/* Styling for the table */
#customblock-sidebar-1 table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

#customblock-sidebar-1 td {
    padding: 5px;
}

/* Optional: Styling for the 'bigtext' element */
#bigtext {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/* Optional: Remove the underline from links */
#customblock-sidebar-1 a {
    text-decoration: none;
}

/* Optional: Add some space between each link */
#customblock-sidebar-1 td {
    margin-bottom: 10px;
}