html, body {
	font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue",                       	sans-serif;
	font-size: 14px;
    	line-height: 1.43rem;
    	color: 000000;
 	background:#000;

.pkp_page_index .homepage_image {
        padding: 0px 8px;
        margin-top: 10px;
}

.pkp_site_nav_menu a {
    color: #000!important;
}
@media (min-width: 992px) {
.pkp_page_index .homepage_image {
	padding: 8px 30px;
	margin-top: 0px;
}
}

.pkp_structure_footer_wrapper {
    background-color: #F4B604!important;
}

.pkp_site_name_wrapper{
        height: 6.857rem!important;
	background:#ffffff;
	height:9rem;

}

@media (min-width: 992px) {
    .pkp_navigation_user>li:last-child>a {
	color:#F4B604!important;
}
}
@media (min-width: 992px) {
    .pkp_navigation_user>li>a {
        color:#F4B604!important;
    }
}

.pkp_site_nav_toggle {
	height: 6.857rem!important;
	/*background:#eff3f3!important;*/
	background:#000!important;
}

.pkp_navigation_search_wrapper a{
    color: #000!important;
}


.pkp_site_name .is_img img {
    max-height: 54px;
    margin-top: 22px;
    margin-left:21px;
}



.pkp_site_nav_menu,.pkp_nav_list{
background:#fff;
}



/*Side Bar*/

@media (min-width: 992px){
.pkp_block {
     padding: 0px!important; 
}
}

.pkp_block {
     padding: 20px 20px!important; 
}

/* Side bar Block*/


.homepage_about h2 {
    margin-top: -0.714rem;
    display:None;
}
.pkp_structure_main h1 {
     /* display:None; */
}


/*For moblie Header*/

.has_site_logo .pkp_head_wrapper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-right: 0px!important;
    border-top:3px solid #F8B801;
    border-bottom:3px solid #F4B604;
}

@media (min-width: 992px){
.pkp_site_name_wrapper {
	margin-top:-45px;
	border-bottom: 2px solid #F4B604;
	height:10.500rem!important;
}
.pkp_site_name .is_img img {
    	max-height: 104px;
    	margin-top: 6px;
	margin-left:0px!important;
}

.pkp_navigation_primary_row {
	box-shadow:0 0 5px .5px rgba(103,104,107,.34);
	padding-top:5px;
	
}

#navigationPrimary>li>a:hover{
/* border-bottom:#8BC53F!important; */
color:#F4B604;
}

#navigationPrimary a {
color: #000 !important;;
font-weight:700;
}

#navigationPrimary ul a{
	color:#fff!important;
} 


#navigationPrimary ul a:hover{
	color:#000!important;
	background:#fff!important;

} 
.pkp_structure_main h2{
font-size:1.285rem!important;
}


.pkp_page_index .current_issue h2 {
    display: inline-block;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #f7bc4a;
    text-transform: uppercase;
    font-weight: 700;
    /* color: rgba(0,0,0,0.54); */
    font-size: 1.5rem!important;
    margin-top: -20px;
    color:#000!important;

}

.obj_issue_toc .description>*:last-child {
    margin-bottom: 0;
    text-align: justify!important;
}

