@charset "UTF-8";

/* Import Noto Sans Lao font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@100;200;300;400;500;600;700;800;900&display=swap');

/**************************Global Body Variables*******************************/

/* Global font family including Lao support */
* {
    font-family: 'Noto Sans Lao', 'Source Sans Pro', Arial, sans-serif;
}

/* Remove default margins and padding */
body {
    margin: 0;
    padding: 0;
}

html {
    margin: 0;
    padding: 0;
}

a {
    color: #000000;
    text-decoration: none;
    transition: color 0.3s ease; /* Added transition effect */
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

/***************************************************************************/

.aimcolumn {
    float: left;
}

.aimleft {
    width: 25%;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 20px;
    background: #ffffff;
}

.aimright {
    width: 74%;
    height: auto;
    padding: 10px 20px 10px 35px;
    background-color: #ffffff;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

@media screen and (max-width: 600px) {
    .aimcolumn {
        width: 100%;
    }

    .aimleft {
        padding-top: 10px;
    }
}

/**************************cover image*************************************/

.obj_issue_toc .cover {
    display: none;
}

/**************************Submission block*************************************/

.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
    background-color: #902124;
    color: white;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

/**************************MENU HEADER*************************************/

#navigationPrimary>li>a {
    color: #000000;
    transition: color 0.3s ease; /* Added transition effect */
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.pkp_head_wrapper .pkp_search .search_controls .search_prompt {
    color: #000000; /* Changed to black */
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.pkp_nav_list li.profile {
    padding: 0px 8px 2px 5px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    box-shadow: 3px 2px 5px -2px rgba(0, 0, 0, .2);
    margin-left: 8px;
    margin-right: 5px;
    transition: background-color 0.3s ease, color 0.3s ease; /* Added transition effect */
}

.pkp_navigation_user>li>a {
    color: #000000; /* Changed to black */
    transition: color 0.3s ease; /* Added transition effect */
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.pkp_navigation_primary_row {
    background-color: #ffffff; /* Lighter background color */
    box-shadow: 0px 0px 5px 0.5px rgba(103, 104, 107, 0.34);
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 0;
}

#navigationPrimary ul a {
    color: #0a1640;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

#navigationPrimary ul a:hover {
    background-color: #ffffff; /* Brighter background color */
    color: #000000;
}

#navigationPrimary>li>a:hover {
    color: #545454; /* Changed to dark blue */
}

/**************************HEADER*************************************************/
.pkp_structure_head { 
    position: relative; 
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f8f2; /* Updated header color */
    margin-bottom: .25em;
    margin-top: 0;
    padding-top: 0;
    transition: background-color 0.3s ease; /* Added transition effect */
}

/* Remove any top margins/padding from header wrapper */
.pkp_head_wrapper,
.pkp_structure_page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.pkp_site_name .is_img img {
    margin-top: 1px;
    margin-bottom: 1px;
    max-height: 150px;
    transition: max-height 0.3s ease; /* Added transition effect */
}

/* Add specific styles for journal title/site name */
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name h1,
.pkp_site_name h1 a {
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif !important;
    color: #000000 !important;
}

.pkp_site_name_wrapper {
    background: no;
}

/* Added hover effect for header logo */
.pkp_structure_head:hover .pkp_site_name .is_img img {
    max-height: 160px;
}

/**************************MAIN SITE**********************************************/



/**************************ISSUES ARCHIVE*****************************************/
.obj_issue_summary {
    margin: 0em 3em 0em 1.6em;
    padding-left: 1em;
    border-left: 1px solid #101e5a;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.page_issue_archive .issues_archive>li {
    margin: 0em 0em 0em 0em;
    padding: 2em 0em 0em 0.7em;
}

/**************************ARTICLES SUMMARY***************************************/
.obj_issue_toc .sections:not(:first-child) {
    margin-top: 0em;
}

.obj_issue_toc .section>h2 {
    border-bottom: 0px;
    border-left: 0px;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    padding: 0.15em 1em;
    background-color: #fafbfb;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: background-color 0.3s ease; /* Added transition effect */
}

ul.galleys_links {
    list-style: none;
}

.obj_article_summary {
    padding: 0em 1.5em;
}

.obj_article_summary .cover {
    display: block;
    float: left;
    width: 70px;
    height: auto;
    margin-right: 15px;
}

.obj_article_summary>.title {
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
}

.obj_article_summary>.title a {
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #333333;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    transition: color 0.3s ease; /* Added transition effect */
}

.obj_article_summary>.title a:hover {
    color: #000000;
}

.doi_summary {
    padding: 0.4em 0.7em;
    margin-top: 0.3em;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.doi_summary a {
    text-decoration: none !important;
}

.doi_summary a:hover {
    text-decoration: underline !important;
}

.obj_article_summary>.galleys_links {
    list-style: none;
    margin-bottom: 0.5em;
}

.obj_article_summary>.galleys_links a {
    color: #ffffff;
    background-color: #101e5a;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    transition: background-color 0.3s ease; /* Added transition effect */
}

.obj_article_summary>.galleys_links a:hover {
    background-color: #3366cc;
    text-decoration: none;
}

/**************************ARTICLES DETAILS***************************************/
.obj_article_details>.page_title {
    font-weight: 600;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.obj_article_details .doi a {
    color: #101e5a;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    transition: color 0.3s ease; /* Added transition effect */
}

.obj_article_details .doi a:hover {
    color: #3366cc;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.obj_article_details .entry_details .item.galleys .galleys_links {
    padding: 0;
    background-color: #fff;
}

.obj_article_details .entry_details .item.galleys .galleys_links a {
    color: #fff;
    background-color: #101e5a;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    transition: background-color 0.3s ease; /* Added transition effect */
}

.obj_article_details .entry_details .item.galleys .galleys_links a:hover {
    background-color: #3366cc;
}

.obj_article_details .entry_details .sub_item:not(:first-child) .label {
    display: inline-block;
    padding: .5em 0;
    margin: 0 20px;
    width: 83%;
    border-bottom: 1px solid #101e5a;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.obj_article_details .entry_details .item>.value ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.obj_article_details .entry_details .item>.value ul li {
    padding: 5px 0;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.obj_article_details .main_entry .label {
    border-bottom: 0px;
    border-left: 0px;
    font-weight: 300;
    text-transform: uppercase;
    width: 100%;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.obj_article_details .item {
    padding: 1em 0em 2em 2.5em;
}

.obj_article_details .main_entry .item .label {
    font-size: 16px;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.obj_article_details .galleys_links a:hover {
    background-color: #3366cc;
    text-decoration: none;
}

.obj_article_details .entry_details .cover_image img {
    width: 200px
}

/**************************SIDER BAR**********************************************/

.pkp_structure_sidebar:before {
    border-left: 0px solid #e8e8e8;
}

.pkp_block {
    padding: 10px; /* Adjusted padding */
    font-size: 14px;
    line-height: 20px;
    background-color: #f2f2f2; /* Changed background color */
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.block_make_submission {
    padding: 10px; /* Adjusted padding */
}

.pkp_block .title {
    width: 100%;
    background-color: #DFDFDF; /* Changed background color */
    height: 30px;
    font-size: 14px; /* Adjusted font size */
    color: #000000; /* Changed font color to black */
    padding-top: 0.4em;
    margin-bottom: 5px; /* Adjusted margin */
    border: 0px;
    text-align: center;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease; /* Added transition effect */
}

.pkp_block .content {
    background-color: #ffffff; /* Changed background color */
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.pkp_block .content ul li {
    padding: 1px 1px; /* Adjusted padding */
    background-color: #ffffff; /* Changed background color */
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.pkp_block li {
    border-radius: 5px; /* Adjusted border radius */
    position: relative;
    background-color: #ffffff; /* Changed background color */
    display: block;
}

.pkp_block ul>li {
    border-bottom: 1px solid #e8e8e8; /* Adjusted border color */
}

.pkp_block ul>li a {
    color: #101e5a;
    padding: .5rem 1rem; /* Adjusted padding */
    display: flex;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    transition: background-color 0.3s ease; /* Added transition effect */
}

.pkp_block ul>li a:hover {
    text-decoration: none;
    background-color: #e8e8e8; /* Adjusted background color */
}
/**************************Announcement block*************************************************/

.block_announcements_article {
    padding: 1em;
    background-color: #f2f2f2; /* Changed background color */
    color: #000000; /* Changed font color to black */
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

/**************************MEDIA*************************************************/

/* Tablet in modalità verticale */
@media all and (min-width:376px) and (max-width:990px) {
    .pkp_structure_main {
        padding: 0px 10px 10px 10px;
        overflow: auto;
        margin-bottom: 1.5em;
    }

    .obj_article_details .item {
        padding: 2em 0.5em 0em 1.5em;
    }

    .pkp_block {
        padding: 0px 0px 20px 0px;
        font-size: 14px;
        line-height: 20px;
    }

    .pkp_site_nav_toggle {
        position: absolute;
        right: 0;
        top: 25%;
        width: 4em;
        margin-top: -5em;
    }

    .pkp_site_name .is_img img {
        max-height: 90px;
        margin-top: -5px;

    }

    .has_site_logo .pkp_site_name,
    .has_site_logo .pkp_navigation_primary_wrapper {
        text-align: center;
        left: 0;
        padding-left: 0px;
    }

    .pkp_navigation_user>li>a {
        color: #101e5a;
    }

    .pkp_site_nav_menu {
        top: -65%;
    }

    .pkp_site_nav_menu a {
        color: #101e5a;
        font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    }

    .pkp_nav_list li.profile {
        margin-left: 8px;
        margin-right: 25px;
        text-align: center;
        margin-bottom: 5px;
    }

    .pkp_structure_head {
        height: 25vh;
    }
}

/* Smartphone o piccoli Tablet */
@media all and (max-width:376px) {
    .pkp_structure_main {
        padding: 0px 10px 10px 10px;
        overflow: auto;
        margin-bottom: 1.5em;
    }

    .pkp_block {
        padding: 0px 0px 20px 0px;
        font-size: 14px;
        line-height: 20px;
    }

    .pkp_footer_content {
        width: 100%;
        float: none;
    }

    .pkp_site_nav_toggle {
        position: absolute;
        right: 0;
        top: 60%;
        width: 4em;
        margin-top: -5em;
    }

    .pkp_site_name .is_img img {
        max-height: 50px;
        margin-top: -1px;

    }

    .has_site_logo .pkp_site_name,
    .has_site_logo .pkp_navigation_primary_wrapper {
        text-align: center;
        left: 5px;
    }

    .has_site_logo .pkp_site_name,
    .has_site_logo .pkp_navigation_primary_wrapper {
        text-align: center;
        padding: 0px;
    }

    .pkp_navigation_user>li>a {
        color: #101e5a;
    }

    .pkp_site_nav_menu {
        top: -65%;
    }

    .pkp_site_nav_menu a {
        color: #101e5a;
        font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    }

    .pkp_structure_head {
        height: 25vh;
    }
}

/**********************
/***** Services *******
/*********************/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

section {
    padding: 20px 0;
}

section .section-title {
    text-align: center;
    color: #101e5a;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

#what-we-do {
    background: transparent;
}

#what-we-do .card {
    padding: 1rem !important;
    border: none;
    margin-bottom: 1rem;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
    transition: box-shadow 0.3s ease, background-color 0.3s ease; /* Added transition effect */
    background-image: radial-gradient(circle at 28% 29%, rgba(237, 237, 237, 0.04) 0%, rgba(237, 237, 237, 0.04) 50%, rgba(136, 136, 136, 0.04) 50%, rgba(136, 136, 136, 0.04) 100%), radial-gradient(circle at 8% 78%, rgba(156, 156, 156, 0.04) 0%, rgba(156, 156, 156, 0.04) 50%, rgba(37, 37, 37, 0.04) 50%, rgba(37, 37, 37, 0.04) 100%), radial-gradient(circle at 29% 46%, rgba(251, 251, 251, 0.04) 0%, rgba(251, 251, 251, 0.04) 50%, rgb(244, 249, 254) 50%, rgb(244, 249, 254) 100%), linear-gradient(90deg, rgb(216, 225, 243), rgb(216, 225, 243));
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

#what-we-do .card:hover {
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}

#what-we-do .card .card-block {
    padding-left: 50px;
    position: relative;
}

#what-we-do .card .card-block a {
    color: #101e5a !important;
    font-weight: 700;
    text-decoration: none;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

#what-we-do .card .card-block a i {
    display: none;
}

#what-we-do .card:hover .card-block a i {
    display: inline-block;
    font-weight: 700;
}

#what-we-do .card .card-block:before {
    font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #101e5a;
    left: 0;
    transition: transform 0.3s ease; /* Added transition effect */
}

#what-we-do .card .block-1:before {
    content: "\f25e";
}

#what-we-do .card .block-2:before {
    content: "\f0eb";
}

#what-we-do .card .block-3:before {
    content: "\f00c";
}

#what-we-do .card .block-4:before {
    content: "\f155";
}

#what-we-do .card:hover .card-block:before {
    transform: rotate(360deg);
}

#what-we-do .card-title {
    margin: auto;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}

.carousel-indicators {
    bottom: -15px;
}

/**********************
/***** Brand footer *******
/*********************/
.pkp_brand_footer {
    display: none;
}

/************************************
/***** Article detail page *******
/***********************************/
.obj_article_details .page_title {
    text-align: center;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.obj_article_details>.subtitle {
    text-align: center;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.obj_article_details .item.doi {
    text-align: center;
    text-decoration: none;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.obj_article_details .item.keywords {
    text-transform: capitalize;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

.item.abstract {
    text-align: justify;
    padding-top: 0px;
    font-family: 'Noto Sans Lao', 'Source Sans Pro', sans-serif;
}

/************************************
/***** inexinglogos *******
/***********************************/
img.indexings {
    width: 100%;
    max-height: 200px;
    object-fit: cover;
}