/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.0.1706171200
Updated: 2024-01-25 09:26:40

*/


/* Archive articles and p-articles Styles

/* Horizontal border */
.page-head-border {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px; 
}

.page-head-title h1 {
        color: #4a4a4a;
        text-decoration: none;
        font-family: AbeeZee;
        font-size: 30px !important;
        line-height: 1.3;
        margin: 33px 20px 33px 0px;
}


/* Post title styles */
.post-title a,
.post-title {
    color: #0000ee !important;
    text-decoration: none;
    font-weight: bold;
    font-family: AbeeZee;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 5px !important;
}


.post-title a:hover {
    color: #9c9c9c !important;
}

.post-title a:visited {
    color: #551A8B !important;
}

/* Increased specificity for .parent-post-title */
.post-item .parent-post-title {
    color: #4a4a4a;
    font-family: AbeeZee;
    font-size: 14px;
    font-weight: bold !important;
    padding-bottom: 1px !important;
}


.custom-abstract-class{
	font-size: 14px;
	color: #2e2e2e;
	padding-right: 40px;
	
}

/* Container and column styles */
.container {
    width: 100%; /* Full width */
    max-width: 940px; /* Maximum width */
    margin: 0 auto;
    padding-bottom: 50px;
    overflow: hidden;
    display: flex; /* Use flexbox to align columns */
    flex-direction: column; /* Align columns vertically */
}

.row {
    display: flex; /* Use flexbox for row alignment */
}

/* Left column styles */
.left-column {
    width: 80%;
    padding-right: 20px;
}

/* Right column styles */
.right-column {
    width: 15%; 
    border-left: 1px dotted #ccc; 
    align-self: stretch; /* Stretch right column vertically */
    padding-left: 5px;
    font-size: 12px;
}

.right-column h4 {
    color: #494949;
    font-family: "ABeeZee";
    font-size: 16px;
    padding-left: 10px;
}

.right-column a{
    color: #0000ee;
    font-size: 12px;
}

.right-column a:hover { 
    color: #d1d1d1; 
} 

.right-column a:visited { 
    color: #aaacaf; 
} 

.right-col {
    width: 15%; 
    align-self: stretch;
    margin-top: 30px;

}

/* Date wrapper styles */
.post-item .blog-date-wrapper {
    float: left;
    text-align: center;
    margin-right: 20px;
    padding-top: 10px;
    width: 45px; 
    border-top: 2px solid #ccc;
    border-top-width: 3px;
}

.post-item .post-content {
    overflow: hidden; /* Clear float */
    padding-bottom: 30px;
}

.post-item .post-title {
    margin-top: 0;
}

.post-item .blog-date-value {
    font-weight: bold;
    font-size: 27px;
    margin-bottom: 8px;
}

.post-item .blog-month-value {
    font-size: 20px;
    margin-bottom: 5px;
}

.post-item .blog-year-value {
    font-size: 13px;
}


/* Pagination Styles */


.container .row .pagination {
    box-sizing: border-box;
    padding-left: 200px;
}

.container .row .pagination .pagination-link {
    display: inline-block !important;
    padding: 10px !important;
    font-size: 12px !important;
    text-decoration: none; 
    margin: 5px;
    background-color: #f5f5f5 !important;
}


.container .row .pagination .first-page-link{
    margin-right: 5px;
    padding: 12px !important;
    color: #000000 !important;
    background-color:#f5f5f5 !important;
    font-size: 12px !important;
    text-decoration: none; 
}

.container .row .pagination .first-page-link:hover{
    padding: 12px !important;
    color: #fff !important;
    background-color: #002051 !important;
    font-size: 12px !important;
    text-decoration: none; 
}


.container .row .pagination .last-page-link{
    margin-right: 5px;
    color: #000000 !important;
    font-size: 12px !important;
    text-decoration: none; 
}

.container .row .pagination .last-page-link:hover{
    background-color: #002051 !important;
    color: #fff !important;
    font-size: 12px !important;
    text-decoration: none; 
}

.container .row .pagination span.pagination-link:hover {
    color: #fff !important;
    background-color: #002051 !important;
    
}

.container .row .pagination span.pagination-link:active {
    color: #fff !important;
    background-color: #002051 !important;
}

.container .row .pagination span.page-numbers.current .pagination-link {
    padding: 11px 14px 11px 14px !important;
    background-color: #002051 !important;
    color: #fff !important;
}

.container .row .pagination a.page-numbers{
    padding: 12px 0px 12px 0px;
    color: #000000 !important;
    background-color: #f5f5f5 !important;
    font-size: 12px !important;
    text-decoration: none; 
}

.container .row .pagination a.page-numbers:hover{
    background-color: #002051 !important;
    color: #fff !important;
}


.container .row .pagination a.prev.pagenumbers:hover{
    padding: 10px !important;
    color: #fff !important;
    background-color: #002051 !important;
    font-size: 12px !important;
    text-decoration: none; 
}

.container .row .pagination a.next.page-numbers{
    margin-right: 5px !important;
}


.container .row .pagination .page-numbers.dots {
    display: none !important;
}


.year-heading {
   font-family: helvetica, arial, sans-serif; 
   font-size: 20px !important;
   font-weight: 600;
}
.custom-volume{
    color: #33338f;
    font-family: helvetica, arial, sans-serif;
    font-size: 14px;

}

.proceedings-title {
    display: contents;
    font-family: helvetica, arial, sans-serif; 
    font-size: 16px !important;
    
}

.proceedings-title a{
    text-decoration: none;
}

.issn-p{
      text-align: center;
      font-weight: 600; 
      font-size: 14px; 
      color: #4A4A4A;
}


.year-links{
    font-size: 14px;
}

/* CSS for mobile responsiveness */
@media (max-width: 767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .row {
        display: flex;
        flex-direction: column;
    }
    .left-column,
    .right-column {
        flex: 0 0 100%;
        width: 100%; 
        padding-left: 0;
        padding-right: 0;
        font-size: 14px;
    }
    .right-column {
        margin-top: 10px;
        margin-bottom: 40px;
        border-left: none;
    }
    
      .right-col {
        width: 60%;
        margin-top: 10px;
        margin-bottom: 40px;
        padding-left: 120px;
    }
    
/* Pagination Mobile Styles */    
    
    .container .row .pagination .first-page-link{
    padding: 12px !important;
    color: #000000 !important;
    font-size: 12px !important;
    text-decoration: none; 
    }
    
    .container .row .pagination {
    box-sizing: border-box;
    padding-left: 120px;
}
    
  
}



/* For desktop view */
@media (min-width: 768px) {
    .container {
        display: flex;
        flex-direction: column;
    }
    .row {
        display: flex;
        flex-direction: row;
    }
    .left-column {
        width: 85%; /* 8 out of 12 columns */
        padding-right: 20px;
    }
    .right-column {
        width: 15%; /* 4 out of 12 columns */
        padding-left: 5px;
        font-size: 12px;
    }
    
    .right-col {
        width: 20%;
        padding-bottom: 15px;
    }
    
}