.obj_issue_toc .section>h3 {
    border-bottom: 1px solid #8BC53F!important;
    border-left: 0;
    font-family: 'Source Sans Pro',sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0.15em 1em;
    background-color: #fafbfb;
    width: 100%;
    color:#000!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}

.pkp_structure_footer_wrapper {
    background: #F4B604!important;
    border-bottom: 5px solid #ffffff;
}

.pkp_structure_content {
    font-size: 15px;
    margin-bottom: 0.3em;
    -webkit-box-shadow: 0 0 5px 0.5px rgba(103,104,107,.34);
    -moz-box-shadow: 0 0 5px .5px rgba(103,104,107,.34);
    box-shadow: 0 0 25px 0.5px rgba(103,104,107,.34);      
    Padding-top:15px;
    margin-top:2px;

}

/*Editorial Team*/

div.img_div {
    background: #; 
    width: 20%; 
    padding: 10px 12px; 
    padding-top: 16px;
}

div.img_div img{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

div.content_div {
    width: 80%; 
    padding: 16px 20px;"

}


@media (max-width: 800px) {
  div.main_div {
    flex-direction: column;
    width:100%;
}
}

 @media (max-width: 800px) {
 div.img_div {
        width:100%;
        padding: 0px 12px; 
        padding-top:12px;
	
}
 div.img_div img {
        width:60%!important;
	margin:auto;
        display:block;
 
	
}
}

@media (max-width: 800px) {
 div.content_div {
	width:100%;
	margin:0px;
	margin-bottom: 20px;
	padding-bottom:10px;

}
}
@media (max-width: 800px) {
 div.content_div, h2{
	text-align:center;
	line-height:1.2;
	margin-bottom:10px;
}
}

@media (max-width: 800px) {
 div.content_div, p{
	text-align:justify;
}
}
/* For Indexing Page */
.grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 10px;
  }

  @media (max-width: 800px) {
    .grid-container {
        display: grid;
        grid-template-columns: auto ;
        padding: 10px;
      }
   }


   .button {
    background-color:#F4B604;
    border: none;
    color: #000;
    padding: 12px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    display: block;
    margin: auto;
    cursor: pointer;
    border-radius: 6px;
    margin-top:23px;
  }
.block_make_submission_link{
    background: #F4B604;
    box-shadow: 0 8px 10px -6px black;
    Text-align: center;
    padding: 7px;
    color:black!important;
	width:100%;
font-weight: bold;
 
}
.block_make_submission_link:hover{
	color:#fff!important;
} 
.container_Table {
            max-width: 900px;
            margin: 0 auto;
            background: white;
            border: 2px solid #f4b604;
            overflow: hidden; /* Rounded corners ya borders ke liye */
        }

        .header_Table {
            background: linear-gradient(to right, #f4b604, #ff8c42);
            color: white;
            padding: 15px 20px;
            font-weight: bold;
            font-size: 18px;
            text-align: center;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        tr {
            border-bottom: 1px solid #ddd;
        }

        .mainTitle td {
            font-size: 1.2rem;
            font-weight: 700;
            background: #fff9e6 !important; /* Journal title ko highlight kiya */
        }

        td {
            padding: 12px 15px;
            vertical-align: top;
            font-size: 14px;
        }

        /* Desktop Column Widths */
        td:first-child {
            background: #fff5e6;
            font-weight: bold;
            width: 30%;
            border-right: 2px solid #f4b604;
        }

        td:nth-child(2) {
            width: 8%;
            text-align: center;
            background: #fff5e6;
            font-weight: bold;
            color: #f4b604;
            border-right: 2px solid #f4b604;
        }

        td:last-child {
            width: 62%;
            line-height: 1.6;
            word-wrap: break-word; /* Lambe emails ya links ke liye */
        }

        .section-row {
            background: #ffe6cc;
        }

        .section-row td {
            font-weight: bold;
            font-size: 15px;
            padding: 10px 15px;
            color: #d35400;
        }

        tr:hover {
            background: #fffbf5;
        }

        /* --- RESPONSIVE DESIGN --- */
        @media (max-width: 600px) {
            /* Table ko flexbox mein badal diya mobile ke liye */
            table, thead, tbody, th, td, tr {
                display: block;
                width: 100% !important;
            }

            tr {
                margin-bottom: 5px;
                border-bottom: 2px solid #f4b604;
            }

            /* Labels ko chupa kar icon aur text ko line mein layenge */
            td:first-child {
                background: #fdf2d0;
                border-right: none;
                border-bottom: 1px dashed #f4b604;
                padding-bottom: 5px;
            }

            td:nth-child(2) {
                display: none; /* Mobile par middle icon column chupa sakte hain ya first-child mein merge kar sakte hain */
            }

            td:last-child {
                padding-top: 5px;
                background: #fff;
            }

            .section-row td {
                text-align: center;
                background: #ffe6cc !important;
                font-size: 16px;
            }
            
            .header_Table {
                font-size: 16px;
            }
        }

        @media print {
            body { background: white; padding: 0; }
        }